@ahmetilhn/hanui 2.0.1 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.cjs +4 -4
- package/build/index.cjs.map +1 -1
- package/build/index.js +1169 -1158
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a, jsxs as g, Fragment as me } from "react/jsx-runtime";
|
|
3
|
-
import { useContext as
|
|
4
|
-
import { isClient as le, isDefined as lt, normalize as
|
|
5
|
-
import { ArrowRight as
|
|
3
|
+
import { useContext as Qa, createContext as Ja, useMemo as Dt, useEffect as A, useRef as L, useCallback as z, useState as O, useLayoutEffect as Na, memo as I, forwardRef as ye, useId as W, isValidElement as $a, cloneElement as Da, Children as Wa } from "react";
|
|
4
|
+
import { isClient as le, isDefined as lt, normalize as la, isNumber as da } from "@ahmetilhn/handy-utils";
|
|
5
|
+
import { ArrowRight as Za, XLg as Oe, Search as Ia, CaretDownFill as Ta, CheckLg as Ft, StarFill as Jt, DashLg as Ca, PlusLg as Va, ExclamationCircleFill as At, CloudArrowUpFill as en, XCircleFill as Ea, ExclamationTriangleFill as ea, CheckCircleFill as La, InfoCircleFill as Sa, CaretRightFill as Pt, CaretLeftFill as Ra, ClipboardCheckFill as tn, ClipboardFill as an, StarHalf as nn, ArrowDownShort as rn, ArrowUpShort as on, QuestionCircleFill as sn, TrashFill as cn } from "react-bootstrap-icons";
|
|
6
6
|
import { createPortal as Tt } from "react-dom";
|
|
7
7
|
const E = {
|
|
8
8
|
n0: "#ffffff",
|
|
@@ -139,15 +139,15 @@ const E = {
|
|
|
139
139
|
fg: "#1d6e31",
|
|
140
140
|
bgDark: "#122817",
|
|
141
141
|
fgDark: "#34c759"
|
|
142
|
-
},
|
|
142
|
+
}, Aa = {
|
|
143
143
|
/** 5,23:1 beyaz üzerinde. */
|
|
144
144
|
light: "#9a5f04",
|
|
145
145
|
/** 9,82:1 koyu zemin üzerinde. */
|
|
146
146
|
dark: "#f0b429"
|
|
147
147
|
}, R = (e, t) => {
|
|
148
|
-
const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((
|
|
148
|
+
const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((d) => d + d).join("") : n, i = parseInt(r.slice(0, 2), 16), s = parseInt(r.slice(2, 4), 16), o = parseInt(r.slice(4, 6), 16);
|
|
149
149
|
return `rgba(${i}, ${s}, ${o}, ${t})`;
|
|
150
|
-
}, oe = "#000000",
|
|
150
|
+
}, oe = "#000000", ln = {
|
|
151
151
|
// --- Yüzey ---
|
|
152
152
|
page: E.n50,
|
|
153
153
|
surface: E.n0,
|
|
@@ -217,7 +217,7 @@ const E = {
|
|
|
217
217
|
"green-accent": Fe.green,
|
|
218
218
|
"green-accent-hover": Fe.greenHover,
|
|
219
219
|
"on-green": Fe.onGreen,
|
|
220
|
-
star:
|
|
220
|
+
star: Aa.light,
|
|
221
221
|
// --- Yıkıcı eylem: durum tinti DEĞİL, gerçek bir dolgu ---
|
|
222
222
|
"danger-solid": Je.base,
|
|
223
223
|
"danger-solid-hover": Je.hover,
|
|
@@ -289,7 +289,7 @@ const E = {
|
|
|
289
289
|
"glow-1": R(X.base, 0.1),
|
|
290
290
|
"glow-2": R(X.base, 0.06),
|
|
291
291
|
"glow-amber": R(pe.base, 0.09)
|
|
292
|
-
},
|
|
292
|
+
}, dn = {
|
|
293
293
|
page: "#0e1116",
|
|
294
294
|
surface: "#171b22",
|
|
295
295
|
"surface-2": "#1f242d",
|
|
@@ -354,7 +354,7 @@ const E = {
|
|
|
354
354
|
"green-accent": Fe.greenDark,
|
|
355
355
|
"green-accent-hover": Fe.greenHoverDark,
|
|
356
356
|
"on-green": Fe.onGreen,
|
|
357
|
-
star:
|
|
357
|
+
star: Aa.dark,
|
|
358
358
|
"danger-solid": Je.dark,
|
|
359
359
|
"danger-solid-hover": Je.darkHover,
|
|
360
360
|
"on-danger": Je.onDark,
|
|
@@ -396,7 +396,7 @@ const E = {
|
|
|
396
396
|
"glow-1": R(X.base, 0.2),
|
|
397
397
|
"glow-2": R(X.dark, 0.1),
|
|
398
398
|
"glow-amber": R(pe.dark, 0.12)
|
|
399
|
-
},
|
|
399
|
+
}, P_ = {
|
|
400
400
|
// --- Yarıçap ---
|
|
401
401
|
// Küçük öğeler ile büyük yüzeyler aynı yarıçapı PAYLAŞMAZ: küçük bir öğede
|
|
402
402
|
// 12px onu şişman gösterir, büyük bir kartta 6px keskin ve ucuz görünür.
|
|
@@ -484,7 +484,7 @@ const E = {
|
|
|
484
484
|
*/
|
|
485
485
|
"duration-spin": "700ms",
|
|
486
486
|
"duration-shimmer": "1400ms"
|
|
487
|
-
},
|
|
487
|
+
}, O_ = {
|
|
488
488
|
"space-2": "6px",
|
|
489
489
|
"space-3": "8px",
|
|
490
490
|
"space-4": "12px",
|
|
@@ -498,19 +498,19 @@ const E = {
|
|
|
498
498
|
"font-size-body": "16px",
|
|
499
499
|
"leading-normal": "1.5",
|
|
500
500
|
"leading-relaxed": "1.6"
|
|
501
|
-
},
|
|
501
|
+
}, z_ = {
|
|
502
502
|
heading: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
503
503
|
body: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
504
504
|
mono: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace"
|
|
505
|
-
},
|
|
506
|
-
const n = e === "dark" ?
|
|
505
|
+
}, _a = "--hanui-", ua = "hanui-theme-overrides", We = "data-hanui-theme", Ma = "data-hanui-density", ha = "hanui-theme-switching", H_ = (e, t) => {
|
|
506
|
+
const n = e === "dark" ? dn : ln, r = (e === "dark" ? t == null ? void 0 : t.dark : t == null ? void 0 : t.light) ?? {};
|
|
507
507
|
return { ...n, ...r };
|
|
508
|
-
},
|
|
509
|
-
const t = [], n = (o,
|
|
508
|
+
}, _n = (e) => {
|
|
509
|
+
const t = [], n = (o, d = " ") => Object.entries(o).map(([u, l]) => `${d}${_a}${u}: ${l};`).join(`
|
|
510
510
|
`), r = e.fonts ?? {}, i = Object.entries(r).filter(([, o]) => !!o);
|
|
511
511
|
i.length > 0 && t.push(
|
|
512
512
|
`:root {
|
|
513
|
-
${i.map(([o,
|
|
513
|
+
${i.map(([o, d]) => ` ${_a}font-${o}: ${d};`).join(`
|
|
514
514
|
`)}
|
|
515
515
|
}`
|
|
516
516
|
);
|
|
@@ -519,7 +519,7 @@ ${i.map(([o, _]) => ` ${da}font-${o}: ${_};`).join(`
|
|
|
519
519
|
const o = n(s);
|
|
520
520
|
t.push(`:root {
|
|
521
521
|
${o}
|
|
522
|
-
}`), t.push(`:root[${
|
|
522
|
+
}`), t.push(`:root[${Ma}='compact'] {
|
|
523
523
|
${o}
|
|
524
524
|
}`);
|
|
525
525
|
}
|
|
@@ -549,19 +549,19 @@ ${n(
|
|
|
549
549
|
return t.join(`
|
|
550
550
|
|
|
551
551
|
`);
|
|
552
|
-
},
|
|
552
|
+
}, Ba = (e) => {
|
|
553
553
|
if (!le()) return;
|
|
554
|
-
const t = e ?
|
|
554
|
+
const t = e ? _n(e) : "", n = document.getElementById(ua);
|
|
555
555
|
if (t === "") {
|
|
556
556
|
n == null || n.remove();
|
|
557
557
|
return;
|
|
558
558
|
}
|
|
559
559
|
const r = n ?? document.createElement("style");
|
|
560
|
-
r.id =
|
|
561
|
-
},
|
|
560
|
+
r.id = ua, r.textContent = t, n || document.head.appendChild(r);
|
|
561
|
+
}, Fa = Ja({}), j = () => Qa(Fa), K_ = ({ children: e, theme: t, linkComponent: n, labels: r }) => {
|
|
562
562
|
const i = Dt(() => t ? JSON.stringify(t) : "", [t]);
|
|
563
563
|
A(() => {
|
|
564
|
-
|
|
564
|
+
Ba(t);
|
|
565
565
|
}, [i]);
|
|
566
566
|
const s = L(t);
|
|
567
567
|
s.current = t;
|
|
@@ -574,76 +574,80 @@ ${n(
|
|
|
574
574
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
575
575
|
[i, n, r]
|
|
576
576
|
);
|
|
577
|
-
return /* @__PURE__ */ a(
|
|
578
|
-
},
|
|
579
|
-
|
|
580
|
-
},
|
|
577
|
+
return /* @__PURE__ */ a(Fa.Provider, { value: o, children: e });
|
|
578
|
+
}, U_ = (e = {}) => {
|
|
579
|
+
Ba(e.theme), le() && (e.colorScheme && document.documentElement.setAttribute(We, e.colorScheme), e.density && document.documentElement.setAttribute(Ma, e.density));
|
|
580
|
+
}, un = "hanui-live-region", hn = (e) => {
|
|
581
581
|
if (!le()) return null;
|
|
582
|
-
const t = `${
|
|
582
|
+
const t = `${un}-${e}`, n = document.getElementById(t);
|
|
583
583
|
if (n) return n;
|
|
584
584
|
const r = document.createElement("div");
|
|
585
585
|
return r.id = t, r.setAttribute("aria-live", e), r.setAttribute("aria-atomic", "true"), r.className = "hanui-visually-hidden", document.body.appendChild(r), r;
|
|
586
|
-
},
|
|
586
|
+
}, pn = (e, t) => {
|
|
587
587
|
e.textContent = "", window.requestAnimationFrame(() => {
|
|
588
588
|
e.textContent = t;
|
|
589
589
|
});
|
|
590
590
|
}, ta = () => z((e, t = "polite") => {
|
|
591
591
|
const n = e.trim();
|
|
592
592
|
if (n === "") return;
|
|
593
|
-
const r =
|
|
594
|
-
r &&
|
|
595
|
-
}, []),
|
|
593
|
+
const r = hn(t);
|
|
594
|
+
r && pn(r, n);
|
|
595
|
+
}, []), pa = () => {
|
|
596
596
|
var e;
|
|
597
597
|
return le() && ((e = window.matchMedia) != null && e.call(window, "(prefers-color-scheme: dark)").matches) ? "dark" : "light";
|
|
598
|
-
},
|
|
598
|
+
}, mn = () => {
|
|
599
599
|
if (!le()) return "system";
|
|
600
600
|
const e = document.documentElement.getAttribute(We);
|
|
601
601
|
return e === "dark" || e === "light" ? e : "system";
|
|
602
|
-
},
|
|
602
|
+
}, q_ = () => {
|
|
603
603
|
const [e, t] = O("light"), [n, r] = O("light"), [i, s] = O(!1);
|
|
604
604
|
A(() => {
|
|
605
|
-
t(
|
|
605
|
+
t(mn()), r(pa()), s(!0);
|
|
606
606
|
}, []), A(() => {
|
|
607
607
|
if (!le() || !window.matchMedia) return;
|
|
608
|
-
const
|
|
609
|
-
return
|
|
608
|
+
const l = window.matchMedia("(prefers-color-scheme: dark)"), c = () => r(pa());
|
|
609
|
+
return l.addEventListener("change", c), () => l.removeEventListener("change", c);
|
|
610
610
|
}, []);
|
|
611
|
-
const o = e === "system" ? n : e,
|
|
611
|
+
const o = e === "system" ? n : e, d = z((l) => {
|
|
612
612
|
if (!le()) return;
|
|
613
613
|
const c = document.documentElement;
|
|
614
|
-
c.classList.add(
|
|
615
|
-
window.requestAnimationFrame(() => c.classList.remove(
|
|
614
|
+
c.classList.add(ha), l === "system" ? c.removeAttribute(We) : c.setAttribute(We, l), t(l), window.requestAnimationFrame(() => {
|
|
615
|
+
window.requestAnimationFrame(() => c.classList.remove(ha));
|
|
616
616
|
});
|
|
617
617
|
}, []), u = z(
|
|
618
|
-
() =>
|
|
619
|
-
[o,
|
|
618
|
+
() => d(o === "dark" ? "light" : "dark"),
|
|
619
|
+
[o, d]
|
|
620
620
|
);
|
|
621
|
-
return { scheme: o, preference: e, setScheme:
|
|
622
|
-
},
|
|
623
|
-
|
|
621
|
+
return { scheme: o, preference: e, setScheme: d, toggle: u, isReady: i };
|
|
622
|
+
}, aa = (e, t) => {
|
|
623
|
+
typeof (e == null ? void 0 : e.scrollIntoView) == "function" && e.scrollIntoView(t);
|
|
624
|
+
}, Pa = ({ count: e, isOpen: t, initialIndex: n = 0, onSelect: r, onClose: i }, { hasSpaceSelect: s = !1 } = {}) => {
|
|
625
|
+
const [o, d] = O(n), u = L(null);
|
|
624
626
|
A(() => {
|
|
625
|
-
t &&
|
|
627
|
+
t && d(n);
|
|
626
628
|
}, [t, n]), A(() => {
|
|
627
|
-
|
|
629
|
+
d((c) => c >= e ? Math.max(0, e - 1) : c);
|
|
628
630
|
}, [e]), A(() => {
|
|
629
|
-
var c
|
|
630
|
-
t && ((
|
|
631
|
+
var c;
|
|
632
|
+
t && aa((c = u.current) == null ? void 0 : c.querySelector(`[data-index="${o}"]`), {
|
|
633
|
+
block: "nearest"
|
|
634
|
+
});
|
|
631
635
|
}, [o, t, e]);
|
|
632
|
-
const
|
|
636
|
+
const l = z(
|
|
633
637
|
(c) => {
|
|
634
|
-
const
|
|
638
|
+
const _ = e - 1;
|
|
635
639
|
switch (c.key) {
|
|
636
640
|
case "ArrowDown":
|
|
637
|
-
c.preventDefault(),
|
|
641
|
+
c.preventDefault(), d((h) => h >= _ ? 0 : h + 1);
|
|
638
642
|
break;
|
|
639
643
|
case "ArrowUp":
|
|
640
|
-
c.preventDefault(),
|
|
644
|
+
c.preventDefault(), d((h) => h <= 0 ? _ : h - 1);
|
|
641
645
|
break;
|
|
642
646
|
case "Home":
|
|
643
|
-
c.preventDefault(),
|
|
647
|
+
c.preventDefault(), d(0);
|
|
644
648
|
break;
|
|
645
649
|
case "End":
|
|
646
|
-
c.preventDefault(), _
|
|
650
|
+
c.preventDefault(), d(_);
|
|
647
651
|
break;
|
|
648
652
|
case " ":
|
|
649
653
|
case "Enter": {
|
|
@@ -661,38 +665,38 @@ ${n(
|
|
|
661
665
|
},
|
|
662
666
|
[o, e, s, i, r]
|
|
663
667
|
);
|
|
664
|
-
return { activeIndex: o, setActiveIndex:
|
|
668
|
+
return { activeIndex: o, setActiveIndex: d, listRef: u, handleKeyDown: l };
|
|
665
669
|
}, jt = {
|
|
666
670
|
top: "bottom",
|
|
667
671
|
bottom: "top",
|
|
668
672
|
left: "right",
|
|
669
673
|
right: "left"
|
|
670
|
-
},
|
|
674
|
+
}, ma = (e, t, n) => Math.min(Math.max(e, t), n), Yt = (e, t, n, r, i) => {
|
|
671
675
|
const s = n === "top" || n === "bottom", o = {
|
|
672
676
|
top: e.top - t.height - i,
|
|
673
677
|
bottom: e.top + e.height + i,
|
|
674
678
|
left: e.left - t.width - i,
|
|
675
679
|
right: e.left + e.width + i
|
|
676
|
-
}[n],
|
|
677
|
-
start:
|
|
678
|
-
center:
|
|
679
|
-
end:
|
|
680
|
+
}[n], d = s ? e.left : e.top, u = s ? e.width : e.height, l = s ? t.width : t.height, c = {
|
|
681
|
+
start: d,
|
|
682
|
+
center: d + u / 2 - l / 2,
|
|
683
|
+
end: d + u - l
|
|
680
684
|
}[r];
|
|
681
685
|
return s ? { top: o, left: c } : { top: c, left: o };
|
|
682
|
-
},
|
|
686
|
+
}, ba = (e, t, n, r, i) => ({
|
|
683
687
|
top: e.top >= r,
|
|
684
688
|
bottom: e.top + t.height <= i.height - r,
|
|
685
689
|
left: e.left >= r,
|
|
686
690
|
right: e.left + t.width <= i.width - r
|
|
687
|
-
})[n],
|
|
688
|
-
const [
|
|
691
|
+
})[n], na = (e, t, { side: n = "top", align: r = "center", offset: i = 8, padding: s = 8, isOpen: o }) => {
|
|
692
|
+
const [d, u] = O({
|
|
689
693
|
style: { position: "fixed", top: 0, left: 0 },
|
|
690
694
|
side: n,
|
|
691
695
|
isPositioned: !1
|
|
692
|
-
}),
|
|
696
|
+
}), l = L(0), c = z(() => {
|
|
693
697
|
const m = e.current, w = t.current;
|
|
694
698
|
if (!m || !w) return;
|
|
695
|
-
const b = m.getBoundingClientRect(), p = w.getBoundingClientRect(), v = { width: window.innerWidth, height: window.innerHeight }, D = Yt(b, p, n, r, i), N =
|
|
699
|
+
const b = m.getBoundingClientRect(), p = w.getBoundingClientRect(), v = { width: window.innerWidth, height: window.innerHeight }, D = Yt(b, p, n, r, i), N = ba(D, p, n, s, v) ? n : ba(
|
|
696
700
|
Yt(b, p, jt[n], r, i),
|
|
697
701
|
p,
|
|
698
702
|
jt[n],
|
|
@@ -702,65 +706,65 @@ ${n(
|
|
|
702
706
|
u({
|
|
703
707
|
style: {
|
|
704
708
|
position: "fixed",
|
|
705
|
-
top: Math.round(
|
|
706
|
-
left: Math.round(
|
|
709
|
+
top: Math.round(ma(y.top, s, v.height - p.height - s)),
|
|
710
|
+
left: Math.round(ma(y.left, s, v.width - p.width - s))
|
|
707
711
|
},
|
|
708
712
|
side: N,
|
|
709
713
|
isPositioned: !0
|
|
710
714
|
});
|
|
711
|
-
}, [e, t, n, r, i, s]),
|
|
712
|
-
|
|
713
|
-
|
|
715
|
+
}, [e, t, n, r, i, s]), _ = z(() => {
|
|
716
|
+
l.current || (l.current = window.requestAnimationFrame(() => {
|
|
717
|
+
l.current = 0, c();
|
|
714
718
|
}));
|
|
715
719
|
}, [c]);
|
|
716
|
-
return (le() ?
|
|
720
|
+
return (le() ? Na : A)(() => {
|
|
717
721
|
if (!o) {
|
|
718
722
|
u((w) => w.isPositioned ? { ...w, isPositioned: !1 } : w);
|
|
719
723
|
return;
|
|
720
724
|
}
|
|
721
|
-
c(), window.addEventListener("resize",
|
|
722
|
-
const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(
|
|
725
|
+
c(), window.addEventListener("resize", _), document.addEventListener("scroll", _, !0);
|
|
726
|
+
const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(_);
|
|
723
727
|
return m && t.current && m.observe(t.current), m && e.current && m.observe(e.current), () => {
|
|
724
|
-
window.removeEventListener("resize",
|
|
728
|
+
window.removeEventListener("resize", _), document.removeEventListener("scroll", _, !0), m == null || m.disconnect(), l.current && (window.cancelAnimationFrame(l.current), l.current = 0);
|
|
725
729
|
};
|
|
726
|
-
}, [o, c,
|
|
727
|
-
},
|
|
730
|
+
}, [o, c, _, e, t]), d;
|
|
731
|
+
}, j_ = (e, { rowHeight: t = 40, overscan: n = 6, isEnabled: r = !0 } = {}) => {
|
|
728
732
|
const i = L(null), [s, o] = O({
|
|
729
733
|
start: 0,
|
|
730
734
|
end: e,
|
|
731
735
|
totalHeight: e * t,
|
|
732
736
|
offset: 0
|
|
733
|
-
}),
|
|
734
|
-
const
|
|
735
|
-
if (!r || !
|
|
737
|
+
}), d = z(() => {
|
|
738
|
+
const l = i.current;
|
|
739
|
+
if (!r || !l || l.clientHeight === 0) {
|
|
736
740
|
o({ start: 0, end: e, totalHeight: e * t, offset: 0 });
|
|
737
741
|
return;
|
|
738
742
|
}
|
|
739
|
-
const c = Math.ceil(
|
|
743
|
+
const c = Math.ceil(l.clientHeight / t), _ = Math.floor(l.scrollTop / t), h = Math.max(0, _ - n), m = Math.min(e, _ + c + n);
|
|
740
744
|
o({ start: h, end: m, totalHeight: e * t, offset: h * t });
|
|
741
745
|
}, [e, r, n, t]);
|
|
742
746
|
A(() => {
|
|
743
|
-
const
|
|
744
|
-
if (!
|
|
745
|
-
|
|
746
|
-
const c = typeof ResizeObserver > "u" ? null : new ResizeObserver(
|
|
747
|
-
return c == null || c.observe(
|
|
748
|
-
|
|
747
|
+
const l = i.current;
|
|
748
|
+
if (!l) return;
|
|
749
|
+
d(), l.addEventListener("scroll", d, { passive: !0 });
|
|
750
|
+
const c = typeof ResizeObserver > "u" ? null : new ResizeObserver(d);
|
|
751
|
+
return c == null || c.observe(l), () => {
|
|
752
|
+
l.removeEventListener("scroll", d), c == null || c.disconnect();
|
|
749
753
|
};
|
|
750
|
-
}, [
|
|
754
|
+
}, [d]);
|
|
751
755
|
const u = z(
|
|
752
|
-
(
|
|
756
|
+
(l) => {
|
|
753
757
|
const c = i.current;
|
|
754
758
|
if (!c || !r) return;
|
|
755
|
-
const
|
|
756
|
-
|
|
759
|
+
const _ = l * t, h = _ + t;
|
|
760
|
+
_ < c.scrollTop ? c.scrollTop = _ : h > c.scrollTop + c.clientHeight && (c.scrollTop = h - c.clientHeight);
|
|
757
761
|
},
|
|
758
762
|
[r, t]
|
|
759
763
|
);
|
|
760
|
-
return { scrollRef: i, range: s, scrollToIndex: u, measure:
|
|
764
|
+
return { scrollRef: i, range: s, scrollToIndex: u, measure: d };
|
|
761
765
|
};
|
|
762
766
|
let kt = 0, Ce = null;
|
|
763
|
-
const
|
|
767
|
+
const bn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, gn = () => {
|
|
764
768
|
if (kt += 1, kt > 1) return;
|
|
765
769
|
const { body: e, style: t } = { body: document.body, style: document.documentElement.style }, n = window.scrollY;
|
|
766
770
|
Ce = {
|
|
@@ -772,41 +776,41 @@ const mn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform
|
|
|
772
776
|
scrollY: n
|
|
773
777
|
};
|
|
774
778
|
const r = window.innerWidth - document.documentElement.clientWidth;
|
|
775
|
-
r > 0 && (e.style.paddingRight = `${r}px`), t.setProperty("scrollbar-gutter", "stable"), e.style.overflow = "hidden",
|
|
776
|
-
},
|
|
779
|
+
r > 0 && (e.style.paddingRight = `${r}px`), t.setProperty("scrollbar-gutter", "stable"), e.style.overflow = "hidden", bn() && (e.style.position = "fixed", e.style.top = `${-n}px`, e.style.width = "100%");
|
|
780
|
+
}, fn = () => {
|
|
777
781
|
if (kt = Math.max(0, kt - 1), kt > 0 || !Ce) return;
|
|
778
782
|
const { body: e } = document, { scrollY: t } = Ce;
|
|
779
783
|
e.style.overflow = Ce.overflow, e.style.position = Ce.position, e.style.top = Ce.top, e.style.width = Ce.width, e.style.paddingRight = Ce.paddingRight, document.documentElement.style.removeProperty("scrollbar-gutter"), Ce = null, window.scrollTo(0, t);
|
|
780
784
|
}, Ot = (e = !0) => {
|
|
781
785
|
A(() => {
|
|
782
786
|
if (e)
|
|
783
|
-
return
|
|
787
|
+
return gn(), fn;
|
|
784
788
|
}, [e]);
|
|
785
|
-
},
|
|
789
|
+
}, Oa = "--hanui-sheet-height", za = "--hanui-sheet-inset-bottom";
|
|
786
790
|
let Ct = 0, dt = 0;
|
|
787
|
-
const
|
|
791
|
+
const vn = 240, Ha = () => {
|
|
788
792
|
const e = window.visualViewport;
|
|
789
|
-
if (!e || e.height <
|
|
793
|
+
if (!e || e.height < vn) return;
|
|
790
794
|
const t = window.innerHeight - e.height - e.offsetTop, n = document.documentElement;
|
|
791
|
-
n.style.setProperty(
|
|
795
|
+
n.style.setProperty(za, `${Math.max(0, Math.round(t))}px`), n.style.setProperty(Oa, `${Math.round(e.height)}px`);
|
|
792
796
|
}, et = () => {
|
|
793
797
|
dt || (dt = window.requestAnimationFrame(() => {
|
|
794
|
-
dt = 0,
|
|
798
|
+
dt = 0, Ha();
|
|
795
799
|
}));
|
|
796
|
-
},
|
|
800
|
+
}, ga = () => {
|
|
797
801
|
dt && (window.cancelAnimationFrame(dt), dt = 0);
|
|
798
|
-
},
|
|
802
|
+
}, yn = (e = !0) => {
|
|
799
803
|
A(() => {
|
|
800
804
|
if (!e) return;
|
|
801
805
|
const t = window.visualViewport;
|
|
802
806
|
if (t)
|
|
803
|
-
return Ct += 1, Ct === 1 && (t.addEventListener("resize", et), t.addEventListener("scroll", et), window.addEventListener("orientationchange", et)),
|
|
804
|
-
Ct -= 1, !(Ct > 0) && (t.removeEventListener("resize", et), t.removeEventListener("scroll", et), window.removeEventListener("orientationchange", et),
|
|
807
|
+
return Ct += 1, Ct === 1 && (t.addEventListener("resize", et), t.addEventListener("scroll", et), window.addEventListener("orientationchange", et)), ga(), Ha(), () => {
|
|
808
|
+
Ct -= 1, !(Ct > 0) && (t.removeEventListener("resize", et), t.removeEventListener("scroll", et), window.removeEventListener("orientationchange", et), ga(), document.documentElement.style.removeProperty(za), document.documentElement.style.removeProperty(Oa));
|
|
805
809
|
};
|
|
806
810
|
}, [e]);
|
|
807
811
|
};
|
|
808
812
|
var Le = /* @__PURE__ */ ((e) => (e.PRIMARY = "PRIMARY", e.CART = "CART", e.SECONDARY = "SECONDARY", e.OUTLINE = "OUTLINE", e.DARK = "DARK", e.LIGHT = "LIGHT", e.GHOST = "GHOST", e.DANGER = "DANGER", e))(Le || {}), Ze = /* @__PURE__ */ ((e) => (e.SMALL = "SMALL", e.MEDIUM = "MEDIUM", e.LARGE = "LARGE", e))(Ze || {});
|
|
809
|
-
const
|
|
813
|
+
const wn = 640, Y_ = 768, xn = 1024, G_ = `(min-width: ${xn + 1}px)`, ra = `(min-width: ${wn + 1}px)`, fa = (e) => e.replace(/İ/g, "i").replace(/I/g, "i").replace(/ı/g, "i").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ş/g, "s").replace(/ğ/g, "g").replace(/ç/g, "c").replace(/ø/g, "o").replace(/æ/g, "ae").replace(/ß/g, "ss").replace(/đ/g, "d").replace(/ł/g, "l").replace(/\s+/g, " ").trim(), Bt = (e, t) => fa(e).includes(fa(t)), kn = /* @__PURE__ */ new Set([
|
|
810
814
|
"button",
|
|
811
815
|
"checkbox",
|
|
812
816
|
"color",
|
|
@@ -817,22 +821,22 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
817
821
|
"range",
|
|
818
822
|
"reset",
|
|
819
823
|
"submit"
|
|
820
|
-
]),
|
|
824
|
+
]), Nn = (e) => {
|
|
821
825
|
if (!(e instanceof HTMLElement)) return !1;
|
|
822
826
|
if (e.isContentEditable) return !0;
|
|
823
827
|
const t = e.getAttribute("contenteditable");
|
|
824
828
|
if (t === "" || t === "true" || t === "plaintext-only") return !0;
|
|
825
829
|
const n = e.tagName;
|
|
826
|
-
return n === "TEXTAREA" ? !0 : n !== "INPUT" ? !1 : !
|
|
827
|
-
},
|
|
830
|
+
return n === "TEXTAREA" ? !0 : n !== "INPUT" ? !1 : !kn.has(e.type);
|
|
831
|
+
}, oa = (e) => {
|
|
828
832
|
const t = e.ownerDocument.activeElement;
|
|
829
|
-
!e.contains(t) || !
|
|
833
|
+
!e.contains(t) || !Nn(t) || (t.blur(), e.tabIndex = -1, e.focus({ preventScroll: !0 }));
|
|
830
834
|
}, _t = () => {
|
|
831
835
|
const e = typeof document > "u" ? null : document.activeElement;
|
|
832
836
|
return () => {
|
|
833
837
|
e instanceof HTMLElement && e.isConnected && e.focus({ preventScroll: !0 });
|
|
834
838
|
};
|
|
835
|
-
},
|
|
839
|
+
}, $n = [
|
|
836
840
|
"a[href]",
|
|
837
841
|
"button:not(:disabled)",
|
|
838
842
|
"input:not(:disabled)",
|
|
@@ -845,7 +849,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
845
849
|
n.focus({ preventScroll: !0 });
|
|
846
850
|
return;
|
|
847
851
|
}
|
|
848
|
-
const r = [...e.querySelectorAll(
|
|
852
|
+
const r = [...e.querySelectorAll($n)], i = r.find((s) => !s.matches(t)) ?? r[0];
|
|
849
853
|
if (i) {
|
|
850
854
|
i.focus({ preventScroll: !0 });
|
|
851
855
|
return;
|
|
@@ -865,29 +869,29 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
865
869
|
for (const n of e)
|
|
866
870
|
n && (t = t === "" ? n : `${t} ${n}`);
|
|
867
871
|
return t;
|
|
868
|
-
}, M = (e, t) => Object.assign(e, { displayName: t }),
|
|
872
|
+
}, M = (e, t) => Object.assign(e, { displayName: t }), we = ({ children: e, ...t }) => {
|
|
869
873
|
const { linkComponent: n } = j();
|
|
870
874
|
return n ? /* @__PURE__ */ a(n, { ...t, children: e }) : /* @__PURE__ */ a("a", { ...t, children: e });
|
|
871
|
-
},
|
|
875
|
+
}, va = /* @__PURE__ */ new Set(), K = (e, ...t) => {
|
|
872
876
|
for (const n of t) if (n !== void 0) return n;
|
|
873
|
-
return process.env.NODE_ENV !== "production" && !
|
|
877
|
+
return process.env.NODE_ENV !== "production" && !va.has(e) && (va.add(e), console.error(
|
|
874
878
|
`[hanui] Eksik metin: ${e}. Prop olarak geçin ya da <HanuiProvider labels={…}> içinde bir kez tanımlayın. Metinsiz bırakılan öğe ekran okuyucuda adsız kalır.`
|
|
875
879
|
)), "";
|
|
876
|
-
}, st = (e, t, ...n) => t ? t(...n) : K(e),
|
|
877
|
-
spinner:
|
|
880
|
+
}, st = (e, t, ...n) => t ? t(...n) : K(e), Dn = "hanui-spinner-7pXwf", In = "hanui-spinner__label-sZvSq", Gt = {
|
|
881
|
+
spinner: Dn,
|
|
878
882
|
"hanui-spin": "hanui-hanui-spin-wTV0a",
|
|
879
|
-
spinner__label:
|
|
883
|
+
spinner__label: In,
|
|
880
884
|
"spinner--sm": "hanui-spinner--sm-uI0wH",
|
|
881
885
|
"spinner--md": "hanui-spinner--md--VmFK",
|
|
882
886
|
"spinner--lg": "hanui-spinner--lg-K9k-Z"
|
|
883
|
-
},
|
|
887
|
+
}, Tn = ({ size: e = "md", label: t, className: n }) => {
|
|
884
888
|
const { labels: r } = j();
|
|
885
889
|
return /* @__PURE__ */ a("span", { className: f(Gt.spinner, Gt[`spinner--${e}`], n), role: "status", children: /* @__PURE__ */ a("span", { className: Gt.spinner__label, children: t ?? K("Spinner.label", r == null ? void 0 : r.loading) }) });
|
|
886
|
-
},
|
|
887
|
-
button:
|
|
888
|
-
button__icon:
|
|
889
|
-
button__spinner:
|
|
890
|
-
button__label:
|
|
890
|
+
}, Ka = /* @__PURE__ */ I(Tn), Cn = "hanui-button-SRu4R", En = "hanui-button__icon-giom6", Ln = "hanui-button__spinner-vexVG", Sn = "hanui-button__label-qiMHm", ke = {
|
|
891
|
+
button: Cn,
|
|
892
|
+
button__icon: En,
|
|
893
|
+
button__spinner: Ln,
|
|
894
|
+
button__label: Sn,
|
|
891
895
|
"button--full": "hanui-button--full-CwPHR",
|
|
892
896
|
"button--loading": "hanui-button--loading-O-naJ",
|
|
893
897
|
"button--small": "hanui-button--small-TF9Hz",
|
|
@@ -901,7 +905,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
901
905
|
"button--light": "hanui-button--light-YzEPs",
|
|
902
906
|
"button--ghost": "hanui-button--ghost-rijnZ",
|
|
903
907
|
"button--danger": "hanui-button--danger-TNGd2"
|
|
904
|
-
},
|
|
908
|
+
}, Rn = /* @__PURE__ */ ye(
|
|
905
909
|
({
|
|
906
910
|
variant: e = Le.PRIMARY,
|
|
907
911
|
size: t = Ze.MEDIUM,
|
|
@@ -910,11 +914,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
910
914
|
startIcon: i,
|
|
911
915
|
endIcon: s,
|
|
912
916
|
className: o,
|
|
913
|
-
children:
|
|
917
|
+
children: d,
|
|
914
918
|
disabled: u,
|
|
915
|
-
href:
|
|
919
|
+
href: l,
|
|
916
920
|
isExternal: c,
|
|
917
|
-
linkProps:
|
|
921
|
+
linkProps: _,
|
|
918
922
|
testId: h,
|
|
919
923
|
...m
|
|
920
924
|
}, w) => {
|
|
@@ -926,15 +930,15 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
926
930
|
n && ke["button--loading"],
|
|
927
931
|
o
|
|
928
932
|
), p = /* @__PURE__ */ g(me, { children: [
|
|
929
|
-
n && /* @__PURE__ */ a(
|
|
933
|
+
n && /* @__PURE__ */ a(Ka, { size: "sm", className: ke.button__spinner, label: "" }),
|
|
930
934
|
!n && i && /* @__PURE__ */ a("span", { className: ke.button__icon, children: i }),
|
|
931
|
-
/* @__PURE__ */ a("span", { className: ke.button__label, children:
|
|
935
|
+
/* @__PURE__ */ a("span", { className: ke.button__label, children: d }),
|
|
932
936
|
s && /* @__PURE__ */ a("span", { className: ke.button__icon, children: s })
|
|
933
937
|
] });
|
|
934
|
-
return
|
|
938
|
+
return l && c ? /* @__PURE__ */ a(
|
|
935
939
|
"a",
|
|
936
940
|
{
|
|
937
|
-
href:
|
|
941
|
+
href: l,
|
|
938
942
|
className: b,
|
|
939
943
|
target: "_blank",
|
|
940
944
|
rel: "noopener noreferrer",
|
|
@@ -942,7 +946,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
942
946
|
"data-testid": h,
|
|
943
947
|
children: p
|
|
944
948
|
}
|
|
945
|
-
) :
|
|
949
|
+
) : l ? /* @__PURE__ */ a(we, { href: l, className: b, "data-testid": h, ..._, children: p }) : /* @__PURE__ */ a(
|
|
946
950
|
"button",
|
|
947
951
|
{
|
|
948
952
|
ref: w,
|
|
@@ -955,8 +959,8 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
955
959
|
}
|
|
956
960
|
);
|
|
957
961
|
}
|
|
958
|
-
), It = /* @__PURE__ */ I(/* @__PURE__ */ M(
|
|
959
|
-
iconButton:
|
|
962
|
+
), It = /* @__PURE__ */ I(/* @__PURE__ */ M(Rn, "Button")), An = "hanui-iconButton-JdtwM", Xt = {
|
|
963
|
+
iconButton: An,
|
|
960
964
|
"iconButton--sm": "hanui-iconButton--sm-wE6zE",
|
|
961
965
|
"iconButton--md": "hanui-iconButton--md-iTNNS",
|
|
962
966
|
"iconButton--ghost": "hanui-iconButton--ghost-w-8K3",
|
|
@@ -964,7 +968,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
964
968
|
"iconButton--solid": "hanui-iconButton--solid-NUszP",
|
|
965
969
|
"iconButton--cart": "hanui-iconButton--cart-nVsH-",
|
|
966
970
|
"iconButton--danger": "hanui-iconButton--danger-xKkEA"
|
|
967
|
-
},
|
|
971
|
+
}, Mn = /* @__PURE__ */ ye(
|
|
968
972
|
({
|
|
969
973
|
icon: e,
|
|
970
974
|
label: t,
|
|
@@ -973,25 +977,25 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
973
977
|
className: i,
|
|
974
978
|
type: s = "button",
|
|
975
979
|
href: o,
|
|
976
|
-
linkProps:
|
|
980
|
+
linkProps: d,
|
|
977
981
|
testId: u,
|
|
978
|
-
...
|
|
982
|
+
...l
|
|
979
983
|
}, c) => {
|
|
980
|
-
const
|
|
984
|
+
const _ = f(
|
|
981
985
|
Xt.iconButton,
|
|
982
986
|
Xt[`iconButton--${n}`],
|
|
983
987
|
Xt[`iconButton--${r}`],
|
|
984
988
|
i
|
|
985
989
|
);
|
|
986
990
|
return o ? /* @__PURE__ */ a(
|
|
987
|
-
|
|
991
|
+
we,
|
|
988
992
|
{
|
|
989
993
|
href: o,
|
|
990
|
-
className:
|
|
994
|
+
className: _,
|
|
991
995
|
"aria-label": t,
|
|
992
|
-
title:
|
|
996
|
+
title: l.title ?? t,
|
|
993
997
|
"data-testid": u,
|
|
994
|
-
...
|
|
998
|
+
...d,
|
|
995
999
|
children: e
|
|
996
1000
|
}
|
|
997
1001
|
) : /* @__PURE__ */ a(
|
|
@@ -999,26 +1003,26 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
999
1003
|
{
|
|
1000
1004
|
ref: c,
|
|
1001
1005
|
type: s,
|
|
1002
|
-
className:
|
|
1006
|
+
className: _,
|
|
1003
1007
|
"aria-label": t,
|
|
1004
1008
|
title: t,
|
|
1005
1009
|
"data-testid": u,
|
|
1006
|
-
...
|
|
1010
|
+
...l,
|
|
1007
1011
|
children: e
|
|
1008
1012
|
}
|
|
1009
1013
|
);
|
|
1010
1014
|
}
|
|
1011
1015
|
), Se = /* @__PURE__ */ I(
|
|
1012
|
-
/* @__PURE__ */ M(
|
|
1013
|
-
),
|
|
1014
|
-
link:
|
|
1015
|
-
link__label:
|
|
1016
|
-
link__arrow:
|
|
1016
|
+
/* @__PURE__ */ M(Mn, "IconButton")
|
|
1017
|
+
), Bn = "hanui-link-WBmXY", Fn = "hanui-link__label--OEu-", Pn = "hanui-link__arrow-JKXm-", mt = {
|
|
1018
|
+
link: Bn,
|
|
1019
|
+
link__label: Fn,
|
|
1020
|
+
link__arrow: Pn,
|
|
1017
1021
|
"link--sm": "hanui-link--sm-a-3Dz",
|
|
1018
1022
|
"link--md": "hanui-link--md-lZdYP",
|
|
1019
1023
|
"link--brand": "hanui-link--brand-vr8sW",
|
|
1020
1024
|
"link--muted": "hanui-link--muted-EeN6l"
|
|
1021
|
-
},
|
|
1025
|
+
}, On = ({
|
|
1022
1026
|
href: e,
|
|
1023
1027
|
children: t,
|
|
1024
1028
|
hasArrow: n,
|
|
@@ -1026,23 +1030,23 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1026
1030
|
size: i = "md",
|
|
1027
1031
|
className: s,
|
|
1028
1032
|
linkProps: o,
|
|
1029
|
-
...
|
|
1033
|
+
...d
|
|
1030
1034
|
}) => /* @__PURE__ */ g(
|
|
1031
|
-
|
|
1035
|
+
we,
|
|
1032
1036
|
{
|
|
1033
1037
|
href: e,
|
|
1034
1038
|
className: f(mt.link, mt[`link--${r}`], mt[`link--${i}`], s),
|
|
1035
1039
|
...o,
|
|
1036
|
-
...
|
|
1040
|
+
...d,
|
|
1037
1041
|
children: [
|
|
1038
1042
|
/* @__PURE__ */ a("span", { className: mt.link__label, children: t }),
|
|
1039
|
-
n && /* @__PURE__ */ a(
|
|
1043
|
+
n && /* @__PURE__ */ a(Za, { "aria-hidden": !0, className: mt.link__arrow })
|
|
1040
1044
|
]
|
|
1041
1045
|
}
|
|
1042
|
-
),
|
|
1043
|
-
tooltip:
|
|
1044
|
-
tooltip__trigger:
|
|
1045
|
-
bubble:
|
|
1046
|
+
), X_ = /* @__PURE__ */ I(On), zn = "hanui-tooltip-RG1g1", Hn = "hanui-tooltip__trigger-nWZtO", Kn = "hanui-bubble-bcBNk", Et = {
|
|
1047
|
+
tooltip: zn,
|
|
1048
|
+
tooltip__trigger: Hn,
|
|
1049
|
+
bubble: Kn,
|
|
1046
1050
|
"bubble--top": "hanui-bubble--top-uWSZy",
|
|
1047
1051
|
"hanui-fade-in-up": "hanui-hanui-fade-in-up-Fwj3A",
|
|
1048
1052
|
"bubble--bottom": "hanui-bubble--bottom-jKokL",
|
|
@@ -1050,21 +1054,21 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1050
1054
|
"bubble--left": "hanui-bubble--left-WK4EM",
|
|
1051
1055
|
"bubble--right": "hanui-bubble--right-EQjUT",
|
|
1052
1056
|
"hanui-fade-in": "hanui-hanui-fade-in-wwrDx"
|
|
1053
|
-
},
|
|
1054
|
-
const [o,
|
|
1055
|
-
side:
|
|
1057
|
+
}, Un = 120, qn = 500, jn = ({ content: e, children: t, side: n, position: r, openDelay: i = 300, className: s }) => {
|
|
1058
|
+
const [o, d] = O(!1), u = W(), l = n ?? r ?? "top", c = L(null), _ = L(null), h = L(0), m = L(0), w = na(c, _, {
|
|
1059
|
+
side: l,
|
|
1056
1060
|
align: "center",
|
|
1057
1061
|
isOpen: o
|
|
1058
1062
|
}), b = z(() => {
|
|
1059
1063
|
h.current && window.clearTimeout(h.current), h.current = 0;
|
|
1060
1064
|
}, []), p = z(
|
|
1061
1065
|
(y) => {
|
|
1062
|
-
b(), h.current = window.setTimeout(() =>
|
|
1066
|
+
b(), h.current = window.setTimeout(() => d(!0), y);
|
|
1063
1067
|
},
|
|
1064
1068
|
[b]
|
|
1065
1069
|
), v = z(
|
|
1066
|
-
(y =
|
|
1067
|
-
b(), h.current = window.setTimeout(() =>
|
|
1070
|
+
(y = Un) => {
|
|
1071
|
+
b(), h.current = window.setTimeout(() => d(!1), y);
|
|
1068
1072
|
},
|
|
1069
1073
|
[b]
|
|
1070
1074
|
);
|
|
@@ -1085,7 +1089,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1085
1089
|
const D = () => {
|
|
1086
1090
|
m.current && window.clearTimeout(m.current), m.current = 0;
|
|
1087
1091
|
}, N = (y) => {
|
|
1088
|
-
y.pointerType !== "mouse" && (m.current = window.setTimeout(() =>
|
|
1092
|
+
y.pointerType !== "mouse" && (m.current = window.setTimeout(() => d(!0), qn));
|
|
1089
1093
|
};
|
|
1090
1094
|
return /* @__PURE__ */ g(me, { children: [
|
|
1091
1095
|
/* @__PURE__ */ a(
|
|
@@ -1112,7 +1116,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1112
1116
|
/* @__PURE__ */ a(
|
|
1113
1117
|
"span",
|
|
1114
1118
|
{
|
|
1115
|
-
ref:
|
|
1119
|
+
ref: _,
|
|
1116
1120
|
id: u,
|
|
1117
1121
|
role: "tooltip",
|
|
1118
1122
|
className: f(Et.bubble, Et[`bubble--${w.side}`]),
|
|
@@ -1130,8 +1134,8 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1130
1134
|
document.body
|
|
1131
1135
|
)
|
|
1132
1136
|
] });
|
|
1133
|
-
},
|
|
1134
|
-
menu:
|
|
1137
|
+
}, Q_ = /* @__PURE__ */ I(/* @__PURE__ */ M(jn, "Tooltip")), Yn = "hanui-menu-1x-FU", Gn = "hanui-menu__item-d1iil", Xn = "hanui-menu__icon-kzLV2", bt = {
|
|
1138
|
+
menu: Yn,
|
|
1135
1139
|
"menu--top": "hanui-menu--top-gpo39",
|
|
1136
1140
|
"hanui-fade-in-up": "hanui-hanui-fade-in-up-7YdDa",
|
|
1137
1141
|
"menu--bottom": "hanui-menu--bottom-6sL7b",
|
|
@@ -1139,10 +1143,10 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1139
1143
|
"menu--left": "hanui-menu--left-4w-O8",
|
|
1140
1144
|
"menu--right": "hanui-menu--right-XmM8G",
|
|
1141
1145
|
"hanui-fade-in": "hanui-hanui-fade-in-vivgk",
|
|
1142
|
-
menu__item:
|
|
1146
|
+
menu__item: Gn,
|
|
1143
1147
|
"menu__item--danger": "hanui-menu__item--danger-lIINY",
|
|
1144
|
-
menu__icon:
|
|
1145
|
-
},
|
|
1148
|
+
menu__icon: Xn
|
|
1149
|
+
}, Qn = (e) => e.map((t, n) => t.isDisabled ? -1 : n).filter((t) => t >= 0), Jn = ({
|
|
1146
1150
|
trigger: e,
|
|
1147
1151
|
items: t,
|
|
1148
1152
|
label: n,
|
|
@@ -1151,7 +1155,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1151
1155
|
className: s,
|
|
1152
1156
|
testId: o
|
|
1153
1157
|
}) => {
|
|
1154
|
-
const
|
|
1158
|
+
const d = W(), u = L(null), l = L(null), c = L(null), _ = L({ text: "", at: 0 }), [h, m] = O(!1), [w, b] = O(0), p = na(u, l, { side: r, align: i, isOpen: h }), v = Qn(t), D = z(
|
|
1155
1159
|
(k) => {
|
|
1156
1160
|
v.length !== 0 && (c.current = _t(), b(k === "first" ? v[0] : v[v.length - 1]), m(!0));
|
|
1157
1161
|
},
|
|
@@ -1162,13 +1166,13 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1162
1166
|
}, []);
|
|
1163
1167
|
A(() => {
|
|
1164
1168
|
var k, B;
|
|
1165
|
-
h && ((B = (k =
|
|
1169
|
+
h && ((B = (k = l.current) == null ? void 0 : k.querySelector(`[data-index="${w}"]`)) == null || B.focus({ preventScroll: !0 }));
|
|
1166
1170
|
}, [h, w]), A(() => {
|
|
1167
1171
|
if (!h) return;
|
|
1168
1172
|
const k = (B) => {
|
|
1169
1173
|
var Y, Z;
|
|
1170
1174
|
const q = B.target;
|
|
1171
|
-
(Y =
|
|
1175
|
+
(Y = l.current) != null && Y.contains(q) || (Z = u.current) != null && Z.contains(q) || N();
|
|
1172
1176
|
};
|
|
1173
1177
|
return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
|
|
1174
1178
|
}, [h, N]);
|
|
@@ -1176,8 +1180,8 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1176
1180
|
const q = (v.indexOf(w) + k + v.length) % v.length;
|
|
1177
1181
|
b(v[q]);
|
|
1178
1182
|
}, $ = (k) => {
|
|
1179
|
-
const B = Date.now(), q = B -
|
|
1180
|
-
|
|
1183
|
+
const B = Date.now(), q = B - _.current.at > 500 ? k : _.current.text + k;
|
|
1184
|
+
_.current = { text: q, at: B };
|
|
1181
1185
|
const Y = v.find(
|
|
1182
1186
|
(Z) => t[Z].label.toLocaleLowerCase("tr").startsWith(q.toLocaleLowerCase("tr"))
|
|
1183
1187
|
);
|
|
@@ -1212,12 +1216,12 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1212
1216
|
}
|
|
1213
1217
|
["ArrowDown", "Enter", " "].includes(k.key) && (k.preventDefault(), D("first"));
|
|
1214
1218
|
};
|
|
1215
|
-
if (
|
|
1216
|
-
const S = e.props, T =
|
|
1219
|
+
if (!$a(e)) return null;
|
|
1220
|
+
const S = e.props, T = Da(e, {
|
|
1217
1221
|
ref: u,
|
|
1218
1222
|
"aria-haspopup": "menu",
|
|
1219
1223
|
"aria-expanded": h,
|
|
1220
|
-
"aria-controls": h ?
|
|
1224
|
+
"aria-controls": h ? d : void 0,
|
|
1221
1225
|
onClick: (k) => {
|
|
1222
1226
|
var B;
|
|
1223
1227
|
(B = S.onClick) == null || B.call(S, k), h ? N() : D("first");
|
|
@@ -1233,8 +1237,8 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1233
1237
|
/* @__PURE__ */ a(
|
|
1234
1238
|
"div",
|
|
1235
1239
|
{
|
|
1236
|
-
ref:
|
|
1237
|
-
id:
|
|
1240
|
+
ref: l,
|
|
1241
|
+
id: d,
|
|
1238
1242
|
role: "menu",
|
|
1239
1243
|
"aria-label": n,
|
|
1240
1244
|
className: f(bt.menu, bt[`menu--${p.side}`], s),
|
|
@@ -1269,8 +1273,8 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1269
1273
|
document.body
|
|
1270
1274
|
)
|
|
1271
1275
|
] });
|
|
1272
|
-
},
|
|
1273
|
-
popover:
|
|
1276
|
+
}, J_ = /* @__PURE__ */ I(/* @__PURE__ */ M(Jn, "Menu")), Wn = "hanui-popover-VxgiK", ya = {
|
|
1277
|
+
popover: Wn,
|
|
1274
1278
|
"popover--top": "hanui-popover--top-OUYwo",
|
|
1275
1279
|
"hanui-fade-in-up": "hanui-hanui-fade-in-up-it2wl",
|
|
1276
1280
|
"popover--bottom": "hanui-popover--bottom-Q1K4X",
|
|
@@ -1278,7 +1282,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1278
1282
|
"popover--left": "hanui-popover--left-9Rsjx",
|
|
1279
1283
|
"popover--right": "hanui-popover--right-0TJeo",
|
|
1280
1284
|
"hanui-fade-in": "hanui-hanui-fade-in-zsza4"
|
|
1281
|
-
},
|
|
1285
|
+
}, Zn = ({
|
|
1282
1286
|
trigger: e,
|
|
1283
1287
|
children: t,
|
|
1284
1288
|
label: n,
|
|
@@ -1286,10 +1290,10 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1286
1290
|
align: i = "start",
|
|
1287
1291
|
isOpen: s,
|
|
1288
1292
|
onOpenChange: o,
|
|
1289
|
-
className:
|
|
1293
|
+
className: d,
|
|
1290
1294
|
testId: u
|
|
1291
1295
|
}) => {
|
|
1292
|
-
const
|
|
1296
|
+
const l = W(), c = L(null), _ = L(null), h = L(null), [m, w] = O(!1), b = s !== void 0, p = b ? s : m, v = na(c, _, { side: r, align: i, isOpen: p }), D = z(
|
|
1293
1297
|
($) => {
|
|
1294
1298
|
b || w($), o == null || o($);
|
|
1295
1299
|
},
|
|
@@ -1298,7 +1302,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1298
1302
|
if (A(() => {
|
|
1299
1303
|
if (!p) return;
|
|
1300
1304
|
h.current = _t();
|
|
1301
|
-
const $ =
|
|
1305
|
+
const $ = _.current;
|
|
1302
1306
|
return $ && zt($), () => {
|
|
1303
1307
|
var x;
|
|
1304
1308
|
(x = h.current) == null || x.call(h), h.current = null;
|
|
@@ -1310,17 +1314,17 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1310
1314
|
}, x = (C) => {
|
|
1311
1315
|
var T, k;
|
|
1312
1316
|
const S = C.target;
|
|
1313
|
-
(T =
|
|
1317
|
+
(T = _.current) != null && T.contains(S) || (k = c.current) != null && k.contains(S) || D(!1);
|
|
1314
1318
|
};
|
|
1315
1319
|
return document.addEventListener("keydown", $), document.addEventListener("mousedown", x), () => {
|
|
1316
1320
|
document.removeEventListener("keydown", $), document.removeEventListener("mousedown", x);
|
|
1317
1321
|
};
|
|
1318
|
-
}, [p, D]),
|
|
1319
|
-
const N = e.props, y =
|
|
1322
|
+
}, [p, D]), !$a(e)) return null;
|
|
1323
|
+
const N = e.props, y = Da(e, {
|
|
1320
1324
|
ref: c,
|
|
1321
1325
|
"aria-expanded": p,
|
|
1322
1326
|
"aria-haspopup": "dialog",
|
|
1323
|
-
"aria-controls": p ?
|
|
1327
|
+
"aria-controls": p ? l : void 0,
|
|
1324
1328
|
onClick: ($) => {
|
|
1325
1329
|
var x;
|
|
1326
1330
|
(x = N.onClick) == null || x.call(N, $), D(!p);
|
|
@@ -1332,11 +1336,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1332
1336
|
/* @__PURE__ */ a(
|
|
1333
1337
|
"div",
|
|
1334
1338
|
{
|
|
1335
|
-
ref:
|
|
1336
|
-
id:
|
|
1339
|
+
ref: _,
|
|
1340
|
+
id: l,
|
|
1337
1341
|
role: "dialog",
|
|
1338
1342
|
"aria-label": n,
|
|
1339
|
-
className: f(
|
|
1343
|
+
className: f(ya.popover, ya[`popover--${v.side}`], d),
|
|
1340
1344
|
style: {
|
|
1341
1345
|
...v.style,
|
|
1342
1346
|
visibility: v.isPositioned ? "visible" : "hidden"
|
|
@@ -1352,16 +1356,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1352
1356
|
document.body
|
|
1353
1357
|
)
|
|
1354
1358
|
] });
|
|
1355
|
-
},
|
|
1356
|
-
chip:
|
|
1357
|
-
chip__icon:
|
|
1358
|
-
chip__label:
|
|
1359
|
-
chip__count:
|
|
1359
|
+
}, W_ = /* @__PURE__ */ I(/* @__PURE__ */ M(Zn, "Popover")), Vn = "hanui-chip--NLgU", er = "hanui-chip__icon-IjjSb", tr = "hanui-chip__label-cT4hw", ar = "hanui-chip__count-MBGO3", Re = {
|
|
1360
|
+
chip: Vn,
|
|
1361
|
+
chip__icon: er,
|
|
1362
|
+
chip__label: tr,
|
|
1363
|
+
chip__count: ar,
|
|
1360
1364
|
"chip--sm": "hanui-chip--sm-60H-S",
|
|
1361
1365
|
"chip--md": "hanui-chip--md--yAlm",
|
|
1362
1366
|
"chip--iconOnly": "hanui-chip--iconOnly-5LT1h",
|
|
1363
1367
|
"chip--selected": "hanui-chip--selected-FdpCr"
|
|
1364
|
-
},
|
|
1368
|
+
}, nr = /* @__PURE__ */ ye(
|
|
1365
1369
|
({
|
|
1366
1370
|
children: e,
|
|
1367
1371
|
icon: t,
|
|
@@ -1370,11 +1374,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1370
1374
|
isSelected: i,
|
|
1371
1375
|
size: s = "md",
|
|
1372
1376
|
label: o,
|
|
1373
|
-
href:
|
|
1377
|
+
href: d,
|
|
1374
1378
|
linkProps: u,
|
|
1375
|
-
className:
|
|
1379
|
+
className: l,
|
|
1376
1380
|
type: c = "button",
|
|
1377
|
-
role:
|
|
1381
|
+
role: _,
|
|
1378
1382
|
testId: h,
|
|
1379
1383
|
...m
|
|
1380
1384
|
}, w) => {
|
|
@@ -1383,17 +1387,17 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1383
1387
|
Re[`chip--${s}`],
|
|
1384
1388
|
i && Re["chip--selected"],
|
|
1385
1389
|
!e && Re["chip--iconOnly"],
|
|
1386
|
-
|
|
1390
|
+
l
|
|
1387
1391
|
), p = /* @__PURE__ */ g(me, { children: [
|
|
1388
1392
|
t && /* @__PURE__ */ a("span", { className: Re.chip__icon, "aria-hidden": !0, children: t }),
|
|
1389
1393
|
e && /* @__PURE__ */ a("span", { className: Re.chip__label, children: e }),
|
|
1390
1394
|
lt(r) && /* @__PURE__ */ a("span", { className: Re.chip__count, children: r }),
|
|
1391
1395
|
n && /* @__PURE__ */ a("span", { className: Re.chip__icon, "aria-hidden": !0, children: n })
|
|
1392
1396
|
] });
|
|
1393
|
-
return
|
|
1394
|
-
|
|
1397
|
+
return d ? /* @__PURE__ */ a(
|
|
1398
|
+
we,
|
|
1395
1399
|
{
|
|
1396
|
-
href:
|
|
1400
|
+
href: d,
|
|
1397
1401
|
className: b,
|
|
1398
1402
|
"aria-label": e ? void 0 : o,
|
|
1399
1403
|
"aria-current": i ? "page" : void 0,
|
|
@@ -1407,21 +1411,21 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1407
1411
|
{
|
|
1408
1412
|
ref: w,
|
|
1409
1413
|
type: c,
|
|
1410
|
-
role:
|
|
1414
|
+
role: _,
|
|
1411
1415
|
className: b,
|
|
1412
1416
|
"aria-label": e ? void 0 : o,
|
|
1413
1417
|
title: e ? void 0 : o,
|
|
1414
1418
|
"data-testid": h,
|
|
1415
|
-
...
|
|
1419
|
+
..._ === "radio" ? { "aria-checked": !!i } : { "aria-pressed": !!i },
|
|
1416
1420
|
...m,
|
|
1417
1421
|
children: p
|
|
1418
1422
|
}
|
|
1419
1423
|
);
|
|
1420
1424
|
}
|
|
1421
|
-
),
|
|
1422
|
-
group:
|
|
1425
|
+
), rr = /* @__PURE__ */ I(/* @__PURE__ */ M(nr, "Chip")), or = "hanui-group-0tnVf", wa = {
|
|
1426
|
+
group: or,
|
|
1423
1427
|
"group--scrollable": "hanui-group--scrollable-PMu6V"
|
|
1424
|
-
},
|
|
1428
|
+
}, ir = ({
|
|
1425
1429
|
options: e,
|
|
1426
1430
|
label: t,
|
|
1427
1431
|
size: n = "md",
|
|
@@ -1429,15 +1433,15 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1429
1433
|
className: i,
|
|
1430
1434
|
...s
|
|
1431
1435
|
}) => {
|
|
1432
|
-
var
|
|
1433
|
-
const o = L(null),
|
|
1436
|
+
var _;
|
|
1437
|
+
const o = L(null), d = (h) => s.isMultiple ? s.value.includes(h) : s.value === h, u = (h) => {
|
|
1434
1438
|
if (s.isMultiple) {
|
|
1435
1439
|
const m = s.value.includes(h) ? s.value.filter((w) => w !== h) : [...s.value, h];
|
|
1436
1440
|
s.onChange(m);
|
|
1437
1441
|
return;
|
|
1438
1442
|
}
|
|
1439
1443
|
s.onChange(s.value === h ? null : h);
|
|
1440
|
-
},
|
|
1444
|
+
}, l = (h) => {
|
|
1441
1445
|
var v, D;
|
|
1442
1446
|
if (s.isMultiple) return;
|
|
1443
1447
|
const m = h.key === "ArrowRight" || h.key === "ArrowDown" ? 1 : h.key === "ArrowLeft" || h.key === "ArrowUp" ? -1 : 0;
|
|
@@ -1447,22 +1451,22 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1447
1451
|
if (w.length === 0) return;
|
|
1448
1452
|
const b = w.findIndex((N) => N.value === s.value), p = w[(b + m + w.length) % w.length];
|
|
1449
1453
|
s.onChange(p.value), (D = (v = o.current) == null ? void 0 : v.querySelector(`[data-chip-value="${p.value}"]`)) == null || D.focus();
|
|
1450
|
-
}, c = s.isMultiple ? null : s.value ?? ((
|
|
1454
|
+
}, c = s.isMultiple ? null : s.value ?? ((_ = e.find((h) => !h.isDisabled)) == null ? void 0 : _.value) ?? null;
|
|
1451
1455
|
return /* @__PURE__ */ a(
|
|
1452
1456
|
"div",
|
|
1453
1457
|
{
|
|
1454
1458
|
ref: o,
|
|
1455
|
-
className: f(
|
|
1459
|
+
className: f(wa.group, r && wa["group--scrollable"], i),
|
|
1456
1460
|
role: s.isMultiple ? "group" : "radiogroup",
|
|
1457
1461
|
"aria-label": t,
|
|
1458
|
-
onKeyDown:
|
|
1462
|
+
onKeyDown: l,
|
|
1459
1463
|
children: e.map((h) => /* @__PURE__ */ a(
|
|
1460
|
-
|
|
1464
|
+
rr,
|
|
1461
1465
|
{
|
|
1462
1466
|
size: n,
|
|
1463
1467
|
icon: h.icon,
|
|
1464
1468
|
count: h.count,
|
|
1465
|
-
isSelected:
|
|
1469
|
+
isSelected: d(h.value),
|
|
1466
1470
|
disabled: h.isDisabled,
|
|
1467
1471
|
role: s.isMultiple ? void 0 : "radio",
|
|
1468
1472
|
tabIndex: s.isMultiple || h.value === c ? 0 : -1,
|
|
@@ -1474,36 +1478,36 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1474
1478
|
))
|
|
1475
1479
|
}
|
|
1476
1480
|
);
|
|
1477
|
-
},
|
|
1478
|
-
sheet:
|
|
1479
|
-
sheet__header:
|
|
1480
|
-
sheet__title:
|
|
1481
|
-
sheet__toolbar:
|
|
1482
|
-
sheet__body:
|
|
1483
|
-
sheet__footer:
|
|
1484
|
-
},
|
|
1481
|
+
}, Z_ = /* @__PURE__ */ I(ir), sr = "hanui-sheet-GEvdE", cr = "hanui-sheet__header-NJgw-", lr = "hanui-sheet__title-f-b07", dr = "hanui-sheet__toolbar-eyhmW", _r = "hanui-sheet__body-eJ2KB", ur = "hanui-sheet__footer-NpsY5", Ke = {
|
|
1482
|
+
sheet: sr,
|
|
1483
|
+
sheet__header: cr,
|
|
1484
|
+
sheet__title: lr,
|
|
1485
|
+
sheet__toolbar: dr,
|
|
1486
|
+
sheet__body: _r,
|
|
1487
|
+
sheet__footer: ur
|
|
1488
|
+
}, hr = ({
|
|
1485
1489
|
title: e,
|
|
1486
1490
|
closeLabel: t,
|
|
1487
1491
|
onClose: n,
|
|
1488
1492
|
children: r,
|
|
1489
1493
|
toolbar: i,
|
|
1490
1494
|
footer: s,
|
|
1491
|
-
closeAbove: o =
|
|
1492
|
-
className:
|
|
1495
|
+
closeAbove: o = ra,
|
|
1496
|
+
className: d,
|
|
1493
1497
|
testId: u
|
|
1494
1498
|
}) => {
|
|
1495
|
-
const { labels:
|
|
1496
|
-
|
|
1499
|
+
const { labels: l } = j(), c = W(), _ = L(null);
|
|
1500
|
+
yn(), Ot(), A(() => {
|
|
1497
1501
|
const w = _t(), { token: b, pop: p } = Ht();
|
|
1498
|
-
return
|
|
1499
|
-
p(),
|
|
1502
|
+
return _.current = b, () => {
|
|
1503
|
+
p(), _.current = null, w();
|
|
1500
1504
|
};
|
|
1501
1505
|
}, []), A(() => {
|
|
1502
1506
|
const w = window.matchMedia(o);
|
|
1503
1507
|
return w.addEventListener("change", n), () => w.removeEventListener("change", n);
|
|
1504
1508
|
}, [o, n]);
|
|
1505
1509
|
const h = z((w) => {
|
|
1506
|
-
!w || w.open || (w.showModal(), zt(w, `.${Ke.sheet__header} button`),
|
|
1510
|
+
!w || w.open || (w.showModal(), zt(w, `.${Ke.sheet__header} button`), oa(w));
|
|
1507
1511
|
}, []), m = z(
|
|
1508
1512
|
(w) => {
|
|
1509
1513
|
w.target === w.currentTarget && n();
|
|
@@ -1515,11 +1519,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1515
1519
|
"dialog",
|
|
1516
1520
|
{
|
|
1517
1521
|
ref: h,
|
|
1518
|
-
className: f(Ke.sheet,
|
|
1522
|
+
className: f(Ke.sheet, d),
|
|
1519
1523
|
"aria-labelledby": c,
|
|
1520
1524
|
"data-testid": u,
|
|
1521
1525
|
onCancel: (w) => {
|
|
1522
|
-
w.preventDefault(), !(
|
|
1526
|
+
w.preventDefault(), !(_.current && !Kt(_.current)) && n();
|
|
1523
1527
|
},
|
|
1524
1528
|
onClick: m,
|
|
1525
1529
|
children: [
|
|
@@ -1529,7 +1533,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1529
1533
|
Se,
|
|
1530
1534
|
{
|
|
1531
1535
|
icon: /* @__PURE__ */ a(Oe, { "aria-hidden": !0 }),
|
|
1532
|
-
label: K("BottomSheet.closeLabel", t,
|
|
1536
|
+
label: K("BottomSheet.closeLabel", t, l == null ? void 0 : l.close),
|
|
1533
1537
|
variant: "ghost",
|
|
1534
1538
|
size: "sm",
|
|
1535
1539
|
onClick: n
|
|
@@ -1544,34 +1548,34 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1544
1548
|
),
|
|
1545
1549
|
document.body
|
|
1546
1550
|
) : null;
|
|
1547
|
-
},
|
|
1548
|
-
combobox:
|
|
1549
|
-
combobox__trigger:
|
|
1551
|
+
}, Ua = /* @__PURE__ */ I(hr), pr = "hanui-combobox-NtZoV", mr = "hanui-combobox__trigger-2riRR", br = "hanui-combobox__leadingIcon-it2xz", gr = "hanui-combobox__value-acDlr", fr = "hanui-combobox__clear-EXOsc", vr = "hanui-combobox__chevron-g-QzQ", yr = "hanui-combobox__panel-srBxl", wr = "hanui-combobox__search-THjer", xr = "hanui-combobox__searchIcon-vr4Bg", kr = "hanui-combobox__searchInput-JPp5h", Nr = "hanui-combobox__list-p-eCs", $r = "hanui-combobox__option-CLWh-", Dr = "hanui-combobox__optionText-Zm0D6", Ir = "hanui-combobox__optionLabel-WvT4W", Tr = "hanui-combobox__optionDescription-8OEzi", Cr = "hanui-combobox__check-MKlLz", Er = "hanui-combobox__empty-mZwBq", U = {
|
|
1552
|
+
combobox: pr,
|
|
1553
|
+
combobox__trigger: mr,
|
|
1550
1554
|
"combobox__trigger--empty": "hanui-combobox__trigger--empty-RxwCq",
|
|
1551
1555
|
"combobox__trigger--open": "hanui-combobox__trigger--open-rw1ZS",
|
|
1552
1556
|
"combobox__trigger--invalid": "hanui-combobox__trigger--invalid-iZgiN",
|
|
1553
1557
|
"combobox__trigger--clearable": "hanui-combobox__trigger--clearable-shq9I",
|
|
1554
|
-
combobox__leadingIcon:
|
|
1555
|
-
combobox__value:
|
|
1556
|
-
combobox__clear:
|
|
1557
|
-
combobox__chevron:
|
|
1558
|
+
combobox__leadingIcon: br,
|
|
1559
|
+
combobox__value: gr,
|
|
1560
|
+
combobox__clear: fr,
|
|
1561
|
+
combobox__chevron: vr,
|
|
1558
1562
|
"combobox__chevron--open": "hanui-combobox__chevron--open-9kj1j",
|
|
1559
|
-
combobox__panel:
|
|
1560
|
-
combobox__search:
|
|
1561
|
-
combobox__searchIcon:
|
|
1562
|
-
combobox__searchInput:
|
|
1563
|
-
combobox__list:
|
|
1563
|
+
combobox__panel: yr,
|
|
1564
|
+
combobox__search: wr,
|
|
1565
|
+
combobox__searchIcon: xr,
|
|
1566
|
+
combobox__searchInput: kr,
|
|
1567
|
+
combobox__list: Nr,
|
|
1564
1568
|
"combobox__list--sheet": "hanui-combobox__list--sheet-r3MzB",
|
|
1565
|
-
combobox__option:
|
|
1569
|
+
combobox__option: $r,
|
|
1566
1570
|
"combobox__option--active": "hanui-combobox__option--active--75Vq",
|
|
1567
1571
|
"combobox__option--selected": "hanui-combobox__option--selected-DVFGy",
|
|
1568
1572
|
"combobox__option--disabled": "hanui-combobox__option--disabled-e6VjI",
|
|
1569
|
-
combobox__optionText:
|
|
1570
|
-
combobox__optionLabel:
|
|
1571
|
-
combobox__optionDescription:
|
|
1572
|
-
combobox__check:
|
|
1573
|
-
combobox__empty:
|
|
1574
|
-
},
|
|
1573
|
+
combobox__optionText: Dr,
|
|
1574
|
+
combobox__optionLabel: Ir,
|
|
1575
|
+
combobox__optionDescription: Tr,
|
|
1576
|
+
combobox__check: Cr,
|
|
1577
|
+
combobox__empty: Er
|
|
1578
|
+
}, Lr = ({
|
|
1575
1579
|
options: e,
|
|
1576
1580
|
value: t,
|
|
1577
1581
|
onChange: n,
|
|
@@ -1579,11 +1583,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1579
1583
|
isSearchHidden: i,
|
|
1580
1584
|
onSearch: s,
|
|
1581
1585
|
isLoading: o,
|
|
1582
|
-
isDisabled:
|
|
1586
|
+
isDisabled: d,
|
|
1583
1587
|
isClearable: u,
|
|
1584
|
-
icon:
|
|
1588
|
+
icon: l,
|
|
1585
1589
|
id: c,
|
|
1586
|
-
className:
|
|
1590
|
+
className: _,
|
|
1587
1591
|
testId: h,
|
|
1588
1592
|
"aria-describedby": m,
|
|
1589
1593
|
"aria-invalid": w
|
|
@@ -1636,30 +1640,30 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1636
1640
|
}, 300);
|
|
1637
1641
|
return () => window.clearTimeout(F);
|
|
1638
1642
|
}, [k, T]);
|
|
1639
|
-
const
|
|
1643
|
+
const ge = z(() => {
|
|
1640
1644
|
S(null), B("");
|
|
1641
1645
|
}, []), Ut = z(() => {
|
|
1642
|
-
|
|
1643
|
-
}, [
|
|
1646
|
+
d || (S(window.matchMedia(ra).matches ? "popover" : "sheet"), B(""));
|
|
1647
|
+
}, [d]);
|
|
1644
1648
|
A(() => {
|
|
1645
1649
|
if (C !== "popover") return;
|
|
1646
1650
|
const F = (G) => {
|
|
1647
1651
|
var He;
|
|
1648
|
-
(He = y.current) != null && He.contains(G.target) ||
|
|
1652
|
+
(He = y.current) != null && He.contains(G.target) || ge();
|
|
1649
1653
|
};
|
|
1650
1654
|
return document.addEventListener("mousedown", F), () => document.removeEventListener("mousedown", F);
|
|
1651
|
-
}, [C,
|
|
1655
|
+
}, [C, ge]), A(() => {
|
|
1652
1656
|
var F;
|
|
1653
1657
|
C === "popover" && ((F = x.current) == null || F.focus({ preventScroll: !0 }));
|
|
1654
1658
|
}, [C]);
|
|
1655
1659
|
const ut = (F) => {
|
|
1656
|
-
F.isDisabled || (Y(F.label), n(F.value),
|
|
1660
|
+
F.isDisabled || (Y(F.label), n(F.value), ge());
|
|
1657
1661
|
}, ht = L(!1);
|
|
1658
1662
|
A(() => {
|
|
1659
1663
|
var F;
|
|
1660
1664
|
ht.current && !T && ((F = $.current) == null || F.focus()), ht.current = T;
|
|
1661
1665
|
}, [T]);
|
|
1662
|
-
const { activeIndex: H, setActiveIndex: te, listRef: xe, handleKeyDown: pt } =
|
|
1666
|
+
const { activeIndex: H, setActiveIndex: te, listRef: xe, handleKeyDown: pt } = Pa({
|
|
1663
1667
|
count: Z.length,
|
|
1664
1668
|
isOpen: T,
|
|
1665
1669
|
initialIndex: Math.max(
|
|
@@ -1671,11 +1675,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1671
1675
|
G && ut(G);
|
|
1672
1676
|
},
|
|
1673
1677
|
/* Odagi geri vermek kapanisi izleyen etkinin isi (bkz. `wasOpenRef`). */
|
|
1674
|
-
onClose:
|
|
1675
|
-
}),
|
|
1678
|
+
onClose: ge
|
|
1679
|
+
}), Ya = pt, Ga = () => {
|
|
1676
1680
|
n(null), Y(null);
|
|
1677
|
-
},
|
|
1678
|
-
/* @__PURE__ */ a(
|
|
1681
|
+
}, sa = i ? null : /* @__PURE__ */ g("div", { className: U.combobox__search, children: [
|
|
1682
|
+
/* @__PURE__ */ a(Ia, { "aria-hidden": !0, className: U.combobox__searchIcon }),
|
|
1679
1683
|
/* @__PURE__ */ a(
|
|
1680
1684
|
"input",
|
|
1681
1685
|
{
|
|
@@ -1694,11 +1698,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1694
1698
|
onChange: (F) => {
|
|
1695
1699
|
B(F.target.value), te(0);
|
|
1696
1700
|
},
|
|
1697
|
-
onKeyDown:
|
|
1701
|
+
onKeyDown: Ya
|
|
1698
1702
|
}
|
|
1699
1703
|
),
|
|
1700
|
-
o && /* @__PURE__ */ a(
|
|
1701
|
-
] }),
|
|
1704
|
+
o && /* @__PURE__ */ a(Ka, { size: "sm", label: "" })
|
|
1705
|
+
] }), ca = (F) => /* @__PURE__ */ g(
|
|
1702
1706
|
"ul",
|
|
1703
1707
|
{
|
|
1704
1708
|
ref: xe,
|
|
@@ -1707,7 +1711,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1707
1711
|
className: f(U.combobox__list, F && U["combobox__list--sheet"]),
|
|
1708
1712
|
children: [
|
|
1709
1713
|
Z.map((G, He) => {
|
|
1710
|
-
const
|
|
1714
|
+
const Xa = He === H, qt = G.value === t;
|
|
1711
1715
|
return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ g(
|
|
1712
1716
|
"div",
|
|
1713
1717
|
{
|
|
@@ -1718,7 +1722,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1718
1722
|
"aria-disabled": G.isDisabled,
|
|
1719
1723
|
className: f(
|
|
1720
1724
|
U.combobox__option,
|
|
1721
|
-
|
|
1725
|
+
Xa && U["combobox__option--active"],
|
|
1722
1726
|
qt && U["combobox__option--selected"],
|
|
1723
1727
|
G.isDisabled && U["combobox__option--disabled"]
|
|
1724
1728
|
),
|
|
@@ -1738,7 +1742,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1738
1742
|
]
|
|
1739
1743
|
}
|
|
1740
1744
|
);
|
|
1741
|
-
return /* @__PURE__ */ g("div", { ref: y, className: f(U.combobox,
|
|
1745
|
+
return /* @__PURE__ */ g("div", { ref: y, className: f(U.combobox, _), "data-testid": h, children: [
|
|
1742
1746
|
/* @__PURE__ */ g(
|
|
1743
1747
|
"button",
|
|
1744
1748
|
{
|
|
@@ -1750,20 +1754,20 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1750
1754
|
!be && U["combobox__trigger--empty"],
|
|
1751
1755
|
T && U["combobox__trigger--open"],
|
|
1752
1756
|
w && U["combobox__trigger--invalid"],
|
|
1753
|
-
u && be && !
|
|
1757
|
+
u && be && !d && U["combobox__trigger--clearable"]
|
|
1754
1758
|
),
|
|
1755
|
-
disabled:
|
|
1759
|
+
disabled: d,
|
|
1756
1760
|
"aria-haspopup": "listbox",
|
|
1757
1761
|
"aria-expanded": T,
|
|
1758
1762
|
"aria-controls": T ? N : void 0,
|
|
1759
1763
|
"aria-label": r.placeholder,
|
|
1760
1764
|
"aria-describedby": m,
|
|
1761
|
-
onClick: () => T ?
|
|
1765
|
+
onClick: () => T ? ge() : Ut(),
|
|
1762
1766
|
children: [
|
|
1763
|
-
|
|
1767
|
+
l && /* @__PURE__ */ a("span", { className: U.combobox__leadingIcon, "aria-hidden": !0, children: l }),
|
|
1764
1768
|
/* @__PURE__ */ a("span", { className: U.combobox__value, children: be ?? r.placeholder }),
|
|
1765
1769
|
/* @__PURE__ */ a(
|
|
1766
|
-
|
|
1770
|
+
Ta,
|
|
1767
1771
|
{
|
|
1768
1772
|
"aria-hidden": !0,
|
|
1769
1773
|
className: f(U.combobox__chevron, T && U["combobox__chevron--open"])
|
|
@@ -1772,40 +1776,40 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1772
1776
|
]
|
|
1773
1777
|
}
|
|
1774
1778
|
),
|
|
1775
|
-
u && be && !
|
|
1779
|
+
u && be && !d && /* @__PURE__ */ a(
|
|
1776
1780
|
"button",
|
|
1777
1781
|
{
|
|
1778
1782
|
type: "button",
|
|
1779
1783
|
className: U.combobox__clear,
|
|
1780
1784
|
"aria-label": p.clear,
|
|
1781
|
-
onClick:
|
|
1785
|
+
onClick: Ga,
|
|
1782
1786
|
children: /* @__PURE__ */ a(Oe, { "aria-hidden": !0 })
|
|
1783
1787
|
}
|
|
1784
1788
|
),
|
|
1785
1789
|
C === "popover" && /* @__PURE__ */ g("div", { className: U.combobox__panel, children: [
|
|
1786
|
-
|
|
1787
|
-
|
|
1790
|
+
sa,
|
|
1791
|
+
ca(!1)
|
|
1788
1792
|
] }),
|
|
1789
1793
|
C === "sheet" && /* @__PURE__ */ a(
|
|
1790
|
-
|
|
1794
|
+
Ua,
|
|
1791
1795
|
{
|
|
1792
1796
|
title: r.placeholder,
|
|
1793
1797
|
closeLabel: r.closeLabel ?? (b == null ? void 0 : b.close),
|
|
1794
|
-
onClose:
|
|
1795
|
-
toolbar:
|
|
1796
|
-
children:
|
|
1798
|
+
onClose: ge,
|
|
1799
|
+
toolbar: sa ?? void 0,
|
|
1800
|
+
children: ca(!0)
|
|
1797
1801
|
}
|
|
1798
1802
|
)
|
|
1799
1803
|
] });
|
|
1800
|
-
},
|
|
1801
|
-
segmented:
|
|
1804
|
+
}, V_ = /* @__PURE__ */ I(Lr), Sr = "hanui-segmented-qo2Bw", Rr = "hanui-segmented__item-mqRNZ", Ar = "hanui-segmented__icon-C9CT-", Mr = "hanui-segmented__label-NVXBv", tt = {
|
|
1805
|
+
segmented: Sr,
|
|
1802
1806
|
"segmented--sm": "hanui-segmented--sm-7tUry",
|
|
1803
1807
|
"segmented--md": "hanui-segmented--md-PiSqt",
|
|
1804
|
-
segmented__item:
|
|
1808
|
+
segmented__item: Rr,
|
|
1805
1809
|
"segmented__item--selected": "hanui-segmented__item--selected-r7CLj",
|
|
1806
|
-
segmented__icon:
|
|
1807
|
-
segmented__label:
|
|
1808
|
-
},
|
|
1810
|
+
segmented__icon: Ar,
|
|
1811
|
+
segmented__label: Mr
|
|
1812
|
+
}, Br = ({
|
|
1809
1813
|
options: e,
|
|
1810
1814
|
value: t,
|
|
1811
1815
|
onChange: n,
|
|
@@ -1813,16 +1817,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1813
1817
|
isIconOnly: i,
|
|
1814
1818
|
size: s = "md",
|
|
1815
1819
|
className: o,
|
|
1816
|
-
testId:
|
|
1820
|
+
testId: d
|
|
1817
1821
|
}) => {
|
|
1818
|
-
const u = L(null),
|
|
1822
|
+
const u = L(null), l = (c) => {
|
|
1819
1823
|
var b, p;
|
|
1820
|
-
const
|
|
1821
|
-
if (
|
|
1824
|
+
const _ = c.key === "ArrowRight" || c.key === "ArrowDown" ? 1 : c.key === "ArrowLeft" || c.key === "ArrowUp" ? -1 : 0;
|
|
1825
|
+
if (_ === 0) return;
|
|
1822
1826
|
c.preventDefault();
|
|
1823
1827
|
const h = e.filter((v) => !v.isDisabled);
|
|
1824
1828
|
if (h.length === 0) return;
|
|
1825
|
-
const m = h.findIndex((v) => v.value === t), w = h[(m +
|
|
1829
|
+
const m = h.findIndex((v) => v.value === t), w = h[(m + _ + h.length) % h.length];
|
|
1826
1830
|
n(w.value), (p = (b = u.current) == null ? void 0 : b.querySelector(`[data-value="${w.value}"]`)) == null || p.focus({ preventScroll: !0 });
|
|
1827
1831
|
};
|
|
1828
1832
|
return /* @__PURE__ */ a(
|
|
@@ -1832,25 +1836,25 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1832
1836
|
role: "radiogroup",
|
|
1833
1837
|
"aria-label": r,
|
|
1834
1838
|
className: f(tt.segmented, tt[`segmented--${s}`], o),
|
|
1835
|
-
"data-testid":
|
|
1836
|
-
onKeyDown:
|
|
1839
|
+
"data-testid": d,
|
|
1840
|
+
onKeyDown: l,
|
|
1837
1841
|
children: e.map((c) => {
|
|
1838
|
-
const
|
|
1842
|
+
const _ = c.value === t;
|
|
1839
1843
|
return /* @__PURE__ */ g(
|
|
1840
1844
|
"button",
|
|
1841
1845
|
{
|
|
1842
1846
|
type: "button",
|
|
1843
1847
|
role: "radio",
|
|
1844
|
-
"aria-checked":
|
|
1848
|
+
"aria-checked": _,
|
|
1845
1849
|
"aria-label": i ? c.label : void 0,
|
|
1846
1850
|
"data-value": c.value,
|
|
1847
1851
|
disabled: c.isDisabled,
|
|
1848
|
-
tabIndex:
|
|
1852
|
+
tabIndex: _ ? 0 : -1,
|
|
1849
1853
|
className: f(
|
|
1850
1854
|
tt.segmented__item,
|
|
1851
|
-
|
|
1855
|
+
_ && tt["segmented__item--selected"]
|
|
1852
1856
|
),
|
|
1853
|
-
onClick: () => !
|
|
1857
|
+
onClick: () => !_ && n(c.value),
|
|
1854
1858
|
children: [
|
|
1855
1859
|
c.icon && /* @__PURE__ */ a("span", { className: tt.segmented__icon, "aria-hidden": !0, children: c.icon }),
|
|
1856
1860
|
!i && /* @__PURE__ */ a("span", { className: tt.segmented__label, children: c.label })
|
|
@@ -1861,31 +1865,31 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1861
1865
|
})
|
|
1862
1866
|
}
|
|
1863
1867
|
);
|
|
1864
|
-
},
|
|
1865
|
-
/* @__PURE__ */ M(
|
|
1866
|
-
),
|
|
1867
|
-
select:
|
|
1868
|
-
trigger:
|
|
1868
|
+
}, eu = /* @__PURE__ */ I(
|
|
1869
|
+
/* @__PURE__ */ M(Br, "SegmentedControl")
|
|
1870
|
+
), Fr = "hanui-select-tiiPL", Pr = "hanui-trigger-rHQJz", Or = "hanui-trigger__icon-apCcx", zr = "hanui-trigger__value-ioH7K", Hr = "hanui-trigger__chevron-FtsIZ", Kr = "hanui-panel-rGOOd", Ur = "hanui-list-SOKf8", qr = "hanui-option-ZDPef", jr = "hanui-option__label-SsoYB", Yr = "hanui-option__check-8CPSG", Q = {
|
|
1871
|
+
select: Fr,
|
|
1872
|
+
trigger: Pr,
|
|
1869
1873
|
"trigger--empty": "hanui-trigger--empty-cuinb",
|
|
1870
1874
|
"trigger--open": "hanui-trigger--open-1nsvu",
|
|
1871
1875
|
"trigger--sm": "hanui-trigger--sm-Xnu1C",
|
|
1872
|
-
trigger__icon:
|
|
1873
|
-
trigger__value:
|
|
1874
|
-
trigger__chevron:
|
|
1876
|
+
trigger__icon: Or,
|
|
1877
|
+
trigger__value: zr,
|
|
1878
|
+
trigger__chevron: Hr,
|
|
1875
1879
|
"trigger__chevron--open": "hanui-trigger__chevron--open-1P2P-",
|
|
1876
|
-
panel:
|
|
1880
|
+
panel: Kr,
|
|
1877
1881
|
"hanui-fade-in-up": "hanui-hanui-fade-in-up-Lt0Bt",
|
|
1878
1882
|
"panel--start": "hanui-panel--start-Fotwa",
|
|
1879
1883
|
"panel--end": "hanui-panel--end-ClVl2",
|
|
1880
|
-
list:
|
|
1884
|
+
list: Ur,
|
|
1881
1885
|
"list--sheet": "hanui-list--sheet-BIjCb",
|
|
1882
|
-
option:
|
|
1886
|
+
option: qr,
|
|
1883
1887
|
"option--active": "hanui-option--active-R4lLF",
|
|
1884
1888
|
"option--selected": "hanui-option--selected-glQMj",
|
|
1885
1889
|
"option--disabled": "hanui-option--disabled-h4rdd",
|
|
1886
|
-
option__label:
|
|
1887
|
-
option__check:
|
|
1888
|
-
},
|
|
1890
|
+
option__label: jr,
|
|
1891
|
+
option__check: Yr
|
|
1892
|
+
}, Gr = ({
|
|
1889
1893
|
options: e,
|
|
1890
1894
|
value: t,
|
|
1891
1895
|
onChange: n,
|
|
@@ -1893,18 +1897,18 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1893
1897
|
placeholder: i,
|
|
1894
1898
|
closeLabel: s,
|
|
1895
1899
|
icon: o,
|
|
1896
|
-
size:
|
|
1900
|
+
size: d = "md",
|
|
1897
1901
|
align: u = "start",
|
|
1898
|
-
isDisabled:
|
|
1902
|
+
isDisabled: l,
|
|
1899
1903
|
id: c,
|
|
1900
|
-
className:
|
|
1904
|
+
className: _,
|
|
1901
1905
|
testId: h,
|
|
1902
1906
|
"aria-describedby": m,
|
|
1903
1907
|
"aria-invalid": w
|
|
1904
1908
|
}) => {
|
|
1905
1909
|
const { labels: b } = j(), p = K("Select.placeholder", i, b == null ? void 0 : b.selectPlaceholder), v = W(), D = c ?? v, N = `${D}-listbox`, y = (H) => `${D}-option-${H}`, $ = L(null), x = L(null), [C, S] = O(null), T = C !== null, k = e.findIndex((H) => H.value === t), B = k >= 0 ? e[k] : null, q = z(() => S(null), []), Y = z(() => {
|
|
1906
|
-
|
|
1907
|
-
}, [
|
|
1910
|
+
l || e.length === 0 || S(window.matchMedia(ra).matches ? "popover" : "sheet");
|
|
1911
|
+
}, [l, e.length]), Z = (H) => {
|
|
1908
1912
|
H.isDisabled || (n(H.value), q());
|
|
1909
1913
|
}, V = L(!1);
|
|
1910
1914
|
A(() => {
|
|
@@ -1917,11 +1921,8 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1917
1921
|
(xe = $.current) != null && xe.contains(te.target) || q();
|
|
1918
1922
|
};
|
|
1919
1923
|
return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
|
|
1920
|
-
}, [C, q])
|
|
1921
|
-
|
|
1922
|
-
C === "sheet" && ((H = we.current) == null || H.focus({ preventScroll: !0 }));
|
|
1923
|
-
}, [C]);
|
|
1924
|
-
const { activeIndex: be, setActiveIndex: ze, listRef: we, handleKeyDown: Ut } = Fa({
|
|
1924
|
+
}, [C, q]);
|
|
1925
|
+
const { activeIndex: be, setActiveIndex: ze, listRef: ge, handleKeyDown: Ut } = Pa({
|
|
1925
1926
|
count: e.length,
|
|
1926
1927
|
isOpen: T,
|
|
1927
1928
|
initialIndex: k >= 0 ? k : 0,
|
|
@@ -1930,7 +1931,12 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1930
1931
|
te && Z(te);
|
|
1931
1932
|
},
|
|
1932
1933
|
onClose: q
|
|
1933
|
-
})
|
|
1934
|
+
});
|
|
1935
|
+
A(() => {
|
|
1936
|
+
var H;
|
|
1937
|
+
C === "sheet" && ((H = ge.current) == null || H.focus({ preventScroll: !0 }));
|
|
1938
|
+
}, [C, ge]);
|
|
1939
|
+
const ut = (H) => {
|
|
1934
1940
|
if (!T) {
|
|
1935
1941
|
["ArrowDown", "ArrowUp", "Enter", " "].includes(H.key) && (H.preventDefault(), Y());
|
|
1936
1942
|
return;
|
|
@@ -1939,7 +1945,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1939
1945
|
}, ht = (H) => /* @__PURE__ */ a(
|
|
1940
1946
|
"ul",
|
|
1941
1947
|
{
|
|
1942
|
-
ref:
|
|
1948
|
+
ref: ge,
|
|
1943
1949
|
id: N,
|
|
1944
1950
|
role: "listbox",
|
|
1945
1951
|
"aria-label": r,
|
|
@@ -1975,7 +1981,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1975
1981
|
})
|
|
1976
1982
|
}
|
|
1977
1983
|
);
|
|
1978
|
-
return /* @__PURE__ */ g("span", { ref: $, className: f(Q.select,
|
|
1984
|
+
return /* @__PURE__ */ g("span", { ref: $, className: f(Q.select, _), "data-testid": h, children: [
|
|
1979
1985
|
/* @__PURE__ */ g(
|
|
1980
1986
|
"button",
|
|
1981
1987
|
{
|
|
@@ -1985,11 +1991,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
1985
1991
|
role: "combobox",
|
|
1986
1992
|
className: f(
|
|
1987
1993
|
Q.trigger,
|
|
1988
|
-
Q[`trigger--${
|
|
1994
|
+
Q[`trigger--${d}`],
|
|
1989
1995
|
!B && Q["trigger--empty"],
|
|
1990
1996
|
T && Q["trigger--open"]
|
|
1991
1997
|
),
|
|
1992
|
-
disabled:
|
|
1998
|
+
disabled: l,
|
|
1993
1999
|
"aria-haspopup": "listbox",
|
|
1994
2000
|
"aria-expanded": T,
|
|
1995
2001
|
"aria-controls": T ? N : void 0,
|
|
@@ -2003,7 +2009,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2003
2009
|
o && /* @__PURE__ */ a("span", { className: Q.trigger__icon, "aria-hidden": !0, children: o }),
|
|
2004
2010
|
/* @__PURE__ */ a("span", { className: Q.trigger__value, children: (B == null ? void 0 : B.label) ?? p }),
|
|
2005
2011
|
/* @__PURE__ */ a(
|
|
2006
|
-
|
|
2012
|
+
Ta,
|
|
2007
2013
|
{
|
|
2008
2014
|
"aria-hidden": !0,
|
|
2009
2015
|
className: f(Q.trigger__chevron, T && Q["trigger__chevron--open"])
|
|
@@ -2013,15 +2019,15 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2013
2019
|
}
|
|
2014
2020
|
),
|
|
2015
2021
|
C === "popover" && /* @__PURE__ */ a("div", { className: f(Q.panel, Q[`panel--${u}`]), children: ht(!1) }),
|
|
2016
|
-
C === "sheet" && /* @__PURE__ */ a(
|
|
2022
|
+
C === "sheet" && /* @__PURE__ */ a(Ua, { title: r, closeLabel: s ?? (b == null ? void 0 : b.close), onClose: q, children: ht(!0) })
|
|
2017
2023
|
] });
|
|
2018
|
-
},
|
|
2019
|
-
checkbox:
|
|
2020
|
-
checkbox__input:
|
|
2021
|
-
checkbox__body:
|
|
2022
|
-
checkbox__label:
|
|
2023
|
-
checkbox__hint:
|
|
2024
|
-
},
|
|
2024
|
+
}, tu = /* @__PURE__ */ I(Gr), Xr = "hanui-checkbox-FaFCj", Qr = "hanui-checkbox__input-nTHne", Jr = "hanui-checkbox__body-VAEW2", Wr = "hanui-checkbox__label-sSNZY", Zr = "hanui-checkbox__hint-ish-J", gt = {
|
|
2025
|
+
checkbox: Xr,
|
|
2026
|
+
checkbox__input: Qr,
|
|
2027
|
+
checkbox__body: Jr,
|
|
2028
|
+
checkbox__label: Wr,
|
|
2029
|
+
checkbox__hint: Zr
|
|
2030
|
+
}, Vr = /* @__PURE__ */ ye(
|
|
2025
2031
|
({ label: e, hint: t, className: n, testId: r, ...i }, s) => /* @__PURE__ */ g("label", { className: f(gt.checkbox, n), "data-testid": r, children: [
|
|
2026
2032
|
/* @__PURE__ */ a("input", { ref: s, type: "checkbox", className: gt.checkbox__input, ...i }),
|
|
2027
2033
|
/* @__PURE__ */ g("span", { className: gt.checkbox__body, children: [
|
|
@@ -2029,17 +2035,17 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2029
2035
|
t && /* @__PURE__ */ a("span", { className: gt.checkbox__hint, children: t })
|
|
2030
2036
|
] })
|
|
2031
2037
|
] })
|
|
2032
|
-
),
|
|
2038
|
+
), au = /* @__PURE__ */ I(/* @__PURE__ */ M(Vr, "Checkbox")), eo = "hanui-switch__input-Q2UQ4", to = "hanui-switch__label-gPZuO", ao = "hanui-switch__hint-NRuzC", no = "hanui-switch__track-3417m", ro = "hanui-switch__thumb-1LHta", oo = "hanui-switch__text-32uMY", Ae = {
|
|
2033
2039
|
switch: "hanui-switch-KLH29",
|
|
2034
|
-
switch__input:
|
|
2040
|
+
switch__input: eo,
|
|
2035
2041
|
"switch--labelFirst": "hanui-switch--labelFirst-Grirk",
|
|
2036
|
-
switch__label:
|
|
2037
|
-
switch__hint:
|
|
2038
|
-
switch__track:
|
|
2039
|
-
switch__thumb:
|
|
2040
|
-
switch__text:
|
|
2041
|
-
},
|
|
2042
|
-
({ label: e, hint: t, isLabelFirst: n, className: r, id: i, testId: s, ...o },
|
|
2042
|
+
switch__label: to,
|
|
2043
|
+
switch__hint: ao,
|
|
2044
|
+
switch__track: no,
|
|
2045
|
+
switch__thumb: ro,
|
|
2046
|
+
switch__text: oo
|
|
2047
|
+
}, io = ye(
|
|
2048
|
+
({ label: e, hint: t, isLabelFirst: n, className: r, id: i, testId: s, ...o }, d) => /* @__PURE__ */ g(
|
|
2043
2049
|
"label",
|
|
2044
2050
|
{
|
|
2045
2051
|
className: f(Ae.switch, n && Ae["switch--labelFirst"], r),
|
|
@@ -2048,7 +2054,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2048
2054
|
/* @__PURE__ */ a(
|
|
2049
2055
|
"input",
|
|
2050
2056
|
{
|
|
2051
|
-
ref:
|
|
2057
|
+
ref: d,
|
|
2052
2058
|
type: "checkbox",
|
|
2053
2059
|
role: "switch",
|
|
2054
2060
|
id: i,
|
|
@@ -2064,14 +2070,14 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2064
2070
|
]
|
|
2065
2071
|
}
|
|
2066
2072
|
)
|
|
2067
|
-
),
|
|
2068
|
-
radio:
|
|
2069
|
-
radio__input:
|
|
2070
|
-
radio__body:
|
|
2071
|
-
radio__label:
|
|
2072
|
-
radio__hint:
|
|
2073
|
-
radio__count:
|
|
2074
|
-
},
|
|
2073
|
+
), nu = /* @__PURE__ */ I(/* @__PURE__ */ M(io, "Switch")), so = "hanui-radio-KoZak", co = "hanui-radio__input-gVMgh", lo = "hanui-radio__body-oZWg6", _o = "hanui-radio__label-d-5ce", uo = "hanui-radio__hint-baVbs", ho = "hanui-radio__count-OtkUM", at = {
|
|
2074
|
+
radio: so,
|
|
2075
|
+
radio__input: co,
|
|
2076
|
+
radio__body: lo,
|
|
2077
|
+
radio__label: _o,
|
|
2078
|
+
radio__hint: uo,
|
|
2079
|
+
radio__count: ho
|
|
2080
|
+
}, po = /* @__PURE__ */ ye(
|
|
2075
2081
|
({ label: e, hint: t, count: n, className: r, testId: i, ...s }, o) => /* @__PURE__ */ g("label", { className: f(at.radio, r), "data-testid": i, children: [
|
|
2076
2082
|
/* @__PURE__ */ a("input", { ref: o, type: "radio", className: at.radio__input, ...s }),
|
|
2077
2083
|
/* @__PURE__ */ g("span", { className: at.radio__body, children: [
|
|
@@ -2080,14 +2086,14 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2080
2086
|
] }),
|
|
2081
2087
|
lt(n) && /* @__PURE__ */ a("span", { className: at.radio__count, children: n })
|
|
2082
2088
|
] })
|
|
2083
|
-
),
|
|
2084
|
-
radioCard:
|
|
2085
|
-
radioCard__input:
|
|
2089
|
+
), ru = /* @__PURE__ */ I(/* @__PURE__ */ M(po, "Radio")), mo = "hanui-radioCard-sndiC", bo = "hanui-radioCard__input-6vuoD", go = "hanui-radioCard__indicator--x9LT", fo = "hanui-radioCard__body-CFqoi", nt = {
|
|
2090
|
+
radioCard: mo,
|
|
2091
|
+
radioCard__input: bo,
|
|
2086
2092
|
"radioCard--selected": "hanui-radioCard--selected-Mi7ee",
|
|
2087
|
-
radioCard__indicator:
|
|
2093
|
+
radioCard__indicator: go,
|
|
2088
2094
|
"radioCard--disabled": "hanui-radioCard--disabled-YlYee",
|
|
2089
|
-
radioCard__body:
|
|
2090
|
-
},
|
|
2095
|
+
radioCard__body: fo
|
|
2096
|
+
}, vo = ({
|
|
2091
2097
|
name: e,
|
|
2092
2098
|
value: t,
|
|
2093
2099
|
isSelected: n,
|
|
@@ -2095,7 +2101,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2095
2101
|
onChange: i,
|
|
2096
2102
|
children: s,
|
|
2097
2103
|
className: o,
|
|
2098
|
-
id:
|
|
2104
|
+
id: d,
|
|
2099
2105
|
testId: u
|
|
2100
2106
|
}) => /* @__PURE__ */ g(
|
|
2101
2107
|
"label",
|
|
@@ -2112,7 +2118,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2112
2118
|
"input",
|
|
2113
2119
|
{
|
|
2114
2120
|
type: "radio",
|
|
2115
|
-
id:
|
|
2121
|
+
id: d,
|
|
2116
2122
|
name: e,
|
|
2117
2123
|
value: t,
|
|
2118
2124
|
checked: n,
|
|
@@ -2125,16 +2131,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2125
2131
|
/* @__PURE__ */ a("span", { className: nt.radioCard__body, children: s })
|
|
2126
2132
|
]
|
|
2127
2133
|
}
|
|
2128
|
-
),
|
|
2129
|
-
range:
|
|
2134
|
+
), ou = /* @__PURE__ */ I(vo), yo = "hanui-range-RpDPh", wo = "hanui-range__readout-itDMd", xo = "hanui-range__separator-u-ZJX", ko = "hanui-range__track-bCh5Y", No = "hanui-range__fill-VXMCE", $o = "hanui-range__input-TAN2I", Do = "hanui-range__bounds-GIhFd", _e = {
|
|
2135
|
+
range: yo,
|
|
2130
2136
|
"range--disabled": "hanui-range--disabled-13hlc",
|
|
2131
|
-
range__readout:
|
|
2132
|
-
range__separator:
|
|
2133
|
-
range__track:
|
|
2134
|
-
range__fill:
|
|
2135
|
-
range__input:
|
|
2136
|
-
range__bounds:
|
|
2137
|
-
},
|
|
2137
|
+
range__readout: wo,
|
|
2138
|
+
range__separator: xo,
|
|
2139
|
+
range__track: ko,
|
|
2140
|
+
range__fill: No,
|
|
2141
|
+
range__input: $o,
|
|
2142
|
+
range__bounds: Do
|
|
2143
|
+
}, Io = ({
|
|
2138
2144
|
min: e,
|
|
2139
2145
|
max: t,
|
|
2140
2146
|
step: n = 1,
|
|
@@ -2142,27 +2148,27 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2142
2148
|
onChange: i,
|
|
2143
2149
|
onCommit: s,
|
|
2144
2150
|
formatValue: o = String,
|
|
2145
|
-
label:
|
|
2151
|
+
label: d,
|
|
2146
2152
|
minLabel: u,
|
|
2147
|
-
maxLabel:
|
|
2153
|
+
maxLabel: l,
|
|
2148
2154
|
isDisabled: c,
|
|
2149
|
-
className:
|
|
2155
|
+
className: _,
|
|
2150
2156
|
testId: h
|
|
2151
2157
|
}) => {
|
|
2152
2158
|
var T, k;
|
|
2153
|
-
const { labels: m } = j(), w = K("RangeSlider.minLabel", u, (T = m == null ? void 0 : m.range) == null ? void 0 : T.min), b = K("RangeSlider.maxLabel",
|
|
2159
|
+
const { labels: m } = j(), w = K("RangeSlider.minLabel", u, (T = m == null ? void 0 : m.range) == null ? void 0 : T.min), b = K("RangeSlider.maxLabel", l, (k = m == null ? void 0 : m.range) == null ? void 0 : k.max), [p, v] = r, D = z(
|
|
2154
2160
|
(B) => i([Math.min(B, v), v]),
|
|
2155
2161
|
[v, i]
|
|
2156
2162
|
), N = z(
|
|
2157
2163
|
(B) => i([p, Math.max(B, p)]),
|
|
2158
2164
|
[p, i]
|
|
2159
|
-
), y = z(() => s == null ? void 0 : s([p, v]), [p, v, s]), $ = t - e, x = $ === 0 ? 0 :
|
|
2165
|
+
), y = z(() => s == null ? void 0 : s([p, v]), [p, v, s]), $ = t - e, x = $ === 0 ? 0 : la(p - e, $), C = $ === 0 ? 0 : la(v - e, $), S = x > 50;
|
|
2160
2166
|
return /* @__PURE__ */ g(
|
|
2161
2167
|
"div",
|
|
2162
2168
|
{
|
|
2163
|
-
className: f(_e.range, c && _e["range--disabled"],
|
|
2169
|
+
className: f(_e.range, c && _e["range--disabled"], _),
|
|
2164
2170
|
role: "group",
|
|
2165
|
-
"aria-label":
|
|
2171
|
+
"aria-label": d,
|
|
2166
2172
|
"data-testid": h,
|
|
2167
2173
|
children: [
|
|
2168
2174
|
/* @__PURE__ */ g("div", { className: _e.range__readout, children: [
|
|
@@ -2190,7 +2196,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2190
2196
|
step: n,
|
|
2191
2197
|
value: p,
|
|
2192
2198
|
disabled: c,
|
|
2193
|
-
"aria-label": `${
|
|
2199
|
+
"aria-label": `${d} — ${w}`,
|
|
2194
2200
|
"aria-valuetext": o(p),
|
|
2195
2201
|
onChange: (B) => D(Number(B.target.value)),
|
|
2196
2202
|
onPointerUp: y,
|
|
@@ -2208,7 +2214,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2208
2214
|
step: n,
|
|
2209
2215
|
value: v,
|
|
2210
2216
|
disabled: c,
|
|
2211
|
-
"aria-label": `${
|
|
2217
|
+
"aria-label": `${d} — ${b}`,
|
|
2212
2218
|
"aria-valuetext": o(v),
|
|
2213
2219
|
onChange: (B) => N(Number(B.target.value)),
|
|
2214
2220
|
onPointerUp: y,
|
|
@@ -2223,17 +2229,17 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2223
2229
|
]
|
|
2224
2230
|
}
|
|
2225
2231
|
);
|
|
2226
|
-
},
|
|
2227
|
-
rating:
|
|
2232
|
+
}, iu = /* @__PURE__ */ I(Io), To = "hanui-rating-neNnF", Co = "hanui-rating__legend-uYvFS", Eo = "hanui-rating__stars-vJFLk", Lo = "hanui-rating__star-BANFJ", So = "hanui-rating__input-s2iiO", Ro = "hanui-rating__srOnly-iSCoz", Ao = "hanui-rating__caption-13KFX", Ne = {
|
|
2233
|
+
rating: To,
|
|
2228
2234
|
"rating--disabled": "hanui-rating--disabled-ZKjHa",
|
|
2229
|
-
rating__legend:
|
|
2230
|
-
rating__stars:
|
|
2231
|
-
rating__star:
|
|
2235
|
+
rating__legend: Co,
|
|
2236
|
+
rating__stars: Eo,
|
|
2237
|
+
rating__star: Lo,
|
|
2232
2238
|
"rating__star--filled": "hanui-rating__star--filled-L3AkT",
|
|
2233
|
-
rating__input:
|
|
2234
|
-
rating__srOnly:
|
|
2235
|
-
rating__caption:
|
|
2236
|
-
},
|
|
2239
|
+
rating__input: So,
|
|
2240
|
+
rating__srOnly: Ro,
|
|
2241
|
+
rating__caption: Ao
|
|
2242
|
+
}, Mo = [1, 2, 3, 4, 5], Bo = ({
|
|
2237
2243
|
value: e,
|
|
2238
2244
|
onChange: t,
|
|
2239
2245
|
label: n,
|
|
@@ -2241,19 +2247,19 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2241
2247
|
formatStarCount: i,
|
|
2242
2248
|
isDisabled: s,
|
|
2243
2249
|
className: o,
|
|
2244
|
-
testId:
|
|
2250
|
+
testId: d
|
|
2245
2251
|
}) => {
|
|
2246
2252
|
var w;
|
|
2247
|
-
const { labels: u } = j(),
|
|
2253
|
+
const { labels: u } = j(), l = r ?? ((w = u == null ? void 0 : u.rating) == null ? void 0 : w.scale), c = W(), [_, h] = O(null), m = _ ?? e;
|
|
2248
2254
|
return /* @__PURE__ */ g(
|
|
2249
2255
|
"fieldset",
|
|
2250
2256
|
{
|
|
2251
2257
|
className: f(Ne.rating, s && Ne["rating--disabled"], o),
|
|
2252
2258
|
disabled: s,
|
|
2253
|
-
"data-testid":
|
|
2259
|
+
"data-testid": d,
|
|
2254
2260
|
children: [
|
|
2255
2261
|
/* @__PURE__ */ a("legend", { className: Ne.rating__legend, children: n }),
|
|
2256
|
-
/* @__PURE__ */ a("div", { className: Ne.rating__stars, onMouseLeave: () => h(null), children:
|
|
2262
|
+
/* @__PURE__ */ a("div", { className: Ne.rating__stars, onMouseLeave: () => h(null), children: Mo.map((b) => {
|
|
2257
2263
|
var p;
|
|
2258
2264
|
return /* @__PURE__ */ g(
|
|
2259
2265
|
"label",
|
|
@@ -2284,24 +2290,24 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2284
2290
|
),
|
|
2285
2291
|
" ",
|
|
2286
2292
|
"— ",
|
|
2287
|
-
(
|
|
2293
|
+
(l == null ? void 0 : l[b]) ?? ""
|
|
2288
2294
|
] })
|
|
2289
2295
|
]
|
|
2290
2296
|
},
|
|
2291
2297
|
b
|
|
2292
2298
|
);
|
|
2293
2299
|
}) }),
|
|
2294
|
-
m !== null && /* @__PURE__ */ a("span", { className: Ne.rating__caption, "aria-hidden": !0, children: (
|
|
2300
|
+
m !== null && /* @__PURE__ */ a("span", { className: Ne.rating__caption, "aria-hidden": !0, children: (l == null ? void 0 : l[m]) ?? "" })
|
|
2295
2301
|
]
|
|
2296
2302
|
}
|
|
2297
2303
|
);
|
|
2298
|
-
},
|
|
2299
|
-
stepper:
|
|
2300
|
-
stepper__button:
|
|
2301
|
-
stepper__input:
|
|
2304
|
+
}, su = /* @__PURE__ */ I(Bo), Fo = "hanui-stepper-8s5Ih", Po = "hanui-stepper__button-h6g7d", Oo = "hanui-stepper__input-OQh5v", ft = {
|
|
2305
|
+
stepper: Fo,
|
|
2306
|
+
stepper__button: Po,
|
|
2307
|
+
stepper__input: Oo,
|
|
2302
2308
|
"stepper--sm": "hanui-stepper--sm-RvrBP",
|
|
2303
2309
|
"stepper--md": "hanui-stepper--md-Cnjei"
|
|
2304
|
-
},
|
|
2310
|
+
}, zo = ({
|
|
2305
2311
|
value: e,
|
|
2306
2312
|
onChange: t,
|
|
2307
2313
|
label: n,
|
|
@@ -2309,13 +2315,13 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2309
2315
|
increaseLabel: i,
|
|
2310
2316
|
min: s = 1,
|
|
2311
2317
|
max: o = 99,
|
|
2312
|
-
isDisabled:
|
|
2318
|
+
isDisabled: d,
|
|
2313
2319
|
size: u = "md",
|
|
2314
|
-
className:
|
|
2320
|
+
className: l,
|
|
2315
2321
|
testId: c
|
|
2316
2322
|
}) => {
|
|
2317
2323
|
var p, v, D;
|
|
2318
|
-
const { labels:
|
|
2324
|
+
const { labels: _ } = j(), h = K("QuantityStepper.label", n, (p = _ == null ? void 0 : _.quantity) == null ? void 0 : p.label), [m, w] = O(null), b = (N) => {
|
|
2319
2325
|
w(null);
|
|
2320
2326
|
const y = Number(N.replace(/\D/g, ""));
|
|
2321
2327
|
y && t(Math.min(Math.max(y, s), o));
|
|
@@ -2323,7 +2329,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2323
2329
|
return /* @__PURE__ */ g(
|
|
2324
2330
|
"div",
|
|
2325
2331
|
{
|
|
2326
|
-
className: f(ft.stepper, ft[`stepper--${u}`],
|
|
2332
|
+
className: f(ft.stepper, ft[`stepper--${u}`], l),
|
|
2327
2333
|
role: "group",
|
|
2328
2334
|
"aria-label": h,
|
|
2329
2335
|
"data-testid": c,
|
|
@@ -2334,13 +2340,13 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2334
2340
|
type: "button",
|
|
2335
2341
|
className: ft.stepper__button,
|
|
2336
2342
|
onClick: () => t(Math.max(e - 1, s)),
|
|
2337
|
-
disabled:
|
|
2343
|
+
disabled: d || e <= s,
|
|
2338
2344
|
"aria-label": K(
|
|
2339
2345
|
"QuantityStepper.decreaseLabel",
|
|
2340
2346
|
r,
|
|
2341
|
-
(v =
|
|
2347
|
+
(v = _ == null ? void 0 : _.quantity) == null ? void 0 : v.decrease
|
|
2342
2348
|
),
|
|
2343
|
-
children: /* @__PURE__ */ a(
|
|
2349
|
+
children: /* @__PURE__ */ a(Ca, { "aria-hidden": !0 })
|
|
2344
2350
|
}
|
|
2345
2351
|
),
|
|
2346
2352
|
/* @__PURE__ */ a(
|
|
@@ -2354,7 +2360,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2354
2360
|
N.key === "Enter" && (N.preventDefault(), b(N.target.value));
|
|
2355
2361
|
},
|
|
2356
2362
|
inputMode: "numeric",
|
|
2357
|
-
disabled:
|
|
2363
|
+
disabled: d,
|
|
2358
2364
|
"aria-label": `${h} (${s}-${o})`
|
|
2359
2365
|
}
|
|
2360
2366
|
),
|
|
@@ -2364,43 +2370,43 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2364
2370
|
type: "button",
|
|
2365
2371
|
className: ft.stepper__button,
|
|
2366
2372
|
onClick: () => t(Math.min(e + 1, o)),
|
|
2367
|
-
disabled:
|
|
2373
|
+
disabled: d || e >= o,
|
|
2368
2374
|
"aria-label": K(
|
|
2369
2375
|
"QuantityStepper.increaseLabel",
|
|
2370
2376
|
i,
|
|
2371
|
-
(D =
|
|
2377
|
+
(D = _ == null ? void 0 : _.quantity) == null ? void 0 : D.increase
|
|
2372
2378
|
),
|
|
2373
|
-
children: /* @__PURE__ */ a(
|
|
2379
|
+
children: /* @__PURE__ */ a(Va, { "aria-hidden": !0 })
|
|
2374
2380
|
}
|
|
2375
2381
|
)
|
|
2376
2382
|
]
|
|
2377
2383
|
}
|
|
2378
2384
|
);
|
|
2379
|
-
},
|
|
2380
|
-
checkbox:
|
|
2381
|
-
},
|
|
2385
|
+
}, cu = /* @__PURE__ */ I(zo), Ho = "hanui-checkbox--dvpB", Ko = {
|
|
2386
|
+
checkbox: Ho
|
|
2387
|
+
}, Uo = /* @__PURE__ */ ye(
|
|
2382
2388
|
({ label: e, className: t, testId: n, ...r }, i) => /* @__PURE__ */ a(
|
|
2383
2389
|
"input",
|
|
2384
2390
|
{
|
|
2385
2391
|
ref: i,
|
|
2386
2392
|
type: "checkbox",
|
|
2387
2393
|
"aria-label": e,
|
|
2388
|
-
className: f(
|
|
2394
|
+
className: f(Ko.checkbox, t),
|
|
2389
2395
|
"data-testid": n,
|
|
2390
2396
|
...r
|
|
2391
2397
|
}
|
|
2392
2398
|
)
|
|
2393
|
-
),
|
|
2394
|
-
/* @__PURE__ */ M(
|
|
2395
|
-
),
|
|
2396
|
-
wrapper:
|
|
2397
|
-
wrapper__prefix:
|
|
2398
|
-
wrapper__suffix:
|
|
2399
|
-
input:
|
|
2399
|
+
), lu = /* @__PURE__ */ I(
|
|
2400
|
+
/* @__PURE__ */ M(Uo, "TableCheckbox")
|
|
2401
|
+
), qo = "hanui-wrapper-IAI4E", jo = "hanui-wrapper__prefix-XKDlV", Yo = "hanui-wrapper__suffix-lT35q", Go = "hanui-input-pIS2u", Ue = {
|
|
2402
|
+
wrapper: qo,
|
|
2403
|
+
wrapper__prefix: jo,
|
|
2404
|
+
wrapper__suffix: Yo,
|
|
2405
|
+
input: Go,
|
|
2400
2406
|
"input--hasPrefix": "hanui-input--hasPrefix-nsrWh",
|
|
2401
2407
|
"input--hasSuffix": "hanui-input--hasSuffix-OrE5A",
|
|
2402
2408
|
"input--technical": "hanui-input--technical---DCD"
|
|
2403
|
-
},
|
|
2409
|
+
}, Xo = /* @__PURE__ */ ye(
|
|
2404
2410
|
({ prefix: e, suffix: t, isTechnical: n, className: r, testId: i, ...s }, o) => /* @__PURE__ */ g("span", { className: f(Ue.wrapper, r), children: [
|
|
2405
2411
|
e && /* @__PURE__ */ a("span", { className: Ue.wrapper__prefix, "aria-hidden": !0, children: e }),
|
|
2406
2412
|
/* @__PURE__ */ a(
|
|
@@ -2421,15 +2427,15 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2421
2427
|
),
|
|
2422
2428
|
t && /* @__PURE__ */ a("span", { className: Ue.wrapper__suffix, "aria-hidden": !0, children: t })
|
|
2423
2429
|
] })
|
|
2424
|
-
),
|
|
2425
|
-
tagInput:
|
|
2426
|
-
tagInput__field:
|
|
2430
|
+
), Qo = /* @__PURE__ */ I(/* @__PURE__ */ M(Xo, "Input")), Jo = "hanui-tagInput-QraZR", Wo = "hanui-tagInput__field-HeWrC", Zo = "hanui-tagInput__tag-D-ZWB", Vo = "hanui-tagInput__remove-bpjGG", qe = {
|
|
2431
|
+
tagInput: Jo,
|
|
2432
|
+
tagInput__field: Wo,
|
|
2427
2433
|
"tagInput--invalid": "hanui-tagInput--invalid-NQogL",
|
|
2428
2434
|
"tagInput--disabled": "hanui-tagInput--disabled--AJFF",
|
|
2429
|
-
tagInput__tag:
|
|
2435
|
+
tagInput__tag: Zo,
|
|
2430
2436
|
"tagInput__tag--duplicate": "hanui-tagInput__tag--duplicate-3-FMF",
|
|
2431
|
-
tagInput__remove:
|
|
2432
|
-
},
|
|
2437
|
+
tagInput__remove: Vo
|
|
2438
|
+
}, ei = ({
|
|
2433
2439
|
values: e,
|
|
2434
2440
|
onChange: t,
|
|
2435
2441
|
label: n,
|
|
@@ -2437,11 +2443,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2437
2443
|
removeLabel: i,
|
|
2438
2444
|
separators: s = ["Enter", ","],
|
|
2439
2445
|
maxTags: o,
|
|
2440
|
-
isDisabled:
|
|
2446
|
+
isDisabled: d,
|
|
2441
2447
|
id: u,
|
|
2442
|
-
className:
|
|
2448
|
+
className: l,
|
|
2443
2449
|
testId: c,
|
|
2444
|
-
"aria-describedby":
|
|
2450
|
+
"aria-describedby": _,
|
|
2445
2451
|
"aria-invalid": h
|
|
2446
2452
|
}) => {
|
|
2447
2453
|
const m = W(), w = u ?? m, b = L(null), p = ta(), [v, D] = O(""), [N, y] = O(null), $ = o !== void 0 && e.length >= o, x = (T) => {
|
|
@@ -2467,9 +2473,9 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2467
2473
|
{
|
|
2468
2474
|
className: f(
|
|
2469
2475
|
qe.tagInput,
|
|
2470
|
-
|
|
2476
|
+
d && qe["tagInput--disabled"],
|
|
2471
2477
|
h && qe["tagInput--invalid"],
|
|
2472
|
-
|
|
2478
|
+
l
|
|
2473
2479
|
),
|
|
2474
2480
|
"data-testid": c,
|
|
2475
2481
|
onClick: () => {
|
|
@@ -2492,7 +2498,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2492
2498
|
type: "button",
|
|
2493
2499
|
className: qe.tagInput__remove,
|
|
2494
2500
|
"aria-label": `${T} — ${i}`,
|
|
2495
|
-
disabled:
|
|
2501
|
+
disabled: d,
|
|
2496
2502
|
onClick: (k) => {
|
|
2497
2503
|
k.stopPropagation(), C(T);
|
|
2498
2504
|
},
|
|
@@ -2513,9 +2519,9 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2513
2519
|
value: v,
|
|
2514
2520
|
placeholder: e.length === 0 ? r : void 0,
|
|
2515
2521
|
"aria-label": n,
|
|
2516
|
-
"aria-describedby":
|
|
2522
|
+
"aria-describedby": _,
|
|
2517
2523
|
"aria-invalid": h,
|
|
2518
|
-
disabled:
|
|
2524
|
+
disabled: d || $,
|
|
2519
2525
|
onChange: (T) => D(T.target.value),
|
|
2520
2526
|
onKeyDown: S,
|
|
2521
2527
|
onBlur: () => x(v)
|
|
@@ -2524,13 +2530,13 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2524
2530
|
]
|
|
2525
2531
|
}
|
|
2526
2532
|
);
|
|
2527
|
-
},
|
|
2528
|
-
textarea:
|
|
2529
|
-
wrapper:
|
|
2533
|
+
}, du = /* @__PURE__ */ I(/* @__PURE__ */ M(ei, "TagInput")), ti = "hanui-textarea-zwJcB", ai = "hanui-wrapper-O8aJA", ni = "hanui-counter-bHVh3", vt = {
|
|
2534
|
+
textarea: ti,
|
|
2535
|
+
wrapper: ai,
|
|
2530
2536
|
"textarea--autoSize": "hanui-textarea--autoSize--F8yj",
|
|
2531
|
-
counter:
|
|
2537
|
+
counter: ni,
|
|
2532
2538
|
"counter--near": "hanui-counter--near-AZAQm"
|
|
2533
|
-
},
|
|
2539
|
+
}, ri = /* @__PURE__ */ ye(
|
|
2534
2540
|
({
|
|
2535
2541
|
className: e,
|
|
2536
2542
|
rows: t = 4,
|
|
@@ -2539,18 +2545,18 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2539
2545
|
hasCounter: i,
|
|
2540
2546
|
maxLength: s,
|
|
2541
2547
|
value: o,
|
|
2542
|
-
defaultValue:
|
|
2548
|
+
defaultValue: d,
|
|
2543
2549
|
onChange: u,
|
|
2544
|
-
testId:
|
|
2550
|
+
testId: l,
|
|
2545
2551
|
...c
|
|
2546
|
-
},
|
|
2547
|
-
const h = L(null), [m, w] = O(String(
|
|
2552
|
+
}, _) => {
|
|
2553
|
+
const h = L(null), [m, w] = O(String(d ?? "").length), b = o === void 0 ? m : String(o).length, p = z(
|
|
2548
2554
|
(D) => {
|
|
2549
|
-
h.current = D, typeof
|
|
2555
|
+
h.current = D, typeof _ == "function" ? _(D) : _ && (_.current = D);
|
|
2550
2556
|
},
|
|
2551
|
-
[
|
|
2557
|
+
[_]
|
|
2552
2558
|
);
|
|
2553
|
-
|
|
2559
|
+
Na(() => {
|
|
2554
2560
|
const D = h.current;
|
|
2555
2561
|
if (!n || !D) return;
|
|
2556
2562
|
D.style.height = "auto";
|
|
@@ -2558,7 +2564,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2558
2564
|
D.style.height = `${Math.min(D.scrollHeight, y)}px`, D.style.overflowY = D.scrollHeight > y ? "auto" : "hidden";
|
|
2559
2565
|
}, [n, r, o, b]);
|
|
2560
2566
|
const v = s !== void 0 && b >= s * 0.9;
|
|
2561
|
-
return /* @__PURE__ */ g("div", { className: f(vt.wrapper, e), "data-testid":
|
|
2567
|
+
return /* @__PURE__ */ g("div", { className: f(vt.wrapper, e), "data-testid": l, children: [
|
|
2562
2568
|
/* @__PURE__ */ a(
|
|
2563
2569
|
"textarea",
|
|
2564
2570
|
{
|
|
@@ -2567,7 +2573,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2567
2573
|
className: f(vt.textarea, n && vt["textarea--autoSize"]),
|
|
2568
2574
|
maxLength: s,
|
|
2569
2575
|
value: o,
|
|
2570
|
-
defaultValue:
|
|
2576
|
+
defaultValue: d,
|
|
2571
2577
|
onChange: (D) => {
|
|
2572
2578
|
w(D.target.value.length), u == null || u(D);
|
|
2573
2579
|
},
|
|
@@ -2590,14 +2596,14 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2590
2596
|
)
|
|
2591
2597
|
] });
|
|
2592
2598
|
}
|
|
2593
|
-
),
|
|
2594
|
-
dateField:
|
|
2595
|
-
range:
|
|
2596
|
-
range__row:
|
|
2597
|
-
range__separator:
|
|
2598
|
-
range__field:
|
|
2599
|
-
range__summary:
|
|
2600
|
-
}, Wt =
|
|
2599
|
+
), oi = /* @__PURE__ */ I(/* @__PURE__ */ M(ri, "Textarea")), ii = "hanui-dateField-UnUwe", si = "hanui-range-nGuRH", ci = "hanui-range__row--debA", li = "hanui-range__separator-fEqqr", di = "hanui-range__field-tmoNH", _i = "hanui-range__summary-L6v1T", Qe = {
|
|
2600
|
+
dateField: ii,
|
|
2601
|
+
range: si,
|
|
2602
|
+
range__row: ci,
|
|
2603
|
+
range__separator: li,
|
|
2604
|
+
range__field: di,
|
|
2605
|
+
range__summary: _i
|
|
2606
|
+
}, Wt = ye(
|
|
2601
2607
|
({ type: e = "date", className: t, testId: n, ...r }, i) => /* @__PURE__ */ a(
|
|
2602
2608
|
"input",
|
|
2603
2609
|
{
|
|
@@ -2608,7 +2614,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2608
2614
|
...r
|
|
2609
2615
|
}
|
|
2610
2616
|
)
|
|
2611
|
-
),
|
|
2617
|
+
), _u = /* @__PURE__ */ I(/* @__PURE__ */ M(Wt, "DateField")), ui = ({
|
|
2612
2618
|
value: e,
|
|
2613
2619
|
onChange: t,
|
|
2614
2620
|
startLabel: n,
|
|
@@ -2616,21 +2622,21 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2616
2622
|
separator: i = "–",
|
|
2617
2623
|
min: s,
|
|
2618
2624
|
max: o,
|
|
2619
|
-
isSummaryVisible:
|
|
2625
|
+
isSummaryVisible: d,
|
|
2620
2626
|
isDisabled: u,
|
|
2621
|
-
className:
|
|
2627
|
+
className: l,
|
|
2622
2628
|
testId: c
|
|
2623
2629
|
}) => {
|
|
2624
|
-
const { labels:
|
|
2625
|
-
if (!
|
|
2630
|
+
const { labels: _ } = j(), h = (() => {
|
|
2631
|
+
if (!d || !(_ != null && _.locale) || e.start === "" || e.end === "") return null;
|
|
2626
2632
|
try {
|
|
2627
|
-
const m = new Intl.DateTimeFormat(
|
|
2633
|
+
const m = new Intl.DateTimeFormat(_.locale, { dateStyle: "medium" });
|
|
2628
2634
|
return `${m.format(new Date(e.start))} ${i} ${m.format(new Date(e.end))}`;
|
|
2629
2635
|
} catch {
|
|
2630
2636
|
return null;
|
|
2631
2637
|
}
|
|
2632
2638
|
})();
|
|
2633
|
-
return /* @__PURE__ */ g("div", { className: f(Qe.range,
|
|
2639
|
+
return /* @__PURE__ */ g("div", { className: f(Qe.range, l), "data-testid": c, children: [
|
|
2634
2640
|
/* @__PURE__ */ g("div", { className: Qe.range__row, children: [
|
|
2635
2641
|
/* @__PURE__ */ a(
|
|
2636
2642
|
Wt,
|
|
@@ -2660,16 +2666,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2660
2666
|
] }),
|
|
2661
2667
|
h && /* @__PURE__ */ a("span", { className: Qe.range__summary, children: h })
|
|
2662
2668
|
] });
|
|
2663
|
-
},
|
|
2664
|
-
field:
|
|
2665
|
-
field__label:
|
|
2669
|
+
}, uu = /* @__PURE__ */ M(/* @__PURE__ */ I(ui), "DateRange"), hi = "hanui-field-KKvre", pi = "hanui-field__label-9dlYd", mi = "hanui-field__required-hbDJk", bi = "hanui-field__srOnly-2WQFH", gi = "hanui-field__hint-SQPiL", fi = "hanui-field__error-gLlZ-", vi = "hanui-field__errorIcon-uA3o8", Me = {
|
|
2670
|
+
field: hi,
|
|
2671
|
+
field__label: pi,
|
|
2666
2672
|
"field__label--hidden": "hanui-field__label--hidden-ufuVt",
|
|
2667
|
-
field__required:
|
|
2668
|
-
field__srOnly:
|
|
2669
|
-
field__hint:
|
|
2670
|
-
field__error:
|
|
2671
|
-
field__errorIcon:
|
|
2672
|
-
},
|
|
2673
|
+
field__required: mi,
|
|
2674
|
+
field__srOnly: bi,
|
|
2675
|
+
field__hint: gi,
|
|
2676
|
+
field__error: fi,
|
|
2677
|
+
field__errorIcon: vi
|
|
2678
|
+
}, yi = ({
|
|
2673
2679
|
label: e,
|
|
2674
2680
|
children: t,
|
|
2675
2681
|
hint: n,
|
|
@@ -2677,14 +2683,14 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2677
2683
|
isRequired: i,
|
|
2678
2684
|
requiredLabel: s,
|
|
2679
2685
|
isLabelHidden: o,
|
|
2680
|
-
className:
|
|
2686
|
+
className: d
|
|
2681
2687
|
}) => {
|
|
2682
|
-
const { labels: u } = j(),
|
|
2683
|
-
return /* @__PURE__ */ g("div", { className: f(Me.field,
|
|
2688
|
+
const { labels: u } = j(), l = W(), c = `${l}-error`, _ = `${l}-hint`;
|
|
2689
|
+
return /* @__PURE__ */ g("div", { className: f(Me.field, d), children: [
|
|
2684
2690
|
/* @__PURE__ */ g(
|
|
2685
2691
|
"label",
|
|
2686
2692
|
{
|
|
2687
|
-
htmlFor:
|
|
2693
|
+
htmlFor: l,
|
|
2688
2694
|
className: f(Me.field__label, o && Me["field__label--hidden"]),
|
|
2689
2695
|
children: [
|
|
2690
2696
|
e,
|
|
@@ -2696,7 +2702,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2696
2702
|
}
|
|
2697
2703
|
),
|
|
2698
2704
|
t({
|
|
2699
|
-
id:
|
|
2705
|
+
id: l,
|
|
2700
2706
|
required: i || void 0,
|
|
2701
2707
|
"aria-invalid": r ? !0 : void 0,
|
|
2702
2708
|
/*
|
|
@@ -2711,37 +2717,37 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2711
2717
|
* Sira ONEMLI: once hata, sonra yardim. Ekran okuyucu bagli metinleri
|
|
2712
2718
|
* yazildiklari sirayla okuyor ve once "ne yanlis" duyulmali.
|
|
2713
2719
|
*/
|
|
2714
|
-
"aria-describedby": [r && c, n &&
|
|
2720
|
+
"aria-describedby": [r && c, n && _].filter(Boolean).join(" ") || void 0
|
|
2715
2721
|
}),
|
|
2716
2722
|
r && /* @__PURE__ */ g("p", { id: c, className: Me.field__error, role: "alert", children: [
|
|
2717
2723
|
/* @__PURE__ */ a(At, { "aria-hidden": !0, className: Me.field__errorIcon }),
|
|
2718
2724
|
r
|
|
2719
2725
|
] }),
|
|
2720
|
-
n && /* @__PURE__ */ a("p", { id:
|
|
2726
|
+
n && /* @__PURE__ */ a("p", { id: _, className: Me.field__hint, children: n })
|
|
2721
2727
|
] });
|
|
2722
|
-
},
|
|
2723
|
-
progress:
|
|
2724
|
-
progress__track:
|
|
2728
|
+
}, wi = /* @__PURE__ */ I(yi), xi = "hanui-progress-99MrX", ki = "hanui-progress__track-Qbp9t", Ni = "hanui-progress__fill-Bam55", $i = "hanui-progress__value-3FYxj", Di = "hanui-circle-9cn2w", Ii = "hanui-circle__svg-0IwkR", Ti = "hanui-circle__track-zY2qc", Ci = "hanui-circle__fill-Jbde6", Ei = "hanui-circle__label-A3nJB", re = {
|
|
2729
|
+
progress: xi,
|
|
2730
|
+
progress__track: ki,
|
|
2725
2731
|
"progress__track--sm": "hanui-progress__track--sm-dbHZq",
|
|
2726
2732
|
"progress__track--md": "hanui-progress__track--md-v1GdW",
|
|
2727
2733
|
"progress__track--indeterminate": "hanui-progress__track--indeterminate-8fMxl",
|
|
2728
|
-
progress__fill:
|
|
2734
|
+
progress__fill: Ni,
|
|
2729
2735
|
"hanui-progress-slide": "hanui-hanui-progress-slide-DQi2w",
|
|
2730
2736
|
"progress__fill--success": "hanui-progress__fill--success-IFuI5",
|
|
2731
2737
|
"progress__fill--warning": "hanui-progress__fill--warning-wIhgi",
|
|
2732
2738
|
"progress__fill--danger": "hanui-progress__fill--danger-cuqj0",
|
|
2733
|
-
progress__value:
|
|
2734
|
-
circle:
|
|
2735
|
-
circle__svg:
|
|
2736
|
-
circle__track:
|
|
2737
|
-
circle__fill:
|
|
2739
|
+
progress__value: $i,
|
|
2740
|
+
circle: Di,
|
|
2741
|
+
circle__svg: Ii,
|
|
2742
|
+
circle__track: Ti,
|
|
2743
|
+
circle__fill: Ci,
|
|
2738
2744
|
"circle__fill--success": "hanui-circle__fill--success-HTr0m",
|
|
2739
2745
|
"circle__fill--warning": "hanui-circle__fill--warning-Fkgj2",
|
|
2740
2746
|
"circle__fill--danger": "hanui-circle__fill--danger-4E3Z8",
|
|
2741
2747
|
"circle--indeterminate": "hanui-circle--indeterminate-cITY6",
|
|
2742
2748
|
"hanui-spin": "hanui-hanui-spin-ez3g8",
|
|
2743
|
-
circle__label:
|
|
2744
|
-
},
|
|
2749
|
+
circle__label: Ei
|
|
2750
|
+
}, qa = (e, t) => !Number.isFinite(e) || !Number.isFinite(t) || t <= 0 ? 0 : Math.min(100, Math.max(0, e / t * 100)), Li = ({
|
|
2745
2751
|
value: e,
|
|
2746
2752
|
max: t = 100,
|
|
2747
2753
|
label: n,
|
|
@@ -2749,39 +2755,39 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2749
2755
|
isValueVisible: i,
|
|
2750
2756
|
tone: s = "brand",
|
|
2751
2757
|
size: o = "md",
|
|
2752
|
-
className:
|
|
2758
|
+
className: d,
|
|
2753
2759
|
testId: u
|
|
2754
2760
|
}) => {
|
|
2755
|
-
const
|
|
2756
|
-
return /* @__PURE__ */ g("div", { className: f(re.progress,
|
|
2761
|
+
const l = e === void 0, c = l ? 0 : qa(e, t);
|
|
2762
|
+
return /* @__PURE__ */ g("div", { className: f(re.progress, d), "data-testid": u, children: [
|
|
2757
2763
|
/* @__PURE__ */ a(
|
|
2758
2764
|
"div",
|
|
2759
2765
|
{
|
|
2760
2766
|
role: "progressbar",
|
|
2761
2767
|
"aria-label": n,
|
|
2762
|
-
"aria-valuenow":
|
|
2763
|
-
"aria-valuemin":
|
|
2764
|
-
"aria-valuemax":
|
|
2765
|
-
"aria-valuetext":
|
|
2768
|
+
"aria-valuenow": l ? void 0 : Math.round(c),
|
|
2769
|
+
"aria-valuemin": l ? void 0 : 0,
|
|
2770
|
+
"aria-valuemax": l ? void 0 : 100,
|
|
2771
|
+
"aria-valuetext": l ? void 0 : r,
|
|
2766
2772
|
className: f(
|
|
2767
2773
|
re.progress__track,
|
|
2768
2774
|
re[`progress__track--${o}`],
|
|
2769
|
-
|
|
2775
|
+
l && re["progress__track--indeterminate"]
|
|
2770
2776
|
),
|
|
2771
2777
|
children: /* @__PURE__ */ a(
|
|
2772
2778
|
"span",
|
|
2773
2779
|
{
|
|
2774
2780
|
className: f(re.progress__fill, re[`progress__fill--${s}`]),
|
|
2775
|
-
style:
|
|
2781
|
+
style: l ? void 0 : { inlineSize: `${c}%` }
|
|
2776
2782
|
}
|
|
2777
2783
|
)
|
|
2778
2784
|
}
|
|
2779
2785
|
),
|
|
2780
|
-
i && !
|
|
2786
|
+
i && !l && /* Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in
|
|
2781
2787
|
degerinde ve iki kez duyurulmasi gurultu. */
|
|
2782
2788
|
/* @__PURE__ */ a("span", { className: re.progress__value, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
|
|
2783
2789
|
] });
|
|
2784
|
-
},
|
|
2790
|
+
}, Si = /* @__PURE__ */ I(/* @__PURE__ */ M(Li, "Progress")), Ri = ({
|
|
2785
2791
|
value: e,
|
|
2786
2792
|
max: t = 100,
|
|
2787
2793
|
label: n,
|
|
@@ -2789,14 +2795,14 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2789
2795
|
isValueVisible: i,
|
|
2790
2796
|
tone: s = "brand",
|
|
2791
2797
|
size: o = 44,
|
|
2792
|
-
className:
|
|
2798
|
+
className: d,
|
|
2793
2799
|
testId: u
|
|
2794
2800
|
}) => {
|
|
2795
|
-
const
|
|
2801
|
+
const l = e === void 0, c = l ? 25 : qa(e, t), _ = Math.max(3, Math.round(o * 0.1)), h = (o - _) / 2, m = 2 * Math.PI * h;
|
|
2796
2802
|
return /* @__PURE__ */ g(
|
|
2797
2803
|
"div",
|
|
2798
2804
|
{
|
|
2799
|
-
className: f(re.circle,
|
|
2805
|
+
className: f(re.circle, l && re["circle--indeterminate"], d),
|
|
2800
2806
|
style: { width: o, height: o },
|
|
2801
2807
|
"data-testid": u,
|
|
2802
2808
|
children: [
|
|
@@ -2809,10 +2815,10 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2809
2815
|
viewBox: `0 0 ${o} ${o}`,
|
|
2810
2816
|
role: "progressbar",
|
|
2811
2817
|
"aria-label": n,
|
|
2812
|
-
"aria-valuenow":
|
|
2813
|
-
"aria-valuemin":
|
|
2814
|
-
"aria-valuemax":
|
|
2815
|
-
"aria-valuetext":
|
|
2818
|
+
"aria-valuenow": l ? void 0 : Math.round(c),
|
|
2819
|
+
"aria-valuemin": l ? void 0 : 0,
|
|
2820
|
+
"aria-valuemax": l ? void 0 : 100,
|
|
2821
|
+
"aria-valuetext": l ? void 0 : r,
|
|
2816
2822
|
children: [
|
|
2817
2823
|
/* @__PURE__ */ a(
|
|
2818
2824
|
"circle",
|
|
@@ -2822,7 +2828,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2822
2828
|
cy: o / 2,
|
|
2823
2829
|
r: h,
|
|
2824
2830
|
fill: "none",
|
|
2825
|
-
strokeWidth:
|
|
2831
|
+
strokeWidth: _
|
|
2826
2832
|
}
|
|
2827
2833
|
),
|
|
2828
2834
|
/* @__PURE__ */ a(
|
|
@@ -2833,7 +2839,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2833
2839
|
cy: o / 2,
|
|
2834
2840
|
r: h,
|
|
2835
2841
|
fill: "none",
|
|
2836
|
-
strokeWidth:
|
|
2842
|
+
strokeWidth: _,
|
|
2837
2843
|
strokeDasharray: m,
|
|
2838
2844
|
strokeDashoffset: m * (1 - c / 100)
|
|
2839
2845
|
}
|
|
@@ -2841,33 +2847,33 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2841
2847
|
]
|
|
2842
2848
|
}
|
|
2843
2849
|
),
|
|
2844
|
-
i && !
|
|
2850
|
+
i && !l && /* @__PURE__ */ a("span", { className: re.circle__label, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
|
|
2845
2851
|
]
|
|
2846
2852
|
}
|
|
2847
2853
|
);
|
|
2848
|
-
},
|
|
2849
|
-
/* @__PURE__ */ I(
|
|
2854
|
+
}, hu = /* @__PURE__ */ M(
|
|
2855
|
+
/* @__PURE__ */ I(Ri),
|
|
2850
2856
|
"ProgressCircle"
|
|
2851
|
-
),
|
|
2852
|
-
upload:
|
|
2853
|
-
upload__drop:
|
|
2854
|
-
upload__input:
|
|
2857
|
+
), Ai = "hanui-upload-v1pRY", Mi = "hanui-upload__drop-OpNbO", Bi = "hanui-upload__input-Tcg9-", Fi = "hanui-upload__icon-KpMkq", Pi = "hanui-upload__label-M4HJb", Oi = "hanui-upload__drag-ewSQw", zi = "hanui-upload__hint-MZRJ6", Hi = "hanui-upload__error-7GkCC", Ki = "hanui-upload__list-lbViQ", Ui = "hanui-upload__file-Znp1Q", qi = "hanui-upload__fileText-EtJcs", ji = "hanui-upload__fileName-ArF8-", Yi = "hanui-upload__fileMeta-i6sO1", Gi = "hanui-upload__progress-JY2a5", J = {
|
|
2858
|
+
upload: Ai,
|
|
2859
|
+
upload__drop: Mi,
|
|
2860
|
+
upload__input: Bi,
|
|
2855
2861
|
"upload__drop--dragging": "hanui-upload__drop--dragging-YztUx",
|
|
2856
2862
|
"upload__drop--invalid": "hanui-upload__drop--invalid-JhwnL",
|
|
2857
2863
|
"upload__drop--disabled": "hanui-upload__drop--disabled-zyfUv",
|
|
2858
|
-
upload__icon:
|
|
2859
|
-
upload__label:
|
|
2860
|
-
upload__drag:
|
|
2861
|
-
upload__hint:
|
|
2862
|
-
upload__error:
|
|
2863
|
-
upload__list:
|
|
2864
|
-
upload__file:
|
|
2864
|
+
upload__icon: Fi,
|
|
2865
|
+
upload__label: Pi,
|
|
2866
|
+
upload__drag: Oi,
|
|
2867
|
+
upload__hint: zi,
|
|
2868
|
+
upload__error: Hi,
|
|
2869
|
+
upload__list: Ki,
|
|
2870
|
+
upload__file: Ui,
|
|
2865
2871
|
"upload__file--error": "hanui-upload__file--error-wpbtA",
|
|
2866
|
-
upload__fileText:
|
|
2867
|
-
upload__fileName:
|
|
2868
|
-
upload__fileMeta:
|
|
2869
|
-
upload__progress:
|
|
2870
|
-
},
|
|
2872
|
+
upload__fileText: qi,
|
|
2873
|
+
upload__fileName: ji,
|
|
2874
|
+
upload__fileMeta: Yi,
|
|
2875
|
+
upload__progress: Gi
|
|
2876
|
+
}, xa = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`, Xi = ({
|
|
2871
2877
|
files: e,
|
|
2872
2878
|
onSelect: t,
|
|
2873
2879
|
onRemove: n,
|
|
@@ -2875,11 +2881,11 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2875
2881
|
hint: i,
|
|
2876
2882
|
accept: s,
|
|
2877
2883
|
isMultiple: o,
|
|
2878
|
-
maxSize:
|
|
2884
|
+
maxSize: d,
|
|
2879
2885
|
removeLabel: u,
|
|
2880
|
-
dropLabel:
|
|
2886
|
+
dropLabel: l,
|
|
2881
2887
|
sizeErrorText: c = "{name} çok büyük (en fazla {max}).",
|
|
2882
|
-
isDisabled:
|
|
2888
|
+
isDisabled: _,
|
|
2883
2889
|
error: h,
|
|
2884
2890
|
children: m,
|
|
2885
2891
|
className: w,
|
|
@@ -2887,12 +2893,12 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2887
2893
|
}) => {
|
|
2888
2894
|
const p = W(), v = W(), D = L(null), N = ta(), [y, $] = O(!1), [x, C] = O([]), S = (k) => {
|
|
2889
2895
|
if (!k || k.length === 0) return;
|
|
2890
|
-
const B = [...k], q =
|
|
2891
|
-
(V) => c.replace("{name}", V.name).replace("{max}",
|
|
2896
|
+
const B = [...k], q = d === void 0 ? [] : B.filter((V) => V.size > d), Y = B.filter((V) => !q.includes(V)), Z = q.map(
|
|
2897
|
+
(V) => c.replace("{name}", V.name).replace("{max}", xa(d ?? 0))
|
|
2892
2898
|
);
|
|
2893
2899
|
C(Z), Y.length > 0 && (t(Y), N(`${Y.length} dosya eklendi`)), Z.length > 0 && N(Z.join(" "), "assertive");
|
|
2894
2900
|
}, T = (k) => {
|
|
2895
|
-
k.preventDefault(), $(!1), !
|
|
2901
|
+
k.preventDefault(), $(!1), !_ && S(k.dataTransfer.files);
|
|
2896
2902
|
};
|
|
2897
2903
|
return /* @__PURE__ */ g("div", { className: f(J.upload, w), "data-testid": b, children: [
|
|
2898
2904
|
/* @__PURE__ */ g(
|
|
@@ -2902,18 +2908,18 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2902
2908
|
className: f(
|
|
2903
2909
|
J.upload__drop,
|
|
2904
2910
|
y && J["upload__drop--dragging"],
|
|
2905
|
-
|
|
2911
|
+
_ && J["upload__drop--disabled"],
|
|
2906
2912
|
h && J["upload__drop--invalid"]
|
|
2907
2913
|
),
|
|
2908
2914
|
onDragOver: (k) => {
|
|
2909
|
-
k.preventDefault(),
|
|
2915
|
+
k.preventDefault(), _ || $(!0);
|
|
2910
2916
|
},
|
|
2911
2917
|
onDragLeave: () => $(!1),
|
|
2912
2918
|
onDrop: T,
|
|
2913
2919
|
children: [
|
|
2914
|
-
/* @__PURE__ */ a(
|
|
2920
|
+
/* @__PURE__ */ a(en, { "aria-hidden": !0, className: J.upload__icon }),
|
|
2915
2921
|
/* @__PURE__ */ a("span", { className: J.upload__label, children: r }),
|
|
2916
|
-
/* @__PURE__ */ a("span", { className: J.upload__drag, children:
|
|
2922
|
+
/* @__PURE__ */ a("span", { className: J.upload__drag, children: l }),
|
|
2917
2923
|
i && /* @__PURE__ */ a("span", { id: v, className: J.upload__hint, children: i }),
|
|
2918
2924
|
/* @__PURE__ */ a(
|
|
2919
2925
|
"input",
|
|
@@ -2924,7 +2930,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2924
2930
|
className: J.upload__input,
|
|
2925
2931
|
accept: s,
|
|
2926
2932
|
multiple: o,
|
|
2927
|
-
disabled:
|
|
2933
|
+
disabled: _,
|
|
2928
2934
|
"aria-describedby": i ? v : void 0,
|
|
2929
2935
|
"aria-invalid": h ? !0 : void 0,
|
|
2930
2936
|
onChange: (k) => {
|
|
@@ -2950,10 +2956,10 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2950
2956
|
children: [
|
|
2951
2957
|
/* @__PURE__ */ g("span", { className: J.upload__fileText, children: [
|
|
2952
2958
|
/* @__PURE__ */ a("span", { className: J.upload__fileName, children: k.name }),
|
|
2953
|
-
/* @__PURE__ */ a("span", { className: J.upload__fileMeta, children: k.error ??
|
|
2959
|
+
/* @__PURE__ */ a("span", { className: J.upload__fileMeta, children: k.error ?? xa(k.size) })
|
|
2954
2960
|
] }),
|
|
2955
2961
|
k.progress !== void 0 && /* @__PURE__ */ a(
|
|
2956
|
-
|
|
2962
|
+
Si,
|
|
2957
2963
|
{
|
|
2958
2964
|
value: k.progress,
|
|
2959
2965
|
label: `${k.name} yükleniyor`,
|
|
@@ -2977,32 +2983,32 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
2977
2983
|
)) }),
|
|
2978
2984
|
m
|
|
2979
2985
|
] });
|
|
2980
|
-
},
|
|
2981
|
-
/* @__PURE__ */ M(
|
|
2982
|
-
),
|
|
2983
|
-
alert:
|
|
2984
|
-
alert__icon:
|
|
2985
|
-
alert__body:
|
|
2986
|
-
alert__title:
|
|
2987
|
-
alert__content:
|
|
2988
|
-
alert__action:
|
|
2986
|
+
}, pu = /* @__PURE__ */ I(
|
|
2987
|
+
/* @__PURE__ */ M(Xi, "FileUpload")
|
|
2988
|
+
), Qi = "hanui-alert-gHI-9", Ji = "hanui-alert__icon-DhiCT", Wi = "hanui-alert__body-52-z2", Zi = "hanui-alert__title-I8BAh", Vi = "hanui-alert__content-lhBEo", es = "hanui-alert__action-1mTje", je = {
|
|
2989
|
+
alert: Qi,
|
|
2990
|
+
alert__icon: Ji,
|
|
2991
|
+
alert__body: Wi,
|
|
2992
|
+
alert__title: Zi,
|
|
2993
|
+
alert__content: Vi,
|
|
2994
|
+
alert__action: es,
|
|
2989
2995
|
"alert--info": "hanui-alert--info-lsAVw",
|
|
2990
2996
|
"alert--success": "hanui-alert--success-RMJR6",
|
|
2991
2997
|
"alert--warning": "hanui-alert--warning-Rkgln",
|
|
2992
2998
|
"alert--danger": "hanui-alert--danger-9ei0Y"
|
|
2993
|
-
},
|
|
2994
|
-
info: /* @__PURE__ */ a(
|
|
2995
|
-
success: /* @__PURE__ */ a(
|
|
2999
|
+
}, ts = {
|
|
3000
|
+
info: /* @__PURE__ */ a(Sa, { "aria-hidden": !0 }),
|
|
3001
|
+
success: /* @__PURE__ */ a(La, { "aria-hidden": !0 }),
|
|
2996
3002
|
warning: /* @__PURE__ */ a(ea, { "aria-hidden": !0 }),
|
|
2997
|
-
danger: /* @__PURE__ */ a(
|
|
2998
|
-
},
|
|
3003
|
+
danger: /* @__PURE__ */ a(Ea, { "aria-hidden": !0 })
|
|
3004
|
+
}, as = ({ children: e, tone: t = "info", title: n, action: r, className: i, testId: s }) => /* @__PURE__ */ g(
|
|
2999
3005
|
"div",
|
|
3000
3006
|
{
|
|
3001
3007
|
className: f(je.alert, je[`alert--${t}`], i),
|
|
3002
3008
|
role: t === "danger" || t === "warning" ? "alert" : void 0,
|
|
3003
3009
|
"data-testid": s,
|
|
3004
3010
|
children: [
|
|
3005
|
-
/* @__PURE__ */ a("span", { className: je.alert__icon, children:
|
|
3011
|
+
/* @__PURE__ */ a("span", { className: je.alert__icon, children: ts[t] }),
|
|
3006
3012
|
/* @__PURE__ */ g("div", { className: je.alert__body, children: [
|
|
3007
3013
|
n && /* @__PURE__ */ a("strong", { className: je.alert__title, children: n }),
|
|
3008
3014
|
/* @__PURE__ */ a("div", { className: je.alert__content, children: e })
|
|
@@ -3010,9 +3016,9 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3010
3016
|
r && /* @__PURE__ */ a("div", { className: je.alert__action, children: r })
|
|
3011
3017
|
]
|
|
3012
3018
|
}
|
|
3013
|
-
),
|
|
3014
|
-
avatar:
|
|
3015
|
-
avatar__image:
|
|
3019
|
+
), mu = /* @__PURE__ */ I(as), ns = "hanui-avatar-qoh3P", rs = "hanui-avatar__image-uAyAX", Lt = {
|
|
3020
|
+
avatar: ns,
|
|
3021
|
+
avatar__image: rs,
|
|
3016
3022
|
"avatar--sm": "hanui-avatar--sm-GGjU4",
|
|
3017
3023
|
"avatar--md": "hanui-avatar--md-xhXnK",
|
|
3018
3024
|
"avatar--lg": "hanui-avatar--lg-ULP-r",
|
|
@@ -3022,16 +3028,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3022
3028
|
"avatar--tone-3": "hanui-avatar--tone-3-ivgnI",
|
|
3023
3029
|
"avatar--tone-4": "hanui-avatar--tone-4-V57r3",
|
|
3024
3030
|
"avatar--tone-5": "hanui-avatar--tone-5-65aPg"
|
|
3025
|
-
},
|
|
3031
|
+
}, os = (e, t) => {
|
|
3026
3032
|
const n = e.trim().split(/\s+/).filter(Boolean);
|
|
3027
3033
|
if (n.length === 0) return "?";
|
|
3028
3034
|
const r = n.length === 1 ? n[0].slice(0, 2) : `${n[0][0]}${n[n.length - 1][0]}`;
|
|
3029
3035
|
return t ? r.toLocaleUpperCase(t) : r.toLocaleUpperCase();
|
|
3030
|
-
},
|
|
3036
|
+
}, is = (e, t) => {
|
|
3031
3037
|
let n = 5381;
|
|
3032
3038
|
for (let r = 0; r < e.length; r += 1) n = n * 33 ^ e.charCodeAt(r);
|
|
3033
3039
|
return Math.abs(n) % t;
|
|
3034
|
-
},
|
|
3040
|
+
}, ss = 6, cs = ({ name: e, imageUrl: t, locale: n, size: r = "md", className: i, testId: s }) => {
|
|
3035
3041
|
const { labels: o } = j();
|
|
3036
3042
|
return /* @__PURE__ */ a(
|
|
3037
3043
|
"span",
|
|
@@ -3041,17 +3047,17 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3041
3047
|
Lt[`avatar--${r}`],
|
|
3042
3048
|
/* Ton yalnizca BAS HARF madalyonunda: gorselin uzerine renk basmak
|
|
3043
3049
|
fotografi bozuyordu. */
|
|
3044
|
-
!t && Lt[`avatar--tone-${
|
|
3050
|
+
!t && Lt[`avatar--tone-${is(e, ss)}`],
|
|
3045
3051
|
i
|
|
3046
3052
|
),
|
|
3047
3053
|
"aria-hidden": !0,
|
|
3048
3054
|
"data-testid": s,
|
|
3049
|
-
children: t ? /* @__PURE__ */ a("img", { className: Lt.avatar__image, src: t, alt: "" }) :
|
|
3055
|
+
children: t ? /* @__PURE__ */ a("img", { className: Lt.avatar__image, src: t, alt: "" }) : os(e, n ?? (o == null ? void 0 : o.locale))
|
|
3050
3056
|
}
|
|
3051
3057
|
);
|
|
3052
|
-
},
|
|
3053
|
-
badge:
|
|
3054
|
-
badge__icon:
|
|
3058
|
+
}, bu = /* @__PURE__ */ I(cs), ls = "hanui-badge-uLAaI", ds = "hanui-badge__icon-R2goZ", St = {
|
|
3059
|
+
badge: ls,
|
|
3060
|
+
badge__icon: ds,
|
|
3055
3061
|
"badge--neutral": "hanui-badge--neutral-6kddt",
|
|
3056
3062
|
"badge--soft": "hanui-badge--soft-gFeRF",
|
|
3057
3063
|
"badge--solid": "hanui-badge--solid-rtdHI",
|
|
@@ -3065,7 +3071,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3065
3071
|
"badge--sale": "hanui-badge--sale-Li1tG",
|
|
3066
3072
|
"badge--action": "hanui-badge--action-7pUio",
|
|
3067
3073
|
"badge--link": "hanui-badge--link-zcNJZ"
|
|
3068
|
-
},
|
|
3074
|
+
}, _s = ({
|
|
3069
3075
|
children: e,
|
|
3070
3076
|
tone: t = "neutral",
|
|
3071
3077
|
variant: n = "soft",
|
|
@@ -3082,13 +3088,13 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3082
3088
|
e
|
|
3083
3089
|
]
|
|
3084
3090
|
}
|
|
3085
|
-
),
|
|
3086
|
-
breadcrumb:
|
|
3087
|
-
breadcrumb__item:
|
|
3088
|
-
breadcrumb__link:
|
|
3089
|
-
breadcrumb__current:
|
|
3090
|
-
breadcrumb__separator:
|
|
3091
|
-
},
|
|
3091
|
+
), gu = /* @__PURE__ */ I(_s), us = "hanui-breadcrumb-amB9n", hs = "hanui-breadcrumb__item-Icv1S", ps = "hanui-breadcrumb__link-eVkPq", ms = "hanui-breadcrumb__current-8XjhU", bs = "hanui-breadcrumb__separator-vvaUi", yt = {
|
|
3092
|
+
breadcrumb: us,
|
|
3093
|
+
breadcrumb__item: hs,
|
|
3094
|
+
breadcrumb__link: ps,
|
|
3095
|
+
breadcrumb__current: ms,
|
|
3096
|
+
breadcrumb__separator: bs
|
|
3097
|
+
}, gs = ({ items: e, label: t, linkProps: n, className: r, testId: i }) => {
|
|
3092
3098
|
const { labels: s } = j();
|
|
3093
3099
|
return /* @__PURE__ */ a(
|
|
3094
3100
|
"nav",
|
|
@@ -3096,56 +3102,56 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3096
3102
|
className: r,
|
|
3097
3103
|
"aria-label": K("Breadcrumb.label", t, s == null ? void 0 : s.breadcrumb),
|
|
3098
3104
|
"data-testid": i,
|
|
3099
|
-
children: /* @__PURE__ */ a("ol", { className: f(yt.breadcrumb), children: e.map((o,
|
|
3100
|
-
const u =
|
|
3105
|
+
children: /* @__PURE__ */ a("ol", { className: f(yt.breadcrumb), children: e.map((o, d) => {
|
|
3106
|
+
const u = d === e.length - 1;
|
|
3101
3107
|
return /* @__PURE__ */ g("li", { className: yt.breadcrumb__item, children: [
|
|
3102
|
-
o.href && !u ? /* @__PURE__ */ a(
|
|
3108
|
+
o.href && !u ? /* @__PURE__ */ a(we, { href: o.href, className: yt.breadcrumb__link, ...n, children: o.label }) : /* @__PURE__ */ a("span", { className: yt.breadcrumb__current, "aria-current": "page", children: o.label }),
|
|
3103
3109
|
!u && /* @__PURE__ */ a(Pt, { "aria-hidden": !0, className: yt.breadcrumb__separator })
|
|
3104
|
-
] }, `${o.label}-${
|
|
3110
|
+
] }, `${o.label}-${d}`);
|
|
3105
3111
|
}) })
|
|
3106
3112
|
}
|
|
3107
3113
|
);
|
|
3108
|
-
},
|
|
3109
|
-
card:
|
|
3114
|
+
}, fu = /* @__PURE__ */ I(gs), fs = "hanui-card-CaHUG", vs = "hanui-media__frame-eBv-s", ys = "hanui-media-eggk5", ws = "hanui-media__link-ujyVV", xs = "hanui-overlay-AVMTX", ks = "hanui-body-DyI-6", Ns = "hanui-footer-2WNCZ", ve = {
|
|
3115
|
+
card: fs,
|
|
3110
3116
|
"card--interactive": "hanui-card--interactive-C1pXZ",
|
|
3111
|
-
media__frame:
|
|
3112
|
-
media:
|
|
3113
|
-
media__link:
|
|
3117
|
+
media__frame: vs,
|
|
3118
|
+
media: ys,
|
|
3119
|
+
media__link: ws,
|
|
3114
3120
|
"media__frame--contained": "hanui-media__frame--contained-Nv9gh",
|
|
3115
|
-
overlay:
|
|
3121
|
+
overlay: xs,
|
|
3116
3122
|
"overlay--top-left": "hanui-overlay--top-left-td1xA",
|
|
3117
3123
|
"overlay--top-right": "hanui-overlay--top-right-GqD9H",
|
|
3118
3124
|
"overlay--bottom-left": "hanui-overlay--bottom-left-T5Quw",
|
|
3119
3125
|
"overlay--bottom-right": "hanui-overlay--bottom-right-za3z3",
|
|
3120
|
-
body:
|
|
3121
|
-
footer:
|
|
3122
|
-
},
|
|
3126
|
+
body: ks,
|
|
3127
|
+
footer: Ns
|
|
3128
|
+
}, $s = ({ children: e, isInteractive: t, as: n = "div", className: r, testId: i }) => /* @__PURE__ */ a(
|
|
3123
3129
|
n,
|
|
3124
3130
|
{
|
|
3125
|
-
className: f(
|
|
3131
|
+
className: f(ve.card, t && ve["card--interactive"], r),
|
|
3126
3132
|
"data-testid": i,
|
|
3127
3133
|
children: e
|
|
3128
3134
|
}
|
|
3129
|
-
),
|
|
3135
|
+
), vu = /* @__PURE__ */ M(
|
|
3130
3136
|
/* @__PURE__ */ I(({ children: e, ratio: t = 1, href: n, linkProps: r, isContained: i = !0, className: s }) => {
|
|
3131
3137
|
const o = /* @__PURE__ */ a(
|
|
3132
3138
|
"span",
|
|
3133
3139
|
{
|
|
3134
|
-
className: f(
|
|
3140
|
+
className: f(ve.media__frame, i && ve["media__frame--contained"]),
|
|
3135
3141
|
style: { aspectRatio: t },
|
|
3136
3142
|
children: e
|
|
3137
3143
|
}
|
|
3138
3144
|
);
|
|
3139
|
-
return /* @__PURE__ */ a("div", { className: f(
|
|
3145
|
+
return /* @__PURE__ */ a("div", { className: f(ve.media, s), children: n ? (
|
|
3140
3146
|
// `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı
|
|
3141
3147
|
// zaten sekme sırasında. Görseli ikinci bir durak yapmak klavye
|
|
3142
3148
|
// gezinmesini iki katına çıkarıyor, ekran okuyucuda da aynı kayıt
|
|
3143
3149
|
// arka arkaya iki kez duyuruluyordu.
|
|
3144
3150
|
/* @__PURE__ */ a(
|
|
3145
|
-
|
|
3151
|
+
we,
|
|
3146
3152
|
{
|
|
3147
3153
|
href: n,
|
|
3148
|
-
className:
|
|
3154
|
+
className: ve.media__link,
|
|
3149
3155
|
tabIndex: -1,
|
|
3150
3156
|
"aria-hidden": !0,
|
|
3151
3157
|
...r,
|
|
@@ -3155,24 +3161,24 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3155
3161
|
) : o });
|
|
3156
3162
|
}),
|
|
3157
3163
|
"CardMedia"
|
|
3158
|
-
), vu = /* @__PURE__ */ M(
|
|
3159
|
-
/* @__PURE__ */ I(({ children: e, position: t = "top-left", className: n }) => /* @__PURE__ */ a("div", { className: f(fe.overlay, fe[`overlay--${t}`], n), children: e })),
|
|
3160
|
-
"CardOverlay"
|
|
3161
3164
|
), yu = /* @__PURE__ */ M(
|
|
3162
|
-
/* @__PURE__ */ I(({ children: e,
|
|
3163
|
-
"
|
|
3165
|
+
/* @__PURE__ */ I(({ children: e, position: t = "top-left", className: n }) => /* @__PURE__ */ a("div", { className: f(ve.overlay, ve[`overlay--${t}`], n), children: e })),
|
|
3166
|
+
"CardOverlay"
|
|
3164
3167
|
), wu = /* @__PURE__ */ M(
|
|
3165
|
-
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(
|
|
3168
|
+
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ve.body, t), children: e })),
|
|
3169
|
+
"CardBody"
|
|
3170
|
+
), xu = /* @__PURE__ */ M(
|
|
3171
|
+
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ve.footer, t), children: e })),
|
|
3166
3172
|
"CardFooter"
|
|
3167
|
-
),
|
|
3168
|
-
carousel:
|
|
3169
|
-
carousel__controls:
|
|
3170
|
-
carousel__arrowIcon:
|
|
3171
|
-
carousel__track:
|
|
3172
|
-
carousel__dots:
|
|
3173
|
-
carousel__dot:
|
|
3173
|
+
), ku = /* @__PURE__ */ I($s), Ds = "hanui-carousel-GJXkW", Is = "hanui-carousel__controls-hm5ij", Ts = "hanui-carousel__arrowIcon-adFey", Cs = "hanui-carousel__track-mAux5", Es = "hanui-carousel__dots-iU8RJ", Ls = "hanui-carousel__dot-JTLCB", Be = {
|
|
3174
|
+
carousel: Ds,
|
|
3175
|
+
carousel__controls: Is,
|
|
3176
|
+
carousel__arrowIcon: Ts,
|
|
3177
|
+
carousel__track: Cs,
|
|
3178
|
+
carousel__dots: Es,
|
|
3179
|
+
carousel__dot: Ls,
|
|
3174
3180
|
"carousel__dot--active": "hanui-carousel__dot--active-riNMm"
|
|
3175
|
-
},
|
|
3181
|
+
}, Ss = ({
|
|
3176
3182
|
children: e,
|
|
3177
3183
|
label: t,
|
|
3178
3184
|
previousLabel: n,
|
|
@@ -3180,9 +3186,9 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3180
3186
|
formatDotLabel: i,
|
|
3181
3187
|
itemMinWidth: s = 240,
|
|
3182
3188
|
className: o,
|
|
3183
|
-
testId:
|
|
3189
|
+
testId: d
|
|
3184
3190
|
}) => {
|
|
3185
|
-
const u = L(null), [
|
|
3191
|
+
const u = L(null), [l, c] = O(!1), [_, h] = O(!1), [m, w] = O(0), [b, p] = O(1), [v, D] = O(!1), N = z(() => {
|
|
3186
3192
|
const $ = u.current;
|
|
3187
3193
|
if (!$) return;
|
|
3188
3194
|
const { scrollLeft: x, scrollWidth: C, clientWidth: S } = $;
|
|
@@ -3206,16 +3212,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3206
3212
|
behavior: "smooth"
|
|
3207
3213
|
});
|
|
3208
3214
|
};
|
|
3209
|
-
return /* @__PURE__ */ g("section", { className: f(Be.carousel, o), "aria-label": t, "data-testid":
|
|
3215
|
+
return /* @__PURE__ */ g("section", { className: f(Be.carousel, o), "aria-label": t, "data-testid": d, children: [
|
|
3210
3216
|
/* @__PURE__ */ g("div", { className: Be.carousel__controls, children: [
|
|
3211
3217
|
/* @__PURE__ */ a(
|
|
3212
3218
|
Se,
|
|
3213
3219
|
{
|
|
3214
|
-
icon: /* @__PURE__ */ a(
|
|
3220
|
+
icon: /* @__PURE__ */ a(Ra, { "aria-hidden": !0, className: Be.carousel__arrowIcon }),
|
|
3215
3221
|
label: n,
|
|
3216
3222
|
variant: "outline",
|
|
3217
3223
|
size: "sm",
|
|
3218
|
-
disabled: !
|
|
3224
|
+
disabled: !l,
|
|
3219
3225
|
onClick: () => y(-1)
|
|
3220
3226
|
}
|
|
3221
3227
|
),
|
|
@@ -3226,7 +3232,7 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3226
3232
|
label: r,
|
|
3227
3233
|
variant: "outline",
|
|
3228
3234
|
size: "sm",
|
|
3229
|
-
disabled: !
|
|
3235
|
+
disabled: !_,
|
|
3230
3236
|
onClick: () => y(1)
|
|
3231
3237
|
}
|
|
3232
3238
|
)
|
|
@@ -3264,15 +3270,15 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3264
3270
|
x
|
|
3265
3271
|
)) })
|
|
3266
3272
|
] });
|
|
3267
|
-
},
|
|
3268
|
-
copy:
|
|
3273
|
+
}, Nu = /* @__PURE__ */ I(/* @__PURE__ */ M(Ss, "Carousel")), Rs = "hanui-copy-Yht5s", As = "hanui-copy__code-CYlCA", Ms = "hanui-copy__button-GDdH6", Bs = "hanui-copy__srOnly-WMTNN", rt = {
|
|
3274
|
+
copy: Rs,
|
|
3269
3275
|
"copy--sm": "hanui-copy--sm-Tjqws",
|
|
3270
|
-
copy__code:
|
|
3276
|
+
copy__code: As,
|
|
3271
3277
|
"copy--md": "hanui-copy--md-00rhU",
|
|
3272
|
-
copy__button:
|
|
3278
|
+
copy__button: Ms,
|
|
3273
3279
|
"copy__button--done": "hanui-copy__button--done-MujUR",
|
|
3274
|
-
copy__srOnly:
|
|
3275
|
-
},
|
|
3280
|
+
copy__srOnly: Bs
|
|
3281
|
+
}, Fs = 1600, Ps = ({
|
|
3276
3282
|
value: e,
|
|
3277
3283
|
copyLabel: t,
|
|
3278
3284
|
copiedLabel: n,
|
|
@@ -3280,13 +3286,13 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3280
3286
|
size: i = "sm",
|
|
3281
3287
|
isReadOnly: s,
|
|
3282
3288
|
className: o,
|
|
3283
|
-
testId:
|
|
3289
|
+
testId: d
|
|
3284
3290
|
}) => {
|
|
3285
3291
|
var b, p, v, D, N;
|
|
3286
|
-
const { labels: u } = j(), [
|
|
3292
|
+
const { labels: u } = j(), [l, c] = O(!1), _ = L(null), h = L(void 0);
|
|
3287
3293
|
A(() => () => window.clearTimeout(h.current), []);
|
|
3288
3294
|
const m = z(() => {
|
|
3289
|
-
const y =
|
|
3295
|
+
const y = _.current;
|
|
3290
3296
|
if (!y) return;
|
|
3291
3297
|
const $ = document.createRange();
|
|
3292
3298
|
$.selectNodeContents(y);
|
|
@@ -3294,65 +3300,65 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3294
3300
|
x == null || x.removeAllRanges(), x == null || x.addRange($);
|
|
3295
3301
|
}, []), w = z(async () => {
|
|
3296
3302
|
try {
|
|
3297
|
-
await navigator.clipboard.writeText(e), c(!0), h.current = window.setTimeout(() => c(!1),
|
|
3303
|
+
await navigator.clipboard.writeText(e), c(!0), h.current = window.setTimeout(() => c(!1), Fs);
|
|
3298
3304
|
} catch {
|
|
3299
3305
|
m();
|
|
3300
3306
|
}
|
|
3301
3307
|
}, [e, m]);
|
|
3302
|
-
return /* @__PURE__ */ g("span", { className: f(rt.copy, rt[`copy--${i}`], o), "data-testid":
|
|
3303
|
-
/* @__PURE__ */ a("span", { className: rt.copy__code, ref:
|
|
3308
|
+
return /* @__PURE__ */ g("span", { className: f(rt.copy, rt[`copy--${i}`], o), "data-testid": d, children: [
|
|
3309
|
+
/* @__PURE__ */ a("span", { className: rt.copy__code, ref: _, children: e }),
|
|
3304
3310
|
!s && /* @__PURE__ */ a(
|
|
3305
3311
|
"button",
|
|
3306
3312
|
{
|
|
3307
3313
|
type: "button",
|
|
3308
|
-
className: f(rt.copy__button,
|
|
3314
|
+
className: f(rt.copy__button, l && rt["copy__button--done"]),
|
|
3309
3315
|
onClick: w,
|
|
3310
|
-
"aria-label":
|
|
3311
|
-
title:
|
|
3312
|
-
children:
|
|
3316
|
+
"aria-label": l ? n ?? st("CopyField.copiedLabel", (b = u == null ? void 0 : u.copyField) == null ? void 0 : b.copied, e) : t ?? st("CopyField.copyLabel", (p = u == null ? void 0 : u.copyField) == null ? void 0 : p.copy, e),
|
|
3317
|
+
title: l ? n ?? st("CopyField.copiedLabel", (v = u == null ? void 0 : u.copyField) == null ? void 0 : v.copied, e) : t ?? st("CopyField.copyLabel", (D = u == null ? void 0 : u.copyField) == null ? void 0 : D.copy, e),
|
|
3318
|
+
children: l ? /* @__PURE__ */ a(tn, { "aria-hidden": !0 }) : /* @__PURE__ */ a(an, { "aria-hidden": !0 })
|
|
3313
3319
|
}
|
|
3314
3320
|
),
|
|
3315
|
-
/* @__PURE__ */ a("span", { "aria-live": "polite", className: rt.copy__srOnly, children:
|
|
3321
|
+
/* @__PURE__ */ a("span", { "aria-live": "polite", className: rt.copy__srOnly, children: l ? K(
|
|
3316
3322
|
"CopyField.copiedAnnouncement",
|
|
3317
3323
|
r,
|
|
3318
3324
|
(N = u == null ? void 0 : u.copyField) == null ? void 0 : N.announcement
|
|
3319
3325
|
) : "" })
|
|
3320
3326
|
] });
|
|
3321
|
-
},
|
|
3322
|
-
divider:
|
|
3327
|
+
}, $u = /* @__PURE__ */ I(Ps), Os = "hanui-divider-RJqCw", zs = "hanui-divider__label-M8sBA", Rt = {
|
|
3328
|
+
divider: Os,
|
|
3323
3329
|
"divider--labelled": "hanui-divider--labelled-jZH1-",
|
|
3324
|
-
divider__label:
|
|
3325
|
-
},
|
|
3326
|
-
directory:
|
|
3327
|
-
group:
|
|
3328
|
-
group__header:
|
|
3329
|
-
group__label:
|
|
3330
|
-
group__link:
|
|
3331
|
-
group__meta:
|
|
3332
|
-
group__list:
|
|
3333
|
-
row:
|
|
3334
|
-
row__name:
|
|
3335
|
-
row__media:
|
|
3336
|
-
row__marker:
|
|
3337
|
-
jump:
|
|
3338
|
-
jump__link:
|
|
3339
|
-
},
|
|
3330
|
+
divider__label: zs
|
|
3331
|
+
}, Hs = ({ label: e, className: t }) => e ? /* @__PURE__ */ a("div", { className: f(Rt.divider, Rt["divider--labelled"], t), children: /* @__PURE__ */ a("span", { className: Rt.divider__label, children: e }) }) : /* @__PURE__ */ a("hr", { className: f(Rt.divider, t) }), Du = /* @__PURE__ */ I(Hs), Ks = "hanui-directory-badEd", Us = "hanui-group-i6An9", qs = "hanui-group__header-rc19c", js = "hanui-group__label-vQTcs", Ys = "hanui-group__link-es5V7", Gs = "hanui-group__meta-LtC-u", Xs = "hanui-group__list-YxBCG", Qs = "hanui-row-3LH7X", Js = "hanui-row__name-75Wbq", Ws = "hanui-row__media-AxZEh", Zs = "hanui-row__marker-RYHb-", Vs = "hanui-jump-vpGwB", ec = "hanui-jump__link-rRnT6", se = {
|
|
3332
|
+
directory: Ks,
|
|
3333
|
+
group: Us,
|
|
3334
|
+
group__header: qs,
|
|
3335
|
+
group__label: js,
|
|
3336
|
+
group__link: Ys,
|
|
3337
|
+
group__meta: Gs,
|
|
3338
|
+
group__list: Xs,
|
|
3339
|
+
row: Qs,
|
|
3340
|
+
row__name: Js,
|
|
3341
|
+
row__media: Ws,
|
|
3342
|
+
row__marker: Zs,
|
|
3343
|
+
jump: Vs,
|
|
3344
|
+
jump__link: ec
|
|
3345
|
+
}, tc = ({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(se.directory, t), children: e }), Iu = /* @__PURE__ */ M(
|
|
3340
3346
|
/* @__PURE__ */ I(({ label: e, href: t, linkProps: n, meta: r, children: i, id: s }) => /* @__PURE__ */ g("section", { className: se.group, id: s, children: [
|
|
3341
3347
|
/* @__PURE__ */ g("header", { className: se.group__header, children: [
|
|
3342
|
-
/* @__PURE__ */ a("h2", { className: se.group__label, children: t ? /* @__PURE__ */ a(
|
|
3348
|
+
/* @__PURE__ */ a("h2", { className: se.group__label, children: t ? /* @__PURE__ */ a(we, { href: t, className: se.group__link, ...n, children: e }) : e }),
|
|
3343
3349
|
r && /* @__PURE__ */ a("span", { className: se.group__meta, children: r })
|
|
3344
3350
|
] }),
|
|
3345
3351
|
/* @__PURE__ */ a("ul", { className: se.group__list, children: i })
|
|
3346
3352
|
] })),
|
|
3347
3353
|
"DirectoryGroup"
|
|
3348
|
-
),
|
|
3349
|
-
/* @__PURE__ */ I(({ href: e, name: t, media: n, marker: r, linkProps: i, className: s }) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ g(
|
|
3354
|
+
), Tu = /* @__PURE__ */ M(
|
|
3355
|
+
/* @__PURE__ */ I(({ href: e, name: t, media: n, marker: r, linkProps: i, className: s }) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ g(we, { href: e, className: f(se.row, s), ...i, children: [
|
|
3350
3356
|
n && /* @__PURE__ */ a("span", { className: se.row__media, children: n }),
|
|
3351
3357
|
/* @__PURE__ */ a("span", { className: se.row__name, children: t }),
|
|
3352
3358
|
r && /* @__PURE__ */ a("span", { className: se.row__marker, children: r })
|
|
3353
3359
|
] }) })),
|
|
3354
3360
|
"DirectoryRow"
|
|
3355
|
-
),
|
|
3361
|
+
), Cu = /* @__PURE__ */ M(
|
|
3356
3362
|
/* @__PURE__ */ I(({ labels: e, toId: t, label: n }) => {
|
|
3357
3363
|
const { labels: r } = j();
|
|
3358
3364
|
return /* @__PURE__ */ a(
|
|
@@ -3365,15 +3371,15 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3365
3371
|
);
|
|
3366
3372
|
}),
|
|
3367
3373
|
"DirectoryJump"
|
|
3368
|
-
),
|
|
3369
|
-
empty:
|
|
3370
|
-
empty__icon:
|
|
3371
|
-
empty__title:
|
|
3372
|
-
empty__description:
|
|
3373
|
-
empty__actions:
|
|
3374
|
+
), Eu = /* @__PURE__ */ I(tc), ac = "hanui-empty-47qZR", nc = "hanui-empty__icon-okfEc", rc = "hanui-empty__title-Z7Dzd", oc = "hanui-empty__description-6BoCk", ic = "hanui-empty__actions-ARk-k", Ye = {
|
|
3375
|
+
empty: ac,
|
|
3376
|
+
empty__icon: nc,
|
|
3377
|
+
empty__title: rc,
|
|
3378
|
+
empty__description: oc,
|
|
3379
|
+
empty__actions: ic,
|
|
3374
3380
|
"empty--sm": "hanui-empty--sm-QXaXx",
|
|
3375
3381
|
"empty--error": "hanui-empty--error-4BBgp"
|
|
3376
|
-
},
|
|
3382
|
+
}, sc = ({
|
|
3377
3383
|
title: e,
|
|
3378
3384
|
description: t,
|
|
3379
3385
|
icon: n,
|
|
@@ -3381,12 +3387,12 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3381
3387
|
secondaryAction: i,
|
|
3382
3388
|
tone: s = "empty",
|
|
3383
3389
|
size: o = "md",
|
|
3384
|
-
className:
|
|
3390
|
+
className: d,
|
|
3385
3391
|
testId: u
|
|
3386
3392
|
}) => /* @__PURE__ */ g(
|
|
3387
3393
|
"div",
|
|
3388
3394
|
{
|
|
3389
|
-
className: f(Ye.empty, Ye[`empty--${o}`], Ye[`empty--${s}`],
|
|
3395
|
+
className: f(Ye.empty, Ye[`empty--${o}`], Ye[`empty--${s}`], d),
|
|
3390
3396
|
role: s === "error" ? "alert" : void 0,
|
|
3391
3397
|
"data-testid": u,
|
|
3392
3398
|
children: [
|
|
@@ -3399,17 +3405,17 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3399
3405
|
] })
|
|
3400
3406
|
]
|
|
3401
3407
|
}
|
|
3402
|
-
),
|
|
3403
|
-
header:
|
|
3404
|
-
header__top:
|
|
3405
|
-
header__text:
|
|
3406
|
-
header__eyebrow:
|
|
3407
|
-
header__titleRow:
|
|
3408
|
-
header__title:
|
|
3409
|
-
header__meta:
|
|
3410
|
-
header__description:
|
|
3411
|
-
header__actions:
|
|
3412
|
-
},
|
|
3408
|
+
), Lu = /* @__PURE__ */ I(sc), cc = "hanui-header-yJwus", lc = "hanui-header__top-UK4si", dc = "hanui-header__text-HIo8U", _c = "hanui-header__eyebrow-dZ9Zc", uc = "hanui-header__titleRow-KgDZj", hc = "hanui-header__title-s1giF", pc = "hanui-header__meta-UxuaD", mc = "hanui-header__description-NXbbC", bc = "hanui-header__actions-aShpt", $e = {
|
|
3409
|
+
header: cc,
|
|
3410
|
+
header__top: lc,
|
|
3411
|
+
header__text: dc,
|
|
3412
|
+
header__eyebrow: _c,
|
|
3413
|
+
header__titleRow: uc,
|
|
3414
|
+
header__title: hc,
|
|
3415
|
+
header__meta: pc,
|
|
3416
|
+
header__description: mc,
|
|
3417
|
+
header__actions: bc
|
|
3418
|
+
}, gc = ({
|
|
3413
3419
|
title: e,
|
|
3414
3420
|
eyebrow: t,
|
|
3415
3421
|
description: n,
|
|
@@ -3417,16 +3423,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3417
3423
|
breadcrumb: i,
|
|
3418
3424
|
meta: s,
|
|
3419
3425
|
children: o,
|
|
3420
|
-
as:
|
|
3426
|
+
as: d = "h1",
|
|
3421
3427
|
className: u,
|
|
3422
|
-
testId:
|
|
3423
|
-
}) => /* @__PURE__ */ g("header", { className: f($e.header, u), "data-testid":
|
|
3428
|
+
testId: l
|
|
3429
|
+
}) => /* @__PURE__ */ g("header", { className: f($e.header, u), "data-testid": l, children: [
|
|
3424
3430
|
i,
|
|
3425
3431
|
/* @__PURE__ */ g("div", { className: $e.header__top, children: [
|
|
3426
3432
|
/* @__PURE__ */ g("div", { className: $e.header__text, children: [
|
|
3427
3433
|
t && /* @__PURE__ */ a("span", { className: $e.header__eyebrow, children: t }),
|
|
3428
3434
|
/* @__PURE__ */ g("div", { className: $e.header__titleRow, children: [
|
|
3429
|
-
/* @__PURE__ */ a(
|
|
3435
|
+
/* @__PURE__ */ a(d, { className: $e.header__title, children: e }),
|
|
3430
3436
|
s && /* @__PURE__ */ a("span", { className: $e.header__meta, children: s })
|
|
3431
3437
|
] }),
|
|
3432
3438
|
n && /* @__PURE__ */ a("p", { className: $e.header__description, children: n })
|
|
@@ -3434,24 +3440,24 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3434
3440
|
r && /* @__PURE__ */ a("div", { className: $e.header__actions, children: r })
|
|
3435
3441
|
] }),
|
|
3436
3442
|
o
|
|
3437
|
-
] }),
|
|
3438
|
-
panel:
|
|
3439
|
-
panel__header:
|
|
3440
|
-
panel__heading:
|
|
3441
|
-
panel__icon:
|
|
3442
|
-
panel__headingText:
|
|
3443
|
-
panel__title:
|
|
3444
|
-
panel__description:
|
|
3445
|
-
panel__actions:
|
|
3446
|
-
panel__body:
|
|
3443
|
+
] }), Su = /* @__PURE__ */ I(gc), fc = "hanui-panel-Sv-1m", vc = "hanui-panel__header-ysexh", yc = "hanui-panel__heading-xLCsB", wc = "hanui-panel__icon--yPQT", xc = "hanui-panel__headingText--XqxW", kc = "hanui-panel__title-6-6uC", Nc = "hanui-panel__description-qXTSM", $c = "hanui-panel__actions-Ra-zy", Dc = "hanui-panel__body-lo5aX", Ic = "hanui-panel__footer-qLpR1", Tc = "hanui-form-o9UqJ", Cc = "hanui-row-vUGpa", ee = {
|
|
3444
|
+
panel: fc,
|
|
3445
|
+
panel__header: vc,
|
|
3446
|
+
panel__heading: yc,
|
|
3447
|
+
panel__icon: wc,
|
|
3448
|
+
panel__headingText: xc,
|
|
3449
|
+
panel__title: kc,
|
|
3450
|
+
panel__description: Nc,
|
|
3451
|
+
panel__actions: $c,
|
|
3452
|
+
panel__body: Dc,
|
|
3447
3453
|
"panel__body--sm": "hanui-panel__body--sm-6XP6W",
|
|
3448
3454
|
"panel__body--lg": "hanui-panel__body--lg-RTK5B",
|
|
3449
3455
|
"panel__body--flush": "hanui-panel__body--flush-iK75R",
|
|
3450
|
-
panel__footer:
|
|
3451
|
-
form:
|
|
3456
|
+
panel__footer: Ic,
|
|
3457
|
+
form: Tc,
|
|
3452
3458
|
"form--2": "hanui-form--2-HdwDc",
|
|
3453
|
-
row:
|
|
3454
|
-
},
|
|
3459
|
+
row: Cc
|
|
3460
|
+
}, Ec = ({
|
|
3455
3461
|
children: e,
|
|
3456
3462
|
title: t,
|
|
3457
3463
|
description: n,
|
|
@@ -3459,12 +3465,12 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3459
3465
|
icon: i,
|
|
3460
3466
|
isFlush: s,
|
|
3461
3467
|
gap: o = "md",
|
|
3462
|
-
footer:
|
|
3468
|
+
footer: d,
|
|
3463
3469
|
as: u = "section",
|
|
3464
|
-
className:
|
|
3470
|
+
className: l,
|
|
3465
3471
|
bodyClassName: c,
|
|
3466
|
-
testId:
|
|
3467
|
-
}) => /* @__PURE__ */ g(u, { className: f(ee.panel,
|
|
3472
|
+
testId: _
|
|
3473
|
+
}) => /* @__PURE__ */ g(u, { className: f(ee.panel, l), "data-testid": _, children: [
|
|
3468
3474
|
(t || r) && /* @__PURE__ */ g("div", { className: ee.panel__header, children: [
|
|
3469
3475
|
/* @__PURE__ */ g("div", { className: ee.panel__heading, children: [
|
|
3470
3476
|
i && /* @__PURE__ */ a("span", { className: ee.panel__icon, children: i }),
|
|
@@ -3487,72 +3493,72 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3487
3493
|
children: e
|
|
3488
3494
|
}
|
|
3489
3495
|
),
|
|
3490
|
-
|
|
3491
|
-
] }),
|
|
3496
|
+
d && /* @__PURE__ */ a("div", { className: ee.panel__footer, children: d })
|
|
3497
|
+
] }), Ru = /* @__PURE__ */ M(
|
|
3492
3498
|
/* @__PURE__ */ I(({ children: e, columns: t = 1, className: n }) => /* @__PURE__ */ a("div", { className: f(ee.form, ee[`form--${t}`], n), children: e })),
|
|
3493
3499
|
"PanelForm"
|
|
3494
|
-
),
|
|
3500
|
+
), Au = /* @__PURE__ */ M(
|
|
3495
3501
|
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ee.row, t), children: e })),
|
|
3496
3502
|
"PanelRow"
|
|
3497
|
-
),
|
|
3498
|
-
price:
|
|
3499
|
-
price__current:
|
|
3500
|
-
price__currency:
|
|
3501
|
-
price__list:
|
|
3502
|
-
price__discount:
|
|
3503
|
+
), Mu = /* @__PURE__ */ I(Ec), Lc = "hanui-price-Oc5Nr", Sc = "hanui-price__current-2Xup2", Rc = "hanui-price__currency-32NLN", Ac = "hanui-price__list-MlQgT", Mc = "hanui-price__discount-5Yc6W", Ge = {
|
|
3504
|
+
price: Lc,
|
|
3505
|
+
price__current: Sc,
|
|
3506
|
+
price__currency: Rc,
|
|
3507
|
+
price__list: Ac,
|
|
3508
|
+
price__discount: Mc,
|
|
3503
3509
|
"price--sm": "hanui-price--sm-Hd8Oe",
|
|
3504
3510
|
"price--md": "hanui-price--md-JMxlK",
|
|
3505
3511
|
"price--lg": "hanui-price--lg-TFqIF",
|
|
3506
3512
|
"price--xl": "hanui-price--xl-EJBYq"
|
|
3507
|
-
},
|
|
3513
|
+
}, Bc = ({
|
|
3508
3514
|
value: e,
|
|
3509
3515
|
currency: t,
|
|
3510
3516
|
listValue: n,
|
|
3511
3517
|
discountPercent: r,
|
|
3512
|
-
formatDiscount: i = (
|
|
3518
|
+
formatDiscount: i = (l) => `%${l}`,
|
|
3513
3519
|
isFormatted: s,
|
|
3514
3520
|
size: o = "md",
|
|
3515
|
-
className:
|
|
3521
|
+
className: d,
|
|
3516
3522
|
testId: u
|
|
3517
3523
|
}) => {
|
|
3518
|
-
const { labels:
|
|
3519
|
-
if (!s || !(
|
|
3524
|
+
const { labels: l } = j(), c = K("Price.currency", t, l == null ? void 0 : l.currency), _ = (h) => {
|
|
3525
|
+
if (!s || !(l != null && l.locale) || !/\d/.test(h)) return h;
|
|
3520
3526
|
const m = Number(
|
|
3521
3527
|
h.replace(/[^\d.,-]/g, "").replace(/\.(?=\d{3}\b)/g, "").replace(",", ".")
|
|
3522
3528
|
);
|
|
3523
3529
|
if (!Number.isFinite(m)) return h;
|
|
3524
3530
|
try {
|
|
3525
|
-
return new Intl.NumberFormat(
|
|
3531
|
+
return new Intl.NumberFormat(l.locale).format(m);
|
|
3526
3532
|
} catch {
|
|
3527
3533
|
return h;
|
|
3528
3534
|
}
|
|
3529
3535
|
};
|
|
3530
|
-
return /* @__PURE__ */ g("span", { className: f(Ge.price, Ge[`price--${o}`],
|
|
3536
|
+
return /* @__PURE__ */ g("span", { className: f(Ge.price, Ge[`price--${o}`], d), "data-testid": u, children: [
|
|
3531
3537
|
/* @__PURE__ */ g("span", { className: Ge.price__current, children: [
|
|
3532
|
-
|
|
3538
|
+
_(e),
|
|
3533
3539
|
/* @__PURE__ */ a("span", { className: Ge.price__currency, children: c })
|
|
3534
3540
|
] }),
|
|
3535
3541
|
n && /* @__PURE__ */ g("s", { className: Ge.price__list, children: [
|
|
3536
|
-
|
|
3542
|
+
_(n),
|
|
3537
3543
|
/* @__PURE__ */ a("span", { className: Ge.price__currency, children: c })
|
|
3538
3544
|
] }),
|
|
3539
3545
|
r !== void 0 && r > 0 && /* @__PURE__ */ a("span", { className: Ge.price__discount, children: i(r) })
|
|
3540
3546
|
] });
|
|
3541
|
-
},
|
|
3542
|
-
rating:
|
|
3543
|
-
rating__stars:
|
|
3544
|
-
rating__empty:
|
|
3545
|
-
rating__count:
|
|
3546
|
-
rating__srOnly:
|
|
3547
|
+
}, Bu = /* @__PURE__ */ I(Bc), Fc = "hanui-rating-94dke", Pc = "hanui-rating__stars-QkpVU", Oc = "hanui-rating__empty-Wf6-K", zc = "hanui-rating__count-pIoEs", Hc = "hanui-rating__srOnly-E9h0d", ot = {
|
|
3548
|
+
rating: Fc,
|
|
3549
|
+
rating__stars: Pc,
|
|
3550
|
+
rating__empty: Oc,
|
|
3551
|
+
rating__count: zc,
|
|
3552
|
+
rating__srOnly: Hc,
|
|
3547
3553
|
"rating--sm": "hanui-rating--sm-AtY7U",
|
|
3548
3554
|
"rating--md": "hanui-rating--md-Q0nxN"
|
|
3549
|
-
},
|
|
3555
|
+
}, Kc = ({ value: e, count: t, srLabel: n, size: r = "sm", className: i, testId: s }) => {
|
|
3550
3556
|
var u;
|
|
3551
|
-
const { labels: o } = j(),
|
|
3557
|
+
const { labels: o } = j(), d = Math.round(e * 2) / 2;
|
|
3552
3558
|
return /* @__PURE__ */ g("span", { className: f(ot.rating, ot[`rating--${r}`], i), "data-testid": s, children: [
|
|
3553
|
-
/* @__PURE__ */ a("span", { className: ot.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (
|
|
3554
|
-
const
|
|
3555
|
-
return
|
|
3559
|
+
/* @__PURE__ */ a("span", { className: ot.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (l, c) => {
|
|
3560
|
+
const _ = c + 1;
|
|
3561
|
+
return d >= _ ? /* @__PURE__ */ a(Jt, {}, c) : d >= _ - 0.5 ? /* @__PURE__ */ a(nn, {}, c) : /* @__PURE__ */ a(Jt, { className: ot.rating__empty }, c);
|
|
3556
3562
|
}) }),
|
|
3557
3563
|
/* @__PURE__ */ a("span", { className: ot.rating__srOnly, children: n ?? st("Rating.srLabel", (u = o == null ? void 0 : o.rating) == null ? void 0 : u.srLabel, e, t) }),
|
|
3558
3564
|
lt(t) && /* @__PURE__ */ g("span", { className: ot.rating__count, "aria-hidden": !0, children: [
|
|
@@ -3561,16 +3567,16 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3561
3567
|
")"
|
|
3562
3568
|
] })
|
|
3563
3569
|
] });
|
|
3564
|
-
},
|
|
3565
|
-
header:
|
|
3566
|
-
header__text:
|
|
3567
|
-
header__overline:
|
|
3568
|
-
header__title:
|
|
3569
|
-
header__description:
|
|
3570
|
-
header__action:
|
|
3570
|
+
}, Fu = /* @__PURE__ */ I(Kc), Uc = "hanui-header-a08Jh", qc = "hanui-header__text-ArJkA", jc = "hanui-header__overline-X5Epo", Yc = "hanui-header__title-nQQQJ", Gc = "hanui-header__description-08oCr", Xc = "hanui-header__action-xsxQF", Xe = {
|
|
3571
|
+
header: Uc,
|
|
3572
|
+
header__text: qc,
|
|
3573
|
+
header__overline: jc,
|
|
3574
|
+
header__title: Yc,
|
|
3575
|
+
header__description: Gc,
|
|
3576
|
+
header__action: Xc,
|
|
3571
3577
|
"header--sm": "hanui-header--sm-mIJWZ",
|
|
3572
3578
|
"header--lg": "hanui-header--lg-QBLIz"
|
|
3573
|
-
},
|
|
3579
|
+
}, Qc = ({
|
|
3574
3580
|
title: e,
|
|
3575
3581
|
description: t,
|
|
3576
3582
|
overline: n,
|
|
@@ -3578,21 +3584,21 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3578
3584
|
as: i = "h2",
|
|
3579
3585
|
size: s = "md",
|
|
3580
3586
|
className: o,
|
|
3581
|
-
testId:
|
|
3582
|
-
}) => /* @__PURE__ */ g("header", { className: f(Xe.header, Xe[`header--${s}`], o), "data-testid":
|
|
3587
|
+
testId: d
|
|
3588
|
+
}) => /* @__PURE__ */ g("header", { className: f(Xe.header, Xe[`header--${s}`], o), "data-testid": d, children: [
|
|
3583
3589
|
/* @__PURE__ */ g("div", { className: Xe.header__text, children: [
|
|
3584
3590
|
n && /* @__PURE__ */ a("span", { className: Xe.header__overline, children: n }),
|
|
3585
3591
|
/* @__PURE__ */ a(i, { className: Xe.header__title, children: e }),
|
|
3586
3592
|
t && /* @__PURE__ */ a("p", { className: Xe.header__description, children: t })
|
|
3587
3593
|
] }),
|
|
3588
3594
|
r && /* @__PURE__ */ a("div", { className: Xe.header__action, children: r })
|
|
3589
|
-
] }),
|
|
3590
|
-
scrollArea:
|
|
3595
|
+
] }), Pu = /* @__PURE__ */ I(Qc), Jc = "hanui-scrollArea-Ly-yT", Qt = {
|
|
3596
|
+
scrollArea: Jc,
|
|
3591
3597
|
"scrollArea--vertical": "hanui-scrollArea--vertical-2ujC7",
|
|
3592
3598
|
"scrollArea--horizontal": "hanui-scrollArea--horizontal-e9pu-",
|
|
3593
3599
|
"scrollArea--both": "hanui-scrollArea--both-lv-8W",
|
|
3594
3600
|
"scrollArea--fade": "hanui-scrollArea--fade-01Bbm"
|
|
3595
|
-
},
|
|
3601
|
+
}, Wc = ({
|
|
3596
3602
|
children: e,
|
|
3597
3603
|
label: t,
|
|
3598
3604
|
axis: n = "vertical",
|
|
@@ -3601,25 +3607,25 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3601
3607
|
className: s,
|
|
3602
3608
|
testId: o
|
|
3603
3609
|
}) => {
|
|
3604
|
-
const
|
|
3610
|
+
const d = L(null), [u, l] = O(!1);
|
|
3605
3611
|
return A(() => {
|
|
3606
|
-
const c =
|
|
3612
|
+
const c = d.current;
|
|
3607
3613
|
if (!c || typeof ResizeObserver > "u") return;
|
|
3608
|
-
const
|
|
3614
|
+
const _ = () => {
|
|
3609
3615
|
const m = c.scrollHeight > c.clientHeight, w = c.scrollWidth > c.clientWidth;
|
|
3610
|
-
|
|
3616
|
+
l(
|
|
3611
3617
|
n === "horizontal" ? w : n === "vertical" ? m : m || w
|
|
3612
3618
|
);
|
|
3613
3619
|
};
|
|
3614
|
-
|
|
3615
|
-
const h = new ResizeObserver(
|
|
3620
|
+
_();
|
|
3621
|
+
const h = new ResizeObserver(_);
|
|
3616
3622
|
h.observe(c);
|
|
3617
3623
|
for (const m of c.children) h.observe(m);
|
|
3618
3624
|
return () => h.disconnect();
|
|
3619
3625
|
}, [n, e]), /* @__PURE__ */ a(
|
|
3620
3626
|
"div",
|
|
3621
3627
|
{
|
|
3622
|
-
ref:
|
|
3628
|
+
ref: d,
|
|
3623
3629
|
className: f(
|
|
3624
3630
|
Qt.scrollArea,
|
|
3625
3631
|
Qt[`scrollArea--${n}`],
|
|
@@ -3634,35 +3640,35 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3634
3640
|
children: e
|
|
3635
3641
|
}
|
|
3636
3642
|
);
|
|
3637
|
-
},
|
|
3638
|
-
/* @__PURE__ */ M(
|
|
3639
|
-
),
|
|
3640
|
-
skeleton:
|
|
3643
|
+
}, Ou = /* @__PURE__ */ I(
|
|
3644
|
+
/* @__PURE__ */ M(Wc, "ScrollArea")
|
|
3645
|
+
), Zc = "hanui-skeleton-n92if", Vc = "hanui-group-YMfwa", el = "hanui-card-XQs-Q", tl = "hanui-card__media-YLJDv", al = "hanui-card__body-msRvB", nl = "hanui-rows-EZ9Am", rl = "hanui-row-se56N", ol = "hanui-row__text-TD4iS", il = "hanui-table-L328g", sl = "hanui-table__row-rSJTK", ce = {
|
|
3646
|
+
skeleton: Zc,
|
|
3641
3647
|
"hanui-shimmer": "hanui-hanui-shimmer-6yd48",
|
|
3642
3648
|
"skeleton--block": "hanui-skeleton--block-tOZ-a",
|
|
3643
3649
|
"skeleton--text": "hanui-skeleton--text-k-ROi",
|
|
3644
3650
|
"skeleton--circle": "hanui-skeleton--circle-x-mX3",
|
|
3645
|
-
group:
|
|
3646
|
-
card:
|
|
3647
|
-
card__media:
|
|
3648
|
-
card__body:
|
|
3649
|
-
rows:
|
|
3650
|
-
row:
|
|
3651
|
-
row__text:
|
|
3652
|
-
table:
|
|
3653
|
-
table__row:
|
|
3651
|
+
group: Vc,
|
|
3652
|
+
card: el,
|
|
3653
|
+
card__media: tl,
|
|
3654
|
+
card__body: al,
|
|
3655
|
+
rows: nl,
|
|
3656
|
+
row: rl,
|
|
3657
|
+
row__text: ol,
|
|
3658
|
+
table: il,
|
|
3659
|
+
table__row: sl
|
|
3654
3660
|
}, Pe = ({ width: e, height: t, variant: n = "block", lines: r = 1, className: i }) => {
|
|
3655
3661
|
const s = {
|
|
3656
|
-
width:
|
|
3657
|
-
height:
|
|
3662
|
+
width: da(e) ? `${e}px` : e,
|
|
3663
|
+
height: da(t) ? `${t}px` : t
|
|
3658
3664
|
};
|
|
3659
|
-
return n === "text" && r > 1 ? /* @__PURE__ */ a("span", { className: f(ce.group, i), "aria-hidden": !0, children: Array.from({ length: r }, (o,
|
|
3665
|
+
return n === "text" && r > 1 ? /* @__PURE__ */ a("span", { className: f(ce.group, i), "aria-hidden": !0, children: Array.from({ length: r }, (o, d) => /* @__PURE__ */ a(
|
|
3660
3666
|
"span",
|
|
3661
3667
|
{
|
|
3662
3668
|
className: f(ce.skeleton, ce["skeleton--text"]),
|
|
3663
|
-
style:
|
|
3669
|
+
style: d === r - 1 ? { width: "60%" } : void 0
|
|
3664
3670
|
},
|
|
3665
|
-
|
|
3671
|
+
d
|
|
3666
3672
|
)) }) : /* @__PURE__ */ a(
|
|
3667
3673
|
"span",
|
|
3668
3674
|
{
|
|
@@ -3671,43 +3677,43 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3671
3677
|
"aria-hidden": !0
|
|
3672
3678
|
}
|
|
3673
3679
|
);
|
|
3674
|
-
},
|
|
3680
|
+
}, zu = /* @__PURE__ */ I(Pe), cl = ({ count: e = 1, className: t }) => /* @__PURE__ */ a(me, { children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ g("div", { className: f(ce.card, t), "aria-hidden": !0, children: [
|
|
3675
3681
|
/* @__PURE__ */ a(Pe, { className: ce.card__media }),
|
|
3676
3682
|
/* @__PURE__ */ g("div", { className: ce.card__body, children: [
|
|
3677
3683
|
/* @__PURE__ */ a(Pe, { variant: "text", width: "70%" }),
|
|
3678
3684
|
/* @__PURE__ */ a(Pe, { variant: "text", width: "40%" })
|
|
3679
3685
|
] })
|
|
3680
|
-
] }, r)) }),
|
|
3686
|
+
] }, r)) }), ll = ({ count: e = 3, className: t }) => /* @__PURE__ */ a("div", { className: f(ce.rows, t), "aria-hidden": !0, children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ g("div", { className: ce.row, children: [
|
|
3681
3687
|
/* @__PURE__ */ a(Pe, { variant: "circle", width: 36, height: 36 }),
|
|
3682
3688
|
/* @__PURE__ */ g("div", { className: ce.row__text, children: [
|
|
3683
3689
|
/* @__PURE__ */ a(Pe, { variant: "text", width: "45%" }),
|
|
3684
3690
|
/* @__PURE__ */ a(Pe, { variant: "text", width: "25%" })
|
|
3685
3691
|
] })
|
|
3686
|
-
] }, r)) }),
|
|
3692
|
+
] }, r)) }), dl = ({
|
|
3687
3693
|
count: e = 5,
|
|
3688
3694
|
columns: t = 4,
|
|
3689
3695
|
className: n
|
|
3690
|
-
}) => /* @__PURE__ */ a("div", { className: f(ce.table, n), "aria-hidden": !0, children: Array.from({ length: e }, (r, i) => /* @__PURE__ */ a("div", { className: ce.table__row, children: Array.from({ length: t }, (s, o) => /* @__PURE__ */ a(Pe, { variant: "text" }, o)) }, i)) }),
|
|
3691
|
-
stat:
|
|
3696
|
+
}) => /* @__PURE__ */ a("div", { className: f(ce.table, n), "aria-hidden": !0, children: Array.from({ length: e }, (r, i) => /* @__PURE__ */ a("div", { className: ce.table__row, children: Array.from({ length: t }, (s, o) => /* @__PURE__ */ a(Pe, { variant: "text" }, o)) }, i)) }), Hu = /* @__PURE__ */ M(/* @__PURE__ */ I(cl), "SkeletonCard"), Ku = /* @__PURE__ */ M(/* @__PURE__ */ I(ll), "SkeletonRows"), Uu = /* @__PURE__ */ M(/* @__PURE__ */ I(dl), "SkeletonTable"), _l = "hanui-stat-Xb7wp", ul = "hanui-stat__icon-MB8NU", hl = "hanui-stat__label-kUX2m", pl = "hanui-stat__value--6p13", ml = "hanui-stat__unit-mjHVk", bl = "hanui-stat__delta-YKpOu", gl = "hanui-stat__description-Yvw6J", fl = "hanui-stat__srOnly-YKebA", ue = {
|
|
3697
|
+
stat: _l,
|
|
3692
3698
|
"stat--sm": "hanui-stat--sm-XnK8p",
|
|
3693
|
-
stat__icon:
|
|
3694
|
-
stat__label:
|
|
3695
|
-
stat__value:
|
|
3696
|
-
stat__unit:
|
|
3697
|
-
stat__delta:
|
|
3699
|
+
stat__icon: ul,
|
|
3700
|
+
stat__label: hl,
|
|
3701
|
+
stat__value: pl,
|
|
3702
|
+
stat__unit: ml,
|
|
3703
|
+
stat__delta: bl,
|
|
3698
3704
|
"stat__delta--positive": "hanui-stat__delta--positive-1AUAM",
|
|
3699
3705
|
"stat__delta--negative": "hanui-stat__delta--negative--WWEP",
|
|
3700
|
-
stat__description:
|
|
3701
|
-
stat__srOnly:
|
|
3702
|
-
}, fl = {
|
|
3703
|
-
up: /* @__PURE__ */ a(rn, { "aria-hidden": !0 }),
|
|
3704
|
-
down: /* @__PURE__ */ a(nn, { "aria-hidden": !0 }),
|
|
3705
|
-
flat: /* @__PURE__ */ a(Ta, { "aria-hidden": !0 })
|
|
3706
|
+
stat__description: gl,
|
|
3707
|
+
stat__srOnly: fl
|
|
3706
3708
|
}, vl = {
|
|
3709
|
+
up: /* @__PURE__ */ a(on, { "aria-hidden": !0 }),
|
|
3710
|
+
down: /* @__PURE__ */ a(rn, { "aria-hidden": !0 }),
|
|
3711
|
+
flat: /* @__PURE__ */ a(Ca, { "aria-hidden": !0 })
|
|
3712
|
+
}, yl = {
|
|
3707
3713
|
up: "artış",
|
|
3708
3714
|
down: "azalış",
|
|
3709
3715
|
flat: "değişim yok"
|
|
3710
|
-
},
|
|
3716
|
+
}, wl = ({
|
|
3711
3717
|
label: e,
|
|
3712
3718
|
value: t,
|
|
3713
3719
|
unit: n,
|
|
@@ -3715,14 +3721,14 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3715
3721
|
trend: i,
|
|
3716
3722
|
isUpPositive: s = !0,
|
|
3717
3723
|
description: o,
|
|
3718
|
-
icon:
|
|
3724
|
+
icon: d,
|
|
3719
3725
|
size: u = "md",
|
|
3720
|
-
className:
|
|
3726
|
+
className: l,
|
|
3721
3727
|
testId: c
|
|
3722
3728
|
}) => {
|
|
3723
|
-
const
|
|
3724
|
-
return /* @__PURE__ */ g("div", { className: f(ue.stat, ue[`stat--${u}`],
|
|
3725
|
-
|
|
3729
|
+
const _ = i === "flat" ? void 0 : i === "up" === s;
|
|
3730
|
+
return /* @__PURE__ */ g("div", { className: f(ue.stat, ue[`stat--${u}`], l), "data-testid": c, children: [
|
|
3731
|
+
d && /* @__PURE__ */ a("span", { className: ue.stat__icon, "aria-hidden": !0, children: d }),
|
|
3726
3732
|
/* @__PURE__ */ a("span", { className: ue.stat__label, children: e }),
|
|
3727
3733
|
/* @__PURE__ */ g("span", { className: ue.stat__value, children: [
|
|
3728
3734
|
t,
|
|
@@ -3733,53 +3739,53 @@ const yn = 640, j_ = 768, wn = 1024, Y_ = `(min-width: ${wn + 1}px)`, na = `(min
|
|
|
3733
3739
|
{
|
|
3734
3740
|
className: f(
|
|
3735
3741
|
ue.stat__delta,
|
|
3736
|
-
|
|
3737
|
-
|
|
3742
|
+
_ === !0 && ue["stat__delta--positive"],
|
|
3743
|
+
_ === !1 && ue["stat__delta--negative"]
|
|
3738
3744
|
),
|
|
3739
3745
|
children: [
|
|
3740
|
-
|
|
3746
|
+
vl[i],
|
|
3741
3747
|
r,
|
|
3742
|
-
/* @__PURE__ */ a("span", { className: ue.stat__srOnly, children:
|
|
3748
|
+
/* @__PURE__ */ a("span", { className: ue.stat__srOnly, children: yl[i] })
|
|
3743
3749
|
]
|
|
3744
3750
|
}
|
|
3745
3751
|
),
|
|
3746
3752
|
o && /* @__PURE__ */ a("span", { className: ue.stat__description, children: o })
|
|
3747
3753
|
] });
|
|
3748
|
-
},
|
|
3749
|
-
hub:
|
|
3750
|
-
toast:
|
|
3754
|
+
}, qu = /* @__PURE__ */ I(/* @__PURE__ */ M(wl, "Stat")), xl = "hanui-hub-JoqOf", kl = "hanui-toast-U27Of", Nl = "hanui-toast__icon-p-rgI", $l = "hanui-toast__text-rG4ji", Dl = "hanui-toast__message-s6S2-", Il = "hanui-toast__description-0cYTx", Tl = "hanui-toast__action-fOXU5", Cl = "hanui-toast__close-QxSNP", Ee = {
|
|
3755
|
+
hub: xl,
|
|
3756
|
+
toast: kl,
|
|
3751
3757
|
"hanui-fade-in-up": "hanui-hanui-fade-in-up-hhv43",
|
|
3752
3758
|
"toast--info": "hanui-toast--info-S1QJr",
|
|
3753
3759
|
"toast--success": "hanui-toast--success-NUso7",
|
|
3754
3760
|
"toast--warning": "hanui-toast--warning-7mi-S",
|
|
3755
3761
|
"toast--danger": "hanui-toast--danger-IhFSz",
|
|
3756
|
-
toast__icon:
|
|
3757
|
-
toast__text:
|
|
3758
|
-
toast__message:
|
|
3759
|
-
toast__description:
|
|
3760
|
-
toast__action:
|
|
3761
|
-
toast__close:
|
|
3762
|
-
}, Cl = {
|
|
3763
|
-
info: /* @__PURE__ */ a(La, { "aria-hidden": !0 }),
|
|
3764
|
-
success: /* @__PURE__ */ a(Ea, { "aria-hidden": !0 }),
|
|
3765
|
-
warning: /* @__PURE__ */ a(ea, { "aria-hidden": !0 }),
|
|
3766
|
-
danger: /* @__PURE__ */ a(Ca, { "aria-hidden": !0 })
|
|
3762
|
+
toast__icon: Nl,
|
|
3763
|
+
toast__text: $l,
|
|
3764
|
+
toast__message: Dl,
|
|
3765
|
+
toast__description: Il,
|
|
3766
|
+
toast__action: Tl,
|
|
3767
|
+
toast__close: Cl
|
|
3767
3768
|
}, El = {
|
|
3769
|
+
info: /* @__PURE__ */ a(Sa, { "aria-hidden": !0 }),
|
|
3770
|
+
success: /* @__PURE__ */ a(La, { "aria-hidden": !0 }),
|
|
3771
|
+
warning: /* @__PURE__ */ a(ea, { "aria-hidden": !0 }),
|
|
3772
|
+
danger: /* @__PURE__ */ a(Ea, { "aria-hidden": !0 })
|
|
3773
|
+
}, Ll = {
|
|
3768
3774
|
info: 4e3,
|
|
3769
3775
|
success: 4e3,
|
|
3770
3776
|
warning: 6e3,
|
|
3771
3777
|
danger: 8e3
|
|
3772
3778
|
};
|
|
3773
|
-
let
|
|
3779
|
+
let ka = 0;
|
|
3774
3780
|
const Zt = /* @__PURE__ */ new Set();
|
|
3775
3781
|
let Ve = [];
|
|
3776
|
-
const
|
|
3777
|
-
Ve = Ve.filter((t) => t.id !== e),
|
|
3782
|
+
const ia = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
3783
|
+
Ve = Ve.filter((t) => t.id !== e), ia();
|
|
3778
3784
|
}, wt = (e, t = {}) => {
|
|
3779
|
-
|
|
3780
|
-
const n =
|
|
3781
|
-
return Ve = [...Ve, { ...t, id: n, message: e }].slice(-3),
|
|
3782
|
-
},
|
|
3785
|
+
ka += 1;
|
|
3786
|
+
const n = ka;
|
|
3787
|
+
return Ve = [...Ve, { ...t, id: n, message: e }].slice(-3), ia(), n;
|
|
3788
|
+
}, ju = {
|
|
3783
3789
|
show: wt,
|
|
3784
3790
|
info: (e, t) => wt(e, { ...t, tone: "info" }),
|
|
3785
3791
|
success: (e, t) => wt(e, { ...t, tone: "success" }),
|
|
@@ -3788,16 +3794,16 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3788
3794
|
dismiss: Vt,
|
|
3789
3795
|
/** Tümünü kapatır — sayfa geçişinde bayat bildirim taşınmasın. */
|
|
3790
3796
|
clear: () => {
|
|
3791
|
-
Ve = [],
|
|
3797
|
+
Ve = [], ia();
|
|
3792
3798
|
}
|
|
3793
|
-
},
|
|
3794
|
-
const r = e.tone ?? "info", i = e.duration ??
|
|
3799
|
+
}, Sl = ({ toast: e, closeLabel: t, onDismiss: n }) => {
|
|
3800
|
+
const r = e.tone ?? "info", i = e.duration ?? Ll[r], [s, o] = O(!1), d = L(i), u = L(0);
|
|
3795
3801
|
return A(() => {
|
|
3796
3802
|
if (i === 0 || s) return;
|
|
3797
3803
|
u.current = Date.now();
|
|
3798
|
-
const
|
|
3804
|
+
const l = window.setTimeout(() => n(e.id), d.current);
|
|
3799
3805
|
return () => {
|
|
3800
|
-
window.clearTimeout(
|
|
3806
|
+
window.clearTimeout(l), d.current = Math.max(0, d.current - (Date.now() - u.current));
|
|
3801
3807
|
};
|
|
3802
3808
|
}, [i, s, n, e.id]), /* @__PURE__ */ g(
|
|
3803
3809
|
"div",
|
|
@@ -3809,7 +3815,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3809
3815
|
onFocus: () => o(!0),
|
|
3810
3816
|
onBlur: () => o(!1),
|
|
3811
3817
|
children: [
|
|
3812
|
-
/* @__PURE__ */ a("span", { className: Ee.toast__icon, "aria-hidden": !0, children:
|
|
3818
|
+
/* @__PURE__ */ a("span", { className: Ee.toast__icon, "aria-hidden": !0, children: El[r] }),
|
|
3813
3819
|
/* @__PURE__ */ g("div", { className: Ee.toast__text, children: [
|
|
3814
3820
|
/* @__PURE__ */ a("span", { className: Ee.toast__message, children: e.message }),
|
|
3815
3821
|
e.description && /* @__PURE__ */ a("span", { className: Ee.toast__description, children: e.description })
|
|
@@ -3820,8 +3826,8 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3820
3826
|
type: "button",
|
|
3821
3827
|
className: Ee.toast__action,
|
|
3822
3828
|
onClick: () => {
|
|
3823
|
-
var
|
|
3824
|
-
(
|
|
3829
|
+
var l;
|
|
3830
|
+
(l = e.action) == null || l.onClick(), n(e.id);
|
|
3825
3831
|
},
|
|
3826
3832
|
children: e.action.label
|
|
3827
3833
|
}
|
|
@@ -3840,7 +3846,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3840
3846
|
]
|
|
3841
3847
|
}
|
|
3842
3848
|
);
|
|
3843
|
-
},
|
|
3849
|
+
}, Rl = ({ closeLabel: e, className: t }) => {
|
|
3844
3850
|
const { labels: n } = j(), [r, i] = O([]);
|
|
3845
3851
|
A(() => (Zt.add(i), i(Ve), () => {
|
|
3846
3852
|
Zt.delete(i);
|
|
@@ -3848,13 +3854,13 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3848
3854
|
const s = z((o) => Vt(o), []);
|
|
3849
3855
|
return A(() => {
|
|
3850
3856
|
if (r.length === 0) return;
|
|
3851
|
-
const o = (
|
|
3852
|
-
|
|
3857
|
+
const o = (d) => {
|
|
3858
|
+
d.key === "Escape" && Vt(r[r.length - 1].id);
|
|
3853
3859
|
};
|
|
3854
3860
|
return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
|
|
3855
3861
|
}, [r]), le() ? Tt(
|
|
3856
3862
|
/* @__PURE__ */ a("div", { className: f(Ee.hub, t), children: r.map((o) => /* @__PURE__ */ a(
|
|
3857
|
-
|
|
3863
|
+
Sl,
|
|
3858
3864
|
{
|
|
3859
3865
|
toast: o,
|
|
3860
3866
|
closeLabel: K("ToastHub.closeLabel", e, n == null ? void 0 : n.close),
|
|
@@ -3864,17 +3870,17 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3864
3870
|
)) }),
|
|
3865
3871
|
document.body
|
|
3866
3872
|
) : null;
|
|
3867
|
-
},
|
|
3868
|
-
accordion:
|
|
3869
|
-
accordion__item:
|
|
3873
|
+
}, Yu = /* @__PURE__ */ I(/* @__PURE__ */ M(Rl, "ToastHub")), Al = "hanui-accordion-h9jLC", Ml = "hanui-accordion__item--YvzK", Bl = "hanui-accordion__title-qZOLY", Fl = "hanui-accordion__meta-PSlsO", Pl = "hanui-accordion__marker-QcWcI", Ol = "hanui-accordion__summary-QUhWh", zl = "hanui-accordion__panel--3EXE", Hl = "hanui-accordion__content-fO64s", De = {
|
|
3874
|
+
accordion: Al,
|
|
3875
|
+
accordion__item: Ml,
|
|
3870
3876
|
"accordion__item--disabled": "hanui-accordion__item--disabled-x1erZ",
|
|
3871
|
-
accordion__title:
|
|
3872
|
-
accordion__meta:
|
|
3873
|
-
accordion__marker:
|
|
3874
|
-
accordion__summary:
|
|
3875
|
-
accordion__panel:
|
|
3876
|
-
accordion__content:
|
|
3877
|
-
},
|
|
3877
|
+
accordion__title: Bl,
|
|
3878
|
+
accordion__meta: Fl,
|
|
3879
|
+
accordion__marker: Pl,
|
|
3880
|
+
accordion__summary: Ol,
|
|
3881
|
+
accordion__panel: zl,
|
|
3882
|
+
accordion__content: Hl
|
|
3883
|
+
}, Kl = ({
|
|
3878
3884
|
items: e,
|
|
3879
3885
|
isSingle: t,
|
|
3880
3886
|
defaultOpenIds: n,
|
|
@@ -3883,15 +3889,15 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3883
3889
|
className: s,
|
|
3884
3890
|
testId: o
|
|
3885
3891
|
}) => {
|
|
3886
|
-
const
|
|
3892
|
+
const d = W(), [u, l] = O(n ?? []), c = r !== void 0, _ = c ? r : u, h = z(
|
|
3887
3893
|
(m, w) => {
|
|
3888
|
-
const b = w ? t ? [m] : [...
|
|
3889
|
-
c ||
|
|
3894
|
+
const b = w ? t ? [m] : [..._.filter((p) => p !== m), m] : _.filter((p) => p !== m);
|
|
3895
|
+
c || l(b), i == null || i(b);
|
|
3890
3896
|
},
|
|
3891
|
-
[c, t, i,
|
|
3897
|
+
[c, t, i, _]
|
|
3892
3898
|
);
|
|
3893
3899
|
return /* @__PURE__ */ a("div", { className: f(De.accordion, s), "data-testid": o, children: e.map((m) => {
|
|
3894
|
-
const w =
|
|
3900
|
+
const w = _.includes(m.id);
|
|
3895
3901
|
return /* @__PURE__ */ g(
|
|
3896
3902
|
"details",
|
|
3897
3903
|
{
|
|
@@ -3908,7 +3914,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3908
3914
|
/* @__PURE__ */ g(
|
|
3909
3915
|
"summary",
|
|
3910
3916
|
{
|
|
3911
|
-
id: `${
|
|
3917
|
+
id: `${d}-${m.id}`,
|
|
3912
3918
|
className: De.accordion__summary,
|
|
3913
3919
|
"aria-disabled": m.isDisabled,
|
|
3914
3920
|
tabIndex: m.isDisabled ? -1 : void 0,
|
|
@@ -3926,24 +3932,24 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3926
3932
|
m.id
|
|
3927
3933
|
);
|
|
3928
3934
|
}) });
|
|
3929
|
-
},
|
|
3930
|
-
steps:
|
|
3935
|
+
}, Gu = /* @__PURE__ */ I(/* @__PURE__ */ M(Kl, "Accordion")), Ul = "hanui-steps-ntge1", ql = "hanui-steps__item-GrU1x", jl = "hanui-steps__button-XBsnS", Yl = "hanui-steps__marker-g-GLE", Gl = "hanui-steps__text-Mkpkh", Xl = "hanui-steps__label-NSeFM", Ql = "hanui-steps__description-bQuNT", Jl = "hanui-steps__status-wWJfP", he = {
|
|
3936
|
+
steps: Ul,
|
|
3931
3937
|
"steps--horizontal": "hanui-steps--horizontal-O-mkx",
|
|
3932
3938
|
"steps--vertical": "hanui-steps--vertical-agfwo",
|
|
3933
|
-
steps__item:
|
|
3934
|
-
steps__button:
|
|
3935
|
-
steps__marker:
|
|
3939
|
+
steps__item: ql,
|
|
3940
|
+
steps__button: jl,
|
|
3941
|
+
steps__marker: Yl,
|
|
3936
3942
|
"steps__item--done": "hanui-steps__item--done-mvOuN",
|
|
3937
3943
|
"steps__item--current": "hanui-steps__item--current-Qzlal",
|
|
3938
|
-
steps__text:
|
|
3939
|
-
steps__label:
|
|
3940
|
-
steps__description:
|
|
3941
|
-
steps__status:
|
|
3942
|
-
},
|
|
3944
|
+
steps__text: Gl,
|
|
3945
|
+
steps__label: Xl,
|
|
3946
|
+
steps__description: Ql,
|
|
3947
|
+
steps__status: Jl
|
|
3948
|
+
}, Wl = (e, t) => e < t ? "done" : e === t ? "current" : "upcoming", Zl = {
|
|
3943
3949
|
done: "tamamlandı",
|
|
3944
3950
|
current: "şu anki adım",
|
|
3945
3951
|
upcoming: "sıradaki"
|
|
3946
|
-
},
|
|
3952
|
+
}, Vl = ({
|
|
3947
3953
|
steps: e,
|
|
3948
3954
|
currentIndex: t,
|
|
3949
3955
|
onStepClick: n,
|
|
@@ -3957,42 +3963,42 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
3957
3963
|
className: f(he.steps, he[`steps--${i}`], s),
|
|
3958
3964
|
"aria-label": r,
|
|
3959
3965
|
"data-testid": o,
|
|
3960
|
-
children: e.map((
|
|
3961
|
-
const
|
|
3962
|
-
/* @__PURE__ */ a("span", { className: he.steps__marker, "aria-hidden": !0, children:
|
|
3966
|
+
children: e.map((d, u) => {
|
|
3967
|
+
const l = Wl(u, t), c = !!n && l === "done", _ = /* @__PURE__ */ g(me, { children: [
|
|
3968
|
+
/* @__PURE__ */ a("span", { className: he.steps__marker, "aria-hidden": !0, children: l === "done" ? /* @__PURE__ */ a(Ft, {}) : u + 1 }),
|
|
3963
3969
|
/* @__PURE__ */ g("span", { className: he.steps__text, children: [
|
|
3964
|
-
/* @__PURE__ */ a("span", { className: he.steps__label, children:
|
|
3965
|
-
|
|
3970
|
+
/* @__PURE__ */ a("span", { className: he.steps__label, children: d.label }),
|
|
3971
|
+
d.description && /* @__PURE__ */ a("span", { className: he.steps__description, children: d.description })
|
|
3966
3972
|
] }),
|
|
3967
|
-
/* @__PURE__ */ a("span", { className: he.steps__status, children:
|
|
3973
|
+
/* @__PURE__ */ a("span", { className: he.steps__status, children: Zl[l] })
|
|
3968
3974
|
] });
|
|
3969
3975
|
return /* @__PURE__ */ a(
|
|
3970
3976
|
"li",
|
|
3971
3977
|
{
|
|
3972
|
-
className: f(he.steps__item, he[`steps__item--${
|
|
3973
|
-
"aria-current":
|
|
3978
|
+
className: f(he.steps__item, he[`steps__item--${l}`]),
|
|
3979
|
+
"aria-current": l === "current" ? "step" : void 0,
|
|
3974
3980
|
children: c ? /* @__PURE__ */ a(
|
|
3975
3981
|
"button",
|
|
3976
3982
|
{
|
|
3977
3983
|
type: "button",
|
|
3978
3984
|
className: he.steps__button,
|
|
3979
3985
|
onClick: () => n == null ? void 0 : n(u),
|
|
3980
|
-
children:
|
|
3986
|
+
children: _
|
|
3981
3987
|
}
|
|
3982
|
-
) : /* @__PURE__ */ a("span", { className: he.steps__button, children:
|
|
3988
|
+
) : /* @__PURE__ */ a("span", { className: he.steps__button, children: _ })
|
|
3983
3989
|
},
|
|
3984
|
-
|
|
3990
|
+
d.id
|
|
3985
3991
|
);
|
|
3986
3992
|
})
|
|
3987
3993
|
}
|
|
3988
|
-
),
|
|
3989
|
-
tabs:
|
|
3990
|
-
tabs__list:
|
|
3991
|
-
tabs__tab:
|
|
3994
|
+
), Xu = /* @__PURE__ */ I(/* @__PURE__ */ M(Vl, "Steps")), ed = "hanui-tabs-l4dFE", td = "hanui-tabs__list-HJvR8", ad = "hanui-tabs__tab-7gDW7", nd = "hanui-tabs__count-8JX8s", rd = "hanui-tabs__panel-CPklY", it = {
|
|
3995
|
+
tabs: ed,
|
|
3996
|
+
tabs__list: td,
|
|
3997
|
+
tabs__tab: ad,
|
|
3992
3998
|
"tabs__tab--active": "hanui-tabs__tab--active-riqNp",
|
|
3993
|
-
tabs__count:
|
|
3994
|
-
tabs__panel:
|
|
3995
|
-
},
|
|
3999
|
+
tabs__count: nd,
|
|
4000
|
+
tabs__panel: rd
|
|
4001
|
+
}, od = ({
|
|
3996
4002
|
items: e,
|
|
3997
4003
|
defaultTabId: t,
|
|
3998
4004
|
activeId: n,
|
|
@@ -4000,16 +4006,19 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4000
4006
|
ariaLabel: i,
|
|
4001
4007
|
isManualActivation: s,
|
|
4002
4008
|
className: o,
|
|
4003
|
-
testId:
|
|
4009
|
+
testId: d
|
|
4004
4010
|
}) => {
|
|
4005
4011
|
var $;
|
|
4006
|
-
const u = W(), [
|
|
4012
|
+
const u = W(), [l, c] = O(t ?? (($ = e[0]) == null ? void 0 : $.id)), _ = lt(n), h = _ ? n : l, m = e.findIndex((x) => x.id === h), [w, b] = O(m < 0 ? 0 : m), p = L(null), v = e[m] ?? e[0];
|
|
4007
4013
|
A(() => {
|
|
4008
|
-
var x
|
|
4009
|
-
(
|
|
4014
|
+
var x;
|
|
4015
|
+
aa((x = p.current) == null ? void 0 : x.querySelector('[aria-selected="true"]'), {
|
|
4016
|
+
block: "nearest",
|
|
4017
|
+
inline: "nearest"
|
|
4018
|
+
});
|
|
4010
4019
|
}, [h]);
|
|
4011
4020
|
const D = (x) => {
|
|
4012
|
-
|
|
4021
|
+
_ || c(x), r == null || r(x);
|
|
4013
4022
|
}, N = (x) => {
|
|
4014
4023
|
var T;
|
|
4015
4024
|
if (s && (x.key === "Enter" || x.key === " ")) {
|
|
@@ -4024,7 +4033,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4024
4033
|
};
|
|
4025
4034
|
if (e.length === 0) return null;
|
|
4026
4035
|
const y = lt(v == null ? void 0 : v.content);
|
|
4027
|
-
return /* @__PURE__ */ g("div", { className: f(it.tabs, o), "data-testid":
|
|
4036
|
+
return /* @__PURE__ */ g("div", { className: f(it.tabs, o), "data-testid": d, children: [
|
|
4028
4037
|
/* @__PURE__ */ a(
|
|
4029
4038
|
"div",
|
|
4030
4039
|
{
|
|
@@ -4069,19 +4078,19 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4069
4078
|
}
|
|
4070
4079
|
)
|
|
4071
4080
|
] });
|
|
4072
|
-
},
|
|
4073
|
-
tile:
|
|
4074
|
-
tile__medallion:
|
|
4075
|
-
tile__label:
|
|
4076
|
-
tile__meta:
|
|
4081
|
+
}, Qu = /* @__PURE__ */ I(od), id = "hanui-tile-TGur-", sd = "hanui-tile__medallion--Y0pz", cd = "hanui-tile__label-mI1OQ", ld = "hanui-tile__meta-22qnR", xt = {
|
|
4082
|
+
tile: id,
|
|
4083
|
+
tile__medallion: sd,
|
|
4084
|
+
tile__label: cd,
|
|
4085
|
+
tile__meta: ld,
|
|
4077
4086
|
"tile--active": "hanui-tile--active-z0F2M"
|
|
4078
|
-
},
|
|
4079
|
-
|
|
4087
|
+
}, dd = ({ label: e, icon: t, href: n, meta: r, isActive: i, linkProps: s, className: o, testId: d }) => /* @__PURE__ */ g(
|
|
4088
|
+
we,
|
|
4080
4089
|
{
|
|
4081
4090
|
href: n,
|
|
4082
4091
|
className: f(xt.tile, i && xt["tile--active"], o),
|
|
4083
4092
|
"aria-current": i ? "page" : void 0,
|
|
4084
|
-
"data-testid":
|
|
4093
|
+
"data-testid": d,
|
|
4085
4094
|
...s,
|
|
4086
4095
|
children: [
|
|
4087
4096
|
/* @__PURE__ */ a("span", { className: xt.tile__medallion, "aria-hidden": !0, children: t }),
|
|
@@ -4089,30 +4098,30 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4089
4098
|
r && /* @__PURE__ */ a("span", { className: xt.tile__meta, children: r })
|
|
4090
4099
|
]
|
|
4091
4100
|
}
|
|
4092
|
-
),
|
|
4093
|
-
timeline:
|
|
4094
|
-
timeline__item:
|
|
4095
|
-
timeline__marker:
|
|
4101
|
+
), Ju = /* @__PURE__ */ I(dd), _d = "hanui-timeline-GxubZ", ud = "hanui-timeline__item-qMpF2", hd = "hanui-timeline__marker-MDk07", pd = "hanui-timeline__body-xJi7t", md = "hanui-timeline__title-pKxZJ", bd = "hanui-timeline__time-ITWYy", gd = "hanui-timeline__description-4vrEy", fd = "hanui-timeline__srOnly-7K2We", Ie = {
|
|
4102
|
+
timeline: _d,
|
|
4103
|
+
timeline__item: ud,
|
|
4104
|
+
timeline__marker: hd,
|
|
4096
4105
|
"timeline__item--done": "hanui-timeline__item--done-dqiOQ",
|
|
4097
4106
|
"timeline__item--current": "hanui-timeline__item--current-TGV5f",
|
|
4098
4107
|
"timeline__item--pending": "hanui-timeline__item--pending-VMZTS",
|
|
4099
4108
|
"timeline__item--failed": "hanui-timeline__item--failed-2BbfX",
|
|
4100
|
-
timeline__body:
|
|
4101
|
-
timeline__title:
|
|
4102
|
-
timeline__time:
|
|
4103
|
-
timeline__description:
|
|
4104
|
-
timeline__srOnly:
|
|
4105
|
-
},
|
|
4109
|
+
timeline__body: pd,
|
|
4110
|
+
timeline__title: md,
|
|
4111
|
+
timeline__time: bd,
|
|
4112
|
+
timeline__description: gd,
|
|
4113
|
+
timeline__srOnly: fd
|
|
4114
|
+
}, vd = {
|
|
4106
4115
|
done: /* @__PURE__ */ a(Ft, {}),
|
|
4107
4116
|
failed: /* @__PURE__ */ a(Oe, {}),
|
|
4108
4117
|
current: null,
|
|
4109
4118
|
pending: null
|
|
4110
|
-
},
|
|
4119
|
+
}, yd = {
|
|
4111
4120
|
done: "tamamlandı",
|
|
4112
4121
|
current: "şu an",
|
|
4113
4122
|
pending: "bekliyor",
|
|
4114
4123
|
failed: "başarısız"
|
|
4115
|
-
},
|
|
4124
|
+
}, wd = ({ events: e, label: t, className: n, testId: r }) => /* @__PURE__ */ a("ol", { className: f(Ie.timeline, n), "aria-label": t, "data-testid": r, children: e.map((i) => {
|
|
4116
4125
|
const s = i.status ?? "done";
|
|
4117
4126
|
return /* @__PURE__ */ g(
|
|
4118
4127
|
"li",
|
|
@@ -4120,11 +4129,11 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4120
4129
|
className: f(Ie.timeline__item, Ie[`timeline__item--${s}`]),
|
|
4121
4130
|
"aria-current": s === "current" ? "step" : void 0,
|
|
4122
4131
|
children: [
|
|
4123
|
-
/* @__PURE__ */ a("span", { className: Ie.timeline__marker, "aria-hidden": !0, children: i.icon ??
|
|
4132
|
+
/* @__PURE__ */ a("span", { className: Ie.timeline__marker, "aria-hidden": !0, children: i.icon ?? vd[s] }),
|
|
4124
4133
|
/* @__PURE__ */ g("div", { className: Ie.timeline__body, children: [
|
|
4125
4134
|
/* @__PURE__ */ g("span", { className: Ie.timeline__title, children: [
|
|
4126
4135
|
i.title,
|
|
4127
|
-
/* @__PURE__ */ a("span", { className: Ie.timeline__srOnly, children:
|
|
4136
|
+
/* @__PURE__ */ a("span", { className: Ie.timeline__srOnly, children: yd[s] })
|
|
4128
4137
|
] }),
|
|
4129
4138
|
i.time && /* `<time>` DEGIL `<span>`: `datetime` icin makine okunur bir
|
|
4130
4139
|
deger gerekiyor ve elimizde yalnizca bicimlendirilmis dize
|
|
@@ -4136,25 +4145,25 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4136
4145
|
},
|
|
4137
4146
|
i.id
|
|
4138
4147
|
);
|
|
4139
|
-
}) }),
|
|
4140
|
-
modal:
|
|
4148
|
+
}) }), Wu = /* @__PURE__ */ I(/* @__PURE__ */ M(wd, "Timeline")), xd = "hanui-modal-3IDi9", kd = "hanui-modal__panel--qLSz", Nd = "hanui-modal__header-meWm6", $d = "hanui-modal__icon-df2dd", Dd = "hanui-modal__heading-PwDS8", Id = "hanui-modal__title-80Sh6", Td = "hanui-modal__description-fsCHI", Cd = "hanui-modal__close-vFPbw", Ed = "hanui-modal__body-PDF12", Ld = "hanui-modal__footer-CCCkx", ie = {
|
|
4149
|
+
modal: xd,
|
|
4141
4150
|
"modal--sm": "hanui-modal--sm-A7WsS",
|
|
4142
4151
|
"modal--lg": "hanui-modal--lg-z99Em",
|
|
4143
|
-
modal__panel:
|
|
4144
|
-
modal__header:
|
|
4145
|
-
modal__icon:
|
|
4152
|
+
modal__panel: kd,
|
|
4153
|
+
modal__header: Nd,
|
|
4154
|
+
modal__icon: $d,
|
|
4146
4155
|
"modal__icon--neutral": "hanui-modal__icon--neutral-QSL7c",
|
|
4147
4156
|
"modal__icon--danger": "hanui-modal__icon--danger-6V90a",
|
|
4148
4157
|
"modal__icon--warning": "hanui-modal__icon--warning-a--FX",
|
|
4149
4158
|
"modal__icon--success": "hanui-modal__icon--success-YWxZs",
|
|
4150
4159
|
"modal__icon--info": "hanui-modal__icon--info-WRLah",
|
|
4151
|
-
modal__heading:
|
|
4152
|
-
modal__title:
|
|
4153
|
-
modal__description:
|
|
4154
|
-
modal__close:
|
|
4155
|
-
modal__body:
|
|
4156
|
-
modal__footer:
|
|
4157
|
-
},
|
|
4160
|
+
modal__heading: Dd,
|
|
4161
|
+
modal__title: Id,
|
|
4162
|
+
modal__description: Td,
|
|
4163
|
+
modal__close: Cd,
|
|
4164
|
+
modal__body: Ed,
|
|
4165
|
+
modal__footer: Ld
|
|
4166
|
+
}, Sd = ({
|
|
4158
4167
|
isOpen: e,
|
|
4159
4168
|
onClose: t,
|
|
4160
4169
|
title: n,
|
|
@@ -4162,11 +4171,11 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4162
4171
|
children: i,
|
|
4163
4172
|
description: s,
|
|
4164
4173
|
footer: o,
|
|
4165
|
-
icon:
|
|
4174
|
+
icon: d,
|
|
4166
4175
|
tone: u = "neutral",
|
|
4167
|
-
size:
|
|
4176
|
+
size: l = "md",
|
|
4168
4177
|
isDismissable: c = !0,
|
|
4169
|
-
className:
|
|
4178
|
+
className: _,
|
|
4170
4179
|
testId: h
|
|
4171
4180
|
}) => {
|
|
4172
4181
|
const { labels: m } = j(), w = L(null), b = L(null), p = W(), v = W();
|
|
@@ -4178,7 +4187,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4178
4187
|
return;
|
|
4179
4188
|
}
|
|
4180
4189
|
const y = _t();
|
|
4181
|
-
N.open || N.showModal(), zt(N, `.${ie.modal__close}`),
|
|
4190
|
+
N.open || N.showModal(), zt(N, `.${ie.modal__close}`), oa(N);
|
|
4182
4191
|
const { token: $, pop: x } = Ht();
|
|
4183
4192
|
return b.current = $, () => {
|
|
4184
4193
|
x(), b.current = null, y();
|
|
@@ -4201,14 +4210,14 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4201
4210
|
"dialog",
|
|
4202
4211
|
{
|
|
4203
4212
|
ref: w,
|
|
4204
|
-
className: f(ie.modal, ie[`modal--${
|
|
4213
|
+
className: f(ie.modal, ie[`modal--${l}`], _),
|
|
4205
4214
|
"aria-labelledby": p,
|
|
4206
4215
|
"aria-describedby": s ? v : void 0,
|
|
4207
4216
|
"data-testid": h,
|
|
4208
4217
|
onClick: D,
|
|
4209
4218
|
children: /* @__PURE__ */ g("div", { className: ie.modal__panel, children: [
|
|
4210
4219
|
/* @__PURE__ */ g("header", { className: ie.modal__header, children: [
|
|
4211
|
-
|
|
4220
|
+
d && /* @__PURE__ */ a("span", { className: f(ie.modal__icon, ie[`modal__icon--${u}`]), children: d }),
|
|
4212
4221
|
/* @__PURE__ */ g("div", { className: ie.modal__heading, children: [
|
|
4213
4222
|
/* @__PURE__ */ a("h2", { id: p, className: ie.modal__title, children: n }),
|
|
4214
4223
|
s && /* @__PURE__ */ a("p", { id: v, className: ie.modal__description, children: s })
|
|
@@ -4230,22 +4239,22 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4230
4239
|
] })
|
|
4231
4240
|
}
|
|
4232
4241
|
);
|
|
4233
|
-
},
|
|
4234
|
-
palette:
|
|
4235
|
-
palette__search:
|
|
4236
|
-
palette__searchIcon:
|
|
4237
|
-
palette__input:
|
|
4238
|
-
palette__list:
|
|
4239
|
-
palette__group:
|
|
4240
|
-
palette__item:
|
|
4242
|
+
}, ja = /* @__PURE__ */ I(Sd), Rd = "hanui-palette-ag-P9", Ad = "hanui-palette__search-G3aYv", Md = "hanui-palette__searchIcon-2UYj-", Bd = "hanui-palette__input-vvLvt", Fd = "hanui-palette__list--KWiH", Pd = "hanui-palette__group-KPj5Q", Od = "hanui-palette__item-UZzkp", zd = "hanui-palette__icon-Fg0Lt", Hd = "hanui-palette__text-flfN9", Kd = "hanui-palette__label-8-UHe", Ud = "hanui-palette__description-eRlk9", qd = "hanui-palette__shortcut-DwYKX", jd = "hanui-palette__empty-vg-I3", ae = {
|
|
4243
|
+
palette: Rd,
|
|
4244
|
+
palette__search: Ad,
|
|
4245
|
+
palette__searchIcon: Md,
|
|
4246
|
+
palette__input: Bd,
|
|
4247
|
+
palette__list: Fd,
|
|
4248
|
+
palette__group: Pd,
|
|
4249
|
+
palette__item: Od,
|
|
4241
4250
|
"palette__item--active": "hanui-palette__item--active-XHcka",
|
|
4242
|
-
palette__icon:
|
|
4243
|
-
palette__text:
|
|
4244
|
-
palette__label:
|
|
4245
|
-
palette__description:
|
|
4246
|
-
palette__shortcut:
|
|
4247
|
-
palette__empty:
|
|
4248
|
-
},
|
|
4251
|
+
palette__icon: zd,
|
|
4252
|
+
palette__text: Hd,
|
|
4253
|
+
palette__label: Kd,
|
|
4254
|
+
palette__description: Ud,
|
|
4255
|
+
palette__shortcut: qd,
|
|
4256
|
+
palette__empty: jd
|
|
4257
|
+
}, Yd = ({
|
|
4249
4258
|
isOpen: e,
|
|
4250
4259
|
onClose: t,
|
|
4251
4260
|
items: n,
|
|
@@ -4253,9 +4262,9 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4253
4262
|
searchPlaceholder: i,
|
|
4254
4263
|
emptyMessage: s,
|
|
4255
4264
|
className: o,
|
|
4256
|
-
testId:
|
|
4265
|
+
testId: d
|
|
4257
4266
|
}) => {
|
|
4258
|
-
const u = W(),
|
|
4267
|
+
const u = W(), l = `${u}-listbox`, c = L(null), _ = L(null), h = L(null), [m, w] = O(""), [b, p] = O(0), v = Dt(() => {
|
|
4259
4268
|
if (m.trim() === "") return n;
|
|
4260
4269
|
const y = m.trim();
|
|
4261
4270
|
return n.filter(
|
|
@@ -4271,7 +4280,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4271
4280
|
return;
|
|
4272
4281
|
}
|
|
4273
4282
|
const $ = _t();
|
|
4274
|
-
y.open || y.showModal(), (S =
|
|
4283
|
+
y.open || y.showModal(), (S = _.current) == null || S.focus({ preventScroll: !0 }), w(""), p(0);
|
|
4275
4284
|
const { token: x, pop: C } = Ht();
|
|
4276
4285
|
return h.current = x, () => {
|
|
4277
4286
|
C(), h.current = null, $();
|
|
@@ -4284,8 +4293,10 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4284
4293
|
};
|
|
4285
4294
|
return y.addEventListener("cancel", $), () => y.removeEventListener("cancel", $);
|
|
4286
4295
|
}, [t]), A(() => {
|
|
4287
|
-
var y
|
|
4288
|
-
(
|
|
4296
|
+
var y;
|
|
4297
|
+
aa((y = c.current) == null ? void 0 : y.querySelector(`[data-index="${b}"]`), {
|
|
4298
|
+
block: "nearest"
|
|
4299
|
+
});
|
|
4289
4300
|
}, [b]);
|
|
4290
4301
|
const D = (y) => {
|
|
4291
4302
|
y.onSelect(), t();
|
|
@@ -4318,15 +4329,15 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4318
4329
|
ref: c,
|
|
4319
4330
|
className: f(ae.palette, o),
|
|
4320
4331
|
"aria-label": r,
|
|
4321
|
-
"data-testid":
|
|
4332
|
+
"data-testid": d,
|
|
4322
4333
|
onClick: (y) => y.target === c.current && t(),
|
|
4323
4334
|
children: [
|
|
4324
4335
|
/* @__PURE__ */ g("div", { className: ae.palette__search, children: [
|
|
4325
|
-
/* @__PURE__ */ a(
|
|
4336
|
+
/* @__PURE__ */ a(Ia, { "aria-hidden": !0, className: ae.palette__searchIcon }),
|
|
4326
4337
|
/* @__PURE__ */ a(
|
|
4327
4338
|
"input",
|
|
4328
4339
|
{
|
|
4329
|
-
ref:
|
|
4340
|
+
ref: _,
|
|
4330
4341
|
type: "text",
|
|
4331
4342
|
role: "combobox",
|
|
4332
4343
|
className: ae.palette__input,
|
|
@@ -4336,7 +4347,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4336
4347
|
autoComplete: "off",
|
|
4337
4348
|
"aria-autocomplete": "list",
|
|
4338
4349
|
"aria-expanded": !0,
|
|
4339
|
-
"aria-controls":
|
|
4350
|
+
"aria-controls": l,
|
|
4340
4351
|
"aria-activedescendant": v[b] ? `${u}-option-${b}` : void 0,
|
|
4341
4352
|
onChange: (y) => {
|
|
4342
4353
|
w(y.target.value), p(0);
|
|
@@ -4345,7 +4356,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4345
4356
|
}
|
|
4346
4357
|
)
|
|
4347
4358
|
] }),
|
|
4348
|
-
/* @__PURE__ */ g("ul", { id:
|
|
4359
|
+
/* @__PURE__ */ g("ul", { id: l, role: "listbox", "aria-label": r, className: ae.palette__list, children: [
|
|
4349
4360
|
v.map((y, $) => {
|
|
4350
4361
|
var C;
|
|
4351
4362
|
const x = y.group !== void 0 && y.group !== ((C = v[$ - 1]) == null ? void 0 : C.group);
|
|
@@ -4383,21 +4394,21 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4383
4394
|
]
|
|
4384
4395
|
}
|
|
4385
4396
|
);
|
|
4386
|
-
},
|
|
4387
|
-
/* @__PURE__ */ M(
|
|
4388
|
-
),
|
|
4389
|
-
destructive: /* @__PURE__ */ a(
|
|
4397
|
+
}, Zu = /* @__PURE__ */ I(
|
|
4398
|
+
/* @__PURE__ */ M(Yd, "CommandPalette")
|
|
4399
|
+
), Gd = {
|
|
4400
|
+
destructive: /* @__PURE__ */ a(cn, { "aria-hidden": !0 }),
|
|
4390
4401
|
warning: /* @__PURE__ */ a(ea, { "aria-hidden": !0 }),
|
|
4391
|
-
neutral: /* @__PURE__ */ a(
|
|
4392
|
-
},
|
|
4402
|
+
neutral: /* @__PURE__ */ a(sn, { "aria-hidden": !0 })
|
|
4403
|
+
}, Xd = {
|
|
4393
4404
|
destructive: "danger",
|
|
4394
4405
|
warning: "warning",
|
|
4395
4406
|
neutral: "info"
|
|
4396
|
-
},
|
|
4407
|
+
}, Qd = {
|
|
4397
4408
|
destructive: Le.DANGER,
|
|
4398
4409
|
warning: Le.PRIMARY,
|
|
4399
4410
|
neutral: Le.PRIMARY
|
|
4400
|
-
},
|
|
4411
|
+
}, Jd = ({
|
|
4401
4412
|
isOpen: e,
|
|
4402
4413
|
onClose: t,
|
|
4403
4414
|
onConfirm: n,
|
|
@@ -4405,12 +4416,12 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4405
4416
|
description: i,
|
|
4406
4417
|
confirmLabel: s,
|
|
4407
4418
|
cancelLabel: o,
|
|
4408
|
-
closeLabel:
|
|
4419
|
+
closeLabel: d,
|
|
4409
4420
|
variant: u,
|
|
4410
|
-
kind:
|
|
4421
|
+
kind: l,
|
|
4411
4422
|
children: c
|
|
4412
4423
|
}) => {
|
|
4413
|
-
const { labels:
|
|
4424
|
+
const { labels: _ } = j(), [h, m] = O(!1), w = u ?? l ?? "neutral", b = async () => {
|
|
4414
4425
|
m(!0);
|
|
4415
4426
|
try {
|
|
4416
4427
|
await n();
|
|
@@ -4419,15 +4430,15 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4419
4430
|
}
|
|
4420
4431
|
};
|
|
4421
4432
|
return /* @__PURE__ */ a(
|
|
4422
|
-
|
|
4433
|
+
ja,
|
|
4423
4434
|
{
|
|
4424
4435
|
isOpen: e,
|
|
4425
4436
|
onClose: t,
|
|
4426
4437
|
title: r,
|
|
4427
|
-
closeLabel:
|
|
4438
|
+
closeLabel: d ?? (_ == null ? void 0 : _.close),
|
|
4428
4439
|
description: i,
|
|
4429
|
-
icon:
|
|
4430
|
-
tone:
|
|
4440
|
+
icon: Gd[w],
|
|
4441
|
+
tone: Xd[w],
|
|
4431
4442
|
size: "sm",
|
|
4432
4443
|
isDismissable: !h,
|
|
4433
4444
|
footer: /* @__PURE__ */ g(me, { children: [
|
|
@@ -4438,13 +4449,13 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4438
4449
|
size: Ze.MEDIUM,
|
|
4439
4450
|
onClick: t,
|
|
4440
4451
|
disabled: h,
|
|
4441
|
-
children: K("ConfirmDialog.cancelLabel", o,
|
|
4452
|
+
children: K("ConfirmDialog.cancelLabel", o, _ == null ? void 0 : _.cancel)
|
|
4442
4453
|
}
|
|
4443
4454
|
),
|
|
4444
4455
|
/* @__PURE__ */ a(
|
|
4445
4456
|
It,
|
|
4446
4457
|
{
|
|
4447
|
-
variant:
|
|
4458
|
+
variant: Qd[w],
|
|
4448
4459
|
size: Ze.MEDIUM,
|
|
4449
4460
|
onClick: b,
|
|
4450
4461
|
isLoading: h,
|
|
@@ -4455,20 +4466,20 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4455
4466
|
children: c
|
|
4456
4467
|
}
|
|
4457
4468
|
);
|
|
4458
|
-
},
|
|
4459
|
-
drawer:
|
|
4469
|
+
}, Vu = /* @__PURE__ */ I(Jd), Wd = "hanui-drawer-fgfi1", Zd = "hanui-drawer__header-BDcRe", Vd = "hanui-drawer__title-9M0e8", e_ = "hanui-drawer__close-Z30oW", t_ = "hanui-drawer__toolbar-vcsYi", a_ = "hanui-drawer__body-x12SX", n_ = "hanui-drawer__footer-PajTg", fe = {
|
|
4470
|
+
drawer: Wd,
|
|
4460
4471
|
"drawer--sm": "hanui-drawer--sm-ywgof",
|
|
4461
4472
|
"drawer--md": "hanui-drawer--md-mN8Kg",
|
|
4462
4473
|
"drawer--lg": "hanui-drawer--lg-5H-oE",
|
|
4463
4474
|
"drawer--end": "hanui-drawer--end-q-sIP",
|
|
4464
4475
|
"drawer--start": "hanui-drawer--start-xqVlX",
|
|
4465
|
-
drawer__header:
|
|
4466
|
-
drawer__title:
|
|
4467
|
-
drawer__close:
|
|
4468
|
-
drawer__toolbar:
|
|
4469
|
-
drawer__body:
|
|
4470
|
-
drawer__footer:
|
|
4471
|
-
},
|
|
4476
|
+
drawer__header: Zd,
|
|
4477
|
+
drawer__title: Vd,
|
|
4478
|
+
drawer__close: e_,
|
|
4479
|
+
drawer__toolbar: t_,
|
|
4480
|
+
drawer__body: a_,
|
|
4481
|
+
drawer__footer: n_
|
|
4482
|
+
}, r_ = ({
|
|
4472
4483
|
isOpen: e,
|
|
4473
4484
|
onClose: t,
|
|
4474
4485
|
title: n,
|
|
@@ -4476,12 +4487,12 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4476
4487
|
children: i,
|
|
4477
4488
|
side: s = "end",
|
|
4478
4489
|
size: o = "md",
|
|
4479
|
-
footer:
|
|
4490
|
+
footer: d,
|
|
4480
4491
|
toolbar: u,
|
|
4481
|
-
className:
|
|
4492
|
+
className: l,
|
|
4482
4493
|
testId: c
|
|
4483
4494
|
}) => {
|
|
4484
|
-
const { labels:
|
|
4495
|
+
const { labels: _ } = j(), h = L(null), m = L(null), w = W();
|
|
4485
4496
|
A(() => {
|
|
4486
4497
|
const p = h.current;
|
|
4487
4498
|
if (!p) return;
|
|
@@ -4490,7 +4501,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4490
4501
|
return;
|
|
4491
4502
|
}
|
|
4492
4503
|
const v = _t();
|
|
4493
|
-
p.open || p.showModal(), zt(p, `.${
|
|
4504
|
+
p.open || p.showModal(), zt(p, `.${fe.drawer__close}`), oa(p);
|
|
4494
4505
|
const { token: D, pop: N } = Ht();
|
|
4495
4506
|
return m.current = D, () => {
|
|
4496
4507
|
N(), m.current = null, v();
|
|
@@ -4513,34 +4524,34 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4513
4524
|
"dialog",
|
|
4514
4525
|
{
|
|
4515
4526
|
ref: h,
|
|
4516
|
-
className: f(
|
|
4527
|
+
className: f(fe.drawer, fe[`drawer--${s}`], fe[`drawer--${o}`], l),
|
|
4517
4528
|
"aria-labelledby": w,
|
|
4518
4529
|
"data-testid": c,
|
|
4519
4530
|
onClick: b,
|
|
4520
4531
|
children: [
|
|
4521
|
-
/* @__PURE__ */ g("header", { className:
|
|
4522
|
-
/* @__PURE__ */ a("h2", { id: w, className:
|
|
4532
|
+
/* @__PURE__ */ g("header", { className: fe.drawer__header, children: [
|
|
4533
|
+
/* @__PURE__ */ a("h2", { id: w, className: fe.drawer__title, children: n }),
|
|
4523
4534
|
/* @__PURE__ */ a(
|
|
4524
4535
|
Se,
|
|
4525
4536
|
{
|
|
4526
4537
|
icon: /* @__PURE__ */ a(Oe, { "aria-hidden": !0 }),
|
|
4527
|
-
label: K("Drawer.closeLabel", r,
|
|
4538
|
+
label: K("Drawer.closeLabel", r, _ == null ? void 0 : _.close),
|
|
4528
4539
|
variant: "ghost",
|
|
4529
4540
|
size: "sm",
|
|
4530
|
-
className:
|
|
4541
|
+
className: fe.drawer__close,
|
|
4531
4542
|
onClick: t
|
|
4532
4543
|
}
|
|
4533
4544
|
)
|
|
4534
4545
|
] }),
|
|
4535
|
-
u && /* @__PURE__ */ a("div", { className:
|
|
4536
|
-
/* @__PURE__ */ a("div", { className:
|
|
4537
|
-
|
|
4546
|
+
u && /* @__PURE__ */ a("div", { className: fe.drawer__toolbar, children: u }),
|
|
4547
|
+
/* @__PURE__ */ a("div", { className: fe.drawer__body, children: i }),
|
|
4548
|
+
d && /* @__PURE__ */ a("div", { className: fe.drawer__footer, children: d })
|
|
4538
4549
|
]
|
|
4539
4550
|
}
|
|
4540
4551
|
);
|
|
4541
|
-
},
|
|
4542
|
-
form:
|
|
4543
|
-
},
|
|
4552
|
+
}, eh = /* @__PURE__ */ I(/* @__PURE__ */ M(r_, "Drawer")), o_ = "hanui-form-zpZn4", i_ = {
|
|
4553
|
+
form: o_
|
|
4554
|
+
}, s_ = ({
|
|
4544
4555
|
isOpen: e,
|
|
4545
4556
|
onClose: t,
|
|
4546
4557
|
onSubmit: n,
|
|
@@ -4548,23 +4559,23 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4548
4559
|
label: i,
|
|
4549
4560
|
submitLabel: s,
|
|
4550
4561
|
cancelLabel: o,
|
|
4551
|
-
closeLabel:
|
|
4562
|
+
closeLabel: d,
|
|
4552
4563
|
description: u,
|
|
4553
|
-
hint:
|
|
4564
|
+
hint: l,
|
|
4554
4565
|
placeholder: c,
|
|
4555
|
-
defaultValue:
|
|
4566
|
+
defaultValue: _ = "",
|
|
4556
4567
|
isRequired: h,
|
|
4557
4568
|
requiredLabel: m,
|
|
4558
4569
|
inputMode: w = "text",
|
|
4559
4570
|
maxLength: b,
|
|
4560
4571
|
rows: p = 4
|
|
4561
4572
|
}) => {
|
|
4562
|
-
const { labels: v } = j(), D = W(), [N, y] = O(
|
|
4573
|
+
const { labels: v } = j(), D = W(), [N, y] = O(_), [$, x] = O(!1), C = L(!1);
|
|
4563
4574
|
A(() => {
|
|
4564
|
-
e && !C.current && y(
|
|
4565
|
-
}, [e,
|
|
4575
|
+
e && !C.current && y(_), C.current = e;
|
|
4576
|
+
}, [e, _]);
|
|
4566
4577
|
const S = N.trim(), T = !!h && S === "", k = (q) => w === "multiline" ? /* @__PURE__ */ a(
|
|
4567
|
-
|
|
4578
|
+
oi,
|
|
4568
4579
|
{
|
|
4569
4580
|
...q,
|
|
4570
4581
|
value: N,
|
|
@@ -4574,7 +4585,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4574
4585
|
rows: p
|
|
4575
4586
|
}
|
|
4576
4587
|
) : /* @__PURE__ */ a(
|
|
4577
|
-
|
|
4588
|
+
Qo,
|
|
4578
4589
|
{
|
|
4579
4590
|
...q,
|
|
4580
4591
|
type: w === "number" ? "number" : "text",
|
|
@@ -4595,12 +4606,12 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4595
4606
|
}
|
|
4596
4607
|
};
|
|
4597
4608
|
return /* @__PURE__ */ a(
|
|
4598
|
-
|
|
4609
|
+
ja,
|
|
4599
4610
|
{
|
|
4600
4611
|
isOpen: e,
|
|
4601
4612
|
onClose: t,
|
|
4602
4613
|
title: r,
|
|
4603
|
-
closeLabel:
|
|
4614
|
+
closeLabel: d ?? (v == null ? void 0 : v.close),
|
|
4604
4615
|
description: u,
|
|
4605
4616
|
size: "sm",
|
|
4606
4617
|
isDismissable: !$,
|
|
@@ -4632,25 +4643,25 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4632
4643
|
"form",
|
|
4633
4644
|
{
|
|
4634
4645
|
id: D,
|
|
4635
|
-
className:
|
|
4646
|
+
className: i_.form,
|
|
4636
4647
|
onSubmit: (q) => {
|
|
4637
4648
|
q.preventDefault(), B();
|
|
4638
4649
|
},
|
|
4639
|
-
children: /* @__PURE__ */ a(
|
|
4650
|
+
children: /* @__PURE__ */ a(wi, { label: i, hint: l, isRequired: h, requiredLabel: m, children: k })
|
|
4640
4651
|
}
|
|
4641
4652
|
)
|
|
4642
4653
|
}
|
|
4643
4654
|
);
|
|
4644
|
-
},
|
|
4645
|
-
scroller:
|
|
4655
|
+
}, th = /* @__PURE__ */ I(s_), c_ = "hanui-scroller-EtDmS", l_ = "hanui-table-uCv4q", ct = {
|
|
4656
|
+
scroller: c_,
|
|
4646
4657
|
"scroller--frame": "hanui-scroller--frame-84zz6",
|
|
4647
|
-
table:
|
|
4658
|
+
table: l_,
|
|
4648
4659
|
"table--compact": "hanui-table--compact-4KCVl",
|
|
4649
4660
|
"table--regular": "hanui-table--regular-hsA3-",
|
|
4650
4661
|
"table--spacious": "hanui-table--spacious-BBUX-",
|
|
4651
4662
|
"table--sticky-head": "hanui-table--sticky-head-FO2L4",
|
|
4652
4663
|
"table--row-hover": "hanui-table--row-hover--MAoe"
|
|
4653
|
-
},
|
|
4664
|
+
}, ah = /* @__PURE__ */ M(
|
|
4654
4665
|
/* @__PURE__ */ I(({ hasFrame: e = !0, className: t, children: n, ...r }) => /* @__PURE__ */ a(
|
|
4655
4666
|
"div",
|
|
4656
4667
|
{
|
|
@@ -4660,7 +4671,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4660
4671
|
}
|
|
4661
4672
|
)),
|
|
4662
4673
|
"TableScroller"
|
|
4663
|
-
),
|
|
4674
|
+
), d_ = ({
|
|
4664
4675
|
density: e = "regular",
|
|
4665
4676
|
hasStickyHead: t,
|
|
4666
4677
|
hasRowHover: n,
|
|
@@ -4680,22 +4691,22 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4680
4691
|
...s,
|
|
4681
4692
|
children: i
|
|
4682
4693
|
}
|
|
4683
|
-
),
|
|
4684
|
-
wrapper:
|
|
4694
|
+
), nh = /* @__PURE__ */ I(d_), __ = "hanui-wrapper-KXCZg", u_ = "hanui-table-LF5Ow", h_ = "hanui-state-YPPb0", p_ = "hanui-state__message-wwbIW", m_ = "hanui-srOnly-Oia8c", b_ = "hanui-sort-3Q6Fx", g_ = "hanui-sort__arrow-MITWb", f_ = "hanui-sticky-KDEvQ", v_ = "hanui-bulkBar-62qk0", ne = {
|
|
4695
|
+
wrapper: __,
|
|
4685
4696
|
"wrapper--capped": "hanui-wrapper--capped-M2QUJ",
|
|
4686
|
-
table:
|
|
4687
|
-
state:
|
|
4697
|
+
table: u_,
|
|
4698
|
+
state: h_,
|
|
4688
4699
|
"state--error": "hanui-state--error-A492d",
|
|
4689
|
-
state__message:
|
|
4700
|
+
state__message: p_,
|
|
4690
4701
|
"row--warning": "hanui-row--warning-BAUN2",
|
|
4691
|
-
srOnly:
|
|
4692
|
-
sort:
|
|
4693
|
-
sort__arrow:
|
|
4702
|
+
srOnly: m_,
|
|
4703
|
+
sort: b_,
|
|
4704
|
+
sort__arrow: g_,
|
|
4694
4705
|
"sort__arrow--ascending": "hanui-sort__arrow--ascending-85T5d",
|
|
4695
4706
|
"sort__arrow--descending": "hanui-sort__arrow--descending-gs3VU",
|
|
4696
|
-
sticky:
|
|
4697
|
-
bulkBar:
|
|
4698
|
-
},
|
|
4707
|
+
sticky: f_,
|
|
4708
|
+
bulkBar: v_
|
|
4709
|
+
}, y_ = ({
|
|
4699
4710
|
columns: e,
|
|
4700
4711
|
children: t,
|
|
4701
4712
|
isLoading: n,
|
|
@@ -4703,13 +4714,13 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4703
4714
|
emptyMessage: i,
|
|
4704
4715
|
loadingMessage: s,
|
|
4705
4716
|
hasViewportCap: o,
|
|
4706
|
-
onSort:
|
|
4717
|
+
onSort: d,
|
|
4707
4718
|
bulkBar: u,
|
|
4708
|
-
className:
|
|
4719
|
+
className: l,
|
|
4709
4720
|
testId: c
|
|
4710
4721
|
}) => {
|
|
4711
4722
|
var w, b;
|
|
4712
|
-
const { labels:
|
|
4723
|
+
const { labels: _ } = j(), h = Wa.count(t), m = (p, v) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
|
|
4713
4724
|
"td",
|
|
4714
4725
|
{
|
|
4715
4726
|
colSpan: e.length,
|
|
@@ -4720,13 +4731,13 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4720
4731
|
return /* @__PURE__ */ g(
|
|
4721
4732
|
"div",
|
|
4722
4733
|
{
|
|
4723
|
-
className: f(ne.wrapper, o && ne["wrapper--capped"],
|
|
4734
|
+
className: f(ne.wrapper, o && ne["wrapper--capped"], l),
|
|
4724
4735
|
"data-testid": c,
|
|
4725
4736
|
children: [
|
|
4726
4737
|
u && /* @__PURE__ */ a("div", { className: ne.bulkBar, children: u }),
|
|
4727
4738
|
/* @__PURE__ */ g("table", { className: ne.table, children: [
|
|
4728
4739
|
/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((p) => {
|
|
4729
|
-
const v = !!(p.isSortable &&
|
|
4740
|
+
const v = !!(p.isSortable && d), D = p.ariaSort === "ascending" ? "descending" : "ascending";
|
|
4730
4741
|
return /* @__PURE__ */ a(
|
|
4731
4742
|
"th",
|
|
4732
4743
|
{
|
|
@@ -4745,7 +4756,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4745
4756
|
{
|
|
4746
4757
|
type: "button",
|
|
4747
4758
|
className: ne.sort,
|
|
4748
|
-
onClick: () =>
|
|
4759
|
+
onClick: () => d == null ? void 0 : d(p.key, D),
|
|
4749
4760
|
children: [
|
|
4750
4761
|
p.label,
|
|
4751
4762
|
p.srLabel && /* @__PURE__ */ a("span", { className: ne.srOnly, children: p.srLabel }),
|
|
@@ -4781,25 +4792,25 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4781
4792
|
K(
|
|
4782
4793
|
"DataTable.loadingMessage",
|
|
4783
4794
|
s,
|
|
4784
|
-
(w =
|
|
4795
|
+
(w = _ == null ? void 0 : _.dataTable) == null ? void 0 : w.loading
|
|
4785
4796
|
)
|
|
4786
4797
|
) : h === 0 ? m(
|
|
4787
|
-
K("DataTable.emptyMessage", i, (b =
|
|
4798
|
+
K("DataTable.emptyMessage", i, (b = _ == null ? void 0 : _.dataTable) == null ? void 0 : b.empty)
|
|
4788
4799
|
) : t })
|
|
4789
4800
|
] })
|
|
4790
4801
|
]
|
|
4791
4802
|
}
|
|
4792
4803
|
);
|
|
4793
|
-
},
|
|
4804
|
+
}, rh = /* @__PURE__ */ M(
|
|
4794
4805
|
/* @__PURE__ */ I(({ isWarning: e, className: t, children: n, ...r }) => /* @__PURE__ */ a("tr", { className: f(e && ne["row--warning"], t), ...r, children: n })),
|
|
4795
4806
|
"DataTableRow"
|
|
4796
|
-
),
|
|
4797
|
-
bar:
|
|
4798
|
-
bar__hiddenSubmit:
|
|
4799
|
-
bar__actions:
|
|
4800
|
-
field:
|
|
4807
|
+
), oh = /* @__PURE__ */ I(y_), w_ = "hanui-bar-b4PP4", x_ = "hanui-bar__hiddenSubmit-jeCyX", k_ = "hanui-bar__actions-rG69L", N_ = "hanui-field-f-rvu", $t = {
|
|
4808
|
+
bar: w_,
|
|
4809
|
+
bar__hiddenSubmit: x_,
|
|
4810
|
+
bar__actions: k_,
|
|
4811
|
+
field: N_,
|
|
4801
4812
|
"field--wide": "hanui-field--wide-FA5gf"
|
|
4802
|
-
},
|
|
4813
|
+
}, $_ = ({ onSubmit: e, children: t, actions: n, label: r, className: i, testId: s }) => {
|
|
4803
4814
|
const { labels: o } = j();
|
|
4804
4815
|
return /* @__PURE__ */ g(
|
|
4805
4816
|
"form",
|
|
@@ -4807,8 +4818,8 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4807
4818
|
className: f($t.bar, i),
|
|
4808
4819
|
"aria-label": K("FilterBar.label", r, o == null ? void 0 : o.filters),
|
|
4809
4820
|
"data-testid": s,
|
|
4810
|
-
onSubmit: (
|
|
4811
|
-
|
|
4821
|
+
onSubmit: (d) => {
|
|
4822
|
+
d.preventDefault(), e();
|
|
4812
4823
|
},
|
|
4813
4824
|
children: [
|
|
4814
4825
|
t,
|
|
@@ -4817,17 +4828,17 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4817
4828
|
]
|
|
4818
4829
|
}
|
|
4819
4830
|
);
|
|
4820
|
-
},
|
|
4831
|
+
}, ih = /* @__PURE__ */ M(
|
|
4821
4832
|
/* @__PURE__ */ I(({ children: e, isWide: t, className: n }) => /* @__PURE__ */ a("div", { className: f($t.field, t && $t["field--wide"], n), children: e })),
|
|
4822
4833
|
"FilterBarField"
|
|
4823
|
-
),
|
|
4824
|
-
pagination:
|
|
4825
|
-
pagination__list:
|
|
4826
|
-
pagination__arrow:
|
|
4827
|
-
pagination__page:
|
|
4834
|
+
), sh = /* @__PURE__ */ I($_), D_ = "hanui-pagination-K-L20", I_ = "hanui-pagination__list--9HqC", T_ = "hanui-pagination__arrow-XIgoX", C_ = "hanui-pagination__page-TpoJM", E_ = "hanui-pagination__gap-qoDyI", Te = {
|
|
4835
|
+
pagination: D_,
|
|
4836
|
+
pagination__list: I_,
|
|
4837
|
+
pagination__arrow: T_,
|
|
4838
|
+
pagination__page: C_,
|
|
4828
4839
|
"pagination__page--active": "hanui-pagination__page--active-XHeaz",
|
|
4829
|
-
pagination__gap:
|
|
4830
|
-
},
|
|
4840
|
+
pagination__gap: E_
|
|
4841
|
+
}, L_ = (e, t) => {
|
|
4831
4842
|
if (t <= 7) return Array.from({ length: t }, (s, o) => o + 1);
|
|
4832
4843
|
const n = /* @__PURE__ */ new Set([1, t, e]);
|
|
4833
4844
|
e - 1 > 1 && n.add(e - 1), e + 1 < t && n.add(e + 1);
|
|
@@ -4835,7 +4846,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4835
4846
|
return r.forEach((s, o) => {
|
|
4836
4847
|
o > 0 && s - r[o - 1] > 1 && i.push("gap"), i.push(s);
|
|
4837
4848
|
}), i;
|
|
4838
|
-
},
|
|
4849
|
+
}, S_ = ({
|
|
4839
4850
|
page: e,
|
|
4840
4851
|
totalPages: t,
|
|
4841
4852
|
label: n,
|
|
@@ -4843,17 +4854,17 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4843
4854
|
nextLabel: i,
|
|
4844
4855
|
buildHref: s,
|
|
4845
4856
|
onPageChange: o,
|
|
4846
|
-
linkProps:
|
|
4857
|
+
linkProps: d,
|
|
4847
4858
|
formatAnnouncement: u,
|
|
4848
|
-
className:
|
|
4859
|
+
className: l,
|
|
4849
4860
|
testId: c
|
|
4850
4861
|
}) => {
|
|
4851
4862
|
var p, v, D;
|
|
4852
|
-
const { labels:
|
|
4863
|
+
const { labels: _ } = j(), h = ta(), m = L(e);
|
|
4853
4864
|
A(() => {
|
|
4854
4865
|
m.current !== e && (m.current = e, u && h(u(e, t)));
|
|
4855
4866
|
}, [e, t, u, h]);
|
|
4856
|
-
const w = Dt(() =>
|
|
4867
|
+
const w = Dt(() => L_(e, t), [e, t]);
|
|
4857
4868
|
if (t <= 1) return null;
|
|
4858
4869
|
const b = (N) => {
|
|
4859
4870
|
o && o(N);
|
|
@@ -4861,19 +4872,19 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4861
4872
|
return /* @__PURE__ */ g(
|
|
4862
4873
|
"nav",
|
|
4863
4874
|
{
|
|
4864
|
-
className: f(Te.pagination,
|
|
4865
|
-
"aria-label": K("Pagination.label", n, (p =
|
|
4875
|
+
className: f(Te.pagination, l),
|
|
4876
|
+
"aria-label": K("Pagination.label", n, (p = _ == null ? void 0 : _.pagination) == null ? void 0 : p.label),
|
|
4866
4877
|
"data-testid": c,
|
|
4867
4878
|
children: [
|
|
4868
4879
|
/* @__PURE__ */ a(
|
|
4869
4880
|
Se,
|
|
4870
4881
|
{
|
|
4871
4882
|
className: Te.pagination__arrow,
|
|
4872
|
-
icon: /* @__PURE__ */ a(
|
|
4883
|
+
icon: /* @__PURE__ */ a(Ra, { "aria-hidden": !0 }),
|
|
4873
4884
|
label: K(
|
|
4874
4885
|
"Pagination.previousLabel",
|
|
4875
4886
|
r,
|
|
4876
|
-
(v =
|
|
4887
|
+
(v = _ == null ? void 0 : _.pagination) == null ? void 0 : v.previous
|
|
4877
4888
|
),
|
|
4878
4889
|
variant: "outline",
|
|
4879
4890
|
disabled: e <= 1,
|
|
@@ -4882,7 +4893,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4882
4893
|
),
|
|
4883
4894
|
/* @__PURE__ */ a("ul", { className: Te.pagination__list, children: w.map(
|
|
4884
4895
|
(N, y) => N === "gap" ? /* @__PURE__ */ a("li", { className: Te.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${y}`) : /* @__PURE__ */ a("li", { children: s ? /* @__PURE__ */ a(
|
|
4885
|
-
|
|
4896
|
+
we,
|
|
4886
4897
|
{
|
|
4887
4898
|
href: s(N),
|
|
4888
4899
|
className: f(
|
|
@@ -4890,7 +4901,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4890
4901
|
N === e && Te["pagination__page--active"]
|
|
4891
4902
|
),
|
|
4892
4903
|
"aria-current": N === e ? "page" : void 0,
|
|
4893
|
-
...
|
|
4904
|
+
...d,
|
|
4894
4905
|
children: N
|
|
4895
4906
|
}
|
|
4896
4907
|
) : /* @__PURE__ */ a(
|
|
@@ -4913,7 +4924,7 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4913
4924
|
{
|
|
4914
4925
|
className: Te.pagination__arrow,
|
|
4915
4926
|
icon: /* @__PURE__ */ a(Pt, { "aria-hidden": !0 }),
|
|
4916
|
-
label: K("Pagination.nextLabel", i, (D =
|
|
4927
|
+
label: K("Pagination.nextLabel", i, (D = _ == null ? void 0 : _.pagination) == null ? void 0 : D.next),
|
|
4917
4928
|
variant: "outline",
|
|
4918
4929
|
disabled: e >= t,
|
|
4919
4930
|
onClick: () => b(e + 1)
|
|
@@ -4922,114 +4933,114 @@ const oa = () => Zt.forEach((e) => e(Ve)), Vt = (e) => {
|
|
|
4922
4933
|
]
|
|
4923
4934
|
}
|
|
4924
4935
|
);
|
|
4925
|
-
},
|
|
4936
|
+
}, ch = /* @__PURE__ */ I(S_);
|
|
4926
4937
|
export {
|
|
4927
|
-
|
|
4928
|
-
|
|
4929
|
-
|
|
4930
|
-
|
|
4931
|
-
|
|
4932
|
-
|
|
4933
|
-
|
|
4934
|
-
|
|
4938
|
+
ra as ABOVE_MOBILE_MEDIA_QUERY,
|
|
4939
|
+
G_ as ABOVE_TABLET_MEDIA_QUERY,
|
|
4940
|
+
Gu as Accordion,
|
|
4941
|
+
mu as Alert,
|
|
4942
|
+
bu as Avatar,
|
|
4943
|
+
gu as Badge,
|
|
4944
|
+
Ua as BottomSheet,
|
|
4945
|
+
fu as Breadcrumb,
|
|
4935
4946
|
It as Button,
|
|
4936
|
-
|
|
4937
|
-
|
|
4938
|
-
|
|
4939
|
-
|
|
4940
|
-
|
|
4941
|
-
|
|
4942
|
-
|
|
4943
|
-
|
|
4944
|
-
|
|
4945
|
-
|
|
4946
|
-
|
|
4947
|
-
|
|
4948
|
-
|
|
4949
|
-
|
|
4950
|
-
|
|
4951
|
-
|
|
4952
|
-
|
|
4953
|
-
|
|
4954
|
-
|
|
4955
|
-
|
|
4956
|
-
|
|
4957
|
-
|
|
4958
|
-
|
|
4959
|
-
|
|
4960
|
-
|
|
4961
|
-
|
|
4962
|
-
|
|
4963
|
-
|
|
4964
|
-
|
|
4965
|
-
|
|
4966
|
-
|
|
4967
|
-
|
|
4947
|
+
O_ as COMPACT_DENSITY,
|
|
4948
|
+
ku as Card,
|
|
4949
|
+
wu as CardBody,
|
|
4950
|
+
xu as CardFooter,
|
|
4951
|
+
vu as CardMedia,
|
|
4952
|
+
yu as CardOverlay,
|
|
4953
|
+
Nu as Carousel,
|
|
4954
|
+
au as Checkbox,
|
|
4955
|
+
rr as Chip,
|
|
4956
|
+
Z_ as ChipGroup,
|
|
4957
|
+
V_ as Combobox,
|
|
4958
|
+
Zu as CommandPalette,
|
|
4959
|
+
Vu as ConfirmDialog,
|
|
4960
|
+
$u as CopyField,
|
|
4961
|
+
dn as DARK_THEME,
|
|
4962
|
+
z_ as DEFAULT_FONTS,
|
|
4963
|
+
oh as DataTable,
|
|
4964
|
+
rh as DataTableRow,
|
|
4965
|
+
_u as DateField,
|
|
4966
|
+
uu as DateRange,
|
|
4967
|
+
Eu as Directory,
|
|
4968
|
+
Iu as DirectoryGroup,
|
|
4969
|
+
Cu as DirectoryJump,
|
|
4970
|
+
Tu as DirectoryRow,
|
|
4971
|
+
Du as Divider,
|
|
4972
|
+
eh as Drawer,
|
|
4973
|
+
Lu as EmptyState,
|
|
4974
|
+
wi as Field,
|
|
4975
|
+
pu as FileUpload,
|
|
4976
|
+
sh as FilterBar,
|
|
4977
|
+
ih as FilterBarField,
|
|
4978
|
+
K_ as HanuiProvider,
|
|
4968
4979
|
Se as IconButton,
|
|
4969
|
-
|
|
4970
|
-
|
|
4971
|
-
|
|
4972
|
-
|
|
4973
|
-
|
|
4974
|
-
|
|
4975
|
-
|
|
4976
|
-
|
|
4977
|
-
|
|
4978
|
-
|
|
4979
|
-
|
|
4980
|
-
|
|
4981
|
-
|
|
4982
|
-
|
|
4983
|
-
|
|
4984
|
-
|
|
4985
|
-
|
|
4986
|
-
|
|
4987
|
-
|
|
4988
|
-
|
|
4989
|
-
|
|
4990
|
-
|
|
4991
|
-
|
|
4992
|
-
|
|
4993
|
-
|
|
4994
|
-
|
|
4995
|
-
|
|
4996
|
-
|
|
4997
|
-
|
|
4998
|
-
|
|
4999
|
-
|
|
5000
|
-
|
|
5001
|
-
|
|
5002
|
-
|
|
5003
|
-
|
|
5004
|
-
|
|
5005
|
-
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
|
|
5009
|
-
|
|
5010
|
-
|
|
5011
|
-
|
|
5012
|
-
|
|
5013
|
-
|
|
5014
|
-
|
|
5015
|
-
|
|
4980
|
+
Qo as Input,
|
|
4981
|
+
ln as LIGHT_THEME,
|
|
4982
|
+
P_ as METRIC_TOKENS,
|
|
4983
|
+
wn as MOBILE_BREAKPOINT,
|
|
4984
|
+
J_ as Menu,
|
|
4985
|
+
ja as Modal,
|
|
4986
|
+
Su as PageHeader,
|
|
4987
|
+
ch as Pagination,
|
|
4988
|
+
Mu as Panel,
|
|
4989
|
+
Ru as PanelForm,
|
|
4990
|
+
Au as PanelRow,
|
|
4991
|
+
W_ as Popover,
|
|
4992
|
+
Bu as Price,
|
|
4993
|
+
Si as Progress,
|
|
4994
|
+
hu as ProgressCircle,
|
|
4995
|
+
th as PromptDialog,
|
|
4996
|
+
cu as QuantityStepper,
|
|
4997
|
+
ru as Radio,
|
|
4998
|
+
ou as RadioCard,
|
|
4999
|
+
iu as RangeSlider,
|
|
5000
|
+
Fu as Rating,
|
|
5001
|
+
su as RatingInput,
|
|
5002
|
+
Ou as ScrollArea,
|
|
5003
|
+
Pu as SectionHeader,
|
|
5004
|
+
eu as SegmentedControl,
|
|
5005
|
+
tu as Select,
|
|
5006
|
+
zu as Skeleton,
|
|
5007
|
+
Hu as SkeletonCard,
|
|
5008
|
+
Ku as SkeletonRows,
|
|
5009
|
+
Uu as SkeletonTable,
|
|
5010
|
+
Ka as Spinner,
|
|
5011
|
+
qu as Stat,
|
|
5012
|
+
Xu as Steps,
|
|
5013
|
+
nu as Switch,
|
|
5014
|
+
xn as TABLET_BREAKPOINT,
|
|
5015
|
+
Y_ as TABLET_PORTRAIT_BREAKPOINT,
|
|
5016
|
+
nh as Table,
|
|
5017
|
+
lu as TableCheckbox,
|
|
5018
|
+
ah as TableScroller,
|
|
5019
|
+
Qu as Tabs,
|
|
5020
|
+
du as TagInput,
|
|
5021
|
+
X_ as TextLink,
|
|
5022
|
+
oi as Textarea,
|
|
5023
|
+
Ju as Tile,
|
|
5024
|
+
Wu as Timeline,
|
|
5025
|
+
Yu as ToastHub,
|
|
5026
|
+
Q_ as Tooltip,
|
|
5016
5027
|
Ze as UISize,
|
|
5017
5028
|
Le as UIVariant,
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5029
|
+
_n as buildThemeCss,
|
|
5030
|
+
U_ as initHanui,
|
|
5031
|
+
Nn as isKeyboardOpeningElement,
|
|
5021
5032
|
Bt as matchesSearch,
|
|
5022
|
-
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5033
|
+
fa as normalizeSearchTerm,
|
|
5034
|
+
oa as preventAutoKeyboard,
|
|
5035
|
+
H_ as resolveTokens,
|
|
5036
|
+
ju as toast,
|
|
5026
5037
|
ta as useAnnounce,
|
|
5027
5038
|
j as useHanui,
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
|
|
5039
|
+
q_ as useHanuiTheme,
|
|
5040
|
+
Pa as useListboxNavigation,
|
|
5041
|
+
na as usePositioning,
|
|
5031
5042
|
Ot as useScrollLock,
|
|
5032
|
-
|
|
5033
|
-
|
|
5043
|
+
yn as useSheetViewport,
|
|
5044
|
+
j_ as useVirtualList
|
|
5034
5045
|
};
|
|
5035
5046
|
//# sourceMappingURL=index.js.map
|