@nxgt/material 3.5.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +92 -0
- package/README.md +46 -1
- package/dist/components/components.css +2 -0
- package/dist/components/theme-tokens.css +84 -72
- package/dist/components/tones/tokens.css +5 -5
- package/dist/components/ui/display/chip/chip-hairline.css +1 -1
- package/dist/components/ui/layout/sidebar/sidebar-tokens.css +1 -1
- package/dist/components/ui/overlays/dialog/dialog.css +2 -2
- package/dist/components/ui/primitives/field-box/field-box-tokens.css +1 -1
- package/dist/components/ui/primitives/toggle-group/toggle-group-segmented.css +2 -2
- package/dist/components/ui/primitives/toggle-group/toggle-group-separate.css +1 -1
- package/dist/components/ui/widgets/drawing/drawing-animate.css +123 -0
- package/dist/components/ui/widgets/drawing/drawing.css +459 -0
- package/dist/{components-CXpL1zEs.js → components-BX4icy-g.js} +734 -734
- package/dist/components.js +16 -16
- package/dist/{dialog-JQT6iETD.js → dialog-DdJ1C4BR.js} +168 -168
- package/dist/dnd.js +1 -1
- package/dist/draw-animate.js +106 -0
- package/dist/draw-png.js +2 -0
- package/dist/draw-sketch.js +38 -0
- package/dist/draw.js +65 -0
- package/dist/drawing-B8VuG7nx.js +390 -0
- package/dist/drawing-context-CeKeZE6b.js +10 -0
- package/dist/editor.js +110 -110
- package/dist/{icon-badge-C30yKsAM.js → icon-badge-Bb5-73XP.js} +18 -18
- package/dist/{icon-button-BXlI3DJ_.js → icon-button-5A6Mrj6w.js} +60 -90
- package/dist/lib/components/ui/display/shape/use-shape-morph.d.ts +1 -0
- package/dist/lib/components/ui/widgets/drawing/drawing-a11y.d.ts +20 -0
- package/dist/lib/components/ui/widgets/drawing/drawing-context.d.ts +23 -0
- package/dist/lib/components/ui/widgets/drawing/drawing-types.d.ts +63 -0
- package/dist/lib/components/ui/widgets/drawing/drawing.d.ts +17 -0
- package/dist/lib/components/ui/widgets/drawing/index.d.ts +5 -0
- package/dist/lib/components/ui/widgets/drawing/partials/drawing-root.d.ts +17 -0
- package/dist/lib/components/ui/widgets/drawing/partials/interactive-node.d.ts +22 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/content.d.ts +20 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/path.d.ts +29 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/primitive.d.ts +19 -0
- package/dist/lib/components/ui/widgets/drawing/partials/primitives/shapes.d.ts +18 -0
- package/dist/lib/components/ui/widgets/drawing/partials/react-attrs.d.ts +5 -0
- package/dist/lib/components/ui/widgets/drawing/partials/ring.d.ts +9 -0
- package/dist/lib/components/ui/widgets/drawing/partials/svg-tree.d.ts +29 -0
- package/dist/lib/components/ui/widgets/drawing/use-exact-text.d.ts +16 -0
- package/dist/lib/draw/index.d.ts +32 -0
- package/dist/lib/draw-animate/index.d.ts +19 -0
- package/dist/lib/draw-animate/morph-drawing.d.ts +32 -0
- package/dist/lib/draw-animate/reduced-motion.d.ts +2 -0
- package/dist/lib/draw-animate/use-drawing-controls.d.ts +27 -0
- package/dist/lib/draw-animate/use-scene-morph.d.ts +15 -0
- package/dist/lib/draw-png/index.d.ts +11 -0
- package/dist/lib/draw-sketch/index.d.ts +17 -0
- package/dist/lib/draw-sketch/sketch.d.ts +19 -0
- package/dist/lib/print/components/print-drawing.d.ts +16 -0
- package/dist/lib/print/index.d.ts +2 -1
- package/dist/main.js +21 -21
- package/dist/map.js +63 -63
- package/dist/material.css +1 -1
- package/dist/pdf-reader.js +1 -1
- package/dist/print.js +123 -115
- package/dist/{public-Cde8_SN8.js → public-CBlV2XuA.js} +742 -742
- package/dist/{sortable-provider-DYlpq8lP.js → sortable-provider-BvD98s8Y.js} +19 -19
- package/dist/{use-chat-composer-BwpSgP_D.js → use-chat-composer-BhdPNmYm.js} +912 -911
- package/dist/use-shape-morph-BKA_R5P5.js +35 -0
- package/docs/README.md +1 -0
- package/docs/components/data-display.md +2 -2
- package/docs/components/rich-widgets.md +196 -0
- package/docs/guides/drawing.md +499 -0
- package/docs/guides/printing.md +47 -0
- package/docs/guides/theming.md +86 -43
- package/docs/previews/rich-widgets-drawing.webp +0 -0
- package/docs/roadmap.md +17 -0
- package/docs/troubleshooting.md +166 -2
- package/lib/components/components.css +2 -0
- package/lib/components/theme-tokens.css +84 -72
- package/lib/components/tones/tokens.css +5 -5
- package/lib/components/ui/display/chip/chip-hairline.css +1 -1
- package/lib/components/ui/layout/sidebar/sidebar-tokens.css +1 -1
- package/lib/components/ui/overlays/dialog/dialog.css +2 -2
- package/lib/components/ui/primitives/field-box/field-box-tokens.css +1 -1
- package/lib/components/ui/primitives/toggle-group/toggle-group-segmented.css +2 -2
- package/lib/components/ui/primitives/toggle-group/toggle-group-separate.css +1 -1
- package/lib/components/ui/widgets/drawing/drawing-animate.css +123 -0
- package/lib/components/ui/widgets/drawing/drawing.css +459 -0
- package/package.json +22 -2
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
|
|
2
2
|
import { t } from "./ui.utils-CAnKTCw5.js";
|
|
3
3
|
import { t as n } from "./utils-Bcd2Z3ea.js";
|
|
4
|
-
import {
|
|
5
|
-
import { A as
|
|
6
|
-
import { $ as
|
|
7
|
-
import { i as
|
|
8
|
-
import { A as
|
|
9
|
-
import { A as
|
|
4
|
+
import { n as r } from "./use-shape-morph-BKA_R5P5.js";
|
|
5
|
+
import { A as i, D as a, E as o, F as s, M as c, O as l, R as u, T as d, _ as f, a as p, b as m, g as h, h as g, k as _, m as v, o as y, p as b, t as x, v as S, w as C, y as w } from "./tooltip-tmFoTU_d.js";
|
|
6
|
+
import { $ as T, D as E, E as D, N as O, O as k, Q as A, X as ee, Z as j, c as M, d as N, et as te, f as ne, i as P, k as re, m as ie, n as F, o as ae, p as oe, t as se, u as I } from "./dropdown-menu-DiZvX4tG.js";
|
|
7
|
+
import { i as ce, n as le, t as ue } from "./in-dialog-AiwTD3DK.js";
|
|
8
|
+
import { A as de, C as fe, D as pe, E as me, O as he, S as ge, T as _e, _ as ve, b as ye, f as be, g as xe, k as Se, l as Ce, m as we, n as Te, o as Ee, r as De, s as Oe, t as ke, u as Ae, v as je, w as Me, x as Ne, y as Pe } from "./dialog-DdJ1C4BR.js";
|
|
9
|
+
import { A as Fe, C as Ie, D as Le, E as Re, O as ze, S as Be, T as Ve, _ as He, a as Ue, b as We, d as Ge, f as Ke, g as qe, h as Je, i as Ye, k as Xe, l as Ze, m as Qe, n as $e, o as et, p as tt, r as nt, s as rt, t as it, u as at, v as ot, w as st, x as ct, y as lt } from "./floating-ui.dom-KkZSW8_E.js";
|
|
10
10
|
import { a as ut, i as dt, n as ft } from "./field-blur-context-Dw9ZAgBr.js";
|
|
11
11
|
import { C as pt, D as mt, S as ht, a as gt, c as _t, d as vt, l as yt, n as bt, o as xt, s as St, u as Ct } from "./toolbar-items-DnkS3bDY.js";
|
|
12
12
|
import "./stored-language-Bb7yX5uE.js";
|
|
13
13
|
import { a as wt } from "./translator-or2y0JJB.js";
|
|
14
14
|
import { h as Tt } from "./get-CTzJAwfc.js";
|
|
15
15
|
import { t as Et } from "./isEmpty-F_g3jLf8.js";
|
|
16
|
-
import { t as
|
|
16
|
+
import { t as L } from "./use-material-translation-hLQzOjF0.js";
|
|
17
17
|
import { t as Dt } from "./spinner-D-FE_mTW.js";
|
|
18
18
|
import { i as Ot } from "./button-tones-BgZJ1tkD.js";
|
|
19
19
|
import { a as kt, n as At, o as jt, r as Mt, t as Nt } from "./button-1Fornjtn.js";
|
|
20
|
+
import { t as R } from "./icon-button-5A6Mrj6w.js";
|
|
20
21
|
import { t as Pt } from "./use-ssr-media-query-C6M5m8sf.js";
|
|
21
22
|
import { n as Ft, t as It } from "./util-4heV2LPI.js";
|
|
22
23
|
import { t as Lt } from "./useEvent-2fKq-6w8.js";
|
|
@@ -28,7 +29,7 @@ import { i as Yt, n as Xt } from "./use-slice-reducer-0r5dXnJe.js";
|
|
|
28
29
|
import { a as Zt, i as Qt } from "./escape-owner-B8k7DvFa.js";
|
|
29
30
|
import { t as $t } from "./compose-refs-DZ0iIVF-.js";
|
|
30
31
|
import { n as en, r as tn, t as nn } from "./chip-D1B1dL77.js";
|
|
31
|
-
import { n as rn, t as an } from "./icon-badge-
|
|
32
|
+
import { n as rn, t as an } from "./icon-badge-Bb5-73XP.js";
|
|
32
33
|
import { r as on } from "./use-csp-nonce-ZKs9k-ov.js";
|
|
33
34
|
import { t as sn } from "./skeleton-Bmp4gWAH.js";
|
|
34
35
|
import { H as cn, V as ln, X as un, bt as dn, it as fn, lt as pn, n as mn, t as hn, xt as gn, yt as _n } from "./dist-moutbfbd.js";
|
|
@@ -261,8 +262,8 @@ function fs({ icon: e, active: r, className: i, title: a, description: o, varian
|
|
|
261
262
|
var ps = Object.defineProperty, ms = (e, t) => ps(e, "name", {
|
|
262
263
|
value: t,
|
|
263
264
|
configurable: !0
|
|
264
|
-
}), hs = "Collapsible", [gs, _s] =
|
|
265
|
-
let { __scopeCollapsible: n, open: r, defaultOpen: i, disabled:
|
|
265
|
+
}), hs = "Collapsible", [gs, _s] = i(hs), [vs, ys] = gs(hs), bs = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ms(function(e, t) {
|
|
266
|
+
let { __scopeCollapsible: n, open: r, defaultOpen: i, disabled: o, onOpenChange: s, ...l } = e, [u, f] = a({
|
|
266
267
|
prop: r,
|
|
267
268
|
defaultProp: i ?? !1,
|
|
268
269
|
onChange: s,
|
|
@@ -270,20 +271,20 @@ var ps = Object.defineProperty, ms = (e, t) => ps(e, "name", {
|
|
|
270
271
|
});
|
|
271
272
|
return /* @__PURE__ */ G(vs, {
|
|
272
273
|
scope: n,
|
|
273
|
-
disabled:
|
|
274
|
-
contentId:
|
|
274
|
+
disabled: o,
|
|
275
|
+
contentId: d(),
|
|
275
276
|
open: u,
|
|
276
|
-
onOpenToggle: z.useCallback(() =>
|
|
277
|
-
children: /* @__PURE__ */ G(
|
|
277
|
+
onOpenToggle: z.useCallback(() => f((e) => !e), [f]),
|
|
278
|
+
children: /* @__PURE__ */ G(c.div, {
|
|
278
279
|
"data-state": Es(u),
|
|
279
|
-
"data-disabled":
|
|
280
|
-
...
|
|
280
|
+
"data-disabled": o ? "" : void 0,
|
|
281
|
+
...l,
|
|
281
282
|
ref: t
|
|
282
283
|
})
|
|
283
284
|
});
|
|
284
285
|
}, "Collapsible")), xs = "CollapsibleTrigger", Ss = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ms(function(e, t) {
|
|
285
286
|
let { __scopeCollapsible: n, ...r } = e, i = ys(xs, n);
|
|
286
|
-
return /* @__PURE__ */ G(
|
|
287
|
+
return /* @__PURE__ */ G(c.button, {
|
|
287
288
|
type: "button",
|
|
288
289
|
"aria-controls": i.open ? i.contentId : void 0,
|
|
289
290
|
"aria-expanded": i.open || !1,
|
|
@@ -292,11 +293,11 @@ var ps = Object.defineProperty, ms = (e, t) => ps(e, "name", {
|
|
|
292
293
|
disabled: i.disabled,
|
|
293
294
|
...r,
|
|
294
295
|
ref: t,
|
|
295
|
-
onClick:
|
|
296
|
+
onClick: _(e.onClick, i.onOpenToggle)
|
|
296
297
|
});
|
|
297
298
|
}, "CollapsibleTrigger")), Cs = "CollapsibleContent", ws = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ms(function(e, t) {
|
|
298
299
|
let { forceMount: n, ...r } = e, i = ys(Cs, e.__scopeCollapsible);
|
|
299
|
-
return /* @__PURE__ */ G(
|
|
300
|
+
return /* @__PURE__ */ G(o, {
|
|
300
301
|
present: n || i.open,
|
|
301
302
|
children: ({ present: e }) => /* @__PURE__ */ G(Ts, {
|
|
302
303
|
...r,
|
|
@@ -305,11 +306,11 @@ var ps = Object.defineProperty, ms = (e, t) => ps(e, "name", {
|
|
|
305
306
|
})
|
|
306
307
|
});
|
|
307
308
|
}, "CollapsibleContent")), Ts = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ms(function(e, t) {
|
|
308
|
-
let { __scopeCollapsible: n, present: r, children: i, ...a } = e, o = ys(Cs, n), [s,
|
|
309
|
+
let { __scopeCollapsible: n, present: r, children: i, ...a } = e, o = ys(Cs, n), [s, d] = z.useState(r), f = z.useRef(null), p = u(t, f), m = z.useRef(0), h = m.current, g = z.useRef(0), _ = g.current, v = o.open || s, y = z.useRef(v), b = z.useRef(void 0);
|
|
309
310
|
return z.useEffect(() => {
|
|
310
311
|
let e = requestAnimationFrame(() => y.current = !1);
|
|
311
312
|
return () => cancelAnimationFrame(e);
|
|
312
|
-
}, []),
|
|
313
|
+
}, []), l(() => {
|
|
313
314
|
let e = f.current;
|
|
314
315
|
if (e) {
|
|
315
316
|
b.current = b.current || {
|
|
@@ -317,9 +318,9 @@ var ps = Object.defineProperty, ms = (e, t) => ps(e, "name", {
|
|
|
317
318
|
animationName: e.style.animationName
|
|
318
319
|
}, e.style.transitionDuration = "0s", e.style.animationName = "none";
|
|
319
320
|
let t = e.getBoundingClientRect();
|
|
320
|
-
m.current = t.height, g.current = t.width, y.current || (e.style.transitionDuration = b.current.transitionDuration, e.style.animationName = b.current.animationName),
|
|
321
|
+
m.current = t.height, g.current = t.width, y.current || (e.style.transitionDuration = b.current.transitionDuration, e.style.animationName = b.current.animationName), d(r);
|
|
321
322
|
}
|
|
322
|
-
}, [o.open, r]), /* @__PURE__ */ G(
|
|
323
|
+
}, [o.open, r]), /* @__PURE__ */ G(c.div, {
|
|
323
324
|
"data-state": Es(o.open),
|
|
324
325
|
"data-disabled": o.disabled ? "" : void 0,
|
|
325
326
|
id: o.contentId,
|
|
@@ -360,7 +361,7 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
360
361
|
"ArrowUp",
|
|
361
362
|
"ArrowLeft",
|
|
362
363
|
"ArrowRight"
|
|
363
|
-
], [Fs, Is, Ls] =
|
|
364
|
+
], [Fs, Is, Ls] = te(Ns), [Rs, zs] = i(Ns, [Ls, _s]), Bs = _s(), Vs = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Ms(function(e, t) {
|
|
364
365
|
let { type: n, ...r } = e, i = r, a = r;
|
|
365
366
|
return /* @__PURE__ */ G(Fs.Provider, {
|
|
366
367
|
scope: e.__scopeAccordion,
|
|
@@ -373,7 +374,7 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
373
374
|
})
|
|
374
375
|
});
|
|
375
376
|
}, "Accordion")), [Hs, Us] = Rs(Ns), [Ws, Gs] = Rs(Ns, { collapsible: !1 }), Ks = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Ms(function(e, t) {
|
|
376
|
-
let { value: n, defaultValue: r, onValueChange: i = /* @__PURE__ */ Ms(() => {}, "onValueChange"), collapsible:
|
|
377
|
+
let { value: n, defaultValue: r, onValueChange: i = /* @__PURE__ */ Ms(() => {}, "onValueChange"), collapsible: o = !1, ...s } = e, [c, l] = a({
|
|
377
378
|
prop: n,
|
|
378
379
|
defaultProp: r ?? "",
|
|
379
380
|
onChange: i,
|
|
@@ -383,10 +384,10 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
383
384
|
scope: e.__scopeAccordion,
|
|
384
385
|
value: z.useMemo(() => c ? [c] : [], [c]),
|
|
385
386
|
onItemOpen: l,
|
|
386
|
-
onItemClose: z.useCallback(() =>
|
|
387
|
+
onItemClose: z.useCallback(() => o && l(""), [o, l]),
|
|
387
388
|
children: /* @__PURE__ */ G(Ws, {
|
|
388
389
|
scope: e.__scopeAccordion,
|
|
389
|
-
collapsible:
|
|
390
|
+
collapsible: o,
|
|
390
391
|
children: /* @__PURE__ */ G(Xs, {
|
|
391
392
|
...s,
|
|
392
393
|
ref: t
|
|
@@ -394,7 +395,7 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
394
395
|
})
|
|
395
396
|
});
|
|
396
397
|
}, "AccordionImplSingle")), qs = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Ms(function(e, t) {
|
|
397
|
-
let { value: n, defaultValue: r, onValueChange: i = /* @__PURE__ */ Ms(() => {}, "onValueChange"), ...
|
|
398
|
+
let { value: n, defaultValue: r, onValueChange: i = /* @__PURE__ */ Ms(() => {}, "onValueChange"), ...o } = e, [s, c] = a({
|
|
398
399
|
prop: n,
|
|
399
400
|
defaultProp: r ?? [],
|
|
400
401
|
onChange: i,
|
|
@@ -409,20 +410,20 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
409
410
|
scope: e.__scopeAccordion,
|
|
410
411
|
collapsible: !0,
|
|
411
412
|
children: /* @__PURE__ */ G(Xs, {
|
|
412
|
-
...
|
|
413
|
+
...o,
|
|
413
414
|
ref: t
|
|
414
415
|
})
|
|
415
416
|
})
|
|
416
417
|
});
|
|
417
418
|
}, "AccordionImplMultiple")), [Js, Ys] = Rs(Ns), Xs = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Ms(function(e, t) {
|
|
418
|
-
let { __scopeAccordion: n, disabled: r, dir: i, orientation: a = "vertical", ...o } = e, s =
|
|
419
|
+
let { __scopeAccordion: n, disabled: r, dir: i, orientation: a = "vertical", ...o } = e, s = u(z.useRef(null), t), l = Is(n), d = T(i) === "ltr", f = _(e.onKeyDown, (e) => {
|
|
419
420
|
if (!Ps.includes(e.key)) return;
|
|
420
|
-
let t = e.target, n =
|
|
421
|
+
let t = e.target, n = l().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
|
|
421
422
|
if (r === -1) return;
|
|
422
423
|
e.preventDefault();
|
|
423
|
-
let o = r, s = i - 1,
|
|
424
|
+
let o = r, s = i - 1, c = /* @__PURE__ */ Ms(() => {
|
|
424
425
|
o = r + 1, o > s && (o = 0);
|
|
425
|
-
}, "moveNext"),
|
|
426
|
+
}, "moveNext"), u = /* @__PURE__ */ Ms(() => {
|
|
426
427
|
o = r - 1, o < 0 && (o = s);
|
|
427
428
|
}, "movePrev");
|
|
428
429
|
switch (e.key) {
|
|
@@ -433,16 +434,16 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
433
434
|
o = s;
|
|
434
435
|
break;
|
|
435
436
|
case "ArrowRight":
|
|
436
|
-
a === "horizontal" && (
|
|
437
|
+
a === "horizontal" && (d ? c() : u());
|
|
437
438
|
break;
|
|
438
439
|
case "ArrowDown":
|
|
439
|
-
a === "vertical" &&
|
|
440
|
+
a === "vertical" && c();
|
|
440
441
|
break;
|
|
441
442
|
case "ArrowLeft":
|
|
442
|
-
a === "horizontal" && (
|
|
443
|
+
a === "horizontal" && (d ? u() : c());
|
|
443
444
|
break;
|
|
444
445
|
case "ArrowUp":
|
|
445
|
-
a === "vertical" &&
|
|
446
|
+
a === "vertical" && u();
|
|
446
447
|
break;
|
|
447
448
|
}
|
|
448
449
|
n[o % i].ref.current?.focus();
|
|
@@ -454,7 +455,7 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
454
455
|
orientation: a,
|
|
455
456
|
children: /* @__PURE__ */ G(Fs.Slot, {
|
|
456
457
|
scope: n,
|
|
457
|
-
children: /* @__PURE__ */ G(
|
|
458
|
+
children: /* @__PURE__ */ G(c.div, {
|
|
458
459
|
...o,
|
|
459
460
|
"data-orientation": a,
|
|
460
461
|
ref: s,
|
|
@@ -463,7 +464,7 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
463
464
|
})
|
|
464
465
|
});
|
|
465
466
|
}, "AccordionImpl")), Zs = "AccordionItem", [Qs, $s] = Rs(Zs), ec = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Ms(function(e, t) {
|
|
466
|
-
let { __scopeAccordion: n, value: r, ...i } = e, a = Ys(Zs, n), o = Us(Zs, n), s = Bs(n), c =
|
|
467
|
+
let { __scopeAccordion: n, value: r, ...i } = e, a = Ys(Zs, n), o = Us(Zs, n), s = Bs(n), c = d(), l = r && o.value.includes(r) || !1, u = a.disabled || e.disabled;
|
|
467
468
|
return /* @__PURE__ */ G(Qs, {
|
|
468
469
|
scope: n,
|
|
469
470
|
open: l,
|
|
@@ -484,7 +485,7 @@ var Ds = bs, Os = Ss, ks = ws, As = /* @__PURE__ */ e({
|
|
|
484
485
|
});
|
|
485
486
|
}, "AccordionItem")), tc = "AccordionHeader", nc = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Ms(function(e, t) {
|
|
486
487
|
let { __scopeAccordion: n, ...r } = e, i = Ys(Ns, n), a = $s(tc, n);
|
|
487
|
-
return /* @__PURE__ */ G(
|
|
488
|
+
return /* @__PURE__ */ G(c.h3, {
|
|
488
489
|
"data-orientation": i.orientation,
|
|
489
490
|
"data-state": sc(a.open),
|
|
490
491
|
"data-disabled": a.disabled ? "" : void 0,
|
|
@@ -547,44 +548,44 @@ var cc = Vs, lc = ec, uc = nc, dc = ic, fc = oc, pc = /* @__PURE__ */ e({
|
|
|
547
548
|
}), mc = Object.defineProperty, hc = (e, t) => mc(e, "name", {
|
|
548
549
|
value: t,
|
|
549
550
|
configurable: !0
|
|
550
|
-
}), [gc, _c] =
|
|
551
|
+
}), [gc, _c] = i("AlertDialog", [de]), vc = de(), yc = /* @__PURE__ */ hc((e) => {
|
|
551
552
|
let { __scopeAlertDialog: t, ...n } = e;
|
|
552
|
-
return /* @__PURE__ */ G(
|
|
553
|
+
return /* @__PURE__ */ G(ge, {
|
|
553
554
|
...vc(t),
|
|
554
555
|
...n,
|
|
555
556
|
modal: !0
|
|
556
557
|
});
|
|
557
558
|
}, "AlertDialog"), bc = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
558
559
|
let { __scopeAlertDialog: n, ...r } = e;
|
|
559
|
-
return /* @__PURE__ */ G(
|
|
560
|
+
return /* @__PURE__ */ G(Se, {
|
|
560
561
|
...vc(n),
|
|
561
562
|
...r,
|
|
562
563
|
ref: t
|
|
563
564
|
});
|
|
564
565
|
}, "AlertDialogTrigger")), xc = /* @__PURE__ */ hc((e) => {
|
|
565
566
|
let { __scopeAlertDialog: t, ...n } = e;
|
|
566
|
-
return /* @__PURE__ */ G(
|
|
567
|
+
return /* @__PURE__ */ G(pe, {
|
|
567
568
|
...vc(t),
|
|
568
569
|
...n
|
|
569
570
|
});
|
|
570
571
|
}, "AlertDialogPortal"), Sc = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
571
572
|
let { __scopeAlertDialog: n, ...r } = e;
|
|
572
|
-
return /* @__PURE__ */ G(
|
|
573
|
+
return /* @__PURE__ */ G(me, {
|
|
573
574
|
...vc(n),
|
|
574
575
|
...r,
|
|
575
576
|
ref: t
|
|
576
577
|
});
|
|
577
578
|
}, "AlertDialogOverlay")), [Cc, wc] = gc("AlertDialogContent"), Tc = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
578
|
-
let { __scopeAlertDialog: n, children: r, ...i } = e, a = vc(n), o =
|
|
579
|
+
let { __scopeAlertDialog: n, children: r, ...i } = e, a = vc(n), o = u(t, z.useRef(null)), s = z.useRef(null);
|
|
579
580
|
return /* @__PURE__ */ G(Cc, {
|
|
580
581
|
scope: n,
|
|
581
582
|
cancelRef: s,
|
|
582
|
-
children: /* @__PURE__ */ G(
|
|
583
|
+
children: /* @__PURE__ */ G(Me, {
|
|
583
584
|
role: "alertdialog",
|
|
584
585
|
...a,
|
|
585
586
|
...i,
|
|
586
587
|
ref: o,
|
|
587
|
-
onOpenAutoFocus:
|
|
588
|
+
onOpenAutoFocus: _(i.onOpenAutoFocus, (e) => {
|
|
588
589
|
e.preventDefault(), s.current?.focus({ preventScroll: !0 });
|
|
589
590
|
}),
|
|
590
591
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
@@ -594,28 +595,28 @@ var cc = Vs, lc = ec, uc = nc, dc = ic, fc = oc, pc = /* @__PURE__ */ e({
|
|
|
594
595
|
});
|
|
595
596
|
}, "AlertDialogContent")), Ec = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
596
597
|
let { __scopeAlertDialog: n, ...r } = e;
|
|
597
|
-
return /* @__PURE__ */ G(
|
|
598
|
+
return /* @__PURE__ */ G(he, {
|
|
598
599
|
...vc(n),
|
|
599
600
|
...r,
|
|
600
601
|
ref: t
|
|
601
602
|
});
|
|
602
603
|
}, "AlertDialogTitle")), Dc = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
603
604
|
let { __scopeAlertDialog: n, ...r } = e;
|
|
604
|
-
return /* @__PURE__ */ G(
|
|
605
|
+
return /* @__PURE__ */ G(_e, {
|
|
605
606
|
...vc(n),
|
|
606
607
|
...r,
|
|
607
608
|
ref: t
|
|
608
609
|
});
|
|
609
610
|
}, "AlertDialogDescription")), Oc = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
610
611
|
let { __scopeAlertDialog: n, ...r } = e;
|
|
611
|
-
return /* @__PURE__ */ G(
|
|
612
|
+
return /* @__PURE__ */ G(fe, {
|
|
612
613
|
...vc(n),
|
|
613
614
|
...r,
|
|
614
615
|
ref: t
|
|
615
616
|
});
|
|
616
617
|
}, "AlertDialogAction")), kc = "AlertDialogCancel", Ac = z.forwardRef(/* @__PURE__ */ hc(function(e, t) {
|
|
617
|
-
let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = wc(kc, n), a = vc(n), o =
|
|
618
|
-
return /* @__PURE__ */ G(
|
|
618
|
+
let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = wc(kc, n), a = vc(n), o = u(t, i);
|
|
619
|
+
return /* @__PURE__ */ G(fe, {
|
|
619
620
|
...a,
|
|
620
621
|
...r,
|
|
621
622
|
ref: o
|
|
@@ -623,7 +624,7 @@ var cc = Vs, lc = ec, uc = nc, dc = ic, fc = oc, pc = /* @__PURE__ */ e({
|
|
|
623
624
|
}, "AlertDialogCancel")), jc = yc, Mc = bc, Nc = xc, Pc = Sc, Fc = Tc, Ic = Oc, Lc = Ac, Rc = Ec, zc = Dc, Bc = Object.defineProperty, Vc = (e, t) => Bc(e, "name", {
|
|
624
625
|
value: t,
|
|
625
626
|
configurable: !0
|
|
626
|
-
}), Hc = "Avatar", [Uc, Wc] =
|
|
627
|
+
}), Hc = "Avatar", [Uc, Wc] = i(Hc), Gc = [0, () => void 0], [Kc, qc] = Uc(Hc), Jc = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Vc(function(e, t) {
|
|
627
628
|
let { __scopeAvatar: n, ...r } = e, [i, a] = z.useState("idle"), [o, s] = tl();
|
|
628
629
|
return /* @__PURE__ */ G(Kc, {
|
|
629
630
|
scope: n,
|
|
@@ -631,7 +632,7 @@ var cc = Vs, lc = ec, uc = nc, dc = ic, fc = oc, pc = /* @__PURE__ */ e({
|
|
|
631
632
|
setImageLoadingStatus: a,
|
|
632
633
|
imageCount: o,
|
|
633
634
|
setImageCount: s,
|
|
634
|
-
children: /* @__PURE__ */ G(
|
|
635
|
+
children: /* @__PURE__ */ G(c.span, {
|
|
635
636
|
...r,
|
|
636
637
|
ref: t
|
|
637
638
|
})
|
|
@@ -644,13 +645,13 @@ var cc = Vs, lc = ec, uc = nc, dc = ic, fc = oc, pc = /* @__PURE__ */ e({
|
|
|
644
645
|
crossOrigin: a.crossOrigin,
|
|
645
646
|
loadingStatus: o.imageLoadingStatus,
|
|
646
647
|
setLoadingStatus: o.setImageLoadingStatus
|
|
647
|
-
}),
|
|
648
|
+
}), u = C((e) => {
|
|
648
649
|
i?.(e);
|
|
649
650
|
}), d = z.useRef(s);
|
|
650
|
-
return
|
|
651
|
+
return l(() => {
|
|
651
652
|
let e = d.current;
|
|
652
|
-
d.current = s, s !== e &&
|
|
653
|
-
}, [s,
|
|
653
|
+
d.current = s, s !== e && u(s);
|
|
654
|
+
}, [s, u]), s === "loaded" ? /* @__PURE__ */ G(c.img, {
|
|
654
655
|
...a,
|
|
655
656
|
ref: t,
|
|
656
657
|
src: r
|
|
@@ -662,13 +663,13 @@ var cc = Vs, lc = ec, uc = nc, dc = ic, fc = oc, pc = /* @__PURE__ */ e({
|
|
|
662
663
|
let e = window.setTimeout(() => s(!0), r);
|
|
663
664
|
return () => window.clearTimeout(e);
|
|
664
665
|
}
|
|
665
|
-
}, [r]), o && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ G(
|
|
666
|
+
}, [r]), o && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ G(c.span, {
|
|
666
667
|
...i,
|
|
667
668
|
ref: t
|
|
668
669
|
}) : null;
|
|
669
670
|
}, "AvatarFallback"));
|
|
670
671
|
function $c(e, { loadingStatus: t, setLoadingStatus: n, referrerPolicy: r, crossOrigin: i }) {
|
|
671
|
-
return
|
|
672
|
+
return l(() => {
|
|
672
673
|
if (!e) {
|
|
673
674
|
n("error");
|
|
674
675
|
return;
|
|
@@ -703,16 +704,16 @@ Vc(nl, "useUpdateImageCount");
|
|
|
703
704
|
var rl = Object.defineProperty, il = (e, t) => rl(e, "name", {
|
|
704
705
|
value: t,
|
|
705
706
|
configurable: !0
|
|
706
|
-
}), al = "Checkbox", [ol, sl] =
|
|
707
|
+
}), al = "Checkbox", [ol, sl] = i(al), [cl, ll] = ol(al);
|
|
707
708
|
function ul(e) {
|
|
708
|
-
let { __scopeCheckbox: t, checked: n, children: r, defaultChecked: i, disabled:
|
|
709
|
+
let { __scopeCheckbox: t, checked: n, children: r, defaultChecked: i, disabled: o, form: s, name: c, onCheckedChange: l, required: u, value: d = "on", internal_do_not_use_render: f } = e, [p, m] = a({
|
|
709
710
|
prop: n,
|
|
710
711
|
defaultProp: i ?? !1,
|
|
711
712
|
onChange: l,
|
|
712
713
|
caller: al
|
|
713
714
|
}), [h, g] = z.useState(null), [_, v] = z.useState(null), y = z.useRef(!1), [b, x] = z.useReducer((e) => e + 1, 0), S = !h || !!s || !!h.closest("form"), C = {
|
|
714
715
|
checked: p,
|
|
715
|
-
disabled:
|
|
716
|
+
disabled: o,
|
|
716
717
|
setChecked: m,
|
|
717
718
|
control: h,
|
|
718
719
|
setControl: g,
|
|
@@ -736,35 +737,35 @@ function ul(e) {
|
|
|
736
737
|
}
|
|
737
738
|
il(ul, "CheckboxProvider");
|
|
738
739
|
var dl = "CheckboxTrigger", fl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ il(function({ __scopeCheckbox: e, onKeyDown: t, onClick: n, ...r }, i) {
|
|
739
|
-
let { control: a, value: o, disabled: s, checked:
|
|
740
|
+
let { control: a, value: o, disabled: s, checked: l, required: d, setControl: f, setChecked: p, hasConsumerStoppedPropagationRef: m, onUserInteraction: h, isFormControl: g, bubbleInput: v } = ll(dl, e), y = u(i, f), b = z.useRef(l);
|
|
740
741
|
return z.useEffect(() => {
|
|
741
742
|
let e = a?.form;
|
|
742
743
|
if (e) {
|
|
743
744
|
let t = /* @__PURE__ */ il(() => p(b.current), "reset");
|
|
744
745
|
return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
|
|
745
746
|
}
|
|
746
|
-
}, [a, p]), /* @__PURE__ */ G(
|
|
747
|
+
}, [a, p]), /* @__PURE__ */ G(c.button, {
|
|
747
748
|
type: "button",
|
|
748
749
|
role: "checkbox",
|
|
749
|
-
"aria-checked": gl(
|
|
750
|
-
"aria-required":
|
|
751
|
-
"data-state": _l(
|
|
750
|
+
"aria-checked": gl(l) ? "mixed" : l,
|
|
751
|
+
"aria-required": d,
|
|
752
|
+
"data-state": _l(l),
|
|
752
753
|
"data-disabled": s ? "" : void 0,
|
|
753
754
|
disabled: s,
|
|
754
755
|
value: o,
|
|
755
756
|
...r,
|
|
756
757
|
ref: y,
|
|
757
|
-
onKeyDown:
|
|
758
|
+
onKeyDown: _(t, (e) => {
|
|
758
759
|
e.key === "Enter" && e.preventDefault();
|
|
759
760
|
}),
|
|
760
|
-
onClick:
|
|
761
|
-
h(), p((e) => gl(e) ? !0 : !e),
|
|
761
|
+
onClick: _(n, (e) => {
|
|
762
|
+
h(), p((e) => gl(e) ? !0 : !e), v && g && (m.current = e.isPropagationStopped(), m.current || e.stopPropagation());
|
|
762
763
|
})
|
|
763
764
|
});
|
|
764
765
|
}, "CheckboxTrigger")), pl = "CheckboxBubbleInput", ml = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ il(function({ __scopeCheckbox: e, onClick: t, ...n }, r) {
|
|
765
|
-
let { control: i, hasConsumerStoppedPropagationRef: a, userInteractionCount: o, checked: s, defaultChecked:
|
|
766
|
+
let { control: i, hasConsumerStoppedPropagationRef: a, userInteractionCount: o, checked: s, defaultChecked: l, required: d, disabled: f, name: p, value: h, form: g, bubbleInput: v, setBubbleInput: y } = ll(pl, e), b = u(r, y), x = m(i), S = z.useRef(!1), C = z.useRef(s), w = z.useRef(o);
|
|
766
767
|
z.useEffect(() => {
|
|
767
|
-
let e =
|
|
768
|
+
let e = v;
|
|
768
769
|
if (!e) return;
|
|
769
770
|
let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set, r = o !== w.current;
|
|
770
771
|
w.current = o;
|
|
@@ -777,25 +778,25 @@ var dl = "CheckboxTrigger", fl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ il
|
|
|
777
778
|
e.indeterminate = gl(s), n.call(e, !gl(s) && s), e.dispatchEvent(t), S.current = !1;
|
|
778
779
|
}
|
|
779
780
|
}, [
|
|
780
|
-
|
|
781
|
+
v,
|
|
781
782
|
s,
|
|
782
783
|
a,
|
|
783
784
|
o
|
|
784
785
|
]);
|
|
785
786
|
let T = z.useRef(!gl(s) && s);
|
|
786
|
-
return /* @__PURE__ */ G(
|
|
787
|
+
return /* @__PURE__ */ G(c.input, {
|
|
787
788
|
type: "checkbox",
|
|
788
789
|
"aria-hidden": !0,
|
|
789
|
-
defaultChecked:
|
|
790
|
-
required:
|
|
790
|
+
defaultChecked: l ?? T.current,
|
|
791
|
+
required: d,
|
|
791
792
|
disabled: f,
|
|
792
793
|
name: p,
|
|
793
|
-
value:
|
|
794
|
+
value: h,
|
|
794
795
|
form: g,
|
|
795
796
|
...n,
|
|
796
797
|
tabIndex: -1,
|
|
797
798
|
ref: b,
|
|
798
|
-
onClick:
|
|
799
|
+
onClick: _(t, (e) => {
|
|
799
800
|
S.current && e.stopPropagation();
|
|
800
801
|
}),
|
|
801
802
|
style: {
|
|
@@ -826,7 +827,7 @@ il(_l, "getState");
|
|
|
826
827
|
var vl = Object.defineProperty, yl = (e, t) => vl(e, "name", {
|
|
827
828
|
value: t,
|
|
828
829
|
configurable: !0
|
|
829
|
-
}), bl = "Radio", [xl, Sl] =
|
|
830
|
+
}), bl = "Radio", [xl, Sl] = i(bl), [Cl, wl] = xl(bl);
|
|
830
831
|
function Tl(e) {
|
|
831
832
|
let { __scopeRadio: t, checked: n = !1, children: r, disabled: i, form: a, name: o, onCheck: s, required: c, value: l = "on", internal_do_not_use_render: u } = e, [d, f] = z.useState(null), [p, m] = z.useState(null), h = z.useRef(!1), [g, _] = z.useReducer((e) => e + 1, 0), v = {
|
|
832
833
|
checked: n,
|
|
@@ -853,8 +854,8 @@ function Tl(e) {
|
|
|
853
854
|
}
|
|
854
855
|
yl(Tl, "RadioProvider");
|
|
855
856
|
var El = "RadioTrigger", Dl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(function({ __scopeRadio: e, onClick: t, ...n }, r) {
|
|
856
|
-
let { checked: i, disabled: a, value: o, setControl: s, onCheck:
|
|
857
|
-
return /* @__PURE__ */ G(
|
|
857
|
+
let { checked: i, disabled: a, value: o, setControl: s, onCheck: l, hasConsumerStoppedPropagationRef: d, onUserInteraction: f, isFormControl: p, bubbleInput: m } = wl(El, e), h = u(r, s);
|
|
858
|
+
return /* @__PURE__ */ G(c.button, {
|
|
858
859
|
type: "button",
|
|
859
860
|
role: "radio",
|
|
860
861
|
"aria-checked": i,
|
|
@@ -864,17 +865,17 @@ var El = "RadioTrigger", Dl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(fu
|
|
|
864
865
|
value: o,
|
|
865
866
|
...n,
|
|
866
867
|
ref: h,
|
|
867
|
-
onClick:
|
|
868
|
-
i || (f(),
|
|
868
|
+
onClick: _(t, (e) => {
|
|
869
|
+
i || (f(), l()), m && p && (d.current = e.isPropagationStopped(), d.current || e.stopPropagation());
|
|
869
870
|
})
|
|
870
871
|
});
|
|
871
872
|
}, "RadioTrigger")), Ol = "RadioBubbleInput", kl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(function({ __scopeRadio: e, onClick: t, ...n }, r) {
|
|
872
|
-
let { control: i, checked: a, required: o, disabled: s, name:
|
|
873
|
+
let { control: i, checked: a, required: o, disabled: s, name: l, value: d, form: f, bubbleInput: p, setBubbleInput: h, hasConsumerStoppedPropagationRef: g, userInteractionCount: v } = wl(Ol, e), y = u(r, h), b = m(i), x = z.useRef(!1), S = z.useRef(a), C = z.useRef(v);
|
|
873
874
|
z.useEffect(() => {
|
|
874
875
|
let e = p;
|
|
875
876
|
if (!e) return;
|
|
876
|
-
let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set, r =
|
|
877
|
-
C.current =
|
|
877
|
+
let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set, r = v !== C.current;
|
|
878
|
+
C.current = v;
|
|
878
879
|
let i = S.current !== a;
|
|
879
880
|
S.current = a;
|
|
880
881
|
let o = !(r && g.current);
|
|
@@ -887,22 +888,22 @@ var El = "RadioTrigger", Dl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(fu
|
|
|
887
888
|
p,
|
|
888
889
|
a,
|
|
889
890
|
g,
|
|
890
|
-
|
|
891
|
+
v
|
|
891
892
|
]);
|
|
892
893
|
let w = z.useRef(a);
|
|
893
|
-
return /* @__PURE__ */ G(
|
|
894
|
+
return /* @__PURE__ */ G(c.input, {
|
|
894
895
|
type: "radio",
|
|
895
896
|
"aria-hidden": !0,
|
|
896
897
|
defaultChecked: w.current,
|
|
897
898
|
required: o,
|
|
898
899
|
disabled: s,
|
|
899
|
-
name:
|
|
900
|
-
value:
|
|
900
|
+
name: l,
|
|
901
|
+
value: d,
|
|
901
902
|
form: f,
|
|
902
903
|
...n,
|
|
903
904
|
tabIndex: -1,
|
|
904
905
|
ref: y,
|
|
905
|
-
onClick:
|
|
906
|
+
onClick: _(t, (e) => {
|
|
906
907
|
x.current && e.stopPropagation();
|
|
907
908
|
}),
|
|
908
909
|
style: {
|
|
@@ -929,13 +930,13 @@ var Ml = [
|
|
|
929
930
|
"ArrowDown",
|
|
930
931
|
"ArrowLeft",
|
|
931
932
|
"ArrowRight"
|
|
932
|
-
], Nl = "RadioGroup", [Pl, Fl] =
|
|
933
|
-
let { __scopeRadioGroup: n, name: r, form: i, defaultValue:
|
|
933
|
+
], Nl = "RadioGroup", [Pl, Fl] = i(Nl, [A, Sl]), Il = A(), Ll = Sl(), [Rl, zl] = Pl(Nl), Bl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(function(e, t) {
|
|
934
|
+
let { __scopeRadioGroup: n, name: r, form: i, defaultValue: o, value: s, required: l = !1, disabled: d = !1, orientation: f, dir: p, loop: m = !0, onValueChange: h, ...g } = e, _ = Il(n), v = T(p), [y, b] = a({
|
|
934
935
|
prop: s,
|
|
935
|
-
defaultProp:
|
|
936
|
+
defaultProp: o ?? null,
|
|
936
937
|
onChange: h,
|
|
937
938
|
caller: Nl
|
|
938
|
-
}), [x, S] = z.useState(null), C =
|
|
939
|
+
}), [x, S] = z.useState(null), C = u(t, S), w = z.useRef(y);
|
|
939
940
|
return z.useEffect(() => {
|
|
940
941
|
let e = i ? x?.ownerDocument.getElementById(i) : x?.closest("form");
|
|
941
942
|
if (e instanceof HTMLFormElement) {
|
|
@@ -950,21 +951,21 @@ var Ml = [
|
|
|
950
951
|
scope: n,
|
|
951
952
|
name: r,
|
|
952
953
|
form: i,
|
|
953
|
-
required:
|
|
954
|
-
disabled:
|
|
954
|
+
required: l,
|
|
955
|
+
disabled: d,
|
|
955
956
|
value: y,
|
|
956
957
|
onValueChange: b,
|
|
957
|
-
children: /* @__PURE__ */ G(
|
|
958
|
+
children: /* @__PURE__ */ G(j, {
|
|
958
959
|
asChild: !0,
|
|
959
960
|
..._,
|
|
960
961
|
orientation: f,
|
|
961
962
|
dir: v,
|
|
962
963
|
loop: m,
|
|
963
|
-
children: /* @__PURE__ */ G(
|
|
964
|
+
children: /* @__PURE__ */ G(c.div, {
|
|
964
965
|
role: "radiogroup",
|
|
965
|
-
"aria-required":
|
|
966
|
+
"aria-required": l,
|
|
966
967
|
"aria-orientation": f,
|
|
967
|
-
"data-disabled":
|
|
968
|
+
"data-disabled": d ? "" : void 0,
|
|
968
969
|
dir: v,
|
|
969
970
|
...g,
|
|
970
971
|
ref: C
|
|
@@ -989,15 +990,15 @@ function Ul(e) {
|
|
|
989
990
|
}
|
|
990
991
|
yl(Ul, "RadioGroupItemProvider");
|
|
991
992
|
var Wl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(function(e, t) {
|
|
992
|
-
let { __scopeRadioGroup: n, ...r } = e, i = Il(n), a = Ll(n), { checked: o, disabled: s } = wl(Hl, a.__scopeRadio), c = z.useRef(null), l =
|
|
993
|
+
let { __scopeRadioGroup: n, ...r } = e, i = Il(n), a = Ll(n), { checked: o, disabled: s } = wl(Hl, a.__scopeRadio), c = z.useRef(null), l = u(t, c), d = z.useRef(!1);
|
|
993
994
|
return z.useEffect(() => {
|
|
994
995
|
let e = /* @__PURE__ */ yl((e) => {
|
|
995
|
-
Ml.includes(e.key) && (
|
|
996
|
-
}, "handleKeyDown"), t = /* @__PURE__ */ yl(() =>
|
|
996
|
+
Ml.includes(e.key) && (d.current = !0);
|
|
997
|
+
}, "handleKeyDown"), t = /* @__PURE__ */ yl(() => d.current = !1, "handleKeyUp");
|
|
997
998
|
return document.addEventListener("keydown", e), document.addEventListener("keyup", t), () => {
|
|
998
999
|
document.removeEventListener("keydown", e), document.removeEventListener("keyup", t);
|
|
999
1000
|
};
|
|
1000
|
-
}, []), /* @__PURE__ */ G(
|
|
1001
|
+
}, []), /* @__PURE__ */ G(ee, {
|
|
1001
1002
|
asChild: !0,
|
|
1002
1003
|
...i,
|
|
1003
1004
|
focusable: !s,
|
|
@@ -1006,11 +1007,11 @@ var Wl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(function(e, t) {
|
|
|
1006
1007
|
...a,
|
|
1007
1008
|
...r,
|
|
1008
1009
|
ref: l,
|
|
1009
|
-
onKeyDown:
|
|
1010
|
+
onKeyDown: _(r.onKeyDown, (e) => {
|
|
1010
1011
|
e.key === "Enter" && e.preventDefault();
|
|
1011
1012
|
}),
|
|
1012
|
-
onFocus:
|
|
1013
|
-
|
|
1013
|
+
onFocus: _(r.onFocus, () => {
|
|
1014
|
+
d.current && c.current?.click();
|
|
1014
1015
|
})
|
|
1015
1016
|
})
|
|
1016
1017
|
});
|
|
@@ -1024,9 +1025,9 @@ var Wl = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ yl(function(e, t) {
|
|
|
1024
1025
|
}, "RadioGroupItemBubbleInput")), Kl = Object.defineProperty, ql = (e, t) => Kl(e, "name", {
|
|
1025
1026
|
value: t,
|
|
1026
1027
|
configurable: !0
|
|
1027
|
-
}), Jl = "Switch", [Yl, Xl] =
|
|
1028
|
+
}), Jl = "Switch", [Yl, Xl] = i(Jl), [Zl, Ql] = Yl(Jl);
|
|
1028
1029
|
function $l(e) {
|
|
1029
|
-
let { __scopeSwitch: t, checked: n, children: r, defaultChecked: i, disabled:
|
|
1030
|
+
let { __scopeSwitch: t, checked: n, children: r, defaultChecked: i, disabled: o, form: s, name: c, onCheckedChange: l, required: u, value: d = "on", internal_do_not_use_render: f } = e, [p, m] = a({
|
|
1030
1031
|
prop: n,
|
|
1031
1032
|
defaultProp: i ?? !1,
|
|
1032
1033
|
onChange: l,
|
|
@@ -1034,7 +1035,7 @@ function $l(e) {
|
|
|
1034
1035
|
}), [h, g] = z.useState(null), [_, v] = z.useState(null), y = z.useRef(!1), [b, x] = z.useReducer((e) => e + 1, 0), S = {
|
|
1035
1036
|
checked: p,
|
|
1036
1037
|
setChecked: m,
|
|
1037
|
-
disabled:
|
|
1038
|
+
disabled: o,
|
|
1038
1039
|
control: h,
|
|
1039
1040
|
setControl: g,
|
|
1040
1041
|
name: c,
|
|
@@ -1057,7 +1058,7 @@ function $l(e) {
|
|
|
1057
1058
|
}
|
|
1058
1059
|
ql($l, "SwitchProvider");
|
|
1059
1060
|
var eu = "SwitchTrigger", tu = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ql(function({ __scopeSwitch: e, onClick: t, ...n }, r) {
|
|
1060
|
-
let { control: i, form: a, value: o, disabled: s, checked:
|
|
1061
|
+
let { control: i, form: a, value: o, disabled: s, checked: l, required: d, setControl: f, setChecked: p, hasConsumerStoppedPropagationRef: m, onUserInteraction: h, isFormControl: g, bubbleInput: v } = Ql(eu, e), y = u(r, f), b = z.useRef(l);
|
|
1061
1062
|
return z.useEffect(() => {
|
|
1062
1063
|
let e = a ? i?.ownerDocument.getElementById(a) : i?.form;
|
|
1063
1064
|
if (e instanceof HTMLFormElement) {
|
|
@@ -1068,33 +1069,33 @@ var eu = "SwitchTrigger", tu = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ql(f
|
|
|
1068
1069
|
i,
|
|
1069
1070
|
a,
|
|
1070
1071
|
p
|
|
1071
|
-
]), /* @__PURE__ */ G(
|
|
1072
|
+
]), /* @__PURE__ */ G(c.button, {
|
|
1072
1073
|
type: "button",
|
|
1073
1074
|
role: "switch",
|
|
1074
|
-
"aria-checked":
|
|
1075
|
-
"aria-required":
|
|
1076
|
-
"data-state": su(
|
|
1075
|
+
"aria-checked": l,
|
|
1076
|
+
"aria-required": d,
|
|
1077
|
+
"data-state": su(l),
|
|
1077
1078
|
"data-disabled": s ? "" : void 0,
|
|
1078
1079
|
disabled: s,
|
|
1079
1080
|
value: o,
|
|
1080
1081
|
...n,
|
|
1081
1082
|
ref: y,
|
|
1082
|
-
onClick:
|
|
1083
|
-
h(), p((e) => !e),
|
|
1083
|
+
onClick: _(t, (e) => {
|
|
1084
|
+
h(), p((e) => !e), v && g && (m.current = e.isPropagationStopped(), m.current || e.stopPropagation());
|
|
1084
1085
|
})
|
|
1085
1086
|
});
|
|
1086
1087
|
}, "SwitchTrigger")), nu = "SwitchThumb", ru = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ql(function(e, t) {
|
|
1087
1088
|
let { __scopeSwitch: n, ...r } = e, i = Ql(nu, n);
|
|
1088
|
-
return /* @__PURE__ */ G(
|
|
1089
|
+
return /* @__PURE__ */ G(c.span, {
|
|
1089
1090
|
"data-state": su(i.checked),
|
|
1090
1091
|
"data-disabled": i.disabled ? "" : void 0,
|
|
1091
1092
|
...r,
|
|
1092
1093
|
ref: t
|
|
1093
1094
|
});
|
|
1094
1095
|
}, "SwitchThumb")), iu = "SwitchBubbleInput", au = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ql(function({ __scopeSwitch: e, onClick: t, ...n }, r) {
|
|
1095
|
-
let { control: i, hasConsumerStoppedPropagationRef: a, userInteractionCount: o, checked: s, defaultChecked:
|
|
1096
|
+
let { control: i, hasConsumerStoppedPropagationRef: a, userInteractionCount: o, checked: s, defaultChecked: l, required: d, disabled: f, name: p, value: h, form: g, bubbleInput: v, setBubbleInput: y } = Ql(iu, e), b = u(r, y), x = m(i), S = z.useRef(!1), C = z.useRef(s), w = z.useRef(o);
|
|
1096
1097
|
z.useEffect(() => {
|
|
1097
|
-
let e =
|
|
1098
|
+
let e = v;
|
|
1098
1099
|
if (!e) return;
|
|
1099
1100
|
let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set, r = o !== w.current;
|
|
1100
1101
|
w.current = o;
|
|
@@ -1107,25 +1108,25 @@ var eu = "SwitchTrigger", tu = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ ql(f
|
|
|
1107
1108
|
n.call(e, s), e.dispatchEvent(t), S.current = !1;
|
|
1108
1109
|
}
|
|
1109
1110
|
}, [
|
|
1110
|
-
|
|
1111
|
+
v,
|
|
1111
1112
|
s,
|
|
1112
1113
|
a,
|
|
1113
1114
|
o
|
|
1114
1115
|
]);
|
|
1115
1116
|
let T = z.useRef(s);
|
|
1116
|
-
return /* @__PURE__ */ G(
|
|
1117
|
+
return /* @__PURE__ */ G(c.input, {
|
|
1117
1118
|
type: "checkbox",
|
|
1118
1119
|
"aria-hidden": !0,
|
|
1119
|
-
defaultChecked:
|
|
1120
|
-
required:
|
|
1120
|
+
defaultChecked: l ?? T.current,
|
|
1121
|
+
required: d,
|
|
1121
1122
|
disabled: f,
|
|
1122
1123
|
name: p,
|
|
1123
|
-
value:
|
|
1124
|
+
value: h,
|
|
1124
1125
|
form: g,
|
|
1125
1126
|
...n,
|
|
1126
1127
|
tabIndex: -1,
|
|
1127
1128
|
ref: b,
|
|
1128
|
-
onClick:
|
|
1129
|
+
onClick: _(t, (e) => {
|
|
1129
1130
|
S.current && e.stopPropagation();
|
|
1130
1131
|
}),
|
|
1131
1132
|
style: {
|
|
@@ -1152,37 +1153,37 @@ ql(su, "getState");
|
|
|
1152
1153
|
var cu = Object.defineProperty, lu = (e, t) => cu(e, "name", {
|
|
1153
1154
|
value: t,
|
|
1154
1155
|
configurable: !0
|
|
1155
|
-
}), uu = "Tabs", [du, fu] =
|
|
1156
|
-
let { __scopeTabs: n, value: r, onValueChange: i, defaultValue:
|
|
1156
|
+
}), uu = "Tabs", [du, fu] = i(uu, [A]), pu = A(), [mu, hu] = du(uu), gu = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ lu(function(e, t) {
|
|
1157
|
+
let { __scopeTabs: n, value: r, onValueChange: i, defaultValue: o, orientation: s = "horizontal", dir: l, activationMode: u = "automatic", ...f } = e, p = T(l), [m, h] = a({
|
|
1157
1158
|
prop: r,
|
|
1158
1159
|
onChange: i,
|
|
1159
|
-
defaultProp:
|
|
1160
|
+
defaultProp: o ?? "",
|
|
1160
1161
|
caller: uu
|
|
1161
1162
|
});
|
|
1162
1163
|
return /* @__PURE__ */ G(mu, {
|
|
1163
1164
|
scope: n,
|
|
1164
|
-
baseId:
|
|
1165
|
+
baseId: d(),
|
|
1165
1166
|
value: m,
|
|
1166
1167
|
onValueChange: h,
|
|
1167
1168
|
orientation: s,
|
|
1168
1169
|
dir: p,
|
|
1169
1170
|
activationMode: u,
|
|
1170
|
-
children: /* @__PURE__ */ G(
|
|
1171
|
+
children: /* @__PURE__ */ G(c.div, {
|
|
1171
1172
|
dir: p,
|
|
1172
1173
|
"data-orientation": s,
|
|
1173
|
-
...
|
|
1174
|
+
...f,
|
|
1174
1175
|
ref: t
|
|
1175
1176
|
})
|
|
1176
1177
|
});
|
|
1177
1178
|
}, "Tabs")), _u = "TabsList", vu = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ lu(function(e, t) {
|
|
1178
1179
|
let { __scopeTabs: n, loop: r = !0, ...i } = e, a = hu(_u, n);
|
|
1179
|
-
return /* @__PURE__ */ G(
|
|
1180
|
+
return /* @__PURE__ */ G(j, {
|
|
1180
1181
|
asChild: !0,
|
|
1181
1182
|
...pu(n),
|
|
1182
1183
|
orientation: a.orientation,
|
|
1183
1184
|
dir: a.dir,
|
|
1184
1185
|
loop: r,
|
|
1185
|
-
children: /* @__PURE__ */ G(
|
|
1186
|
+
children: /* @__PURE__ */ G(c.div, {
|
|
1186
1187
|
role: "tablist",
|
|
1187
1188
|
"aria-orientation": a.orientation,
|
|
1188
1189
|
...i,
|
|
@@ -1190,13 +1191,13 @@ var cu = Object.defineProperty, lu = (e, t) => cu(e, "name", {
|
|
|
1190
1191
|
})
|
|
1191
1192
|
});
|
|
1192
1193
|
}, "TabsList")), yu = "TabsTrigger", bu = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ lu(function(e, t) {
|
|
1193
|
-
let { __scopeTabs: n, value: r, disabled: i = !1, ...a } = e, o = hu(yu, n), s = pu(n),
|
|
1194
|
-
return /* @__PURE__ */ G(
|
|
1194
|
+
let { __scopeTabs: n, value: r, disabled: i = !1, ...a } = e, o = hu(yu, n), s = pu(n), l = Cu(o.baseId, r), u = wu(o.baseId, r), d = r === o.value;
|
|
1195
|
+
return /* @__PURE__ */ G(ee, {
|
|
1195
1196
|
asChild: !0,
|
|
1196
1197
|
...s,
|
|
1197
1198
|
focusable: !i,
|
|
1198
1199
|
active: d,
|
|
1199
|
-
children: /* @__PURE__ */ G(
|
|
1200
|
+
children: /* @__PURE__ */ G(c.button, {
|
|
1200
1201
|
type: "button",
|
|
1201
1202
|
role: "tab",
|
|
1202
1203
|
"aria-selected": d,
|
|
@@ -1204,37 +1205,37 @@ var cu = Object.defineProperty, lu = (e, t) => cu(e, "name", {
|
|
|
1204
1205
|
"data-state": d ? "active" : "inactive",
|
|
1205
1206
|
"data-disabled": i ? "" : void 0,
|
|
1206
1207
|
disabled: i,
|
|
1207
|
-
id:
|
|
1208
|
+
id: l,
|
|
1208
1209
|
...a,
|
|
1209
1210
|
ref: t,
|
|
1210
|
-
onMouseDown:
|
|
1211
|
+
onMouseDown: _(e.onMouseDown, (e) => {
|
|
1211
1212
|
!i && e.button === 0 && e.ctrlKey === !1 ? o.onValueChange(r) : e.preventDefault();
|
|
1212
1213
|
}),
|
|
1213
|
-
onKeyDown:
|
|
1214
|
+
onKeyDown: _(e.onKeyDown, (e) => {
|
|
1214
1215
|
i || e.target !== e.currentTarget || [" ", "Enter"].includes(e.key) && o.onValueChange(r);
|
|
1215
1216
|
}),
|
|
1216
|
-
onFocus:
|
|
1217
|
+
onFocus: _(e.onFocus, () => {
|
|
1217
1218
|
let e = o.activationMode !== "manual";
|
|
1218
1219
|
!d && !i && e && o.onValueChange(r);
|
|
1219
1220
|
})
|
|
1220
1221
|
})
|
|
1221
1222
|
});
|
|
1222
1223
|
}, "TabsTrigger")), xu = "TabsContent", Su = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ lu(function(e, t) {
|
|
1223
|
-
let { __scopeTabs: n, value: r, forceMount: i, children: a, ...
|
|
1224
|
+
let { __scopeTabs: n, value: r, forceMount: i, children: a, ...s } = e, l = hu(xu, n), u = Cu(l.baseId, r), d = wu(l.baseId, r), f = r === l.value, p = z.useRef(f);
|
|
1224
1225
|
return z.useEffect(() => {
|
|
1225
1226
|
let e = requestAnimationFrame(() => p.current = !1);
|
|
1226
1227
|
return () => cancelAnimationFrame(e);
|
|
1227
|
-
}, []), /* @__PURE__ */ G(
|
|
1228
|
+
}, []), /* @__PURE__ */ G(o, {
|
|
1228
1229
|
present: i || f,
|
|
1229
|
-
children: ({ present: n }) => /* @__PURE__ */ G(
|
|
1230
|
+
children: ({ present: n }) => /* @__PURE__ */ G(c.div, {
|
|
1230
1231
|
"data-state": f ? "active" : "inactive",
|
|
1231
|
-
"data-orientation":
|
|
1232
|
+
"data-orientation": l.orientation,
|
|
1232
1233
|
role: "tabpanel",
|
|
1233
1234
|
"aria-labelledby": u,
|
|
1234
1235
|
hidden: !n,
|
|
1235
1236
|
id: d,
|
|
1236
1237
|
tabIndex: 0,
|
|
1237
|
-
...
|
|
1238
|
+
...s,
|
|
1238
1239
|
ref: t,
|
|
1239
1240
|
style: {
|
|
1240
1241
|
...e.style,
|
|
@@ -1264,15 +1265,15 @@ function ku({ icon: e }) {
|
|
|
1264
1265
|
}
|
|
1265
1266
|
//#endregion
|
|
1266
1267
|
//#region lib/components/ui/actions/fab/fab-menu.tsx
|
|
1267
|
-
function Au({ label: e, items: t, icon: r = /* @__PURE__ */ G(Ui, { strokeWidth: 2.25 }), variant: i = "tonal", tone: a = "primary", size: o = "md", open: s, onOpenChange: c, defaultOpen: l, onCloseAutoFocus:
|
|
1268
|
-
let h = U(null), g =
|
|
1269
|
-
return /* @__PURE__ */ K(
|
|
1268
|
+
function Au({ label: e, items: t, icon: r = /* @__PURE__ */ G(Ui, { strokeWidth: 2.25 }), variant: i = "tonal", tone: a = "primary", size: o = "md", open: s, onOpenChange: c, defaultOpen: l, onCloseAutoFocus: d, className: f, ref: p, ...m }) {
|
|
1269
|
+
let h = U(null), g = u(h, p);
|
|
1270
|
+
return /* @__PURE__ */ K(re, {
|
|
1270
1271
|
modal: !1,
|
|
1271
1272
|
dir: ht(h),
|
|
1272
1273
|
open: s,
|
|
1273
1274
|
onOpenChange: c,
|
|
1274
1275
|
defaultOpen: l,
|
|
1275
|
-
children: [/* @__PURE__ */ G(
|
|
1276
|
+
children: [/* @__PURE__ */ G(O, {
|
|
1276
1277
|
asChild: !0,
|
|
1277
1278
|
children: /* @__PURE__ */ G("button", {
|
|
1278
1279
|
"data-slot": "fab-menu-trigger",
|
|
@@ -1291,13 +1292,13 @@ function Au({ label: e, items: t, icon: r = /* @__PURE__ */ G(Ui, { strokeWidth:
|
|
|
1291
1292
|
variant: i,
|
|
1292
1293
|
tone: a,
|
|
1293
1294
|
trigger: h,
|
|
1294
|
-
onCloseAutoFocus:
|
|
1295
|
+
onCloseAutoFocus: d
|
|
1295
1296
|
})]
|
|
1296
1297
|
});
|
|
1297
1298
|
}
|
|
1298
1299
|
function ju({ items: e, variant: t, tone: n, trigger: r, onCloseAutoFocus: i }) {
|
|
1299
|
-
return /* @__PURE__ */ G(
|
|
1300
|
-
ref:
|
|
1300
|
+
return /* @__PURE__ */ G(k, { children: /* @__PURE__ */ G(D, {
|
|
1301
|
+
ref: ce(!0),
|
|
1301
1302
|
"data-slot": "fab-menu",
|
|
1302
1303
|
"data-variant": t,
|
|
1303
1304
|
"data-tone": n,
|
|
@@ -1308,7 +1309,7 @@ function ju({ items: e, variant: t, tone: n, trigger: r, onCloseAutoFocus: i })
|
|
|
1308
1309
|
onCloseAutoFocus: (e) => {
|
|
1309
1310
|
i?.(e), !e.defaultPrevented && (e.preventDefault(), r.current?.focus({ preventScroll: !0 }));
|
|
1310
1311
|
},
|
|
1311
|
-
children: e.map((e) => /* @__PURE__ */ K(
|
|
1312
|
+
children: e.map((e) => /* @__PURE__ */ K(E, {
|
|
1312
1313
|
"data-slot": "fab-menu-item",
|
|
1313
1314
|
className: "nxgt-fab-menu-item",
|
|
1314
1315
|
disabled: e.disabled,
|
|
@@ -1424,7 +1425,7 @@ function Iu({ children: e, loading: t = !1, lockOnClick: r, tooltip: i, filled:
|
|
|
1424
1425
|
className: "nxgt-split-button-spinner size-(--sb-icon)"
|
|
1425
1426
|
}) : null, Mt(e)]
|
|
1426
1427
|
});
|
|
1427
|
-
return i ? /* @__PURE__ */ G(
|
|
1428
|
+
return i ? /* @__PURE__ */ G(x, {
|
|
1428
1429
|
content: i,
|
|
1429
1430
|
children: f
|
|
1430
1431
|
}) : f;
|
|
@@ -1432,7 +1433,7 @@ function Iu({ children: e, loading: t = !1, lockOnClick: r, tooltip: i, filled:
|
|
|
1432
1433
|
//#endregion
|
|
1433
1434
|
//#region lib/components/ui/actions/split-button/split-button-trigger.tsx
|
|
1434
1435
|
function Lu({ label: e, disabled: t, ...n }) {
|
|
1435
|
-
return /* @__PURE__ */ G(
|
|
1436
|
+
return /* @__PURE__ */ G(O, {
|
|
1436
1437
|
asChild: !0,
|
|
1437
1438
|
children: /* @__PURE__ */ G("button", {
|
|
1438
1439
|
...n,
|
|
@@ -1452,7 +1453,7 @@ function Lu({ label: e, disabled: t, ...n }) {
|
|
|
1452
1453
|
//#endregion
|
|
1453
1454
|
//#region lib/components/ui/actions/split-button/split-button.tsx
|
|
1454
1455
|
function Ru({ children: e, menu: t, menuLabel: r, variant: i, color: a, size: o, className: s, wrapperClassName: c, disabled: l, loading: u, menuOpen: d, onMenuOpenChange: f, defaultMenuOpen: p, menuAlign: m = "end", ...h }) {
|
|
1455
|
-
let { t: g } =
|
|
1456
|
+
let { t: g } = L(), _ = U(null), v = ht(_), y = {
|
|
1456
1457
|
size: o ?? "md",
|
|
1457
1458
|
variant: i ?? "filled",
|
|
1458
1459
|
color: a ?? "primary"
|
|
@@ -1473,7 +1474,7 @@ function Ru({ children: e, menu: t, menuLabel: r, variant: i, color: a, size: o,
|
|
|
1473
1474
|
disabled: l,
|
|
1474
1475
|
loading: u,
|
|
1475
1476
|
children: e
|
|
1476
|
-
}), /* @__PURE__ */ K(
|
|
1477
|
+
}), /* @__PURE__ */ K(se, {
|
|
1477
1478
|
dir: v,
|
|
1478
1479
|
open: d,
|
|
1479
1480
|
onOpenChange: f,
|
|
@@ -1482,7 +1483,7 @@ function Ru({ children: e, menu: t, menuLabel: r, variant: i, color: a, size: o,
|
|
|
1482
1483
|
label: r ?? g("material.split-button.more", "More actions"),
|
|
1483
1484
|
disabled: l || u,
|
|
1484
1485
|
...b
|
|
1485
|
-
}), /* @__PURE__ */ G(
|
|
1486
|
+
}), /* @__PURE__ */ G(F, {
|
|
1486
1487
|
align: m,
|
|
1487
1488
|
children: t
|
|
1488
1489
|
})]
|
|
@@ -2358,7 +2359,7 @@ function Vf(e = {}) {
|
|
|
2358
2359
|
};
|
|
2359
2360
|
}
|
|
2360
2361
|
function Hf(e) {
|
|
2361
|
-
return
|
|
2362
|
+
return He(e) && e.tagName === "BUTTON";
|
|
2362
2363
|
}
|
|
2363
2364
|
function Uf(e) {
|
|
2364
2365
|
return !!(e?.tagName === "A" && e?.href);
|
|
@@ -2681,7 +2682,7 @@ function Vp(e) {
|
|
|
2681
2682
|
return e.matches("html,body");
|
|
2682
2683
|
}
|
|
2683
2684
|
function Hp(e) {
|
|
2684
|
-
return
|
|
2685
|
+
return He(e) && e.matches("input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])");
|
|
2685
2686
|
}
|
|
2686
2687
|
function Up(e) {
|
|
2687
2688
|
return e?.closest(`button,a[href],[role="button"],select,[tabindex]:not([tabindex="-1"]),${Mp}`) != null;
|
|
@@ -2917,7 +2918,7 @@ function pm(e) {
|
|
|
2917
2918
|
let t = e.tabIndex;
|
|
2918
2919
|
if (t < 0) {
|
|
2919
2920
|
let t = tt(e);
|
|
2920
|
-
if (t === "details" || t === "audio" || t === "video" ||
|
|
2921
|
+
if (t === "details" || t === "audio" || t === "video" || He(e) && e.isContentEditable) return 0;
|
|
2921
2922
|
}
|
|
2922
2923
|
return t;
|
|
2923
2924
|
}
|
|
@@ -2939,11 +2940,11 @@ function hm(e, t) {
|
|
|
2939
2940
|
}) === n;
|
|
2940
2941
|
}
|
|
2941
2942
|
function gm(e) {
|
|
2942
|
-
if (
|
|
2943
|
+
if (He(e) && tt(e) === "slot") {
|
|
2943
2944
|
let t = e.assignedElements({ flatten: !0 });
|
|
2944
2945
|
if (t.length > 0) return t;
|
|
2945
2946
|
}
|
|
2946
|
-
return
|
|
2947
|
+
return He(e) && e.shadowRoot ? Array.from(e.shadowRoot.children) : Array.from(e.children);
|
|
2947
2948
|
}
|
|
2948
2949
|
function _m(e, t) {
|
|
2949
2950
|
gm(e).forEach((e) => {
|
|
@@ -2952,7 +2953,7 @@ function _m(e, t) {
|
|
|
2952
2953
|
}
|
|
2953
2954
|
function vm(e, t, n) {
|
|
2954
2955
|
gm(e).forEach((e) => {
|
|
2955
|
-
|
|
2956
|
+
He(e) && e.matches(t) && n.push(e), vm(e, t, n);
|
|
2956
2957
|
});
|
|
2957
2958
|
}
|
|
2958
2959
|
function ym(e) {
|
|
@@ -3301,14 +3302,14 @@ function fh(e) {
|
|
|
3301
3302
|
Jf(u)
|
|
3302
3303
|
].includes(n), p = !(Rp(_, n) || Rp(v, n) || Rp(n, v) || Rp(k?.portalNode, n) || l.some((e) => e === n || Rp(e, n)) || n != null && c.hasElement(n) || c.hasMatchingElement((e) => Rp(e, n)) || f || O && (Om(O.nodesRef.current, a).find((e) => Rp(e.context?.elements.floating, n) || Rp(e.context?.elements.domReference, n)) || km(O.nodesRef.current, a).find((e) => [e.context?.elements.floating, Gp(e.context?.elements.floating)].includes(n) || e.context?.elements.domReference === n)));
|
|
3303
3304
|
if (r === _ && I && dh(I), o && r !== _ && !am(i) && Lp(e) === e.body) {
|
|
3304
|
-
if (
|
|
3305
|
+
if (He(I) && (I.focus(), o === "popup")) {
|
|
3305
3306
|
oe.request(() => {
|
|
3306
3307
|
I.focus();
|
|
3307
3308
|
});
|
|
3308
3309
|
return;
|
|
3309
3310
|
}
|
|
3310
3311
|
let e = ce(), t = M.current, n = (t && e.includes(t) ? t : null) || e[e.length - 1] || I;
|
|
3311
|
-
|
|
3312
|
+
He(n) && n.focus();
|
|
3312
3313
|
}
|
|
3313
3314
|
if (b.current.insideReactTree) {
|
|
3314
3315
|
b.current.insideReactTree = !1;
|
|
@@ -3322,7 +3323,7 @@ function fh(e) {
|
|
|
3322
3323
|
b.current.insideReactTree = !1;
|
|
3323
3324
|
}));
|
|
3324
3325
|
}
|
|
3325
|
-
let l =
|
|
3326
|
+
let l = He(_) ? _ : null;
|
|
3326
3327
|
if (!(!v && !l)) return Kp(l && Wf(l, "focusout", i), l && Wf(l, "pointerdown", t), v && Wf(v, "focusin", n), v && Wf(v, "focusout", i), v && k && Wf(v, "focusout", a, !0));
|
|
3327
3328
|
}, [
|
|
3328
3329
|
r,
|
|
@@ -3380,7 +3381,7 @@ function fh(e) {
|
|
|
3380
3381
|
d,
|
|
3381
3382
|
le
|
|
3382
3383
|
]), J(() => {
|
|
3383
|
-
if (!g || r || !
|
|
3384
|
+
if (!g || r || !He(I)) return;
|
|
3384
3385
|
let e = qf(I), t = Lp(e);
|
|
3385
3386
|
queueMicrotask(() => {
|
|
3386
3387
|
let n = w.current, r = typeof n == "function" ? n(E.current || "") : n;
|
|
@@ -3433,7 +3434,7 @@ function fh(e) {
|
|
|
3433
3434
|
let t = Lp(e), n = le(), r = Rp(v, t) || n.some((e) => e === t || Rp(e, t)) || O && Om(O.nodesRef.current, x(), !1).some((e) => Rp(e.context?.elements.floating, t)), o = T.current, s = a();
|
|
3434
3435
|
queueMicrotask(() => {
|
|
3435
3436
|
let n = uh(s), i = typeof o != "boolean";
|
|
3436
|
-
o && !A.current &&
|
|
3437
|
+
o && !A.current && He(n) && (!(!i && n !== t && t !== e.body) || r) && n.focus({ preventScroll: !0 }), A.current = !1;
|
|
3437
3438
|
});
|
|
3438
3439
|
};
|
|
3439
3440
|
}, [
|
|
@@ -3450,7 +3451,7 @@ function fh(e) {
|
|
|
3450
3451
|
]), J(() => {
|
|
3451
3452
|
if (!lp || g || !v) return;
|
|
3452
3453
|
let e = Lp(qf(v));
|
|
3453
|
-
!
|
|
3454
|
+
!He(e) || !Hp(e) || Rp(v, e) && e.blur();
|
|
3454
3455
|
}, [g, v]), J(() => {
|
|
3455
3456
|
if (!(r || !k)) return k.setFocusManagerState({
|
|
3456
3457
|
modal: s,
|
|
@@ -3636,7 +3637,7 @@ function gh(e, t = {}) {
|
|
|
3636
3637
|
s = e;
|
|
3637
3638
|
}
|
|
3638
3639
|
if (!(a.length && qe(n) && !Vp(n) && !Rp(n, l.select("floatingElement")) && a.every((e) => !Rp(s, e)))) {
|
|
3639
|
-
if (
|
|
3640
|
+
if (He(n) && !("touches" in e)) {
|
|
3640
3641
|
let t = ot(n), r = Ke(n), i = /auto|scroll/, a = t || i.test(r.overflowX), o = t || i.test(r.overflowY), s = a && n.clientWidth > 0 && n.scrollWidth > n.clientWidth, c = o && n.clientHeight > 0 && n.scrollHeight > n.clientHeight, l = r.direction === "rtl", u = c && (l ? e.offsetX <= n.offsetWidth - n.clientWidth : e.offsetX > n.clientWidth), d = s && e.offsetY > n.clientHeight;
|
|
3641
3642
|
if (u || d) return;
|
|
3642
3643
|
}
|
|
@@ -4096,7 +4097,7 @@ function Mh(e = {}) {
|
|
|
4096
4097
|
a,
|
|
4097
4098
|
o,
|
|
4098
4099
|
s
|
|
4099
|
-
]), y =
|
|
4100
|
+
]), y = w({
|
|
4100
4101
|
...e,
|
|
4101
4102
|
elements: {
|
|
4102
4103
|
...v,
|
|
@@ -4113,18 +4114,18 @@ function Mh(e = {}) {
|
|
|
4113
4114
|
d(t), y.refs.setReference(t);
|
|
4114
4115
|
}, [y.refs]), C = z.useCallback((e) => {
|
|
4115
4116
|
(qe(e) || e === null) && (g.current = e, p(e)), (qe(y.refs.reference.current) || y.refs.reference.current === null || e !== null && !qe(e)) && y.refs.setReference(e);
|
|
4116
|
-
}, [y.refs, p]),
|
|
4117
|
+
}, [y.refs, p]), T = z.useCallback((e) => {
|
|
4117
4118
|
h(e), y.refs.setFloating(e);
|
|
4118
4119
|
}, [y.refs]), E = z.useMemo(() => ({
|
|
4119
4120
|
...y.refs,
|
|
4120
4121
|
setReference: C,
|
|
4121
|
-
setFloating:
|
|
4122
|
+
setFloating: T,
|
|
4122
4123
|
setPositionReference: S,
|
|
4123
4124
|
domReference: g
|
|
4124
4125
|
}), [
|
|
4125
4126
|
y.refs,
|
|
4126
4127
|
C,
|
|
4127
|
-
|
|
4128
|
+
T,
|
|
4128
4129
|
S
|
|
4129
4130
|
]), D = z.useMemo(() => ({
|
|
4130
4131
|
...y.elements,
|
|
@@ -4274,7 +4275,7 @@ function zh(e, t) {
|
|
|
4274
4275
|
}), he = q(() => _ ?? j?.nodesRef.current.find((e) => e.id === ee)?.context?.dataRef?.current.orientation), ge = q(() => $p(n, se.current)), _e = q((e) => {
|
|
4275
4276
|
if (ne.current = !1, F.current = !0, e.which === 229 || !I.current && e.currentTarget === A.current) return;
|
|
4276
4277
|
if (l && Rh(e.key, g, u, S)) {
|
|
4277
|
-
Fh(e.key, he()) || Tp(e), C.setOpen(!1, Sf(xf, e.nativeEvent)),
|
|
4278
|
+
Fh(e.key, he()) || Tp(e), C.setOpen(!1, Sf(xf, e.nativeEvent)), He(E) && (d ? j?.events.emit("virtualfocus", E) : E.focus());
|
|
4278
4279
|
return;
|
|
4279
4280
|
}
|
|
4280
4281
|
let t = N.current, r = $p(n, h), i = em(n, h);
|
|
@@ -4342,7 +4343,7 @@ function zh(e, t) {
|
|
|
4342
4343
|
if (e.key === "Tab" && e.shiftKey && w && !d) {
|
|
4343
4344
|
let t = zp(e.nativeEvent);
|
|
4344
4345
|
if (t && !Rp(A.current, t)) return;
|
|
4345
|
-
Tp(e), C.setOpen(!1, Sf(yf, e.nativeEvent)),
|
|
4346
|
+
Tp(e), C.setOpen(!1, Sf(yf, e.nativeEvent)), He(E) && E.focus();
|
|
4346
4347
|
return;
|
|
4347
4348
|
}
|
|
4348
4349
|
_e(e);
|
|
@@ -4997,36 +4998,36 @@ var Yg = Symbol("none"), Xg = {
|
|
|
4997
4998
|
function Zg(e) {
|
|
4998
4999
|
let { id: t, onOpenChangeComplete: n, defaultSelectedValue: r = null, selectedValue: i, onSelectedValueChange: a, defaultInputValue: o, inputValue: s, open: c, defaultOpen: l = !1, selectionMode: u = "none", onItemHighlighted: d, name: f, form: p, disabled: m = !1, readOnly: h = !1, required: g = !1, inputRef: _, grid: v = !1, items: y, filteredItems: b, filter: x, openOnInputClick: S = !0, autoHighlight: C = !1, keepHighlight: w = !1, highlightItemOnHover: T = !0, loopFocus: E = !0, itemToStringLabel: D, itemToStringValue: O, isItemEqualToValue: k = mg, virtualized: A = !1, inline: ee = !1, fillInputOnItemPress: j = !0, modal: M = !1, limit: N = -1, autoComplete: te = "list", formAutoComplete: ne, locale: P, submitOnItemClick: re = !1 } = e, { clearErrors: ie } = Ig(), { setDirty: F, validityData: ae, setFilled: oe, name: se, disabled: I, setTouched: ce, setFocused: le, validationMode: ue, validation: de } = Ng(), fe = md(), pe = zg({ id: t }), me = Kg({ locale: P }), [he, ge] = z.useState(!1), [_e, ve] = z.useState(null), ye = z.useRef([]), be = z.useRef([]), xe = z.useRef(null), Se = z.useRef(null), Ce = z.useRef(null), we = z.useRef(null), Te = z.useRef(null), Ee = z.useRef(!0), De = z.useRef(!1), Oe = z.useRef(null), ke = z.useRef(null), Ae = z.useRef(null), je = z.useRef(Xg), Me = z.useRef(null), Ne = z.useRef([]), Pe = z.useRef([]), Fe = I || m, Ie = se ?? f, Le = u === "multiple", Re = u === "single", ze = s !== void 0 || o !== void 0, Be = y !== void 0, Ve = b !== void 0, He;
|
|
4999
5000
|
He = C === "always" ? "always" : C ? "input-change" : !1;
|
|
5000
|
-
let [
|
|
5001
|
+
let [Ue, We] = Xu({
|
|
5001
5002
|
controlled: i,
|
|
5002
5003
|
default: Le ? r ?? Od : r,
|
|
5003
5004
|
name: "Combobox",
|
|
5004
5005
|
state: "selectedValue"
|
|
5005
|
-
}),
|
|
5006
|
+
}), Ge = z.useMemo(() => x === null ? () => !0 : x === void 0 ? Re && !he ? Hg(me, D, Ue) : Vg(me, D) : x, [
|
|
5006
5007
|
x,
|
|
5007
5008
|
Re,
|
|
5008
|
-
|
|
5009
|
+
Ue,
|
|
5009
5010
|
he,
|
|
5010
5011
|
me,
|
|
5011
5012
|
D
|
|
5012
|
-
]),
|
|
5013
|
+
]), Ke = ed(() => ze ? o ?? "" : Re ? Sg(Ue, D) : "").current, [qe, Je] = Xu({
|
|
5013
5014
|
controlled: s,
|
|
5014
|
-
default:
|
|
5015
|
+
default: Ke,
|
|
5015
5016
|
name: "Combobox",
|
|
5016
5017
|
state: "inputValue"
|
|
5017
|
-
}), [
|
|
5018
|
+
}), [Ye, Xe] = Xu({
|
|
5018
5019
|
controlled: c,
|
|
5019
5020
|
default: l,
|
|
5020
5021
|
name: "Combobox",
|
|
5021
5022
|
state: "open"
|
|
5022
|
-
}),
|
|
5023
|
-
if (b && !
|
|
5023
|
+
}), Ze = bg(y), Qe = _e ?? (qe === "" ? "" : String(qe).trim()), $e = Re ? Sg(Ue, D) : "", et = Re && !he && Qe !== "" && $e !== "" && $e.length === Qe.length && me.contains($e, Qe), tt = et ? "" : Qe, nt = Be && Ve && et, rt = z.useMemo(() => y ? Ze ? y.flatMap((e) => e.items) : y : Od, [y, Ze]), it = z.useMemo(() => {
|
|
5024
|
+
if (b && !nt) return b;
|
|
5024
5025
|
if (!y) return Od;
|
|
5025
|
-
if (
|
|
5026
|
+
if (Ze) {
|
|
5026
5027
|
let e = y, t = [], n = 0;
|
|
5027
5028
|
for (let r of e) {
|
|
5028
5029
|
if (N > -1 && n >= N) break;
|
|
5029
|
-
let e =
|
|
5030
|
+
let e = tt === "" ? r.items : r.items.filter((e) => Ge(e, tt, D));
|
|
5030
5031
|
if (e.length === 0) continue;
|
|
5031
5032
|
let i = N > -1 ? N - n : Infinity, a = e.slice(0, i);
|
|
5032
5033
|
if (a.length > 0) {
|
|
@@ -5039,30 +5040,30 @@ function Zg(e) {
|
|
|
5039
5040
|
}
|
|
5040
5041
|
return t;
|
|
5041
5042
|
}
|
|
5042
|
-
if (
|
|
5043
|
+
if (tt === "") return N > -1 ? rt.slice(0, N) : rt;
|
|
5043
5044
|
let e = [];
|
|
5044
|
-
for (let t of
|
|
5045
|
+
for (let t of rt) {
|
|
5045
5046
|
if (N > -1 && e.length >= N) break;
|
|
5046
|
-
|
|
5047
|
+
Ge(t, tt, D) && e.push(t);
|
|
5047
5048
|
}
|
|
5048
5049
|
return e;
|
|
5049
5050
|
}, [
|
|
5050
5051
|
b,
|
|
5051
|
-
|
|
5052
|
+
nt,
|
|
5052
5053
|
y,
|
|
5053
|
-
|
|
5054
|
-
|
|
5054
|
+
Ze,
|
|
5055
|
+
tt,
|
|
5055
5056
|
N,
|
|
5056
|
-
|
|
5057
|
+
Ge,
|
|
5057
5058
|
D,
|
|
5058
|
-
|
|
5059
|
-
]),
|
|
5059
|
+
rt
|
|
5060
|
+
]), at = z.useMemo(() => Ze ? it.flatMap((e) => e.items) : it, [it, Ze]), ot = ed(() => new Th({
|
|
5060
5061
|
id: pe,
|
|
5061
5062
|
labelId: void 0,
|
|
5062
|
-
selectedValue:
|
|
5063
|
-
open:
|
|
5064
|
-
filter:
|
|
5065
|
-
query:
|
|
5063
|
+
selectedValue: Ue,
|
|
5064
|
+
open: Ye,
|
|
5065
|
+
filter: Ge,
|
|
5066
|
+
query: Qe,
|
|
5066
5067
|
items: y,
|
|
5067
5068
|
selectionMode: u,
|
|
5068
5069
|
listRef: ye,
|
|
@@ -5084,7 +5085,7 @@ function Zg(e) {
|
|
|
5084
5085
|
readOnly: h,
|
|
5085
5086
|
required: g,
|
|
5086
5087
|
grid: v,
|
|
5087
|
-
isGrouped:
|
|
5088
|
+
isGrouped: Ze,
|
|
5088
5089
|
virtualized: A,
|
|
5089
5090
|
openOnInputClick: S,
|
|
5090
5091
|
itemToStringLabel: D,
|
|
@@ -5122,229 +5123,229 @@ function Zg(e) {
|
|
|
5122
5123
|
handleSelection: Dd,
|
|
5123
5124
|
forceMount: Dd,
|
|
5124
5125
|
requestSubmit: Dd
|
|
5125
|
-
})).current,
|
|
5126
|
-
|
|
5126
|
+
})).current, st = u === "none" ? qe : Ue, ct = z.useMemo(() => u === "none" ? st : Array.isArray(Ue) ? Ue.map((e) => Cg(e, O)) : Cg(Ue, O), [
|
|
5127
|
+
st,
|
|
5127
5128
|
O,
|
|
5128
5129
|
u,
|
|
5129
|
-
|
|
5130
|
-
]),
|
|
5131
|
-
Pg(
|
|
5132
|
-
let
|
|
5133
|
-
y ? be.current =
|
|
5134
|
-
}),
|
|
5130
|
+
Ue
|
|
5131
|
+
]), lt = q(d), ut = q(n), dt = X(ot, Z.activeIndex), ft = X(ot, Z.selectedIndex), pt = X(ot, Z.positionerElement), mt = X(ot, Z.listElement), ht = X(ot, Z.triggerElement), gt = X(ot, Z.inputElement), _t = X(ot, Z.inputGroupElement), vt = X(ot, Z.inline), yt = X(ot, Z.inputInsidePopup), bt = X(ot, Z.inputOwnsFormValue), xt = Gf(ht), { mounted: St, setMounted: Ct, transitionStatus: wt } = jf(Ye), { openMethod: Tt, triggerProps: Et } = ng(Ye), L = q(() => ct);
|
|
5132
|
+
Pg(yt ? xt : Se, pe, st, L, !Fe, f);
|
|
5133
|
+
let Dt = q(() => {
|
|
5134
|
+
y ? be.current = at.map((e) => Sg(e, D)) : ot.set("forceMounted", !0);
|
|
5135
|
+
}), Ot = z.useRef(Ue);
|
|
5135
5136
|
J(() => {
|
|
5136
|
-
|
|
5137
|
-
}, [
|
|
5138
|
-
let
|
|
5139
|
-
|
|
5137
|
+
Ue !== Ot.current && Dt();
|
|
5138
|
+
}, [Dt, Ue]);
|
|
5139
|
+
let kt = q((e) => {
|
|
5140
|
+
ot.update(e);
|
|
5140
5141
|
let t = e.type || "none";
|
|
5141
|
-
if (e.activeIndex !== void 0) if (e.activeIndex === null) je.current !== Xg && (je.current = Xg,
|
|
5142
|
+
if (e.activeIndex !== void 0) if (e.activeIndex === null) je.current !== Xg && (je.current = Xg, lt(void 0, Cf(t, void 0, { index: -1 })));
|
|
5142
5143
|
else {
|
|
5143
5144
|
let n = Ne.current[e.activeIndex];
|
|
5144
5145
|
je.current = {
|
|
5145
5146
|
value: n,
|
|
5146
5147
|
index: e.activeIndex
|
|
5147
|
-
},
|
|
5148
|
+
}, lt(n, Cf(t, void 0, { index: e.activeIndex }));
|
|
5148
5149
|
}
|
|
5149
|
-
}),
|
|
5150
|
+
}), At = q((t, n) => {
|
|
5150
5151
|
if (De.current = n.reason === _f, e.onInputValueChange?.(t, n), !n.isCanceled) {
|
|
5151
5152
|
if (n.reason === "input-change") {
|
|
5152
5153
|
let e = n.event, r = e.inputType;
|
|
5153
5154
|
if (e.type === "compositionend" || r != null && r !== "" && r !== "insertReplacementText") {
|
|
5154
5155
|
let e = t.trim() !== "";
|
|
5155
|
-
e && ge(!0), Me.current = { hasQuery: e }, e && He &&
|
|
5156
|
+
e && ge(!0), Me.current = { hasQuery: e }, e && He && ot.state.activeIndex == null && ot.set("activeIndex", 0);
|
|
5156
5157
|
}
|
|
5157
5158
|
}
|
|
5158
|
-
|
|
5159
|
+
Je(t);
|
|
5159
5160
|
}
|
|
5160
|
-
}),
|
|
5161
|
-
if (
|
|
5162
|
-
let e = u === "none" ?
|
|
5161
|
+
}), jt = q((t, n) => {
|
|
5162
|
+
if (Ye !== t && (n.reason === "escape-key" && Be && at.length === 0 && !ot.state.emptyRef.current && n.allowPropagation(), e.onOpenChange?.(t, n), !n.isCanceled && (t && Le && yt && !vt && _e !== null && (ge(!1), ve(null), qe !== "" && At("", Sf(_f, n.event))), !t && he && (Re ? (vt || ve(Qe), Qe === "" && ge(!1)) : Le && (vt || ve(Qe), yt && kt({ activeIndex: null }), (!yt || vt) && At("", Sf(_f, n.event)))), Xe(t), !t && yt && (n.reason === "focus-out" || n.reason === "outside-press") && (ce(!0), le(!1), ue === "onBlur")))) {
|
|
5163
|
+
let e = u === "none" ? qe : Ue;
|
|
5163
5164
|
de.commit(e);
|
|
5164
5165
|
}
|
|
5165
|
-
}), jt = q((e, t) => {
|
|
5166
|
-
a?.(e, t), !t.isCanceled && (Ue(e), (u === "none" && xe.current && j || Re && !at.state.inputInsidePopup) && kt(Sg(e, D), Sf(t.reason, t.event)), Re && e != null && t.reason !== "input-change" && he && !_t && ve(Ze));
|
|
5167
5166
|
}), Mt = q((e, t) => {
|
|
5167
|
+
a?.(e, t), !t.isCanceled && (We(e), (u === "none" && xe.current && j || Re && !ot.state.inputInsidePopup) && At(Sg(e, D), Sf(t.reason, t.event)), Re && e != null && t.reason !== "input-change" && he && !vt && ve(Qe));
|
|
5168
|
+
}), Nt = q((e, t) => {
|
|
5168
5169
|
let n = t;
|
|
5169
5170
|
if (n === void 0) {
|
|
5170
|
-
if (
|
|
5171
|
-
n = Ne.current[
|
|
5171
|
+
if (dt === null) return;
|
|
5172
|
+
n = Ne.current[dt];
|
|
5172
5173
|
}
|
|
5173
5174
|
let r = zp(e), i = Ae.current ?? e;
|
|
5174
5175
|
Ae.current = null;
|
|
5175
5176
|
let a = Sf(ff, i), o = r?.closest("a")?.getAttribute("href");
|
|
5176
5177
|
if (o) {
|
|
5177
|
-
o.startsWith("#") &&
|
|
5178
|
+
o.startsWith("#") && jt(!1, a);
|
|
5178
5179
|
return;
|
|
5179
5180
|
}
|
|
5180
5181
|
if (Le) {
|
|
5181
|
-
let e = Array.isArray(
|
|
5182
|
-
if (
|
|
5183
|
-
|
|
5182
|
+
let e = Array.isArray(Ue) ? Ue : [], t = gg(e, n, ot.state.isItemEqualToValue) ? vg(e, n, ot.state.isItemEqualToValue) : [...e, n];
|
|
5183
|
+
if (Mt(t, a), a.isCanceled || !(Se.current && Se.current.value.trim() !== "")) return;
|
|
5184
|
+
ot.state.inputInsidePopup ? At("", Sf(_f, a.event)) : jt(!1, a);
|
|
5184
5185
|
} else {
|
|
5185
|
-
if (
|
|
5186
|
-
|
|
5186
|
+
if (Mt(n, a), a.isCanceled) return;
|
|
5187
|
+
jt(!1, a);
|
|
5187
5188
|
}
|
|
5188
|
-
}),
|
|
5189
|
-
if (!
|
|
5190
|
-
let e = de.inputRef.current?.form ??
|
|
5189
|
+
}), R = q(() => {
|
|
5190
|
+
if (!ot.state.submitOnItemClick) return;
|
|
5191
|
+
let e = de.inputRef.current?.form ?? ot.state.inputElement?.form;
|
|
5191
5192
|
e && typeof e.requestSubmit == "function" && e.requestSubmit();
|
|
5192
5193
|
}), Pt = q(() => {
|
|
5193
|
-
if (
|
|
5194
|
+
if (Ct(!1), ut?.(!1), ge(!1), ve(null), kt(u === "none" ? {
|
|
5194
5195
|
activeIndex: null,
|
|
5195
5196
|
selectedIndex: null
|
|
5196
|
-
} : { activeIndex: null }), Le && Se.current && Se.current.value !== "" && !De.current &&
|
|
5197
|
+
} : { activeIndex: null }), Le && Se.current && Se.current.value !== "" && !De.current && At("", Sf(_f)), Re) if (ot.state.inputInsidePopup) Se.current && Se.current.value !== "" && At("", Sf(_f));
|
|
5197
5198
|
else {
|
|
5198
|
-
let e = Sg(
|
|
5199
|
-
Se.current && Se.current.value !== e &&
|
|
5199
|
+
let e = Sg(Ue, D);
|
|
5200
|
+
Se.current && Se.current.value !== e && At(e, Sf(e === "" ? _f : lf));
|
|
5200
5201
|
}
|
|
5201
|
-
}), Ft = z.useMemo(() =>
|
|
5202
|
+
}), Ft = z.useMemo(() => vt && pt ? { current: pt.closest("[role=\"dialog\"]") } : xe, [vt, pt]);
|
|
5202
5203
|
Xf({
|
|
5203
5204
|
enabled: !e.actionsRef,
|
|
5204
|
-
open:
|
|
5205
|
+
open: Ye,
|
|
5205
5206
|
ref: Ft,
|
|
5206
5207
|
onComplete() {
|
|
5207
|
-
|
|
5208
|
+
Ye || Pt();
|
|
5208
5209
|
}
|
|
5209
5210
|
}), z.useImperativeHandle(e.actionsRef, () => ({ unmount: Pt }), [Pt]), J(function() {
|
|
5210
|
-
if (
|
|
5211
|
-
let e = y ?
|
|
5211
|
+
if (Ye || u === "none") return;
|
|
5212
|
+
let e = y ? rt : Pe.current;
|
|
5212
5213
|
if (Le) {
|
|
5213
|
-
let t = Array.isArray(
|
|
5214
|
-
|
|
5214
|
+
let t = Array.isArray(Ue) ? Ue : [], n = t[t.length - 1], r = _g(e, n, k);
|
|
5215
|
+
kt({ selectedIndex: r === -1 ? null : r });
|
|
5215
5216
|
} else {
|
|
5216
|
-
let t = _g(e,
|
|
5217
|
-
|
|
5217
|
+
let t = _g(e, Ue, k);
|
|
5218
|
+
kt({ selectedIndex: t === -1 ? null : t });
|
|
5218
5219
|
}
|
|
5219
5220
|
}, [
|
|
5220
|
-
|
|
5221
|
-
|
|
5221
|
+
Ye,
|
|
5222
|
+
Ue,
|
|
5222
5223
|
y,
|
|
5223
5224
|
u,
|
|
5224
|
-
|
|
5225
|
+
rt,
|
|
5225
5226
|
Le,
|
|
5226
5227
|
k,
|
|
5227
|
-
|
|
5228
|
+
kt
|
|
5228
5229
|
]), J(() => {
|
|
5229
|
-
y && (Ne.current =
|
|
5230
|
-
}, [y,
|
|
5230
|
+
y && (Ne.current = at, ye.current.length = at.length);
|
|
5231
|
+
}, [y, at]), J(() => {
|
|
5231
5232
|
let e = Me.current;
|
|
5232
|
-
if (e && (e.hasQuery ? He &&
|
|
5233
|
-
let t = Be || Ve ?
|
|
5233
|
+
if (e && (e.hasQuery ? He && ot.set("activeIndex", 0) : He === "always" && ot.set("activeIndex", 0), Me.current = null), !Ye && !vt) return;
|
|
5234
|
+
let t = Be || Ve ? at : Ne.current, n = ot.state.activeIndex;
|
|
5234
5235
|
if (n == null) {
|
|
5235
5236
|
if (He === "always" && t.length > 0) {
|
|
5236
|
-
|
|
5237
|
+
ot.set("activeIndex", 0);
|
|
5237
5238
|
return;
|
|
5238
5239
|
}
|
|
5239
|
-
je.current !== Xg && (je.current = Xg,
|
|
5240
|
+
je.current !== Xg && (je.current = Xg, ot.state.onItemHighlighted(void 0, Cf(lf, void 0, { index: -1 })));
|
|
5240
5241
|
return;
|
|
5241
5242
|
}
|
|
5242
5243
|
if (n >= t.length) {
|
|
5243
|
-
je.current !== Xg && (je.current = Xg,
|
|
5244
|
+
je.current !== Xg && (je.current = Xg, ot.state.onItemHighlighted(void 0, Cf(lf, void 0, { index: -1 }))), ot.set("activeIndex", null);
|
|
5244
5245
|
return;
|
|
5245
5246
|
}
|
|
5246
|
-
let r = t[n], i = je.current.value, a = i !== Yg && hg(r, i,
|
|
5247
|
+
let r = t[n], i = je.current.value, a = i !== Yg && hg(r, i, ot.state.isItemEqualToValue);
|
|
5247
5248
|
(je.current.index !== n || !a) && (je.current = {
|
|
5248
5249
|
value: r,
|
|
5249
5250
|
index: n
|
|
5250
|
-
},
|
|
5251
|
+
}, ot.state.onItemHighlighted(r, Cf(lf, void 0, { index: n })));
|
|
5251
5252
|
}, [
|
|
5252
|
-
|
|
5253
|
+
dt,
|
|
5253
5254
|
He,
|
|
5254
5255
|
Ve,
|
|
5255
5256
|
Be,
|
|
5256
|
-
|
|
5257
|
-
|
|
5258
|
-
|
|
5259
|
-
|
|
5257
|
+
at,
|
|
5258
|
+
vt,
|
|
5259
|
+
Ye,
|
|
5260
|
+
ot
|
|
5260
5261
|
]), J(() => {
|
|
5261
5262
|
if (u === "none") {
|
|
5262
|
-
oe(String(
|
|
5263
|
+
oe(String(qe) !== "");
|
|
5263
5264
|
return;
|
|
5264
5265
|
}
|
|
5265
|
-
oe(Le ? Array.isArray(
|
|
5266
|
+
oe(Le ? Array.isArray(Ue) && Ue.length > 0 : Ue != null);
|
|
5266
5267
|
}, [
|
|
5267
5268
|
oe,
|
|
5268
5269
|
u,
|
|
5269
|
-
|
|
5270
|
-
|
|
5270
|
+
qe,
|
|
5271
|
+
Ue,
|
|
5271
5272
|
Le
|
|
5272
5273
|
]), z.useEffect(() => {
|
|
5273
|
-
Be && He &&
|
|
5274
|
+
Be && He && at.length === 0 && kt({ activeIndex: null });
|
|
5274
5275
|
}, [
|
|
5275
5276
|
Be,
|
|
5276
5277
|
He,
|
|
5277
|
-
|
|
5278
|
-
|
|
5278
|
+
at.length,
|
|
5279
|
+
kt
|
|
5279
5280
|
]);
|
|
5280
5281
|
function It(e) {
|
|
5281
5282
|
let t = ae.initialValue;
|
|
5282
5283
|
return Array.isArray(e) && Array.isArray(t) ? !Jg(e, t, (e, t) => hg(e, t, k)) : e !== t;
|
|
5283
5284
|
}
|
|
5284
|
-
eg(
|
|
5285
|
-
!
|
|
5286
|
-
}), eg(
|
|
5287
|
-
if (u !== "none" && (ie(Ie), F(It(
|
|
5288
|
-
let e = Sg(
|
|
5289
|
-
|
|
5285
|
+
eg(Qe, () => {
|
|
5286
|
+
!Ye || Qe === "" || Qe === String(Ke) || ge(!0);
|
|
5287
|
+
}), eg(Ue, () => {
|
|
5288
|
+
if (u !== "none" && (ie(Ie), F(It(Ue)), de.change(Ue), Re && !ze && !yt)) {
|
|
5289
|
+
let e = Sg(Ue, D);
|
|
5290
|
+
qe !== e && At(e, Sf(lf));
|
|
5290
5291
|
}
|
|
5291
|
-
}), eg(
|
|
5292
|
-
u === "none" && (ie(Ie), F(
|
|
5292
|
+
}), eg(qe, () => {
|
|
5293
|
+
u === "none" && (ie(Ie), F(qe !== ae.initialValue), de.change(qe));
|
|
5293
5294
|
}), eg(y, () => {
|
|
5294
|
-
if (!Re || ze ||
|
|
5295
|
-
let e = Sg(
|
|
5296
|
-
|
|
5295
|
+
if (!Re || ze || yt || he) return;
|
|
5296
|
+
let e = Sg(Ue, D);
|
|
5297
|
+
qe !== e && At(e, Sf(lf));
|
|
5297
5298
|
});
|
|
5298
5299
|
let Lt = jh({
|
|
5299
|
-
open:
|
|
5300
|
-
onOpenChange:
|
|
5300
|
+
open: vt ? !0 : Ye,
|
|
5301
|
+
onOpenChange: jt,
|
|
5301
5302
|
elements: {
|
|
5302
|
-
reference:
|
|
5303
|
-
floating:
|
|
5303
|
+
reference: yt ? ht : gt,
|
|
5304
|
+
floating: pt
|
|
5304
5305
|
}
|
|
5305
5306
|
}), Rt, zt;
|
|
5306
|
-
|
|
5307
|
+
vt || (Rt = v ? "grid" : "listbox", zt = Ye ? "true" : "false");
|
|
5307
5308
|
let Bt = z.useMemo(() => {
|
|
5308
|
-
let e =
|
|
5309
|
+
let e = gt?.tagName === "INPUT", t = gt == null || e, n = t || Ye, r = t ? {
|
|
5309
5310
|
autoComplete: "off",
|
|
5310
5311
|
spellCheck: "false",
|
|
5311
5312
|
autoCorrect: "off",
|
|
5312
5313
|
autoCapitalize: "none"
|
|
5313
5314
|
} : {};
|
|
5314
|
-
return n && (r.role = "combobox", r["aria-expanded"] = zt, r["aria-haspopup"] = Rt, r["aria-controls"] =
|
|
5315
|
+
return n && (r.role = "combobox", r["aria-expanded"] = zt, r["aria-haspopup"] = Rt, r["aria-controls"] = Ye ? mt?.id : void 0, r["aria-autocomplete"] = te), {
|
|
5315
5316
|
reference: r,
|
|
5316
5317
|
floating: { role: "presentation" }
|
|
5317
5318
|
};
|
|
5318
5319
|
}, [
|
|
5319
|
-
|
|
5320
|
-
|
|
5320
|
+
gt,
|
|
5321
|
+
Ye,
|
|
5321
5322
|
zt,
|
|
5322
5323
|
Rt,
|
|
5323
|
-
|
|
5324
|
+
mt?.id,
|
|
5324
5325
|
te
|
|
5325
5326
|
]), Vt = ph(Lt, {
|
|
5326
5327
|
enabled: !h && !Fe && S,
|
|
5327
5328
|
event: "mousedown-only",
|
|
5328
5329
|
toggle: !1,
|
|
5329
|
-
touchOpenDelay:
|
|
5330
|
+
touchOpenDelay: yt ? 0 : 100,
|
|
5330
5331
|
reason: vf
|
|
5331
5332
|
}), Ht = gh(Lt, {
|
|
5332
|
-
enabled: !h && !Fe && !
|
|
5333
|
+
enabled: !h && !Fe && !vt,
|
|
5333
5334
|
outsidePressEvent: {
|
|
5334
5335
|
mouse: "sloppy",
|
|
5335
5336
|
touch: "intentional"
|
|
5336
5337
|
},
|
|
5337
|
-
bubbles:
|
|
5338
|
+
bubbles: vt ? !0 : void 0,
|
|
5338
5339
|
outsidePress(e) {
|
|
5339
5340
|
let t = zp(e);
|
|
5340
|
-
return !Rp(
|
|
5341
|
+
return !Rp(ht, t) && !Rp(ke.current, t) && !Rp(Oe.current, t) && !Rp(_t, t);
|
|
5341
5342
|
}
|
|
5342
5343
|
}), Ut = zh(Lt, {
|
|
5343
5344
|
enabled: !h && !Fe,
|
|
5344
5345
|
id: pe,
|
|
5345
5346
|
listRef: ye,
|
|
5346
|
-
activeIndex:
|
|
5347
|
-
selectedIndex:
|
|
5347
|
+
activeIndex: dt,
|
|
5348
|
+
selectedIndex: ft,
|
|
5348
5349
|
virtual: !0,
|
|
5349
5350
|
loopFocus: E,
|
|
5350
5351
|
allowEscape: E && !He,
|
|
@@ -5356,20 +5357,20 @@ function Zg(e) {
|
|
|
5356
5357
|
disabledIndices: Od,
|
|
5357
5358
|
grid: v ? rg : void 0,
|
|
5358
5359
|
onNavigate(e, t) {
|
|
5359
|
-
!t && !
|
|
5360
|
+
!t && !Ye || wt === "ending" || kt(t ? {
|
|
5360
5361
|
activeIndex: e,
|
|
5361
5362
|
type: Ee.current ? "keyboard" : "pointer"
|
|
5362
5363
|
} : { activeIndex: e });
|
|
5363
5364
|
}
|
|
5364
5365
|
}), Wt = z.useMemo(() => Pd(Ut.reference, { onKeyDown(e) {
|
|
5365
|
-
v &&
|
|
5366
|
+
v && ot.state.activeIndex == null && (e.key === "ArrowLeft" || e.key === "ArrowRight") && e.preventBaseUIHandler();
|
|
5366
5367
|
} }, Ht.reference, Vt.reference, Bt.reference), [
|
|
5367
5368
|
Ut.reference,
|
|
5368
5369
|
Ht.reference,
|
|
5369
5370
|
Vt.reference,
|
|
5370
5371
|
Bt.reference,
|
|
5371
5372
|
v,
|
|
5372
|
-
|
|
5373
|
+
ot
|
|
5373
5374
|
]), Gt = z.useMemo(() => Pd(kh, Ut.floating, Ht.floating, Bt.floating), [
|
|
5374
5375
|
Ut.floating,
|
|
5375
5376
|
Ht.floating,
|
|
@@ -5382,34 +5383,34 @@ function Zg(e) {
|
|
|
5382
5383
|
} : kd;
|
|
5383
5384
|
}, [Ut.item]);
|
|
5384
5385
|
Zf(() => {
|
|
5385
|
-
|
|
5386
|
+
ot.update({
|
|
5386
5387
|
inline: ee,
|
|
5387
5388
|
popupProps: Gt,
|
|
5388
5389
|
inputProps: Wt,
|
|
5389
|
-
triggerProps:
|
|
5390
|
+
triggerProps: Et,
|
|
5390
5391
|
itemProps: Kt,
|
|
5391
|
-
setOpen:
|
|
5392
|
-
setInputValue:
|
|
5393
|
-
setSelectedValue:
|
|
5394
|
-
setIndices:
|
|
5395
|
-
onItemHighlighted:
|
|
5396
|
-
handleSelection:
|
|
5397
|
-
forceMount:
|
|
5398
|
-
requestSubmit:
|
|
5392
|
+
setOpen: jt,
|
|
5393
|
+
setInputValue: At,
|
|
5394
|
+
setSelectedValue: Mt,
|
|
5395
|
+
setIndices: kt,
|
|
5396
|
+
onItemHighlighted: lt,
|
|
5397
|
+
handleSelection: Nt,
|
|
5398
|
+
forceMount: Dt,
|
|
5399
|
+
requestSubmit: R
|
|
5399
5400
|
});
|
|
5400
5401
|
}), J(() => {
|
|
5401
|
-
|
|
5402
|
+
ot.update({
|
|
5402
5403
|
id: pe,
|
|
5403
|
-
selectedValue:
|
|
5404
|
-
open:
|
|
5405
|
-
mounted:
|
|
5406
|
-
transitionStatus:
|
|
5404
|
+
selectedValue: Ue,
|
|
5405
|
+
open: Ye,
|
|
5406
|
+
mounted: St,
|
|
5407
|
+
transitionStatus: wt,
|
|
5407
5408
|
items: y,
|
|
5408
5409
|
inline: ee,
|
|
5409
5410
|
popupProps: Gt,
|
|
5410
5411
|
inputProps: Wt,
|
|
5411
|
-
triggerProps:
|
|
5412
|
-
openMethod:
|
|
5412
|
+
triggerProps: Et,
|
|
5413
|
+
openMethod: Tt,
|
|
5413
5414
|
itemProps: Kt,
|
|
5414
5415
|
selectionMode: u,
|
|
5415
5416
|
name: Ie,
|
|
@@ -5418,9 +5419,9 @@ function Zg(e) {
|
|
|
5418
5419
|
readOnly: h,
|
|
5419
5420
|
required: g,
|
|
5420
5421
|
grid: v,
|
|
5421
|
-
isGrouped:
|
|
5422
|
+
isGrouped: Ze,
|
|
5422
5423
|
virtualized: A,
|
|
5423
|
-
onOpenChangeComplete:
|
|
5424
|
+
onOpenChangeComplete: ut,
|
|
5424
5425
|
openOnInputClick: S,
|
|
5425
5426
|
itemToStringLabel: D,
|
|
5426
5427
|
modal: M,
|
|
@@ -5428,22 +5429,22 @@ function Zg(e) {
|
|
|
5428
5429
|
isItemEqualToValue: k,
|
|
5429
5430
|
submitOnItemClick: re,
|
|
5430
5431
|
hasInputValue: ze,
|
|
5431
|
-
requestSubmit:
|
|
5432
|
-
inputOwnsFormValue: u === "none" && (ee || !
|
|
5432
|
+
requestSubmit: R,
|
|
5433
|
+
inputOwnsFormValue: u === "none" && (ee || !ot.state.inputInsidePopup)
|
|
5433
5434
|
});
|
|
5434
5435
|
}, [
|
|
5435
|
-
|
|
5436
|
+
ot,
|
|
5436
5437
|
pe,
|
|
5437
|
-
|
|
5438
|
-
|
|
5439
|
-
|
|
5440
|
-
|
|
5438
|
+
Ue,
|
|
5439
|
+
Ye,
|
|
5440
|
+
St,
|
|
5441
|
+
wt,
|
|
5441
5442
|
y,
|
|
5442
5443
|
Gt,
|
|
5443
5444
|
Wt,
|
|
5444
5445
|
Kt,
|
|
5445
|
-
wt,
|
|
5446
5446
|
Tt,
|
|
5447
|
+
Et,
|
|
5447
5448
|
u,
|
|
5448
5449
|
Ie,
|
|
5449
5450
|
Fe,
|
|
@@ -5451,9 +5452,9 @@ function Zg(e) {
|
|
|
5451
5452
|
g,
|
|
5452
5453
|
de,
|
|
5453
5454
|
v,
|
|
5454
|
-
|
|
5455
|
+
Ze,
|
|
5455
5456
|
A,
|
|
5456
|
-
|
|
5457
|
+
ut,
|
|
5457
5458
|
S,
|
|
5458
5459
|
D,
|
|
5459
5460
|
M,
|
|
@@ -5461,21 +5462,21 @@ function Zg(e) {
|
|
|
5461
5462
|
re,
|
|
5462
5463
|
ze,
|
|
5463
5464
|
ee,
|
|
5464
|
-
|
|
5465
|
+
R,
|
|
5465
5466
|
He,
|
|
5466
5467
|
p
|
|
5467
5468
|
]);
|
|
5468
5469
|
let qt = _d(_, de.inputRef), Jt = z.useMemo(() => ({
|
|
5469
|
-
query:
|
|
5470
|
+
query: Qe,
|
|
5470
5471
|
hasItems: Be,
|
|
5471
|
-
filteredItems:
|
|
5472
|
-
flatFilteredItems:
|
|
5472
|
+
filteredItems: it,
|
|
5473
|
+
flatFilteredItems: at
|
|
5473
5474
|
}), [
|
|
5474
|
-
|
|
5475
|
+
Qe,
|
|
5475
5476
|
Be,
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
]), Yt = z.useMemo(() => Array.isArray(
|
|
5477
|
+
it,
|
|
5478
|
+
at
|
|
5479
|
+
]), Yt = z.useMemo(() => Array.isArray(st) ? "" : Cg(st, O), [st, O]), Xt = Le && Array.isArray(Ue) && Ue.length > 0, Zt = Le || u === "none" && bt ? void 0 : Ie, Qt = z.useMemo(() => !Le || !Array.isArray(Ue) || !Ie ? null : Ue.map((e) => {
|
|
5479
5480
|
let t = Cg(e, O);
|
|
5480
5481
|
return /*#__PURE__*/ G("input", {
|
|
5481
5482
|
type: "hidden",
|
|
@@ -5486,7 +5487,7 @@ function Zg(e) {
|
|
|
5486
5487
|
}, t);
|
|
5487
5488
|
}), [
|
|
5488
5489
|
Le,
|
|
5489
|
-
|
|
5490
|
+
Ue,
|
|
5490
5491
|
p,
|
|
5491
5492
|
Ie,
|
|
5492
5493
|
O,
|
|
@@ -5496,11 +5497,11 @@ function Zg(e) {
|
|
|
5496
5497
|
/*#__PURE__*/ G("input", {
|
|
5497
5498
|
...de.getValidationProps(Fe, {
|
|
5498
5499
|
onFocus() {
|
|
5499
|
-
if (
|
|
5500
|
-
|
|
5500
|
+
if (yt) {
|
|
5501
|
+
ht?.focus();
|
|
5501
5502
|
return;
|
|
5502
5503
|
}
|
|
5503
|
-
(Se.current ||
|
|
5504
|
+
(Se.current || ht)?.focus();
|
|
5504
5505
|
},
|
|
5505
5506
|
onChange(e) {
|
|
5506
5507
|
if (e.nativeEvent.defaultPrevented || Fe || h) return;
|
|
@@ -5508,7 +5509,7 @@ function Zg(e) {
|
|
|
5508
5509
|
function a() {
|
|
5509
5510
|
if (Le) return;
|
|
5510
5511
|
if (u === "none") {
|
|
5511
|
-
|
|
5512
|
+
At(t, r);
|
|
5512
5513
|
return;
|
|
5513
5514
|
}
|
|
5514
5515
|
let e = i();
|
|
@@ -5517,9 +5518,9 @@ function Zg(e) {
|
|
|
5517
5518
|
return r != null && r.toLowerCase() === n;
|
|
5518
5519
|
}));
|
|
5519
5520
|
let a = e === -1 ? void 0 : Ne.current[e];
|
|
5520
|
-
a != null &&
|
|
5521
|
+
a != null && Mt?.(a, r);
|
|
5521
5522
|
}
|
|
5522
|
-
Re && (
|
|
5523
|
+
Re && (Dt(), y && i() === -1 && ot.set("forceMounted", !0)), queueMicrotask(a);
|
|
5523
5524
|
}
|
|
5524
5525
|
}),
|
|
5525
5526
|
id: pe && Zt == null ? `${pe}-hidden-input` : void 0,
|
|
@@ -5539,7 +5540,7 @@ function Zg(e) {
|
|
|
5539
5540
|
Qt
|
|
5540
5541
|
] });
|
|
5541
5542
|
return /*#__PURE__*/ G(ig.Provider, {
|
|
5542
|
-
value:
|
|
5543
|
+
value: ot,
|
|
5543
5544
|
children: /*#__PURE__*/ G(ag.Provider, {
|
|
5544
5545
|
value: Lt,
|
|
5545
5546
|
children: /*#__PURE__*/ G(sg.Provider, {
|
|
@@ -5547,7 +5548,7 @@ function Zg(e) {
|
|
|
5547
5548
|
children: /*#__PURE__*/ G(og.Provider, {
|
|
5548
5549
|
value: Jt,
|
|
5549
5550
|
children: /*#__PURE__*/ G(cg.Provider, {
|
|
5550
|
-
value:
|
|
5551
|
+
value: qe,
|
|
5551
5552
|
children: $t
|
|
5552
5553
|
})
|
|
5553
5554
|
})
|
|
@@ -6086,14 +6087,14 @@ var w_ = (e) => ({
|
|
|
6086
6087
|
name: "arrow",
|
|
6087
6088
|
options: e,
|
|
6088
6089
|
async fn(t) {
|
|
6089
|
-
let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0, offsetParent: d = "real" } =
|
|
6090
|
+
let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0, offsetParent: d = "real" } = Ie(e, t) || {};
|
|
6090
6091
|
if (l == null) return {};
|
|
6091
|
-
let f =
|
|
6092
|
+
let f = ze(u), p = {
|
|
6092
6093
|
x: n,
|
|
6093
6094
|
y: r
|
|
6094
|
-
}, m =
|
|
6095
|
+
}, m = Re(i), h = Le(m), g = await o.getDimensions(l), _ = m === "y", v = _ ? "top" : "left", y = _ ? "bottom" : "right", b = _ ? "clientHeight" : "clientWidth", x = a.reference[h] + a.reference[m] - p[m] - a.floating[h], S = p[m] - a.reference[m], C = d === "real" ? await o.getOffsetParent?.(l) : s.floating, w = s.floating[b] || a.floating[h];
|
|
6095
6096
|
(!w || !await o.isElement?.(C)) && (w = s.floating[b] || a.floating[h]);
|
|
6096
|
-
let T = x / 2 - S / 2, E = w / 2 - g[h] / 2 - 1, D = Math.min(f[v], E), O = Math.min(f[y], E), k = D, A = w - g[h] - O, ee = w / 2 - g[h] / 2 + T, j =
|
|
6097
|
+
let T = x / 2 - S / 2, E = w / 2 - g[h] / 2 - 1, D = Math.min(f[v], E), O = Math.min(f[y], E), k = D, A = w - g[h] - O, ee = w / 2 - g[h] / 2 + T, j = Be(k, ee, A), M = !c.arrow && Ve(i) != null && ee !== j && a.reference[h] / 2 - (ee < k ? D : O) - g[h] / 2 < 0, N = M ? ee < k ? ee - k : ee - A : 0;
|
|
6097
6098
|
return {
|
|
6098
6099
|
[m]: p[m] + N,
|
|
6099
6100
|
data: {
|
|
@@ -6107,7 +6108,7 @@ var w_ = (e) => ({
|
|
|
6107
6108
|
}), T_ = (e, t) => ({
|
|
6108
6109
|
...w_(e),
|
|
6109
6110
|
options: [e, t]
|
|
6110
|
-
}), E_ =
|
|
6111
|
+
}), E_ = v().fn, D_ = {
|
|
6111
6112
|
name: "hide",
|
|
6112
6113
|
async fn(e) {
|
|
6113
6114
|
let { width: t, height: n, x: r, y: i } = e.rects.reference, a = t === 0 && n === 0 && r === 0 && i === 0;
|
|
@@ -6132,7 +6133,7 @@ function A_(e, t, n) {
|
|
|
6132
6133
|
let { rects: r, placement: i } = e;
|
|
6133
6134
|
return {
|
|
6134
6135
|
side: k_(t, Xe(i), n),
|
|
6135
|
-
align:
|
|
6136
|
+
align: Ve(i) || "center",
|
|
6136
6137
|
anchor: {
|
|
6137
6138
|
width: r.reference.width,
|
|
6138
6139
|
height: r.reference.height
|
|
@@ -6144,7 +6145,7 @@ function A_(e, t, n) {
|
|
|
6144
6145
|
};
|
|
6145
6146
|
}
|
|
6146
6147
|
function j_(e) {
|
|
6147
|
-
let { anchor: t, positionMethod: n = "absolute", side: r = "bottom", sideOffset: i = 0, align: a = "center", alignOffset: o = 0, collisionBoundary: s, collisionPadding: c = 5, sticky: l = !1, arrowPadding: u = 5, disableAnchorTracking: d = !1, inline:
|
|
6148
|
+
let { anchor: t, positionMethod: n = "absolute", side: r = "bottom", sideOffset: i = 0, align: a = "center", alignOffset: o = 0, collisionBoundary: s, collisionPadding: c = 5, sticky: l = !1, arrowPadding: u = 5, disableAnchorTracking: d = !1, inline: p, keepMounted: m = !1, floatingRootContext: _, mounted: v, collisionAvoidance: y, shiftCrossAxis: x = !1, nodeId: C, adaptiveOrigin: w, lazyFlip: T = !1, externalTree: E } = e, [D, O] = z.useState(null);
|
|
6148
6149
|
!v && D !== null && O(null);
|
|
6149
6150
|
let k = y.side || "flip", A = y.align || "flip", ee = y.fallbackAxisSide || "end", j = typeof t == "function" ? t : void 0, M = q(j), N = j ? M : t, te = Gf(t), ne = Gf(v), P = md() === "rtl", re = D || {
|
|
6150
6151
|
top: "top",
|
|
@@ -6169,7 +6170,7 @@ function j_(e) {
|
|
|
6169
6170
|
boundary: s === "clipping-ancestors" ? "clippingAncestors" : s,
|
|
6170
6171
|
padding: F
|
|
6171
6172
|
}, le = z.useRef(null), ue = Gf(i), de = Gf(o), fe = typeof i == "function" ? 0 : i, pe = typeof o == "function" ? 0 : o, me = [];
|
|
6172
|
-
|
|
6173
|
+
p && me.push(p), me.push(h((e) => {
|
|
6173
6174
|
let t = A_(e, r, P), n = typeof ue.current == "function" ? ue.current(t) : ue.current, i = typeof de.current == "function" ? de.current(t) : de.current;
|
|
6174
6175
|
return {
|
|
6175
6176
|
mainAxis: n,
|
|
@@ -6182,7 +6183,7 @@ function j_(e) {
|
|
|
6182
6183
|
P,
|
|
6183
6184
|
r
|
|
6184
6185
|
]));
|
|
6185
|
-
let he = A === "none" && k !== "shift", ge = !he && (l ||
|
|
6186
|
+
let he = A === "none" && k !== "shift", ge = !he && (l || x || k === "shift"), _e = k === "none" ? null : b({
|
|
6186
6187
|
...ce,
|
|
6187
6188
|
padding: {
|
|
6188
6189
|
top: F.top + 1,
|
|
@@ -6190,14 +6191,14 @@ function j_(e) {
|
|
|
6190
6191
|
bottom: F.bottom + 1,
|
|
6191
6192
|
left: F.left + 1
|
|
6192
6193
|
},
|
|
6193
|
-
mainAxis: !
|
|
6194
|
+
mainAxis: !x && k === "flip",
|
|
6194
6195
|
crossAxis: A === "flip" && "alignment",
|
|
6195
6196
|
fallbackAxisSideDirection: ee
|
|
6196
|
-
}), ve = he ? null :
|
|
6197
|
+
}), ve = he ? null : f((e) => {
|
|
6197
6198
|
let t = qf(e.elements.floating).documentElement;
|
|
6198
6199
|
return {
|
|
6199
6200
|
...ce,
|
|
6200
|
-
rootBoundary:
|
|
6201
|
+
rootBoundary: x ? {
|
|
6201
6202
|
x: 0,
|
|
6202
6203
|
y: 0,
|
|
6203
6204
|
width: t.clientWidth,
|
|
@@ -6205,20 +6206,20 @@ function j_(e) {
|
|
|
6205
6206
|
} : void 0,
|
|
6206
6207
|
mainAxis: A !== "none",
|
|
6207
6208
|
crossAxis: ge,
|
|
6208
|
-
limiter: l ||
|
|
6209
|
+
limiter: l || x ? void 0 : g((e) => {
|
|
6209
6210
|
if (!le.current) return {};
|
|
6210
|
-
let { width: t, height: n } = le.current.getBoundingClientRect(), r =
|
|
6211
|
+
let { width: t, height: n } = le.current.getBoundingClientRect(), r = Fe(Xe(e.placement)), i = r === "y" ? t : n, a = r === "y" ? F.left + F.right : F.top + F.bottom;
|
|
6211
6212
|
return { offset: i / 2 + a / 2 };
|
|
6212
6213
|
})
|
|
6213
6214
|
};
|
|
6214
6215
|
}, [
|
|
6215
6216
|
ce,
|
|
6216
6217
|
l,
|
|
6217
|
-
|
|
6218
|
+
x,
|
|
6218
6219
|
F,
|
|
6219
6220
|
A
|
|
6220
6221
|
]);
|
|
6221
|
-
k === "shift" || A === "shift" || a === "center" ? me.push(ve, _e) : me.push(_e, ve), me.push(
|
|
6222
|
+
k === "shift" || A === "shift" || a === "center" ? me.push(ve, _e) : me.push(_e, ve), me.push(S({
|
|
6222
6223
|
...ce,
|
|
6223
6224
|
apply({ elements: { floating: e }, availableWidth: t, availableHeight: n, rects: r }) {
|
|
6224
6225
|
if (!ne.current) return;
|
|
@@ -6234,7 +6235,7 @@ function j_(e) {
|
|
|
6234
6235
|
}), [u]), {
|
|
6235
6236
|
name: "transformOrigin",
|
|
6236
6237
|
fn(e) {
|
|
6237
|
-
let { elements: t, middlewareData: n, placement: a, rects: o, y: s } = e, c = Xe(a), l =
|
|
6238
|
+
let { elements: t, middlewareData: n, placement: a, rects: o, y: s } = e, c = Xe(a), l = Fe(c), u = le.current, d = n.arrow?.x || 0, f = n.arrow?.y || 0, p = u?.clientWidth || 0, m = u?.clientHeight || 0, h = d + p / 2, g = f + m / 2, _ = Math.abs(n.shift?.y || 0), v = o.reference.height / 2, y = typeof i == "function" ? i(A_(e, r, P)) : i, b = _ > y, x = {
|
|
6238
6239
|
top: `${h}px calc(100% + ${y}px)`,
|
|
6239
6240
|
bottom: `${h}px ${-y}px`,
|
|
6240
6241
|
left: `calc(100% + ${y}px) ${g}px`,
|
|
@@ -6243,24 +6244,24 @@ function j_(e) {
|
|
|
6243
6244
|
return t.floating.style.setProperty("--transform-origin", ge && l === "y" && b ? S : x), {};
|
|
6244
6245
|
}
|
|
6245
6246
|
}, D_, w), J(() => {
|
|
6246
|
-
!v &&
|
|
6247
|
+
!v && _ && _.update({
|
|
6247
6248
|
referenceElement: null,
|
|
6248
6249
|
floatingElement: null,
|
|
6249
6250
|
domReferenceElement: null,
|
|
6250
6251
|
positionReference: null
|
|
6251
6252
|
});
|
|
6252
|
-
}, [v,
|
|
6253
|
+
}, [v, _]);
|
|
6253
6254
|
let ye = z.useMemo(() => ({
|
|
6254
6255
|
elementResize: !d && typeof ResizeObserver < "u",
|
|
6255
6256
|
layoutShift: !d && typeof IntersectionObserver < "u"
|
|
6256
6257
|
}), [d]), { refs: be, elements: xe, x: Se, y: Ce, middlewareData: we, update: Te, placement: Ee, context: De, isPositioned: Oe, floatingStyles: ke } = Mh({
|
|
6257
|
-
rootContext:
|
|
6258
|
+
rootContext: _,
|
|
6258
6259
|
open: m ? v : void 0,
|
|
6259
6260
|
placement: ie,
|
|
6260
6261
|
middleware: me,
|
|
6261
6262
|
strategy: n,
|
|
6262
6263
|
whileElementsMounted: m ? void 0 : (...e) => nt(...e, ye),
|
|
6263
|
-
nodeId:
|
|
6264
|
+
nodeId: C,
|
|
6264
6265
|
externalTree: E
|
|
6265
6266
|
}), { sideX: Ae, sideY: je } = we.adaptiveOrigin || O_, Me = Oe ? n : "fixed", Ne = z.useMemo(() => {
|
|
6266
6267
|
let e = w ? {
|
|
@@ -6309,28 +6310,28 @@ function j_(e) {
|
|
|
6309
6310
|
Te,
|
|
6310
6311
|
ye
|
|
6311
6312
|
]);
|
|
6312
|
-
let
|
|
6313
|
+
let Ie = Xe(Ee), Le = k_(r, Ie, P), Re = Ve(Ee) || "center", ze = !!we.hide?.referenceHidden;
|
|
6313
6314
|
J(() => {
|
|
6314
|
-
T && v && Oe && O(
|
|
6315
|
+
T && v && Oe && O(Ie);
|
|
6315
6316
|
}, [
|
|
6316
6317
|
T,
|
|
6317
6318
|
v,
|
|
6318
6319
|
Oe,
|
|
6319
|
-
|
|
6320
|
+
Ie
|
|
6320
6321
|
]);
|
|
6321
6322
|
let Be = z.useMemo(() => ({
|
|
6322
6323
|
position: "absolute",
|
|
6323
6324
|
top: we.arrow?.y,
|
|
6324
6325
|
left: we.arrow?.x
|
|
6325
|
-
}), [we.arrow]),
|
|
6326
|
+
}), [we.arrow]), He = we.arrow?.centerOffset !== 0;
|
|
6326
6327
|
return z.useMemo(() => ({
|
|
6327
6328
|
positionerStyles: Ne,
|
|
6328
6329
|
arrowStyles: Be,
|
|
6329
6330
|
arrowRef: le,
|
|
6330
|
-
arrowUncentered:
|
|
6331
|
+
arrowUncentered: He,
|
|
6331
6332
|
side: Le,
|
|
6332
6333
|
align: Re,
|
|
6333
|
-
physicalSide:
|
|
6334
|
+
physicalSide: Ie,
|
|
6334
6335
|
anchorHidden: ze,
|
|
6335
6336
|
refs: be,
|
|
6336
6337
|
context: De,
|
|
@@ -6340,10 +6341,10 @@ function j_(e) {
|
|
|
6340
6341
|
Ne,
|
|
6341
6342
|
Be,
|
|
6342
6343
|
le,
|
|
6343
|
-
|
|
6344
|
+
He,
|
|
6344
6345
|
Le,
|
|
6345
6346
|
Re,
|
|
6346
|
-
|
|
6347
|
+
Ie,
|
|
6347
6348
|
ze,
|
|
6348
6349
|
be,
|
|
6349
6350
|
De,
|
|
@@ -6920,7 +6921,7 @@ var uv = Va(null), dv = Va(null);
|
|
|
6920
6921
|
//#endregion
|
|
6921
6922
|
//#region lib/components/ui/selection/combobox/combobox-end.tsx
|
|
6922
6923
|
function fv({ showClear: e, showTrigger: t, disabled: n, labelId: r }) {
|
|
6923
|
-
let { t: i } =
|
|
6924
|
+
let { t: i } = L();
|
|
6924
6925
|
return /* @__PURE__ */ K(Xa, { children: [e && !n && /* @__PURE__ */ G(f_, {
|
|
6925
6926
|
"data-slot": "field-box-clear",
|
|
6926
6927
|
"aria-label": i("material.combobox.clear", "Clear"),
|
|
@@ -6998,12 +6999,12 @@ function vv({ className: e, ref: t, children: r, showTrigger: i = !0, showClear:
|
|
|
6998
6999
|
let l = z.useContext(uv);
|
|
6999
7000
|
return /* @__PURE__ */ K(rv, {
|
|
7000
7001
|
"data-slot": "combobox-chips",
|
|
7001
|
-
...
|
|
7002
|
+
...Ne({
|
|
7002
7003
|
list: hv(),
|
|
7003
7004
|
disabled: o
|
|
7004
7005
|
}),
|
|
7005
7006
|
ref: $t(t, l ?? void 0),
|
|
7006
|
-
className: n(
|
|
7007
|
+
className: n(Pe, "flex min-h-11 w-full items-start gap-1.5 py-1.5 ps-2 pe-1.5 text-base md:text-sm", e),
|
|
7007
7008
|
...c,
|
|
7008
7009
|
children: [/* @__PURE__ */ G("span", {
|
|
7009
7010
|
"data-slot": "combobox-chips-values",
|
|
@@ -7025,7 +7026,7 @@ function vv({ className: e, ref: t, children: r, showTrigger: i = !0, showClear:
|
|
|
7025
7026
|
});
|
|
7026
7027
|
}
|
|
7027
7028
|
function yv({ className: e, children: t, showRemove: r = !0, removeLabel: i, avatar: a, ...o }) {
|
|
7028
|
-
let { t: s } =
|
|
7029
|
+
let { t: s } = L(), c = z.useContext(_v), l = typeof t == "string" || typeof t == "number" ? String(t) : void 0, u = tn({
|
|
7029
7030
|
variant: "tonal",
|
|
7030
7031
|
size: "sm"
|
|
7031
7032
|
}).attributes;
|
|
@@ -7077,8 +7078,8 @@ function Tv(e) {
|
|
|
7077
7078
|
inline: !0
|
|
7078
7079
|
});
|
|
7079
7080
|
}
|
|
7080
|
-
function Ev({ className: e, side: t = "bottom", sideOffset: r, align: i = "start", alignOffset: a = 0, anchor: o, collisionAvoidance: s, container: c, inline: l, ref:
|
|
7081
|
-
let p = z.useContext(uv), m = hv(), h = !o && !!p, g = d
|
|
7081
|
+
function Ev({ className: e, side: t = "bottom", sideOffset: r, align: i = "start", alignOffset: a = 0, anchor: o, collisionAvoidance: s, container: c, inline: l, ref: d, ...f }) {
|
|
7082
|
+
let p = z.useContext(uv), m = hv(), h = !o && !!p, g = u(d, m?.listRef);
|
|
7082
7083
|
return /* @__PURE__ */ G(C_, {
|
|
7083
7084
|
container: c,
|
|
7084
7085
|
children: /* @__PURE__ */ G(L_, {
|
|
@@ -7090,10 +7091,10 @@ function Ev({ className: e, side: t = "bottom", sideOffset: r, align: i = "start
|
|
|
7090
7091
|
collisionAvoidance: s ?? (l ? { side: "none" } : void 0),
|
|
7091
7092
|
className: n("isolate z-[100]", l && "static! transform-none!"),
|
|
7092
7093
|
children: /* @__PURE__ */ G(z_, {
|
|
7093
|
-
ref: h ? g :
|
|
7094
|
+
ref: h ? g : d,
|
|
7094
7095
|
"data-slot": "combobox-content",
|
|
7095
7096
|
"data-chips": !!o,
|
|
7096
|
-
className: n("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width))] origin-(--transform-origin) overflow-hidden bg-popover text-popover-foreground duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:pointer-events-none data-ending-style:pointer-events-none", Sv, l && "data-closed:hidden", h ?
|
|
7097
|
+
className: n("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width))] origin-(--transform-origin) overflow-hidden bg-popover text-popover-foreground duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:pointer-events-none data-ending-style:pointer-events-none", Sv, l && "data-closed:hidden", h ? ye : "rounded shadow-md ring-1 ring-foreground/10", e),
|
|
7097
7098
|
...f
|
|
7098
7099
|
})
|
|
7099
7100
|
})
|
|
@@ -7121,11 +7122,11 @@ function kv({ className: e, ...t }) {
|
|
|
7121
7122
|
return /* @__PURE__ */ G("div", {
|
|
7122
7123
|
"data-slot": "input-group",
|
|
7123
7124
|
role: "group",
|
|
7124
|
-
className: n(
|
|
7125
|
+
className: n(Pe, "group/input-group relative flex w-full items-center outline-none", "h-11 max-h-full min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:ps-2", "has-[>[data-align=inline-end]]:[&>input]:pe-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", e),
|
|
7125
7126
|
...t
|
|
7126
7127
|
});
|
|
7127
7128
|
}
|
|
7128
|
-
var Av =
|
|
7129
|
+
var Av = y("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&>kbd]:rounded-field-inner [&>svg:not([class*='size-'])]:size-4", {
|
|
7129
7130
|
variants: { align: {
|
|
7130
7131
|
"inline-start": "order-first ps-3 has-[>button]:ps-[0.3rem] has-[>kbd]:ps-[0.4rem]",
|
|
7131
7132
|
"inline-end": "order-last pe-3 has-[>button]:pe-[0.3rem] has-[>kbd]:pe-[0.4rem]",
|
|
@@ -7146,12 +7147,12 @@ function jv({ className: e, align: t = "inline-start", ...r }) {
|
|
|
7146
7147
|
...r
|
|
7147
7148
|
});
|
|
7148
7149
|
}
|
|
7149
|
-
function Mv({ className: e, type: t = "button", variant: r = "ghost", ...
|
|
7150
|
-
return /* @__PURE__ */ G(
|
|
7150
|
+
function Mv({ className: e, type: t = "button", variant: r = "ghost", ...i }) {
|
|
7151
|
+
return /* @__PURE__ */ G(R, {
|
|
7151
7152
|
type: t,
|
|
7152
7153
|
variant: r,
|
|
7153
7154
|
className: n("size-8", e),
|
|
7154
|
-
...
|
|
7155
|
+
...i
|
|
7155
7156
|
});
|
|
7156
7157
|
}
|
|
7157
7158
|
function Nv({ className: e, ...t }) {
|
|
@@ -7167,7 +7168,7 @@ function Pv({ className: e, type: t = "text", ...r }) {
|
|
|
7167
7168
|
"data-pw": r.name ?? "input",
|
|
7168
7169
|
className: n("h-full w-full min-w-0 flex-1 bg-transparent px-2 py-1 text-base outline-none md:text-sm", "pointer-coarse:-my-px pointer-coarse:h-[calc(100%+2px)]", "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground disabled:pointer-events-none", e),
|
|
7169
7170
|
...r,
|
|
7170
|
-
placeholder:
|
|
7171
|
+
placeholder: je(r.placeholder, t)
|
|
7171
7172
|
});
|
|
7172
7173
|
}
|
|
7173
7174
|
function Fv({ className: e, ...t }) {
|
|
@@ -7176,7 +7177,7 @@ function Fv({ className: e, ...t }) {
|
|
|
7176
7177
|
"data-pw": t.name ?? "textarea",
|
|
7177
7178
|
className: n("field-sizing-content min-h-16 w-full min-w-[280px] flex-1 resize-none bg-transparent px-3 py-3 text-base outline-none md:text-sm", "placeholder:text-muted-foreground disabled:pointer-events-none", e),
|
|
7178
7179
|
...t,
|
|
7179
|
-
placeholder:
|
|
7180
|
+
placeholder: je(t.placeholder, "text")
|
|
7180
7181
|
});
|
|
7181
7182
|
}
|
|
7182
7183
|
//#endregion
|
|
@@ -7190,12 +7191,12 @@ function Iv({ ...e }) {
|
|
|
7190
7191
|
function Lv({ className: e, children: t, ...r }) {
|
|
7191
7192
|
return /* @__PURE__ */ K(X_, {
|
|
7192
7193
|
"data-slot": "combobox-item",
|
|
7193
|
-
className: n("flex w-full cursor-default items-center gap-2 rounded-(--nxgt-item-radius) py-2 pe-8 ps-3 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
7194
|
+
className: n("flex w-full cursor-default items-center gap-2 rounded-(--nxgt-item-radius) py-2 pe-8 ps-3 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", ie, e),
|
|
7194
7195
|
...r,
|
|
7195
7196
|
children: [t, /* @__PURE__ */ G(tv, {
|
|
7196
7197
|
"data-slot": "combobox-item-indicator",
|
|
7197
7198
|
render: /* @__PURE__ */ G("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
|
|
7198
|
-
children: /* @__PURE__ */ G(
|
|
7199
|
+
children: /* @__PURE__ */ G(oe, {
|
|
7199
7200
|
kind: "check",
|
|
7200
7201
|
animate: "enter",
|
|
7201
7202
|
className: "pointer-events-none text-primary-text pointer-coarse:size-5"
|
|
@@ -7285,7 +7286,7 @@ function Wv({ id: e, rowTextId: t, text: r, isChecked: i, error: a, className: o
|
|
|
7285
7286
|
"data-checked": i,
|
|
7286
7287
|
"data-filled": i,
|
|
7287
7288
|
"data-invalid": a || void 0,
|
|
7288
|
-
className: n(
|
|
7289
|
+
className: n(we, "h-auto min-h-11 items-start py-[5px]", o),
|
|
7289
7290
|
children: [/* @__PURE__ */ G("label", {
|
|
7290
7291
|
id: t,
|
|
7291
7292
|
htmlFor: e,
|
|
@@ -7421,15 +7422,15 @@ function $v({ className: e, ...t }) {
|
|
|
7421
7422
|
});
|
|
7422
7423
|
}
|
|
7423
7424
|
function ey({ className: e, onOpenAutoFocus: t, onCloseAutoFocus: r, onEscapeKeyDown: i, ref: a, ...o }) {
|
|
7424
|
-
let s =
|
|
7425
|
+
let s = xe({
|
|
7425
7426
|
onOpenAutoFocus: t,
|
|
7426
7427
|
onCloseAutoFocus: r
|
|
7427
|
-
}, { focusFallback: !0 }), c =
|
|
7428
|
+
}, { focusFallback: !0 }), c = ve({
|
|
7428
7429
|
ref: a,
|
|
7429
7430
|
onEscapeKeyDown: i,
|
|
7430
7431
|
...o
|
|
7431
7432
|
}, !0);
|
|
7432
|
-
return /* @__PURE__ */ G(
|
|
7433
|
+
return /* @__PURE__ */ G(ue, {
|
|
7433
7434
|
value: !0,
|
|
7434
7435
|
children: /* @__PURE__ */ K(Qv, { children: [/* @__PURE__ */ G($v, { ref: c.overlayRef }), /* @__PURE__ */ G(Fc, {
|
|
7435
7436
|
ref: c.ref,
|
|
@@ -7675,7 +7676,7 @@ var Cy = (e) => `${Math.round(Math.min(1, Math.max(0, e)) * 1e4) / 100}%`;
|
|
|
7675
7676
|
//#endregion
|
|
7676
7677
|
//#region lib/components/ui/primitives/label/field-group.tsx
|
|
7677
7678
|
function wy({ id: e }) {
|
|
7678
|
-
let { t } =
|
|
7679
|
+
let { t } = L();
|
|
7679
7680
|
return /* @__PURE__ */ G("span", {
|
|
7680
7681
|
id: e,
|
|
7681
7682
|
className: "sr-only",
|
|
@@ -7683,7 +7684,7 @@ function wy({ id: e }) {
|
|
|
7683
7684
|
});
|
|
7684
7685
|
}
|
|
7685
7686
|
function Ty({ id: e }) {
|
|
7686
|
-
let { t } =
|
|
7687
|
+
let { t } = L();
|
|
7687
7688
|
return /* @__PURE__ */ G("span", {
|
|
7688
7689
|
id: e,
|
|
7689
7690
|
className: "sr-only",
|
|
@@ -8097,7 +8098,7 @@ function ab({ id: e, spec: t, value: n, buffer: r, stop: i }) {
|
|
|
8097
8098
|
//#endregion
|
|
8098
8099
|
//#region lib/components/ui/feedback/progress/progress.tsx
|
|
8099
8100
|
function ob({ value: e, max: t = 100, buffer: r, wavy: i = !1, reserveWave: a = !1, thickness: o = "thin", tone: s = "primary", stopIndicator: c = !0, getValueLabel: l, pulse: u, asChild: d, children: f, className: p, ref: m, ...h }) {
|
|
8100
|
-
let { t: g, language: _ } =
|
|
8101
|
+
let { t: g, language: _ } = L(), v = Ka(), y = U(null), b = H(() => $t(y, m), [m]), x = U(null), S = ly({
|
|
8101
8102
|
value: e,
|
|
8102
8103
|
max: t,
|
|
8103
8104
|
getValueLabel: l,
|
|
@@ -8275,7 +8276,7 @@ function fb({ children: e }) {
|
|
|
8275
8276
|
//#endregion
|
|
8276
8277
|
//#region lib/components/ui/selection/autocomplete/partials/autocomplete-list-status.tsx
|
|
8277
8278
|
function pb({ loading: e, failure: t, hint: n }) {
|
|
8278
|
-
let { t: r } =
|
|
8279
|
+
let { t: r } = L();
|
|
8279
8280
|
return t ? /* @__PURE__ */ G("div", {
|
|
8280
8281
|
"data-slot": "autocomplete-error",
|
|
8281
8282
|
className: "px-3 py-2 text-sm text-error",
|
|
@@ -8292,7 +8293,7 @@ function pb({ loading: e, failure: t, hint: n }) {
|
|
|
8292
8293
|
//#endregion
|
|
8293
8294
|
//#region lib/components/ui/selection/autocomplete/partials/autocomplete-popup.tsx
|
|
8294
8295
|
function mb(e) {
|
|
8295
|
-
let { t } =
|
|
8296
|
+
let { t } = L(), { query: r } = e, i = U(null), a = ft(i), o = ub(e.anchor, e.open && !e.inline, 3), s = e.inline ? Tv : wv;
|
|
8296
8297
|
return /* @__PURE__ */ G("div", {
|
|
8297
8298
|
ref: a,
|
|
8298
8299
|
className: e.inline ? e.open ? "contents" : "hidden" : "absolute",
|
|
@@ -8365,7 +8366,7 @@ function gb({ text: e, add: t }) {
|
|
|
8365
8366
|
//#endregion
|
|
8366
8367
|
//#region lib/components/ui/selection/autocomplete/use-autocomplete-filter.ts
|
|
8367
8368
|
function _b(e, t, { getOptionValue: n, getOptionLabel: r }) {
|
|
8368
|
-
let { language: i } =
|
|
8369
|
+
let { language: i } = L(), a = e ?? (t ? "none" : "accent-insensitive");
|
|
8369
8370
|
return H(() => a === "none" ? null : typeof a == "function" ? a : (e, t) => to(`${r(e)} ${n(e)}`, t, i), [
|
|
8370
8371
|
a,
|
|
8371
8372
|
i,
|
|
@@ -8435,7 +8436,7 @@ function bb(e, t, n) {
|
|
|
8435
8436
|
//#endregion
|
|
8436
8437
|
//#region lib/components/ui/selection/autocomplete/use-autocomplete-status.ts
|
|
8437
8438
|
function xb(e, t) {
|
|
8438
|
-
let { t: n } =
|
|
8439
|
+
let { t: n } = L(), { query: r, search: i } = t, [a, o] = W(r);
|
|
8439
8440
|
Pu(() => o(r), e.debounceMs, [r]);
|
|
8440
8441
|
let s = e.minQueryLength ?? po, c = i?.status === "loading" || !!e.loading, l = e.searchError || (i?.status === "error" ? n("material.autocomplete.search-error", "The search failed. Try again.") : null), u = i?.status === "idle" && s > 0 && r.trim().length < s ? n("material.autocomplete.min-query", "Type at least {count, plural, one {# character} other {# characters}} to search.", { count: s }) : null, d = e.freeSolo || c || l || u ? null : e.empty || n("material.autocomplete.empty", "No option found."), f = i ? i.status === "success" : a === r && r.trim() !== "" && !c, p = t.open ? go({
|
|
8441
8442
|
loading: c,
|
|
@@ -8542,7 +8543,7 @@ function Db({ getOptionValue: e = (e) => e.value, getOptionLabel: t = (e) => e.l
|
|
|
8542
8543
|
let r = Ka(), i = n.id ?? r, a = Hv(), o = Eb(n, {
|
|
8543
8544
|
getOptionValue: e,
|
|
8544
8545
|
getOptionLabel: t
|
|
8545
|
-
}), { query: s, status: c } = o, l =
|
|
8546
|
+
}), { query: s, status: c } = o, l = le(), u = /* @__PURE__ */ G(mb, {
|
|
8546
8547
|
anchor: a,
|
|
8547
8548
|
inline: l,
|
|
8548
8549
|
open: o.open,
|
|
@@ -8781,7 +8782,7 @@ function Bb({ ref: e, entry: t, count: n }) {
|
|
|
8781
8782
|
//#endregion
|
|
8782
8783
|
//#region lib/components/ui/selection/choice-group/use-choice-group.ts
|
|
8783
8784
|
function Vb(e) {
|
|
8784
|
-
let { options: t, selection: n, label: r, helperText: i, error: a, disabled: o, ref: s } = e, { t: c } =
|
|
8785
|
+
let { options: t, selection: n, label: r, helperText: i, error: a, disabled: o, ref: s } = e, { t: c } = L(), l = Ka(), u = e.id ?? l, d = Ob(u), f = n.type === "multiple", p = n.value, m = f ? e.max : void 0, h = e.aria ?? {}, g = Array.isArray(p) ? p : p === null ? [] : [p], _ = !!(a || h["aria-invalid"] && h["aria-invalid"] !== "false"), v = Rb({
|
|
8785
8786
|
t: c,
|
|
8786
8787
|
groupId: u,
|
|
8787
8788
|
options: t,
|
|
@@ -8870,7 +8871,7 @@ function Hb(e, t) {
|
|
|
8870
8871
|
//#endregion
|
|
8871
8872
|
//#region lib/components/ui/selection/option-count/option-count.tsx
|
|
8872
8873
|
function Ub({ count: e, inChip: t = !1 }) {
|
|
8873
|
-
let { t: r } =
|
|
8874
|
+
let { t: r } = L();
|
|
8874
8875
|
return e === void 0 ? null : /* @__PURE__ */ K(Xa, { children: [
|
|
8875
8876
|
" ",
|
|
8876
8877
|
/* @__PURE__ */ G("span", {
|
|
@@ -9032,7 +9033,7 @@ function Zb() {
|
|
|
9032
9033
|
//#endregion
|
|
9033
9034
|
//#region lib/components/ui/widgets/editor/core/use-editor-attributes.ts
|
|
9034
9035
|
function Qb(e) {
|
|
9035
|
-
let { t } =
|
|
9036
|
+
let { t } = L(), [n, r] = W({}), i = B((e) => r((t) => {
|
|
9036
9037
|
let n = { ...t };
|
|
9037
9038
|
for (let [t, r] of Object.entries(e)) r === null ? delete n[t] : n[t] = r;
|
|
9038
9039
|
return Object.keys(n).length === Object.keys(t).length && Object.entries(n).every(([e, n]) => t[e] === n) ? t : n;
|
|
@@ -9180,7 +9181,7 @@ function px(e) {
|
|
|
9180
9181
|
//#endregion
|
|
9181
9182
|
//#region lib/components/ui/widgets/editor/core/use-editor-sync.ts
|
|
9182
9183
|
function mx({ editor: e, placeholder: t, placeholderRef: n, autofocus: r }) {
|
|
9183
|
-
let { language: i } =
|
|
9184
|
+
let { language: i } = L(), a = U(`${i}|${t}`);
|
|
9184
9185
|
V(() => {
|
|
9185
9186
|
n.current = t;
|
|
9186
9187
|
let r = `${i}|${t}`;
|
|
@@ -9377,7 +9378,7 @@ function Dx() {
|
|
|
9377
9378
|
//#endregion
|
|
9378
9379
|
//#region lib/components/ui/widgets/editor/core/use-feature-context.ts
|
|
9379
9380
|
function Ox({ placeholder: e, mentions: t, characterLimit: n }) {
|
|
9380
|
-
let { t: r } =
|
|
9381
|
+
let { t: r } = L(), i = U(r), a = U(e), o = U(xx(t));
|
|
9381
9382
|
i.current = r, V(() => {
|
|
9382
9383
|
o.current = xx(t);
|
|
9383
9384
|
}, [t]);
|
|
@@ -9616,13 +9617,13 @@ function Vx({ more: e, ...t }) {
|
|
|
9616
9617
|
...e,
|
|
9617
9618
|
returnFocus: !1
|
|
9618
9619
|
} : e,
|
|
9619
|
-
children: /* @__PURE__ */ G(
|
|
9620
|
+
children: /* @__PURE__ */ G(R, { ...t })
|
|
9620
9621
|
});
|
|
9621
9622
|
}
|
|
9622
9623
|
//#endregion
|
|
9623
9624
|
//#region lib/components/ui/widgets/editor/extensions/custom/accordion/editor-accordion-wrapper.tsx
|
|
9624
9625
|
function Hx({ editor: e }) {
|
|
9625
|
-
let { t } =
|
|
9626
|
+
let { t } = L(), n = Wt({
|
|
9626
9627
|
editor: e,
|
|
9627
9628
|
selector: (e) => ({
|
|
9628
9629
|
isAccordion: e.editor.isActive("accordion") ?? !1,
|
|
@@ -9663,7 +9664,7 @@ function Gx({ className: e, children: t, ...r }) {
|
|
|
9663
9664
|
"data-slot": "accordion-trigger",
|
|
9664
9665
|
className: n("nxgt-accordion-trigger", e),
|
|
9665
9666
|
...r,
|
|
9666
|
-
children: [/* @__PURE__ */ G(
|
|
9667
|
+
children: [/* @__PURE__ */ G(s, { children: t }), /* @__PURE__ */ G("span", {
|
|
9667
9668
|
"data-slot": "accordion-icon",
|
|
9668
9669
|
className: "nxgt-accordion-icon",
|
|
9669
9670
|
children: /* @__PURE__ */ G(zr, { "aria-hidden": "true" })
|
|
@@ -9718,7 +9719,7 @@ function Jx({ className: e, ...t }) {
|
|
|
9718
9719
|
return /* @__PURE__ */ G("textarea", {
|
|
9719
9720
|
"data-slot": "textarea",
|
|
9720
9721
|
"data-pw": t.name ?? "textarea",
|
|
9721
|
-
className: n(
|
|
9722
|
+
className: n(Pe, "placeholder:text-muted-foreground flex resize-none outline-none", "field-sizing-content min-h-16 w-full min-w-[280px] px-3 py-2 text-base md:text-sm", e),
|
|
9722
9723
|
...t,
|
|
9723
9724
|
placeholder: t.placeholder || " "
|
|
9724
9725
|
});
|
|
@@ -9726,7 +9727,7 @@ function Jx({ className: e, ...t }) {
|
|
|
9726
9727
|
//#endregion
|
|
9727
9728
|
//#region lib/components/ui/fields/textarea-field/textarea-field.tsx
|
|
9728
9729
|
function Yx({ error: e, helperText: t, label: r, className: i, placeholder: a, minRows: o, maxRows: s, showCount: c, maxLength: l, value: u, defaultValue: d, onChange: f, ...p }) {
|
|
9729
|
-
let m = ft(), h = Ka(), g = Ka(), _ = no(p["aria-describedby"], !!t && g), { t: v } =
|
|
9730
|
+
let m = ft(), h = Ka(), g = Ka(), _ = no(p["aria-describedby"], !!t && g), { t: v } = L(), y = u !== void 0, [b, x] = W(d == null ? "" : String(d)), S = String((y ? u : b) ?? ""), C = c ?? l != null, w = l != null && S.length > l, T = (e) => {
|
|
9730
9731
|
y || x(e.target.value), f?.(e);
|
|
9731
9732
|
};
|
|
9732
9733
|
return /* @__PURE__ */ K("div", {
|
|
@@ -9823,7 +9824,7 @@ function Xx(e) {
|
|
|
9823
9824
|
//#endregion
|
|
9824
9825
|
//#region lib/components/ui/widgets/editor/extensions/custom/accordion/accordion-item-edit-form.tsx
|
|
9825
9826
|
function Zx({ title: e, content: t, onSubmit: r, className: i, ...a }) {
|
|
9826
|
-
let { t: o } =
|
|
9827
|
+
let { t: o } = L(), s = Xx({
|
|
9827
9828
|
title: e,
|
|
9828
9829
|
content: t
|
|
9829
9830
|
});
|
|
@@ -9853,7 +9854,7 @@ function Zx({ title: e, content: t, onSubmit: r, className: i, ...a }) {
|
|
|
9853
9854
|
//#endregion
|
|
9854
9855
|
//#region lib/components/ui/widgets/editor/extensions/custom/accordion/accordion-item-edit-dialog.tsx
|
|
9855
9856
|
function Qx({ title: e, content: t, onSubmit: r, children: i }) {
|
|
9856
|
-
let { t: a } =
|
|
9857
|
+
let { t: a } = L(), [o, s] = W(!1);
|
|
9857
9858
|
return /* @__PURE__ */ K(Xv, {
|
|
9858
9859
|
open: o,
|
|
9859
9860
|
onOpenChange: s,
|
|
@@ -9882,12 +9883,12 @@ function Qx({ title: e, content: t, onSubmit: r, children: i }) {
|
|
|
9882
9883
|
//#endregion
|
|
9883
9884
|
//#region lib/components/ui/widgets/editor/extensions/custom/accordion/accordion-component.tsx
|
|
9884
9885
|
function $x(e) {
|
|
9885
|
-
let { t } =
|
|
9886
|
+
let { t } = L(), r = e.node.attrs.items ?? [], i = e.editor.isEditable, a = (t, n) => {
|
|
9886
9887
|
e.updateAttributes({ items: r.map((e, r) => r === t ? {
|
|
9887
9888
|
...e,
|
|
9888
9889
|
...n
|
|
9889
9890
|
} : e) });
|
|
9890
|
-
},
|
|
9891
|
+
}, o = (t) => {
|
|
9891
9892
|
e.updateAttributes({ items: r.filter((e, n) => n !== t) });
|
|
9892
9893
|
};
|
|
9893
9894
|
return /* @__PURE__ */ G(Ut, {
|
|
@@ -9904,29 +9905,29 @@ function $x(e) {
|
|
|
9904
9905
|
children: [/* @__PURE__ */ G("span", {
|
|
9905
9906
|
className: "flex-1",
|
|
9906
9907
|
children: e.title
|
|
9907
|
-
}),
|
|
9908
|
+
}), i && /* @__PURE__ */ K("div", {
|
|
9908
9909
|
className: "flex gap-1 opacity-0 transition-opacity duration-(--nxgt-motion-effects-fast-duration) ease-effects-fast motion-reduce:transition-none group-hover:opacity-100",
|
|
9909
9910
|
onClick: (e) => e.stopPropagation(),
|
|
9910
9911
|
children: [/* @__PURE__ */ G(Qx, {
|
|
9911
9912
|
title: e.title,
|
|
9912
9913
|
content: e.content,
|
|
9913
|
-
onSubmit: (e) =>
|
|
9914
|
-
children: /* @__PURE__ */ G(
|
|
9914
|
+
onSubmit: (e) => a(n, e),
|
|
9915
|
+
children: /* @__PURE__ */ G(R, {
|
|
9915
9916
|
variant: "ghost",
|
|
9916
9917
|
tooltip: t("material.rich-text-editor.edit-item", "Edit item"),
|
|
9917
9918
|
children: /* @__PURE__ */ G(Bi, {})
|
|
9918
9919
|
})
|
|
9919
|
-
}), /* @__PURE__ */ G(
|
|
9920
|
+
}), /* @__PURE__ */ G(R, {
|
|
9920
9921
|
variant: "ghost",
|
|
9921
9922
|
color: "error",
|
|
9922
9923
|
tooltip: t("material.rich-text-editor.remove-item", "Remove item"),
|
|
9923
|
-
onClick: () =>
|
|
9924
|
+
onClick: () => o(n),
|
|
9924
9925
|
children: /* @__PURE__ */ G(_a, {})
|
|
9925
9926
|
})]
|
|
9926
9927
|
})]
|
|
9927
9928
|
})
|
|
9928
9929
|
}))
|
|
9929
|
-
}),
|
|
9930
|
+
}), i && /* @__PURE__ */ K(Nt, {
|
|
9930
9931
|
variant: "ghost",
|
|
9931
9932
|
className: n("border border-dashed self-end"),
|
|
9932
9933
|
onClick: () => {
|
|
@@ -10231,7 +10232,7 @@ var pS = () => yn({
|
|
|
10231
10232
|
//#endregion
|
|
10232
10233
|
//#region lib/components/ui/widgets/editor/extensions/custom/action-card/editor-action-card-wrapper.tsx
|
|
10233
10234
|
function mS({ editor: e }) {
|
|
10234
|
-
let { t } =
|
|
10235
|
+
let { t } = L(), n = Wt({
|
|
10235
10236
|
editor: e,
|
|
10236
10237
|
selector: (e) => ({
|
|
10237
10238
|
isActionCard: e.editor.isActive("actionCard") ?? !1,
|
|
@@ -10304,7 +10305,7 @@ var _S = dr.map((e) => {
|
|
|
10304
10305
|
};
|
|
10305
10306
|
});
|
|
10306
10307
|
function vS({ icon: e, title: t, description: r, href: i, onSubmit: a, className: o, ...s }) {
|
|
10307
|
-
let { t: c } =
|
|
10308
|
+
let { t: c } = L(), l = Xx({
|
|
10308
10309
|
icon: e,
|
|
10309
10310
|
title: t,
|
|
10310
10311
|
description: r,
|
|
@@ -10352,7 +10353,7 @@ function vS({ icon: e, title: t, description: r, href: i, onSubmit: a, className
|
|
|
10352
10353
|
//#endregion
|
|
10353
10354
|
//#region lib/components/ui/widgets/editor/extensions/custom/action-card/action-card-item-edit-dialog.tsx
|
|
10354
10355
|
function yS({ icon: e, title: t, description: r, href: i, onSubmit: a, children: o }) {
|
|
10355
|
-
let { t: s } =
|
|
10356
|
+
let { t: s } = L(), [c, l] = W(!1);
|
|
10356
10357
|
return /* @__PURE__ */ K(Xv, {
|
|
10357
10358
|
open: c,
|
|
10358
10359
|
onOpenChange: l,
|
|
@@ -10383,7 +10384,7 @@ function yS({ icon: e, title: t, description: r, href: i, onSubmit: a, children:
|
|
|
10383
10384
|
//#endregion
|
|
10384
10385
|
//#region lib/components/ui/widgets/editor/extensions/custom/action-card/action-card-settings-form.tsx
|
|
10385
10386
|
function bS({ variant: e, onSubmit: t, className: r, ...i }) {
|
|
10386
|
-
let { t: a } =
|
|
10387
|
+
let { t: a } = L(), o = Xx({ variant: e });
|
|
10387
10388
|
return /* @__PURE__ */ K("form", {
|
|
10388
10389
|
className: n("form-grid-layout *:p-0", r),
|
|
10389
10390
|
onSubmit: o.handleSubmit(t),
|
|
@@ -10408,7 +10409,7 @@ function bS({ variant: e, onSubmit: t, className: r, ...i }) {
|
|
|
10408
10409
|
//#endregion
|
|
10409
10410
|
//#region lib/components/ui/widgets/editor/extensions/custom/action-card/action-card-settings-dialog.tsx
|
|
10410
10411
|
function xS({ variant: e, onSubmit: t, children: r }) {
|
|
10411
|
-
let { t: i } =
|
|
10412
|
+
let { t: i } = L(), [a, o] = W(!1);
|
|
10412
10413
|
return /* @__PURE__ */ K(Xv, {
|
|
10413
10414
|
open: a,
|
|
10414
10415
|
onOpenChange: o,
|
|
@@ -10436,24 +10437,24 @@ function xS({ variant: e, onSubmit: t, children: r }) {
|
|
|
10436
10437
|
//#endregion
|
|
10437
10438
|
//#region lib/components/ui/widgets/editor/extensions/custom/action-card/action-card-component.tsx
|
|
10438
10439
|
function SS(e) {
|
|
10439
|
-
let { t } =
|
|
10440
|
+
let { t } = L(), n = e.node.attrs.items ?? [], r = e.node.attrs.variant, i = e.editor.isEditable, a = (t, r) => {
|
|
10440
10441
|
e.updateAttributes({ items: n.map((e, n) => n === t ? {
|
|
10441
10442
|
...e,
|
|
10442
10443
|
...r
|
|
10443
10444
|
} : e) });
|
|
10444
|
-
},
|
|
10445
|
+
}, o = (t) => {
|
|
10445
10446
|
e.updateAttributes({ items: n.filter((e, n) => n !== t) });
|
|
10446
10447
|
};
|
|
10447
10448
|
return /* @__PURE__ */ G(Ut, {
|
|
10448
10449
|
contentEditable: !1,
|
|
10449
10450
|
children: /* @__PURE__ */ K("div", {
|
|
10450
10451
|
className: "group/block relative my-2",
|
|
10451
|
-
children: [
|
|
10452
|
+
children: [i && /* @__PURE__ */ G("div", {
|
|
10452
10453
|
className: "mb-1 flex h-8 justify-end",
|
|
10453
10454
|
children: /* @__PURE__ */ G(xS, {
|
|
10454
10455
|
variant: r,
|
|
10455
10456
|
onSubmit: (t) => e.updateAttributes(t),
|
|
10456
|
-
children: /* @__PURE__ */ G(
|
|
10457
|
+
children: /* @__PURE__ */ G(R, {
|
|
10457
10458
|
variant: "ghost",
|
|
10458
10459
|
tooltip: t("material.rich-text-editor.action-card-settings", "Action card settings"),
|
|
10459
10460
|
className: "opacity-0 transition-opacity duration-(--nxgt-motion-effects-fast-duration) ease-effects-fast motion-reduce:transition-none group-hover/block:opacity-100",
|
|
@@ -10463,8 +10464,8 @@ function SS(e) {
|
|
|
10463
10464
|
}), /* @__PURE__ */ K("div", {
|
|
10464
10465
|
className: "grid grid-cols-[repeat(auto-fill,minmax(16rem,20rem))] gap-2",
|
|
10465
10466
|
children: [n.map((e, n) => {
|
|
10466
|
-
let
|
|
10467
|
-
icon: /* @__PURE__ */ G(
|
|
10467
|
+
let s = Kn(e.icon), c = Jn(e.href), l = /* @__PURE__ */ G(fs, {
|
|
10468
|
+
icon: /* @__PURE__ */ G(s, {}),
|
|
10468
10469
|
title: e.title,
|
|
10469
10470
|
description: e.description,
|
|
10470
10471
|
variant: r,
|
|
@@ -10473,12 +10474,12 @@ function SS(e) {
|
|
|
10473
10474
|
});
|
|
10474
10475
|
return /* @__PURE__ */ K("div", {
|
|
10475
10476
|
className: "group/item relative",
|
|
10476
|
-
children: [
|
|
10477
|
-
href:
|
|
10477
|
+
children: [c && !i ? /* @__PURE__ */ G("a", {
|
|
10478
|
+
href: c,
|
|
10478
10479
|
target: "_blank",
|
|
10479
10480
|
rel: "noopener noreferrer",
|
|
10480
|
-
children:
|
|
10481
|
-
}) :
|
|
10481
|
+
children: l
|
|
10482
|
+
}) : l, i && /* @__PURE__ */ K("div", {
|
|
10482
10483
|
className: "absolute top-2 right-2 flex gap-1 opacity-0 transition-opacity duration-(--nxgt-motion-effects-fast-duration) ease-effects-fast motion-reduce:transition-none group-hover/item:opacity-100",
|
|
10483
10484
|
onClick: (e) => e.stopPropagation(),
|
|
10484
10485
|
children: [/* @__PURE__ */ G(yS, {
|
|
@@ -10486,22 +10487,22 @@ function SS(e) {
|
|
|
10486
10487
|
title: e.title,
|
|
10487
10488
|
description: e.description,
|
|
10488
10489
|
href: e.href,
|
|
10489
|
-
onSubmit: (e) =>
|
|
10490
|
-
children: /* @__PURE__ */ G(
|
|
10490
|
+
onSubmit: (e) => a(n, e),
|
|
10491
|
+
children: /* @__PURE__ */ G(R, {
|
|
10491
10492
|
variant: "ghost",
|
|
10492
10493
|
tooltip: t("material.rich-text-editor.edit-card", "Edit card"),
|
|
10493
10494
|
children: /* @__PURE__ */ G(Bi, {})
|
|
10494
10495
|
})
|
|
10495
|
-
}), /* @__PURE__ */ G(
|
|
10496
|
+
}), /* @__PURE__ */ G(R, {
|
|
10496
10497
|
variant: "ghost",
|
|
10497
10498
|
color: "error",
|
|
10498
10499
|
tooltip: t("material.rich-text-editor.remove-card", "Remove card"),
|
|
10499
|
-
onClick: () =>
|
|
10500
|
+
onClick: () => o(n),
|
|
10500
10501
|
children: /* @__PURE__ */ G(_a, {})
|
|
10501
10502
|
})]
|
|
10502
10503
|
})]
|
|
10503
10504
|
}, e.id);
|
|
10504
|
-
}),
|
|
10505
|
+
}), i && /* @__PURE__ */ K("button", {
|
|
10505
10506
|
type: "button",
|
|
10506
10507
|
onClick: () => {
|
|
10507
10508
|
e.updateAttributes({ items: [...n, {
|
|
@@ -10551,7 +10552,7 @@ var CS = Un.extend({
|
|
|
10551
10552
|
//#endregion
|
|
10552
10553
|
//#region lib/components/ui/widgets/editor/partials/toolbar-blocks.tsx
|
|
10553
10554
|
function TS({ editor: e }) {
|
|
10554
|
-
let { t } =
|
|
10555
|
+
let { t } = L(), n = Wt({
|
|
10555
10556
|
editor: e,
|
|
10556
10557
|
selector: (e) => ({
|
|
10557
10558
|
isBulletList: e.editor.isActive("bulletList") ?? !1,
|
|
@@ -10586,7 +10587,7 @@ function TS({ editor: e }) {
|
|
|
10586
10587
|
] });
|
|
10587
10588
|
}
|
|
10588
10589
|
function ES({ editor: e }) {
|
|
10589
|
-
let { t } =
|
|
10590
|
+
let { t } = L(), n = Wt({
|
|
10590
10591
|
editor: e,
|
|
10591
10592
|
selector: (e) => e.editor.isActive("blockquote") ?? !1
|
|
10592
10593
|
});
|
|
@@ -10621,18 +10622,18 @@ var DS = () => yn({
|
|
|
10621
10622
|
//#endregion
|
|
10622
10623
|
//#region lib/components/ui/widgets/editor/extensions/custom/callout/callout-insert-menu.tsx
|
|
10623
10624
|
function OS({ insert: e }) {
|
|
10624
|
-
let { t } =
|
|
10625
|
+
let { t } = L();
|
|
10625
10626
|
return Object.keys(Wn).map((n) => {
|
|
10626
10627
|
let { icon: r, label: i } = Wn[n];
|
|
10627
|
-
return /* @__PURE__ */ K(
|
|
10628
|
+
return /* @__PURE__ */ K(I, {
|
|
10628
10629
|
onSelect: () => e(n),
|
|
10629
10630
|
children: [/* @__PURE__ */ G(r, {}), t(`material.editor.callout-type.${n}`, i)]
|
|
10630
10631
|
}, n);
|
|
10631
10632
|
});
|
|
10632
10633
|
}
|
|
10633
10634
|
function kS({ editor: e }) {
|
|
10634
|
-
let { t } =
|
|
10635
|
-
return /* @__PURE__ */ K(
|
|
10635
|
+
let { t } = L(), n = (t) => e.chain().focus().insertCallout({ type: t }).run();
|
|
10636
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
10636
10637
|
asChild: !0,
|
|
10637
10638
|
children: /* @__PURE__ */ G(Vx, {
|
|
10638
10639
|
variant: "ghost",
|
|
@@ -10643,7 +10644,7 @@ function kS({ editor: e }) {
|
|
|
10643
10644
|
},
|
|
10644
10645
|
children: /* @__PURE__ */ G(ki, {})
|
|
10645
10646
|
})
|
|
10646
|
-
}), /* @__PURE__ */ G(
|
|
10647
|
+
}), /* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(OS, { insert: n }) })] });
|
|
10647
10648
|
}
|
|
10648
10649
|
//#endregion
|
|
10649
10650
|
//#region lib/components/ui/widgets/editor/extensions/custom/callout/callout-edit-form.tsx
|
|
@@ -10656,7 +10657,7 @@ var AS = Object.keys(Wn).map((e) => {
|
|
|
10656
10657
|
};
|
|
10657
10658
|
});
|
|
10658
10659
|
function jS({ type: e, title: t, description: r, onSubmit: i, className: a, ...o }) {
|
|
10659
|
-
let { t: s } =
|
|
10660
|
+
let { t: s } = L(), c = Xx({
|
|
10660
10661
|
type: e,
|
|
10661
10662
|
title: t,
|
|
10662
10663
|
description: r
|
|
@@ -10699,7 +10700,7 @@ function jS({ type: e, title: t, description: r, onSubmit: i, className: a, ...o
|
|
|
10699
10700
|
//#endregion
|
|
10700
10701
|
//#region lib/components/ui/widgets/editor/extensions/custom/callout/callout-edit-dialog.tsx
|
|
10701
10702
|
function MS({ type: e, title: t, description: r, onSubmit: i, children: a }) {
|
|
10702
|
-
let { t: o } =
|
|
10703
|
+
let { t: o } = L(), [s, c] = W(!1);
|
|
10703
10704
|
return /* @__PURE__ */ K(Xv, {
|
|
10704
10705
|
open: s,
|
|
10705
10706
|
onOpenChange: c,
|
|
@@ -10729,25 +10730,25 @@ function MS({ type: e, title: t, description: r, onSubmit: i, children: a }) {
|
|
|
10729
10730
|
//#endregion
|
|
10730
10731
|
//#region lib/components/ui/widgets/editor/extensions/custom/callout/callout-component.tsx
|
|
10731
10732
|
function NS(e) {
|
|
10732
|
-
let { t } =
|
|
10733
|
+
let { t } = L(), n = xr(e.node.attrs.type), r = e.node.attrs.title ?? "", i = e.node.attrs.description ?? "", a = Wn[n];
|
|
10733
10734
|
return /* @__PURE__ */ G(Ut, {
|
|
10734
10735
|
contentEditable: !1,
|
|
10735
10736
|
children: /* @__PURE__ */ G(Sr, {
|
|
10736
10737
|
type: n,
|
|
10737
|
-
title: r ||
|
|
10738
|
+
title: r || a.label,
|
|
10738
10739
|
action: e.editor.isEditable && /* @__PURE__ */ G(MS, {
|
|
10739
10740
|
type: n,
|
|
10740
10741
|
title: r,
|
|
10741
|
-
description:
|
|
10742
|
+
description: i,
|
|
10742
10743
|
onSubmit: (t) => e.updateAttributes(t),
|
|
10743
|
-
children: /* @__PURE__ */ G(
|
|
10744
|
+
children: /* @__PURE__ */ G(R, {
|
|
10744
10745
|
variant: "ghost",
|
|
10745
10746
|
className: "-my-1.5 size-7",
|
|
10746
10747
|
tooltip: t("material.rich-text-editor.edit-callout", "Edit callout"),
|
|
10747
10748
|
children: /* @__PURE__ */ G(Bi, {})
|
|
10748
10749
|
})
|
|
10749
10750
|
}),
|
|
10750
|
-
description:
|
|
10751
|
+
description: i || /* @__PURE__ */ G(Qt, {
|
|
10751
10752
|
as: "span",
|
|
10752
10753
|
variant: "body-small",
|
|
10753
10754
|
className: "italic opacity-70",
|
|
@@ -10789,7 +10790,7 @@ var PS = Tn.extend({
|
|
|
10789
10790
|
//#endregion
|
|
10790
10791
|
//#region lib/components/ui/widgets/editor/extensions/custom/checkbox-group/editor-checkbox-group-wrapper.tsx
|
|
10791
10792
|
function IS({ editor: e }) {
|
|
10792
|
-
let { t } =
|
|
10793
|
+
let { t } = L(), n = Wt({
|
|
10793
10794
|
editor: e,
|
|
10794
10795
|
selector: (e) => ({
|
|
10795
10796
|
isCheckboxGroup: e.editor.isActive("checkboxGroup") ?? !1,
|
|
@@ -10808,7 +10809,7 @@ function IS({ editor: e }) {
|
|
|
10808
10809
|
//#endregion
|
|
10809
10810
|
//#region lib/components/ui/widgets/editor/extensions/custom/checkbox-group/checkbox-group-edit-form.tsx
|
|
10810
10811
|
function LS({ label: e, options: t, orientation: r, onSubmit: i, className: a, ...o }) {
|
|
10811
|
-
let { t: s } =
|
|
10812
|
+
let { t: s } = L(), c = Xx({
|
|
10812
10813
|
label: e,
|
|
10813
10814
|
options: t.map((e) => e.value),
|
|
10814
10815
|
orientation: r
|
|
@@ -10854,7 +10855,7 @@ function LS({ label: e, options: t, orientation: r, onSubmit: i, className: a, .
|
|
|
10854
10855
|
//#endregion
|
|
10855
10856
|
//#region lib/components/ui/widgets/editor/extensions/custom/checkbox-group/checkbox-group-edit-dialog.tsx
|
|
10856
10857
|
function RS({ label: e, options: t, orientation: r, onSubmit: i, children: a }) {
|
|
10857
|
-
let { t: o } =
|
|
10858
|
+
let { t: o } = L(), [s, c] = W(!1);
|
|
10858
10859
|
return /* @__PURE__ */ K(Xv, {
|
|
10859
10860
|
open: s,
|
|
10860
10861
|
onOpenChange: c,
|
|
@@ -10884,7 +10885,7 @@ function RS({ label: e, options: t, orientation: r, onSubmit: i, children: a })
|
|
|
10884
10885
|
//#endregion
|
|
10885
10886
|
//#region lib/components/ui/widgets/editor/extensions/custom/checkbox-group/checkbox-group-node-component.tsx
|
|
10886
10887
|
function zS(e) {
|
|
10887
|
-
let { t } =
|
|
10888
|
+
let { t } = L(), n = e.node.attrs.label, r = e.node.attrs.options, i = e.node.attrs.value, a = e.node.attrs.orientation, o = e.editor.isEditable, s = H(() => r.map((e) => ({
|
|
10888
10889
|
label: e,
|
|
10889
10890
|
value: e
|
|
10890
10891
|
})), [r]);
|
|
@@ -10894,17 +10895,17 @@ function zS(e) {
|
|
|
10894
10895
|
className: "group relative my-2 max-w-sm",
|
|
10895
10896
|
children: [/* @__PURE__ */ G(Wb, {
|
|
10896
10897
|
label: n || void 0,
|
|
10897
|
-
options:
|
|
10898
|
-
value:
|
|
10899
|
-
disabled: !
|
|
10900
|
-
orientation:
|
|
10898
|
+
options: s,
|
|
10899
|
+
value: i,
|
|
10900
|
+
disabled: !o,
|
|
10901
|
+
orientation: a,
|
|
10901
10902
|
onValueChange: (t) => e.updateAttributes({ value: t })
|
|
10902
|
-
}),
|
|
10903
|
+
}), o && /* @__PURE__ */ G(RS, {
|
|
10903
10904
|
label: n,
|
|
10904
|
-
options:
|
|
10905
|
-
orientation:
|
|
10905
|
+
options: s,
|
|
10906
|
+
orientation: a,
|
|
10906
10907
|
onSubmit: (t) => e.updateAttributes(t),
|
|
10907
|
-
children: /* @__PURE__ */ G(
|
|
10908
|
+
children: /* @__PURE__ */ G(R, {
|
|
10908
10909
|
variant: "ghost",
|
|
10909
10910
|
tooltip: t("material.rich-text-editor.edit-checkbox-group", "Edit checkbox group"),
|
|
10910
10911
|
className: "absolute -top-1 -right-1 opacity-0 group-hover:opacity-100",
|
|
@@ -10948,7 +10949,7 @@ var BS = Mn.extend({
|
|
|
10948
10949
|
//#endregion
|
|
10949
10950
|
//#region lib/components/ui/widgets/editor/extensions/code/editor-code-block.tsx
|
|
10950
10951
|
function HS({ editor: e }) {
|
|
10951
|
-
let { t } =
|
|
10952
|
+
let { t } = L(), n = Wt({
|
|
10952
10953
|
editor: e,
|
|
10953
10954
|
selector: (e) => ({
|
|
10954
10955
|
canCodeBlock: e.editor.can().chain().toggleCodeBlock().run() ?? !1,
|
|
@@ -12075,7 +12076,7 @@ var tw = "nxgt-color-picker";
|
|
|
12075
12076
|
//#endregion
|
|
12076
12077
|
//#region lib/components/ui/widgets/editor/extensions/color/color-picker-popover.tsx
|
|
12077
12078
|
function nw({ color: e, onChange: t, onClear: n, onDone: r }) {
|
|
12078
|
-
let { t: i } =
|
|
12079
|
+
let { t: i } = L();
|
|
12079
12080
|
return /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ G(ew, {
|
|
12080
12081
|
color: e,
|
|
12081
12082
|
showTriangle: !1,
|
|
@@ -12128,7 +12129,7 @@ function rw({ color: e, onChange: t, onClear: n, trigger: r, label: i, onDone: a
|
|
|
12128
12129
|
//#endregion
|
|
12129
12130
|
//#region lib/components/ui/widgets/editor/extensions/color/editor-color-wrapper.tsx
|
|
12130
12131
|
function iw({ editor: e }) {
|
|
12131
|
-
let { t } =
|
|
12132
|
+
let { t } = L(), n = Wt({
|
|
12132
12133
|
editor: e,
|
|
12133
12134
|
selector: (e) => ({ color: e.editor.getAttributes("textStyle").color })
|
|
12134
12135
|
}), r = t("material.rich-text-editor.text-color", "Text color"), i = /* @__PURE__ */ G("div", {
|
|
@@ -12208,7 +12209,7 @@ var aw = () => yn({
|
|
|
12208
12209
|
//#endregion
|
|
12209
12210
|
//#region lib/components/ui/fields/search-field/search-field-end.tsx
|
|
12210
12211
|
function uw({ shortcut: e, loading: t, filled: n, disabled: r, onClear: i }) {
|
|
12211
|
-
let { t: a } =
|
|
12212
|
+
let { t: a } = L(), o = e && !n && !t && !r, s = n && !t && !r;
|
|
12212
12213
|
return !o && !s && !t ? null : /* @__PURE__ */ K(jv, {
|
|
12213
12214
|
align: "inline-end",
|
|
12214
12215
|
className: "pe-2.5 has-[>button]:pe-2.5 has-[>kbd]:pe-[0.275rem]",
|
|
@@ -12244,7 +12245,7 @@ function uw({ shortcut: e, loading: t, filled: n, disabled: r, onClear: i }) {
|
|
|
12244
12245
|
//#endregion
|
|
12245
12246
|
//#region lib/components/ui/fields/search-field/search-field.tsx
|
|
12246
12247
|
function dw({ id: e, value: t, defaultValue: r = "", onChange: i, onValueChange: a, debounceMs: o = 0, loading: s = !1, placeholder: c, label: l, helperText: u, error: d, disabled: f, required: p, name: m, className: h, onKeyDown: g, shortcut: _, ...v }) {
|
|
12247
|
-
let { t: y } =
|
|
12248
|
+
let { t: y } = L(), b = Ka(), x = Ka(), [S, C] = W(String(r ?? "")), w = t !== void 0, T = w ? String(t ?? "") : S, E = Rt(a), D = a !== void 0, O = H(() => o ? wo((e) => E.current?.(e), o) : null, [o, E]);
|
|
12248
12249
|
V(() => () => O?.cancel(), [O]);
|
|
12249
12250
|
let k = (e, t = !1) => {
|
|
12250
12251
|
if (w || C(e), D) {
|
|
@@ -12399,7 +12400,7 @@ function Dw({ className: e, children: t, ...r }) {
|
|
|
12399
12400
|
"data-pw": "tabs-list",
|
|
12400
12401
|
className: n(hw[i], e),
|
|
12401
12402
|
...r,
|
|
12402
|
-
children: [/* @__PURE__ */ G(
|
|
12403
|
+
children: [/* @__PURE__ */ G(s, { children: t }), /* @__PURE__ */ G(Ew, { look: i })]
|
|
12403
12404
|
});
|
|
12404
12405
|
}
|
|
12405
12406
|
//#endregion
|
|
@@ -12413,7 +12414,7 @@ function Ow({ className: e, children: t, icon: r, ...i }) {
|
|
|
12413
12414
|
"data-slot": "tabs-trigger-icon",
|
|
12414
12415
|
className: "flex justify-center",
|
|
12415
12416
|
children: r
|
|
12416
|
-
}), /* @__PURE__ */ G(
|
|
12417
|
+
}), /* @__PURE__ */ G(s, {
|
|
12417
12418
|
child: t,
|
|
12418
12419
|
children: (e) => e && /* @__PURE__ */ G("span", {
|
|
12419
12420
|
className: "inline-flex items-center gap-2",
|
|
@@ -12453,7 +12454,7 @@ var Aw = "recent-emojis", jw = {
|
|
|
12453
12454
|
flags: ei
|
|
12454
12455
|
};
|
|
12455
12456
|
function Mw({ emojis: e, onSelect: t }) {
|
|
12456
|
-
let { t: n } =
|
|
12457
|
+
let { t: n } = L(), [r, i] = W(""), [a, o] = W(null), [s, c] = Fu(Aw, []), l = B((e) => {
|
|
12457
12458
|
t(e), c((t) => [e.name, ...t?.filter((t) => t !== e.name) ?? []].slice(0, 20));
|
|
12458
12459
|
}, [t, c]), u = H(() => xo(e, s ?? []), [e, s]), d = H(() => Co(e, r), [e, r]), f = d ?? u.all;
|
|
12459
12460
|
return /* @__PURE__ */ K("div", {
|
|
@@ -12488,7 +12489,7 @@ function Mw({ emojis: e, onSelect: t }) {
|
|
|
12488
12489
|
});
|
|
12489
12490
|
}
|
|
12490
12491
|
function Nw({ group: e }) {
|
|
12491
|
-
let { t } =
|
|
12492
|
+
let { t } = L(), n = jw[e] ?? mi, r = t(`material.emoji.groups.${e}`, So(e));
|
|
12492
12493
|
return /* @__PURE__ */ G(Ow, {
|
|
12493
12494
|
value: e,
|
|
12494
12495
|
"aria-label": r,
|
|
@@ -12514,36 +12515,36 @@ function Pw({ items: e, onSelect: t, onHover: r }) {
|
|
|
12514
12515
|
}
|
|
12515
12516
|
//#endregion
|
|
12516
12517
|
//#region lib/components/ui/widgets/emoji/emoji-picker.tsx
|
|
12517
|
-
function Fw({ emojis: e, onSelect: t, className: r, toolbarItem:
|
|
12518
|
-
let { t:
|
|
12518
|
+
function Fw({ emojis: e, onSelect: t, className: r, toolbarItem: i }) {
|
|
12519
|
+
let { t: a } = L(), [o, s] = W(!1), c = a("material.emoji.picker", "Emoji"), l = /* @__PURE__ */ G(R, {
|
|
12519
12520
|
variant: "ghost",
|
|
12520
|
-
tooltip:
|
|
12521
|
+
tooltip: c,
|
|
12521
12522
|
className: n("size-8 rounded", r),
|
|
12522
12523
|
children: /* @__PURE__ */ G(sa, {})
|
|
12523
12524
|
});
|
|
12524
12525
|
return /* @__PURE__ */ K(xt, {
|
|
12525
|
-
open:
|
|
12526
|
-
onOpenChange:
|
|
12526
|
+
open: o,
|
|
12527
|
+
onOpenChange: s,
|
|
12527
12528
|
children: [/* @__PURE__ */ G(yt, {
|
|
12528
12529
|
asChild: !0,
|
|
12529
|
-
children:
|
|
12530
|
+
children: i ? /* @__PURE__ */ G(pt, {
|
|
12530
12531
|
asChild: !0,
|
|
12531
|
-
children:
|
|
12532
|
+
children: l
|
|
12532
12533
|
}) : /* @__PURE__ */ G(gt, {
|
|
12533
|
-
label:
|
|
12534
|
+
label: c,
|
|
12534
12535
|
icon: /* @__PURE__ */ G(sa, {}),
|
|
12535
12536
|
priority: "pinned",
|
|
12536
12537
|
more: { kind: "popover" },
|
|
12537
|
-
children:
|
|
12538
|
+
children: l
|
|
12538
12539
|
})
|
|
12539
12540
|
}), /* @__PURE__ */ G(_t, {
|
|
12540
12541
|
align: "start",
|
|
12541
|
-
"aria-label":
|
|
12542
|
+
"aria-label": c,
|
|
12542
12543
|
className: "w-80 rounded border-border bg-background p-3 shadow-lg",
|
|
12543
12544
|
children: /* @__PURE__ */ G(Mw, {
|
|
12544
12545
|
emojis: e,
|
|
12545
12546
|
onSelect: (e) => {
|
|
12546
|
-
t(e),
|
|
12547
|
+
t(e), s(!1);
|
|
12547
12548
|
}
|
|
12548
12549
|
})
|
|
12549
12550
|
})]
|
|
@@ -12610,11 +12611,11 @@ var Lw = ({ suggest: e = !1 } = {}) => yn({
|
|
|
12610
12611
|
}
|
|
12611
12612
|
];
|
|
12612
12613
|
function Bw({ current: e, choose: t }) {
|
|
12613
|
-
let { t: n } =
|
|
12614
|
-
return /* @__PURE__ */ G(
|
|
12614
|
+
let { t: n } = L();
|
|
12615
|
+
return /* @__PURE__ */ G(N, {
|
|
12615
12616
|
value: ((e) => zw.find((t) => t.value === e)?.key ?? "")(e),
|
|
12616
12617
|
onValueChange: (e) => t(zw.find((t) => t.key === e)?.value ?? null),
|
|
12617
|
-
children: zw.map((e) => /* @__PURE__ */ G(
|
|
12618
|
+
children: zw.map((e) => /* @__PURE__ */ G(ne, {
|
|
12618
12619
|
value: e.key,
|
|
12619
12620
|
style: { fontFamily: e.value ?? void 0 },
|
|
12620
12621
|
children: n(e.key, e.label)
|
|
@@ -12622,11 +12623,11 @@ function Bw({ current: e, choose: t }) {
|
|
|
12622
12623
|
});
|
|
12623
12624
|
}
|
|
12624
12625
|
function Vw({ editor: e }) {
|
|
12625
|
-
let { t } =
|
|
12626
|
+
let { t } = L(), n = Wt({
|
|
12626
12627
|
editor: e,
|
|
12627
12628
|
selector: (e) => ({ fontFamily: e.editor.getAttributes("textStyle").fontFamily })
|
|
12628
12629
|
}).fontFamily ?? null, r = (t) => t ? e.chain().focus().setFontFamily(t).run() : e.chain().focus().unsetFontFamily().run(), i = zw.find((e) => e.value === n);
|
|
12629
|
-
return /* @__PURE__ */ K(
|
|
12630
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
12630
12631
|
asChild: !0,
|
|
12631
12632
|
children: /* @__PURE__ */ G(Vx, {
|
|
12632
12633
|
variant: n ? "filled" : "ghost",
|
|
@@ -12642,7 +12643,7 @@ function Vw({ editor: e }) {
|
|
|
12642
12643
|
},
|
|
12643
12644
|
children: /* @__PURE__ */ G(va, {})
|
|
12644
12645
|
})
|
|
12645
|
-
}), /* @__PURE__ */ G(
|
|
12646
|
+
}), /* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(Bw, {
|
|
12646
12647
|
current: n,
|
|
12647
12648
|
choose: r
|
|
12648
12649
|
}) })] });
|
|
@@ -12665,7 +12666,7 @@ var Hw = () => yn({
|
|
|
12665
12666
|
//#endregion
|
|
12666
12667
|
//#region lib/components/ui/widgets/editor/extensions/custom/gallery/editor-gallery-wrapper.tsx
|
|
12667
12668
|
function Uw({ editor: e }) {
|
|
12668
|
-
let { t } =
|
|
12669
|
+
let { t } = L(), n = Wt({
|
|
12669
12670
|
editor: e,
|
|
12670
12671
|
selector: (e) => ({
|
|
12671
12672
|
isGallery: e.editor.isActive("gallery") ?? !1,
|
|
@@ -12816,7 +12817,7 @@ var nT = {
|
|
|
12816
12817
|
//#endregion
|
|
12817
12818
|
//#region lib/components/ui/media/carousel/partials/carousel-status.tsx
|
|
12818
12819
|
function rT() {
|
|
12819
|
-
let { state: e, isPlaying: t } = Jw(), { t: n } =
|
|
12820
|
+
let { state: e, isPlaying: t } = Jw(), { t: n } = L(), r = nT.selectPosition(e), [i, a] = W(null), [o, s] = W(!1);
|
|
12820
12821
|
return V(() => {
|
|
12821
12822
|
e.slideCount !== 0 && (i === null ? a(e.selectedIndex) : e.selectedIndex !== i && s(!0));
|
|
12822
12823
|
}, [
|
|
@@ -14288,7 +14289,7 @@ var NE = "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 force
|
|
|
14288
14289
|
//#endregion
|
|
14289
14290
|
//#region lib/components/ui/media/carousel/partials/carousel-arrows.tsx
|
|
14290
14291
|
function FE({ className: e, variant: t = "outlined", ...r }) {
|
|
14291
|
-
let { orientation: i, scrollPrev: a, state: o } = Jw(), { t: s } =
|
|
14292
|
+
let { orientation: i, scrollPrev: a, state: o } = Jw(), { t: s } = L();
|
|
14292
14293
|
return /* @__PURE__ */ G(Nt, {
|
|
14293
14294
|
"data-slot": "carousel-previous",
|
|
14294
14295
|
variant: t,
|
|
@@ -14303,7 +14304,7 @@ function FE({ className: e, variant: t = "outlined", ...r }) {
|
|
|
14303
14304
|
});
|
|
14304
14305
|
}
|
|
14305
14306
|
function IE({ className: e, variant: t = "outlined", ...r }) {
|
|
14306
|
-
let { orientation: i, scrollNext: a, state: o } = Jw(), { t: s } =
|
|
14307
|
+
let { orientation: i, scrollNext: a, state: o } = Jw(), { t: s } = L();
|
|
14307
14308
|
return /* @__PURE__ */ G(Nt, {
|
|
14308
14309
|
"data-slot": "carousel-next",
|
|
14309
14310
|
variant: t,
|
|
@@ -14348,7 +14349,7 @@ function RE({ className: e, children: t, ...r }) {
|
|
|
14348
14349
|
//#endregion
|
|
14349
14350
|
//#region lib/components/ui/media/carousel/partials/carousel-indicators.tsx
|
|
14350
14351
|
function zE({ variant: e = "dots", getLabel: t, className: r, ...i }) {
|
|
14351
|
-
let { state: a, scrollTo: o } = Jw(), { t: s } =
|
|
14352
|
+
let { state: a, scrollTo: o } = Jw(), { t: s } = L(), c = a.snapCount;
|
|
14352
14353
|
return c < 2 ? null : /* @__PURE__ */ G("div", {
|
|
14353
14354
|
role: "group",
|
|
14354
14355
|
"aria-label": s("material.carousel.indicators.label", "Choose an item"),
|
|
@@ -14376,7 +14377,7 @@ function zE({ variant: e = "dots", getLabel: t, className: r, ...i }) {
|
|
|
14376
14377
|
//#endregion
|
|
14377
14378
|
//#region lib/components/ui/media/carousel/partials/carousel-item.tsx
|
|
14378
14379
|
function BE({ className: e, children: t, ...r }) {
|
|
14379
|
-
let { orientation: i, variant: a } = Jw(), o = Ga(Yw), { t: s } =
|
|
14380
|
+
let { orientation: i, variant: a } = Jw(), o = Ga(Yw), { t: s } = L();
|
|
14380
14381
|
return /* @__PURE__ */ G("div", {
|
|
14381
14382
|
role: "group",
|
|
14382
14383
|
"aria-roledescription": s("material.carousel.slide", "slide"),
|
|
@@ -14396,7 +14397,7 @@ function BE({ className: e, children: t, ...r }) {
|
|
|
14396
14397
|
//#endregion
|
|
14397
14398
|
//#region lib/components/ui/media/carousel/carousel.tsx
|
|
14398
14399
|
function VE({ orientation: e = "horizontal", variant: t = "default", align: r = "start", autoplay: i, keyboard: a = !0, announce: o = !0, opts: s, setApi: c, plugins: l, className: u, children: d, ref: f, onKeyDown: p, ...m }) {
|
|
14399
|
-
let { t: h } =
|
|
14400
|
+
let { t: h } = L(), { root: g, context: _, handleKeyDown: v } = ME({
|
|
14400
14401
|
orientation: e,
|
|
14401
14402
|
variant: t,
|
|
14402
14403
|
align: r,
|
|
@@ -14532,23 +14533,23 @@ function uD({ api: e, currentIndex: t, select: n }) {
|
|
|
14532
14533
|
//#region lib/components/ui/media/galleries/partials/gallery-carousel-chrome.tsx
|
|
14533
14534
|
var dD = (e) => e.alt || e.title || e.id;
|
|
14534
14535
|
function fD() {
|
|
14535
|
-
let { items: e, state: t, next: r, prev:
|
|
14536
|
+
let { items: e, state: t, next: r, prev: i, canNext: a, canPrev: o } = Kw(), { t: s } = L();
|
|
14536
14537
|
return e.length < 2 ? null : /* @__PURE__ */ K(Xa, { children: [
|
|
14537
14538
|
/* @__PURE__ */ G("div", { className: "pointer-events-none absolute inset-y-0 start-0 w-16 bg-gradient-to-r rtl:bg-gradient-to-l from-background/50 to-transparent" }),
|
|
14538
14539
|
/* @__PURE__ */ G("div", { className: "pointer-events-none absolute inset-y-0 end-0 w-16 bg-gradient-to-l rtl:bg-gradient-to-r from-background/50 to-transparent" }),
|
|
14539
|
-
/* @__PURE__ */ G(
|
|
14540
|
+
/* @__PURE__ */ G(R, {
|
|
14540
14541
|
variant: "ghost",
|
|
14541
14542
|
className: n(QE, "start-3"),
|
|
14542
|
-
tooltip:
|
|
14543
|
-
disabled: !
|
|
14544
|
-
onClick:
|
|
14543
|
+
tooltip: s("material.gallery.previous", "Previous"),
|
|
14544
|
+
disabled: !o,
|
|
14545
|
+
onClick: i,
|
|
14545
14546
|
children: /* @__PURE__ */ G(Br, { className: "rtl:-scale-x-100" })
|
|
14546
14547
|
}),
|
|
14547
|
-
/* @__PURE__ */ G(
|
|
14548
|
+
/* @__PURE__ */ G(R, {
|
|
14548
14549
|
variant: "ghost",
|
|
14549
14550
|
className: n(QE, "end-3"),
|
|
14550
|
-
tooltip:
|
|
14551
|
-
disabled: !
|
|
14551
|
+
tooltip: s("material.gallery.next", "Next"),
|
|
14552
|
+
disabled: !a,
|
|
14552
14553
|
onClick: r,
|
|
14553
14554
|
children: /* @__PURE__ */ G(Vr, { className: "rtl:-scale-x-100" })
|
|
14554
14555
|
}),
|
|
@@ -14682,15 +14683,15 @@ var TD = "top-[calc(1rem+env(safe-area-inset-top))]", ED = "bottom-[calc(1rem+ma
|
|
|
14682
14683
|
//#endregion
|
|
14683
14684
|
//#region lib/components/ui/media/media-player/partials/atoms/play-button.tsx
|
|
14684
14685
|
function RD({ tone: e = "surface", className: t }) {
|
|
14685
|
-
let { state: r, actions:
|
|
14686
|
-
return /* @__PURE__ */ G(
|
|
14686
|
+
let { state: r, actions: i, track: a } = $("PlayButton"), { t: o } = L(), s = r.isPlaying ? o("material.media-player.pause", "Pause") : o("material.media-player.play", "Play");
|
|
14687
|
+
return /* @__PURE__ */ G(R, {
|
|
14687
14688
|
variant: "ghost",
|
|
14688
14689
|
"data-slot": "media-play-button",
|
|
14689
14690
|
"data-state": r.isPlaying ? "playing" : "paused",
|
|
14690
14691
|
className: n(FD[e], t),
|
|
14691
|
-
disabled: !
|
|
14692
|
-
tooltip:
|
|
14693
|
-
onClick:
|
|
14692
|
+
disabled: !a || r.status === "error",
|
|
14693
|
+
tooltip: s,
|
|
14694
|
+
onClick: i.toggle,
|
|
14694
14695
|
children: r.isPlaying ? /* @__PURE__ */ G(zi, { className: "size-5 fill-current" }) : /* @__PURE__ */ G(Hi, { className: "size-5 fill-current" })
|
|
14695
14696
|
});
|
|
14696
14697
|
}
|
|
@@ -14718,34 +14719,34 @@ function zD({ className: e, fillClassName: t } = {}) {
|
|
|
14718
14719
|
}
|
|
14719
14720
|
//#endregion
|
|
14720
14721
|
//#region lib/components/ui/media/media-player-mini/partials/mini-actions.tsx
|
|
14721
|
-
function BD({ tone: e, moving: t, onMove: r, onExpand:
|
|
14722
|
-
let { t:
|
|
14722
|
+
function BD({ tone: e, moving: t, onMove: r, onExpand: i, onClose: a, className: o }) {
|
|
14723
|
+
let { t: s } = L(), c = n(FD[e], "shrink-0");
|
|
14723
14724
|
return /* @__PURE__ */ K("div", {
|
|
14724
|
-
className: n("flex items-center gap-0.5",
|
|
14725
|
+
className: n("flex items-center gap-0.5", o),
|
|
14725
14726
|
children: [
|
|
14726
|
-
/* @__PURE__ */ G(
|
|
14727
|
+
/* @__PURE__ */ G(R, {
|
|
14727
14728
|
variant: "ghost",
|
|
14728
14729
|
"data-slot": "media-mini-move",
|
|
14729
14730
|
"aria-pressed": t,
|
|
14730
|
-
className: n(
|
|
14731
|
-
tooltip:
|
|
14731
|
+
className: n(c, e === "overlay" && "[--ib-on:white]! [--ib-on-fg:black]!"),
|
|
14732
|
+
tooltip: s("material.media-player.mini.move", "Move the player"),
|
|
14732
14733
|
onClick: r,
|
|
14733
14734
|
children: /* @__PURE__ */ G(Ni, { className: "size-4" })
|
|
14734
14735
|
}),
|
|
14735
|
-
|
|
14736
|
+
i && /* @__PURE__ */ G(R, {
|
|
14736
14737
|
variant: "ghost",
|
|
14737
14738
|
"data-slot": "media-mini-expand",
|
|
14738
|
-
className:
|
|
14739
|
-
tooltip:
|
|
14740
|
-
onClick:
|
|
14739
|
+
className: c,
|
|
14740
|
+
tooltip: s("material.media-player.mini.expand", "Expand the player"),
|
|
14741
|
+
onClick: i,
|
|
14741
14742
|
children: /* @__PURE__ */ G(Di, { className: "size-4" })
|
|
14742
14743
|
}),
|
|
14743
|
-
|
|
14744
|
+
a && /* @__PURE__ */ G(R, {
|
|
14744
14745
|
variant: "ghost",
|
|
14745
14746
|
"data-slot": "media-mini-close",
|
|
14746
|
-
className:
|
|
14747
|
-
tooltip:
|
|
14748
|
-
onClick:
|
|
14747
|
+
className: c,
|
|
14748
|
+
tooltip: s("material.media-player.mini.close", "Close the mini player"),
|
|
14749
|
+
onClick: a,
|
|
14749
14750
|
children: /* @__PURE__ */ G(Da, { className: "size-5" })
|
|
14750
14751
|
})
|
|
14751
14752
|
]
|
|
@@ -15056,7 +15057,7 @@ function hO({ corner: e, moveTo: t, announce: n }) {
|
|
|
15056
15057
|
//#endregion
|
|
15057
15058
|
//#region lib/components/ui/media/media-player-mini/use-mini-notice.ts
|
|
15058
15059
|
function gO() {
|
|
15059
|
-
let { t: e } =
|
|
15060
|
+
let { t: e } = L(), [t, n] = W(null), r = (t, n) => {
|
|
15060
15061
|
let r = "material.media-player.mini.corner.";
|
|
15061
15062
|
switch (ZD(t, n)) {
|
|
15062
15063
|
case "top-left": return e(`${r}top-left`, "top left");
|
|
@@ -15094,7 +15095,7 @@ function bO() {
|
|
|
15094
15095
|
};
|
|
15095
15096
|
}
|
|
15096
15097
|
function xO({ corner: e, defaultCorner: t = "bottom-end", onCornerChange: n }) {
|
|
15097
|
-
let r = $("MediaPlayerMini"), i = U(null), [
|
|
15098
|
+
let r = $("MediaPlayerMini"), i = U(null), [o = t, s] = a({
|
|
15098
15099
|
prop: e,
|
|
15099
15100
|
defaultProp: t,
|
|
15100
15101
|
onChange: n
|
|
@@ -15106,11 +15107,11 @@ function xO({ corner: e, defaultCorner: t = "bottom-end", onCornerChange: n }) {
|
|
|
15106
15107
|
d(null), c(e), s(f(e));
|
|
15107
15108
|
}
|
|
15108
15109
|
}), { notice: m, announce: h } = gO(), g = hO({
|
|
15109
|
-
corner:
|
|
15110
|
+
corner: o,
|
|
15110
15111
|
moveTo: l,
|
|
15111
15112
|
announce: (e, t) => h(e, t, _O(i.current))
|
|
15112
15113
|
}), _ = bO();
|
|
15113
|
-
pO(i,
|
|
15114
|
+
pO(i, o.startsWith("bottom"));
|
|
15114
15115
|
let { rootRef: v } = r;
|
|
15115
15116
|
qa(() => {
|
|
15116
15117
|
let e = i.current;
|
|
@@ -15135,7 +15136,7 @@ function xO({ corner: e, defaultCorner: t = "bottom-end", onCornerChange: n }) {
|
|
|
15135
15136
|
};
|
|
15136
15137
|
return {
|
|
15137
15138
|
ref: i,
|
|
15138
|
-
corner:
|
|
15139
|
+
corner: o,
|
|
15139
15140
|
target: p.dragging ? u : null,
|
|
15140
15141
|
dragging: p.dragging,
|
|
15141
15142
|
moving: g.moving,
|
|
@@ -15156,7 +15157,7 @@ function CO(e) {
|
|
|
15156
15157
|
}) : null;
|
|
15157
15158
|
}
|
|
15158
15159
|
function wO({ appearance: e = "auto", corner: t, defaultCorner: r, onCornerChange: i, onExpand: a, onClose: o, className: s, ...c }) {
|
|
15159
|
-
let { track: l, state: u } = $("MediaPlayerMini"), { t: d } =
|
|
15160
|
+
let { track: l, state: u } = $("MediaPlayerMini"), { t: d } = L(), f = Pt(SO, !1), p = xO({
|
|
15160
15161
|
corner: t,
|
|
15161
15162
|
defaultCorner: r,
|
|
15162
15163
|
onCornerChange: i
|
|
@@ -16723,43 +16724,43 @@ var PA = {
|
|
|
16723
16724
|
"21/9": "aspect-21/9"
|
|
16724
16725
|
}, FA = { "9/16": "mx-auto max-w-sm" }, IA = Va(null);
|
|
16725
16726
|
function LA() {
|
|
16726
|
-
let e =
|
|
16727
|
+
let e = p(), t = Ga(IA);
|
|
16727
16728
|
return e ?? t ?? void 0;
|
|
16728
16729
|
}
|
|
16729
16730
|
//#endregion
|
|
16730
16731
|
//#region lib/components/ui/media/media-player/partials/atoms/captions-menu.tsx
|
|
16731
16732
|
function RA() {
|
|
16732
|
-
let { state: e, actions: t, track: n } = $("CaptionsMenu"), { t: r } =
|
|
16733
|
-
return /* @__PURE__ */ K(
|
|
16733
|
+
let { state: e, actions: t, track: n } = $("CaptionsMenu"), { t: r } = L(), i = n?.captions ?? [];
|
|
16734
|
+
return /* @__PURE__ */ K(N, {
|
|
16734
16735
|
value: VO(e, n),
|
|
16735
16736
|
onValueChange: (e) => t.setCaptions(e === "off" ? null : e),
|
|
16736
|
-
children: [/* @__PURE__ */ G(
|
|
16737
|
+
children: [/* @__PURE__ */ G(ne, {
|
|
16737
16738
|
value: "off",
|
|
16738
16739
|
children: r("material.media-player.captions-off", "Off")
|
|
16739
|
-
}), i.map((e) => /* @__PURE__ */ G(
|
|
16740
|
+
}), i.map((e) => /* @__PURE__ */ G(ne, {
|
|
16740
16741
|
value: e.srclang,
|
|
16741
16742
|
children: e.label
|
|
16742
16743
|
}, `${e.kind ?? "subtitles"}:${e.srclang}`))]
|
|
16743
16744
|
});
|
|
16744
16745
|
}
|
|
16745
16746
|
function zA({ tone: e = "surface", className: t }) {
|
|
16746
|
-
let { state: r, track:
|
|
16747
|
-
if ((
|
|
16748
|
-
let
|
|
16749
|
-
return /* @__PURE__ */ K(
|
|
16747
|
+
let { state: r, track: i } = $("CaptionsMenu"), { t: a } = L(), o = LA();
|
|
16748
|
+
if ((i?.captions ?? []).length === 0) return null;
|
|
16749
|
+
let s = VO(r, i), c = a("material.media-player.captions", "Captions"), l = s === "off" ? Fr : Pr;
|
|
16750
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
16750
16751
|
asChild: !0,
|
|
16751
|
-
children: /* @__PURE__ */ G(
|
|
16752
|
+
children: /* @__PURE__ */ G(R, {
|
|
16752
16753
|
variant: "ghost",
|
|
16753
16754
|
"data-slot": "media-captions-menu",
|
|
16754
|
-
"data-captions":
|
|
16755
|
+
"data-captions": s === "off" ? "off" : "on",
|
|
16755
16756
|
className: n(FD[e], t),
|
|
16756
|
-
"aria-label":
|
|
16757
|
-
children: /* @__PURE__ */ G(
|
|
16757
|
+
"aria-label": c,
|
|
16758
|
+
children: /* @__PURE__ */ G(l, { className: "size-5" })
|
|
16758
16759
|
})
|
|
16759
|
-
}), /* @__PURE__ */ K(
|
|
16760
|
+
}), /* @__PURE__ */ K(F, {
|
|
16760
16761
|
align: "end",
|
|
16761
|
-
container:
|
|
16762
|
-
children: [/* @__PURE__ */ G(
|
|
16762
|
+
container: o,
|
|
16763
|
+
children: [/* @__PURE__ */ G(P, { children: c }), /* @__PURE__ */ G(RA, {})]
|
|
16763
16764
|
})] });
|
|
16764
16765
|
}
|
|
16765
16766
|
//#endregion
|
|
@@ -16842,7 +16843,7 @@ function JA() {
|
|
|
16842
16843
|
}
|
|
16843
16844
|
function YA() {
|
|
16844
16845
|
let { chapters: e, current: t, seek: n } = JA();
|
|
16845
|
-
return e.map((e, r) => /* @__PURE__ */ K(
|
|
16846
|
+
return e.map((e, r) => /* @__PURE__ */ K(I, {
|
|
16846
16847
|
"aria-current": r === t ? "true" : void 0,
|
|
16847
16848
|
"data-current": r === t ? "" : void 0,
|
|
16848
16849
|
onSelect: () => n(e.start),
|
|
@@ -16859,38 +16860,38 @@ function YA() {
|
|
|
16859
16860
|
//#endregion
|
|
16860
16861
|
//#region lib/components/ui/media/media-player/partials/atoms/chapters-menu.tsx
|
|
16861
16862
|
function XA({ tone: e = "surface", className: t }) {
|
|
16862
|
-
let { state: r, track:
|
|
16863
|
-
if (KA(
|
|
16864
|
-
let
|
|
16865
|
-
return /* @__PURE__ */ K(
|
|
16863
|
+
let { state: r, track: i } = $("ChaptersMenu"), { t: a } = L(), o = LA();
|
|
16864
|
+
if (KA(i, r.duration || i?.duration).length === 0) return null;
|
|
16865
|
+
let s = a("material.media-player.chapters", "Chapters");
|
|
16866
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
16866
16867
|
asChild: !0,
|
|
16867
|
-
children: /* @__PURE__ */ G(
|
|
16868
|
+
children: /* @__PURE__ */ G(R, {
|
|
16868
16869
|
variant: "ghost",
|
|
16869
16870
|
"data-slot": "media-chapters-menu",
|
|
16870
16871
|
className: n(FD[e], t),
|
|
16871
|
-
"aria-label":
|
|
16872
|
+
"aria-label": s,
|
|
16872
16873
|
children: /* @__PURE__ */ G(Ci, { className: "size-5" })
|
|
16873
16874
|
})
|
|
16874
|
-
}), /* @__PURE__ */ K(
|
|
16875
|
+
}), /* @__PURE__ */ K(F, {
|
|
16875
16876
|
align: "end",
|
|
16876
16877
|
collisionPadding: 8,
|
|
16877
|
-
container:
|
|
16878
|
+
container: o,
|
|
16878
16879
|
className: "max-h-80 w-72 max-w-[calc(100vw-1rem)] overflow-y-auto",
|
|
16879
|
-
children: [/* @__PURE__ */ G(
|
|
16880
|
+
children: [/* @__PURE__ */ G(P, { children: s }), /* @__PURE__ */ G(YA, {})]
|
|
16880
16881
|
})] });
|
|
16881
16882
|
}
|
|
16882
16883
|
//#endregion
|
|
16883
16884
|
//#region lib/components/ui/media/media-player/partials/atoms/fullscreen-button.tsx
|
|
16884
16885
|
function ZA({ tone: e = "surface", className: t }) {
|
|
16885
|
-
let { state: r, actions:
|
|
16886
|
-
if (
|
|
16887
|
-
let
|
|
16888
|
-
return /* @__PURE__ */ G(
|
|
16886
|
+
let { state: r, actions: i, track: a } = $("FullscreenButton"), { t: o } = L();
|
|
16887
|
+
if (a?.kind !== "video") return null;
|
|
16888
|
+
let s = r.fullscreen ? o("material.media-player.exit-fullscreen", "Exit fullscreen") : o("material.media-player.fullscreen", "Fullscreen");
|
|
16889
|
+
return /* @__PURE__ */ G(R, {
|
|
16889
16890
|
variant: "ghost",
|
|
16890
16891
|
"data-slot": "media-fullscreen-button",
|
|
16891
16892
|
className: n(FD[e], t),
|
|
16892
|
-
tooltip:
|
|
16893
|
-
onClick:
|
|
16893
|
+
tooltip: s,
|
|
16894
|
+
onClick: i.toggleFullscreen,
|
|
16894
16895
|
children: r.fullscreen ? /* @__PURE__ */ G(Ai, { className: "size-5" }) : /* @__PURE__ */ G(Ei, { className: "size-5" })
|
|
16895
16896
|
});
|
|
16896
16897
|
}
|
|
@@ -16904,33 +16905,33 @@ function QA({ on: e }) {
|
|
|
16904
16905
|
}
|
|
16905
16906
|
var $A = "bg-primary/15 text-primary-text", ej = "bg-white/20";
|
|
16906
16907
|
function tj({ tone: e = "surface", className: t }) {
|
|
16907
|
-
let { state: r, tracks:
|
|
16908
|
-
if (
|
|
16909
|
-
let
|
|
16910
|
-
return /* @__PURE__ */ G(
|
|
16908
|
+
let { state: r, tracks: i, actions: a } = $("ShuffleToggle"), { t: o } = L();
|
|
16909
|
+
if (i.length < 2) return null;
|
|
16910
|
+
let s = r.shuffle.on;
|
|
16911
|
+
return /* @__PURE__ */ G(R, {
|
|
16911
16912
|
variant: "ghost",
|
|
16912
16913
|
"data-slot": "media-shuffle-toggle",
|
|
16913
|
-
"aria-pressed":
|
|
16914
|
+
"aria-pressed": s,
|
|
16914
16915
|
className: n(FD[e], t),
|
|
16915
|
-
tooltip:
|
|
16916
|
-
onClick:
|
|
16916
|
+
tooltip: o("material.media-player.shuffle", "Shuffle"),
|
|
16917
|
+
onClick: a.toggleShuffle,
|
|
16917
16918
|
children: /* @__PURE__ */ G(ia, { className: "size-5" })
|
|
16918
16919
|
});
|
|
16919
16920
|
}
|
|
16920
16921
|
function nj({ tone: e = "surface", className: t }) {
|
|
16921
|
-
let { state: r, actions:
|
|
16922
|
-
off:
|
|
16923
|
-
all:
|
|
16924
|
-
one:
|
|
16925
|
-
}[
|
|
16926
|
-
return /* @__PURE__ */ K(
|
|
16922
|
+
let { state: r, actions: i } = $("RepeatToggle"), { t: a } = L(), o = r.repeat, s = {
|
|
16923
|
+
off: a("material.media-player.repeat-off", "Repeat off"),
|
|
16924
|
+
all: a("material.media-player.repeat-all", "Repeat all"),
|
|
16925
|
+
one: a("material.media-player.repeat-one", "Repeat one")
|
|
16926
|
+
}[o], c = o === "one" ? Yi : Ji;
|
|
16927
|
+
return /* @__PURE__ */ K(R, {
|
|
16927
16928
|
variant: "ghost",
|
|
16928
16929
|
"data-slot": "media-repeat-toggle",
|
|
16929
|
-
"data-repeat":
|
|
16930
|
-
className: n("relative", FD[e],
|
|
16931
|
-
tooltip:
|
|
16932
|
-
onClick: () =>
|
|
16933
|
-
children: [/* @__PURE__ */ G(
|
|
16930
|
+
"data-repeat": o,
|
|
16931
|
+
className: n("relative", FD[e], o !== "off" && (e === "overlay" ? ej : $A), t),
|
|
16932
|
+
tooltip: s,
|
|
16933
|
+
onClick: () => i.setRepeat(zo(o)),
|
|
16934
|
+
children: [/* @__PURE__ */ G(c, { className: "size-5" }), /* @__PURE__ */ G(QA, { on: o !== "off" })]
|
|
16934
16935
|
});
|
|
16935
16936
|
}
|
|
16936
16937
|
//#endregion
|
|
@@ -16948,25 +16949,25 @@ function rj(e, t) {
|
|
|
16948
16949
|
//#endregion
|
|
16949
16950
|
//#region lib/components/ui/media/media-player/partials/atoms/quality-menu.tsx
|
|
16950
16951
|
function ij({ tone: e = "surface", className: t }) {
|
|
16951
|
-
let { state: r, actions:
|
|
16952
|
+
let { state: r, actions: i } = $("QualityMenu"), { t: a } = L(), o = LA();
|
|
16952
16953
|
if (r.qualities.length === 0) return null;
|
|
16953
|
-
let { entries:
|
|
16954
|
-
return /* @__PURE__ */ K(
|
|
16954
|
+
let { entries: s, current: c } = rj(r, a), l = a("material.media-player.quality", "Quality");
|
|
16955
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
16955
16956
|
asChild: !0,
|
|
16956
|
-
children: /* @__PURE__ */ G(
|
|
16957
|
+
children: /* @__PURE__ */ G(R, {
|
|
16957
16958
|
variant: "ghost",
|
|
16958
16959
|
"data-slot": "media-quality-menu",
|
|
16959
16960
|
className: n(PD[e], "aspect-auto w-auto min-w-9 px-2 text-xs font-semibold tabular-nums pointer-coarse:h-11 pointer-coarse:min-w-11", t),
|
|
16960
|
-
"aria-label":
|
|
16961
|
-
children:
|
|
16961
|
+
"aria-label": a("material.media-player.quality-value", "Quality {label}", { label: c.label }),
|
|
16962
|
+
children: c.label
|
|
16962
16963
|
})
|
|
16963
|
-
}), /* @__PURE__ */ K(
|
|
16964
|
+
}), /* @__PURE__ */ K(F, {
|
|
16964
16965
|
align: "end",
|
|
16965
|
-
container:
|
|
16966
|
-
children: [/* @__PURE__ */ G(
|
|
16967
|
-
value:
|
|
16968
|
-
onValueChange: (e) =>
|
|
16969
|
-
children:
|
|
16966
|
+
container: o,
|
|
16967
|
+
children: [/* @__PURE__ */ G(P, { children: l }), /* @__PURE__ */ G(N, {
|
|
16968
|
+
value: c.id,
|
|
16969
|
+
onValueChange: (e) => i.setQuality(e),
|
|
16970
|
+
children: s.map((e) => /* @__PURE__ */ G(ne, {
|
|
16970
16971
|
value: e.id,
|
|
16971
16972
|
children: e.label
|
|
16972
16973
|
}, e.id))
|
|
@@ -16975,16 +16976,16 @@ function ij({ tone: e = "surface", className: t }) {
|
|
|
16975
16976
|
}
|
|
16976
16977
|
//#endregion
|
|
16977
16978
|
//#region lib/components/ui/media/media-player/partials/atoms/seek-button.tsx
|
|
16978
|
-
function aj({ direction: e, seconds: t = 10, tone: r = "surface", className:
|
|
16979
|
-
let { state:
|
|
16980
|
-
return /* @__PURE__ */ K(
|
|
16979
|
+
function aj({ direction: e, seconds: t = 10, tone: r = "surface", className: i }) {
|
|
16980
|
+
let { state: a, actions: o } = $("SeekButton"), { t: s } = L(), c = e === "back", l = c ? Zi : Qi, u = c ? s("material.media-player.seek-back", "Back {seconds} seconds", { seconds: t }) : s("material.media-player.seek-forward", "Forward {seconds} seconds", { seconds: t });
|
|
16981
|
+
return /* @__PURE__ */ K(R, {
|
|
16981
16982
|
variant: "ghost",
|
|
16982
16983
|
"data-slot": "media-seek-button",
|
|
16983
|
-
className: n("relative", FD[r],
|
|
16984
|
-
disabled: !zO(
|
|
16985
|
-
tooltip:
|
|
16986
|
-
onClick: () =>
|
|
16987
|
-
children: [/* @__PURE__ */ G(
|
|
16984
|
+
className: n("relative", FD[r], i),
|
|
16985
|
+
disabled: !zO(a),
|
|
16986
|
+
tooltip: u,
|
|
16987
|
+
onClick: () => o.seekBy(c ? -t : t),
|
|
16988
|
+
children: [/* @__PURE__ */ G(l, { className: "size-5" }), /* @__PURE__ */ G("span", {
|
|
16988
16989
|
"aria-hidden": !0,
|
|
16989
16990
|
className: "absolute inset-0 flex center pt-px text-[9px] font-bold tabular-nums",
|
|
16990
16991
|
children: t
|
|
@@ -16994,46 +16995,46 @@ function aj({ direction: e, seconds: t = 10, tone: r = "surface", className: a }
|
|
|
16994
16995
|
//#endregion
|
|
16995
16996
|
//#region lib/components/ui/media/media-player/partials/atoms/speed-menu.tsx
|
|
16996
16997
|
function oj() {
|
|
16997
|
-
let { t: e } =
|
|
16998
|
+
let { t: e } = L();
|
|
16998
16999
|
return (t) => e("material.media-player.rate-value", "{rate}×", { rate: t });
|
|
16999
17000
|
}
|
|
17000
17001
|
function sj() {
|
|
17001
|
-
let { state: e, actions: t, playbackRates: n } = $("SpeedMenu"), { t: r } =
|
|
17002
|
-
return /* @__PURE__ */ G(
|
|
17002
|
+
let { state: e, actions: t, playbackRates: n } = $("SpeedMenu"), { t: r } = L(), i = oj();
|
|
17003
|
+
return /* @__PURE__ */ G(N, {
|
|
17003
17004
|
value: String(e.rate),
|
|
17004
17005
|
onValueChange: (e) => t.setRate(Number(e)),
|
|
17005
|
-
children: n.map((e) => /* @__PURE__ */ G(
|
|
17006
|
+
children: n.map((e) => /* @__PURE__ */ G(ne, {
|
|
17006
17007
|
value: String(e),
|
|
17007
17008
|
children: e === 1 ? r("material.media-player.normal", "Normal") : i(e)
|
|
17008
17009
|
}, e))
|
|
17009
17010
|
});
|
|
17010
17011
|
}
|
|
17011
17012
|
function cj({ tone: e = "surface", className: t }) {
|
|
17012
|
-
let { state: r, track:
|
|
17013
|
-
return /* @__PURE__ */ K(
|
|
17013
|
+
let { state: r, track: i } = $("SpeedMenu"), { t: a } = L(), o = LA(), s = a("material.media-player.playback-rate", "Playback speed"), c = oj();
|
|
17014
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
17014
17015
|
asChild: !0,
|
|
17015
|
-
children: /* @__PURE__ */ G(
|
|
17016
|
+
children: /* @__PURE__ */ G(R, {
|
|
17016
17017
|
variant: "ghost",
|
|
17017
17018
|
"data-slot": "media-speed-menu",
|
|
17018
|
-
disabled: !
|
|
17019
|
+
disabled: !i,
|
|
17019
17020
|
className: n(PD[e], "aspect-auto w-auto min-w-9 px-2 text-xs font-semibold tabular-nums pointer-coarse:h-11 pointer-coarse:min-w-11", t),
|
|
17020
|
-
"aria-label":
|
|
17021
|
-
children:
|
|
17021
|
+
"aria-label": a("material.media-player.playback-rate-value", "Playback speed {rate}×", { rate: r.rate }),
|
|
17022
|
+
children: c(r.rate)
|
|
17022
17023
|
})
|
|
17023
|
-
}), /* @__PURE__ */ K(
|
|
17024
|
+
}), /* @__PURE__ */ K(F, {
|
|
17024
17025
|
align: "end",
|
|
17025
|
-
container:
|
|
17026
|
-
children: [/* @__PURE__ */ G(
|
|
17026
|
+
container: o,
|
|
17027
|
+
children: [/* @__PURE__ */ G(P, { children: s }), /* @__PURE__ */ G(sj, {})]
|
|
17027
17028
|
})] });
|
|
17028
17029
|
}
|
|
17029
17030
|
//#endregion
|
|
17030
17031
|
//#region lib/components/ui/media/media-player/partials/atoms/settings-menu.tsx
|
|
17031
17032
|
function lj() {
|
|
17032
|
-
let { state: e, actions: t } = $("SettingsMenu"), { t: n } =
|
|
17033
|
-
return /* @__PURE__ */ G(
|
|
17033
|
+
let { state: e, actions: t } = $("SettingsMenu"), { t: n } = L(), { entries: r, current: i } = rj(e, n);
|
|
17034
|
+
return /* @__PURE__ */ G(N, {
|
|
17034
17035
|
value: i.id,
|
|
17035
17036
|
onValueChange: t.setQuality,
|
|
17036
|
-
children: r.map((e) => /* @__PURE__ */ G(
|
|
17037
|
+
children: r.map((e) => /* @__PURE__ */ G(ne, {
|
|
17037
17038
|
value: e.id,
|
|
17038
17039
|
children: e.label
|
|
17039
17040
|
}, e.id))
|
|
@@ -17047,42 +17048,42 @@ function uj(e, t) {
|
|
|
17047
17048
|
];
|
|
17048
17049
|
}
|
|
17049
17050
|
function dj({ tone: e = "surface", className: t }) {
|
|
17050
|
-
let { state: r, track:
|
|
17051
|
-
speed:
|
|
17052
|
-
captions:
|
|
17053
|
-
quality:
|
|
17054
|
-
},
|
|
17051
|
+
let { state: r, track: i, sliceActions: a } = $("SettingsMenu"), { t: o } = L(), s = LA(), c = o("material.media-player.settings", "Settings"), l = {
|
|
17052
|
+
speed: o("material.media-player.playback-rate", "Playback speed"),
|
|
17053
|
+
captions: o("material.media-player.captions", "Captions"),
|
|
17054
|
+
quality: o("material.media-player.quality", "Quality")
|
|
17055
|
+
}, u = {
|
|
17055
17056
|
speed: /* @__PURE__ */ G(sj, {}),
|
|
17056
17057
|
captions: /* @__PURE__ */ G(RA, {}),
|
|
17057
17058
|
quality: /* @__PURE__ */ G(lj, {})
|
|
17058
|
-
},
|
|
17059
|
+
}, d = uj(i, r).map((e) => ({
|
|
17059
17060
|
key: e,
|
|
17060
|
-
label:
|
|
17061
|
-
options:
|
|
17061
|
+
label: l[e],
|
|
17062
|
+
options: u[e]
|
|
17062
17063
|
}));
|
|
17063
|
-
return /* @__PURE__ */ K(
|
|
17064
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
17064
17065
|
asChild: !0,
|
|
17065
|
-
children: /* @__PURE__ */ G(
|
|
17066
|
+
children: /* @__PURE__ */ G(R, {
|
|
17066
17067
|
variant: "ghost",
|
|
17067
17068
|
"data-slot": "media-settings-menu",
|
|
17068
|
-
disabled: !
|
|
17069
|
+
disabled: !i,
|
|
17069
17070
|
className: n(FD[e], t),
|
|
17070
|
-
"aria-label":
|
|
17071
|
+
"aria-label": c,
|
|
17071
17072
|
children: /* @__PURE__ */ G(ra, { className: "size-5" })
|
|
17072
17073
|
})
|
|
17073
|
-
}), /* @__PURE__ */ K(
|
|
17074
|
+
}), /* @__PURE__ */ K(F, {
|
|
17074
17075
|
align: "end",
|
|
17075
|
-
container:
|
|
17076
|
+
container: s,
|
|
17076
17077
|
children: [
|
|
17077
|
-
|
|
17078
|
-
t > 0 && /* @__PURE__ */ G(
|
|
17079
|
-
/* @__PURE__ */ G(
|
|
17078
|
+
d.map((e, t) => /* @__PURE__ */ K(La, { children: [
|
|
17079
|
+
t > 0 && /* @__PURE__ */ G(ae, {}),
|
|
17080
|
+
/* @__PURE__ */ G(P, { children: e.label }),
|
|
17080
17081
|
e.options
|
|
17081
17082
|
] }, e.key)),
|
|
17082
|
-
/* @__PURE__ */ G(
|
|
17083
|
-
/* @__PURE__ */ G(
|
|
17084
|
-
onSelect: () =>
|
|
17085
|
-
children:
|
|
17083
|
+
/* @__PURE__ */ G(ae, {}),
|
|
17084
|
+
/* @__PURE__ */ G(I, {
|
|
17085
|
+
onSelect: () => a.setHelpOpen(!0),
|
|
17086
|
+
children: o("material.media-player.shortcut.title", "Keyboard shortcuts")
|
|
17086
17087
|
})
|
|
17087
17088
|
]
|
|
17088
17089
|
})] });
|
|
@@ -17090,23 +17091,23 @@ function dj({ tone: e = "surface", className: t }) {
|
|
|
17090
17091
|
//#endregion
|
|
17091
17092
|
//#region lib/components/ui/media/media-player/partials/atoms/skip-button.tsx
|
|
17092
17093
|
function fj({ direction: e, tone: t = "surface", className: r }) {
|
|
17093
|
-
let { tracks:
|
|
17094
|
-
if (
|
|
17095
|
-
let
|
|
17096
|
-
return /* @__PURE__ */ G(
|
|
17094
|
+
let { tracks: i, actions: a, canNext: o } = $("SkipButton"), { t: s } = L();
|
|
17095
|
+
if (i.length < 2) return null;
|
|
17096
|
+
let c = e === "next", l = c ? oa : aa, u = c ? s("material.media-player.next", "Next track") : s("material.media-player.previous", "Previous track");
|
|
17097
|
+
return /* @__PURE__ */ G(R, {
|
|
17097
17098
|
variant: "ghost",
|
|
17098
17099
|
"data-slot": `media-${e}-button`,
|
|
17099
17100
|
className: n(FD[t], "aria-disabled:pointer-events-none aria-disabled:opacity-50", r),
|
|
17100
|
-
"aria-disabled":
|
|
17101
|
-
tooltip:
|
|
17102
|
-
onClick:
|
|
17103
|
-
children: /* @__PURE__ */ G(
|
|
17101
|
+
"aria-disabled": c && !o ? !0 : void 0,
|
|
17102
|
+
tooltip: u,
|
|
17103
|
+
onClick: c ? a.next : a.prev,
|
|
17104
|
+
children: /* @__PURE__ */ G(l, { className: "size-5 fill-current" })
|
|
17104
17105
|
});
|
|
17105
17106
|
}
|
|
17106
17107
|
//#endregion
|
|
17107
17108
|
//#region lib/components/ui/media/media-player/partials/atoms/time-display.tsx
|
|
17108
17109
|
function pj({ tone: e = "surface", className: t }) {
|
|
17109
|
-
let { state: r, track: i, timeStore: a } = $("TimeDisplay"), o = Uk(a), { t: s } =
|
|
17110
|
+
let { state: r, track: i, timeStore: a } = $("TimeDisplay"), o = Uk(a), { t: s } = L(), c = r.duration || i?.duration || 0, l = Lo(o), u = Lo(c);
|
|
17110
17111
|
return /* @__PURE__ */ K("span", {
|
|
17111
17112
|
"data-slot": "media-time-display",
|
|
17112
17113
|
className: n("shrink-0 px-1 text-xs font-medium tabular-nums", ID[e], t),
|
|
@@ -17130,25 +17131,25 @@ function pj({ tone: e = "surface", className: t }) {
|
|
|
17130
17131
|
//#endregion
|
|
17131
17132
|
//#region lib/components/ui/media/media-player/partials/atoms/volume-control.tsx
|
|
17132
17133
|
function mj({ tone: e = "surface", className: t }) {
|
|
17133
|
-
let { state: r, actions:
|
|
17134
|
+
let { state: r, actions: i } = $("VolumeControl"), { t: a } = L(), o = RO(r), s = o ? 0 : Math.round(r.volume * 100), c = o ? Ea : r.volume < .5 ? wa : Ta;
|
|
17134
17135
|
return /* @__PURE__ */ K("div", {
|
|
17135
17136
|
"data-slot": "media-volume-control",
|
|
17136
17137
|
className: n("flex items-center gap-1", t),
|
|
17137
|
-
children: [/* @__PURE__ */ G(
|
|
17138
|
+
children: [/* @__PURE__ */ G(R, {
|
|
17138
17139
|
variant: "ghost",
|
|
17139
17140
|
className: FD[e],
|
|
17140
|
-
tooltip:
|
|
17141
|
-
onClick:
|
|
17142
|
-
children: /* @__PURE__ */ G(
|
|
17141
|
+
tooltip: o ? a("material.media-player.unmute", "Unmute") : a("material.media-player.mute", "Mute"),
|
|
17142
|
+
onClick: i.toggleMute,
|
|
17143
|
+
children: /* @__PURE__ */ G(c, { className: "size-5" })
|
|
17143
17144
|
}), /* @__PURE__ */ G("input", {
|
|
17144
17145
|
type: "range",
|
|
17145
17146
|
min: 0,
|
|
17146
17147
|
max: 100,
|
|
17147
17148
|
step: 5,
|
|
17148
|
-
value:
|
|
17149
|
-
"aria-label":
|
|
17150
|
-
"aria-valuetext":
|
|
17151
|
-
onChange: (e) =>
|
|
17149
|
+
value: s,
|
|
17150
|
+
"aria-label": a("material.media-player.volume", "Volume"),
|
|
17151
|
+
"aria-valuetext": a("material.media-player.volume-value", "{percent}%", { percent: s }),
|
|
17152
|
+
onChange: (e) => i.setVolume(Number(e.target.value) / 100),
|
|
17152
17153
|
className: n("hidden h-1.5 w-20 cursor-pointer rounded-full outline-offset-4 focus-visible:outline-2 pointer-coarse:h-11 @[28rem]:block", LD[e])
|
|
17153
17154
|
})]
|
|
17154
17155
|
});
|
|
@@ -17254,7 +17255,7 @@ function Ej({ follow: e, current: t, onUserScroll: n }) {
|
|
|
17254
17255
|
//#endregion
|
|
17255
17256
|
//#region lib/components/ui/media/media-player/partials/panels/chapter-list.tsx
|
|
17256
17257
|
function Dj() {
|
|
17257
|
-
let { chapters: e, current: t, seek: n } = JA(), { t: r } =
|
|
17258
|
+
let { chapters: e, current: t, seek: n } = JA(), { t: r } = L(), i = U(null);
|
|
17258
17259
|
return V(() => {
|
|
17259
17260
|
let e = i.current?.querySelector("[data-current]");
|
|
17260
17261
|
i.current && e && Tj(i.current, e);
|
|
@@ -17300,7 +17301,7 @@ function Oj({ text: e, query: t, active: n, locale: r }) {
|
|
|
17300
17301
|
//#endregion
|
|
17301
17302
|
//#region lib/components/ui/media/media-player/partials/panels/transcript-list.tsx
|
|
17302
17303
|
function kj({ lines: e, current: t, query: n, activeLine: r, lang: i, locale: a, listRef: o, handlers: s, onSeek: c }) {
|
|
17303
|
-
let { t: l } =
|
|
17304
|
+
let { t: l } = L();
|
|
17304
17305
|
return /* @__PURE__ */ G("div", {
|
|
17305
17306
|
ref: o,
|
|
17306
17307
|
...s,
|
|
@@ -17356,15 +17357,15 @@ function jj(e, t) {
|
|
|
17356
17357
|
]), V(() => () => i.cancel(), [i]), n;
|
|
17357
17358
|
}
|
|
17358
17359
|
function Mj({ search: e, onStep: t }) {
|
|
17359
|
-
let { t: n } =
|
|
17360
|
-
position:
|
|
17361
|
-
count:
|
|
17362
|
-
}) : n("material.media-player.panels.search-count", "{count, plural, one {# match} other {# matches}}", { count:
|
|
17360
|
+
let { t: n } = L(), { query: r, matches: i, active: a } = e, o = i.length, s = n("material.media-player.panels.search-prev", "Previous match"), c = n("material.media-player.panels.search-next", "Next match"), l = jj(r.trim() ? o === 0 ? n("material.media-player.panels.search-none", "No matches") : a >= 0 ? n("material.media-player.panels.search-position", "Match {position} of {count}", {
|
|
17361
|
+
position: a + 1,
|
|
17362
|
+
count: o
|
|
17363
|
+
}) : n("material.media-player.panels.search-count", "{count, plural, one {# match} other {# matches}}", { count: o }) : "", a >= 0);
|
|
17363
17364
|
return /* @__PURE__ */ K("div", {
|
|
17364
17365
|
"data-slot": "media-transcript-search",
|
|
17365
17366
|
className: "flex items-center gap-1",
|
|
17366
17367
|
children: [
|
|
17367
|
-
/* @__PURE__ */ G(
|
|
17368
|
+
/* @__PURE__ */ G(be, {
|
|
17368
17369
|
type: "search",
|
|
17369
17370
|
value: r,
|
|
17370
17371
|
onChange: (t) => e.setQuery(t.target.value),
|
|
@@ -17378,20 +17379,20 @@ function Mj({ search: e, onStep: t }) {
|
|
|
17378
17379
|
/* @__PURE__ */ G("span", {
|
|
17379
17380
|
"aria-hidden": !0,
|
|
17380
17381
|
className: "min-w-12 text-center text-xs tabular-nums text-muted-foreground",
|
|
17381
|
-
children: r.trim() ?
|
|
17382
|
+
children: r.trim() ? a >= 0 ? `${a + 1}/${o}` : o : ""
|
|
17382
17383
|
}),
|
|
17383
|
-
/* @__PURE__ */ G(
|
|
17384
|
+
/* @__PURE__ */ G(R, {
|
|
17384
17385
|
variant: "ghost",
|
|
17385
|
-
tooltip:
|
|
17386
|
-
disabled:
|
|
17386
|
+
tooltip: s,
|
|
17387
|
+
disabled: o === 0,
|
|
17387
17388
|
onClick: () => t(-1),
|
|
17388
17389
|
className: "pointer-coarse:size-11",
|
|
17389
17390
|
children: /* @__PURE__ */ G(Hr, { className: "size-4" })
|
|
17390
17391
|
}),
|
|
17391
|
-
/* @__PURE__ */ G(
|
|
17392
|
+
/* @__PURE__ */ G(R, {
|
|
17392
17393
|
variant: "ghost",
|
|
17393
|
-
tooltip:
|
|
17394
|
-
disabled:
|
|
17394
|
+
tooltip: c,
|
|
17395
|
+
disabled: o === 0,
|
|
17395
17396
|
onClick: () => t(1),
|
|
17396
17397
|
className: "pointer-coarse:size-11",
|
|
17397
17398
|
children: /* @__PURE__ */ G(Rr, { className: "size-4" })
|
|
@@ -17400,7 +17401,7 @@ function Mj({ search: e, onStep: t }) {
|
|
|
17400
17401
|
role: "status",
|
|
17401
17402
|
"aria-live": "polite",
|
|
17402
17403
|
className: "sr-only",
|
|
17403
|
-
children:
|
|
17404
|
+
children: l
|
|
17404
17405
|
})
|
|
17405
17406
|
]
|
|
17406
17407
|
});
|
|
@@ -17447,7 +17448,7 @@ function Ij({ children: e }) {
|
|
|
17447
17448
|
});
|
|
17448
17449
|
}
|
|
17449
17450
|
function Lj({ searchable: e = !0, follow: t, onFollowChange: n }) {
|
|
17450
|
-
let { state: r, track: i, actions: a, timeStore: o } = $("MediaTranscript"), { t: s, language: c } =
|
|
17451
|
+
let { state: r, track: i, actions: a, timeStore: o } = $("MediaTranscript"), { t: s, language: c } = L(), l = Ka(), u = gj(i, r.captions.enabled ? r.captions.lang : null), d = Fj(u.lines, u.lang ?? c), f = Nj(o, u.lines), p = t ?? r.transcriptFollow, m = (e) => {
|
|
17451
17452
|
n?.(e), t === void 0 && a.setTranscriptFollow(e);
|
|
17452
17453
|
}, h = Ej({
|
|
17453
17454
|
follow: p,
|
|
@@ -17494,7 +17495,7 @@ function Lj({ searchable: e = !0, follow: t, onFollowChange: n }) {
|
|
|
17494
17495
|
//#region lib/components/ui/media/media-player/partials/panels/panel-tabs.tsx
|
|
17495
17496
|
var Rj = (e) => e.includes("transcript") ? "transcript" : e[0] ?? "chapters";
|
|
17496
17497
|
function zj({ kinds: e, value: t, onValueChange: n, trailing: r }) {
|
|
17497
|
-
let { t: i } =
|
|
17498
|
+
let { t: i } = L(), a = {
|
|
17498
17499
|
chapters: i("material.media-player.chapters", "Chapters"),
|
|
17499
17500
|
transcript: i("material.media-player.panels.transcript", "Transcript")
|
|
17500
17501
|
}, o = {
|
|
@@ -17534,16 +17535,16 @@ function zj({ kinds: e, value: t, onValueChange: n, trailing: r }) {
|
|
|
17534
17535
|
//#endregion
|
|
17535
17536
|
//#region lib/components/ui/media/media-player/partials/panels/panel-button.tsx
|
|
17536
17537
|
function Bj({ tone: e = "surface", className: t }) {
|
|
17537
|
-
let { state: r, actions:
|
|
17538
|
-
if (
|
|
17539
|
-
let
|
|
17540
|
-
return /* @__PURE__ */ G(
|
|
17538
|
+
let { state: r, actions: i } = $("PanelButton"), a = bj(), { t: o } = L(), s = Ga(xj) === "lightbox";
|
|
17539
|
+
if (a.length === 0 || !(r.fullscreen || s)) return null;
|
|
17540
|
+
let c = r.panel !== null, l = o("material.media-player.panels.toggle", "Chapters and transcript");
|
|
17541
|
+
return /* @__PURE__ */ G(R, {
|
|
17541
17542
|
variant: "ghost",
|
|
17542
17543
|
"data-slot": "media-panel-button",
|
|
17543
|
-
"aria-pressed":
|
|
17544
|
+
"aria-pressed": c,
|
|
17544
17545
|
className: n(FD[e], t),
|
|
17545
|
-
tooltip:
|
|
17546
|
-
onClick: () =>
|
|
17546
|
+
tooltip: l,
|
|
17547
|
+
onClick: () => i.openPanel(c ? null : Rj(a)),
|
|
17547
17548
|
children: /* @__PURE__ */ G(ea, { className: "size-5" })
|
|
17548
17549
|
});
|
|
17549
17550
|
}
|
|
@@ -17551,7 +17552,7 @@ function Bj({ tone: e = "surface", className: t }) {
|
|
|
17551
17552
|
//#region lib/components/ui/media/media-player/partials/controls-row.tsx
|
|
17552
17553
|
var Vj = "hidden @[32rem]:inline-flex", Hj = "@[32rem]:hidden", Uj = "hidden @[26rem]:inline-flex";
|
|
17553
17554
|
function Wj({ tone: e, className: t }) {
|
|
17554
|
-
let { t: r } =
|
|
17555
|
+
let { t: r } = L();
|
|
17555
17556
|
return /* @__PURE__ */ K("div", {
|
|
17556
17557
|
role: "group",
|
|
17557
17558
|
"aria-label": r("material.media-player.controls", "Player controls"),
|
|
@@ -17823,7 +17824,7 @@ function uM(e, t, n, r) {
|
|
|
17823
17824
|
}) : i;
|
|
17824
17825
|
}
|
|
17825
17826
|
function dM(e, t, n) {
|
|
17826
|
-
let { t: r } =
|
|
17827
|
+
let { t: r } = L();
|
|
17827
17828
|
return uM(e, t, n, r);
|
|
17828
17829
|
}
|
|
17829
17830
|
//#endregion
|
|
@@ -17889,7 +17890,7 @@ var pM = {
|
|
|
17889
17890
|
}
|
|
17890
17891
|
};
|
|
17891
17892
|
function mM({ tone: e = "surface", className: t }) {
|
|
17892
|
-
let { t: r } =
|
|
17893
|
+
let { t: r } = L(), i = fM(), a = pM[e], o = Math.floor(Math.min(i.time, i.duration));
|
|
17893
17894
|
return /* @__PURE__ */ K("div", {
|
|
17894
17895
|
ref: i.rootRef,
|
|
17895
17896
|
role: "slider",
|
|
@@ -17970,7 +17971,7 @@ var gM = {
|
|
|
17970
17971
|
track: "Track {index} of {count}: {title}"
|
|
17971
17972
|
};
|
|
17972
17973
|
function _M() {
|
|
17973
|
-
let { state: e } = $("LiveRegion"), { t } =
|
|
17974
|
+
let { state: e } = $("LiveRegion"), { t } = L(), n = e.announcement;
|
|
17974
17975
|
return /* @__PURE__ */ G("div", {
|
|
17975
17976
|
role: "status",
|
|
17976
17977
|
"aria-live": "polite",
|
|
@@ -17983,7 +17984,7 @@ function _M() {
|
|
|
17983
17984
|
//#endregion
|
|
17984
17985
|
//#region lib/components/ui/media/media-player/partials/resume-prompt.tsx
|
|
17985
17986
|
function vM({ inline: e = !1 }) {
|
|
17986
|
-
let { state: t, resume: r } = $("ResumePrompt"), { t: i } =
|
|
17987
|
+
let { state: t, resume: r } = $("ResumePrompt"), { t: i } = L();
|
|
17987
17988
|
if (t.resumeOffer === null) return null;
|
|
17988
17989
|
let a = Lo(t.resumeOffer);
|
|
17989
17990
|
return /* @__PURE__ */ K("div", {
|
|
@@ -18074,7 +18075,7 @@ var wM = "material.media-player.shortcut.", TM = [
|
|
|
18074
18075
|
"view"
|
|
18075
18076
|
];
|
|
18076
18077
|
function EM() {
|
|
18077
|
-
let { t: e } =
|
|
18078
|
+
let { t: e } = L();
|
|
18078
18079
|
return (t) => e(`${wM}${t}`, yM[t] ?? "");
|
|
18079
18080
|
}
|
|
18080
18081
|
function DM({ shortcut: e, direction: t }) {
|
|
@@ -18118,20 +18119,20 @@ function OM() {
|
|
|
18118
18119
|
}
|
|
18119
18120
|
function kM() {
|
|
18120
18121
|
let { state: e, sliceActions: t, rootRef: n } = $("MediaPlayer"), r = EM(), i = Ga(IA);
|
|
18121
|
-
return /* @__PURE__ */ G(
|
|
18122
|
+
return /* @__PURE__ */ G(ke, {
|
|
18122
18123
|
open: e.helpOpen,
|
|
18123
18124
|
onOpenChange: t.setHelpOpen,
|
|
18124
|
-
children: /* @__PURE__ */ K(
|
|
18125
|
+
children: /* @__PURE__ */ K(De, {
|
|
18125
18126
|
container: e.fullscreen ? n.current : i,
|
|
18126
18127
|
"data-slot": "media-shortcut-help",
|
|
18127
18128
|
className: "sm:max-w-xl",
|
|
18128
18129
|
children: [
|
|
18129
|
-
/* @__PURE__ */ K(
|
|
18130
|
+
/* @__PURE__ */ K(Ce, {
|
|
18130
18131
|
className: "pe-8 text-start",
|
|
18131
|
-
children: [/* @__PURE__ */ G(
|
|
18132
|
+
children: [/* @__PURE__ */ G(Ae, { children: r("title") }), /* @__PURE__ */ G(Oe, { children: r("description") })]
|
|
18132
18133
|
}),
|
|
18133
18134
|
/* @__PURE__ */ G(OM, {}),
|
|
18134
|
-
/* @__PURE__ */ G(
|
|
18135
|
+
/* @__PURE__ */ G(Te, {})
|
|
18135
18136
|
]
|
|
18136
18137
|
})
|
|
18137
18138
|
});
|
|
@@ -18139,7 +18140,7 @@ function kM() {
|
|
|
18139
18140
|
//#endregion
|
|
18140
18141
|
//#region lib/components/ui/media/media-player/partials/media-section.tsx
|
|
18141
18142
|
function AM({ kind: e, className: t, ref: r, onKeyDown: i, children: a, ...o }) {
|
|
18142
|
-
let s = $("MediaPlayer"), { track: c, state: l, rootRef: u } = s, { t: d } =
|
|
18143
|
+
let s = $("MediaPlayer"), { track: c, state: l, rootRef: u } = s, { t: d } = L(), f = c ? d("material.media-player.region", "{title}, media player", { title: c.title }) : d("material.media-player.label", "Media player"), p = (e) => {
|
|
18143
18144
|
i?.(e), s.onKeyDown(e);
|
|
18144
18145
|
};
|
|
18145
18146
|
return /* @__PURE__ */ K("section", {
|
|
@@ -18195,26 +18196,26 @@ function jM({ onPointerUp: e }) {
|
|
|
18195
18196
|
//#endregion
|
|
18196
18197
|
//#region lib/components/ui/media/media-player/partials/panels/glass-drawer.tsx
|
|
18197
18198
|
function MM() {
|
|
18198
|
-
let { state: e, actions: t, rootRef: n } = $("GlassDrawer"), r = bj(), { t:
|
|
18199
|
+
let { state: e, actions: t, rootRef: n } = $("GlassDrawer"), r = bj(), { t: i } = L(), a = U(null), o = i("material.media-player.panels.toggle", "Chapters and transcript");
|
|
18199
18200
|
return V(() => {
|
|
18200
|
-
(
|
|
18201
|
+
(a.current?.querySelector("[role=\"tab\"][data-state=\"active\"]") ?? a.current?.querySelector("button"))?.focus();
|
|
18201
18202
|
let e = n.current;
|
|
18202
18203
|
return () => {
|
|
18203
18204
|
(e?.querySelector("[data-slot=\"media-panel-button\"]") ?? e?.querySelector("[data-slot=\"media-fullscreen-button\"]"))?.focus();
|
|
18204
18205
|
};
|
|
18205
18206
|
}, [n]), e.panel ? /* @__PURE__ */ G("div", {
|
|
18206
|
-
ref:
|
|
18207
|
+
ref: a,
|
|
18207
18208
|
role: "group",
|
|
18208
|
-
"aria-label":
|
|
18209
|
+
"aria-label": o,
|
|
18209
18210
|
"data-slot": "media-panel-drawer",
|
|
18210
18211
|
className: "dark absolute inset-x-0 bottom-0 z-30 flex h-[62%] flex-col rounded-t-2xl border-t border-white/15 bg-background/80 pt-1 pb-[env(safe-area-inset-bottom)] text-foreground shadow-2xl backdrop-blur-xl @[40rem]:inset-y-0 @[40rem]:end-0 @[40rem]:inset-x-auto @[40rem]:h-auto @[40rem]:w-96 @[40rem]:rounded-none @[40rem]:border-t-0 @[40rem]:border-s",
|
|
18211
18212
|
children: /* @__PURE__ */ G(zj, {
|
|
18212
18213
|
kinds: r,
|
|
18213
18214
|
value: r.includes(e.panel) ? e.panel : Rj(r),
|
|
18214
18215
|
onValueChange: t.openPanel,
|
|
18215
|
-
trailing: /* @__PURE__ */ G(
|
|
18216
|
+
trailing: /* @__PURE__ */ G(R, {
|
|
18216
18217
|
variant: "ghost",
|
|
18217
|
-
tooltip:
|
|
18218
|
+
tooltip: i("material.media-player.panels.close", "Close panel"),
|
|
18218
18219
|
onClick: () => t.openPanel(null),
|
|
18219
18220
|
className: "pointer-coarse:size-11",
|
|
18220
18221
|
children: /* @__PURE__ */ G(Da, { className: "size-5" })
|
|
@@ -18299,7 +18300,7 @@ function BM(e) {
|
|
|
18299
18300
|
}, [e]), t;
|
|
18300
18301
|
}
|
|
18301
18302
|
function VM({ tone: e, heading: t, className: r, listClassName: i }) {
|
|
18302
|
-
let { tracks: a, state: o, actions: s } = $("PlaylistList"), { t: c } =
|
|
18303
|
+
let { tracks: a, state: o, actions: s } = $("PlaylistList"), { t: c } = L(), l = Ka(), u = BM(o.index);
|
|
18303
18304
|
return /* @__PURE__ */ K("div", {
|
|
18304
18305
|
"data-slot": "media-playlist",
|
|
18305
18306
|
className: n("border-t group-data-fullscreen/media-player:hidden", e === "overlay" ? "border-white/15" : "border-border", r),
|
|
@@ -18476,7 +18477,7 @@ function QM() {
|
|
|
18476
18477
|
//#endregion
|
|
18477
18478
|
//#region lib/components/ui/media/media-player/partials/status-overlay.tsx
|
|
18478
18479
|
function $M() {
|
|
18479
|
-
let { state: e } = $("StatusOverlay"), { t } =
|
|
18480
|
+
let { state: e } = $("StatusOverlay"), { t } = L();
|
|
18480
18481
|
return e.status === "error" ? /* @__PURE__ */ K("div", {
|
|
18481
18482
|
role: "alert",
|
|
18482
18483
|
"data-slot": "media-error",
|
|
@@ -18508,7 +18509,7 @@ function $M() {
|
|
|
18508
18509
|
//#endregion
|
|
18509
18510
|
//#region lib/components/ui/media/media-player/partials/tap-ripple.tsx
|
|
18510
18511
|
function eN({ side: e, seconds: t }) {
|
|
18511
|
-
let { t: r } =
|
|
18512
|
+
let { t: r } = L(), i = e === "left" ? Ur : Wr;
|
|
18512
18513
|
return /* @__PURE__ */ K("div", {
|
|
18513
18514
|
"aria-hidden": !0,
|
|
18514
18515
|
"data-slot": "media-ripple",
|
|
@@ -18627,7 +18628,7 @@ function oN() {
|
|
|
18627
18628
|
}) : null;
|
|
18628
18629
|
}
|
|
18629
18630
|
function sN() {
|
|
18630
|
-
let { state: e } = $("MediaPlayer"), { t } =
|
|
18631
|
+
let { state: e } = $("MediaPlayer"), { t } = L();
|
|
18631
18632
|
return e.status === "error" ? /* @__PURE__ */ G("p", {
|
|
18632
18633
|
role: "alert",
|
|
18633
18634
|
"data-slot": "media-error",
|
|
@@ -18741,7 +18742,7 @@ function uN({ item: e, className: t }) {
|
|
|
18741
18742
|
//#endregion
|
|
18742
18743
|
//#region lib/components/ui/media/galleries/partials/gallery-media.tsx
|
|
18743
18744
|
function dN({ item: e, mode: t, eager: r = !1, className: i }) {
|
|
18744
|
-
let { t: a } =
|
|
18745
|
+
let { t: a } = L(), o = e.kind === "video", s = e.poster ?? e.thumbnail ?? e.src, c = r ? void 0 : "lazy", l = t === "tile" ? "absolute inset-0 size-full object-cover" : "max-h-full max-w-full object-contain";
|
|
18745
18746
|
return o ? t === "tile" ? /* @__PURE__ */ K(Xa, { children: [e.poster || e.thumbnail ? /* @__PURE__ */ G("img", {
|
|
18746
18747
|
src: s,
|
|
18747
18748
|
alt: e.alt ?? "",
|
|
@@ -18808,7 +18809,7 @@ function xN({ title: e }) {
|
|
|
18808
18809
|
});
|
|
18809
18810
|
}
|
|
18810
18811
|
function SN({ picked: e, label: t, onToggle: r }) {
|
|
18811
|
-
let { t: i } =
|
|
18812
|
+
let { t: i } = L();
|
|
18812
18813
|
return /* @__PURE__ */ G("button", {
|
|
18813
18814
|
type: "button",
|
|
18814
18815
|
"aria-pressed": e,
|
|
@@ -18819,8 +18820,8 @@ function SN({ picked: e, label: t, onToggle: r }) {
|
|
|
18819
18820
|
});
|
|
18820
18821
|
}
|
|
18821
18822
|
function CN({ label: e, onDelete: t }) {
|
|
18822
|
-
let { t: r } =
|
|
18823
|
-
return /* @__PURE__ */ G(
|
|
18823
|
+
let { t: r } = L();
|
|
18824
|
+
return /* @__PURE__ */ G(R, {
|
|
18824
18825
|
variant: "filled",
|
|
18825
18826
|
color: "error",
|
|
18826
18827
|
className: n("absolute top-2 end-2 size-7", YE),
|
|
@@ -18882,7 +18883,7 @@ function wN({ item: e, index: t, className: r, selectOnly: i = !1, grow: a, fill
|
|
|
18882
18883
|
//#endregion
|
|
18883
18884
|
//#region lib/components/ui/media/galleries/partials/gallery-named-carousel.tsx
|
|
18884
18885
|
function TN({ setApi: e, opts: t, vertical: r }) {
|
|
18885
|
-
let { items: i, resolved: a } = Kw(), { t: o } =
|
|
18886
|
+
let { items: i, resolved: a } = Kw(), { t: o } = L(), s = a.carousel ?? "multi-browse", c = s === "fullscreen", l = o("material.gallery.previous", "Previous"), u = o("material.gallery.next", "Next"), d = i.length > 1, f = r ? "static translate-x-0 self-center" : "";
|
|
18886
18887
|
return /* @__PURE__ */ K(VE, {
|
|
18887
18888
|
variant: s,
|
|
18888
18889
|
align: a.carouselAlign,
|
|
@@ -19003,7 +19004,7 @@ function ON() {
|
|
|
19003
19004
|
//#endregion
|
|
19004
19005
|
//#region lib/components/ui/media/galleries/partials/gallery-empty.tsx
|
|
19005
19006
|
function kN() {
|
|
19006
|
-
let { t: e } =
|
|
19007
|
+
let { t: e } = L();
|
|
19007
19008
|
return /* @__PURE__ */ G(qt, {
|
|
19008
19009
|
kind: "empty",
|
|
19009
19010
|
size: "compact",
|
|
@@ -19015,7 +19016,7 @@ function kN() {
|
|
|
19015
19016
|
//#endregion
|
|
19016
19017
|
//#region lib/components/ui/media/galleries/partials/gallery-featured.tsx
|
|
19017
19018
|
function AN({ className: e }) {
|
|
19018
|
-
let { items: t, current: r, state:
|
|
19019
|
+
let { items: t, current: r, state: i, resolved: a, openAt: o, next: s, prev: c, canNext: l, canPrev: u } = Kw(), { t: d } = L(), f = HE[a.aspect ?? "video"];
|
|
19019
19020
|
return r ? /* @__PURE__ */ K("div", {
|
|
19020
19021
|
"data-slot": "gallery-featured",
|
|
19021
19022
|
className: n("flex flex-col gap-3", e),
|
|
@@ -19023,27 +19024,27 @@ function AN({ className: e }) {
|
|
|
19023
19024
|
/* @__PURE__ */ K("div", {
|
|
19024
19025
|
className: XE,
|
|
19025
19026
|
children: [/* @__PURE__ */ G(EN, {
|
|
19026
|
-
className:
|
|
19027
|
+
className: f,
|
|
19027
19028
|
label: r.alt || r.title || r.id,
|
|
19028
|
-
onOpen: () =>
|
|
19029
|
-
clickable:
|
|
19029
|
+
onOpen: () => o(i.currentIndex),
|
|
19030
|
+
clickable: a.lightbox || r.kind !== "video",
|
|
19030
19031
|
children: /* @__PURE__ */ G(dN, {
|
|
19031
19032
|
item: r,
|
|
19032
|
-
mode: r.kind === "video" && !
|
|
19033
|
+
mode: r.kind === "video" && !a.lightbox ? "stage" : "tile"
|
|
19033
19034
|
})
|
|
19034
|
-
}), t.length > 1 && /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ G(
|
|
19035
|
+
}), t.length > 1 && /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ G(R, {
|
|
19035
19036
|
variant: "ghost",
|
|
19036
19037
|
className: n(QE, "start-3", "opacity-0 transition-opacity duration-(--nxgt-motion-effects-default-duration) ease-effects-default group-hover:opacity-100 group-focus-within:opacity-100"),
|
|
19037
|
-
tooltip:
|
|
19038
|
-
disabled: !
|
|
19039
|
-
onClick:
|
|
19038
|
+
tooltip: d("material.gallery.previous", "Previous"),
|
|
19039
|
+
disabled: !u,
|
|
19040
|
+
onClick: c,
|
|
19040
19041
|
children: /* @__PURE__ */ G(Br, { className: "rtl:-scale-x-100" })
|
|
19041
|
-
}), /* @__PURE__ */ G(
|
|
19042
|
+
}), /* @__PURE__ */ G(R, {
|
|
19042
19043
|
variant: "ghost",
|
|
19043
19044
|
className: n(QE, "end-3", "opacity-0 transition-opacity duration-(--nxgt-motion-effects-default-duration) ease-effects-default group-hover:opacity-100 group-focus-within:opacity-100"),
|
|
19044
|
-
tooltip:
|
|
19045
|
-
disabled: !
|
|
19046
|
-
onClick:
|
|
19045
|
+
tooltip: d("material.gallery.next", "Next"),
|
|
19046
|
+
disabled: !l,
|
|
19047
|
+
onClick: s,
|
|
19047
19048
|
children: /* @__PURE__ */ G(Vr, { className: "rtl:-scale-x-100" })
|
|
19048
19049
|
})] })]
|
|
19049
19050
|
}),
|
|
@@ -19507,7 +19508,7 @@ function vP(e, t, n = null) {
|
|
|
19507
19508
|
//#endregion
|
|
19508
19509
|
//#region lib/components/ui/media/galleries/partials/gallery-chrome-status.tsx
|
|
19509
19510
|
function yP() {
|
|
19510
|
-
let { items: e, current: t, state: n } = Kw(), { t: r } =
|
|
19511
|
+
let { items: e, current: t, state: n } = Kw(), { t: r } = L(), i = r("material.gallery.of", "{current} of {total}", {
|
|
19511
19512
|
current: n.currentIndex + 1,
|
|
19512
19513
|
total: e.length
|
|
19513
19514
|
});
|
|
@@ -19534,48 +19535,48 @@ function yP() {
|
|
|
19534
19535
|
//#region lib/components/ui/media/galleries/partials/gallery-chrome-toolbar.tsx
|
|
19535
19536
|
var bP = "bg-black/45 text-white backdrop-blur-sm hover:bg-black/60 focus:bg-black/60 active:bg-black/70 [&_svg]:stroke-white [&_svg]:data-[slot=icon]:text-white";
|
|
19536
19537
|
function xP() {
|
|
19537
|
-
let { current: e, state: t, closeLightbox: r, setZoom:
|
|
19538
|
+
let { current: e, state: t, closeLightbox: r, setZoom: i, toggleLoop: a, downloadCurrent: o } = Kw(), { t: s } = L(), c = e?.kind !== "video", l = s("material.gallery.close", "Close");
|
|
19538
19539
|
return /* @__PURE__ */ K("div", {
|
|
19539
19540
|
className: n("pointer-events-auto -m-3 flex flex-wrap items-start justify-between gap-2 p-3", t.zoom > 1 && "bg-gradient-to-b from-black/60 to-transparent pb-8"),
|
|
19540
19541
|
children: [/* @__PURE__ */ G(yP, {}), /* @__PURE__ */ K("div", {
|
|
19541
19542
|
className: "flex max-w-full flex-wrap justify-end gap-1",
|
|
19542
19543
|
children: [
|
|
19543
|
-
|
|
19544
|
+
c && /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ G(R, {
|
|
19544
19545
|
variant: "tonal",
|
|
19545
19546
|
className: "bg-black/45 text-white backdrop-blur-sm hover:bg-black/60 focus:bg-black/60 active:bg-black/70 [&_svg]:stroke-white [&_svg]:data-[slot=icon]:text-white",
|
|
19546
|
-
tooltip:
|
|
19547
|
+
tooltip: s("material.gallery.zoom-out", "Zoom out"),
|
|
19547
19548
|
disabled: t.zoom <= 1,
|
|
19548
|
-
onClick: () =>
|
|
19549
|
+
onClick: () => i(t.zoom - .25),
|
|
19549
19550
|
children: /* @__PURE__ */ G(Aa, {})
|
|
19550
|
-
}), /* @__PURE__ */ G(
|
|
19551
|
+
}), /* @__PURE__ */ G(R, {
|
|
19551
19552
|
variant: "tonal",
|
|
19552
19553
|
className: "bg-black/45 text-white backdrop-blur-sm hover:bg-black/60 focus:bg-black/60 active:bg-black/70 [&_svg]:stroke-white [&_svg]:data-[slot=icon]:text-white",
|
|
19553
|
-
tooltip:
|
|
19554
|
+
tooltip: s("material.gallery.zoom-in", "Zoom in"),
|
|
19554
19555
|
disabled: t.zoom >= 4,
|
|
19555
|
-
onClick: () =>
|
|
19556
|
+
onClick: () => i(t.zoom + .25),
|
|
19556
19557
|
children: /* @__PURE__ */ G(ka, {})
|
|
19557
19558
|
})] }),
|
|
19558
|
-
/* @__PURE__ */ G(
|
|
19559
|
+
/* @__PURE__ */ G(R, {
|
|
19559
19560
|
variant: "tonal",
|
|
19560
19561
|
className: bP,
|
|
19561
|
-
tooltip:
|
|
19562
|
-
onClick:
|
|
19562
|
+
tooltip: s("material.gallery.download", "Download"),
|
|
19563
|
+
onClick: o,
|
|
19563
19564
|
disabled: !e,
|
|
19564
19565
|
children: /* @__PURE__ */ G(Zr, {})
|
|
19565
19566
|
}),
|
|
19566
|
-
/* @__PURE__ */ G(
|
|
19567
|
+
/* @__PURE__ */ G(R, {
|
|
19567
19568
|
variant: "tonal",
|
|
19568
19569
|
className: n(bP, "[--ib-on:white]! [--ib-on-fg:black]!"),
|
|
19569
|
-
tooltip: t.loop ?
|
|
19570
|
+
tooltip: t.loop ? s("material.gallery.repeat-off", "Repeat off") : s("material.gallery.repeat", "Repeat"),
|
|
19570
19571
|
"aria-pressed": t.loop,
|
|
19571
|
-
onClick:
|
|
19572
|
+
onClick: a,
|
|
19572
19573
|
children: /* @__PURE__ */ G(Ji, {})
|
|
19573
19574
|
}),
|
|
19574
|
-
/* @__PURE__ */ G(
|
|
19575
|
+
/* @__PURE__ */ G(R, {
|
|
19575
19576
|
variant: "tonal",
|
|
19576
19577
|
className: bP,
|
|
19577
|
-
"aria-label":
|
|
19578
|
-
tooltip:
|
|
19578
|
+
"aria-label": l,
|
|
19579
|
+
tooltip: l,
|
|
19579
19580
|
onClick: r,
|
|
19580
19581
|
children: /* @__PURE__ */ G(Da, {})
|
|
19581
19582
|
})
|
|
@@ -19586,21 +19587,21 @@ function xP() {
|
|
|
19586
19587
|
//#endregion
|
|
19587
19588
|
//#region lib/components/ui/media/galleries/partials/gallery-chrome-arrows.tsx
|
|
19588
19589
|
function SP() {
|
|
19589
|
-
let { items: e, next: t, prev: r, canNext:
|
|
19590
|
+
let { items: e, next: t, prev: r, canNext: i, canPrev: a } = Kw(), { t: o } = L();
|
|
19590
19591
|
return e.length < 2 ? null : /* @__PURE__ */ K("div", {
|
|
19591
19592
|
className: "pointer-events-none absolute inset-x-3 top-1/2 flex -translate-y-1/2 items-center justify-between [&>*]:pointer-events-auto",
|
|
19592
|
-
children: [/* @__PURE__ */ G(
|
|
19593
|
+
children: [/* @__PURE__ */ G(R, {
|
|
19593
19594
|
variant: "tonal",
|
|
19594
19595
|
className: n(bP, "disabled:opacity-0"),
|
|
19595
|
-
tooltip:
|
|
19596
|
-
disabled: !
|
|
19596
|
+
tooltip: o("material.gallery.previous", "Previous"),
|
|
19597
|
+
disabled: !a,
|
|
19597
19598
|
onClick: r,
|
|
19598
19599
|
children: /* @__PURE__ */ G(Br, { className: "rtl:-scale-x-100" })
|
|
19599
|
-
}), /* @__PURE__ */ G(
|
|
19600
|
+
}), /* @__PURE__ */ G(R, {
|
|
19600
19601
|
variant: "tonal",
|
|
19601
19602
|
className: n(bP, "disabled:opacity-0"),
|
|
19602
|
-
tooltip:
|
|
19603
|
-
disabled: !
|
|
19603
|
+
tooltip: o("material.gallery.next", "Next"),
|
|
19604
|
+
disabled: !i,
|
|
19604
19605
|
onClick: t,
|
|
19605
19606
|
children: /* @__PURE__ */ G(Vr, { className: "rtl:-scale-x-100" })
|
|
19606
19607
|
})]
|
|
@@ -19618,7 +19619,7 @@ function CP() {
|
|
|
19618
19619
|
//#region lib/components/ui/media/galleries/partials/gallery-filmstrip.tsx
|
|
19619
19620
|
var wP = "[&_button]:opacity-60 [&_button]:before:hidden data-[current]:[&_button]:opacity-100 data-[current]:[&_button]:ring-2 data-[current]:[&_button]:ring-white data-[current]:[&_button]:ring-inset";
|
|
19620
19621
|
function TP() {
|
|
19621
|
-
let { items: e, state: t } = Kw(), { t: n } =
|
|
19622
|
+
let { items: e, state: t } = Kw(), { t: n } = L(), [r, i] = W(), a = Pt("(prefers-reduced-motion: reduce)", !1);
|
|
19622
19623
|
return V(() => {
|
|
19623
19624
|
r && cD(r, t.currentIndex, a);
|
|
19624
19625
|
}, [
|
|
@@ -19696,13 +19697,13 @@ function EP() {
|
|
|
19696
19697
|
//#endregion
|
|
19697
19698
|
//#region lib/components/ui/media/galleries/partials/gallery-lightbox.tsx
|
|
19698
19699
|
function DP() {
|
|
19699
|
-
let { items: e, current: t, state: r, closeLightbox: i, onKeyDown: a, morph: o } = Kw(), { t: s } =
|
|
19700
|
-
return /* @__PURE__ */ G(
|
|
19700
|
+
let { items: e, current: t, state: r, closeLightbox: i, onKeyDown: a, morph: o } = Kw(), { t: s } = L(), c = t?.title || t?.alt || t?.id || s("material.gallery.label", "Gallery");
|
|
19701
|
+
return /* @__PURE__ */ G(ke, {
|
|
19701
19702
|
open: r.lightboxOpen && e.length > 0,
|
|
19702
19703
|
onOpenChange: (e) => {
|
|
19703
19704
|
e || i();
|
|
19704
19705
|
},
|
|
19705
|
-
children: /* @__PURE__ */ K(
|
|
19706
|
+
children: /* @__PURE__ */ K(De, {
|
|
19706
19707
|
container: o.active && typeof document < "u" ? document.body : void 0,
|
|
19707
19708
|
"data-view-transition": o.active || void 0,
|
|
19708
19709
|
className: n("@container inset-0 top-0 left-0 flex h-dvh max-h-none w-screen max-w-none supports-[not(height:100dvh)]:max-h-none translate-x-0 translate-y-0 flex-col gap-0 rounded-none border-0 bg-transparent p-0 shadow-none data-[view-transition]:animate-none sm:max-w-none"),
|
|
@@ -19710,11 +19711,11 @@ function DP() {
|
|
|
19710
19711
|
a(e), e.defaultPrevented && e.stopPropagation();
|
|
19711
19712
|
},
|
|
19712
19713
|
children: [
|
|
19713
|
-
/* @__PURE__ */ G(
|
|
19714
|
+
/* @__PURE__ */ G(Ae, {
|
|
19714
19715
|
className: "sr-only",
|
|
19715
19716
|
children: c
|
|
19716
19717
|
}),
|
|
19717
|
-
/* @__PURE__ */ G(
|
|
19718
|
+
/* @__PURE__ */ G(Oe, {
|
|
19718
19719
|
className: "sr-only",
|
|
19719
19720
|
children: s("material.gallery.viewer.dismiss-hint", "Pinch or double-tap to zoom, swipe to change picture, swipe down to close. The buttons and the arrow keys do the same.")
|
|
19720
19721
|
}),
|
|
@@ -19753,7 +19754,7 @@ function kP({ className: e }) {
|
|
|
19753
19754
|
//#endregion
|
|
19754
19755
|
//#region lib/components/ui/media/galleries/partials/gallery-selection-bar.tsx
|
|
19755
19756
|
function AP() {
|
|
19756
|
-
let { state: e, selectable: t, clearSelection: n } = Kw(), { t: r } =
|
|
19757
|
+
let { state: e, selectable: t, clearSelection: n } = Kw(), { t: r } = L();
|
|
19757
19758
|
return !t || e.selectedIds.length === 0 ? null : /* @__PURE__ */ K("div", {
|
|
19758
19759
|
"data-slot": "gallery-selection-bar",
|
|
19759
19760
|
className: "mb-2 flex flex-wrap items-center justify-between gap-2 rounded-(--nxgt-shape-corner-lg) border border-border bg-background px-3 py-2",
|
|
@@ -19771,7 +19772,7 @@ function AP() {
|
|
|
19771
19772
|
//#endregion
|
|
19772
19773
|
//#region lib/components/ui/media/galleries/partials/gallery-strip.tsx
|
|
19773
19774
|
function jP({ className: e }) {
|
|
19774
|
-
let { items: t, resolved: r, openAt: i } = Kw(), { t: a } =
|
|
19775
|
+
let { items: t, resolved: r, openAt: i } = Kw(), { t: a } = L(), o = r.maxItems, s = tD(t.length, o), c = o == null ? t : t.slice(0, o);
|
|
19775
19776
|
return /* @__PURE__ */ K("div", {
|
|
19776
19777
|
"data-slot": "gallery-strip",
|
|
19777
19778
|
className: n("flex flex-wrap items-center gap-2", e),
|
|
@@ -20138,7 +20139,7 @@ function ZP({ className: e, ...t }) {
|
|
|
20138
20139
|
});
|
|
20139
20140
|
}
|
|
20140
20141
|
function QP({ className: e }) {
|
|
20141
|
-
let { items: t, resolved: r, trigger: i, openAt: a, onKeyDown: o } = Kw(), { t: s } =
|
|
20142
|
+
let { items: t, resolved: r, trigger: i, openAt: a, onKeyDown: o } = Kw(), { t: s } = L(), c = r.layout, l = t.length === 0 && c !== "none";
|
|
20142
20143
|
return /* @__PURE__ */ K("div", {
|
|
20143
20144
|
"data-slot": "gallery",
|
|
20144
20145
|
"data-layout": c,
|
|
@@ -20168,10 +20169,10 @@ function QP({ className: e }) {
|
|
|
20168
20169
|
}
|
|
20169
20170
|
//#endregion
|
|
20170
20171
|
//#region lib/components/ui/widgets/editor/extensions/custom/shared/repeating-field-list.tsx
|
|
20171
|
-
function $P({ label: e, addLabel: t, fields: r, onAdd:
|
|
20172
|
-
let { t:
|
|
20172
|
+
function $P({ label: e, addLabel: t, fields: r, onAdd: i, onRemove: a, renderItem: o, minItems: s = 0, className: c }) {
|
|
20173
|
+
let { t: l } = L();
|
|
20173
20174
|
return /* @__PURE__ */ K("div", {
|
|
20174
|
-
className: n("grid gap-2 w-full",
|
|
20175
|
+
className: n("grid gap-2 w-full", c),
|
|
20175
20176
|
children: [
|
|
20176
20177
|
/* @__PURE__ */ G(dt, { children: e }),
|
|
20177
20178
|
/* @__PURE__ */ G("div", {
|
|
@@ -20180,13 +20181,13 @@ function $P({ label: e, addLabel: t, fields: r, onAdd: a, onRemove: o, renderIte
|
|
|
20180
20181
|
className: "flex gap-2 items-start rounded border p-3",
|
|
20181
20182
|
children: [/* @__PURE__ */ G("div", {
|
|
20182
20183
|
className: "flex-1 grid gap-2",
|
|
20183
|
-
children:
|
|
20184
|
-
}), /* @__PURE__ */ G(
|
|
20184
|
+
children: o(t, e)
|
|
20185
|
+
}), /* @__PURE__ */ G(R, {
|
|
20185
20186
|
variant: "ghost",
|
|
20186
20187
|
color: "error",
|
|
20187
|
-
tooltip:
|
|
20188
|
-
disabled: r.length <=
|
|
20189
|
-
onClick: () =>
|
|
20188
|
+
tooltip: l("material.rich-text-editor.remove", "Remove"),
|
|
20189
|
+
disabled: r.length <= s,
|
|
20190
|
+
onClick: () => a(t),
|
|
20190
20191
|
children: /* @__PURE__ */ G(_a, {})
|
|
20191
20192
|
})]
|
|
20192
20193
|
}, e.id))
|
|
@@ -20194,7 +20195,7 @@ function $P({ label: e, addLabel: t, fields: r, onAdd: a, onRemove: o, renderIte
|
|
|
20194
20195
|
/* @__PURE__ */ K(Nt, {
|
|
20195
20196
|
variant: "tonal",
|
|
20196
20197
|
className: "w-max",
|
|
20197
|
-
onClick:
|
|
20198
|
+
onClick: i,
|
|
20198
20199
|
children: [/* @__PURE__ */ G(Ui, {}), t]
|
|
20199
20200
|
})
|
|
20200
20201
|
]
|
|
@@ -20203,7 +20204,7 @@ function $P({ label: e, addLabel: t, fields: r, onAdd: a, onRemove: o, renderIte
|
|
|
20203
20204
|
//#endregion
|
|
20204
20205
|
//#region lib/components/ui/widgets/editor/extensions/custom/gallery/gallery-edit-form.tsx
|
|
20205
20206
|
function eF({ items: e, onSubmit: t, className: r, ...i }) {
|
|
20206
|
-
let { t: a } =
|
|
20207
|
+
let { t: a } = L(), o = Xx({ items: e }), s = o.values.items, c = (e) => o.setValues((t) => ({
|
|
20207
20208
|
...t,
|
|
20208
20209
|
items: e(t.items)
|
|
20209
20210
|
})), l = (e, t) => ({
|
|
@@ -20257,7 +20258,7 @@ function eF({ items: e, onSubmit: t, className: r, ...i }) {
|
|
|
20257
20258
|
//#endregion
|
|
20258
20259
|
//#region lib/components/ui/widgets/editor/extensions/custom/gallery/gallery-edit-dialog.tsx
|
|
20259
20260
|
function tF({ items: e, onSubmit: t, children: r }) {
|
|
20260
|
-
let { t: i } =
|
|
20261
|
+
let { t: i } = L(), [a, o] = W(!1);
|
|
20261
20262
|
return /* @__PURE__ */ K(Xv, {
|
|
20262
20263
|
open: a,
|
|
20263
20264
|
onOpenChange: o,
|
|
@@ -20285,14 +20286,14 @@ function tF({ items: e, onSubmit: t, children: r }) {
|
|
|
20285
20286
|
//#endregion
|
|
20286
20287
|
//#region lib/components/ui/widgets/editor/extensions/custom/gallery/gallery-component.tsx
|
|
20287
20288
|
function nF(e) {
|
|
20288
|
-
let { t } =
|
|
20289
|
+
let { t } = L(), n = e.node.attrs.items ?? [], r = e.editor.isEditable, i = n.length === 0;
|
|
20289
20290
|
return /* @__PURE__ */ G(Ut, {
|
|
20290
20291
|
contentEditable: !1,
|
|
20291
20292
|
children: /* @__PURE__ */ K("div", {
|
|
20292
20293
|
className: "group relative my-2",
|
|
20293
20294
|
children: [
|
|
20294
|
-
!
|
|
20295
|
-
|
|
20295
|
+
!i && /* @__PURE__ */ G(ZP, { items: n }),
|
|
20296
|
+
i && r && /* @__PURE__ */ G(tF, {
|
|
20296
20297
|
items: n,
|
|
20297
20298
|
onSubmit: (t) => e.updateAttributes(t),
|
|
20298
20299
|
children: /* @__PURE__ */ K(Nt, {
|
|
@@ -20300,15 +20301,15 @@ function nF(e) {
|
|
|
20300
20301
|
children: [/* @__PURE__ */ G(di, {}), t("material.rich-text-editor.add-images", "Add images")]
|
|
20301
20302
|
})
|
|
20302
20303
|
}),
|
|
20303
|
-
|
|
20304
|
+
i && !r && /* @__PURE__ */ G(Qt, {
|
|
20304
20305
|
variant: "body-small",
|
|
20305
20306
|
className: "italic opacity-70",
|
|
20306
20307
|
children: t("material.rich-text-editor.no-images", "No images")
|
|
20307
20308
|
}),
|
|
20308
|
-
!
|
|
20309
|
+
!i && r && /* @__PURE__ */ G(tF, {
|
|
20309
20310
|
items: n,
|
|
20310
20311
|
onSubmit: (t) => e.updateAttributes(t),
|
|
20311
|
-
children: /* @__PURE__ */ G(
|
|
20312
|
+
children: /* @__PURE__ */ G(R, {
|
|
20312
20313
|
variant: "ghost",
|
|
20313
20314
|
tooltip: t("material.rich-text-editor.edit-gallery", "Edit gallery"),
|
|
20314
20315
|
className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100",
|
|
@@ -20366,7 +20367,7 @@ function cF(e) {
|
|
|
20366
20367
|
return t ? `heading-${t}` : e.isActive("paragraph") ? "paragraph" : "";
|
|
20367
20368
|
}
|
|
20368
20369
|
function lF(e) {
|
|
20369
|
-
let { t } =
|
|
20370
|
+
let { t } = L();
|
|
20370
20371
|
return {
|
|
20371
20372
|
current: Wt({
|
|
20372
20373
|
editor: e,
|
|
@@ -20386,10 +20387,10 @@ function lF(e) {
|
|
|
20386
20387
|
}
|
|
20387
20388
|
function uF({ editor: e }) {
|
|
20388
20389
|
let { current: t, label: n, iconOf: r, choose: i } = lF(e);
|
|
20389
|
-
return /* @__PURE__ */ G(
|
|
20390
|
+
return /* @__PURE__ */ G(N, {
|
|
20390
20391
|
value: t,
|
|
20391
20392
|
onValueChange: i,
|
|
20392
|
-
children: sF.map((e) => /* @__PURE__ */ K(
|
|
20393
|
+
children: sF.map((e) => /* @__PURE__ */ K(ne, {
|
|
20393
20394
|
value: e,
|
|
20394
20395
|
children: [r(e), n(e)]
|
|
20395
20396
|
}, e))
|
|
@@ -20398,7 +20399,7 @@ function uF({ editor: e }) {
|
|
|
20398
20399
|
//#endregion
|
|
20399
20400
|
//#region lib/components/ui/widgets/editor/extensions/heading/heading-menu.tsx
|
|
20400
20401
|
function dF({ editor: e }) {
|
|
20401
|
-
let { t } =
|
|
20402
|
+
let { t } = L(), { current: n, label: r, iconOf: i } = lF(e), a = t("material.editor.text-style", "Text style"), o = /* @__PURE__ */ K(Nt, {
|
|
20402
20403
|
variant: n.startsWith("heading") ? "filled" : "ghost",
|
|
20403
20404
|
"aria-label": n ? `${a}: ${r(n)}` : a,
|
|
20404
20405
|
"data-slot": "editor-heading-menu",
|
|
@@ -20412,7 +20413,7 @@ function dF({ editor: e }) {
|
|
|
20412
20413
|
/* @__PURE__ */ G(Rr, { className: "hidden size-3 opacity-60 @5xl:in-[[aria-orientation=horizontal]]:block" })
|
|
20413
20414
|
]
|
|
20414
20415
|
});
|
|
20415
|
-
return /* @__PURE__ */ K(
|
|
20416
|
+
return /* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
20416
20417
|
asChild: !0,
|
|
20417
20418
|
children: /* @__PURE__ */ G(gt, {
|
|
20418
20419
|
label: a,
|
|
@@ -20425,7 +20426,7 @@ function dF({ editor: e }) {
|
|
|
20425
20426
|
},
|
|
20426
20427
|
children: o
|
|
20427
20428
|
})
|
|
20428
|
-
}), /* @__PURE__ */ G(
|
|
20429
|
+
}), /* @__PURE__ */ G(F, {
|
|
20429
20430
|
align: "start",
|
|
20430
20431
|
children: /* @__PURE__ */ G(uF, { editor: e })
|
|
20431
20432
|
})] });
|
|
@@ -20446,7 +20447,7 @@ var fF = () => yn({
|
|
|
20446
20447
|
markdown: "native"
|
|
20447
20448
|
}), pF = "#fef08a";
|
|
20448
20449
|
function mF({ editor: e }) {
|
|
20449
|
-
let { t } =
|
|
20450
|
+
let { t } = L(), n = Wt({
|
|
20450
20451
|
editor: e,
|
|
20451
20452
|
selector: (e) => ({
|
|
20452
20453
|
color: e.editor.getAttributes("highlight").color,
|
|
@@ -20519,7 +20520,7 @@ function gF() {
|
|
|
20519
20520
|
//#endregion
|
|
20520
20521
|
//#region lib/components/ui/widgets/editor/extensions/image/editor-image.tsx
|
|
20521
20522
|
function _F({ children: e, onSubmit: r, open: i, onOpenChange: a }) {
|
|
20522
|
-
let { t: o } =
|
|
20523
|
+
let { t: o } = L(), [s, c] = W(""), { trigger: l, onCloseAutoFocus: u } = gF(), [d, f] = W(!1), p = i ?? d, m = (e) => {
|
|
20523
20524
|
f(e), a?.(e);
|
|
20524
20525
|
};
|
|
20525
20526
|
return /* @__PURE__ */ K(Xv, {
|
|
@@ -20550,20 +20551,20 @@ function _F({ children: e, onSubmit: r, open: i, onOpenChange: a }) {
|
|
|
20550
20551
|
//#endregion
|
|
20551
20552
|
//#region lib/components/ui/widgets/editor/extensions/upload/upload-image-menu.tsx
|
|
20552
20553
|
function vF({ pick: e, openUrl: t }) {
|
|
20553
|
-
let { t: n } =
|
|
20554
|
-
return /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ K(
|
|
20554
|
+
let { t: n } = L();
|
|
20555
|
+
return /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ K(I, {
|
|
20555
20556
|
onSelect: e,
|
|
20556
20557
|
children: [/* @__PURE__ */ G(xa, {}), n("material.editor.upload.upload-image", "Upload an image")]
|
|
20557
|
-
}), /* @__PURE__ */ K(
|
|
20558
|
+
}), /* @__PURE__ */ K(I, {
|
|
20558
20559
|
onSelect: t,
|
|
20559
20560
|
children: [/* @__PURE__ */ G(_i, {}), n("material.editor.upload.from-url", "From URL…")]
|
|
20560
20561
|
})] });
|
|
20561
20562
|
}
|
|
20562
20563
|
function yF({ editor: e, storage: t, disabled: n, onUrl: r }) {
|
|
20563
|
-
let { t: i } =
|
|
20564
|
+
let { t: i } = L(), [a, o] = W(!1), s = () => {
|
|
20564
20565
|
t.pick(e.state.selection.to), e.chain().focus().run();
|
|
20565
20566
|
}, c = () => o(!0);
|
|
20566
|
-
return /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ K(
|
|
20567
|
+
return /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ K(se, { children: [/* @__PURE__ */ G(M, {
|
|
20567
20568
|
asChild: !0,
|
|
20568
20569
|
children: /* @__PURE__ */ G(Vx, {
|
|
20569
20570
|
variant: "ghost",
|
|
@@ -20579,7 +20580,7 @@ function yF({ editor: e, storage: t, disabled: n, onUrl: r }) {
|
|
|
20579
20580
|
},
|
|
20580
20581
|
children: /* @__PURE__ */ G(ui, {})
|
|
20581
20582
|
})
|
|
20582
|
-
}), /* @__PURE__ */ G(
|
|
20583
|
+
}), /* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(vF, {
|
|
20583
20584
|
pick: s,
|
|
20584
20585
|
openUrl: c
|
|
20585
20586
|
}) })] }), /* @__PURE__ */ G(_F, {
|
|
@@ -20591,7 +20592,7 @@ function yF({ editor: e, storage: t, disabled: n, onUrl: r }) {
|
|
|
20591
20592
|
//#endregion
|
|
20592
20593
|
//#region lib/components/ui/widgets/editor/extensions/image/editor-image-wrapper.tsx
|
|
20593
20594
|
function bF({ editor: e }) {
|
|
20594
|
-
let { t } =
|
|
20595
|
+
let { t } = L(), n = Wt({
|
|
20595
20596
|
editor: e,
|
|
20596
20597
|
selector: (e) => ({ canImage: e.editor.can().setImage({ src: "" }) ?? !1 })
|
|
20597
20598
|
}), r = rS(e), i = (t) => e.chain().focus().setImage({ src: t }).run();
|
|
@@ -20629,7 +20630,7 @@ var xF = () => yn({
|
|
|
20629
20630
|
//#endregion
|
|
20630
20631
|
//#region lib/components/ui/widgets/editor/extensions/link/editor-link.tsx
|
|
20631
20632
|
function SF({ children: e, onSubmit: t }) {
|
|
20632
|
-
let { t: r } =
|
|
20633
|
+
let { t: r } = L(), [i, a] = W(""), { trigger: o, onCloseAutoFocus: s } = gF(), [c, l] = W(!1);
|
|
20633
20634
|
return /* @__PURE__ */ K(Xv, {
|
|
20634
20635
|
open: c,
|
|
20635
20636
|
onOpenChange: l,
|
|
@@ -20658,7 +20659,7 @@ function SF({ children: e, onSubmit: t }) {
|
|
|
20658
20659
|
//#endregion
|
|
20659
20660
|
//#region lib/components/ui/widgets/editor/extensions/link/editor-link-wrapper.tsx
|
|
20660
20661
|
function CF({ editor: e }) {
|
|
20661
|
-
let { t } =
|
|
20662
|
+
let { t } = L(), n = Wt({
|
|
20662
20663
|
editor: e,
|
|
20663
20664
|
selector: (e) => ({
|
|
20664
20665
|
isLink: e.editor.isActive("link") ?? !1,
|
|
@@ -20833,7 +20834,7 @@ var wF = () => yn({
|
|
|
20833
20834
|
//#endregion
|
|
20834
20835
|
//#region lib/components/ui/widgets/editor/extensions/history/history-buttons.tsx
|
|
20835
20836
|
function XF({ editor: e }) {
|
|
20836
|
-
let { t } =
|
|
20837
|
+
let { t } = L(), n = Wt({
|
|
20837
20838
|
editor: e,
|
|
20838
20839
|
selector: (e) => ({
|
|
20839
20840
|
canUndo: e.editor.can().undo() ?? !1,
|
|
@@ -20857,7 +20858,7 @@ function XF({ editor: e }) {
|
|
|
20857
20858
|
//#endregion
|
|
20858
20859
|
//#region lib/components/ui/widgets/editor/extensions/marks/compact-mark-buttons.tsx
|
|
20859
20860
|
function ZF({ editor: e }) {
|
|
20860
|
-
let { t } =
|
|
20861
|
+
let { t } = L(), n = Wt({
|
|
20861
20862
|
editor: e,
|
|
20862
20863
|
selector: (e) => ({
|
|
20863
20864
|
isBold: e.editor.isActive("bold") ?? !1,
|
|
@@ -20932,7 +20933,7 @@ function $F(e, t) {
|
|
|
20932
20933
|
};
|
|
20933
20934
|
}
|
|
20934
20935
|
function eI({ editor: e, part: t = "all" }) {
|
|
20935
|
-
let { t: n } =
|
|
20936
|
+
let { t: n } = L(), r = {
|
|
20936
20937
|
bold: n("material.rich-text-editor.bold", "Bold"),
|
|
20937
20938
|
italic: n("material.rich-text-editor.italic", "Italic"),
|
|
20938
20939
|
underline: n("material.rich-text-editor.underline", "Underline"),
|
|
@@ -21070,7 +21071,7 @@ var sI = new gn("mention-suggestion"), cI = (e, t) => ({
|
|
|
21070
21071
|
//#endregion
|
|
21071
21072
|
//#region lib/components/ui/widgets/editor/extensions/custom/radio-group/editor-radio-group-wrapper.tsx
|
|
21072
21073
|
function fI({ editor: e }) {
|
|
21073
|
-
let { t } =
|
|
21074
|
+
let { t } = L(), n = Wt({
|
|
21074
21075
|
editor: e,
|
|
21075
21076
|
selector: (e) => ({
|
|
21076
21077
|
isRadioGroup: e.editor.isActive("radioGroup") ?? !1,
|
|
@@ -21089,7 +21090,7 @@ function fI({ editor: e }) {
|
|
|
21089
21090
|
//#endregion
|
|
21090
21091
|
//#region lib/components/ui/widgets/editor/extensions/custom/radio-group/radio-group-edit-form.tsx
|
|
21091
21092
|
function pI({ label: e, options: t, orientation: r, onSubmit: i, className: a, ...o }) {
|
|
21092
|
-
let { t: s } =
|
|
21093
|
+
let { t: s } = L(), c = Xx({
|
|
21093
21094
|
label: e,
|
|
21094
21095
|
options: t.map((e) => e.value),
|
|
21095
21096
|
orientation: r
|
|
@@ -21135,7 +21136,7 @@ function pI({ label: e, options: t, orientation: r, onSubmit: i, className: a, .
|
|
|
21135
21136
|
//#endregion
|
|
21136
21137
|
//#region lib/components/ui/widgets/editor/extensions/custom/radio-group/radio-group-edit-dialog.tsx
|
|
21137
21138
|
function mI({ label: e, options: t, orientation: r, onSubmit: i, children: a }) {
|
|
21138
|
-
let { t: o } =
|
|
21139
|
+
let { t: o } = L(), [s, c] = W(!1);
|
|
21139
21140
|
return /* @__PURE__ */ K(Xv, {
|
|
21140
21141
|
open: s,
|
|
21141
21142
|
onOpenChange: c,
|
|
@@ -21165,7 +21166,7 @@ function mI({ label: e, options: t, orientation: r, onSubmit: i, children: a })
|
|
|
21165
21166
|
//#endregion
|
|
21166
21167
|
//#region lib/components/ui/widgets/editor/extensions/custom/radio-group/radio-group-node-component.tsx
|
|
21167
21168
|
function hI(e) {
|
|
21168
|
-
let { t } =
|
|
21169
|
+
let { t } = L(), n = e.node.attrs.label, r = e.node.attrs.options, i = e.node.attrs.value, a = e.node.attrs.orientation, o = e.editor.isEditable, s = H(() => r.map((e) => ({
|
|
21169
21170
|
label: e,
|
|
21170
21171
|
value: e
|
|
21171
21172
|
})), [r]);
|
|
@@ -21175,17 +21176,17 @@ function hI(e) {
|
|
|
21175
21176
|
className: "group relative my-2 max-w-sm",
|
|
21176
21177
|
children: [/* @__PURE__ */ G(Gb, {
|
|
21177
21178
|
label: n || void 0,
|
|
21178
|
-
options:
|
|
21179
|
-
value:
|
|
21180
|
-
disabled: !
|
|
21181
|
-
orientation:
|
|
21179
|
+
options: s,
|
|
21180
|
+
value: i,
|
|
21181
|
+
disabled: !o,
|
|
21182
|
+
orientation: a,
|
|
21182
21183
|
onValueChange: (t) => e.updateAttributes({ value: t })
|
|
21183
|
-
}),
|
|
21184
|
+
}), o && /* @__PURE__ */ G(mI, {
|
|
21184
21185
|
label: n,
|
|
21185
|
-
options:
|
|
21186
|
-
orientation:
|
|
21186
|
+
options: s,
|
|
21187
|
+
orientation: a,
|
|
21187
21188
|
onSubmit: (t) => e.updateAttributes(t),
|
|
21188
|
-
children: /* @__PURE__ */ G(
|
|
21189
|
+
children: /* @__PURE__ */ G(R, {
|
|
21189
21190
|
variant: "ghost",
|
|
21190
21191
|
tooltip: t("material.rich-text-editor.edit-radio-group", "Edit radio group"),
|
|
21191
21192
|
className: "absolute -top-1 -right-1 opacity-0 group-hover:opacity-100",
|
|
@@ -21229,7 +21230,7 @@ var gI = sr.extend({
|
|
|
21229
21230
|
//#endregion
|
|
21230
21231
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-card/editor-select-card-wrapper.tsx
|
|
21231
21232
|
function vI({ editor: e }) {
|
|
21232
|
-
let { t } =
|
|
21233
|
+
let { t } = L(), n = Wt({
|
|
21233
21234
|
editor: e,
|
|
21234
21235
|
selector: (e) => ({
|
|
21235
21236
|
isSelectCard: e.editor.isActive("selectCard") ?? !1,
|
|
@@ -21256,7 +21257,7 @@ var yI = dr.map((e) => {
|
|
|
21256
21257
|
};
|
|
21257
21258
|
});
|
|
21258
21259
|
function bI({ icon: e, title: t, description: r, onSubmit: i, className: a, ...o }) {
|
|
21259
|
-
let { t: s } =
|
|
21260
|
+
let { t: s } = L(), c = Xx({
|
|
21260
21261
|
icon: e,
|
|
21261
21262
|
title: t,
|
|
21262
21263
|
description: r
|
|
@@ -21297,7 +21298,7 @@ function bI({ icon: e, title: t, description: r, onSubmit: i, className: a, ...o
|
|
|
21297
21298
|
//#endregion
|
|
21298
21299
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-card/select-card-item-edit-dialog.tsx
|
|
21299
21300
|
function xI({ icon: e, title: t, description: r, onSubmit: i, children: a }) {
|
|
21300
|
-
let { t: o } =
|
|
21301
|
+
let { t: o } = L(), [s, c] = W(!1);
|
|
21301
21302
|
return /* @__PURE__ */ K(Xv, {
|
|
21302
21303
|
open: s,
|
|
21303
21304
|
onOpenChange: c,
|
|
@@ -21327,7 +21328,7 @@ function xI({ icon: e, title: t, description: r, onSubmit: i, children: a }) {
|
|
|
21327
21328
|
//#endregion
|
|
21328
21329
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-card/select-card-settings-form.tsx
|
|
21329
21330
|
function SI({ label: e, mode: t, onSubmit: r, className: i, ...a }) {
|
|
21330
|
-
let { t: o } =
|
|
21331
|
+
let { t: o } = L(), s = Xx({
|
|
21331
21332
|
label: e,
|
|
21332
21333
|
mode: t
|
|
21333
21334
|
});
|
|
@@ -21363,7 +21364,7 @@ function SI({ label: e, mode: t, onSubmit: r, className: i, ...a }) {
|
|
|
21363
21364
|
//#endregion
|
|
21364
21365
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-card/select-card-settings-dialog.tsx
|
|
21365
21366
|
function CI({ label: e, mode: t, onSubmit: r, children: i }) {
|
|
21366
|
-
let { t: a } =
|
|
21367
|
+
let { t: a } = L(), [o, s] = W(!1);
|
|
21367
21368
|
return /* @__PURE__ */ K(Xv, {
|
|
21368
21369
|
open: o,
|
|
21369
21370
|
onOpenChange: s,
|
|
@@ -21392,15 +21393,15 @@ function CI({ label: e, mode: t, onSubmit: r, children: i }) {
|
|
|
21392
21393
|
//#endregion
|
|
21393
21394
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-card/select-card-node-component.tsx
|
|
21394
21395
|
function wI(e) {
|
|
21395
|
-
let { t } =
|
|
21396
|
-
r === "multiple" ? e.updateAttributes({ value:
|
|
21397
|
-
},
|
|
21398
|
-
e.updateAttributes({ options:
|
|
21396
|
+
let { t } = L(), n = e.node.attrs.label, r = e.node.attrs.mode, i = e.node.attrs.options, a = e.node.attrs.value, o = e.editor.isEditable, s = (t) => {
|
|
21397
|
+
r === "multiple" ? e.updateAttributes({ value: a.includes(t) ? a.filter((e) => e !== t) : [...a, t] }) : e.updateAttributes({ value: a.includes(t) ? [] : [t] });
|
|
21398
|
+
}, c = (t, n) => {
|
|
21399
|
+
e.updateAttributes({ options: i.map((e, r) => r === t ? {
|
|
21399
21400
|
...e,
|
|
21400
21401
|
...n
|
|
21401
21402
|
} : e) });
|
|
21402
|
-
},
|
|
21403
|
-
e.updateAttributes({ options:
|
|
21403
|
+
}, l = (t) => {
|
|
21404
|
+
e.updateAttributes({ options: i.filter((e, n) => n !== t) });
|
|
21404
21405
|
};
|
|
21405
21406
|
return /* @__PURE__ */ G(Ut, {
|
|
21406
21407
|
contentEditable: !1,
|
|
@@ -21408,11 +21409,11 @@ function wI(e) {
|
|
|
21408
21409
|
className: "group/block relative my-2",
|
|
21409
21410
|
children: [/* @__PURE__ */ K("div", {
|
|
21410
21411
|
className: "mb-1 flex h-8 items-center justify-between",
|
|
21411
|
-
children: [n ? /* @__PURE__ */ G(dt, { children: n }) : /* @__PURE__ */ G("span", {}),
|
|
21412
|
+
children: [n ? /* @__PURE__ */ G(dt, { children: n }) : /* @__PURE__ */ G("span", {}), o && /* @__PURE__ */ G(CI, {
|
|
21412
21413
|
label: n,
|
|
21413
21414
|
mode: r,
|
|
21414
21415
|
onSubmit: (t) => e.updateAttributes(t),
|
|
21415
|
-
children: /* @__PURE__ */ G(
|
|
21416
|
+
children: /* @__PURE__ */ G(R, {
|
|
21416
21417
|
variant: "ghost",
|
|
21417
21418
|
tooltip: t("material.rich-text-editor.selector-settings", "Selector settings"),
|
|
21418
21419
|
className: "opacity-0 transition-opacity duration-(--nxgt-motion-effects-fast-duration) ease-effects-fast motion-reduce:transition-none group-hover/block:opacity-100",
|
|
@@ -21421,45 +21422,45 @@ function wI(e) {
|
|
|
21421
21422
|
})]
|
|
21422
21423
|
}), /* @__PURE__ */ K("div", {
|
|
21423
21424
|
className: "grid grid-cols-[repeat(auto-fill,minmax(16rem,20rem))] gap-2",
|
|
21424
|
-
children: [
|
|
21425
|
+
children: [i.map((e, n) => /* @__PURE__ */ K("div", {
|
|
21425
21426
|
className: "group/item relative",
|
|
21426
21427
|
children: [/* @__PURE__ */ G(fs, {
|
|
21427
21428
|
icon: /* @__PURE__ */ G(Kn(e.icon), {}),
|
|
21428
21429
|
title: e.title,
|
|
21429
21430
|
description: e.description,
|
|
21430
|
-
active:
|
|
21431
|
-
"aria-disabled": !
|
|
21432
|
-
onClick:
|
|
21433
|
-
t.stopPropagation(),
|
|
21431
|
+
active: a.includes(e.value),
|
|
21432
|
+
"aria-disabled": !o || void 0,
|
|
21433
|
+
onClick: o ? (t) => {
|
|
21434
|
+
t.stopPropagation(), s(e.value);
|
|
21434
21435
|
} : void 0,
|
|
21435
21436
|
className: "h-full"
|
|
21436
|
-
}),
|
|
21437
|
+
}), o && /* @__PURE__ */ K("div", {
|
|
21437
21438
|
className: "absolute top-2 right-2 flex gap-1 opacity-0 transition-opacity duration-(--nxgt-motion-effects-fast-duration) ease-effects-fast motion-reduce:transition-none group-hover/item:opacity-100",
|
|
21438
21439
|
onClick: (e) => e.stopPropagation(),
|
|
21439
21440
|
children: [/* @__PURE__ */ G(xI, {
|
|
21440
21441
|
icon: e.icon,
|
|
21441
21442
|
title: e.title,
|
|
21442
21443
|
description: e.description,
|
|
21443
|
-
onSubmit: (e) =>
|
|
21444
|
-
children: /* @__PURE__ */ G(
|
|
21444
|
+
onSubmit: (e) => c(n, e),
|
|
21445
|
+
children: /* @__PURE__ */ G(R, {
|
|
21445
21446
|
variant: "ghost",
|
|
21446
21447
|
tooltip: t("material.rich-text-editor.edit-option", "Edit option"),
|
|
21447
21448
|
children: /* @__PURE__ */ G(Bi, {})
|
|
21448
21449
|
})
|
|
21449
|
-
}), /* @__PURE__ */ G(
|
|
21450
|
+
}), /* @__PURE__ */ G(R, {
|
|
21450
21451
|
variant: "ghost",
|
|
21451
21452
|
color: "error",
|
|
21452
21453
|
tooltip: t("material.rich-text-editor.remove-option", "Remove option"),
|
|
21453
|
-
onClick: () =>
|
|
21454
|
+
onClick: () => l(n),
|
|
21454
21455
|
children: /* @__PURE__ */ G(_a, {})
|
|
21455
21456
|
})]
|
|
21456
21457
|
})]
|
|
21457
|
-
}, e.value)),
|
|
21458
|
+
}, e.value)), o && /* @__PURE__ */ K("button", {
|
|
21458
21459
|
type: "button",
|
|
21459
21460
|
onClick: () => {
|
|
21460
|
-
e.updateAttributes({ options: [...
|
|
21461
|
+
e.updateAttributes({ options: [...i, {
|
|
21461
21462
|
value: crypto.randomUUID(),
|
|
21462
|
-
title: `Option ${
|
|
21463
|
+
title: `Option ${i.length + 1}`,
|
|
21463
21464
|
description: "",
|
|
21464
21465
|
icon: Pn
|
|
21465
21466
|
}] });
|
|
@@ -21505,7 +21506,7 @@ var TI = $n.extend({
|
|
|
21505
21506
|
//#endregion
|
|
21506
21507
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-chip/editor-select-chip-wrapper.tsx
|
|
21507
21508
|
function DI({ editor: e }) {
|
|
21508
|
-
let { t } =
|
|
21509
|
+
let { t } = L(), n = Wt({
|
|
21509
21510
|
editor: e,
|
|
21510
21511
|
selector: (e) => ({
|
|
21511
21512
|
isSelectChip: e.editor.isActive("selectChip") ?? !1,
|
|
@@ -21524,7 +21525,7 @@ function DI({ editor: e }) {
|
|
|
21524
21525
|
//#endregion
|
|
21525
21526
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-chip/select-chip-edit-form.tsx
|
|
21526
21527
|
function OI({ label: e, mode: t, options: r, onSubmit: i, className: a, ...o }) {
|
|
21527
|
-
let { t: s } =
|
|
21528
|
+
let { t: s } = L(), c = Xx({
|
|
21528
21529
|
label: e,
|
|
21529
21530
|
mode: t,
|
|
21530
21531
|
options: r.map((e) => e.value)
|
|
@@ -21570,7 +21571,7 @@ function OI({ label: e, mode: t, options: r, onSubmit: i, className: a, ...o })
|
|
|
21570
21571
|
//#endregion
|
|
21571
21572
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-chip/select-chip-edit-dialog.tsx
|
|
21572
21573
|
function kI({ label: e, mode: t, options: r, onSubmit: i, children: a }) {
|
|
21573
|
-
let { t: o } =
|
|
21574
|
+
let { t: o } = L(), [s, c] = W(!1);
|
|
21574
21575
|
return /* @__PURE__ */ K(Xv, {
|
|
21575
21576
|
open: s,
|
|
21576
21577
|
onOpenChange: c,
|
|
@@ -21600,10 +21601,10 @@ function kI({ label: e, mode: t, options: r, onSubmit: i, children: a }) {
|
|
|
21600
21601
|
//#endregion
|
|
21601
21602
|
//#region lib/components/ui/widgets/editor/extensions/custom/select-chip/select-chip-node-component.tsx
|
|
21602
21603
|
function AI(e) {
|
|
21603
|
-
let { t } =
|
|
21604
|
+
let { t } = L(), n = e.node.attrs.label, r = e.node.attrs.mode, i = e.node.attrs.options, a = e.node.attrs.value, o = e.editor.isEditable, s = H(() => i.map((e) => ({
|
|
21604
21605
|
label: e,
|
|
21605
21606
|
value: e
|
|
21606
|
-
})), [
|
|
21607
|
+
})), [i]);
|
|
21607
21608
|
return /* @__PURE__ */ G(Ut, {
|
|
21608
21609
|
contentEditable: !1,
|
|
21609
21610
|
children: /* @__PURE__ */ K("div", {
|
|
@@ -21611,23 +21612,23 @@ function AI(e) {
|
|
|
21611
21612
|
children: [r === "multiple" ? /* @__PURE__ */ G(gS, {
|
|
21612
21613
|
type: "multiple",
|
|
21613
21614
|
label: n || void 0,
|
|
21614
|
-
options:
|
|
21615
|
-
value:
|
|
21616
|
-
disabled: !
|
|
21615
|
+
options: s,
|
|
21616
|
+
value: a,
|
|
21617
|
+
disabled: !o,
|
|
21617
21618
|
onValueChange: (t) => e.updateAttributes({ value: t })
|
|
21618
21619
|
}) : /* @__PURE__ */ G(gS, {
|
|
21619
21620
|
label: n || void 0,
|
|
21620
|
-
options:
|
|
21621
|
-
value:
|
|
21621
|
+
options: s,
|
|
21622
|
+
value: a[0] ?? null,
|
|
21622
21623
|
deselectable: !0,
|
|
21623
|
-
disabled: !
|
|
21624
|
+
disabled: !o,
|
|
21624
21625
|
onValueChange: (t) => e.updateAttributes({ value: t == null ? [] : [t] })
|
|
21625
|
-
}),
|
|
21626
|
+
}), o && /* @__PURE__ */ G(kI, {
|
|
21626
21627
|
label: n,
|
|
21627
21628
|
mode: r,
|
|
21628
|
-
options:
|
|
21629
|
+
options: s,
|
|
21629
21630
|
onSubmit: (t) => e.updateAttributes(t),
|
|
21630
|
-
children: /* @__PURE__ */ G(
|
|
21631
|
+
children: /* @__PURE__ */ G(R, {
|
|
21631
21632
|
variant: "ghost",
|
|
21632
21633
|
tooltip: t("material.rich-text-editor.edit-selector", "Edit selector"),
|
|
21633
21634
|
className: "absolute -top-1 -right-1 opacity-0 group-hover:opacity-100",
|
|
@@ -21710,7 +21711,7 @@ var jI = Qn.extend({
|
|
|
21710
21711
|
//#endregion
|
|
21711
21712
|
//#region lib/components/ui/widgets/editor/extensions/table/partials/table-menu-cells.tsx
|
|
21712
21713
|
function II({ editor: e, state: t }) {
|
|
21713
|
-
let { t: r } =
|
|
21714
|
+
let { t: r } = L();
|
|
21714
21715
|
return /* @__PURE__ */ K(Xa, { children: [
|
|
21715
21716
|
/* @__PURE__ */ G(dt, { children: r("material.rich-text-editor.cell-background", "Cell background") }),
|
|
21716
21717
|
/* @__PURE__ */ G("div", {
|
|
@@ -21719,7 +21720,7 @@ function II({ editor: e, state: t }) {
|
|
|
21719
21720
|
label: r("material.rich-text-editor.cell-background", "Cell background"),
|
|
21720
21721
|
color: t.cellBackgroundColor,
|
|
21721
21722
|
onChange: (t) => e.chain().focus().setCellAttribute("backgroundColor", t).run(),
|
|
21722
|
-
trigger: /* @__PURE__ */ G(
|
|
21723
|
+
trigger: /* @__PURE__ */ G(R, {
|
|
21723
21724
|
variant: "tonal",
|
|
21724
21725
|
tooltip: r("material.rich-text-editor.cell-background", "Cell background"),
|
|
21725
21726
|
children: /* @__PURE__ */ G(Ii, { style: { color: t.cellBackgroundColor ?? void 0 } })
|
|
@@ -21729,13 +21730,13 @@ function II({ editor: e, state: t }) {
|
|
|
21729
21730
|
/* @__PURE__ */ G(dt, { children: r("material.rich-text-editor.merge-splitting", "Merge & Splitting") }),
|
|
21730
21731
|
/* @__PURE__ */ K("div", {
|
|
21731
21732
|
className: n("flex gap-2 mb-2"),
|
|
21732
|
-
children: [/* @__PURE__ */ G(
|
|
21733
|
+
children: [/* @__PURE__ */ G(R, {
|
|
21733
21734
|
variant: "tonal",
|
|
21734
21735
|
disabled: !t.canMergeCells,
|
|
21735
21736
|
tooltip: r("material.rich-text-editor.merge-cells", "Merge cells"),
|
|
21736
21737
|
onClick: () => e.chain().focus().mergeCells().run(),
|
|
21737
21738
|
children: /* @__PURE__ */ G(Oi, {})
|
|
21738
|
-
}), /* @__PURE__ */ G(
|
|
21739
|
+
}), /* @__PURE__ */ G(R, {
|
|
21739
21740
|
variant: "tonal",
|
|
21740
21741
|
disabled: !t.canMergeOrSplit,
|
|
21741
21742
|
tooltip: r("material.rich-text-editor.split-cell", "Split cell"),
|
|
@@ -21748,7 +21749,7 @@ function II({ editor: e, state: t }) {
|
|
|
21748
21749
|
//#endregion
|
|
21749
21750
|
//#region lib/components/ui/widgets/editor/extensions/table/partials/table-menu-structure.tsx
|
|
21750
21751
|
function LI({ editor: e, state: t }) {
|
|
21751
|
-
let { t: r } =
|
|
21752
|
+
let { t: r } = L();
|
|
21752
21753
|
return /* @__PURE__ */ K(Xa, { children: [
|
|
21753
21754
|
/* @__PURE__ */ G(dt, { children: r("material.rich-text-editor.rows", "Rows") }),
|
|
21754
21755
|
/* @__PURE__ */ K("div", {
|
|
@@ -21798,10 +21799,10 @@ function LI({ editor: e, state: t }) {
|
|
|
21798
21799
|
//#endregion
|
|
21799
21800
|
//#region lib/components/ui/widgets/editor/extensions/table/partials/table-menu-table-actions.tsx
|
|
21800
21801
|
function RI({ editor: e, state: t }) {
|
|
21801
|
-
let { t: r } =
|
|
21802
|
+
let { t: r } = L();
|
|
21802
21803
|
return /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ G(dt, { children: r("material.rich-text-editor.table", "Table") }), /* @__PURE__ */ K("div", {
|
|
21803
21804
|
className: n("flex gap-2 mb-2"),
|
|
21804
|
-
children: [/* @__PURE__ */ G(
|
|
21805
|
+
children: [/* @__PURE__ */ G(R, {
|
|
21805
21806
|
variant: "tonal",
|
|
21806
21807
|
disabled: !t.canTable,
|
|
21807
21808
|
tooltip: r("material.rich-text-editor.insert-table", "Insert table"),
|
|
@@ -21813,7 +21814,7 @@ function RI({ editor: e, state: t }) {
|
|
|
21813
21814
|
}).run();
|
|
21814
21815
|
},
|
|
21815
21816
|
children: /* @__PURE__ */ G(Ui, {})
|
|
21816
|
-
}), /* @__PURE__ */ G(
|
|
21817
|
+
}), /* @__PURE__ */ G(R, {
|
|
21817
21818
|
variant: "tonal",
|
|
21818
21819
|
color: "error",
|
|
21819
21820
|
disabled: !t.isTable,
|
|
@@ -21848,7 +21849,7 @@ var zI = [
|
|
|
21848
21849
|
}
|
|
21849
21850
|
];
|
|
21850
21851
|
function BI({ caption: e, align: t, onSubmit: r }) {
|
|
21851
|
-
let { t: i } =
|
|
21852
|
+
let { t: i } = L(), a = Xx({
|
|
21852
21853
|
caption: e,
|
|
21853
21854
|
align: t
|
|
21854
21855
|
}), o = zI.map(({ key: e, label: t, ...n }) => ({
|
|
@@ -21906,7 +21907,7 @@ function VI(e) {
|
|
|
21906
21907
|
//#endregion
|
|
21907
21908
|
//#region lib/components/ui/widgets/editor/extensions/table/editor-table-menu.tsx
|
|
21908
21909
|
function HI({ editor: e, onApplied: t }) {
|
|
21909
|
-
let { t: r } =
|
|
21910
|
+
let { t: r } = L(), i = VI(e);
|
|
21910
21911
|
return /* @__PURE__ */ K("div", {
|
|
21911
21912
|
className: n("grid **:data-[slot=label]:text-muted-foreground p-2 gap-1"),
|
|
21912
21913
|
children: [/* @__PURE__ */ G(RI, {
|
|
@@ -21935,17 +21936,17 @@ function HI({ editor: e, onApplied: t }) {
|
|
|
21935
21936
|
//#endregion
|
|
21936
21937
|
//#region lib/components/ui/widgets/editor/extensions/table/editor-table-wrapper.tsx
|
|
21937
21938
|
function UI({ editor: e }) {
|
|
21938
|
-
let { t } =
|
|
21939
|
+
let { t } = L(), [n, r] = W(!1), { trigger: i, onCloseAutoFocus: a } = gF(), o = Wt({
|
|
21939
21940
|
editor: e,
|
|
21940
21941
|
selector: (e) => ({
|
|
21941
21942
|
isTable: e.editor.isActive("table") ?? !1,
|
|
21942
21943
|
canTable: e.editor.can().insertTable()
|
|
21943
21944
|
})
|
|
21944
21945
|
});
|
|
21945
|
-
return /* @__PURE__ */ K(
|
|
21946
|
+
return /* @__PURE__ */ K(ke, {
|
|
21946
21947
|
open: n,
|
|
21947
21948
|
onOpenChange: r,
|
|
21948
|
-
children: [/* @__PURE__ */ G(
|
|
21949
|
+
children: [/* @__PURE__ */ G(Ee, {
|
|
21949
21950
|
asChild: !0,
|
|
21950
21951
|
ref: i,
|
|
21951
21952
|
children: /* @__PURE__ */ G(Vx, {
|
|
@@ -21963,10 +21964,10 @@ function UI({ editor: e }) {
|
|
|
21963
21964
|
more: { kind: "dialog" },
|
|
21964
21965
|
children: /* @__PURE__ */ G(ha, {})
|
|
21965
21966
|
})
|
|
21966
|
-
}), /* @__PURE__ */ K(
|
|
21967
|
+
}), /* @__PURE__ */ K(De, {
|
|
21967
21968
|
className: "max-h-[80vh] overflow-y-auto sm:max-w-lg",
|
|
21968
21969
|
onCloseAutoFocus: a,
|
|
21969
|
-
children: [/* @__PURE__ */ G(
|
|
21970
|
+
children: [/* @__PURE__ */ G(Ce, { children: /* @__PURE__ */ G(Ae, { children: t("material.rich-text-editor.table-properties", "Table properties") }) }), /* @__PURE__ */ G(HI, {
|
|
21970
21971
|
editor: e,
|
|
21971
21972
|
onApplied: () => r(!1)
|
|
21972
21973
|
})]
|
|
@@ -22019,7 +22020,7 @@ var WI = () => yn({
|
|
|
22019
22020
|
}
|
|
22020
22021
|
];
|
|
22021
22022
|
function KI({ editor: e }) {
|
|
22022
|
-
let { t } =
|
|
22023
|
+
let { t } = L(), n = Wt({
|
|
22023
22024
|
editor: e,
|
|
22024
22025
|
selector: (e) => ({ align: GI.find(({ value: t }) => e.editor.isActive({ textAlign: t }))?.value ?? "left" })
|
|
22025
22026
|
});
|
|
@@ -22056,7 +22057,7 @@ var qI = () => yn({
|
|
|
22056
22057
|
//#endregion
|
|
22057
22058
|
//#region lib/components/ui/widgets/editor/extensions/youtube/editor-youtube.tsx
|
|
22058
22059
|
function JI({ children: e, onSubmit: t }) {
|
|
22059
|
-
let { t: r } =
|
|
22060
|
+
let { t: r } = L(), [i, a] = W(""), { trigger: o, onCloseAutoFocus: s } = gF(), [c, l] = W(!1), u = i.trim();
|
|
22060
22061
|
return /* @__PURE__ */ K(Xv, {
|
|
22061
22062
|
open: c,
|
|
22062
22063
|
onOpenChange: l,
|
|
@@ -22087,7 +22088,7 @@ function JI({ children: e, onSubmit: t }) {
|
|
|
22087
22088
|
//#region lib/components/ui/widgets/editor/extensions/youtube/editor-youtube-wrapper.tsx
|
|
22088
22089
|
var YI = "https://www.youtube.com/watch?v=dQw4w9WgXcQ";
|
|
22089
22090
|
function XI({ editor: e }) {
|
|
22090
|
-
let { t } =
|
|
22091
|
+
let { t } = L();
|
|
22091
22092
|
return /* @__PURE__ */ G(JI, {
|
|
22092
22093
|
onSubmit: (t) => e.chain().focus().setYoutubeVideo({
|
|
22093
22094
|
src: t,
|
|
@@ -22768,7 +22769,7 @@ function AL(e, t = "toolbar", n) {
|
|
|
22768
22769
|
//#endregion
|
|
22769
22770
|
//#region lib/components/ui/widgets/editor/partials/editor-bubble-menu.tsx
|
|
22770
22771
|
function jL({ className: e }) {
|
|
22771
|
-
let { t } =
|
|
22772
|
+
let { t } = L(), { handle: r, chrome: i } = Zb(), { editor: a } = r, o = Wt({
|
|
22772
22773
|
editor: a,
|
|
22773
22774
|
selector: (e) => e.editor?.isEditable ?? !1
|
|
22774
22775
|
}), s = Wt({
|
|
@@ -22936,7 +22937,7 @@ var LL = () => null, RL = {
|
|
|
22936
22937
|
emoji: ["material.editor.emoji", "Emoji"]
|
|
22937
22938
|
};
|
|
22938
22939
|
function zL({ className: e }) {
|
|
22939
|
-
let { t } =
|
|
22940
|
+
let { t } = L(), { handle: r, chrome: i } = Zb(), { suggestions: a, editor: o } = r, s = Ya(a.subscribe, a.getSnapshot, LL), c = i.state.suggestion, l = Ka(), u = s?.entries ?? [], d = Math.min(c?.index ?? 0, u.length - 1), f = !!(c && s);
|
|
22940
22941
|
IL({
|
|
22941
22942
|
editor: o,
|
|
22942
22943
|
open: f,
|
|
@@ -23012,7 +23013,7 @@ var BL = {
|
|
|
23012
23013
|
assistant: "Assistant"
|
|
23013
23014
|
};
|
|
23014
23015
|
function VL() {
|
|
23015
|
-
let { t: e } =
|
|
23016
|
+
let { t: e } = L();
|
|
23016
23017
|
return (t) => t.label ?? e(`material.editor.group.${t.id}`, BL[t.id] ?? t.id);
|
|
23017
23018
|
}
|
|
23018
23019
|
//#endregion
|
|
@@ -23061,7 +23062,7 @@ function KL({ groups: e, editor: t, dividers: n }) {
|
|
|
23061
23062
|
//#region lib/components/ui/widgets/editor/partials/editor-toolbar.tsx
|
|
23062
23063
|
var qL = n(kL, "[&_button[data-variant]]:rounded", "**:data-[slot=separator]:mx-1 **:data-[slot=separator]:h-6");
|
|
23063
23064
|
function JL({ className: e, variant: t = "docked", layout: r, dividers: i = !0, orientation: a = "horizontal", density: o = "comfortable", slot: s = "editor-toolbar", groupsFor: c }) {
|
|
23064
|
-
let { t: l } =
|
|
23065
|
+
let { t: l } = L(), { handle: u, chrome: d, toolbarRef: f, look: p } = Zb(), m = p === "expressive", { editor: h } = u, g = AL(u.features, "toolbar", h), _ = c ? c(g) : g, v = r === "wrap", y = a === "vertical", b = !!(h?.isEditable && jx.selectShowToolbar(d.state)), x = B((e) => {
|
|
23065
23066
|
f.current = e;
|
|
23066
23067
|
}, [f]);
|
|
23067
23068
|
return !h || !b ? null : /* @__PURE__ */ G(vt, {
|
|
@@ -23113,7 +23114,7 @@ function XL({ tone: e = "neutral", pulse: t = !1, className: r, children: i, ...
|
|
|
23113
23114
|
//#endregion
|
|
23114
23115
|
//#region lib/components/ui/display/avatar/avatar.tsx
|
|
23115
23116
|
function ZL({ src: e, alt: r, fallback: i, status: a, statusPulse: o = !1, shape: s, tone: c, className: l, ...u }) {
|
|
23116
|
-
let { t: d } =
|
|
23117
|
+
let { t: d } = L(), f = s ? /* @__PURE__ */ G(cs, {
|
|
23117
23118
|
"data-slot": "avatar",
|
|
23118
23119
|
shape: s,
|
|
23119
23120
|
tone: c ?? "neutral",
|
|
@@ -23191,7 +23192,7 @@ var nR = {
|
|
|
23191
23192
|
lg: "-space-x-1.5 [&_[data-slot=avatar]]:size-10 [&_[data-slot=avatar-fallback]]:text-sm"
|
|
23192
23193
|
};
|
|
23193
23194
|
function rR({ children: e, max: t, size: r = "md", className: i, ...a }) {
|
|
23194
|
-
let { t: o } =
|
|
23195
|
+
let { t: o } = L(), s = Ia.toArray(e).filter(Boolean), { visible: c, extra: l } = tR(s.length, t), u = l > 0 ? s.slice(0, c) : s, d = o("material.avatar-group.more", "+{count} more", { count: l });
|
|
23195
23196
|
return /* @__PURE__ */ K("div", {
|
|
23196
23197
|
"data-slot": "avatar-group",
|
|
23197
23198
|
className: n("flex items-center", nR[r], "[&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-background", "[&_[data-slot=avatar-fallback]]:font-medium [&_[data-slot=avatar-fallback]]:leading-none [&_[data-slot=avatar-fallback]]:tracking-tight", i),
|
|
@@ -23234,7 +23235,7 @@ var uR = {
|
|
|
23234
23235
|
neutral: ["text-muted-foreground", "bg-muted"]
|
|
23235
23236
|
};
|
|
23236
23237
|
function dR({ tone: e = "primary", contained: t = !1, label: r, duration: i = 4.9, className: a, ...o }) {
|
|
23237
|
-
let { t: s } =
|
|
23238
|
+
let { t: s } = L(), c = lR(), [l, u] = uR[e], d = `${i}s`;
|
|
23238
23239
|
return /* @__PURE__ */ G("span", {
|
|
23239
23240
|
"data-slot": "loading-indicator",
|
|
23240
23241
|
role: "progressbar",
|
|
@@ -23278,7 +23279,7 @@ function dR({ tone: e = "primary", contained: t = !1, label: r, duration: i = 4.
|
|
|
23278
23279
|
}
|
|
23279
23280
|
//#endregion
|
|
23280
23281
|
//#region lib/components/ui/primitives/toggle/toggle.tsx
|
|
23281
|
-
var fR =
|
|
23282
|
+
var fR = y([
|
|
23282
23283
|
"inline-flex center gap-2 rounded text-sm font-medium hover:bg-primary/10 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-all aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error whitespace-nowrap",
|
|
23283
23284
|
"aria-pressed:bg-primary/12 aria-pressed:text-primary-text aria-pressed:border-primary-text aria-pressed:focus-visible:border-ring aria-pressed:shadow-[inset_0_-2px_0_0_var(--primary-text)] aria-pressed:hover:bg-primary/20 aria-pressed:hover:text-primary-text dark:aria-pressed:bg-primary/35 dark:aria-pressed:hover:bg-primary/50",
|
|
23284
23285
|
"aria-checked:bg-primary/12 aria-checked:text-primary-text aria-checked:border-primary-text aria-checked:focus-visible:border-ring aria-checked:shadow-[inset_0_-2px_0_0_var(--primary-text)] aria-checked:hover:bg-primary/20 aria-checked:hover:text-primary-text dark:aria-checked:bg-primary/35 dark:aria-checked:hover:bg-primary/50"
|
|
@@ -23314,13 +23315,13 @@ function pR({ className: e, variant: t, size: r, ...i }) {
|
|
|
23314
23315
|
//#endregion
|
|
23315
23316
|
//#region lib/components/ui/widgets/chat/partials/chat-composer-attachment-chip.tsx
|
|
23316
23317
|
function mR({ file: e, onRemove: t, className: r }) {
|
|
23317
|
-
let { t:
|
|
23318
|
+
let { t: i } = L(), a = ky(e), o = i("material.chat.remove-attachment", "Remove attachment");
|
|
23318
23319
|
return /* @__PURE__ */ K("div", {
|
|
23319
23320
|
"data-slot": "chat-composer-attachment-chip",
|
|
23320
23321
|
className: n("group/chip inline-flex min-w-0 max-w-full animate-in items-center gap-2.5 rounded-(--nxgt-shape-corner-md) border border-border/70 bg-background py-1.5 ps-1.5 pe-1 text-xs shadow-xs fade-in zoom-in-95 duration-(--nxgt-motion-effects-default-duration) ease-(--nxgt-motion-emphasized-decelerate) motion-reduce:animate-none @md:max-w-64", r),
|
|
23321
23322
|
children: [
|
|
23322
|
-
|
|
23323
|
-
src:
|
|
23323
|
+
a ? /* @__PURE__ */ G("img", {
|
|
23324
|
+
src: a,
|
|
23324
23325
|
alt: "",
|
|
23325
23326
|
className: "size-9 shrink-0 rounded-(--nxgt-shape-corner-sm) object-cover"
|
|
23326
23327
|
}) : /* @__PURE__ */ G("span", {
|
|
@@ -23337,11 +23338,11 @@ function mR({ file: e, onRemove: t, className: r }) {
|
|
|
23337
23338
|
children: uo(e.size)
|
|
23338
23339
|
})]
|
|
23339
23340
|
}),
|
|
23340
|
-
t && /* @__PURE__ */ G(
|
|
23341
|
+
t && /* @__PURE__ */ G(R, {
|
|
23341
23342
|
variant: "ghost",
|
|
23342
23343
|
color: "default",
|
|
23343
|
-
tooltip:
|
|
23344
|
-
"aria-label":
|
|
23344
|
+
tooltip: o,
|
|
23345
|
+
"aria-label": o,
|
|
23345
23346
|
onClick: t,
|
|
23346
23347
|
className: "size-6 shrink-0",
|
|
23347
23348
|
children: /* @__PURE__ */ G(Da, { className: "size-3.5" })
|
|
@@ -23351,30 +23352,30 @@ function mR({ file: e, onRemove: t, className: r }) {
|
|
|
23351
23352
|
}
|
|
23352
23353
|
//#endregion
|
|
23353
23354
|
//#region lib/components/ui/widgets/chat/partials/chat-composer-attachments.tsx
|
|
23354
|
-
function hR({ isDisabled: e, canAttachMore: t, accept: n, maxFiles: r, attachLabel:
|
|
23355
|
-
return !
|
|
23355
|
+
function hR({ isDisabled: e, canAttachMore: t, accept: n, maxFiles: r, attachLabel: i, fileInputRef: a, onAttachmentsChange: o, handleFiles: s, actions: c }) {
|
|
23356
|
+
return !o && !c ? null : /* @__PURE__ */ K("div", {
|
|
23356
23357
|
"data-slot": "chat-composer-tools",
|
|
23357
23358
|
className: "flex items-end gap-1 pb-0.5",
|
|
23358
|
-
children: [
|
|
23359
|
-
ref:
|
|
23359
|
+
children: [o && /* @__PURE__ */ K(Xa, { children: [/* @__PURE__ */ G("input", {
|
|
23360
|
+
ref: a,
|
|
23360
23361
|
type: "file",
|
|
23361
23362
|
hidden: !0,
|
|
23362
23363
|
accept: n,
|
|
23363
23364
|
multiple: r == null || r > 1,
|
|
23364
23365
|
disabled: e || !t,
|
|
23365
23366
|
onChange: (e) => {
|
|
23366
|
-
|
|
23367
|
+
s(Array.from(e.target.files ?? [])), e.target.value = "";
|
|
23367
23368
|
}
|
|
23368
|
-
}), /* @__PURE__ */ G(
|
|
23369
|
+
}), /* @__PURE__ */ G(R, {
|
|
23369
23370
|
variant: "ghost",
|
|
23370
23371
|
color: "default",
|
|
23371
|
-
tooltip:
|
|
23372
|
-
"aria-label":
|
|
23372
|
+
tooltip: i,
|
|
23373
|
+
"aria-label": i,
|
|
23373
23374
|
disabled: e || !t,
|
|
23374
|
-
onClick: () =>
|
|
23375
|
+
onClick: () => a.current?.click(),
|
|
23375
23376
|
className: "shrink-0",
|
|
23376
23377
|
children: /* @__PURE__ */ G(Ri, {})
|
|
23377
|
-
})] }),
|
|
23378
|
+
})] }), c]
|
|
23378
23379
|
});
|
|
23379
23380
|
}
|
|
23380
23381
|
function gR({ attachments: e, isDisabled: t, onAttachmentsChange: r, className: i }) {
|
|
@@ -23389,30 +23390,30 @@ function gR({ attachments: e, isDisabled: t, onAttachmentsChange: r, className:
|
|
|
23389
23390
|
}
|
|
23390
23391
|
//#endregion
|
|
23391
23392
|
//#region lib/components/ui/widgets/chat/partials/chat-composer-send.tsx
|
|
23392
|
-
function _R({ sendLabel: e, stopLabel: t, isDisabled: r, isEmpty:
|
|
23393
|
-
if (
|
|
23393
|
+
function _R({ sendLabel: e, stopLabel: t, isDisabled: r, isEmpty: i, onStop: a, shape: o = "round" }) {
|
|
23394
|
+
if (a) return /* @__PURE__ */ G(R, {
|
|
23394
23395
|
"data-slot": "chat-composer-stop",
|
|
23395
|
-
"data-send-shape":
|
|
23396
|
+
"data-send-shape": o === "squircle" ? o : void 0,
|
|
23396
23397
|
variant: "filled",
|
|
23397
23398
|
color: "primary",
|
|
23398
23399
|
tooltip: t,
|
|
23399
23400
|
"aria-label": t,
|
|
23400
|
-
onClick:
|
|
23401
|
+
onClick: a,
|
|
23401
23402
|
className: "size-9 shrink-0 animate-in zoom-in-75 duration-(--nxgt-motion-effects-default-duration) ease-effects-default motion-reduce:animate-none",
|
|
23402
23403
|
children: /* @__PURE__ */ G(ua, { className: "size-3.5 fill-current" })
|
|
23403
23404
|
});
|
|
23404
|
-
let
|
|
23405
|
-
return /* @__PURE__ */ G(
|
|
23405
|
+
let s = !r && !i;
|
|
23406
|
+
return /* @__PURE__ */ G(R, {
|
|
23406
23407
|
type: "submit",
|
|
23407
23408
|
"data-slot": "chat-composer-send",
|
|
23408
|
-
"data-send-shape":
|
|
23409
|
-
"data-ready":
|
|
23409
|
+
"data-send-shape": o === "squircle" ? o : void 0,
|
|
23410
|
+
"data-ready": s || void 0,
|
|
23410
23411
|
variant: "filled",
|
|
23411
23412
|
color: "primary",
|
|
23412
23413
|
tooltip: e,
|
|
23413
|
-
disabled: !
|
|
23414
|
+
disabled: !s,
|
|
23414
23415
|
"aria-label": e,
|
|
23415
|
-
className: n("size-9 shrink-0 [transition:scale_var(--nxgt-motion-spatial-fast-duration)_var(--nxgt-motion-spatial-fast),opacity_var(--nxgt-motion-effects-default-duration)_var(--nxgt-motion-effects-default),background-color_var(--nxgt-motion-effects-default-duration)_var(--nxgt-motion-effects-default)]",
|
|
23416
|
+
className: n("size-9 shrink-0 [transition:scale_var(--nxgt-motion-spatial-fast-duration)_var(--nxgt-motion-spatial-fast),opacity_var(--nxgt-motion-effects-default-duration)_var(--nxgt-motion-effects-default),background-color_var(--nxgt-motion-effects-default-duration)_var(--nxgt-motion-effects-default)]", s ? "scale-100" : "scale-90 disabled:opacity-35"),
|
|
23416
23417
|
children: /* @__PURE__ */ G(jr, {
|
|
23417
23418
|
className: "size-4.5",
|
|
23418
23419
|
strokeWidth: 2.5
|
|
@@ -23422,7 +23423,7 @@ function _R({ sendLabel: e, stopLabel: t, isDisabled: r, isEmpty: a, onStop: o,
|
|
|
23422
23423
|
//#endregion
|
|
23423
23424
|
//#region lib/components/ui/widgets/chat/chat-reply-quote.tsx
|
|
23424
23425
|
function vR({ author: e, content: t, onClick: r, tone: i = "default", className: a, ...o }) {
|
|
23425
|
-
let { t: s } =
|
|
23426
|
+
let { t: s } = L(), c = n("flex w-full min-w-0 flex-col gap-0.5 rounded-(--nxgt-shape-corner-sm) border-s-[3px] px-2.5 py-1.5 text-start text-xs", i === "inverted" ? "border-primary-foreground/70 bg-primary-foreground/15 text-primary-foreground" : "border-primary bg-primary/8 text-foreground", r && "cursor-pointer outline-none transition-colors duration-(--nxgt-motion-effects-fast-duration) ease-effects-fast hover:bg-primary/15 focus-visible:ring-[3px] focus-visible:ring-ring/50 forced-colors:focus-visible:outline-2 forced-colors:focus-visible:outline-solid forced-colors:focus-visible:outline-[Highlight]", a), l = /* @__PURE__ */ K(Xa, { children: [e != null && /* @__PURE__ */ G("span", {
|
|
23426
23427
|
className: n("truncate font-semibold", i === "inverted" ? "" : "text-primary-text"),
|
|
23427
23428
|
children: e
|
|
23428
23429
|
}), /* @__PURE__ */ G("span", {
|
|
@@ -23446,7 +23447,7 @@ function vR({ author: e, content: t, onClick: r, tone: i = "default", className:
|
|
|
23446
23447
|
//#endregion
|
|
23447
23448
|
//#region lib/components/ui/widgets/chat/partials/chat-composer-reply.tsx
|
|
23448
23449
|
function yR({ replyTo: e, onCancel: t }) {
|
|
23449
|
-
let { t: n } =
|
|
23450
|
+
let { t: n } = L(), r = n("material.chat.composer.cancel-reply", "Cancel reply");
|
|
23450
23451
|
return /* @__PURE__ */ K("div", {
|
|
23451
23452
|
"data-slot": "chat-composer-reply",
|
|
23452
23453
|
className: "flex animate-in items-center gap-2 px-2 pt-2 fade-in slide-in-from-bottom-1 duration-(--nxgt-motion-effects-default-duration) ease-(--nxgt-motion-emphasized-decelerate) motion-reduce:animate-none",
|
|
@@ -23468,7 +23469,7 @@ function yR({ replyTo: e, onCancel: t }) {
|
|
|
23468
23469
|
onClick: e.onClick,
|
|
23469
23470
|
className: "flex-1"
|
|
23470
23471
|
}),
|
|
23471
|
-
t && /* @__PURE__ */ G(
|
|
23472
|
+
t && /* @__PURE__ */ G(R, {
|
|
23472
23473
|
variant: "ghost",
|
|
23473
23474
|
color: "default",
|
|
23474
23475
|
tooltip: r,
|
|
@@ -23502,7 +23503,7 @@ function bR(e, t, n) {
|
|
|
23502
23503
|
};
|
|
23503
23504
|
}
|
|
23504
23505
|
function xR({ attachments: e, accept: t, maxFiles: n, disabled: r = !1, isLoading: i = !1, onAttachmentsChange: a }) {
|
|
23505
|
-
let { t: o } =
|
|
23506
|
+
let { t: o } = L(), [s, c] = W(null), l = r || i, u = n == null || e.length < n;
|
|
23506
23507
|
function d(r) {
|
|
23507
23508
|
if (!r.length || l) return;
|
|
23508
23509
|
let { files: i, error: o } = bR(r, e, {
|
|
@@ -23525,7 +23526,7 @@ function SR(e, t) {
|
|
|
23525
23526
|
return e.key !== "Enter" || e.nativeEvent.isComposing ? !1 : t ? !e.shiftKey : e.ctrlKey || e.metaKey;
|
|
23526
23527
|
}
|
|
23527
23528
|
function CR({ value: e, onSend: t, placeholder: n, disabled: r, isLoading: i, sendLabel: a, stopLabel: o, attachments: s, onAttachmentsChange: c, accept: l, maxFiles: u, attachmentLabel: d, sendOnEnter: f = !0 }) {
|
|
23528
|
-
let { t: p } =
|
|
23529
|
+
let { t: p } = L(), m = U(null), h = U(null), g = {
|
|
23529
23530
|
attach: d ?? p("material.chat.attach", "Add attachment"),
|
|
23530
23531
|
placeholder: n ?? p("material.chat.placeholder", "Type a message…"),
|
|
23531
23532
|
send: a ?? p("material.chat.send", "Send"),
|