@kingsimba/nc-ui 0.1.35 → 0.1.36
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/README.md +1 -3
- package/dist/index.cjs +6 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +642 -615
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +4 -1
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var oe = (e, t, n) =>
|
|
4
|
-
import { jsx as s, jsxs as N, Fragment as
|
|
5
|
-
import { d as
|
|
6
|
-
import
|
|
7
|
-
import { createPortal as
|
|
8
|
-
import { useTranslation as
|
|
9
|
-
import
|
|
10
|
-
import { c as
|
|
11
|
-
function
|
|
1
|
+
var ht = Object.defineProperty;
|
|
2
|
+
var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
|
+
var oe = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
+
import { jsx as s, jsxs as N, Fragment as Le } from "react/jsx-runtime";
|
|
5
|
+
import { d as Pe, E as gt, R as bt, T as vt, g as wt, V as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-HFZmBTBT.js";
|
|
6
|
+
import ze, { useState as R, useRef as F, useEffect as D, useMemo as Me, createContext as ge, useContext as ce, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as $t, useCallback as Y, Suspense as Mt } from "react";
|
|
7
|
+
import { createPortal as Ae } from "react-dom";
|
|
8
|
+
import { useTranslation as re } from "react-i18next";
|
|
9
|
+
import It from "i18next";
|
|
10
|
+
import { c as Rt } from "./clsx-OuTLNxxd.js";
|
|
11
|
+
function Qe({
|
|
12
12
|
size: e = "default",
|
|
13
13
|
color: t,
|
|
14
14
|
overlay: n = !1,
|
|
@@ -37,7 +37,7 @@ function Je({
|
|
|
37
37
|
);
|
|
38
38
|
return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function te({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...f }) {
|
|
41
41
|
const b = [
|
|
42
42
|
"nc-button",
|
|
43
43
|
e !== "default" ? `nc-${e}` : "",
|
|
@@ -68,7 +68,7 @@ function ee({ variant: e = "default", block: t, size: n = "default", appearance:
|
|
|
68
68
|
...f,
|
|
69
69
|
children: [
|
|
70
70
|
c && /* @__PURE__ */ s(
|
|
71
|
-
|
|
71
|
+
Qe,
|
|
72
72
|
{
|
|
73
73
|
size: "small",
|
|
74
74
|
className: "nc-button-spinner",
|
|
@@ -80,14 +80,14 @@ function ee({ variant: e = "default", block: t, size: n = "default", appearance:
|
|
|
80
80
|
}
|
|
81
81
|
);
|
|
82
82
|
}
|
|
83
|
-
const
|
|
83
|
+
const Tt = {
|
|
84
84
|
info: "primary",
|
|
85
85
|
success: "success",
|
|
86
86
|
warning: "warning",
|
|
87
87
|
error: "danger",
|
|
88
88
|
danger: "danger"
|
|
89
89
|
};
|
|
90
|
-
function
|
|
90
|
+
function Kn({
|
|
91
91
|
code: e,
|
|
92
92
|
text: t,
|
|
93
93
|
type: n,
|
|
@@ -98,7 +98,7 @@ function Gn({
|
|
|
98
98
|
className: c = "",
|
|
99
99
|
style: l
|
|
100
100
|
}) {
|
|
101
|
-
const u = i ?? /* @__PURE__ */ N(
|
|
101
|
+
const u = i ?? /* @__PURE__ */ N(Le, { children: [
|
|
102
102
|
e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
|
|
103
103
|
t
|
|
104
104
|
] });
|
|
@@ -112,22 +112,22 @@ function Gn({
|
|
|
112
112
|
className: "nc-alert-close",
|
|
113
113
|
"aria-label": "Close alert",
|
|
114
114
|
onClick: a,
|
|
115
|
-
children: /* @__PURE__ */ s(
|
|
115
|
+
children: /* @__PURE__ */ s(Pe, { size: 16 })
|
|
116
116
|
}
|
|
117
117
|
)
|
|
118
118
|
] }),
|
|
119
119
|
r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
|
|
120
|
-
|
|
120
|
+
te,
|
|
121
121
|
{
|
|
122
122
|
size: "small",
|
|
123
|
-
variant: r.variant ??
|
|
123
|
+
variant: r.variant ?? Tt[n],
|
|
124
124
|
onClick: o,
|
|
125
125
|
children: r.text
|
|
126
126
|
}
|
|
127
127
|
) })
|
|
128
128
|
] });
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function _n({
|
|
131
131
|
percentage: e = 0.5,
|
|
132
132
|
status: t = "discharging",
|
|
133
133
|
darkMode: n = !1,
|
|
@@ -136,14 +136,14 @@ function Yn({
|
|
|
136
136
|
const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
|
|
137
137
|
let a;
|
|
138
138
|
r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "#ffffff" : "#000000";
|
|
139
|
-
const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, b = 0, d = 12, m = 0, A = 0, v = 0, w = l, y = u, h = y - m * 2, p = w - m * 2, g = Math.max(1, Math.min(4, y / 4)), x = o === 0 ? 0 : 0.05 + o * 0.95,
|
|
139
|
+
const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, b = 0, d = 12, m = 0, A = 0, v = 0, w = l, y = u, h = y - m * 2, p = w - m * 2, g = Math.max(1, Math.min(4, y / 4)), x = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, T = 20, E = 0.65, S = Math.max(u, T * E), L = l + f + 1, k = (u - T * E) / 2;
|
|
140
140
|
return /* @__PURE__ */ N(
|
|
141
141
|
"svg",
|
|
142
142
|
{
|
|
143
143
|
className: "nc-battery",
|
|
144
|
-
width:
|
|
144
|
+
width: C,
|
|
145
145
|
height: S,
|
|
146
|
-
viewBox: `0 0 ${
|
|
146
|
+
viewBox: `0 0 ${C} ${S}`,
|
|
147
147
|
role: "img",
|
|
148
148
|
"aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
|
|
149
149
|
children: [
|
|
@@ -202,7 +202,7 @@ function Yn({
|
|
|
202
202
|
}
|
|
203
203
|
);
|
|
204
204
|
}
|
|
205
|
-
function
|
|
205
|
+
function Un({
|
|
206
206
|
value: e,
|
|
207
207
|
onChange: t,
|
|
208
208
|
options: n,
|
|
@@ -224,7 +224,7 @@ function Kn({
|
|
|
224
224
|
);
|
|
225
225
|
}) });
|
|
226
226
|
}
|
|
227
|
-
function
|
|
227
|
+
function Et({ size: e }) {
|
|
228
228
|
return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
|
|
229
229
|
"path",
|
|
230
230
|
{
|
|
@@ -236,7 +236,7 @@ function Rt({ size: e }) {
|
|
|
236
236
|
}
|
|
237
237
|
) });
|
|
238
238
|
}
|
|
239
|
-
function
|
|
239
|
+
function qn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
|
|
240
240
|
const l = o === "small";
|
|
241
241
|
return /* @__PURE__ */ N(
|
|
242
242
|
"label",
|
|
@@ -257,7 +257,7 @@ function _n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
|
|
|
257
257
|
onKeyDown: (u) => {
|
|
258
258
|
n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
|
|
259
259
|
},
|
|
260
|
-
children: e && /* @__PURE__ */ s(
|
|
260
|
+
children: e && /* @__PURE__ */ s(Et, { size: o })
|
|
261
261
|
}
|
|
262
262
|
),
|
|
263
263
|
r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
|
|
@@ -265,23 +265,27 @@ function _n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
|
|
|
265
265
|
}
|
|
266
266
|
);
|
|
267
267
|
}
|
|
268
|
-
function
|
|
269
|
-
const c =
|
|
268
|
+
function Lt({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
|
|
269
|
+
const c = F(null), { t: l } = re(), u = e.disabled === !0;
|
|
270
270
|
return D(() => {
|
|
271
271
|
r && c.current && c.current.scrollIntoView({ block: "nearest" });
|
|
272
272
|
}, [r]), /* @__PURE__ */ s(
|
|
273
273
|
"div",
|
|
274
274
|
{
|
|
275
275
|
ref: c,
|
|
276
|
-
className: `nc-combo-dropdown-option ${o ? "nc-small" : ""} ${r ? "nc-highlighted" : ""}`,
|
|
276
|
+
className: `nc-combo-dropdown-option ${o ? "nc-small" : ""} ${r ? "nc-highlighted" : ""} ${u ? "nc-disabled" : ""}`,
|
|
277
277
|
role: "option",
|
|
278
|
-
onClick: () =>
|
|
278
|
+
onClick: () => {
|
|
279
|
+
u || t(e.value, e.label);
|
|
280
|
+
},
|
|
279
281
|
"aria-selected": n,
|
|
282
|
+
"aria-disabled": u,
|
|
280
283
|
style: {
|
|
281
|
-
cursor: "pointer",
|
|
282
|
-
|
|
284
|
+
cursor: u ? "default" : "pointer",
|
|
285
|
+
opacity: u ? 0.4 : void 0,
|
|
286
|
+
background: r && !u ? "rgba(59,130,246,0.18)" : n && !u ? "rgba(59,130,246,0.12)" : void 0
|
|
283
287
|
},
|
|
284
|
-
children: i ? i(e, a, !!r) : /* @__PURE__ */ N(
|
|
288
|
+
children: i ? i(e, a, !!r) : /* @__PURE__ */ N(Le, { children: [
|
|
285
289
|
e.label,
|
|
286
290
|
e.default && /* @__PURE__ */ N("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
|
|
287
291
|
"(",
|
|
@@ -292,7 +296,7 @@ function Tt({ option: e, onChange: t, selected: n, highlighted: r, small: o, ren
|
|
|
292
296
|
}
|
|
293
297
|
);
|
|
294
298
|
}
|
|
295
|
-
function
|
|
299
|
+
function Pt({
|
|
296
300
|
isOpen: e,
|
|
297
301
|
options: t,
|
|
298
302
|
onSelect: n,
|
|
@@ -303,7 +307,7 @@ function Et({
|
|
|
303
307
|
highlightedIndex: c = -1,
|
|
304
308
|
renderOption: l
|
|
305
309
|
}) {
|
|
306
|
-
const [u, f] =
|
|
310
|
+
const [u, f] = R({ top: 0, left: 0, width: 0 }), [b, d] = R(o), { t: m } = re();
|
|
307
311
|
if (D(() => {
|
|
308
312
|
if (e && i.current) {
|
|
309
313
|
const v = i.current.getBoundingClientRect();
|
|
@@ -334,12 +338,12 @@ function Et({
|
|
|
334
338
|
maxHeight: 300,
|
|
335
339
|
overflowY: "auto"
|
|
336
340
|
},
|
|
337
|
-
children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: m("common.noResults") }) : t.map((v, w) => /* @__PURE__ */ s(
|
|
341
|
+
children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: m("common.noResults") }) : t.map((v, w) => /* @__PURE__ */ s(Lt, { option: v, onChange: n, selected: v.value === r, highlighted: w === c, small: a, renderOption: l, index: w }, v.value))
|
|
338
342
|
}
|
|
339
343
|
);
|
|
340
|
-
return
|
|
344
|
+
return Ae(A, document.body);
|
|
341
345
|
}
|
|
342
|
-
function
|
|
346
|
+
function zt({ onClick: e, small: t }) {
|
|
343
347
|
return /* @__PURE__ */ s(
|
|
344
348
|
"span",
|
|
345
349
|
{
|
|
@@ -358,7 +362,7 @@ function Lt({ onClick: e, small: t }) {
|
|
|
358
362
|
}
|
|
359
363
|
);
|
|
360
364
|
}
|
|
361
|
-
function
|
|
365
|
+
function Bt({ open: e, small: t }) {
|
|
362
366
|
return /* @__PURE__ */ s(
|
|
363
367
|
"span",
|
|
364
368
|
{
|
|
@@ -368,7 +372,7 @@ function Pt({ open: e, small: t }) {
|
|
|
368
372
|
}
|
|
369
373
|
);
|
|
370
374
|
}
|
|
371
|
-
function
|
|
375
|
+
function Xn({
|
|
372
376
|
value: e,
|
|
373
377
|
onChange: t,
|
|
374
378
|
placeholder: n = "Select…",
|
|
@@ -388,86 +392,100 @@ function Un({
|
|
|
388
392
|
style: w,
|
|
389
393
|
className: y
|
|
390
394
|
}) {
|
|
391
|
-
const [h, p] =
|
|
395
|
+
const [h, p] = R(!1), [g, x] = R(""), [C, T] = R(-1), E = F(null), S = F(null), L = F(null), k = m === "small", { t: $ } = re(), P = !!o, H = b || P, [ae, X] = R([]), [K, _] = R(() => {
|
|
392
396
|
if (r && e) {
|
|
393
|
-
const I = r.find((
|
|
397
|
+
const I = r.find((W) => W.value === e);
|
|
394
398
|
return I ? I.label : "";
|
|
395
399
|
}
|
|
396
400
|
return o && e ? e : "";
|
|
397
401
|
});
|
|
398
402
|
D(() => {
|
|
399
403
|
if (!e) {
|
|
400
|
-
|
|
404
|
+
_("");
|
|
401
405
|
return;
|
|
402
406
|
}
|
|
403
407
|
if (r) {
|
|
404
|
-
const I = r.find((
|
|
405
|
-
I &&
|
|
406
|
-
} else o &&
|
|
408
|
+
const I = r.find((W) => W.value === e);
|
|
409
|
+
I && _(I.label);
|
|
410
|
+
} else o && _(e);
|
|
407
411
|
}, [e, r, o]);
|
|
408
|
-
const
|
|
412
|
+
const U = (I, W = !1) => {
|
|
409
413
|
if (!o) return;
|
|
410
414
|
L.current && clearTimeout(L.current);
|
|
411
|
-
const
|
|
415
|
+
const B = async () => {
|
|
412
416
|
try {
|
|
413
|
-
const
|
|
414
|
-
G
|
|
417
|
+
const G = await o(I);
|
|
418
|
+
X(G), T(-1);
|
|
415
419
|
} catch {
|
|
416
|
-
|
|
420
|
+
X([]);
|
|
417
421
|
}
|
|
418
422
|
};
|
|
419
|
-
|
|
420
|
-
},
|
|
421
|
-
if (
|
|
423
|
+
W ? B() : L.current = setTimeout(B, 200);
|
|
424
|
+
}, j = Me(() => {
|
|
425
|
+
if (P) return ae;
|
|
422
426
|
const I = g.toLowerCase();
|
|
423
|
-
return H ? (r || []).filter((
|
|
424
|
-
}, [r, g, H,
|
|
427
|
+
return H ? (r || []).filter((W) => W.label.toLowerCase().includes(I)) : r || [];
|
|
428
|
+
}, [r, g, H, P, ae]);
|
|
425
429
|
D(() => {
|
|
426
|
-
h &&
|
|
427
|
-
}, [h,
|
|
430
|
+
h && T(-1);
|
|
431
|
+
}, [h, j]), D(() => {
|
|
428
432
|
if (!f && !e && r && r.length > 0 && t) {
|
|
429
|
-
const I = r.find((
|
|
433
|
+
const I = r.find((W) => W.default) || r[0];
|
|
430
434
|
t(I.value);
|
|
431
435
|
}
|
|
432
436
|
}, [f, e, r, t]), D(() => {
|
|
433
|
-
function I(
|
|
434
|
-
var
|
|
435
|
-
|
|
437
|
+
function I(W) {
|
|
438
|
+
var B;
|
|
439
|
+
W.target instanceof Node && E.current && ((B = E.current.parentElement) != null && B.contains(W.target) || p(!1));
|
|
436
440
|
}
|
|
437
441
|
return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
|
|
438
442
|
}, []);
|
|
439
|
-
const
|
|
440
|
-
var
|
|
441
|
-
|
|
442
|
-
},
|
|
443
|
+
const z = c ?? (r ? r.find((I) => I.value === e) : e ? { label: K, value: e } : void 0), q = z && f, le = !l && !q, pe = `nc-align-${v}`, ve = !(h && H) && !!z, de = (I, W, B = !1) => {
|
|
444
|
+
var G;
|
|
445
|
+
_(W), t == null || t(I), p(!1), x(""), B && ((G = E.current) == null || G.blur());
|
|
446
|
+
}, we = () => {
|
|
443
447
|
t == null || t(void 0), x(""), p(!1);
|
|
444
|
-
},
|
|
448
|
+
}, ye = (I) => {
|
|
445
449
|
if (!h) {
|
|
446
450
|
(I.key === "ArrowDown" || I.key === "ArrowUp") && (p(!0), I.preventDefault());
|
|
447
451
|
return;
|
|
448
452
|
}
|
|
453
|
+
const W = (B, G) => {
|
|
454
|
+
if (G === 1) {
|
|
455
|
+
for (let V = B; V < j.length; V++)
|
|
456
|
+
if (!j[V].disabled) return V;
|
|
457
|
+
for (let V = 0; V < B; V++)
|
|
458
|
+
if (!j[V].disabled) return V;
|
|
459
|
+
} else {
|
|
460
|
+
for (let V = B; V >= 0; V--)
|
|
461
|
+
if (!j[V].disabled) return V;
|
|
462
|
+
for (let V = j.length - 1; V > B; V--)
|
|
463
|
+
if (!j[V].disabled) return V;
|
|
464
|
+
}
|
|
465
|
+
return B;
|
|
466
|
+
};
|
|
449
467
|
switch (I.key) {
|
|
450
468
|
case "ArrowDown":
|
|
451
|
-
I.preventDefault(),
|
|
452
|
-
const
|
|
453
|
-
return V
|
|
469
|
+
I.preventDefault(), T((B) => {
|
|
470
|
+
const G = B + 1, V = G >= j.length ? 0 : G;
|
|
471
|
+
return W(V, 1);
|
|
454
472
|
});
|
|
455
473
|
break;
|
|
456
474
|
case "ArrowUp":
|
|
457
|
-
I.preventDefault(),
|
|
458
|
-
const
|
|
459
|
-
return V
|
|
475
|
+
I.preventDefault(), T((B) => {
|
|
476
|
+
const G = B - 1, V = G < 0 ? j.length - 1 : G;
|
|
477
|
+
return W(V, -1);
|
|
460
478
|
});
|
|
461
479
|
break;
|
|
462
480
|
case "Enter":
|
|
463
|
-
I.preventDefault(),
|
|
481
|
+
I.preventDefault(), C >= 0 && C < j.length && !j[C].disabled && de(j[C].value, j[C].label, !0);
|
|
464
482
|
break;
|
|
465
483
|
case "Escape":
|
|
466
484
|
I.preventDefault(), p(!1), x("");
|
|
467
485
|
break;
|
|
468
486
|
}
|
|
469
487
|
};
|
|
470
|
-
return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${
|
|
488
|
+
return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${pe} ${y || ""}`.trim(), style: { position: "relative", ...w }, children: [
|
|
471
489
|
u && /* @__PURE__ */ s("span", { className: `nc-label ${k ? "nc-small" : ""}`, children: u }),
|
|
472
490
|
/* @__PURE__ */ N(
|
|
473
491
|
"div",
|
|
@@ -476,14 +494,14 @@ function Un({
|
|
|
476
494
|
style: { position: "relative", display: "flex", alignItems: "center" },
|
|
477
495
|
onMouseDown: (I) => {
|
|
478
496
|
if (l || H && I.target === E.current) return;
|
|
479
|
-
const
|
|
480
|
-
if (p((
|
|
481
|
-
const
|
|
482
|
-
|
|
497
|
+
const W = !h;
|
|
498
|
+
if (p((B) => (!B && H && z && x(z.label), !B)), P && W) {
|
|
499
|
+
const B = H && z ? z.label : "";
|
|
500
|
+
X([]), setTimeout(() => U(B, !0), 0);
|
|
483
501
|
}
|
|
484
502
|
H && !h && setTimeout(() => {
|
|
485
|
-
var
|
|
486
|
-
(
|
|
503
|
+
var B, G;
|
|
504
|
+
(B = E.current) == null || B.focus(), (G = E.current) == null || G.select();
|
|
487
505
|
}, 0);
|
|
488
506
|
},
|
|
489
507
|
children: [
|
|
@@ -496,39 +514,39 @@ function Un({
|
|
|
496
514
|
onFocus: () => {
|
|
497
515
|
if (!l && H) {
|
|
498
516
|
p(!0);
|
|
499
|
-
const I =
|
|
500
|
-
|
|
501
|
-
var
|
|
502
|
-
return (
|
|
503
|
-
}, 0)),
|
|
517
|
+
const I = z ? z.label : "";
|
|
518
|
+
z && (x(I), setTimeout(() => {
|
|
519
|
+
var W;
|
|
520
|
+
return (W = E.current) == null ? void 0 : W.select();
|
|
521
|
+
}, 0)), P && (X([]), U(I, !0));
|
|
504
522
|
}
|
|
505
523
|
},
|
|
506
524
|
onChange: (I) => {
|
|
507
|
-
const
|
|
508
|
-
H && (x(
|
|
525
|
+
const W = I.target.value;
|
|
526
|
+
H && (x(W), P && U(W));
|
|
509
527
|
},
|
|
510
|
-
onKeyDown:
|
|
511
|
-
value: h && H ? g : (
|
|
528
|
+
onKeyDown: ye,
|
|
529
|
+
value: h && H ? g : (z == null ? void 0 : z.label) || "",
|
|
512
530
|
readOnly: l || !H,
|
|
513
531
|
style: {
|
|
514
532
|
width: "100%",
|
|
515
|
-
paddingRight:
|
|
533
|
+
paddingRight: le || q ? k ? 32 : 44 : 12,
|
|
516
534
|
caretColor: b ? void 0 : "transparent",
|
|
517
535
|
cursor: b ? void 0 : "pointer",
|
|
518
536
|
userSelect: b ? void 0 : "none",
|
|
519
|
-
color:
|
|
537
|
+
color: ve ? "transparent" : "var(--nc-text)"
|
|
520
538
|
}
|
|
521
539
|
}
|
|
522
540
|
),
|
|
523
|
-
|
|
541
|
+
ve && /* @__PURE__ */ s(
|
|
524
542
|
"div",
|
|
525
543
|
{
|
|
526
544
|
"aria-hidden": !0,
|
|
527
|
-
className: `nc-combo-overlay ${
|
|
545
|
+
className: `nc-combo-overlay ${pe}`,
|
|
528
546
|
style: {
|
|
529
547
|
position: "absolute",
|
|
530
548
|
left: k ? 8 : 12,
|
|
531
|
-
right:
|
|
549
|
+
right: le || q ? k ? 12 : 24 : k ? 8 : 12,
|
|
532
550
|
top: "50%",
|
|
533
551
|
transform: "translateY(-50%)",
|
|
534
552
|
pointerEvents: "none",
|
|
@@ -536,25 +554,25 @@ function Un({
|
|
|
536
554
|
alignItems: "center",
|
|
537
555
|
gap: 6
|
|
538
556
|
},
|
|
539
|
-
children: a &&
|
|
540
|
-
/* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${k ? "nc-small" : ""}`, children:
|
|
541
|
-
(
|
|
557
|
+
children: a && z ? a(z) : /* @__PURE__ */ N(Le, { children: [
|
|
558
|
+
/* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${k ? "nc-small" : ""}`, children: z == null ? void 0 : z.label }),
|
|
559
|
+
(z == null ? void 0 : z.default) && /* @__PURE__ */ N("span", { className: `nc-combo-overlay-default ${k ? "nc-small" : ""}`, children: [
|
|
542
560
|
"(",
|
|
543
|
-
|
|
561
|
+
$("common.default"),
|
|
544
562
|
")"
|
|
545
563
|
] })
|
|
546
564
|
] })
|
|
547
565
|
}
|
|
548
566
|
),
|
|
549
|
-
|
|
550
|
-
|
|
567
|
+
q && /* @__PURE__ */ s(zt, { onClick: we, small: k }),
|
|
568
|
+
le && /* @__PURE__ */ s(Bt, { open: h, small: k })
|
|
551
569
|
]
|
|
552
570
|
}
|
|
553
571
|
),
|
|
554
|
-
/* @__PURE__ */ s(
|
|
572
|
+
/* @__PURE__ */ s(Pt, { isOpen: h, options: j, onSelect: de, selectedValue: e, placement: d, anchorRef: S, small: k, highlightedIndex: C, renderOption: i })
|
|
555
573
|
] });
|
|
556
574
|
}
|
|
557
|
-
function
|
|
575
|
+
function Jn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
|
|
558
576
|
return /* @__PURE__ */ s(
|
|
559
577
|
"button",
|
|
560
578
|
{
|
|
@@ -564,11 +582,11 @@ function qn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default"
|
|
|
564
582
|
title: o ?? (t ? "Refreshing..." : "Refresh"),
|
|
565
583
|
"aria-label": i ?? (t ? "Refreshing" : "Refresh"),
|
|
566
584
|
"data-size": r,
|
|
567
|
-
children: /* @__PURE__ */ s(
|
|
585
|
+
children: /* @__PURE__ */ s(bt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
|
|
568
586
|
}
|
|
569
587
|
);
|
|
570
588
|
}
|
|
571
|
-
function
|
|
589
|
+
function Ze({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
|
|
572
590
|
return /* @__PURE__ */ s(
|
|
573
591
|
"button",
|
|
574
592
|
{
|
|
@@ -578,11 +596,11 @@ function Qe({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
|
|
|
578
596
|
title: r,
|
|
579
597
|
"aria-label": o,
|
|
580
598
|
"data-size": n,
|
|
581
|
-
children: /* @__PURE__ */ s(
|
|
599
|
+
children: /* @__PURE__ */ s(Pe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
|
|
582
600
|
}
|
|
583
601
|
);
|
|
584
602
|
}
|
|
585
|
-
function
|
|
603
|
+
function Qn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
|
|
586
604
|
return /* @__PURE__ */ s(
|
|
587
605
|
"button",
|
|
588
606
|
{
|
|
@@ -592,11 +610,11 @@ function Xn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
|
|
|
592
610
|
title: r,
|
|
593
611
|
"aria-label": o,
|
|
594
612
|
"data-size": n,
|
|
595
|
-
children: /* @__PURE__ */ s(
|
|
613
|
+
children: /* @__PURE__ */ s(gt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
|
|
596
614
|
}
|
|
597
615
|
);
|
|
598
616
|
}
|
|
599
|
-
function
|
|
617
|
+
function Zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
|
|
600
618
|
return /* @__PURE__ */ s(
|
|
601
619
|
"button",
|
|
602
620
|
{
|
|
@@ -606,11 +624,11 @@ function Jn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
|
|
|
606
624
|
title: r,
|
|
607
625
|
"aria-label": o,
|
|
608
626
|
"data-size": n,
|
|
609
|
-
children: /* @__PURE__ */ s(
|
|
627
|
+
children: /* @__PURE__ */ s(vt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
|
|
610
628
|
}
|
|
611
629
|
);
|
|
612
630
|
}
|
|
613
|
-
function
|
|
631
|
+
function er({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
|
|
614
632
|
return /* @__PURE__ */ s(
|
|
615
633
|
"button",
|
|
616
634
|
{
|
|
@@ -624,7 +642,7 @@ function Qn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
|
|
|
624
642
|
}
|
|
625
643
|
);
|
|
626
644
|
}
|
|
627
|
-
function
|
|
645
|
+
function tr({
|
|
628
646
|
open: e,
|
|
629
647
|
onClose: t,
|
|
630
648
|
options: n,
|
|
@@ -632,7 +650,7 @@ function Zn({
|
|
|
632
650
|
anchor: o,
|
|
633
651
|
preferredDirection: i = "down"
|
|
634
652
|
}) {
|
|
635
|
-
const a =
|
|
653
|
+
const a = F(null), [c, l] = R({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
|
|
636
654
|
if (D(() => {
|
|
637
655
|
if (!e || !u || !a.current) return;
|
|
638
656
|
const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), A = window.innerHeight, v = window.innerWidth, w = d.bottom + 8, y = w + m.height <= A - 8;
|
|
@@ -661,7 +679,7 @@ function Zn({
|
|
|
661
679
|
const f = (d) => {
|
|
662
680
|
d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
|
|
663
681
|
}, b = n.some((d) => d.icon);
|
|
664
|
-
return
|
|
682
|
+
return Ae(
|
|
665
683
|
/* @__PURE__ */ s(
|
|
666
684
|
"div",
|
|
667
685
|
{
|
|
@@ -710,20 +728,20 @@ function Zn({
|
|
|
710
728
|
document.body
|
|
711
729
|
);
|
|
712
730
|
}
|
|
713
|
-
const
|
|
714
|
-
function
|
|
715
|
-
const e = ce(
|
|
731
|
+
const et = ge(null);
|
|
732
|
+
function Dt() {
|
|
733
|
+
const e = ce(et);
|
|
716
734
|
if (!e)
|
|
717
735
|
throw new Error("useDialog must be used inside a Dialog component");
|
|
718
736
|
return e;
|
|
719
737
|
}
|
|
720
|
-
function
|
|
721
|
-
const { close: r } =
|
|
722
|
-
return /* @__PURE__ */ s(
|
|
738
|
+
function fe({ children: e, onClick: t, ...n }) {
|
|
739
|
+
const { close: r } = Dt(), { t: o } = re();
|
|
740
|
+
return /* @__PURE__ */ s(te, { onClick: (a) => {
|
|
723
741
|
t == null || t(a), r();
|
|
724
742
|
}, ...n, children: e ?? o("common.close") });
|
|
725
743
|
}
|
|
726
|
-
function
|
|
744
|
+
function nr({
|
|
727
745
|
open: e,
|
|
728
746
|
onClose: t,
|
|
729
747
|
title: n,
|
|
@@ -743,7 +761,7 @@ function er({
|
|
|
743
761
|
className: w = "",
|
|
744
762
|
onContentHeightChange: y
|
|
745
763
|
}) {
|
|
746
|
-
const h =
|
|
764
|
+
const h = F(null), p = F(null), { t: g } = re(), x = { close: t }, C = (S) => {
|
|
747
765
|
d && S.target === S.currentTarget && t();
|
|
748
766
|
};
|
|
749
767
|
if (D(() => {
|
|
@@ -752,42 +770,42 @@ function er({
|
|
|
752
770
|
if (!y || !p.current) return;
|
|
753
771
|
const S = new ResizeObserver((L) => {
|
|
754
772
|
for (const k of L) {
|
|
755
|
-
const
|
|
756
|
-
y(
|
|
773
|
+
const $ = k.contentRect.height;
|
|
774
|
+
y($);
|
|
757
775
|
}
|
|
758
776
|
});
|
|
759
777
|
return S.observe(p.current), () => {
|
|
760
778
|
S.disconnect();
|
|
761
779
|
};
|
|
762
780
|
}, [y]), !e) return null;
|
|
763
|
-
const
|
|
781
|
+
const T = () => {
|
|
764
782
|
switch (i) {
|
|
765
783
|
case "ok":
|
|
766
|
-
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(
|
|
784
|
+
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") }) });
|
|
767
785
|
case "ok-cancel":
|
|
768
786
|
return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
|
|
769
|
-
/* @__PURE__ */ s(
|
|
770
|
-
/* @__PURE__ */ s(
|
|
787
|
+
/* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
|
|
788
|
+
/* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") })
|
|
771
789
|
] });
|
|
772
790
|
case "save-cancel":
|
|
773
791
|
return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
|
|
774
|
-
/* @__PURE__ */ s(
|
|
775
|
-
/* @__PURE__ */ s(
|
|
792
|
+
/* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
|
|
793
|
+
/* @__PURE__ */ s(te, { variant: "primary", onClick: l, disabled: m, children: g("common.save") })
|
|
776
794
|
] });
|
|
777
795
|
case "delete-cancel":
|
|
778
796
|
return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
|
|
779
|
-
/* @__PURE__ */ s(
|
|
780
|
-
/* @__PURE__ */ s(
|
|
797
|
+
/* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
|
|
798
|
+
/* @__PURE__ */ s(te, { variant: "danger", onClick: u, disabled: m, children: g("common.delete") })
|
|
781
799
|
] });
|
|
782
800
|
case "connect":
|
|
783
801
|
return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
|
|
784
|
-
/* @__PURE__ */ s(
|
|
785
|
-
/* @__PURE__ */ s(
|
|
802
|
+
/* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
|
|
803
|
+
/* @__PURE__ */ s(te, { variant: "primary", onClick: b, disabled: m, children: g("common.connect") })
|
|
786
804
|
] });
|
|
787
805
|
case "close":
|
|
788
|
-
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(
|
|
806
|
+
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary" }) });
|
|
789
807
|
case "gotit":
|
|
790
|
-
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(
|
|
808
|
+
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary", children: g("common.gotit") }) });
|
|
791
809
|
case "custom":
|
|
792
810
|
return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
|
|
793
811
|
case "none":
|
|
@@ -795,7 +813,7 @@ function er({
|
|
|
795
813
|
default:
|
|
796
814
|
return null;
|
|
797
815
|
}
|
|
798
|
-
}, E = /* @__PURE__ */ s(
|
|
816
|
+
}, E = /* @__PURE__ */ s(et.Provider, { value: x, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ N(
|
|
799
817
|
"div",
|
|
800
818
|
{
|
|
801
819
|
ref: h,
|
|
@@ -808,16 +826,16 @@ function er({
|
|
|
808
826
|
children: [
|
|
809
827
|
!v && /* @__PURE__ */ N("div", { className: "nc-dialog-header", children: [
|
|
810
828
|
/* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
|
|
811
|
-
/* @__PURE__ */ s(
|
|
829
|
+
/* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
|
|
812
830
|
] }),
|
|
813
831
|
/* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
|
|
814
|
-
|
|
832
|
+
T()
|
|
815
833
|
]
|
|
816
834
|
}
|
|
817
835
|
) }) });
|
|
818
|
-
return A ?
|
|
836
|
+
return A ? Ae(E, document.body) : E;
|
|
819
837
|
}
|
|
820
|
-
function
|
|
838
|
+
function Wt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
|
|
821
839
|
const r = t === "small" ? 28 : 34;
|
|
822
840
|
return /* @__PURE__ */ s(
|
|
823
841
|
"button",
|
|
@@ -846,7 +864,7 @@ function Bt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
|
|
|
846
864
|
}
|
|
847
865
|
);
|
|
848
866
|
}
|
|
849
|
-
function
|
|
867
|
+
function Ht({ visible: e, onClick: t, size: n = "default" }) {
|
|
850
868
|
const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
|
|
851
869
|
return /* @__PURE__ */ s(
|
|
852
870
|
"button",
|
|
@@ -870,11 +888,11 @@ function Dt({ visible: e, onClick: t, size: n = "default" }) {
|
|
|
870
888
|
alignItems: "center",
|
|
871
889
|
justifyContent: "center"
|
|
872
890
|
},
|
|
873
|
-
children: e ? /* @__PURE__ */ s(
|
|
891
|
+
children: e ? /* @__PURE__ */ s(wt, { size: o }) : /* @__PURE__ */ s(yt, { size: o })
|
|
874
892
|
}
|
|
875
893
|
);
|
|
876
894
|
}
|
|
877
|
-
function
|
|
895
|
+
function rr({
|
|
878
896
|
value: e,
|
|
879
897
|
defaultValue: t = "",
|
|
880
898
|
onChange: n,
|
|
@@ -897,113 +915,122 @@ function tr({
|
|
|
897
915
|
validator: p,
|
|
898
916
|
showErrorMessage: g = !0
|
|
899
917
|
}) {
|
|
900
|
-
const x =
|
|
918
|
+
const x = F(null), C = F(null), T = F(!1), [E, S] = R(!1), [L, k] = R(!1), [$, P] = R(!1), H = e !== void 0, [ae, X] = R(t), K = H ? e : ae, [_, U] = R(K), j = p ? p(K) : null, z = !!j, q = !y && m === "plain", le = q && L, pe = le ? _ : K;
|
|
901
919
|
D(() => {
|
|
902
|
-
|
|
903
|
-
}, [
|
|
904
|
-
const
|
|
905
|
-
let
|
|
906
|
-
|
|
907
|
-
const
|
|
908
|
-
if (!
|
|
909
|
-
return
|
|
910
|
-
const
|
|
911
|
-
return
|
|
920
|
+
le || U(K);
|
|
921
|
+
}, [K, le]);
|
|
922
|
+
const ve = f === "password", de = ve && w && !c && !y, we = u && pe && !c && (L || $), ye = d === "small" ? 32 : 44;
|
|
923
|
+
let I = 12;
|
|
924
|
+
we && de ? I = ye * 2 : (we || de) && (I = ye);
|
|
925
|
+
const B = v ? d === "small" ? 28 : 34 : void 0, G = () => {
|
|
926
|
+
if (!q)
|
|
927
|
+
return K;
|
|
928
|
+
const J = _ !== K;
|
|
929
|
+
return H || X(_), J && (n == null || n(_), r == null || r(_)), _;
|
|
912
930
|
}, V = () => {
|
|
913
|
-
|
|
914
|
-
},
|
|
915
|
-
var
|
|
916
|
-
if (
|
|
917
|
-
|
|
931
|
+
U(K);
|
|
932
|
+
}, ft = () => {
|
|
933
|
+
var J, Z, Ge;
|
|
934
|
+
if (q) {
|
|
935
|
+
U(""), i == null || i(), (J = x.current) == null || J.focus();
|
|
918
936
|
return;
|
|
919
937
|
}
|
|
920
|
-
|
|
921
|
-
},
|
|
922
|
-
if (
|
|
923
|
-
|
|
938
|
+
H || X(""), n == null || n(""), i == null || i(), y ? (Z = C.current) == null || Z.focus() : (Ge = x.current) == null || Ge.focus();
|
|
939
|
+
}, He = (J) => {
|
|
940
|
+
if (q && J.key === "Escape") {
|
|
941
|
+
J.preventDefault(), T.current = !0, V(), J.currentTarget.blur();
|
|
924
942
|
return;
|
|
925
943
|
}
|
|
926
|
-
if (
|
|
927
|
-
const
|
|
928
|
-
|
|
944
|
+
if (J.key === "Enter" && !y) {
|
|
945
|
+
const Z = q ? G() : K;
|
|
946
|
+
q && (J.preventDefault(), T.current = !0, J.currentTarget.blur()), o == null || o(Z);
|
|
929
947
|
}
|
|
930
|
-
},
|
|
931
|
-
const
|
|
932
|
-
if (
|
|
933
|
-
|
|
948
|
+
}, Ve = (J) => {
|
|
949
|
+
const Z = J.target.value;
|
|
950
|
+
if (q) {
|
|
951
|
+
U(Z), n == null || n(Z);
|
|
934
952
|
return;
|
|
935
953
|
}
|
|
936
|
-
|
|
937
|
-
}, Ve = () => {
|
|
938
|
-
k(!0), F && X(j);
|
|
954
|
+
H || X(Z), n == null || n(Z);
|
|
939
955
|
}, Oe = () => {
|
|
940
|
-
|
|
941
|
-
|
|
956
|
+
k(!0), q && U(K);
|
|
957
|
+
}, Fe = () => {
|
|
958
|
+
if (q && T.current) {
|
|
959
|
+
T.current = !1, k(!1);
|
|
942
960
|
return;
|
|
943
961
|
}
|
|
944
|
-
|
|
945
|
-
},
|
|
946
|
-
return /* @__PURE__ */ N(
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
962
|
+
q && G(), k(!1);
|
|
963
|
+
}, je = `nc-input ${d === "small" ? "nc-small " : ""}${!y && m === "plain" ? "nc-plain " : ""}${z ? "nc-error " : ""}${b}`;
|
|
964
|
+
return /* @__PURE__ */ N(
|
|
965
|
+
"div",
|
|
966
|
+
{
|
|
967
|
+
className: "nc-col",
|
|
968
|
+
style: { position: "relative", flex: 1, ...A },
|
|
969
|
+
onMouseEnter: () => P(!0),
|
|
970
|
+
onMouseLeave: () => P(!1),
|
|
971
|
+
children: [
|
|
972
|
+
l && /* @__PURE__ */ s("span", { className: "nc-label", children: l }),
|
|
973
|
+
/* @__PURE__ */ N("div", { style: { position: "relative", display: "flex", alignItems: y ? "flex-start" : "center" }, children: [
|
|
974
|
+
v && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: y ? void 0 : "100%", top: y ? 10 : void 0 }, children: v }),
|
|
975
|
+
y ? /* @__PURE__ */ s(
|
|
976
|
+
"textarea",
|
|
977
|
+
{
|
|
978
|
+
ref: C,
|
|
979
|
+
className: je,
|
|
980
|
+
placeholder: a,
|
|
981
|
+
value: pe,
|
|
982
|
+
onChange: Ve,
|
|
983
|
+
onKeyDown: He,
|
|
984
|
+
onFocus: Oe,
|
|
985
|
+
onBlur: Fe,
|
|
986
|
+
readOnly: c,
|
|
987
|
+
"aria-disabled": c,
|
|
988
|
+
tabIndex: c ? -1 : void 0,
|
|
989
|
+
rows: h,
|
|
990
|
+
style: {
|
|
991
|
+
width: "100%",
|
|
992
|
+
paddingRight: I,
|
|
993
|
+
...B !== void 0 ? { paddingLeft: B } : {}
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
) : /* @__PURE__ */ s(
|
|
997
|
+
"input",
|
|
998
|
+
{
|
|
999
|
+
ref: x,
|
|
1000
|
+
type: ve && E ? "text" : f,
|
|
1001
|
+
className: je,
|
|
1002
|
+
placeholder: a,
|
|
1003
|
+
value: pe,
|
|
1004
|
+
onChange: Ve,
|
|
1005
|
+
onKeyDown: He,
|
|
1006
|
+
onFocus: Oe,
|
|
1007
|
+
onBlur: Fe,
|
|
1008
|
+
readOnly: c,
|
|
1009
|
+
"aria-disabled": c,
|
|
1010
|
+
tabIndex: c ? -1 : void 0,
|
|
1011
|
+
style: {
|
|
1012
|
+
width: "100%",
|
|
1013
|
+
paddingRight: I,
|
|
1014
|
+
...B !== void 0 ? { paddingLeft: B } : {}
|
|
1015
|
+
}
|
|
1016
|
+
}
|
|
1017
|
+
),
|
|
1018
|
+
we && /* @__PURE__ */ s(Wt, { onClick: ft, size: d, rightOffset: de ? ye + 4 : 4 }),
|
|
1019
|
+
de && /* @__PURE__ */ s(Ht, { visible: E, onClick: () => S(!E), size: d })
|
|
1020
|
+
] }),
|
|
1021
|
+
z && g && /* @__PURE__ */ s("span", { className: "nc-error-message", children: j })
|
|
1022
|
+
]
|
|
1023
|
+
}
|
|
1024
|
+
);
|
|
998
1025
|
}
|
|
999
|
-
function
|
|
1026
|
+
function or({
|
|
1000
1027
|
children: e,
|
|
1001
1028
|
onClick: t,
|
|
1002
1029
|
showBorder: n = !0,
|
|
1003
1030
|
selectable: r = !1,
|
|
1004
1031
|
style: o
|
|
1005
1032
|
}) {
|
|
1006
|
-
const [i, a] =
|
|
1033
|
+
const [i, a] = ze.useState(!1);
|
|
1007
1034
|
return /* @__PURE__ */ s(
|
|
1008
1035
|
"div",
|
|
1009
1036
|
{
|
|
@@ -1031,7 +1058,7 @@ function nr({
|
|
|
1031
1058
|
}
|
|
1032
1059
|
);
|
|
1033
1060
|
}
|
|
1034
|
-
function
|
|
1061
|
+
function sr({ title: e, titleTools: t, children: n, style: r }) {
|
|
1035
1062
|
return /* @__PURE__ */ N("div", { className: "nc-list-group", style: r, children: [
|
|
1036
1063
|
(e || t) && /* @__PURE__ */ N("div", { className: "nc-list-group-title", children: [
|
|
1037
1064
|
/* @__PURE__ */ s("div", { children: e }),
|
|
@@ -1046,8 +1073,8 @@ function rr({ title: e, titleTools: t, children: n, style: r }) {
|
|
|
1046
1073
|
)
|
|
1047
1074
|
] });
|
|
1048
1075
|
}
|
|
1049
|
-
function
|
|
1050
|
-
const [i, a] =
|
|
1076
|
+
function ir({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
|
|
1077
|
+
const [i, a] = R(!1), [c, l] = R(""), u = F(null), f = Me(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
|
|
1051
1078
|
D(() => {
|
|
1052
1079
|
function d(m) {
|
|
1053
1080
|
!(m.target instanceof Node) || !u.current || u.current.contains(m.target) || a(!1);
|
|
@@ -1100,7 +1127,7 @@ function or({ values: e, onChange: t, options: n, placeholder: r = "Select…",
|
|
|
1100
1127
|
] })
|
|
1101
1128
|
] });
|
|
1102
1129
|
}
|
|
1103
|
-
function
|
|
1130
|
+
function Se(e) {
|
|
1104
1131
|
if (!e) return null;
|
|
1105
1132
|
const t = /^\d{2}-\d{1,2}$/, n = /^\d{4}-\d{1,2}$/;
|
|
1106
1133
|
if (!t.test(e) && !n.test(e))
|
|
@@ -1108,7 +1135,7 @@ function Ne(e) {
|
|
|
1108
1135
|
const r = e.split("-"), o = parseInt(r[1], 10);
|
|
1109
1136
|
return o < 1 || o > 12 ? "Month must be between 1 and 12" : null;
|
|
1110
1137
|
}
|
|
1111
|
-
function
|
|
1138
|
+
function Ne(e) {
|
|
1112
1139
|
if (!e) return "";
|
|
1113
1140
|
const t = e.split("-");
|
|
1114
1141
|
if (t.length !== 2) return e;
|
|
@@ -1120,18 +1147,18 @@ function xe(e) {
|
|
|
1120
1147
|
}
|
|
1121
1148
|
return `${n}-${r}`;
|
|
1122
1149
|
}
|
|
1123
|
-
function
|
|
1150
|
+
function Ye(e) {
|
|
1124
1151
|
if (!e) return "";
|
|
1125
|
-
const t =
|
|
1152
|
+
const t = Ne(e);
|
|
1126
1153
|
if (!/^\d{4}-\d{2}$/.test(t)) return e;
|
|
1127
1154
|
const [n, r] = t.split("-");
|
|
1128
1155
|
return `${n}/${r}`;
|
|
1129
1156
|
}
|
|
1130
|
-
function
|
|
1157
|
+
function Ke() {
|
|
1131
1158
|
const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
|
|
1132
1159
|
return `${t}-${n}`;
|
|
1133
1160
|
}
|
|
1134
|
-
function
|
|
1161
|
+
function cr({
|
|
1135
1162
|
startMonth: e,
|
|
1136
1163
|
endMonth: t,
|
|
1137
1164
|
onChange: n,
|
|
@@ -1140,41 +1167,41 @@ function sr({
|
|
|
1140
1167
|
disabled: i = !1,
|
|
1141
1168
|
size: a = "default"
|
|
1142
1169
|
}) {
|
|
1143
|
-
const [c, l] =
|
|
1170
|
+
const [c, l] = R(!1), [u, f] = R(""), [b, d] = R(""), [m, A] = R({ top: 0, left: 0, width: 0, right: void 0 }), v = F(null), w = F(null);
|
|
1144
1171
|
D(() => {
|
|
1145
1172
|
if (c && v.current) {
|
|
1146
|
-
const k = v.current.getBoundingClientRect(),
|
|
1147
|
-
window.innerWidth - k.left <
|
|
1173
|
+
const k = v.current.getBoundingClientRect(), P = Math.max(k.width, 400);
|
|
1174
|
+
window.innerWidth - k.left < P && k.right >= P ? A({
|
|
1148
1175
|
top: k.bottom + 4,
|
|
1149
1176
|
left: 0,
|
|
1150
1177
|
// Not used but type needs it, let's just use 0
|
|
1151
1178
|
right: window.innerWidth - k.right,
|
|
1152
|
-
width:
|
|
1179
|
+
width: P
|
|
1153
1180
|
}) : A({
|
|
1154
1181
|
top: k.bottom + 4,
|
|
1155
1182
|
left: k.left,
|
|
1156
1183
|
right: void 0,
|
|
1157
|
-
width:
|
|
1184
|
+
width: P
|
|
1158
1185
|
});
|
|
1159
1186
|
}
|
|
1160
1187
|
}, [c]), D(() => {
|
|
1161
1188
|
if (!c) return;
|
|
1162
|
-
const k = (
|
|
1163
|
-
v.current && !v.current.contains(
|
|
1189
|
+
const k = ($) => {
|
|
1190
|
+
v.current && !v.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
|
|
1164
1191
|
};
|
|
1165
1192
|
return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
|
|
1166
1193
|
}, [c]);
|
|
1167
1194
|
const y = () => {
|
|
1168
|
-
f(e ||
|
|
1195
|
+
f(e || Ke()), d(t || Ke()), l(!0);
|
|
1169
1196
|
}, h = () => {
|
|
1170
1197
|
l(!1);
|
|
1171
1198
|
}, p = () => {
|
|
1172
|
-
const k =
|
|
1173
|
-
if (k ||
|
|
1199
|
+
const k = Se(u), $ = Se(b);
|
|
1200
|
+
if (k || $)
|
|
1174
1201
|
return;
|
|
1175
|
-
const
|
|
1176
|
-
|
|
1177
|
-
}, g = e && t ? `${
|
|
1202
|
+
const P = Ne(u), H = Ne(b);
|
|
1203
|
+
P && H && (n == null || n(P, H)), l(!1);
|
|
1204
|
+
}, g = e && t ? `${Ye(e)} - ${Ye(t)}` : "Select month range", x = Se(u), C = Se(b), T = Ne(u), E = Ne(b), S = T && E && T > E, L = c ? Ae(
|
|
1178
1205
|
/* @__PURE__ */ s(
|
|
1179
1206
|
"div",
|
|
1180
1207
|
{
|
|
@@ -1209,27 +1236,27 @@ function sr({
|
|
|
1209
1236
|
"input",
|
|
1210
1237
|
{
|
|
1211
1238
|
type: "text",
|
|
1212
|
-
className: `nc-month-input ${
|
|
1239
|
+
className: `nc-month-input ${C ? "nc-error" : ""}`,
|
|
1213
1240
|
value: b,
|
|
1214
1241
|
onChange: (k) => d(k.target.value),
|
|
1215
1242
|
placeholder: "YY-M(M) or YYYY-M(M)"
|
|
1216
1243
|
}
|
|
1217
1244
|
),
|
|
1218
|
-
|
|
1245
|
+
C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
|
|
1219
1246
|
] })
|
|
1220
1247
|
] }),
|
|
1221
|
-
S && !x &&
|
|
1248
|
+
S && !x && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
|
|
1222
1249
|
/* @__PURE__ */ N("div", { className: "nc-month-range-picker-footer", children: [
|
|
1223
1250
|
/* @__PURE__ */ s(
|
|
1224
|
-
|
|
1251
|
+
te,
|
|
1225
1252
|
{
|
|
1226
1253
|
variant: "primary",
|
|
1227
1254
|
onClick: p,
|
|
1228
|
-
disabled: !u || !b || !!x ||
|
|
1255
|
+
disabled: !u || !b || !!x || !!C || !!S,
|
|
1229
1256
|
children: "Apply"
|
|
1230
1257
|
}
|
|
1231
1258
|
),
|
|
1232
|
-
/* @__PURE__ */ s(
|
|
1259
|
+
/* @__PURE__ */ s(te, { variant: "ghost", onClick: h, children: "Cancel" })
|
|
1233
1260
|
] })
|
|
1234
1261
|
] })
|
|
1235
1262
|
}
|
|
@@ -1251,7 +1278,7 @@ function sr({
|
|
|
1251
1278
|
L
|
|
1252
1279
|
] });
|
|
1253
1280
|
}
|
|
1254
|
-
function
|
|
1281
|
+
function ar({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
|
|
1255
1282
|
const l = c === "small", u = () => {
|
|
1256
1283
|
const d = e - o;
|
|
1257
1284
|
n !== void 0 && d < n || t(parseFloat(d.toFixed(10)));
|
|
@@ -1299,7 +1326,7 @@ function ir({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
|
|
|
1299
1326
|
] })
|
|
1300
1327
|
] });
|
|
1301
1328
|
}
|
|
1302
|
-
function
|
|
1329
|
+
function lr({
|
|
1303
1330
|
value: e,
|
|
1304
1331
|
onChange: t,
|
|
1305
1332
|
min: n = 0,
|
|
@@ -1351,13 +1378,13 @@ function cr({
|
|
|
1351
1378
|
] })
|
|
1352
1379
|
] });
|
|
1353
1380
|
}
|
|
1354
|
-
const
|
|
1355
|
-
function
|
|
1381
|
+
const Vt = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
|
|
1382
|
+
function Ot({ children: e, className: t = "", style: n }) {
|
|
1356
1383
|
return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
|
|
1357
1384
|
}
|
|
1358
|
-
function
|
|
1359
|
-
const i =
|
|
1360
|
-
(c) =>
|
|
1385
|
+
function dr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
|
|
1386
|
+
const i = At.toArray(t).filter(
|
|
1387
|
+
(c) => St(c) && (c.type === Ot || c.type.displayName === "TabPanel")
|
|
1361
1388
|
);
|
|
1362
1389
|
if (n)
|
|
1363
1390
|
return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
|
|
@@ -1376,17 +1403,17 @@ function ar({ active: e, children: t, keepMounted: n = !1, className: r = "", st
|
|
|
1376
1403
|
const a = i.find((c) => c.props.tab === e);
|
|
1377
1404
|
return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
|
|
1378
1405
|
}
|
|
1379
|
-
function
|
|
1380
|
-
const f =
|
|
1406
|
+
function ur({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
|
|
1407
|
+
const f = F(null), [b, d] = R(!1), [m, A] = R(!1), v = l === "verticalLeft" || l === "verticalRight", w = F(!1), y = F(0), h = F(0), p = F(!1);
|
|
1381
1408
|
D(() => {
|
|
1382
1409
|
const S = () => {
|
|
1383
1410
|
if (f.current)
|
|
1384
1411
|
if (v) {
|
|
1385
|
-
const { scrollTop: k, scrollHeight:
|
|
1386
|
-
d(k > 1), A(k <
|
|
1412
|
+
const { scrollTop: k, scrollHeight: $, clientHeight: P } = f.current;
|
|
1413
|
+
d(k > 1), A(k < $ - P - 1);
|
|
1387
1414
|
} else {
|
|
1388
|
-
const { scrollLeft: k, scrollWidth:
|
|
1389
|
-
d(k > 1), A(k <
|
|
1415
|
+
const { scrollLeft: k, scrollWidth: $, clientWidth: P } = f.current;
|
|
1416
|
+
d(k > 1), A(k < $ - P - 1);
|
|
1390
1417
|
}
|
|
1391
1418
|
}, L = f.current;
|
|
1392
1419
|
if (L)
|
|
@@ -1400,10 +1427,10 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
|
|
|
1400
1427
|
if (!w.current || !f.current) return;
|
|
1401
1428
|
const L = v ? S.clientY : S.clientX, k = y.current - L;
|
|
1402
1429
|
Math.abs(k) > 3 && (p.current = !0), v ? f.current.scrollTop = h.current + k : f.current.scrollLeft = h.current + k;
|
|
1403
|
-
},
|
|
1430
|
+
}, C = () => {
|
|
1404
1431
|
f.current && (w.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
|
|
1405
|
-
},
|
|
1406
|
-
|
|
1432
|
+
}, T = () => {
|
|
1433
|
+
C();
|
|
1407
1434
|
};
|
|
1408
1435
|
D(() => {
|
|
1409
1436
|
const S = f.current;
|
|
@@ -1420,7 +1447,7 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
|
|
|
1420
1447
|
};
|
|
1421
1448
|
return /* @__PURE__ */ N("div", { className: `nc-tab-container ${v ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
|
|
1422
1449
|
/* @__PURE__ */ N("div", { className: "nc-tab-scroll-wrapper", children: [
|
|
1423
|
-
b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-top" : "nc-left"}`, children: v ? /* @__PURE__ */ s(
|
|
1450
|
+
b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-top" : "nc-left"}`, children: v ? /* @__PURE__ */ s(Vt, { size: 16 }) : /* @__PURE__ */ s(xt, { size: 16 }) }),
|
|
1424
1451
|
/* @__PURE__ */ s(
|
|
1425
1452
|
"div",
|
|
1426
1453
|
{
|
|
@@ -1428,35 +1455,35 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
|
|
|
1428
1455
|
className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
|
|
1429
1456
|
onMouseDown: g,
|
|
1430
1457
|
onMouseMove: x,
|
|
1431
|
-
onMouseUp:
|
|
1432
|
-
onMouseLeave:
|
|
1458
|
+
onMouseUp: C,
|
|
1459
|
+
onMouseLeave: T,
|
|
1433
1460
|
style: { cursor: "grab" },
|
|
1434
1461
|
children: e.map((S) => {
|
|
1435
|
-
const L = typeof S == "string" ? S : S.id, k = typeof S == "string" ? S : S.label,
|
|
1462
|
+
const L = typeof S == "string" ? S : S.id, k = typeof S == "string" ? S : S.label, $ = r && !(o != null && o.includes(L));
|
|
1436
1463
|
return /* @__PURE__ */ N(
|
|
1437
1464
|
"div",
|
|
1438
1465
|
{
|
|
1439
|
-
className: `nc-tab-item ${t === L ? "nc-active" : ""} ${
|
|
1466
|
+
className: `nc-tab-item ${t === L ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
|
|
1440
1467
|
onClick: () => E(L),
|
|
1441
1468
|
role: "button",
|
|
1442
1469
|
tabIndex: 0,
|
|
1443
|
-
onKeyDown: (
|
|
1444
|
-
(
|
|
1470
|
+
onKeyDown: (P) => {
|
|
1471
|
+
(P.key === "Enter" || P.key === " ") && n(L);
|
|
1445
1472
|
},
|
|
1446
1473
|
children: [
|
|
1447
1474
|
/* @__PURE__ */ s("span", { className: "nc-tab-label", children: v ? k : typeof k == "string" ? k.toUpperCase() : k }),
|
|
1448
|
-
|
|
1475
|
+
$ && /* @__PURE__ */ s(
|
|
1449
1476
|
"span",
|
|
1450
1477
|
{
|
|
1451
1478
|
className: "nc-tab-close",
|
|
1452
1479
|
role: "button",
|
|
1453
1480
|
tabIndex: 0,
|
|
1454
1481
|
"aria-label": `Close ${typeof k == "string" ? k : L}`,
|
|
1455
|
-
onClick: (
|
|
1456
|
-
|
|
1482
|
+
onClick: (P) => {
|
|
1483
|
+
P.stopPropagation(), r(L);
|
|
1457
1484
|
},
|
|
1458
|
-
onKeyDown: (
|
|
1459
|
-
(
|
|
1485
|
+
onKeyDown: (P) => {
|
|
1486
|
+
(P.key === "Enter" || P.key === " ") && (P.stopPropagation(), r(L));
|
|
1460
1487
|
},
|
|
1461
1488
|
children: /* @__PURE__ */ N("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
1462
1489
|
/* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
@@ -1471,12 +1498,12 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
|
|
|
1471
1498
|
})
|
|
1472
1499
|
}
|
|
1473
1500
|
),
|
|
1474
|
-
m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-bottom" : "nc-right"}`, children: v ? /* @__PURE__ */ s(
|
|
1501
|
+
m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-bottom" : "nc-right"}`, children: v ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(Nt, { size: 16 }) })
|
|
1475
1502
|
] }),
|
|
1476
1503
|
a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
|
|
1477
1504
|
] });
|
|
1478
1505
|
}
|
|
1479
|
-
function
|
|
1506
|
+
function pr({ checked: e, onChange: t, disabled: n, label: r }) {
|
|
1480
1507
|
return /* @__PURE__ */ N(
|
|
1481
1508
|
"label",
|
|
1482
1509
|
{
|
|
@@ -1528,7 +1555,7 @@ function dr({ checked: e, onChange: t, disabled: n, label: r }) {
|
|
|
1528
1555
|
}
|
|
1529
1556
|
);
|
|
1530
1557
|
}
|
|
1531
|
-
const
|
|
1558
|
+
const _e = [
|
|
1532
1559
|
"var(--nc-csv-col-0)",
|
|
1533
1560
|
"var(--nc-csv-col-1)",
|
|
1534
1561
|
"var(--nc-csv-col-2)",
|
|
@@ -1540,12 +1567,12 @@ const Ke = [
|
|
|
1540
1567
|
"var(--nc-csv-col-8)",
|
|
1541
1568
|
"var(--nc-csv-col-9)"
|
|
1542
1569
|
];
|
|
1543
|
-
function
|
|
1570
|
+
function Ft(e, t) {
|
|
1544
1571
|
const r = e.slice(0, t).split(`
|
|
1545
1572
|
`), o = r.length, a = r[o - 1].split(" "), c = a.length, l = a[c - 1].length + 1;
|
|
1546
1573
|
return { line: o, column: c, character: l, offset: t };
|
|
1547
1574
|
}
|
|
1548
|
-
function
|
|
1575
|
+
function jt(e, t, n, r) {
|
|
1549
1576
|
const o = e.split(`
|
|
1550
1577
|
`), i = Math.max(1, Math.min(t, o.length));
|
|
1551
1578
|
let a = 0;
|
|
@@ -1557,7 +1584,7 @@ function Ot(e, t, n, r) {
|
|
|
1557
1584
|
const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
|
|
1558
1585
|
return a += f - 1, a;
|
|
1559
1586
|
}
|
|
1560
|
-
function
|
|
1587
|
+
function Gt(e, t) {
|
|
1561
1588
|
const n = e.split(`
|
|
1562
1589
|
`), r = Math.max(1, Math.min(t, n.length));
|
|
1563
1590
|
let o = 0;
|
|
@@ -1565,14 +1592,14 @@ function Ft(e, t) {
|
|
|
1565
1592
|
o += n[i].length + 1;
|
|
1566
1593
|
return o;
|
|
1567
1594
|
}
|
|
1568
|
-
const
|
|
1595
|
+
const fr = Ct(
|
|
1569
1596
|
function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
|
|
1570
|
-
const f =
|
|
1571
|
-
|
|
1597
|
+
const f = F(null), b = F(null), d = F(null);
|
|
1598
|
+
$t(u, () => ({
|
|
1572
1599
|
goToLine(h) {
|
|
1573
1600
|
const p = f.current;
|
|
1574
1601
|
if (!p) return;
|
|
1575
|
-
const g =
|
|
1602
|
+
const g = Gt(t, h);
|
|
1576
1603
|
p.focus(), p.setSelectionRange(g, g);
|
|
1577
1604
|
const x = parseFloat(getComputedStyle(p).lineHeight) || 18;
|
|
1578
1605
|
p.scrollTop = (Math.max(1, h) - 1) * x, A(), m();
|
|
@@ -1580,15 +1607,15 @@ const ur = At(
|
|
|
1580
1607
|
goToPosition(h, p, g) {
|
|
1581
1608
|
const x = f.current;
|
|
1582
1609
|
if (!x) return;
|
|
1583
|
-
const
|
|
1584
|
-
x.focus(), x.setSelectionRange(
|
|
1585
|
-
const
|
|
1586
|
-
x.scrollTop = (Math.max(1, h) - 1) *
|
|
1610
|
+
const C = jt(t, h, p, g);
|
|
1611
|
+
x.focus(), x.setSelectionRange(C, C);
|
|
1612
|
+
const T = parseFloat(getComputedStyle(x).lineHeight) || 18;
|
|
1613
|
+
x.scrollTop = (Math.max(1, h) - 1) * T, A(), m();
|
|
1587
1614
|
}
|
|
1588
1615
|
}), [t]);
|
|
1589
1616
|
const m = Y(() => {
|
|
1590
1617
|
if (!c || !f.current) return;
|
|
1591
|
-
const h =
|
|
1618
|
+
const h = Ft(t, f.current.selectionStart);
|
|
1592
1619
|
c(h);
|
|
1593
1620
|
}, [c, t]), A = Y(() => {
|
|
1594
1621
|
const h = f.current;
|
|
@@ -1601,7 +1628,7 @@ const ur = At(
|
|
|
1601
1628
|
const p = parseFloat(getComputedStyle(h).lineHeight) || 18, g = (l - 1) * p, x = g + p;
|
|
1602
1629
|
(g < h.scrollTop || x > h.scrollTop + h.clientHeight) && (h.scrollTop = g - h.clientHeight / 2 + p / 2), A();
|
|
1603
1630
|
}, [l]);
|
|
1604
|
-
const v =
|
|
1631
|
+
const v = Me(() => t.split(`
|
|
1605
1632
|
`).length, [t]), w = () => {
|
|
1606
1633
|
const h = [];
|
|
1607
1634
|
for (let p = 1; p <= v; p++)
|
|
@@ -1611,11 +1638,11 @@ const ur = At(
|
|
|
1611
1638
|
return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: h });
|
|
1612
1639
|
}, y = (h) => h ? h.split(`
|
|
1613
1640
|
`).map((g, x) => {
|
|
1614
|
-
const
|
|
1641
|
+
const C = g.split(" ");
|
|
1615
1642
|
return /* @__PURE__ */ N("div", { className: `nc-csv-line ${l === x + 1 ? "nc-csv-highlight" : ""}`, children: [
|
|
1616
|
-
|
|
1643
|
+
C.map((T, E) => /* @__PURE__ */ N("span", { children: [
|
|
1617
1644
|
E > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: " " }),
|
|
1618
|
-
/* @__PURE__ */ s("span", { style: { color:
|
|
1645
|
+
/* @__PURE__ */ s("span", { style: { color: _e[E % _e.length] }, children: T })
|
|
1619
1646
|
] }, E)),
|
|
1620
1647
|
g === "" && `
|
|
1621
1648
|
`
|
|
@@ -1648,27 +1675,27 @@ const ur = At(
|
|
|
1648
1675
|
] });
|
|
1649
1676
|
}
|
|
1650
1677
|
);
|
|
1651
|
-
let
|
|
1652
|
-
const
|
|
1653
|
-
function
|
|
1654
|
-
const e =
|
|
1655
|
-
for (const t of Array.from(
|
|
1678
|
+
let ue = { notifications: [] };
|
|
1679
|
+
const Re = /* @__PURE__ */ new Set(), Ue = /* @__PURE__ */ new Map();
|
|
1680
|
+
function Te() {
|
|
1681
|
+
const e = ue.notifications.slice();
|
|
1682
|
+
for (const t of Array.from(Re))
|
|
1656
1683
|
try {
|
|
1657
1684
|
t(e);
|
|
1658
1685
|
} catch {
|
|
1659
1686
|
}
|
|
1660
1687
|
}
|
|
1661
|
-
function
|
|
1662
|
-
|
|
1688
|
+
function Yt(e) {
|
|
1689
|
+
Re.add(e);
|
|
1663
1690
|
try {
|
|
1664
|
-
e(
|
|
1691
|
+
e(ue.notifications.slice());
|
|
1665
1692
|
} catch {
|
|
1666
1693
|
}
|
|
1667
1694
|
return () => {
|
|
1668
|
-
|
|
1695
|
+
Re.delete(e);
|
|
1669
1696
|
};
|
|
1670
1697
|
}
|
|
1671
|
-
function
|
|
1698
|
+
function Kt(e) {
|
|
1672
1699
|
const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...o } = e, i = {
|
|
1673
1700
|
id: t,
|
|
1674
1701
|
dismissible: !0,
|
|
@@ -1676,20 +1703,20 @@ function Gt(e) {
|
|
|
1676
1703
|
type: r === "error" ? "danger" : r ?? "info",
|
|
1677
1704
|
duration: n ?? 5e3
|
|
1678
1705
|
};
|
|
1679
|
-
return
|
|
1680
|
-
|
|
1706
|
+
return ue.notifications = [i, ...ue.notifications], Te(), i.duration && i.duration > 0 && setTimeout(() => {
|
|
1707
|
+
tt(t);
|
|
1681
1708
|
}, i.duration), t;
|
|
1682
1709
|
}
|
|
1683
|
-
function
|
|
1684
|
-
const t =
|
|
1710
|
+
function tt(e) {
|
|
1711
|
+
const t = ue.notifications.find((r) => r.id === e);
|
|
1685
1712
|
if (!t) return;
|
|
1686
|
-
t.isRemoving = !0,
|
|
1713
|
+
t.isRemoving = !0, Te();
|
|
1687
1714
|
const n = window.setTimeout(() => {
|
|
1688
|
-
|
|
1715
|
+
ue.notifications = ue.notifications.filter((r) => r.id !== e), Te(), Ue.delete(e);
|
|
1689
1716
|
}, 300);
|
|
1690
|
-
|
|
1717
|
+
Ue.set(e, n);
|
|
1691
1718
|
}
|
|
1692
|
-
function
|
|
1719
|
+
function _t({ type: e }) {
|
|
1693
1720
|
switch (e) {
|
|
1694
1721
|
case "success":
|
|
1695
1722
|
return /* @__PURE__ */ s("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
|
|
@@ -1730,8 +1757,8 @@ function Yt({ type: e }) {
|
|
|
1730
1757
|
] });
|
|
1731
1758
|
}
|
|
1732
1759
|
}
|
|
1733
|
-
function
|
|
1734
|
-
const { t } =
|
|
1760
|
+
function Ut({ notification: e }) {
|
|
1761
|
+
const { t } = re(), n = e.type || "info", r = () => {
|
|
1735
1762
|
if (e.title) return e.title;
|
|
1736
1763
|
switch (n) {
|
|
1737
1764
|
case "success":
|
|
@@ -1744,14 +1771,14 @@ function Kt({ notification: e }) {
|
|
|
1744
1771
|
return t("common.info");
|
|
1745
1772
|
}
|
|
1746
1773
|
}, o = () => {
|
|
1747
|
-
|
|
1774
|
+
tt(e.id);
|
|
1748
1775
|
};
|
|
1749
1776
|
return /* @__PURE__ */ s(
|
|
1750
1777
|
"div",
|
|
1751
1778
|
{
|
|
1752
1779
|
className: `nc-notification nc-notification-${n}`,
|
|
1753
1780
|
children: /* @__PURE__ */ N("div", { className: "nc-notification-content", children: [
|
|
1754
|
-
/* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(
|
|
1781
|
+
/* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(_t, { type: n }) }),
|
|
1755
1782
|
/* @__PURE__ */ N("div", { className: "nc-notification-body", children: [
|
|
1756
1783
|
/* @__PURE__ */ s("div", { className: "nc-notification-title", children: r() }),
|
|
1757
1784
|
/* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
|
|
@@ -1762,16 +1789,16 @@ function Kt({ notification: e }) {
|
|
|
1762
1789
|
className: "nc-notification-dismiss",
|
|
1763
1790
|
onClick: o,
|
|
1764
1791
|
"aria-label": t("common.close"),
|
|
1765
|
-
children: /* @__PURE__ */ s(
|
|
1792
|
+
children: /* @__PURE__ */ s(Pe, { size: 16 })
|
|
1766
1793
|
}
|
|
1767
1794
|
)
|
|
1768
1795
|
] })
|
|
1769
1796
|
}
|
|
1770
1797
|
);
|
|
1771
1798
|
}
|
|
1772
|
-
function
|
|
1773
|
-
const [e, t] =
|
|
1774
|
-
return D(() =>
|
|
1799
|
+
function hr() {
|
|
1800
|
+
const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), a = F(null), c = F([]);
|
|
1801
|
+
return D(() => Yt((u) => {
|
|
1775
1802
|
const f = new Set(c.current.map((d) => d.id)), b = u.filter((d) => !f.has(d.id)).map((d) => d.id);
|
|
1776
1803
|
b.length > 0 ? (t(u), i(new Set(b)), requestAnimationFrame(() => {
|
|
1777
1804
|
requestAnimationFrame(() => {
|
|
@@ -1824,7 +1851,7 @@ function pr() {
|
|
|
1824
1851
|
opacity: f ? 0 : 1,
|
|
1825
1852
|
width: "100%"
|
|
1826
1853
|
},
|
|
1827
|
-
children: /* @__PURE__ */ s(
|
|
1854
|
+
children: /* @__PURE__ */ s(Ut, { notification: l })
|
|
1828
1855
|
},
|
|
1829
1856
|
l.id
|
|
1830
1857
|
);
|
|
@@ -1834,14 +1861,14 @@ function pr() {
|
|
|
1834
1861
|
}
|
|
1835
1862
|
);
|
|
1836
1863
|
}
|
|
1837
|
-
function
|
|
1838
|
-
return
|
|
1864
|
+
function qt(e) {
|
|
1865
|
+
return Kt(e);
|
|
1839
1866
|
}
|
|
1840
|
-
const
|
|
1841
|
-
show: (e) =>
|
|
1867
|
+
const mr = {
|
|
1868
|
+
show: (e) => qt(e)
|
|
1842
1869
|
};
|
|
1843
|
-
function
|
|
1844
|
-
const t =
|
|
1870
|
+
function gr(e) {
|
|
1871
|
+
const t = It.createInstance(), n = {};
|
|
1845
1872
|
for (const o in e)
|
|
1846
1873
|
n[o] = { translation: e[o] };
|
|
1847
1874
|
const r = typeof document < "u" && document.documentElement.lang || "en";
|
|
@@ -1861,7 +1888,7 @@ function hr(e) {
|
|
|
1861
1888
|
}
|
|
1862
1889
|
}).observe(document.documentElement, { attributes: !0 }), t;
|
|
1863
1890
|
}
|
|
1864
|
-
class
|
|
1891
|
+
class Xt {
|
|
1865
1892
|
constructor() {
|
|
1866
1893
|
oe(this, "apps", /* @__PURE__ */ new Map());
|
|
1867
1894
|
}
|
|
@@ -1901,8 +1928,8 @@ class Ut {
|
|
|
1901
1928
|
return this.apps.has(t);
|
|
1902
1929
|
}
|
|
1903
1930
|
}
|
|
1904
|
-
const
|
|
1905
|
-
class
|
|
1931
|
+
const me = new Xt(), qe = "nc-ui-app-state";
|
|
1932
|
+
class Jt {
|
|
1906
1933
|
constructor() {
|
|
1907
1934
|
oe(this, "state");
|
|
1908
1935
|
oe(this, "listeners", /* @__PURE__ */ new Map());
|
|
@@ -1910,7 +1937,7 @@ class qt {
|
|
|
1910
1937
|
}
|
|
1911
1938
|
loadState() {
|
|
1912
1939
|
try {
|
|
1913
|
-
const t = localStorage.getItem(
|
|
1940
|
+
const t = localStorage.getItem(qe);
|
|
1914
1941
|
if (t)
|
|
1915
1942
|
return JSON.parse(t);
|
|
1916
1943
|
} catch {
|
|
@@ -1919,7 +1946,7 @@ class qt {
|
|
|
1919
1946
|
}
|
|
1920
1947
|
saveState() {
|
|
1921
1948
|
try {
|
|
1922
|
-
localStorage.setItem(
|
|
1949
|
+
localStorage.setItem(qe, JSON.stringify(this.state));
|
|
1923
1950
|
} catch {
|
|
1924
1951
|
}
|
|
1925
1952
|
}
|
|
@@ -1949,8 +1976,8 @@ class qt {
|
|
|
1949
1976
|
(r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
|
|
1950
1977
|
}
|
|
1951
1978
|
}
|
|
1952
|
-
const
|
|
1953
|
-
class
|
|
1979
|
+
const ne = new Jt();
|
|
1980
|
+
class Qt {
|
|
1954
1981
|
constructor() {
|
|
1955
1982
|
oe(this, "apps", []);
|
|
1956
1983
|
oe(this, "activeAppId", null);
|
|
@@ -1967,16 +1994,16 @@ class Xt {
|
|
|
1967
1994
|
*/
|
|
1968
1995
|
async launchApp(t, n) {
|
|
1969
1996
|
const { launchInBackground: r = !1 } = n || {};
|
|
1970
|
-
if (!
|
|
1997
|
+
if (!me.has(t))
|
|
1971
1998
|
return console.error(`Cannot launch app "${t}": not registered`), null;
|
|
1972
1999
|
const o = this.apps.find((a) => a.appId === t);
|
|
1973
2000
|
if (o)
|
|
1974
|
-
return r || (this.setActiveApp(t),
|
|
2001
|
+
return r || (this.setActiveApp(t), ne._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
|
|
1975
2002
|
const i = {
|
|
1976
2003
|
appId: t,
|
|
1977
2004
|
launchedAt: Date.now()
|
|
1978
2005
|
};
|
|
1979
|
-
return this.apps.push(i), r || (this.activeAppId = t,
|
|
2006
|
+
return this.apps.push(i), r || (this.activeAppId = t, ne._setActiveAppId(t)), this.notify(), this.waitForRef(t);
|
|
1980
2007
|
}
|
|
1981
2008
|
waitForRef(t) {
|
|
1982
2009
|
return new Promise((n) => {
|
|
@@ -2013,7 +2040,7 @@ class Xt {
|
|
|
2013
2040
|
const r = this.apps[n];
|
|
2014
2041
|
if (r.ref && (r.ref = void 0), this.apps.splice(n, 1), this.activeAppId === t) {
|
|
2015
2042
|
const o = window.innerWidth >= 768;
|
|
2016
|
-
this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null,
|
|
2043
|
+
this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, ne._setActiveAppId(this.activeAppId);
|
|
2017
2044
|
}
|
|
2018
2045
|
this.notify();
|
|
2019
2046
|
}
|
|
@@ -2025,7 +2052,7 @@ class Xt {
|
|
|
2025
2052
|
console.warn(`Cannot activate app "${t}": not running`);
|
|
2026
2053
|
return;
|
|
2027
2054
|
}
|
|
2028
|
-
this.activeAppId !== t && (this.activeAppId = t, this.notify(),
|
|
2055
|
+
this.activeAppId !== t && (this.activeAppId = t, this.notify(), ne._setActiveAppId(t));
|
|
2029
2056
|
}
|
|
2030
2057
|
/**
|
|
2031
2058
|
* Toggle an app: if active, deactivate; if inactive, activate.
|
|
@@ -2043,7 +2070,7 @@ class Xt {
|
|
|
2043
2070
|
* Get the currently active app definition.
|
|
2044
2071
|
*/
|
|
2045
2072
|
getActiveApp() {
|
|
2046
|
-
return this.activeAppId ?
|
|
2073
|
+
return this.activeAppId ? me.get(this.activeAppId) ?? null : null;
|
|
2047
2074
|
}
|
|
2048
2075
|
/**
|
|
2049
2076
|
* Get all running apps.
|
|
@@ -2069,14 +2096,14 @@ class Xt {
|
|
|
2069
2096
|
this.listeners.forEach((t) => t());
|
|
2070
2097
|
}
|
|
2071
2098
|
}
|
|
2072
|
-
const
|
|
2073
|
-
function
|
|
2074
|
-
const e = ce(
|
|
2099
|
+
const Q = new Qt(), nt = ge(null);
|
|
2100
|
+
function Zt() {
|
|
2101
|
+
const e = ce(nt);
|
|
2075
2102
|
if (!e)
|
|
2076
2103
|
throw new Error("useApp must be used inside an App");
|
|
2077
2104
|
return e;
|
|
2078
2105
|
}
|
|
2079
|
-
function
|
|
2106
|
+
function en({ size: e = 16 }) {
|
|
2080
2107
|
return /* @__PURE__ */ N(
|
|
2081
2108
|
"svg",
|
|
2082
2109
|
{
|
|
@@ -2095,7 +2122,7 @@ function Qt({ size: e = 16 }) {
|
|
|
2095
2122
|
}
|
|
2096
2123
|
);
|
|
2097
2124
|
}
|
|
2098
|
-
function
|
|
2125
|
+
function tn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
|
|
2099
2126
|
return /* @__PURE__ */ N("div", { className: "nc-app-title-bar", children: [
|
|
2100
2127
|
/* @__PURE__ */ N("div", { className: "nc-app-title-bar-left", children: [
|
|
2101
2128
|
n && !o && /* @__PURE__ */ s(
|
|
@@ -2105,18 +2132,18 @@ function Zt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
|
|
|
2105
2132
|
onClick: n,
|
|
2106
2133
|
title: "Back",
|
|
2107
2134
|
"aria-label": "Go back",
|
|
2108
|
-
children: /* @__PURE__ */ s(
|
|
2135
|
+
children: /* @__PURE__ */ s(en, { size: 16 })
|
|
2109
2136
|
}
|
|
2110
2137
|
),
|
|
2111
2138
|
/* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
|
|
2112
2139
|
] }),
|
|
2113
2140
|
/* @__PURE__ */ N("div", { className: "nc-app-title-bar-right", children: [
|
|
2114
2141
|
r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
|
|
2115
|
-
/* @__PURE__ */ s(
|
|
2142
|
+
/* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close application" })
|
|
2116
2143
|
] })
|
|
2117
2144
|
] });
|
|
2118
2145
|
}
|
|
2119
|
-
class
|
|
2146
|
+
class nn extends ze.Component {
|
|
2120
2147
|
constructor(t) {
|
|
2121
2148
|
super(t), this.state = { hasError: !1 };
|
|
2122
2149
|
}
|
|
@@ -2149,9 +2176,9 @@ class en extends Le.Component {
|
|
|
2149
2176
|
) : this.props.children;
|
|
2150
2177
|
}
|
|
2151
2178
|
}
|
|
2152
|
-
function
|
|
2153
|
-
const { t: r } =
|
|
2154
|
-
|
|
2179
|
+
function rt({ appId: e, isActive: t, onClose: n }) {
|
|
2180
|
+
const { t: r } = re(), o = me.get(e), [i, a] = R(""), [c, l] = R(null), [u, f] = R(null), [b, d] = R(!1), [m, A] = R(!1);
|
|
2181
|
+
ze.useEffect(() => {
|
|
2155
2182
|
o != null && o.titleKey && a(r(o.titleKey));
|
|
2156
2183
|
}, [o, r]);
|
|
2157
2184
|
const v = Y((S) => {
|
|
@@ -2168,7 +2195,7 @@ function nt({ appId: e, isActive: t, onClose: n }) {
|
|
|
2168
2195
|
d(S);
|
|
2169
2196
|
}, []), x = Y((S) => {
|
|
2170
2197
|
A(S);
|
|
2171
|
-
}, []),
|
|
2198
|
+
}, []), C = Me(() => ({
|
|
2172
2199
|
setTitle: v,
|
|
2173
2200
|
setBackHandler: w,
|
|
2174
2201
|
clearBackHandler: y,
|
|
@@ -2180,7 +2207,7 @@ function nt({ appId: e, isActive: t, onClose: n }) {
|
|
|
2180
2207
|
}), [v, w, y, h, p, g, x, n]);
|
|
2181
2208
|
if (!o)
|
|
2182
2209
|
return null;
|
|
2183
|
-
const
|
|
2210
|
+
const T = o.component, E = !o.hideTitleBar && !m;
|
|
2184
2211
|
return /* @__PURE__ */ N(
|
|
2185
2212
|
"div",
|
|
2186
2213
|
{
|
|
@@ -2192,7 +2219,7 @@ function nt({ appId: e, isActive: t, onClose: n }) {
|
|
|
2192
2219
|
},
|
|
2193
2220
|
children: [
|
|
2194
2221
|
E && /* @__PURE__ */ s(
|
|
2195
|
-
|
|
2222
|
+
tn,
|
|
2196
2223
|
{
|
|
2197
2224
|
title: i,
|
|
2198
2225
|
onClose: n,
|
|
@@ -2214,8 +2241,8 @@ function nt({ appId: e, isActive: t, onClose: n }) {
|
|
|
2214
2241
|
backgroundColor: "var(--nc-bg-tertiary)",
|
|
2215
2242
|
position: "relative"
|
|
2216
2243
|
},
|
|
2217
|
-
children: /* @__PURE__ */ s(
|
|
2218
|
-
|
|
2244
|
+
children: /* @__PURE__ */ s(nt.Provider, { value: C, children: /* @__PURE__ */ s(nn, { appId: e, children: /* @__PURE__ */ s(
|
|
2245
|
+
Mt,
|
|
2219
2246
|
{
|
|
2220
2247
|
fallback: /* @__PURE__ */ s(
|
|
2221
2248
|
"div",
|
|
@@ -2226,10 +2253,10 @@ function nt({ appId: e, isActive: t, onClose: n }) {
|
|
|
2226
2253
|
justifyContent: "center",
|
|
2227
2254
|
flex: 1
|
|
2228
2255
|
},
|
|
2229
|
-
children: /* @__PURE__ */ s(
|
|
2256
|
+
children: /* @__PURE__ */ s(Qe, {})
|
|
2230
2257
|
}
|
|
2231
2258
|
),
|
|
2232
|
-
children: /* @__PURE__ */ s(
|
|
2259
|
+
children: /* @__PURE__ */ s(T, {})
|
|
2233
2260
|
}
|
|
2234
2261
|
) }) })
|
|
2235
2262
|
}
|
|
@@ -2238,21 +2265,21 @@ function nt({ appId: e, isActive: t, onClose: n }) {
|
|
|
2238
2265
|
}
|
|
2239
2266
|
);
|
|
2240
2267
|
}
|
|
2241
|
-
const
|
|
2268
|
+
const Ce = 768, $e = 1024, ot = {
|
|
2242
2269
|
isMobile: !1,
|
|
2243
2270
|
isTablet: !1,
|
|
2244
2271
|
isDesktop: !0,
|
|
2245
2272
|
width: typeof window < "u" ? window.innerWidth : 1024,
|
|
2246
2273
|
height: typeof window < "u" ? window.innerHeight : 768
|
|
2247
|
-
},
|
|
2248
|
-
function
|
|
2249
|
-
const [t, n] =
|
|
2250
|
-
if (typeof window > "u") return
|
|
2274
|
+
}, st = ge(ot);
|
|
2275
|
+
function br({ children: e }) {
|
|
2276
|
+
const [t, n] = R(() => {
|
|
2277
|
+
if (typeof window > "u") return ot;
|
|
2251
2278
|
const r = window.innerWidth, o = window.innerHeight;
|
|
2252
2279
|
return {
|
|
2253
|
-
isMobile: r <
|
|
2254
|
-
isTablet: r >=
|
|
2255
|
-
isDesktop: r >=
|
|
2280
|
+
isMobile: r < Ce,
|
|
2281
|
+
isTablet: r >= Ce && r < $e,
|
|
2282
|
+
isDesktop: r >= $e,
|
|
2256
2283
|
width: r,
|
|
2257
2284
|
height: o
|
|
2258
2285
|
};
|
|
@@ -2261,54 +2288,54 @@ function mr({ children: e }) {
|
|
|
2261
2288
|
const r = () => {
|
|
2262
2289
|
const o = window.innerWidth, i = window.innerHeight;
|
|
2263
2290
|
n({
|
|
2264
|
-
isMobile: o <
|
|
2265
|
-
isTablet: o >=
|
|
2266
|
-
isDesktop: o >=
|
|
2291
|
+
isMobile: o < Ce,
|
|
2292
|
+
isTablet: o >= Ce && o < $e,
|
|
2293
|
+
isDesktop: o >= $e,
|
|
2267
2294
|
width: o,
|
|
2268
2295
|
height: i
|
|
2269
2296
|
});
|
|
2270
2297
|
};
|
|
2271
2298
|
return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
|
|
2272
|
-
}, []), /* @__PURE__ */ s(
|
|
2299
|
+
}, []), /* @__PURE__ */ s(st.Provider, { value: t, children: e });
|
|
2273
2300
|
}
|
|
2274
|
-
function
|
|
2275
|
-
return ce(
|
|
2301
|
+
function it() {
|
|
2302
|
+
return ce(st);
|
|
2276
2303
|
}
|
|
2277
|
-
const
|
|
2278
|
-
const t =
|
|
2304
|
+
const Be = "-", rn = (e) => {
|
|
2305
|
+
const t = sn(e), {
|
|
2279
2306
|
conflictingClassGroups: n,
|
|
2280
2307
|
conflictingClassGroupModifiers: r
|
|
2281
2308
|
} = e;
|
|
2282
2309
|
return {
|
|
2283
2310
|
getClassGroupId: (a) => {
|
|
2284
|
-
const c = a.split(
|
|
2285
|
-
return c[0] === "" && c.length !== 1 && c.shift(),
|
|
2311
|
+
const c = a.split(Be);
|
|
2312
|
+
return c[0] === "" && c.length !== 1 && c.shift(), ct(c, t) || on(a);
|
|
2286
2313
|
},
|
|
2287
2314
|
getConflictingClassGroupIds: (a, c) => {
|
|
2288
2315
|
const l = n[a] || [];
|
|
2289
2316
|
return c && r[a] ? [...l, ...r[a]] : l;
|
|
2290
2317
|
}
|
|
2291
2318
|
};
|
|
2292
|
-
},
|
|
2319
|
+
}, ct = (e, t) => {
|
|
2293
2320
|
var a;
|
|
2294
2321
|
if (e.length === 0)
|
|
2295
2322
|
return t.classGroupId;
|
|
2296
|
-
const n = e[0], r = t.nextPart.get(n), o = r ?
|
|
2323
|
+
const n = e[0], r = t.nextPart.get(n), o = r ? ct(e.slice(1), r) : void 0;
|
|
2297
2324
|
if (o)
|
|
2298
2325
|
return o;
|
|
2299
2326
|
if (t.validators.length === 0)
|
|
2300
2327
|
return;
|
|
2301
|
-
const i = e.join(
|
|
2328
|
+
const i = e.join(Be);
|
|
2302
2329
|
return (a = t.validators.find(({
|
|
2303
2330
|
validator: c
|
|
2304
2331
|
}) => c(i))) == null ? void 0 : a.classGroupId;
|
|
2305
|
-
},
|
|
2306
|
-
if (
|
|
2307
|
-
const t =
|
|
2332
|
+
}, Xe = /^\[(.+)\]$/, on = (e) => {
|
|
2333
|
+
if (Xe.test(e)) {
|
|
2334
|
+
const t = Xe.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
|
|
2308
2335
|
if (n)
|
|
2309
2336
|
return "arbitrary.." + n;
|
|
2310
2337
|
}
|
|
2311
|
-
},
|
|
2338
|
+
}, sn = (e) => {
|
|
2312
2339
|
const {
|
|
2313
2340
|
theme: t,
|
|
2314
2341
|
prefix: n
|
|
@@ -2316,19 +2343,19 @@ const Pe = "-", tn = (e) => {
|
|
|
2316
2343
|
nextPart: /* @__PURE__ */ new Map(),
|
|
2317
2344
|
validators: []
|
|
2318
2345
|
};
|
|
2319
|
-
return
|
|
2320
|
-
|
|
2346
|
+
return an(Object.entries(e.classGroups), n).forEach(([i, a]) => {
|
|
2347
|
+
Ee(a, r, i, t);
|
|
2321
2348
|
}), r;
|
|
2322
|
-
},
|
|
2349
|
+
}, Ee = (e, t, n, r) => {
|
|
2323
2350
|
e.forEach((o) => {
|
|
2324
2351
|
if (typeof o == "string") {
|
|
2325
|
-
const i = o === "" ? t :
|
|
2352
|
+
const i = o === "" ? t : Je(t, o);
|
|
2326
2353
|
i.classGroupId = n;
|
|
2327
2354
|
return;
|
|
2328
2355
|
}
|
|
2329
2356
|
if (typeof o == "function") {
|
|
2330
|
-
if (
|
|
2331
|
-
|
|
2357
|
+
if (cn(o)) {
|
|
2358
|
+
Ee(o(r), t, n, r);
|
|
2332
2359
|
return;
|
|
2333
2360
|
}
|
|
2334
2361
|
t.validators.push({
|
|
@@ -2338,21 +2365,21 @@ const Pe = "-", tn = (e) => {
|
|
|
2338
2365
|
return;
|
|
2339
2366
|
}
|
|
2340
2367
|
Object.entries(o).forEach(([i, a]) => {
|
|
2341
|
-
|
|
2368
|
+
Ee(a, Je(t, i), n, r);
|
|
2342
2369
|
});
|
|
2343
2370
|
});
|
|
2344
|
-
},
|
|
2371
|
+
}, Je = (e, t) => {
|
|
2345
2372
|
let n = e;
|
|
2346
|
-
return t.split(
|
|
2373
|
+
return t.split(Be).forEach((r) => {
|
|
2347
2374
|
n.nextPart.has(r) || n.nextPart.set(r, {
|
|
2348
2375
|
nextPart: /* @__PURE__ */ new Map(),
|
|
2349
2376
|
validators: []
|
|
2350
2377
|
}), n = n.nextPart.get(r);
|
|
2351
2378
|
}), n;
|
|
2352
|
-
},
|
|
2379
|
+
}, cn = (e) => e.isThemeGetter, an = (e, t) => t ? e.map(([n, r]) => {
|
|
2353
2380
|
const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([a, c]) => [t + a, c])) : i);
|
|
2354
2381
|
return [n, o];
|
|
2355
|
-
}) : e,
|
|
2382
|
+
}) : e, ln = (e) => {
|
|
2356
2383
|
if (e < 1)
|
|
2357
2384
|
return {
|
|
2358
2385
|
get: () => {
|
|
@@ -2376,7 +2403,7 @@ const Pe = "-", tn = (e) => {
|
|
|
2376
2403
|
n.has(i) ? n.set(i, a) : o(i, a);
|
|
2377
2404
|
}
|
|
2378
2405
|
};
|
|
2379
|
-
},
|
|
2406
|
+
}, at = "!", dn = (e) => {
|
|
2380
2407
|
const {
|
|
2381
2408
|
separator: t,
|
|
2382
2409
|
experimentalParseClassName: n
|
|
@@ -2397,7 +2424,7 @@ const Pe = "-", tn = (e) => {
|
|
|
2397
2424
|
}
|
|
2398
2425
|
y === "[" ? u++ : y === "]" && u--;
|
|
2399
2426
|
}
|
|
2400
|
-
const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(
|
|
2427
|
+
const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(at), A = m ? d.substring(1) : d, v = b && b > f ? b - f : void 0;
|
|
2401
2428
|
return {
|
|
2402
2429
|
modifiers: l,
|
|
2403
2430
|
hasImportantModifier: m,
|
|
@@ -2409,7 +2436,7 @@ const Pe = "-", tn = (e) => {
|
|
|
2409
2436
|
className: c,
|
|
2410
2437
|
parseClassName: a
|
|
2411
2438
|
}) : a;
|
|
2412
|
-
},
|
|
2439
|
+
}, un = (e) => {
|
|
2413
2440
|
if (e.length <= 1)
|
|
2414
2441
|
return e;
|
|
2415
2442
|
const t = [];
|
|
@@ -2417,16 +2444,16 @@ const Pe = "-", tn = (e) => {
|
|
|
2417
2444
|
return e.forEach((r) => {
|
|
2418
2445
|
r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
|
|
2419
2446
|
}), t.push(...n.sort()), t;
|
|
2420
|
-
},
|
|
2421
|
-
cache:
|
|
2422
|
-
parseClassName:
|
|
2423
|
-
...
|
|
2424
|
-
}),
|
|
2447
|
+
}, pn = (e) => ({
|
|
2448
|
+
cache: ln(e.cacheSize),
|
|
2449
|
+
parseClassName: dn(e),
|
|
2450
|
+
...rn(e)
|
|
2451
|
+
}), fn = /\s+/, hn = (e, t) => {
|
|
2425
2452
|
const {
|
|
2426
2453
|
parseClassName: n,
|
|
2427
2454
|
getClassGroupId: r,
|
|
2428
2455
|
getConflictingClassGroupIds: o
|
|
2429
|
-
} = t, i = [], a = e.trim().split(
|
|
2456
|
+
} = t, i = [], a = e.trim().split(fn);
|
|
2430
2457
|
let c = "";
|
|
2431
2458
|
for (let l = a.length - 1; l >= 0; l -= 1) {
|
|
2432
2459
|
const u = a[l], {
|
|
@@ -2447,7 +2474,7 @@ const Pe = "-", tn = (e) => {
|
|
|
2447
2474
|
}
|
|
2448
2475
|
A = !1;
|
|
2449
2476
|
}
|
|
2450
|
-
const w =
|
|
2477
|
+
const w = un(f).join(":"), y = b ? w + at : w, h = y + v;
|
|
2451
2478
|
if (i.includes(h))
|
|
2452
2479
|
continue;
|
|
2453
2480
|
i.push(h);
|
|
@@ -2460,79 +2487,79 @@ const Pe = "-", tn = (e) => {
|
|
|
2460
2487
|
}
|
|
2461
2488
|
return c;
|
|
2462
2489
|
};
|
|
2463
|
-
function
|
|
2490
|
+
function mn() {
|
|
2464
2491
|
let e = 0, t, n, r = "";
|
|
2465
2492
|
for (; e < arguments.length; )
|
|
2466
|
-
(t = arguments[e++]) && (n =
|
|
2493
|
+
(t = arguments[e++]) && (n = lt(t)) && (r && (r += " "), r += n);
|
|
2467
2494
|
return r;
|
|
2468
2495
|
}
|
|
2469
|
-
const
|
|
2496
|
+
const lt = (e) => {
|
|
2470
2497
|
if (typeof e == "string")
|
|
2471
2498
|
return e;
|
|
2472
2499
|
let t, n = "";
|
|
2473
2500
|
for (let r = 0; r < e.length; r++)
|
|
2474
|
-
e[r] && (t =
|
|
2501
|
+
e[r] && (t = lt(e[r])) && (n && (n += " "), n += t);
|
|
2475
2502
|
return n;
|
|
2476
2503
|
};
|
|
2477
|
-
function
|
|
2504
|
+
function gn(e, ...t) {
|
|
2478
2505
|
let n, r, o, i = a;
|
|
2479
2506
|
function a(l) {
|
|
2480
2507
|
const u = t.reduce((f, b) => b(f), e());
|
|
2481
|
-
return n =
|
|
2508
|
+
return n = pn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
|
|
2482
2509
|
}
|
|
2483
2510
|
function c(l) {
|
|
2484
2511
|
const u = r(l);
|
|
2485
2512
|
if (u)
|
|
2486
2513
|
return u;
|
|
2487
|
-
const f =
|
|
2514
|
+
const f = hn(l, n);
|
|
2488
2515
|
return o(l, f), f;
|
|
2489
2516
|
}
|
|
2490
2517
|
return function() {
|
|
2491
|
-
return i(
|
|
2518
|
+
return i(mn.apply(null, arguments));
|
|
2492
2519
|
};
|
|
2493
2520
|
}
|
|
2494
|
-
const
|
|
2521
|
+
const O = (e) => {
|
|
2495
2522
|
const t = (n) => n[e] || [];
|
|
2496
2523
|
return t.isThemeGetter = !0, t;
|
|
2497
|
-
},
|
|
2498
|
-
const r =
|
|
2524
|
+
}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, bn = /^\d+\/\d+$/, vn = /* @__PURE__ */ new Set(["px", "full", "screen"]), wn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, xn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => he(e) || vn.has(e) || bn.test(e), se = (e) => be(e, "length", Tn), he = (e) => !!e && !Number.isNaN(Number(e)), Ie = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), An = (e) => e.endsWith("%") && he(e.slice(0, -1)), M = (e) => dt.test(e), ie = (e) => wn.test(e), Sn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Cn = (e) => be(e, Sn, ut), $n = (e) => be(e, "position", ut), Mn = /* @__PURE__ */ new Set(["image", "url"]), In = (e) => be(e, Mn, Ln), Rn = (e) => be(e, "", En), ke = () => !0, be = (e, t, n) => {
|
|
2525
|
+
const r = dt.exec(e);
|
|
2499
2526
|
return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
|
|
2500
|
-
},
|
|
2527
|
+
}, Tn = (e) => (
|
|
2501
2528
|
// `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
|
|
2502
2529
|
// For example, `hsl(0 0% 0%)` would be classified as a length without this check.
|
|
2503
2530
|
// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
|
|
2504
|
-
|
|
2505
|
-
),
|
|
2506
|
-
const e =
|
|
2531
|
+
yn.test(e) && !xn.test(e)
|
|
2532
|
+
), ut = () => !1, En = (e) => kn.test(e), Ln = (e) => Nn.test(e), Pn = () => {
|
|
2533
|
+
const e = O("colors"), t = O("spacing"), n = O("blur"), r = O("brightness"), o = O("borderColor"), i = O("borderRadius"), a = O("borderSpacing"), c = O("borderWidth"), l = O("contrast"), u = O("grayscale"), f = O("hueRotate"), b = O("invert"), d = O("gap"), m = O("gradientColorStops"), A = O("gradientColorStopPositions"), v = O("inset"), w = O("margin"), y = O("opacity"), h = O("padding"), p = O("saturate"), g = O("scale"), x = O("sepia"), C = O("skew"), T = O("space"), E = O("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", M, t], $ = () => [M, t], P = () => ["", ee, se], H = () => ["auto", he, M], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", M], j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [he, M];
|
|
2507
2534
|
return {
|
|
2508
2535
|
cacheSize: 500,
|
|
2509
2536
|
separator: ":",
|
|
2510
2537
|
theme: {
|
|
2511
|
-
colors: [
|
|
2512
|
-
spacing: [
|
|
2538
|
+
colors: [ke],
|
|
2539
|
+
spacing: [ee, se],
|
|
2513
2540
|
blur: ["none", "", ie, M],
|
|
2514
|
-
brightness:
|
|
2541
|
+
brightness: z(),
|
|
2515
2542
|
borderColor: [e],
|
|
2516
2543
|
borderRadius: ["none", "", "full", ie, M],
|
|
2517
|
-
borderSpacing:
|
|
2518
|
-
borderWidth:
|
|
2519
|
-
contrast:
|
|
2520
|
-
grayscale:
|
|
2521
|
-
hueRotate:
|
|
2522
|
-
invert:
|
|
2523
|
-
gap:
|
|
2544
|
+
borderSpacing: $(),
|
|
2545
|
+
borderWidth: P(),
|
|
2546
|
+
contrast: z(),
|
|
2547
|
+
grayscale: U(),
|
|
2548
|
+
hueRotate: z(),
|
|
2549
|
+
invert: U(),
|
|
2550
|
+
gap: $(),
|
|
2524
2551
|
gradientColorStops: [e],
|
|
2525
|
-
gradientColorStopPositions: [
|
|
2552
|
+
gradientColorStopPositions: [An, se],
|
|
2526
2553
|
inset: k(),
|
|
2527
2554
|
margin: k(),
|
|
2528
|
-
opacity:
|
|
2529
|
-
padding:
|
|
2530
|
-
saturate:
|
|
2531
|
-
scale:
|
|
2532
|
-
sepia:
|
|
2533
|
-
skew:
|
|
2534
|
-
space:
|
|
2535
|
-
translate:
|
|
2555
|
+
opacity: z(),
|
|
2556
|
+
padding: $(),
|
|
2557
|
+
saturate: z(),
|
|
2558
|
+
scale: z(),
|
|
2559
|
+
sepia: U(),
|
|
2560
|
+
skew: z(),
|
|
2561
|
+
space: $(),
|
|
2562
|
+
translate: $()
|
|
2536
2563
|
},
|
|
2537
2564
|
classGroups: {
|
|
2538
2565
|
// Layout
|
|
@@ -2560,14 +2587,14 @@ const W = (e) => {
|
|
|
2560
2587
|
* @see https://tailwindcss.com/docs/break-after
|
|
2561
2588
|
*/
|
|
2562
2589
|
"break-after": [{
|
|
2563
|
-
"break-after":
|
|
2590
|
+
"break-after": j()
|
|
2564
2591
|
}],
|
|
2565
2592
|
/**
|
|
2566
2593
|
* Break Before
|
|
2567
2594
|
* @see https://tailwindcss.com/docs/break-before
|
|
2568
2595
|
*/
|
|
2569
2596
|
"break-before": [{
|
|
2570
|
-
"break-before":
|
|
2597
|
+
"break-before": j()
|
|
2571
2598
|
}],
|
|
2572
2599
|
/**
|
|
2573
2600
|
* Break Inside
|
|
@@ -2626,7 +2653,7 @@ const W = (e) => {
|
|
|
2626
2653
|
* @see https://tailwindcss.com/docs/object-position
|
|
2627
2654
|
*/
|
|
2628
2655
|
"object-position": [{
|
|
2629
|
-
object: [...
|
|
2656
|
+
object: [...ae(), M]
|
|
2630
2657
|
}],
|
|
2631
2658
|
/**
|
|
2632
2659
|
* Overflow
|
|
@@ -2748,7 +2775,7 @@ const W = (e) => {
|
|
|
2748
2775
|
* @see https://tailwindcss.com/docs/z-index
|
|
2749
2776
|
*/
|
|
2750
2777
|
z: [{
|
|
2751
|
-
z: ["auto",
|
|
2778
|
+
z: ["auto", xe, M]
|
|
2752
2779
|
}],
|
|
2753
2780
|
// Flexbox and Grid
|
|
2754
2781
|
/**
|
|
@@ -2784,28 +2811,28 @@ const W = (e) => {
|
|
|
2784
2811
|
* @see https://tailwindcss.com/docs/flex-grow
|
|
2785
2812
|
*/
|
|
2786
2813
|
grow: [{
|
|
2787
|
-
grow:
|
|
2814
|
+
grow: U()
|
|
2788
2815
|
}],
|
|
2789
2816
|
/**
|
|
2790
2817
|
* Flex Shrink
|
|
2791
2818
|
* @see https://tailwindcss.com/docs/flex-shrink
|
|
2792
2819
|
*/
|
|
2793
2820
|
shrink: [{
|
|
2794
|
-
shrink:
|
|
2821
|
+
shrink: U()
|
|
2795
2822
|
}],
|
|
2796
2823
|
/**
|
|
2797
2824
|
* Order
|
|
2798
2825
|
* @see https://tailwindcss.com/docs/order
|
|
2799
2826
|
*/
|
|
2800
2827
|
order: [{
|
|
2801
|
-
order: ["first", "last", "none",
|
|
2828
|
+
order: ["first", "last", "none", xe, M]
|
|
2802
2829
|
}],
|
|
2803
2830
|
/**
|
|
2804
2831
|
* Grid Template Columns
|
|
2805
2832
|
* @see https://tailwindcss.com/docs/grid-template-columns
|
|
2806
2833
|
*/
|
|
2807
2834
|
"grid-cols": [{
|
|
2808
|
-
"grid-cols": [
|
|
2835
|
+
"grid-cols": [ke]
|
|
2809
2836
|
}],
|
|
2810
2837
|
/**
|
|
2811
2838
|
* Grid Column Start / End
|
|
@@ -2813,7 +2840,7 @@ const W = (e) => {
|
|
|
2813
2840
|
*/
|
|
2814
2841
|
"col-start-end": [{
|
|
2815
2842
|
col: ["auto", {
|
|
2816
|
-
span: ["full",
|
|
2843
|
+
span: ["full", xe, M]
|
|
2817
2844
|
}, M]
|
|
2818
2845
|
}],
|
|
2819
2846
|
/**
|
|
@@ -2835,7 +2862,7 @@ const W = (e) => {
|
|
|
2835
2862
|
* @see https://tailwindcss.com/docs/grid-template-rows
|
|
2836
2863
|
*/
|
|
2837
2864
|
"grid-rows": [{
|
|
2838
|
-
"grid-rows": [
|
|
2865
|
+
"grid-rows": [ke]
|
|
2839
2866
|
}],
|
|
2840
2867
|
/**
|
|
2841
2868
|
* Grid Row Start / End
|
|
@@ -2843,7 +2870,7 @@ const W = (e) => {
|
|
|
2843
2870
|
*/
|
|
2844
2871
|
"row-start-end": [{
|
|
2845
2872
|
row: ["auto", {
|
|
2846
|
-
span: [
|
|
2873
|
+
span: [xe, M]
|
|
2847
2874
|
}, M]
|
|
2848
2875
|
}],
|
|
2849
2876
|
/**
|
|
@@ -2907,7 +2934,7 @@ const W = (e) => {
|
|
|
2907
2934
|
* @see https://tailwindcss.com/docs/justify-content
|
|
2908
2935
|
*/
|
|
2909
2936
|
"justify-content": [{
|
|
2910
|
-
justify: ["normal", ...
|
|
2937
|
+
justify: ["normal", ..._()]
|
|
2911
2938
|
}],
|
|
2912
2939
|
/**
|
|
2913
2940
|
* Justify Items
|
|
@@ -2928,7 +2955,7 @@ const W = (e) => {
|
|
|
2928
2955
|
* @see https://tailwindcss.com/docs/align-content
|
|
2929
2956
|
*/
|
|
2930
2957
|
"align-content": [{
|
|
2931
|
-
content: ["normal", ...
|
|
2958
|
+
content: ["normal", ..._(), "baseline"]
|
|
2932
2959
|
}],
|
|
2933
2960
|
/**
|
|
2934
2961
|
* Align Items
|
|
@@ -2949,7 +2976,7 @@ const W = (e) => {
|
|
|
2949
2976
|
* @see https://tailwindcss.com/docs/place-content
|
|
2950
2977
|
*/
|
|
2951
2978
|
"place-content": [{
|
|
2952
|
-
"place-content": [...
|
|
2979
|
+
"place-content": [..._(), "baseline"]
|
|
2953
2980
|
}],
|
|
2954
2981
|
/**
|
|
2955
2982
|
* Place Items
|
|
@@ -3097,7 +3124,7 @@ const W = (e) => {
|
|
|
3097
3124
|
* @see https://tailwindcss.com/docs/space
|
|
3098
3125
|
*/
|
|
3099
3126
|
"space-x": [{
|
|
3100
|
-
"space-x": [
|
|
3127
|
+
"space-x": [T]
|
|
3101
3128
|
}],
|
|
3102
3129
|
/**
|
|
3103
3130
|
* Space Between X Reverse
|
|
@@ -3109,7 +3136,7 @@ const W = (e) => {
|
|
|
3109
3136
|
* @see https://tailwindcss.com/docs/space
|
|
3110
3137
|
*/
|
|
3111
3138
|
"space-y": [{
|
|
3112
|
-
"space-y": [
|
|
3139
|
+
"space-y": [T]
|
|
3113
3140
|
}],
|
|
3114
3141
|
/**
|
|
3115
3142
|
* Space Between Y Reverse
|
|
@@ -3191,14 +3218,14 @@ const W = (e) => {
|
|
|
3191
3218
|
* @see https://tailwindcss.com/docs/font-weight
|
|
3192
3219
|
*/
|
|
3193
3220
|
"font-weight": [{
|
|
3194
|
-
font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black",
|
|
3221
|
+
font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Ie]
|
|
3195
3222
|
}],
|
|
3196
3223
|
/**
|
|
3197
3224
|
* Font Family
|
|
3198
3225
|
* @see https://tailwindcss.com/docs/font-family
|
|
3199
3226
|
*/
|
|
3200
3227
|
"font-family": [{
|
|
3201
|
-
font: [
|
|
3228
|
+
font: [ke]
|
|
3202
3229
|
}],
|
|
3203
3230
|
/**
|
|
3204
3231
|
* Font Variant Numeric
|
|
@@ -3242,14 +3269,14 @@ const W = (e) => {
|
|
|
3242
3269
|
* @see https://tailwindcss.com/docs/line-clamp
|
|
3243
3270
|
*/
|
|
3244
3271
|
"line-clamp": [{
|
|
3245
|
-
"line-clamp": ["none",
|
|
3272
|
+
"line-clamp": ["none", he, Ie]
|
|
3246
3273
|
}],
|
|
3247
3274
|
/**
|
|
3248
3275
|
* Line Height
|
|
3249
3276
|
* @see https://tailwindcss.com/docs/line-height
|
|
3250
3277
|
*/
|
|
3251
3278
|
leading: [{
|
|
3252
|
-
leading: ["none", "tight", "snug", "normal", "relaxed", "loose",
|
|
3279
|
+
leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ee, M]
|
|
3253
3280
|
}],
|
|
3254
3281
|
/**
|
|
3255
3282
|
* List Style Image
|
|
@@ -3318,21 +3345,21 @@ const W = (e) => {
|
|
|
3318
3345
|
* @see https://tailwindcss.com/docs/text-decoration-style
|
|
3319
3346
|
*/
|
|
3320
3347
|
"text-decoration-style": [{
|
|
3321
|
-
decoration: [...
|
|
3348
|
+
decoration: [...X(), "wavy"]
|
|
3322
3349
|
}],
|
|
3323
3350
|
/**
|
|
3324
3351
|
* Text Decoration Thickness
|
|
3325
3352
|
* @see https://tailwindcss.com/docs/text-decoration-thickness
|
|
3326
3353
|
*/
|
|
3327
3354
|
"text-decoration-thickness": [{
|
|
3328
|
-
decoration: ["auto", "from-font",
|
|
3355
|
+
decoration: ["auto", "from-font", ee, se]
|
|
3329
3356
|
}],
|
|
3330
3357
|
/**
|
|
3331
3358
|
* Text Underline Offset
|
|
3332
3359
|
* @see https://tailwindcss.com/docs/text-underline-offset
|
|
3333
3360
|
*/
|
|
3334
3361
|
"underline-offset": [{
|
|
3335
|
-
"underline-offset": ["auto",
|
|
3362
|
+
"underline-offset": ["auto", ee, M]
|
|
3336
3363
|
}],
|
|
3337
3364
|
/**
|
|
3338
3365
|
* Text Decoration Color
|
|
@@ -3363,7 +3390,7 @@ const W = (e) => {
|
|
|
3363
3390
|
* @see https://tailwindcss.com/docs/text-indent
|
|
3364
3391
|
*/
|
|
3365
3392
|
indent: [{
|
|
3366
|
-
indent:
|
|
3393
|
+
indent: $()
|
|
3367
3394
|
}],
|
|
3368
3395
|
/**
|
|
3369
3396
|
* Vertical Alignment
|
|
@@ -3435,7 +3462,7 @@ const W = (e) => {
|
|
|
3435
3462
|
* @see https://tailwindcss.com/docs/background-position
|
|
3436
3463
|
*/
|
|
3437
3464
|
"bg-position": [{
|
|
3438
|
-
bg: [...
|
|
3465
|
+
bg: [...ae(), $n]
|
|
3439
3466
|
}],
|
|
3440
3467
|
/**
|
|
3441
3468
|
* Background Repeat
|
|
@@ -3451,7 +3478,7 @@ const W = (e) => {
|
|
|
3451
3478
|
* @see https://tailwindcss.com/docs/background-size
|
|
3452
3479
|
*/
|
|
3453
3480
|
"bg-size": [{
|
|
3454
|
-
bg: ["auto", "cover", "contain",
|
|
3481
|
+
bg: ["auto", "cover", "contain", Cn]
|
|
3455
3482
|
}],
|
|
3456
3483
|
/**
|
|
3457
3484
|
* Background Image
|
|
@@ -3460,7 +3487,7 @@ const W = (e) => {
|
|
|
3460
3487
|
"bg-image": [{
|
|
3461
3488
|
bg: ["none", {
|
|
3462
3489
|
"gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
|
|
3463
|
-
},
|
|
3490
|
+
}, In]
|
|
3464
3491
|
}],
|
|
3465
3492
|
/**
|
|
3466
3493
|
* Background Color
|
|
@@ -3692,7 +3719,7 @@ const W = (e) => {
|
|
|
3692
3719
|
* @see https://tailwindcss.com/docs/border-style
|
|
3693
3720
|
*/
|
|
3694
3721
|
"border-style": [{
|
|
3695
|
-
border: [...
|
|
3722
|
+
border: [...X(), "hidden"]
|
|
3696
3723
|
}],
|
|
3697
3724
|
/**
|
|
3698
3725
|
* Divide Width X
|
|
@@ -3730,7 +3757,7 @@ const W = (e) => {
|
|
|
3730
3757
|
* @see https://tailwindcss.com/docs/divide-style
|
|
3731
3758
|
*/
|
|
3732
3759
|
"divide-style": [{
|
|
3733
|
-
divide:
|
|
3760
|
+
divide: X()
|
|
3734
3761
|
}],
|
|
3735
3762
|
/**
|
|
3736
3763
|
* Border Color
|
|
@@ -3807,21 +3834,21 @@ const W = (e) => {
|
|
|
3807
3834
|
* @see https://tailwindcss.com/docs/outline-style
|
|
3808
3835
|
*/
|
|
3809
3836
|
"outline-style": [{
|
|
3810
|
-
outline: ["", ...
|
|
3837
|
+
outline: ["", ...X()]
|
|
3811
3838
|
}],
|
|
3812
3839
|
/**
|
|
3813
3840
|
* Outline Offset
|
|
3814
3841
|
* @see https://tailwindcss.com/docs/outline-offset
|
|
3815
3842
|
*/
|
|
3816
3843
|
"outline-offset": [{
|
|
3817
|
-
"outline-offset": [
|
|
3844
|
+
"outline-offset": [ee, M]
|
|
3818
3845
|
}],
|
|
3819
3846
|
/**
|
|
3820
3847
|
* Outline Width
|
|
3821
3848
|
* @see https://tailwindcss.com/docs/outline-width
|
|
3822
3849
|
*/
|
|
3823
3850
|
"outline-w": [{
|
|
3824
|
-
outline: [
|
|
3851
|
+
outline: [ee, se]
|
|
3825
3852
|
}],
|
|
3826
3853
|
/**
|
|
3827
3854
|
* Outline Color
|
|
@@ -3835,7 +3862,7 @@ const W = (e) => {
|
|
|
3835
3862
|
* @see https://tailwindcss.com/docs/ring-width
|
|
3836
3863
|
*/
|
|
3837
3864
|
"ring-w": [{
|
|
3838
|
-
ring:
|
|
3865
|
+
ring: P()
|
|
3839
3866
|
}],
|
|
3840
3867
|
/**
|
|
3841
3868
|
* Ring Width Inset
|
|
@@ -3861,7 +3888,7 @@ const W = (e) => {
|
|
|
3861
3888
|
* @see https://tailwindcss.com/docs/ring-offset-width
|
|
3862
3889
|
*/
|
|
3863
3890
|
"ring-offset-w": [{
|
|
3864
|
-
"ring-offset": [
|
|
3891
|
+
"ring-offset": [ee, se]
|
|
3865
3892
|
}],
|
|
3866
3893
|
/**
|
|
3867
3894
|
* Ring Offset Color
|
|
@@ -3876,14 +3903,14 @@ const W = (e) => {
|
|
|
3876
3903
|
* @see https://tailwindcss.com/docs/box-shadow
|
|
3877
3904
|
*/
|
|
3878
3905
|
shadow: [{
|
|
3879
|
-
shadow: ["", "inner", "none", ie,
|
|
3906
|
+
shadow: ["", "inner", "none", ie, Rn]
|
|
3880
3907
|
}],
|
|
3881
3908
|
/**
|
|
3882
3909
|
* Box Shadow Color
|
|
3883
3910
|
* @see https://tailwindcss.com/docs/box-shadow-color
|
|
3884
3911
|
*/
|
|
3885
3912
|
"shadow-color": [{
|
|
3886
|
-
shadow: [
|
|
3913
|
+
shadow: [ke]
|
|
3887
3914
|
}],
|
|
3888
3915
|
/**
|
|
3889
3916
|
* Opacity
|
|
@@ -3897,14 +3924,14 @@ const W = (e) => {
|
|
|
3897
3924
|
* @see https://tailwindcss.com/docs/mix-blend-mode
|
|
3898
3925
|
*/
|
|
3899
3926
|
"mix-blend": [{
|
|
3900
|
-
"mix-blend": [...
|
|
3927
|
+
"mix-blend": [...K(), "plus-lighter", "plus-darker"]
|
|
3901
3928
|
}],
|
|
3902
3929
|
/**
|
|
3903
3930
|
* Background Blend Mode
|
|
3904
3931
|
* @see https://tailwindcss.com/docs/background-blend-mode
|
|
3905
3932
|
*/
|
|
3906
3933
|
"bg-blend": [{
|
|
3907
|
-
"bg-blend":
|
|
3934
|
+
"bg-blend": K()
|
|
3908
3935
|
}],
|
|
3909
3936
|
// Filters
|
|
3910
3937
|
/**
|
|
@@ -4105,7 +4132,7 @@ const W = (e) => {
|
|
|
4105
4132
|
* @see https://tailwindcss.com/docs/transition-duration
|
|
4106
4133
|
*/
|
|
4107
4134
|
duration: [{
|
|
4108
|
-
duration:
|
|
4135
|
+
duration: z()
|
|
4109
4136
|
}],
|
|
4110
4137
|
/**
|
|
4111
4138
|
* Transition Timing Function
|
|
@@ -4119,7 +4146,7 @@ const W = (e) => {
|
|
|
4119
4146
|
* @see https://tailwindcss.com/docs/transition-delay
|
|
4120
4147
|
*/
|
|
4121
4148
|
delay: [{
|
|
4122
|
-
delay:
|
|
4149
|
+
delay: z()
|
|
4123
4150
|
}],
|
|
4124
4151
|
/**
|
|
4125
4152
|
* Animation
|
|
@@ -4162,7 +4189,7 @@ const W = (e) => {
|
|
|
4162
4189
|
* @see https://tailwindcss.com/docs/rotate
|
|
4163
4190
|
*/
|
|
4164
4191
|
rotate: [{
|
|
4165
|
-
rotate: [
|
|
4192
|
+
rotate: [xe, M]
|
|
4166
4193
|
}],
|
|
4167
4194
|
/**
|
|
4168
4195
|
* Translate X
|
|
@@ -4183,14 +4210,14 @@ const W = (e) => {
|
|
|
4183
4210
|
* @see https://tailwindcss.com/docs/skew
|
|
4184
4211
|
*/
|
|
4185
4212
|
"skew-x": [{
|
|
4186
|
-
"skew-x": [
|
|
4213
|
+
"skew-x": [C]
|
|
4187
4214
|
}],
|
|
4188
4215
|
/**
|
|
4189
4216
|
* Skew Y
|
|
4190
4217
|
* @see https://tailwindcss.com/docs/skew
|
|
4191
4218
|
*/
|
|
4192
4219
|
"skew-y": [{
|
|
4193
|
-
"skew-y": [
|
|
4220
|
+
"skew-y": [C]
|
|
4194
4221
|
}],
|
|
4195
4222
|
/**
|
|
4196
4223
|
* Transform Origin
|
|
@@ -4254,126 +4281,126 @@ const W = (e) => {
|
|
|
4254
4281
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4255
4282
|
*/
|
|
4256
4283
|
"scroll-m": [{
|
|
4257
|
-
"scroll-m":
|
|
4284
|
+
"scroll-m": $()
|
|
4258
4285
|
}],
|
|
4259
4286
|
/**
|
|
4260
4287
|
* Scroll Margin X
|
|
4261
4288
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4262
4289
|
*/
|
|
4263
4290
|
"scroll-mx": [{
|
|
4264
|
-
"scroll-mx":
|
|
4291
|
+
"scroll-mx": $()
|
|
4265
4292
|
}],
|
|
4266
4293
|
/**
|
|
4267
4294
|
* Scroll Margin Y
|
|
4268
4295
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4269
4296
|
*/
|
|
4270
4297
|
"scroll-my": [{
|
|
4271
|
-
"scroll-my":
|
|
4298
|
+
"scroll-my": $()
|
|
4272
4299
|
}],
|
|
4273
4300
|
/**
|
|
4274
4301
|
* Scroll Margin Start
|
|
4275
4302
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4276
4303
|
*/
|
|
4277
4304
|
"scroll-ms": [{
|
|
4278
|
-
"scroll-ms":
|
|
4305
|
+
"scroll-ms": $()
|
|
4279
4306
|
}],
|
|
4280
4307
|
/**
|
|
4281
4308
|
* Scroll Margin End
|
|
4282
4309
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4283
4310
|
*/
|
|
4284
4311
|
"scroll-me": [{
|
|
4285
|
-
"scroll-me":
|
|
4312
|
+
"scroll-me": $()
|
|
4286
4313
|
}],
|
|
4287
4314
|
/**
|
|
4288
4315
|
* Scroll Margin Top
|
|
4289
4316
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4290
4317
|
*/
|
|
4291
4318
|
"scroll-mt": [{
|
|
4292
|
-
"scroll-mt":
|
|
4319
|
+
"scroll-mt": $()
|
|
4293
4320
|
}],
|
|
4294
4321
|
/**
|
|
4295
4322
|
* Scroll Margin Right
|
|
4296
4323
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4297
4324
|
*/
|
|
4298
4325
|
"scroll-mr": [{
|
|
4299
|
-
"scroll-mr":
|
|
4326
|
+
"scroll-mr": $()
|
|
4300
4327
|
}],
|
|
4301
4328
|
/**
|
|
4302
4329
|
* Scroll Margin Bottom
|
|
4303
4330
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4304
4331
|
*/
|
|
4305
4332
|
"scroll-mb": [{
|
|
4306
|
-
"scroll-mb":
|
|
4333
|
+
"scroll-mb": $()
|
|
4307
4334
|
}],
|
|
4308
4335
|
/**
|
|
4309
4336
|
* Scroll Margin Left
|
|
4310
4337
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
4311
4338
|
*/
|
|
4312
4339
|
"scroll-ml": [{
|
|
4313
|
-
"scroll-ml":
|
|
4340
|
+
"scroll-ml": $()
|
|
4314
4341
|
}],
|
|
4315
4342
|
/**
|
|
4316
4343
|
* Scroll Padding
|
|
4317
4344
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4318
4345
|
*/
|
|
4319
4346
|
"scroll-p": [{
|
|
4320
|
-
"scroll-p":
|
|
4347
|
+
"scroll-p": $()
|
|
4321
4348
|
}],
|
|
4322
4349
|
/**
|
|
4323
4350
|
* Scroll Padding X
|
|
4324
4351
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4325
4352
|
*/
|
|
4326
4353
|
"scroll-px": [{
|
|
4327
|
-
"scroll-px":
|
|
4354
|
+
"scroll-px": $()
|
|
4328
4355
|
}],
|
|
4329
4356
|
/**
|
|
4330
4357
|
* Scroll Padding Y
|
|
4331
4358
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4332
4359
|
*/
|
|
4333
4360
|
"scroll-py": [{
|
|
4334
|
-
"scroll-py":
|
|
4361
|
+
"scroll-py": $()
|
|
4335
4362
|
}],
|
|
4336
4363
|
/**
|
|
4337
4364
|
* Scroll Padding Start
|
|
4338
4365
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4339
4366
|
*/
|
|
4340
4367
|
"scroll-ps": [{
|
|
4341
|
-
"scroll-ps":
|
|
4368
|
+
"scroll-ps": $()
|
|
4342
4369
|
}],
|
|
4343
4370
|
/**
|
|
4344
4371
|
* Scroll Padding End
|
|
4345
4372
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4346
4373
|
*/
|
|
4347
4374
|
"scroll-pe": [{
|
|
4348
|
-
"scroll-pe":
|
|
4375
|
+
"scroll-pe": $()
|
|
4349
4376
|
}],
|
|
4350
4377
|
/**
|
|
4351
4378
|
* Scroll Padding Top
|
|
4352
4379
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4353
4380
|
*/
|
|
4354
4381
|
"scroll-pt": [{
|
|
4355
|
-
"scroll-pt":
|
|
4382
|
+
"scroll-pt": $()
|
|
4356
4383
|
}],
|
|
4357
4384
|
/**
|
|
4358
4385
|
* Scroll Padding Right
|
|
4359
4386
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4360
4387
|
*/
|
|
4361
4388
|
"scroll-pr": [{
|
|
4362
|
-
"scroll-pr":
|
|
4389
|
+
"scroll-pr": $()
|
|
4363
4390
|
}],
|
|
4364
4391
|
/**
|
|
4365
4392
|
* Scroll Padding Bottom
|
|
4366
4393
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4367
4394
|
*/
|
|
4368
4395
|
"scroll-pb": [{
|
|
4369
|
-
"scroll-pb":
|
|
4396
|
+
"scroll-pb": $()
|
|
4370
4397
|
}],
|
|
4371
4398
|
/**
|
|
4372
4399
|
* Scroll Padding Left
|
|
4373
4400
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
4374
4401
|
*/
|
|
4375
4402
|
"scroll-pl": [{
|
|
4376
|
-
"scroll-pl":
|
|
4403
|
+
"scroll-pl": $()
|
|
4377
4404
|
}],
|
|
4378
4405
|
/**
|
|
4379
4406
|
* Scroll Snap Align
|
|
@@ -4456,7 +4483,7 @@ const W = (e) => {
|
|
|
4456
4483
|
* @see https://tailwindcss.com/docs/stroke-width
|
|
4457
4484
|
*/
|
|
4458
4485
|
"stroke-w": [{
|
|
4459
|
-
stroke: [
|
|
4486
|
+
stroke: [ee, se, Ie]
|
|
4460
4487
|
}],
|
|
4461
4488
|
/**
|
|
4462
4489
|
* Stroke
|
|
@@ -4531,30 +4558,30 @@ const W = (e) => {
|
|
|
4531
4558
|
"font-size": ["leading"]
|
|
4532
4559
|
}
|
|
4533
4560
|
};
|
|
4534
|
-
},
|
|
4535
|
-
function
|
|
4536
|
-
return
|
|
4561
|
+
}, zn = /* @__PURE__ */ gn(Pn);
|
|
4562
|
+
function Bn(...e) {
|
|
4563
|
+
return zn(Rt(e));
|
|
4537
4564
|
}
|
|
4538
|
-
function
|
|
4539
|
-
const [r, o] =
|
|
4565
|
+
function vr({ autoWidth: e = !0, className: t, style: n }) {
|
|
4566
|
+
const [r, o] = R(() => ne.getActiveAppId()), [i, a] = R(() => Q.getRunningApps()), { isMobile: c } = it();
|
|
4540
4567
|
D(() => {
|
|
4541
|
-
const w =
|
|
4568
|
+
const w = ne.subscribe("activeAppId", (y) => {
|
|
4542
4569
|
o(y);
|
|
4543
4570
|
});
|
|
4544
4571
|
return () => {
|
|
4545
4572
|
w();
|
|
4546
4573
|
};
|
|
4547
|
-
}, []), D(() =>
|
|
4548
|
-
a(
|
|
4574
|
+
}, []), D(() => Q.subscribe(() => {
|
|
4575
|
+
a(Q.getRunningApps());
|
|
4549
4576
|
}), []), D(() => {
|
|
4550
4577
|
if (!new URLSearchParams(window.location.search).has("app")) {
|
|
4551
|
-
const h =
|
|
4552
|
-
h && !
|
|
4578
|
+
const h = ne.getActiveAppId();
|
|
4579
|
+
h && !Q.isRunning(h) && Q.launchApp(h);
|
|
4553
4580
|
}
|
|
4554
4581
|
}, []);
|
|
4555
4582
|
const l = (w) => {
|
|
4556
|
-
|
|
4557
|
-
}, u = r ?
|
|
4583
|
+
Q.closeApp(w);
|
|
4584
|
+
}, u = r ? me.get(r) : null, b = (u == null ? void 0 : u.width) ?? 400, d = r !== null, v = { ...{
|
|
4558
4585
|
overflow: "hidden",
|
|
4559
4586
|
display: d ? "flex" : "none",
|
|
4560
4587
|
flexDirection: "column",
|
|
@@ -4562,8 +4589,8 @@ function gr({ autoWidth: e = !0, className: t, style: n }) {
|
|
|
4562
4589
|
// Only set width if autoWidth is enabled
|
|
4563
4590
|
...e && d ? { width: c ? "100%" : b } : {}
|
|
4564
4591
|
}, ...n };
|
|
4565
|
-
return /* @__PURE__ */ s("div", { className:
|
|
4566
|
-
|
|
4592
|
+
return /* @__PURE__ */ s("div", { className: Bn("nc-app-panel", t), style: v, children: i.map((w) => /* @__PURE__ */ s(
|
|
4593
|
+
rt,
|
|
4567
4594
|
{
|
|
4568
4595
|
appId: w.appId,
|
|
4569
4596
|
isActive: r === w.appId,
|
|
@@ -4572,27 +4599,27 @@ function gr({ autoWidth: e = !0, className: t, style: n }) {
|
|
|
4572
4599
|
w.appId
|
|
4573
4600
|
)) });
|
|
4574
4601
|
}
|
|
4575
|
-
function
|
|
4602
|
+
function wr({
|
|
4576
4603
|
pinnedAppIds: e,
|
|
4577
4604
|
className: t = "",
|
|
4578
4605
|
showIndicators: n = !0,
|
|
4579
4606
|
side: r = "left",
|
|
4580
4607
|
getBadge: o
|
|
4581
4608
|
}) {
|
|
4582
|
-
const { t: i } =
|
|
4609
|
+
const { t: i } = re(), { isMobile: a } = it(), [c, l] = R(() => ne.getActiveAppId()), [u, f] = R(() => Q.getRunningApps());
|
|
4583
4610
|
D(() => {
|
|
4584
|
-
const p =
|
|
4611
|
+
const p = ne.subscribe("activeAppId", (g) => {
|
|
4585
4612
|
l(g);
|
|
4586
4613
|
});
|
|
4587
4614
|
return () => {
|
|
4588
4615
|
p();
|
|
4589
4616
|
};
|
|
4590
|
-
}, []), D(() =>
|
|
4591
|
-
f(
|
|
4617
|
+
}, []), D(() => Q.subscribe(() => {
|
|
4618
|
+
f(Q.getRunningApps());
|
|
4592
4619
|
}), []);
|
|
4593
4620
|
const b = (p) => {
|
|
4594
|
-
c === p ?
|
|
4595
|
-
}, d = e.map((p) =>
|
|
4621
|
+
c === p ? Q.setActiveApp(null) : Q.launchApp(p);
|
|
4622
|
+
}, d = e.map((p) => me.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: me.get(p.appId) })).filter((p) => !!p.def), A = (p) => u.some((g) => g.appId === p), v = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, y = (p, g) => {
|
|
4596
4623
|
const x = o == null ? void 0 : o(p, g);
|
|
4597
4624
|
return x ? /* @__PURE__ */ s(
|
|
4598
4625
|
"span",
|
|
@@ -4605,17 +4632,17 @@ function br({
|
|
|
4605
4632
|
}, h = a ? 24 : 28;
|
|
4606
4633
|
return /* @__PURE__ */ N("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
|
|
4607
4634
|
d.map((p) => {
|
|
4608
|
-
const g = p.icon, x = c === p.id,
|
|
4635
|
+
const g = p.icon, x = c === p.id, C = A(p.id), T = { isActive: x, isRunning: C, isPinned: !0 };
|
|
4609
4636
|
return /* @__PURE__ */ N(
|
|
4610
4637
|
"button",
|
|
4611
4638
|
{
|
|
4612
|
-
className: `nc-app-taskbar-button ${x ? "nc-active" : ""} ${
|
|
4639
|
+
className: `nc-app-taskbar-button ${x ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
|
|
4613
4640
|
onClick: () => b(p.id),
|
|
4614
4641
|
title: v(p),
|
|
4615
4642
|
children: [
|
|
4616
4643
|
/* @__PURE__ */ s(g, { size: h }),
|
|
4617
|
-
y(p,
|
|
4618
|
-
n &&
|
|
4644
|
+
y(p, T),
|
|
4645
|
+
n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
|
|
4619
4646
|
]
|
|
4620
4647
|
},
|
|
4621
4648
|
p.id
|
|
@@ -4623,16 +4650,16 @@ function br({
|
|
|
4623
4650
|
}),
|
|
4624
4651
|
m.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
|
|
4625
4652
|
m.map(({ running: p, def: g }) => {
|
|
4626
|
-
const x = g.icon,
|
|
4653
|
+
const x = g.icon, C = c === p.appId, T = { isActive: C, isRunning: !0, isPinned: !1 };
|
|
4627
4654
|
return /* @__PURE__ */ N(
|
|
4628
4655
|
"button",
|
|
4629
4656
|
{
|
|
4630
|
-
className: `nc-app-taskbar-button ${
|
|
4657
|
+
className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
|
|
4631
4658
|
onClick: () => b(p.appId),
|
|
4632
4659
|
title: v(g),
|
|
4633
4660
|
children: [
|
|
4634
4661
|
/* @__PURE__ */ s(x, { size: h }),
|
|
4635
|
-
y(g,
|
|
4662
|
+
y(g, T),
|
|
4636
4663
|
n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
|
|
4637
4664
|
]
|
|
4638
4665
|
},
|
|
@@ -4641,7 +4668,7 @@ function br({
|
|
|
4641
4668
|
})
|
|
4642
4669
|
] });
|
|
4643
4670
|
}
|
|
4644
|
-
function
|
|
4671
|
+
function yr({
|
|
4645
4672
|
appId: e,
|
|
4646
4673
|
open: t,
|
|
4647
4674
|
onClose: n,
|
|
@@ -4665,7 +4692,7 @@ function vr({
|
|
|
4665
4692
|
style: i,
|
|
4666
4693
|
onClick: (l) => l.stopPropagation(),
|
|
4667
4694
|
children: /* @__PURE__ */ s(
|
|
4668
|
-
|
|
4695
|
+
rt,
|
|
4669
4696
|
{
|
|
4670
4697
|
appId: e,
|
|
4671
4698
|
isActive: !0,
|
|
@@ -4676,32 +4703,32 @@ function vr({
|
|
|
4676
4703
|
)
|
|
4677
4704
|
}
|
|
4678
4705
|
);
|
|
4679
|
-
return
|
|
4706
|
+
return Ae(c, document.body);
|
|
4680
4707
|
}
|
|
4681
|
-
const
|
|
4682
|
-
function
|
|
4683
|
-
const e = ce(
|
|
4708
|
+
const De = ge(null), pt = ge(null);
|
|
4709
|
+
function xr() {
|
|
4710
|
+
const e = ce(De);
|
|
4684
4711
|
if (!e)
|
|
4685
4712
|
throw new Error("useNavStack must be used within a NavStackProvider");
|
|
4686
4713
|
return e;
|
|
4687
4714
|
}
|
|
4688
|
-
function
|
|
4689
|
-
const e = ce(
|
|
4715
|
+
function kr() {
|
|
4716
|
+
const e = ce(pt);
|
|
4690
4717
|
if (!e)
|
|
4691
4718
|
throw new Error("useNavView must be used within NavStack");
|
|
4692
4719
|
return e;
|
|
4693
4720
|
}
|
|
4694
|
-
const
|
|
4695
|
-
function
|
|
4696
|
-
const { t: n } =
|
|
4697
|
-
c((
|
|
4698
|
-
const
|
|
4699
|
-
return
|
|
4721
|
+
const We = ge(null);
|
|
4722
|
+
function Nr({ rootView: e, children: t }) {
|
|
4723
|
+
const { t: n } = re(), r = Zt(), [o, i] = R([e]), [a, c] = R([null]), l = Y((g, x) => {
|
|
4724
|
+
c((C) => {
|
|
4725
|
+
const T = [...C];
|
|
4726
|
+
return T[g] = x, T;
|
|
4700
4727
|
});
|
|
4701
4728
|
}, []), u = Y((g) => {
|
|
4702
4729
|
c((x) => {
|
|
4703
|
-
const
|
|
4704
|
-
return
|
|
4730
|
+
const C = [...x];
|
|
4731
|
+
return C[g] = null, C;
|
|
4705
4732
|
});
|
|
4706
4733
|
}, []), f = Y((g) => {
|
|
4707
4734
|
i((x) => [...x, g]), c((x) => [...x, null]);
|
|
@@ -4732,10 +4759,10 @@ function xr({ rootView: e, children: t }) {
|
|
|
4732
4759
|
clearToolbarAt: u,
|
|
4733
4760
|
topIndex: v
|
|
4734
4761
|
};
|
|
4735
|
-
return /* @__PURE__ */ s(
|
|
4762
|
+
return /* @__PURE__ */ s(De.Provider, { value: h, children: /* @__PURE__ */ s(We.Provider, { value: p, children: t }) });
|
|
4736
4763
|
}
|
|
4737
|
-
function
|
|
4738
|
-
const n = ce(
|
|
4764
|
+
function Dn({ index: e, children: t }) {
|
|
4765
|
+
const n = ce(We);
|
|
4739
4766
|
if (!n)
|
|
4740
4767
|
throw new Error("NavViewProvider must be used within NavStackProvider");
|
|
4741
4768
|
const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = Y((u) => {
|
|
@@ -4746,16 +4773,16 @@ function zn({ index: e, children: t }) {
|
|
|
4746
4773
|
setToolbar: a,
|
|
4747
4774
|
clearToolbar: c
|
|
4748
4775
|
};
|
|
4749
|
-
return /* @__PURE__ */ s(
|
|
4776
|
+
return /* @__PURE__ */ s(pt.Provider, { value: l, children: t });
|
|
4750
4777
|
}
|
|
4751
|
-
function
|
|
4752
|
-
const e = ce(
|
|
4778
|
+
function Ar() {
|
|
4779
|
+
const e = ce(De), t = ce(We);
|
|
4753
4780
|
if (!e || !t)
|
|
4754
4781
|
throw new Error("NavStackContainer must be used within a NavStackProvider");
|
|
4755
4782
|
const { stack: n } = t;
|
|
4756
4783
|
return /* @__PURE__ */ s("div", { className: "nav-stack-container", children: /* @__PURE__ */ s("div", { className: "nav-stack-content", children: n.map((r, o) => {
|
|
4757
4784
|
const i = o === n.length - 1;
|
|
4758
|
-
return /* @__PURE__ */ s(
|
|
4785
|
+
return /* @__PURE__ */ s(Dn, { index: o, children: /* @__PURE__ */ s(
|
|
4759
4786
|
"div",
|
|
4760
4787
|
{
|
|
4761
4788
|
style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
|
|
@@ -4765,55 +4792,55 @@ function kr() {
|
|
|
4765
4792
|
}) }) });
|
|
4766
4793
|
}
|
|
4767
4794
|
export {
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
|
|
4779
|
-
|
|
4780
|
-
|
|
4781
|
-
|
|
4782
|
-
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
|
|
4788
|
-
|
|
4789
|
-
|
|
4790
|
-
|
|
4791
|
-
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
|
|
4798
|
-
|
|
4799
|
-
|
|
4800
|
-
|
|
4801
|
-
|
|
4802
|
-
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4807
|
-
|
|
4808
|
-
|
|
4809
|
-
|
|
4810
|
-
|
|
4811
|
-
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
|
|
4795
|
+
Qe as ActivityIndicator,
|
|
4796
|
+
Kn as Alert,
|
|
4797
|
+
rt as AppContainer,
|
|
4798
|
+
nt as AppContext,
|
|
4799
|
+
yr as AppDialog,
|
|
4800
|
+
vr as AppPanel,
|
|
4801
|
+
wr as AppTaskbar,
|
|
4802
|
+
tn as AppTitleBar,
|
|
4803
|
+
_n as Battery,
|
|
4804
|
+
te as Button,
|
|
4805
|
+
Un as ButtonGroup,
|
|
4806
|
+
qn as Checkbox,
|
|
4807
|
+
Ze as CloseButton,
|
|
4808
|
+
Xn as ComboBox,
|
|
4809
|
+
tr as ContextMenu,
|
|
4810
|
+
fr as CsvTextArea,
|
|
4811
|
+
nr as Dialog,
|
|
4812
|
+
fe as DialogClose,
|
|
4813
|
+
Qn as EditButton,
|
|
4814
|
+
er as Hyperlink,
|
|
4815
|
+
rr as Input,
|
|
4816
|
+
sr as ListGroup,
|
|
4817
|
+
or as ListGroupItem,
|
|
4818
|
+
cr as MonthRangePicker,
|
|
4819
|
+
ir as MultiSelect,
|
|
4820
|
+
Ar as NavStackContainer,
|
|
4821
|
+
Nr as NavStackProvider,
|
|
4822
|
+
Ut as Notification,
|
|
4823
|
+
hr as NotificationContainer,
|
|
4824
|
+
ar as NumberInput,
|
|
4825
|
+
Jn as RefreshButton,
|
|
4826
|
+
lr as Slider,
|
|
4827
|
+
Ot as TabPanel,
|
|
4828
|
+
dr as TabPanels,
|
|
4829
|
+
ur as Tabs,
|
|
4830
|
+
pr as Toggle,
|
|
4831
|
+
Zn as TrashButton,
|
|
4832
|
+
br as ViewportProvider,
|
|
4833
|
+
me as appRegistry,
|
|
4834
|
+
ne as appStateStore,
|
|
4835
|
+
Bn as cn,
|
|
4836
|
+
gr as createAppI18nFactory,
|
|
4837
|
+
mr as notificationManager,
|
|
4838
|
+
Q as runningAppsStore,
|
|
4839
|
+
qt as showNotification,
|
|
4840
|
+
Zt as useApp,
|
|
4841
|
+
Dt as useDialog,
|
|
4842
|
+
xr as useNavStack,
|
|
4843
|
+
kr as useNavView,
|
|
4844
|
+
it as useViewport
|
|
4818
4845
|
};
|
|
4819
4846
|
//# sourceMappingURL=index.js.map
|