@ahmetilhn/hanui 2.0.8 → 2.0.10
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 +12 -12
- package/build/index.cjs.map +1 -1
- package/build/index.d.ts +33 -1
- package/build/index.js +1185 -1198
- package/build/index.js.map +1 -1
- package/build/styles.css +1 -1
- package/package.json +3 -2
package/build/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a, jsxs as g, Fragment as fe } from "react/jsx-runtime";
|
|
3
|
-
import { useContext as cn, createContext as ln, useMemo as Tt, useEffect as S, useRef as R, useCallback as
|
|
3
|
+
import { useContext as cn, createContext as ln, useMemo as Tt, useEffect as S, useRef as R, useCallback as H, useState as P, useLayoutEffect as Ea, memo as I, forwardRef as xe, useId as J, isValidElement as La, cloneElement as Sa, Children as dn } from "react";
|
|
4
4
|
import { isClient as he, isDefined as ut, normalize as pa, isNumber as ma } from "@ahmetilhn/handy-utils";
|
|
5
|
-
import { ArrowRight as _n, XLg as
|
|
5
|
+
import { ArrowRight as _n, XLg as ze, Search as Ra, CaretDownFill as Aa, CheckLg as zt, StarFill as ea, DashLg as Ma, PlusLg as un, ExclamationCircleFill as Ft, CloudArrowUpFill as hn, XCircleFill as Ba, ExclamationTriangleFill as ra, CheckCircleFill as Fa, InfoCircleFill as Pa, CaretRightFill as Kt, CaretLeftFill as Oa, ClipboardCheckFill as pn, ClipboardFill as mn, StarHalf as bn, ArrowDownShort as gn, ArrowUpShort as fn, QuestionCircleFill as vn, TrashFill as yn } from "react-bootstrap-icons";
|
|
6
6
|
import { createPortal as Et } from "react-dom";
|
|
7
7
|
const T = {
|
|
8
8
|
n0: "#ffffff",
|
|
@@ -140,14 +140,14 @@ const T = {
|
|
|
140
140
|
fg: "#1d6e31",
|
|
141
141
|
bgDark: "#122817",
|
|
142
142
|
fgDark: "#34c759"
|
|
143
|
-
},
|
|
143
|
+
}, Ha = {
|
|
144
144
|
/** 5,23:1 beyaz üzerinde. */
|
|
145
145
|
light: "#9a5f04",
|
|
146
146
|
/** 9,82:1 koyu zemin üzerinde. */
|
|
147
147
|
dark: "#f0b429"
|
|
148
148
|
}, B = (e, t) => {
|
|
149
|
-
const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((
|
|
150
|
-
return `rgba(${o}, ${
|
|
149
|
+
const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((l) => l + l).join("") : n, o = parseInt(r.slice(0, 2), 16), i = parseInt(r.slice(2, 4), 16), s = parseInt(r.slice(4, 6), 16);
|
|
150
|
+
return `rgba(${o}, ${i}, ${s}, ${t})`;
|
|
151
151
|
}, ie = "#000000", wn = {
|
|
152
152
|
// --- Yüzey ---
|
|
153
153
|
page: T.n50,
|
|
@@ -239,7 +239,7 @@ const T = {
|
|
|
239
239
|
"green-accent": Oe.green,
|
|
240
240
|
"green-accent-hover": Oe.greenHover,
|
|
241
241
|
"on-green": Oe.onGreen,
|
|
242
|
-
star:
|
|
242
|
+
star: Ha.light,
|
|
243
243
|
// --- Yıkıcı eylem: durum tinti DEĞİL, gerçek bir dolgu ---
|
|
244
244
|
"danger-solid": Ze.base,
|
|
245
245
|
"danger-solid-hover": Ze.hover,
|
|
@@ -378,7 +378,7 @@ const T = {
|
|
|
378
378
|
"green-accent": Oe.greenDark,
|
|
379
379
|
"green-accent-hover": Oe.greenHoverDark,
|
|
380
380
|
"on-green": Oe.onGreen,
|
|
381
|
-
star:
|
|
381
|
+
star: Ha.dark,
|
|
382
382
|
"danger-solid": Ze.dark,
|
|
383
383
|
"danger-solid-hover": Ze.darkHover,
|
|
384
384
|
"on-danger": Ze.onDark,
|
|
@@ -420,7 +420,7 @@ const T = {
|
|
|
420
420
|
"glow-1": B(G.base, 0.2),
|
|
421
421
|
"glow-2": B(G.dark, 0.1),
|
|
422
422
|
"glow-amber": B(ge.dark, 0.12)
|
|
423
|
-
},
|
|
423
|
+
}, tu = {
|
|
424
424
|
// --- Yarıçap ---
|
|
425
425
|
// Küçük öğeler ile büyük yüzeyler aynı yarıçapı PAYLAŞMAZ: küçük bir öğede
|
|
426
426
|
// 12px onu şişman gösterir, büyük bir kartta 6px keskin ve ucuz görünür.
|
|
@@ -508,7 +508,7 @@ const T = {
|
|
|
508
508
|
*/
|
|
509
509
|
"duration-spin": "700ms",
|
|
510
510
|
"duration-shimmer": "1400ms"
|
|
511
|
-
},
|
|
511
|
+
}, au = {
|
|
512
512
|
"space-2": "6px",
|
|
513
513
|
"space-3": "8px",
|
|
514
514
|
"space-4": "12px",
|
|
@@ -541,43 +541,43 @@ const T = {
|
|
|
541
541
|
"font-size-4xl": "39px",
|
|
542
542
|
"leading-normal": "1.5",
|
|
543
543
|
"leading-relaxed": "1.6"
|
|
544
|
-
},
|
|
544
|
+
}, nu = {
|
|
545
545
|
heading: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
546
546
|
body: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
547
547
|
mono: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace"
|
|
548
|
-
}, ba = "--hanui-", ga = "hanui-theme-overrides", Ve = "data-hanui-theme",
|
|
548
|
+
}, ba = "--hanui-", ga = "hanui-theme-overrides", Ve = "data-hanui-theme", za = "data-hanui-density", fa = "hanui-theme-switching", ru = (e, t) => {
|
|
549
549
|
const n = e === "dark" ? xn : wn, r = (e === "dark" ? t == null ? void 0 : t.dark : t == null ? void 0 : t.light) ?? {};
|
|
550
550
|
return { ...n, ...r };
|
|
551
551
|
}, kn = (e) => {
|
|
552
|
-
const t = [], n = (
|
|
553
|
-
`), r = e.fonts ?? {}, o = Object.entries(r).filter(([,
|
|
552
|
+
const t = [], n = (s, l = " ") => Object.entries(s).map(([h, _]) => `${l}${ba}${h}: ${_};`).join(`
|
|
553
|
+
`), r = e.fonts ?? {}, o = Object.entries(r).filter(([, s]) => !!s);
|
|
554
554
|
o.length > 0 && t.push(
|
|
555
555
|
`:root {
|
|
556
|
-
${o.map(([
|
|
556
|
+
${o.map(([s, l]) => ` ${ba}font-${s}: ${l};`).join(`
|
|
557
557
|
`)}
|
|
558
558
|
}`
|
|
559
559
|
);
|
|
560
|
-
const
|
|
561
|
-
if (Object.keys(
|
|
562
|
-
const
|
|
560
|
+
const i = e.metrics ?? {};
|
|
561
|
+
if (Object.keys(i).length > 0) {
|
|
562
|
+
const s = n(i);
|
|
563
563
|
t.push(`:root {
|
|
564
|
-
${
|
|
565
|
-
}`), t.push(`:root[${
|
|
566
|
-
${
|
|
564
|
+
${s}
|
|
565
|
+
}`), t.push(`:root[${za}='compact'] {
|
|
566
|
+
${s}
|
|
567
567
|
}`);
|
|
568
568
|
}
|
|
569
569
|
if (e.light && Object.keys(e.light).length > 0) {
|
|
570
|
-
const
|
|
570
|
+
const s = n(e.light);
|
|
571
571
|
t.push(`:root {
|
|
572
|
-
${
|
|
572
|
+
${s}
|
|
573
573
|
}`), t.push(`:root[${Ve}='light'] {
|
|
574
|
-
${
|
|
574
|
+
${s}
|
|
575
575
|
}`);
|
|
576
576
|
}
|
|
577
577
|
if (e.dark && Object.keys(e.dark).length > 0) {
|
|
578
|
-
const
|
|
578
|
+
const s = n(e.dark);
|
|
579
579
|
t.push(`:root[${Ve}='dark'] {
|
|
580
|
-
${
|
|
580
|
+
${s}
|
|
581
581
|
}`), t.push(
|
|
582
582
|
`@media (prefers-color-scheme: dark) {
|
|
583
583
|
:root:not([${Ve}]) {
|
|
@@ -601,15 +601,15 @@ ${n(
|
|
|
601
601
|
}
|
|
602
602
|
const r = n ?? document.createElement("style");
|
|
603
603
|
r.id = ga, r.textContent = t, n || document.head.appendChild(r);
|
|
604
|
-
}, Ua = ln({}), j = () => cn(Ua),
|
|
604
|
+
}, Ua = ln({}), j = () => cn(Ua), ou = ({ children: e, theme: t, linkComponent: n, labels: r }) => {
|
|
605
605
|
const o = Tt(() => t ? JSON.stringify(t) : "", [t]);
|
|
606
606
|
S(() => {
|
|
607
607
|
Ka(t);
|
|
608
608
|
}, [o]);
|
|
609
|
-
const
|
|
610
|
-
|
|
611
|
-
const
|
|
612
|
-
() => ({ theme:
|
|
609
|
+
const i = R(t);
|
|
610
|
+
i.current = t;
|
|
611
|
+
const s = Tt(
|
|
612
|
+
() => ({ theme: i.current, linkComponent: n, labels: r }),
|
|
613
613
|
/* `themeKey` denetciye GEREKSIZ gorunuyor cunku memo'nun govdesinde
|
|
614
614
|
gecmiyor — ama tam da isi bu: temanin ICERIGI degistiginde yeni bir
|
|
615
615
|
nesne uretilmesini saglayan tetik o. Cikarilirsa tema ezmesi degisse
|
|
@@ -617,9 +617,9 @@ ${n(
|
|
|
617
617
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
618
618
|
[o, n, r]
|
|
619
619
|
);
|
|
620
|
-
return /* @__PURE__ */ a(Ua.Provider, { value:
|
|
621
|
-
},
|
|
622
|
-
Ka(e.theme), he() && (e.colorScheme && document.documentElement.setAttribute(Ve, e.colorScheme), e.density && document.documentElement.setAttribute(
|
|
620
|
+
return /* @__PURE__ */ a(Ua.Provider, { value: s, children: e });
|
|
621
|
+
}, iu = (e = {}) => {
|
|
622
|
+
Ka(e.theme), he() && (e.colorScheme && document.documentElement.setAttribute(Ve, e.colorScheme), e.density && document.documentElement.setAttribute(za, e.density));
|
|
623
623
|
}, Nn = "hanui-live-region", $n = (e) => {
|
|
624
624
|
if (!he()) return null;
|
|
625
625
|
const t = `${Nn}-${e}`, n = document.getElementById(t);
|
|
@@ -630,7 +630,7 @@ ${n(
|
|
|
630
630
|
e.textContent = "", window.requestAnimationFrame(() => {
|
|
631
631
|
e.textContent = t;
|
|
632
632
|
});
|
|
633
|
-
}, oa = () =>
|
|
633
|
+
}, oa = () => H((e, t = "polite") => {
|
|
634
634
|
const n = e.trim();
|
|
635
635
|
if (n === "") return;
|
|
636
636
|
const r = $n(t);
|
|
@@ -642,60 +642,60 @@ ${n(
|
|
|
642
642
|
if (!he()) return "system";
|
|
643
643
|
const e = document.documentElement.getAttribute(Ve);
|
|
644
644
|
return e === "dark" || e === "light" ? e : "system";
|
|
645
|
-
},
|
|
646
|
-
const [e, t] = P("light"), [n, r] = P("light"), [o,
|
|
645
|
+
}, su = () => {
|
|
646
|
+
const [e, t] = P("light"), [n, r] = P("light"), [o, i] = P(!1);
|
|
647
647
|
S(() => {
|
|
648
|
-
t(In()), r(va()),
|
|
648
|
+
t(In()), r(va()), i(!0);
|
|
649
649
|
}, []), S(() => {
|
|
650
650
|
if (!he() || !window.matchMedia) return;
|
|
651
|
-
const
|
|
652
|
-
return
|
|
651
|
+
const _ = window.matchMedia("(prefers-color-scheme: dark)"), c = () => r(va());
|
|
652
|
+
return _.addEventListener("change", c), () => _.removeEventListener("change", c);
|
|
653
653
|
}, []);
|
|
654
|
-
const
|
|
654
|
+
const s = e === "system" ? n : e, l = H((_) => {
|
|
655
655
|
if (!he()) return;
|
|
656
656
|
const c = document.documentElement;
|
|
657
|
-
c.classList.add(fa),
|
|
657
|
+
c.classList.add(fa), _ === "system" ? c.removeAttribute(Ve) : c.setAttribute(Ve, _), t(_), window.requestAnimationFrame(() => {
|
|
658
658
|
window.requestAnimationFrame(() => c.classList.remove(fa));
|
|
659
659
|
});
|
|
660
|
-
}, []), h =
|
|
661
|
-
() =>
|
|
662
|
-
[
|
|
660
|
+
}, []), h = H(
|
|
661
|
+
() => l(s === "dark" ? "light" : "dark"),
|
|
662
|
+
[s, l]
|
|
663
663
|
);
|
|
664
|
-
return { scheme:
|
|
664
|
+
return { scheme: s, preference: e, setScheme: l, toggle: h, isReady: o };
|
|
665
665
|
}, ia = (e, t) => {
|
|
666
666
|
typeof (e == null ? void 0 : e.scrollIntoView) == "function" && e.scrollIntoView(t);
|
|
667
|
-
}, qa = ({ count: e, isOpen: t, initialIndex: n = 0, onSelect: r, onClose: o }, { hasSpaceSelect:
|
|
668
|
-
const [
|
|
667
|
+
}, qa = ({ count: e, isOpen: t, initialIndex: n = 0, onSelect: r, onClose: o }, { hasSpaceSelect: i = !1 } = {}) => {
|
|
668
|
+
const [s, l] = P(n), h = R(null);
|
|
669
669
|
S(() => {
|
|
670
|
-
t &&
|
|
670
|
+
t && l(n);
|
|
671
671
|
}, [t, n]), S(() => {
|
|
672
|
-
|
|
672
|
+
l((c) => c >= e ? Math.max(0, e - 1) : c);
|
|
673
673
|
}, [e]), S(() => {
|
|
674
674
|
var c;
|
|
675
|
-
t && ia((c = h.current) == null ? void 0 : c.querySelector(`[data-index="${
|
|
675
|
+
t && ia((c = h.current) == null ? void 0 : c.querySelector(`[data-index="${s}"]`), {
|
|
676
676
|
block: "nearest"
|
|
677
677
|
});
|
|
678
|
-
}, [
|
|
679
|
-
const
|
|
678
|
+
}, [s, t, e]);
|
|
679
|
+
const _ = H(
|
|
680
680
|
(c) => {
|
|
681
|
-
const
|
|
681
|
+
const u = e - 1;
|
|
682
682
|
switch (c.key) {
|
|
683
683
|
case "ArrowDown":
|
|
684
|
-
c.preventDefault(),
|
|
684
|
+
c.preventDefault(), l((d) => d >= u ? 0 : d + 1);
|
|
685
685
|
break;
|
|
686
686
|
case "ArrowUp":
|
|
687
|
-
c.preventDefault(),
|
|
687
|
+
c.preventDefault(), l((d) => d <= 0 ? u : d - 1);
|
|
688
688
|
break;
|
|
689
689
|
case "Home":
|
|
690
|
-
c.preventDefault(),
|
|
690
|
+
c.preventDefault(), l(0);
|
|
691
691
|
break;
|
|
692
692
|
case "End":
|
|
693
|
-
c.preventDefault(), u
|
|
693
|
+
c.preventDefault(), l(u);
|
|
694
694
|
break;
|
|
695
695
|
case " ":
|
|
696
696
|
case "Enter": {
|
|
697
|
-
if (c.key === " " && !
|
|
698
|
-
c.preventDefault(), e > 0 && r(
|
|
697
|
+
if (c.key === " " && !i) break;
|
|
698
|
+
c.preventDefault(), e > 0 && r(s);
|
|
699
699
|
break;
|
|
700
700
|
}
|
|
701
701
|
case "Escape":
|
|
@@ -706,105 +706,105 @@ ${n(
|
|
|
706
706
|
break;
|
|
707
707
|
}
|
|
708
708
|
},
|
|
709
|
-
[
|
|
709
|
+
[s, e, i, o, r]
|
|
710
710
|
);
|
|
711
|
-
return { activeIndex:
|
|
711
|
+
return { activeIndex: s, setActiveIndex: l, listRef: h, handleKeyDown: _ };
|
|
712
712
|
}, Wt = {
|
|
713
713
|
top: "bottom",
|
|
714
714
|
bottom: "top",
|
|
715
715
|
left: "right",
|
|
716
716
|
right: "left"
|
|
717
717
|
}, ya = (e, t, n) => Math.min(Math.max(e, t), n), Qt = (e, t, n, r, o) => {
|
|
718
|
-
const
|
|
718
|
+
const i = n === "top" || n === "bottom", s = {
|
|
719
719
|
top: e.top - t.height - o,
|
|
720
720
|
bottom: e.top + e.height + o,
|
|
721
721
|
left: e.left - t.width - o,
|
|
722
722
|
right: e.left + e.width + o
|
|
723
|
-
}[n],
|
|
724
|
-
start:
|
|
725
|
-
center:
|
|
726
|
-
end:
|
|
723
|
+
}[n], l = i ? e.left : e.top, h = i ? e.width : e.height, _ = i ? t.width : t.height, c = {
|
|
724
|
+
start: l,
|
|
725
|
+
center: l + h / 2 - _ / 2,
|
|
726
|
+
end: l + h - _
|
|
727
727
|
}[r];
|
|
728
|
-
return
|
|
728
|
+
return i ? { top: s, left: c } : { top: c, left: s };
|
|
729
729
|
}, wa = (e, t, n, r, o) => ({
|
|
730
730
|
top: e.top >= r,
|
|
731
731
|
bottom: e.top + t.height <= o.height - r,
|
|
732
732
|
left: e.left >= r,
|
|
733
733
|
right: e.left + t.width <= o.width - r
|
|
734
|
-
})[n], Ut = (e, t, { side: n = "top", align: r = "center", offset: o = 8, padding:
|
|
735
|
-
const [
|
|
734
|
+
})[n], Ut = (e, t, { side: n = "top", align: r = "center", offset: o = 8, padding: i = 8, isOpen: s }) => {
|
|
735
|
+
const [l, h] = P({
|
|
736
736
|
style: { position: "fixed", top: 0, left: 0 },
|
|
737
737
|
side: n,
|
|
738
738
|
isPositioned: !1
|
|
739
|
-
}),
|
|
739
|
+
}), _ = R(0), c = H(() => {
|
|
740
740
|
const m = e.current, w = t.current;
|
|
741
741
|
if (!m || !w) return;
|
|
742
|
-
const b = m.getBoundingClientRect(), p = w.getBoundingClientRect(), y = { width: window.innerWidth, height: window.innerHeight }, D = Qt(b, p, n, r, o), N = wa(D, p, n,
|
|
742
|
+
const b = m.getBoundingClientRect(), p = w.getBoundingClientRect(), y = { width: window.innerWidth, height: window.innerHeight }, D = Qt(b, p, n, r, o), N = wa(D, p, n, i, y) ? n : wa(
|
|
743
743
|
Qt(b, p, Wt[n], r, o),
|
|
744
744
|
p,
|
|
745
745
|
Wt[n],
|
|
746
|
-
|
|
746
|
+
i,
|
|
747
747
|
y
|
|
748
748
|
) ? Wt[n] : n, f = Qt(b, p, N, r, o);
|
|
749
749
|
h({
|
|
750
750
|
style: {
|
|
751
751
|
position: "fixed",
|
|
752
|
-
top: Math.round(ya(f.top,
|
|
753
|
-
left: Math.round(ya(f.left,
|
|
752
|
+
top: Math.round(ya(f.top, i, y.height - p.height - i)),
|
|
753
|
+
left: Math.round(ya(f.left, i, y.width - p.width - i))
|
|
754
754
|
},
|
|
755
755
|
side: N,
|
|
756
756
|
isPositioned: !0
|
|
757
757
|
});
|
|
758
|
-
}, [e, t, n, r, o,
|
|
759
|
-
|
|
760
|
-
|
|
758
|
+
}, [e, t, n, r, o, i]), u = H(() => {
|
|
759
|
+
_.current || (_.current = window.requestAnimationFrame(() => {
|
|
760
|
+
_.current = 0, c();
|
|
761
761
|
}));
|
|
762
762
|
}, [c]);
|
|
763
763
|
return (he() ? Ea : S)(() => {
|
|
764
|
-
if (!
|
|
764
|
+
if (!s) {
|
|
765
765
|
h((w) => w.isPositioned ? { ...w, isPositioned: !1 } : w);
|
|
766
766
|
return;
|
|
767
767
|
}
|
|
768
|
-
c(), window.addEventListener("resize",
|
|
769
|
-
const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(
|
|
768
|
+
c(), window.addEventListener("resize", u), document.addEventListener("scroll", u, !0);
|
|
769
|
+
const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
|
|
770
770
|
return m && t.current && m.observe(t.current), m && e.current && m.observe(e.current), () => {
|
|
771
|
-
window.removeEventListener("resize",
|
|
771
|
+
window.removeEventListener("resize", u), document.removeEventListener("scroll", u, !0), m == null || m.disconnect(), _.current && (window.cancelAnimationFrame(_.current), _.current = 0);
|
|
772
772
|
};
|
|
773
|
-
}, [
|
|
773
|
+
}, [s, c, u, e, t]), l;
|
|
774
774
|
}, Tn = (e, { rowHeight: t = 40, overscan: n = 6, isEnabled: r = !0 } = {}) => {
|
|
775
|
-
const o = R(null), [
|
|
775
|
+
const o = R(null), [i, s] = P({
|
|
776
776
|
start: 0,
|
|
777
777
|
end: e,
|
|
778
778
|
totalHeight: e * t,
|
|
779
779
|
offset: 0
|
|
780
|
-
}),
|
|
781
|
-
const
|
|
782
|
-
const
|
|
780
|
+
}), l = H(() => {
|
|
781
|
+
const _ = o.current, c = !r || !_ || _.clientHeight === 0 ? { start: 0, end: e, totalHeight: e * t, offset: 0 } : (() => {
|
|
782
|
+
const u = Math.ceil(_.clientHeight / t), d = Math.floor(_.scrollTop / t), m = Math.max(0, d - n), w = Math.min(e, d + u + n);
|
|
783
783
|
return { start: m, end: w, totalHeight: e * t, offset: m * t };
|
|
784
784
|
})();
|
|
785
|
-
|
|
786
|
-
(
|
|
785
|
+
s(
|
|
786
|
+
(u) => u.start === c.start && u.end === c.end && u.totalHeight === c.totalHeight && u.offset === c.offset ? u : c
|
|
787
787
|
);
|
|
788
788
|
}, [e, r, n, t]);
|
|
789
|
-
S(
|
|
790
|
-
const
|
|
791
|
-
if (!
|
|
792
|
-
|
|
793
|
-
const c = typeof ResizeObserver > "u" ? null : new ResizeObserver(
|
|
794
|
-
return c == null || c.observe(
|
|
795
|
-
|
|
789
|
+
S(l), S(() => {
|
|
790
|
+
const _ = o.current;
|
|
791
|
+
if (!_) return;
|
|
792
|
+
_.addEventListener("scroll", l, { passive: !0 });
|
|
793
|
+
const c = typeof ResizeObserver > "u" ? null : new ResizeObserver(l);
|
|
794
|
+
return c == null || c.observe(_), () => {
|
|
795
|
+
_.removeEventListener("scroll", l), c == null || c.disconnect();
|
|
796
796
|
};
|
|
797
|
-
}, [
|
|
798
|
-
const h =
|
|
799
|
-
(
|
|
797
|
+
}, [l]);
|
|
798
|
+
const h = H(
|
|
799
|
+
(_) => {
|
|
800
800
|
const c = o.current;
|
|
801
801
|
if (!c || !r) return;
|
|
802
|
-
const
|
|
803
|
-
|
|
802
|
+
const u = _ * t, d = u + t;
|
|
803
|
+
u < c.scrollTop ? c.scrollTop = u : d > c.scrollTop + c.clientHeight && (c.scrollTop = d - c.clientHeight);
|
|
804
804
|
},
|
|
805
805
|
[r, t]
|
|
806
806
|
);
|
|
807
|
-
return { scrollRef: o, range:
|
|
807
|
+
return { scrollRef: o, range: i, scrollToIndex: h, measure: l };
|
|
808
808
|
};
|
|
809
809
|
let $t = 0, Ee = null;
|
|
810
810
|
const Cn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, En = () => {
|
|
@@ -853,7 +853,7 @@ const Sn = 240, Ga = () => {
|
|
|
853
853
|
}, [e]);
|
|
854
854
|
};
|
|
855
855
|
var Se = /* @__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))(Se || {}), et = /* @__PURE__ */ ((e) => (e.SMALL = "SMALL", e.MEDIUM = "MEDIUM", e.LARGE = "LARGE", e))(et || {});
|
|
856
|
-
const An = 640,
|
|
856
|
+
const An = 640, cu = 768, Mn = 1024, lu = `(min-width: ${Mn + 1}px)`, sa = `(min-width: ${An + 1}px)`, ka = (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(), Ot = (e, t) => ka(e).includes(ka(t)), Bn = /* @__PURE__ */ new Set([
|
|
857
857
|
"button",
|
|
858
858
|
"checkbox",
|
|
859
859
|
"color",
|
|
@@ -892,7 +892,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
892
892
|
n.focus({ preventScroll: !0 });
|
|
893
893
|
return;
|
|
894
894
|
}
|
|
895
|
-
const r = [...e.querySelectorAll(Pn)], o = r.find((
|
|
895
|
+
const r = [...e.querySelectorAll(Pn)], o = r.find((i) => !i.matches(t)) ?? r[0];
|
|
896
896
|
if (o) {
|
|
897
897
|
o.focus({ preventScroll: !0 });
|
|
898
898
|
return;
|
|
@@ -915,22 +915,21 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
915
915
|
}, F = (e, t) => Object.assign(e, { displayName: t }), ke = ({ children: e, ...t }) => {
|
|
916
916
|
const { linkComponent: n } = j();
|
|
917
917
|
return n ? /* @__PURE__ */ a(n, { ...t, children: e }) : /* @__PURE__ */ a("a", { ...t, children: e });
|
|
918
|
-
}, Na = /* @__PURE__ */ new Set(),
|
|
918
|
+
}, Na = /* @__PURE__ */ new Set(), z = (e, ...t) => {
|
|
919
919
|
for (const n of t) if (n !== void 0) return n;
|
|
920
920
|
return process.env.NODE_ENV !== "production" && !Na.has(e) && (Na.add(e), console.error(
|
|
921
921
|
`[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.`
|
|
922
922
|
)), "";
|
|
923
|
-
},
|
|
923
|
+
}, Ht = (e, t, ...n) => t ? t(...n) : z(e), On = "hanui-spinner-7pXwf", Hn = "hanui-spinner__label-sZvSq", Jt = {
|
|
924
924
|
spinner: On,
|
|
925
|
-
|
|
926
|
-
spinner__label: zn,
|
|
925
|
+
spinner__label: Hn,
|
|
927
926
|
"spinner--sm": "hanui-spinner--sm-uI0wH",
|
|
928
927
|
"spinner--md": "hanui-spinner--md--VmFK",
|
|
929
928
|
"spinner--lg": "hanui-spinner--lg-K9k-Z"
|
|
930
|
-
},
|
|
929
|
+
}, zn = ({ size: e = "md", label: t, className: n }) => {
|
|
931
930
|
const { labels: r } = j();
|
|
932
|
-
return /* @__PURE__ */ a("span", { className: v(Jt.spinner, Jt[`spinner--${e}`], n), role: "status", children: /* @__PURE__ */ a("span", { className: Jt.spinner__label, children: t ??
|
|
933
|
-
}, Xa = /* @__PURE__ */ I(
|
|
931
|
+
return /* @__PURE__ */ a("span", { className: v(Jt.spinner, Jt[`spinner--${e}`], n), role: "status", children: /* @__PURE__ */ a("span", { className: Jt.spinner__label, children: t ?? z("Spinner.label", r == null ? void 0 : r.loading) }) });
|
|
932
|
+
}, Xa = /* @__PURE__ */ I(zn), Kn = "hanui-button-SRu4R", Un = "hanui-button__icon-giom6", qn = "hanui-button__spinner-vexVG", jn = "hanui-button__label-qiMHm", $e = {
|
|
934
933
|
button: Kn,
|
|
935
934
|
button__icon: Un,
|
|
936
935
|
button__spinner: qn,
|
|
@@ -955,14 +954,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
955
954
|
isLoading: n,
|
|
956
955
|
isFullWidth: r,
|
|
957
956
|
startIcon: o,
|
|
958
|
-
endIcon:
|
|
959
|
-
className:
|
|
960
|
-
children:
|
|
957
|
+
endIcon: i,
|
|
958
|
+
className: s,
|
|
959
|
+
children: l,
|
|
961
960
|
disabled: h,
|
|
962
|
-
href:
|
|
961
|
+
href: _,
|
|
963
962
|
isExternal: c,
|
|
964
|
-
linkProps:
|
|
965
|
-
testId:
|
|
963
|
+
linkProps: u,
|
|
964
|
+
testId: d,
|
|
966
965
|
...m
|
|
967
966
|
}, w) => {
|
|
968
967
|
const b = v(
|
|
@@ -971,32 +970,32 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
971
970
|
$e[`button--${t.toLowerCase()}`],
|
|
972
971
|
r && $e["button--full"],
|
|
973
972
|
n && $e["button--loading"],
|
|
974
|
-
|
|
973
|
+
s
|
|
975
974
|
), p = /* @__PURE__ */ g(fe, { children: [
|
|
976
975
|
n && /* @__PURE__ */ a(Xa, { size: "sm", className: $e.button__spinner, label: "" }),
|
|
977
976
|
!n && o && /* @__PURE__ */ a("span", { className: $e.button__icon, children: o }),
|
|
978
|
-
/* @__PURE__ */ a("span", { className: $e.button__label, children:
|
|
979
|
-
|
|
977
|
+
/* @__PURE__ */ a("span", { className: $e.button__label, children: l }),
|
|
978
|
+
i && /* @__PURE__ */ a("span", { className: $e.button__icon, children: i })
|
|
980
979
|
] });
|
|
981
|
-
return
|
|
980
|
+
return _ && c ? /* @__PURE__ */ a(
|
|
982
981
|
"a",
|
|
983
982
|
{
|
|
984
|
-
href:
|
|
983
|
+
href: _,
|
|
985
984
|
className: b,
|
|
986
985
|
target: "_blank",
|
|
987
986
|
rel: "noopener noreferrer",
|
|
988
987
|
"aria-label": m["aria-label"],
|
|
989
|
-
"data-testid":
|
|
988
|
+
"data-testid": d,
|
|
990
989
|
children: p
|
|
991
990
|
}
|
|
992
|
-
) :
|
|
991
|
+
) : _ ? /* @__PURE__ */ a(ke, { href: _, className: b, "data-testid": d, ...u, children: p }) : /* @__PURE__ */ a(
|
|
993
992
|
"button",
|
|
994
993
|
{
|
|
995
994
|
ref: w,
|
|
996
995
|
className: b,
|
|
997
996
|
disabled: h || n,
|
|
998
997
|
"aria-busy": n,
|
|
999
|
-
"data-testid":
|
|
998
|
+
"data-testid": d,
|
|
1000
999
|
...m,
|
|
1001
1000
|
children: p
|
|
1002
1001
|
}
|
|
@@ -1018,38 +1017,38 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1018
1017
|
variant: n = "ghost",
|
|
1019
1018
|
size: r = "md",
|
|
1020
1019
|
className: o,
|
|
1021
|
-
type:
|
|
1022
|
-
href:
|
|
1023
|
-
linkProps:
|
|
1020
|
+
type: i = "button",
|
|
1021
|
+
href: s,
|
|
1022
|
+
linkProps: l,
|
|
1024
1023
|
testId: h,
|
|
1025
|
-
...
|
|
1024
|
+
..._
|
|
1026
1025
|
}, c) => {
|
|
1027
|
-
const
|
|
1026
|
+
const u = v(
|
|
1028
1027
|
Zt.iconButton,
|
|
1029
1028
|
Zt[`iconButton--${n}`],
|
|
1030
1029
|
Zt[`iconButton--${r}`],
|
|
1031
1030
|
o
|
|
1032
1031
|
);
|
|
1033
|
-
return
|
|
1032
|
+
return s ? /* @__PURE__ */ a(
|
|
1034
1033
|
ke,
|
|
1035
1034
|
{
|
|
1036
|
-
href:
|
|
1037
|
-
className:
|
|
1035
|
+
href: s,
|
|
1036
|
+
className: u,
|
|
1038
1037
|
"aria-label": t,
|
|
1039
|
-
title:
|
|
1038
|
+
title: _.title,
|
|
1040
1039
|
"data-testid": h,
|
|
1041
|
-
...
|
|
1040
|
+
...l,
|
|
1042
1041
|
children: e
|
|
1043
1042
|
}
|
|
1044
1043
|
) : /* @__PURE__ */ a(
|
|
1045
1044
|
"button",
|
|
1046
1045
|
{
|
|
1047
1046
|
ref: c,
|
|
1048
|
-
type:
|
|
1049
|
-
className:
|
|
1047
|
+
type: i,
|
|
1048
|
+
className: u,
|
|
1050
1049
|
"aria-label": t,
|
|
1051
1050
|
"data-testid": h,
|
|
1052
|
-
...
|
|
1051
|
+
..._,
|
|
1053
1052
|
children: e
|
|
1054
1053
|
}
|
|
1055
1054
|
);
|
|
@@ -1070,75 +1069,72 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1070
1069
|
hasArrow: n,
|
|
1071
1070
|
tone: r = "brand",
|
|
1072
1071
|
size: o = "md",
|
|
1073
|
-
className:
|
|
1074
|
-
linkProps:
|
|
1075
|
-
...
|
|
1072
|
+
className: i,
|
|
1073
|
+
linkProps: s,
|
|
1074
|
+
...l
|
|
1076
1075
|
}) => /* @__PURE__ */ g(
|
|
1077
1076
|
ke,
|
|
1078
1077
|
{
|
|
1079
1078
|
href: e,
|
|
1080
|
-
className: v(gt.link, gt[`link--${r}`], gt[`link--${o}`],
|
|
1081
|
-
...
|
|
1082
|
-
...
|
|
1079
|
+
className: v(gt.link, gt[`link--${r}`], gt[`link--${o}`], i),
|
|
1080
|
+
...s,
|
|
1081
|
+
...l,
|
|
1083
1082
|
children: [
|
|
1084
1083
|
/* @__PURE__ */ a("span", { className: gt.link__label, children: t }),
|
|
1085
1084
|
n && /* @__PURE__ */ a(_n, { "aria-hidden": !0, className: gt.link__arrow })
|
|
1086
1085
|
]
|
|
1087
1086
|
}
|
|
1088
|
-
),
|
|
1087
|
+
), du = /* @__PURE__ */ I(Zn), Vn = "hanui-tooltip-RG1g1", er = "hanui-tooltip__trigger-nWZtO", tr = "hanui-bubble-bcBNk", Rt = {
|
|
1089
1088
|
tooltip: Vn,
|
|
1090
1089
|
tooltip__trigger: er,
|
|
1091
1090
|
bubble: tr,
|
|
1092
1091
|
"bubble--top": "hanui-bubble--top-uWSZy",
|
|
1093
|
-
"hanui-fade-in-up": "hanui-hanui-fade-in-up-Fwj3A",
|
|
1094
1092
|
"bubble--bottom": "hanui-bubble--bottom-jKokL",
|
|
1095
|
-
"hanui-fade-in-down": "hanui-hanui-fade-in-down-5UfIc",
|
|
1096
1093
|
"bubble--left": "hanui-bubble--left-WK4EM",
|
|
1097
|
-
"bubble--right": "hanui-bubble--right-EQjUT"
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
side: d,
|
|
1094
|
+
"bubble--right": "hanui-bubble--right-EQjUT"
|
|
1095
|
+
}, ar = 120, nr = 500, rr = ({ content: e, children: t, side: n, position: r, openDelay: o = 300, className: i }) => {
|
|
1096
|
+
const [s, l] = P(!1), h = J(), _ = n ?? r ?? "top", c = R(null), u = R(null), d = R(0), m = R(0), w = Ut(c, u, {
|
|
1097
|
+
side: _,
|
|
1102
1098
|
align: "center",
|
|
1103
|
-
isOpen:
|
|
1104
|
-
}), b =
|
|
1105
|
-
|
|
1106
|
-
}, []), p =
|
|
1099
|
+
isOpen: s
|
|
1100
|
+
}), b = H(() => {
|
|
1101
|
+
d.current && window.clearTimeout(d.current), d.current = 0;
|
|
1102
|
+
}, []), p = H(
|
|
1107
1103
|
(f) => {
|
|
1108
|
-
b(),
|
|
1104
|
+
b(), d.current = window.setTimeout(() => l(!0), f);
|
|
1109
1105
|
},
|
|
1110
1106
|
[b]
|
|
1111
|
-
), y =
|
|
1107
|
+
), y = H(
|
|
1112
1108
|
(f = ar) => {
|
|
1113
|
-
b(),
|
|
1109
|
+
b(), d.current = window.setTimeout(() => l(!1), f);
|
|
1114
1110
|
},
|
|
1115
1111
|
[b]
|
|
1116
1112
|
);
|
|
1117
1113
|
S(() => b, [b]), S(() => {
|
|
1118
|
-
if (!
|
|
1114
|
+
if (!s) return;
|
|
1119
1115
|
const f = ($) => {
|
|
1120
1116
|
$.key === "Escape" && y(0);
|
|
1121
1117
|
};
|
|
1122
1118
|
return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
|
|
1123
|
-
}, [
|
|
1124
|
-
if (!
|
|
1119
|
+
}, [s, y]), S(() => {
|
|
1120
|
+
if (!s) return;
|
|
1125
1121
|
const f = ($) => {
|
|
1126
1122
|
var k;
|
|
1127
1123
|
$.pointerType !== "mouse" && ((k = c.current) != null && k.contains($.target) || y(0));
|
|
1128
1124
|
};
|
|
1129
1125
|
return document.addEventListener("pointerdown", f), () => document.removeEventListener("pointerdown", f);
|
|
1130
|
-
}, [
|
|
1126
|
+
}, [s, y]);
|
|
1131
1127
|
const D = () => {
|
|
1132
1128
|
m.current && window.clearTimeout(m.current), m.current = 0;
|
|
1133
1129
|
}, N = (f) => {
|
|
1134
|
-
f.pointerType !== "mouse" && (m.current = window.setTimeout(() =>
|
|
1130
|
+
f.pointerType !== "mouse" && (m.current = window.setTimeout(() => l(!0), nr));
|
|
1135
1131
|
};
|
|
1136
1132
|
return /* @__PURE__ */ g(fe, { children: [
|
|
1137
1133
|
/* @__PURE__ */ a(
|
|
1138
1134
|
"span",
|
|
1139
1135
|
{
|
|
1140
1136
|
ref: c,
|
|
1141
|
-
className: v(Rt.tooltip,
|
|
1137
|
+
className: v(Rt.tooltip, i),
|
|
1142
1138
|
onPointerEnter: (f) => f.pointerType === "mouse" && p(o),
|
|
1143
1139
|
onPointerLeave: (f) => {
|
|
1144
1140
|
D(), f.pointerType === "mouse" && y();
|
|
@@ -1149,16 +1145,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1149
1145
|
onFocus: () => p(0),
|
|
1150
1146
|
onBlur: () => y(0),
|
|
1151
1147
|
onContextMenu: (f) => {
|
|
1152
|
-
(
|
|
1148
|
+
(s || m.current) && f.preventDefault();
|
|
1153
1149
|
},
|
|
1154
|
-
children: /* @__PURE__ */ a("span", { "aria-describedby":
|
|
1150
|
+
children: /* @__PURE__ */ a("span", { "aria-describedby": s ? h : void 0, className: Rt.tooltip__trigger, children: t })
|
|
1155
1151
|
}
|
|
1156
1152
|
),
|
|
1157
|
-
|
|
1153
|
+
s && he() && Et(
|
|
1158
1154
|
/* @__PURE__ */ a(
|
|
1159
1155
|
"span",
|
|
1160
1156
|
{
|
|
1161
|
-
ref:
|
|
1157
|
+
ref: u,
|
|
1162
1158
|
id: h,
|
|
1163
1159
|
role: "tooltip",
|
|
1164
1160
|
className: v(Rt.bubble, Rt[`bubble--${w.side}`]),
|
|
@@ -1176,15 +1172,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1176
1172
|
document.body
|
|
1177
1173
|
)
|
|
1178
1174
|
] });
|
|
1179
|
-
},
|
|
1175
|
+
}, _u = /* @__PURE__ */ I(/* @__PURE__ */ F(rr, "Tooltip")), or = "hanui-menu-1x-FU", ir = "hanui-menu__item-d1iil", sr = "hanui-menu__icon-kzLV2", ft = {
|
|
1180
1176
|
menu: or,
|
|
1181
1177
|
"menu--top": "hanui-menu--top-gpo39",
|
|
1182
|
-
"hanui-fade-in-up": "hanui-hanui-fade-in-up-7YdDa",
|
|
1183
1178
|
"menu--bottom": "hanui-menu--bottom-6sL7b",
|
|
1184
|
-
"hanui-fade-in-down": "hanui-hanui-fade-in-down-gZjPq",
|
|
1185
1179
|
"menu--left": "hanui-menu--left-4w-O8",
|
|
1186
1180
|
"menu--right": "hanui-menu--right-XmM8G",
|
|
1187
|
-
"hanui-fade-in": "hanui-hanui-fade-in-vivgk",
|
|
1188
1181
|
menu__item: ir,
|
|
1189
1182
|
"menu__item--danger": "hanui-menu__item--danger-lIINY",
|
|
1190
1183
|
menu__icon: sr
|
|
@@ -1194,36 +1187,36 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1194
1187
|
label: n,
|
|
1195
1188
|
side: r = "bottom",
|
|
1196
1189
|
align: o = "start",
|
|
1197
|
-
className:
|
|
1198
|
-
testId:
|
|
1190
|
+
className: i,
|
|
1191
|
+
testId: s
|
|
1199
1192
|
}) => {
|
|
1200
|
-
const
|
|
1193
|
+
const l = J(), h = R(null), _ = R(null), c = R(null), u = R({ text: "", at: 0 }), [d, m] = P(!1), [w, b] = P(0), p = Ut(h, _, { side: r, align: o, isOpen: d }), y = cr(t), D = H(
|
|
1201
1194
|
(x) => {
|
|
1202
1195
|
y.length !== 0 && (c.current = pt(), b(x === "first" ? y[0] : y[y.length - 1]), m(!0));
|
|
1203
1196
|
},
|
|
1204
1197
|
[y]
|
|
1205
|
-
), N =
|
|
1198
|
+
), N = H(() => {
|
|
1206
1199
|
var x;
|
|
1207
1200
|
m(!1), (x = c.current) == null || x.call(c), c.current = null;
|
|
1208
1201
|
}, []);
|
|
1209
1202
|
S(() => {
|
|
1210
1203
|
var x, M;
|
|
1211
|
-
|
|
1212
|
-
}, [
|
|
1213
|
-
if (!
|
|
1204
|
+
d && ((M = (x = _.current) == null ? void 0 : x.querySelector(`[data-index="${w}"]`)) == null || M.focus({ preventScroll: !0 }));
|
|
1205
|
+
}, [d, w]), S(() => {
|
|
1206
|
+
if (!d) return;
|
|
1214
1207
|
const x = (M) => {
|
|
1215
1208
|
var Q, Z;
|
|
1216
1209
|
const U = M.target;
|
|
1217
|
-
(Q =
|
|
1210
|
+
(Q = _.current) != null && Q.contains(U) || (Z = h.current) != null && Z.contains(U) || N();
|
|
1218
1211
|
};
|
|
1219
1212
|
return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
|
|
1220
|
-
}, [
|
|
1213
|
+
}, [d, N]);
|
|
1221
1214
|
const f = (x) => {
|
|
1222
1215
|
const U = (y.indexOf(w) + x + y.length) % y.length;
|
|
1223
1216
|
b(y[U]);
|
|
1224
1217
|
}, $ = (x) => {
|
|
1225
|
-
const M = Date.now(), U = M -
|
|
1226
|
-
|
|
1218
|
+
const M = Date.now(), U = M - u.current.at > 500 ? x : u.current.text + x;
|
|
1219
|
+
u.current = { text: U, at: M };
|
|
1227
1220
|
const Q = y.find(
|
|
1228
1221
|
(Z) => t[Z].label.toLocaleLowerCase("tr").startsWith(U.toLocaleLowerCase("tr"))
|
|
1229
1222
|
);
|
|
@@ -1262,33 +1255,33 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1262
1255
|
const C = e.props, E = Sa(e, {
|
|
1263
1256
|
ref: h,
|
|
1264
1257
|
"aria-haspopup": "menu",
|
|
1265
|
-
"aria-expanded":
|
|
1266
|
-
"aria-controls":
|
|
1258
|
+
"aria-expanded": d,
|
|
1259
|
+
"aria-controls": d ? l : void 0,
|
|
1267
1260
|
onClick: (x) => {
|
|
1268
1261
|
var M;
|
|
1269
|
-
(M = C.onClick) == null || M.call(C, x),
|
|
1262
|
+
(M = C.onClick) == null || M.call(C, x), d ? N() : D("first");
|
|
1270
1263
|
},
|
|
1271
1264
|
onKeyDown: (x) => {
|
|
1272
1265
|
var M;
|
|
1273
|
-
(M = C.onKeyDown) == null || M.call(C, x),
|
|
1266
|
+
(M = C.onKeyDown) == null || M.call(C, x), d || L(x);
|
|
1274
1267
|
}
|
|
1275
1268
|
});
|
|
1276
1269
|
return /* @__PURE__ */ g(fe, { children: [
|
|
1277
1270
|
E,
|
|
1278
|
-
|
|
1271
|
+
d && he() && Et(
|
|
1279
1272
|
/* @__PURE__ */ a(
|
|
1280
1273
|
"div",
|
|
1281
1274
|
{
|
|
1282
|
-
ref:
|
|
1283
|
-
id:
|
|
1275
|
+
ref: _,
|
|
1276
|
+
id: l,
|
|
1284
1277
|
role: "menu",
|
|
1285
1278
|
"aria-label": n,
|
|
1286
|
-
className: v(ft.menu, ft[`menu--${p.side}`],
|
|
1279
|
+
className: v(ft.menu, ft[`menu--${p.side}`], i),
|
|
1287
1280
|
style: {
|
|
1288
1281
|
...p.style,
|
|
1289
1282
|
visibility: p.isPositioned ? "visible" : "hidden"
|
|
1290
1283
|
},
|
|
1291
|
-
"data-testid":
|
|
1284
|
+
"data-testid": s,
|
|
1292
1285
|
onKeyDown: k,
|
|
1293
1286
|
children: t.map((x, M) => /* @__PURE__ */ g(
|
|
1294
1287
|
"button",
|
|
@@ -1315,39 +1308,36 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1315
1308
|
document.body
|
|
1316
1309
|
)
|
|
1317
1310
|
] });
|
|
1318
|
-
},
|
|
1311
|
+
}, uu = /* @__PURE__ */ I(/* @__PURE__ */ F(lr, "Menu")), dr = "hanui-popover-VxgiK", $a = {
|
|
1319
1312
|
popover: dr,
|
|
1320
1313
|
"popover--top": "hanui-popover--top-OUYwo",
|
|
1321
|
-
"hanui-fade-in-up": "hanui-hanui-fade-in-up-it2wl",
|
|
1322
1314
|
"popover--bottom": "hanui-popover--bottom-Q1K4X",
|
|
1323
|
-
"hanui-fade-in-down": "hanui-hanui-fade-in-down-E-AGy",
|
|
1324
1315
|
"popover--left": "hanui-popover--left-9Rsjx",
|
|
1325
|
-
"popover--right": "hanui-popover--right-0TJeo"
|
|
1326
|
-
"hanui-fade-in": "hanui-hanui-fade-in-zsza4"
|
|
1316
|
+
"popover--right": "hanui-popover--right-0TJeo"
|
|
1327
1317
|
}, _r = ({
|
|
1328
1318
|
trigger: e,
|
|
1329
1319
|
children: t,
|
|
1330
1320
|
label: n,
|
|
1331
1321
|
side: r = "bottom",
|
|
1332
1322
|
align: o = "start",
|
|
1333
|
-
isOpen:
|
|
1334
|
-
onOpenChange:
|
|
1335
|
-
className:
|
|
1323
|
+
isOpen: i,
|
|
1324
|
+
onOpenChange: s,
|
|
1325
|
+
className: l,
|
|
1336
1326
|
testId: h
|
|
1337
1327
|
}) => {
|
|
1338
|
-
const
|
|
1328
|
+
const _ = J(), c = R(null), u = R(null), d = R(null), [m, w] = P(!1), b = i !== void 0, p = b ? i : m, y = Ut(c, u, { side: r, align: o, isOpen: p }), D = H(
|
|
1339
1329
|
($) => {
|
|
1340
|
-
b || w($),
|
|
1330
|
+
b || w($), s == null || s($);
|
|
1341
1331
|
},
|
|
1342
|
-
[b,
|
|
1332
|
+
[b, s]
|
|
1343
1333
|
);
|
|
1344
1334
|
if (S(() => {
|
|
1345
1335
|
if (!p) return;
|
|
1346
|
-
|
|
1347
|
-
const $ =
|
|
1336
|
+
d.current = pt();
|
|
1337
|
+
const $ = u.current;
|
|
1348
1338
|
return $ && jt($), () => {
|
|
1349
1339
|
var k;
|
|
1350
|
-
(k =
|
|
1340
|
+
(k = d.current) == null || k.call(d), d.current = null;
|
|
1351
1341
|
};
|
|
1352
1342
|
}, [p]), S(() => {
|
|
1353
1343
|
if (!p) return;
|
|
@@ -1356,7 +1346,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1356
1346
|
}, k = (L) => {
|
|
1357
1347
|
var E, x;
|
|
1358
1348
|
const C = L.target;
|
|
1359
|
-
(E =
|
|
1349
|
+
(E = u.current) != null && E.contains(C) || (x = c.current) != null && x.contains(C) || D(!1);
|
|
1360
1350
|
};
|
|
1361
1351
|
return document.addEventListener("keydown", $), document.addEventListener("mousedown", k), () => {
|
|
1362
1352
|
document.removeEventListener("keydown", $), document.removeEventListener("mousedown", k);
|
|
@@ -1366,7 +1356,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1366
1356
|
ref: c,
|
|
1367
1357
|
"aria-expanded": p,
|
|
1368
1358
|
"aria-haspopup": "dialog",
|
|
1369
|
-
"aria-controls": p ?
|
|
1359
|
+
"aria-controls": p ? _ : void 0,
|
|
1370
1360
|
onClick: ($) => {
|
|
1371
1361
|
var k;
|
|
1372
1362
|
(k = N.onClick) == null || k.call(N, $), D(!p);
|
|
@@ -1378,11 +1368,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1378
1368
|
/* @__PURE__ */ a(
|
|
1379
1369
|
"div",
|
|
1380
1370
|
{
|
|
1381
|
-
ref:
|
|
1382
|
-
id:
|
|
1371
|
+
ref: u,
|
|
1372
|
+
id: _,
|
|
1383
1373
|
role: "dialog",
|
|
1384
1374
|
"aria-label": n,
|
|
1385
|
-
className: v($a.popover, $a[`popover--${y.side}`],
|
|
1375
|
+
className: v($a.popover, $a[`popover--${y.side}`], l),
|
|
1386
1376
|
style: {
|
|
1387
1377
|
...y.style,
|
|
1388
1378
|
visibility: y.isPositioned ? "visible" : "hidden"
|
|
@@ -1398,7 +1388,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1398
1388
|
document.body
|
|
1399
1389
|
)
|
|
1400
1390
|
] });
|
|
1401
|
-
},
|
|
1391
|
+
}, hu = /* @__PURE__ */ I(/* @__PURE__ */ F(_r, "Popover")), ur = "hanui-chip--NLgU", hr = "hanui-chip__icon-IjjSb", pr = "hanui-chip__label-cT4hw", mr = "hanui-chip__count-MBGO3", Me = {
|
|
1402
1392
|
chip: ur,
|
|
1403
1393
|
chip__icon: hr,
|
|
1404
1394
|
chip__label: pr,
|
|
@@ -1414,36 +1404,36 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1414
1404
|
endIcon: n,
|
|
1415
1405
|
count: r,
|
|
1416
1406
|
isSelected: o,
|
|
1417
|
-
size:
|
|
1418
|
-
label:
|
|
1419
|
-
href:
|
|
1407
|
+
size: i = "md",
|
|
1408
|
+
label: s,
|
|
1409
|
+
href: l,
|
|
1420
1410
|
linkProps: h,
|
|
1421
|
-
className:
|
|
1411
|
+
className: _,
|
|
1422
1412
|
type: c = "button",
|
|
1423
|
-
role:
|
|
1424
|
-
testId:
|
|
1413
|
+
role: u,
|
|
1414
|
+
testId: d,
|
|
1425
1415
|
...m
|
|
1426
1416
|
}, w) => {
|
|
1427
1417
|
const b = v(
|
|
1428
1418
|
Me.chip,
|
|
1429
|
-
Me[`chip--${
|
|
1419
|
+
Me[`chip--${i}`],
|
|
1430
1420
|
o && Me["chip--selected"],
|
|
1431
1421
|
!e && Me["chip--iconOnly"],
|
|
1432
|
-
|
|
1422
|
+
_
|
|
1433
1423
|
), p = /* @__PURE__ */ g(fe, { children: [
|
|
1434
1424
|
t && /* @__PURE__ */ a("span", { className: Me.chip__icon, "aria-hidden": !0, children: t }),
|
|
1435
1425
|
e && /* @__PURE__ */ a("span", { className: Me.chip__label, children: e }),
|
|
1436
1426
|
ut(r) && /* @__PURE__ */ a("span", { className: Me.chip__count, children: r }),
|
|
1437
1427
|
n && /* @__PURE__ */ a("span", { className: Me.chip__icon, "aria-hidden": !0, children: n })
|
|
1438
1428
|
] });
|
|
1439
|
-
return
|
|
1429
|
+
return l ? /* @__PURE__ */ a(
|
|
1440
1430
|
ke,
|
|
1441
1431
|
{
|
|
1442
|
-
href:
|
|
1432
|
+
href: l,
|
|
1443
1433
|
className: b,
|
|
1444
|
-
"aria-label": e ? void 0 :
|
|
1434
|
+
"aria-label": e ? void 0 : s,
|
|
1445
1435
|
"aria-current": o ? "page" : void 0,
|
|
1446
|
-
"data-testid":
|
|
1436
|
+
"data-testid": d,
|
|
1447
1437
|
...h,
|
|
1448
1438
|
children: p
|
|
1449
1439
|
}
|
|
@@ -1452,11 +1442,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1452
1442
|
{
|
|
1453
1443
|
ref: w,
|
|
1454
1444
|
type: c,
|
|
1455
|
-
role:
|
|
1445
|
+
role: u,
|
|
1456
1446
|
className: b,
|
|
1457
|
-
"aria-label": e ? void 0 :
|
|
1458
|
-
"data-testid":
|
|
1459
|
-
...
|
|
1447
|
+
"aria-label": e ? void 0 : s,
|
|
1448
|
+
"data-testid": d,
|
|
1449
|
+
...u === "radio" ? { "aria-checked": !!o } : { "aria-pressed": !!o },
|
|
1460
1450
|
...m,
|
|
1461
1451
|
children: p
|
|
1462
1452
|
}
|
|
@@ -1471,54 +1461,54 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1471
1461
|
size: n = "md",
|
|
1472
1462
|
isScrollable: r,
|
|
1473
1463
|
className: o,
|
|
1474
|
-
...
|
|
1464
|
+
...i
|
|
1475
1465
|
}) => {
|
|
1476
|
-
var
|
|
1477
|
-
const
|
|
1478
|
-
if (
|
|
1479
|
-
const m =
|
|
1480
|
-
|
|
1466
|
+
var u;
|
|
1467
|
+
const s = R(null), l = (d) => i.isMultiple ? i.value.includes(d) : i.value === d, h = (d) => {
|
|
1468
|
+
if (i.isMultiple) {
|
|
1469
|
+
const m = i.value.includes(d) ? i.value.filter((w) => w !== d) : [...i.value, d];
|
|
1470
|
+
i.onChange(m);
|
|
1481
1471
|
return;
|
|
1482
1472
|
}
|
|
1483
|
-
|
|
1484
|
-
},
|
|
1473
|
+
i.onChange(i.value === d ? null : d);
|
|
1474
|
+
}, _ = (d) => {
|
|
1485
1475
|
var y, D;
|
|
1486
|
-
if (
|
|
1487
|
-
const m =
|
|
1476
|
+
if (i.isMultiple) return;
|
|
1477
|
+
const m = d.key === "ArrowRight" || d.key === "ArrowDown" ? 1 : d.key === "ArrowLeft" || d.key === "ArrowUp" ? -1 : 0;
|
|
1488
1478
|
if (m === 0) return;
|
|
1489
|
-
|
|
1479
|
+
d.preventDefault();
|
|
1490
1480
|
const w = e.filter((N) => !N.isDisabled);
|
|
1491
1481
|
if (w.length === 0) return;
|
|
1492
|
-
const b = w.findIndex((N) => N.value ===
|
|
1493
|
-
|
|
1494
|
-
}, c =
|
|
1482
|
+
const b = w.findIndex((N) => N.value === i.value), p = w[(b + m + w.length) % w.length];
|
|
1483
|
+
i.onChange(p.value), (D = (y = s.current) == null ? void 0 : y.querySelector(`[data-chip-value="${p.value}"]`)) == null || D.focus();
|
|
1484
|
+
}, c = i.isMultiple ? null : i.value ?? ((u = e.find((d) => !d.isDisabled)) == null ? void 0 : u.value) ?? null;
|
|
1495
1485
|
return /* @__PURE__ */ a(
|
|
1496
1486
|
"div",
|
|
1497
1487
|
{
|
|
1498
|
-
ref:
|
|
1488
|
+
ref: s,
|
|
1499
1489
|
className: v(Da.group, r && Da["group--scrollable"], o),
|
|
1500
|
-
role:
|
|
1490
|
+
role: i.isMultiple ? "group" : "radiogroup",
|
|
1501
1491
|
"aria-label": t,
|
|
1502
|
-
onKeyDown:
|
|
1503
|
-
children: e.map((
|
|
1492
|
+
onKeyDown: _,
|
|
1493
|
+
children: e.map((d) => /* @__PURE__ */ a(
|
|
1504
1494
|
gr,
|
|
1505
1495
|
{
|
|
1506
1496
|
size: n,
|
|
1507
|
-
icon:
|
|
1508
|
-
count:
|
|
1509
|
-
isSelected:
|
|
1510
|
-
disabled:
|
|
1511
|
-
role:
|
|
1512
|
-
tabIndex:
|
|
1513
|
-
"data-chip-value":
|
|
1514
|
-
onClick: () => h(
|
|
1515
|
-
children:
|
|
1497
|
+
icon: d.icon,
|
|
1498
|
+
count: d.count,
|
|
1499
|
+
isSelected: l(d.value),
|
|
1500
|
+
disabled: d.isDisabled,
|
|
1501
|
+
role: i.isMultiple ? void 0 : "radio",
|
|
1502
|
+
tabIndex: i.isMultiple || d.value === c ? 0 : -1,
|
|
1503
|
+
"data-chip-value": d.value,
|
|
1504
|
+
onClick: () => h(d.value),
|
|
1505
|
+
children: d.label
|
|
1516
1506
|
},
|
|
1517
|
-
|
|
1507
|
+
d.value
|
|
1518
1508
|
))
|
|
1519
1509
|
}
|
|
1520
1510
|
);
|
|
1521
|
-
},
|
|
1511
|
+
}, pu = /* @__PURE__ */ I(vr), yr = "hanui-sheet-GEvdE", wr = "hanui-sheet__header-NJgw-", xr = "hanui-sheet__title-f-b07", kr = "hanui-sheet__toolbar-eyhmW", Nr = "hanui-sheet__body-eJ2KB", $r = "hanui-sheet__footer-NpsY5", qe = {
|
|
1522
1512
|
sheet: yr,
|
|
1523
1513
|
sheet__header: wr,
|
|
1524
1514
|
sheet__title: xr,
|
|
@@ -1531,24 +1521,24 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1531
1521
|
onClose: n,
|
|
1532
1522
|
children: r,
|
|
1533
1523
|
toolbar: o,
|
|
1534
|
-
footer:
|
|
1535
|
-
closeAbove:
|
|
1536
|
-
className:
|
|
1524
|
+
footer: i,
|
|
1525
|
+
closeAbove: s = sa,
|
|
1526
|
+
className: l,
|
|
1537
1527
|
testId: h
|
|
1538
1528
|
}) => {
|
|
1539
|
-
const { labels:
|
|
1529
|
+
const { labels: _ } = j(), c = J(), u = R(null);
|
|
1540
1530
|
Rn(), qt(), S(() => {
|
|
1541
1531
|
const w = pt(), { token: b, pop: p } = Yt();
|
|
1542
|
-
return
|
|
1543
|
-
p(),
|
|
1532
|
+
return u.current = b, () => {
|
|
1533
|
+
p(), u.current = null, w();
|
|
1544
1534
|
};
|
|
1545
1535
|
}, []), S(() => {
|
|
1546
|
-
const w = window.matchMedia(
|
|
1536
|
+
const w = window.matchMedia(s);
|
|
1547
1537
|
return w.addEventListener("change", n), () => w.removeEventListener("change", n);
|
|
1548
|
-
}, [
|
|
1549
|
-
const
|
|
1538
|
+
}, [s, n]);
|
|
1539
|
+
const d = H((w) => {
|
|
1550
1540
|
!w || w.open || (w.showModal(), jt(w, `.${qe.sheet__header} button`), ca(w));
|
|
1551
|
-
}, []), m =
|
|
1541
|
+
}, []), m = H(
|
|
1552
1542
|
(w) => {
|
|
1553
1543
|
w.target === w.currentTarget && n();
|
|
1554
1544
|
},
|
|
@@ -1558,12 +1548,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1558
1548
|
/* @__PURE__ */ g(
|
|
1559
1549
|
"dialog",
|
|
1560
1550
|
{
|
|
1561
|
-
ref:
|
|
1562
|
-
className: v(qe.sheet,
|
|
1551
|
+
ref: d,
|
|
1552
|
+
className: v(qe.sheet, l),
|
|
1563
1553
|
"aria-labelledby": c,
|
|
1564
1554
|
"data-testid": h,
|
|
1565
1555
|
onCancel: (w) => {
|
|
1566
|
-
w.preventDefault(), !(
|
|
1556
|
+
w.preventDefault(), !(u.current && !Gt(u.current)) && n();
|
|
1567
1557
|
},
|
|
1568
1558
|
onClick: m,
|
|
1569
1559
|
children: [
|
|
@@ -1572,8 +1562,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1572
1562
|
/* @__PURE__ */ a(
|
|
1573
1563
|
Re,
|
|
1574
1564
|
{
|
|
1575
|
-
icon: /* @__PURE__ */ a(
|
|
1576
|
-
label:
|
|
1565
|
+
icon: /* @__PURE__ */ a(ze, { "aria-hidden": !0 }),
|
|
1566
|
+
label: z("BottomSheet.closeLabel", t, _ == null ? void 0 : _.close),
|
|
1577
1567
|
variant: "ghost",
|
|
1578
1568
|
size: "sm",
|
|
1579
1569
|
onClick: n
|
|
@@ -1582,13 +1572,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1582
1572
|
] }),
|
|
1583
1573
|
o && /* @__PURE__ */ a("div", { className: qe.sheet__toolbar, children: o }),
|
|
1584
1574
|
/* @__PURE__ */ a("div", { className: qe.sheet__body, children: r }),
|
|
1585
|
-
|
|
1575
|
+
i && /* @__PURE__ */ a("div", { className: qe.sheet__footer, children: i })
|
|
1586
1576
|
]
|
|
1587
1577
|
}
|
|
1588
1578
|
),
|
|
1589
1579
|
document.body
|
|
1590
1580
|
) : null;
|
|
1591
|
-
}, Wa = /* @__PURE__ */ I(Dr), Ir = "hanui-combobox-NtZoV", Tr = "hanui-combobox__trigger-2riRR", Cr = "hanui-combobox__leadingIcon-it2xz", Er = "hanui-combobox__value-acDlr", Lr = "hanui-combobox__clear-EXOsc", Sr = "hanui-combobox__chevron-g-QzQ", Rr = "hanui-combobox__panel-srBxl", Ar = "hanui-combobox__search-THjer", Mr = "hanui-combobox__searchIcon-vr4Bg", Br = "hanui-combobox__searchInput-JPp5h", Fr = "hanui-combobox__list-p-eCs", Pr = "hanui-combobox__option-CLWh-", Or = "hanui-combobox__optionText-Zm0D6",
|
|
1581
|
+
}, Wa = /* @__PURE__ */ I(Dr), Ir = "hanui-combobox-NtZoV", Tr = "hanui-combobox__trigger-2riRR", Cr = "hanui-combobox__leadingIcon-it2xz", Er = "hanui-combobox__value-acDlr", Lr = "hanui-combobox__clear-EXOsc", Sr = "hanui-combobox__chevron-g-QzQ", Rr = "hanui-combobox__panel-srBxl", Ar = "hanui-combobox__search-THjer", Mr = "hanui-combobox__searchIcon-vr4Bg", Br = "hanui-combobox__searchInput-JPp5h", Fr = "hanui-combobox__list-p-eCs", Pr = "hanui-combobox__option-CLWh-", Or = "hanui-combobox__optionText-Zm0D6", Hr = "hanui-combobox__optionLabel-WvT4W", zr = "hanui-combobox__optionDescription-8OEzi", Kr = "hanui-combobox__check-MKlLz", Ur = "hanui-combobox__empty-mZwBq", q = {
|
|
1592
1582
|
combobox: Ir,
|
|
1593
1583
|
combobox__trigger: Tr,
|
|
1594
1584
|
"combobox__trigger--empty": "hanui-combobox__trigger--empty-RxwCq",
|
|
@@ -1611,8 +1601,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1611
1601
|
"combobox__option--selected": "hanui-combobox__option--selected-DVFGy",
|
|
1612
1602
|
"combobox__option--disabled": "hanui-combobox__option--disabled-e6VjI",
|
|
1613
1603
|
combobox__optionText: Or,
|
|
1614
|
-
combobox__optionLabel:
|
|
1615
|
-
combobox__optionDescription:
|
|
1604
|
+
combobox__optionLabel: Hr,
|
|
1605
|
+
combobox__optionDescription: zr,
|
|
1616
1606
|
combobox__check: Kr,
|
|
1617
1607
|
combobox__empty: Ur
|
|
1618
1608
|
}, qr = 80, Ia = 40, jr = ({
|
|
@@ -1621,14 +1611,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1621
1611
|
onChange: n,
|
|
1622
1612
|
labels: r,
|
|
1623
1613
|
isSearchHidden: o,
|
|
1624
|
-
onSearch:
|
|
1625
|
-
isLoading:
|
|
1626
|
-
isDisabled:
|
|
1614
|
+
onSearch: i,
|
|
1615
|
+
isLoading: s,
|
|
1616
|
+
isDisabled: l,
|
|
1627
1617
|
isClearable: h,
|
|
1628
|
-
icon:
|
|
1618
|
+
icon: _,
|
|
1629
1619
|
id: c,
|
|
1630
|
-
className:
|
|
1631
|
-
testId:
|
|
1620
|
+
className: u,
|
|
1621
|
+
testId: d,
|
|
1632
1622
|
"aria-describedby": m,
|
|
1633
1623
|
"aria-invalid": w
|
|
1634
1624
|
}) => {
|
|
@@ -1636,7 +1626,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1636
1626
|
const { labels: b } = j(), p = {
|
|
1637
1627
|
get search() {
|
|
1638
1628
|
var A;
|
|
1639
|
-
return
|
|
1629
|
+
return z(
|
|
1640
1630
|
"Combobox.searchPlaceholder",
|
|
1641
1631
|
r.searchPlaceholder,
|
|
1642
1632
|
(A = b == null ? void 0 : b.combobox) == null ? void 0 : A.searchPlaceholder
|
|
@@ -1644,7 +1634,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1644
1634
|
},
|
|
1645
1635
|
get empty() {
|
|
1646
1636
|
var A;
|
|
1647
|
-
return
|
|
1637
|
+
return z(
|
|
1648
1638
|
"Combobox.emptyMessage",
|
|
1649
1639
|
r.emptyMessage,
|
|
1650
1640
|
(A = b == null ? void 0 : b.combobox) == null ? void 0 : A.emptyMessage
|
|
@@ -1652,7 +1642,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1652
1642
|
},
|
|
1653
1643
|
get loading() {
|
|
1654
1644
|
var A;
|
|
1655
|
-
return
|
|
1645
|
+
return z(
|
|
1656
1646
|
"Combobox.loadingMessage",
|
|
1657
1647
|
r.loadingMessage,
|
|
1658
1648
|
(A = b == null ? void 0 : b.combobox) == null ? void 0 : A.loadingMessage
|
|
@@ -1660,20 +1650,20 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1660
1650
|
},
|
|
1661
1651
|
get clear() {
|
|
1662
1652
|
var A;
|
|
1663
|
-
return
|
|
1653
|
+
return z("Combobox.clearLabel", r.clearLabel, (A = b == null ? void 0 : b.combobox) == null ? void 0 : A.clearLabel);
|
|
1664
1654
|
}
|
|
1665
1655
|
}, y = J(), D = c ?? y, N = `${D}-listbox`, f = R(null), $ = R(null), k = R(null), L = R(null), [C, E] = P(null), x = C !== null, [M, U] = P(""), [Q, Z] = P(null), Y = Tt(() => {
|
|
1666
|
-
if (
|
|
1656
|
+
if (i || M.trim() === "") return e;
|
|
1667
1657
|
const A = M.trim();
|
|
1668
1658
|
return e.filter(
|
|
1669
1659
|
(oe) => Ot(oe.label, A) || (oe.description ? Ot(oe.description, A) : !1)
|
|
1670
1660
|
);
|
|
1671
|
-
}, [e, M,
|
|
1661
|
+
}, [e, M, i]), de = e.find((A) => A.value === t) ?? null;
|
|
1672
1662
|
S(() => {
|
|
1673
1663
|
de ? Z(de.label) : t === null && Z(null);
|
|
1674
1664
|
}, [de, t]);
|
|
1675
|
-
const at = (de == null ? void 0 : de.label) ?? Q, Ne = R(
|
|
1676
|
-
Ne.current =
|
|
1665
|
+
const at = (de == null ? void 0 : de.label) ?? Q, Ne = R(i);
|
|
1666
|
+
Ne.current = i, S(() => {
|
|
1677
1667
|
if (!x || !Ne.current) return;
|
|
1678
1668
|
const A = window.setTimeout(() => {
|
|
1679
1669
|
var oe;
|
|
@@ -1681,11 +1671,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1681
1671
|
}, 300);
|
|
1682
1672
|
return () => window.clearTimeout(A);
|
|
1683
1673
|
}, [M, x]);
|
|
1684
|
-
const Ae =
|
|
1674
|
+
const Ae = H(() => {
|
|
1685
1675
|
E(null), U("");
|
|
1686
|
-
}, []), Lt =
|
|
1687
|
-
|
|
1688
|
-
}, [
|
|
1676
|
+
}, []), Lt = H(() => {
|
|
1677
|
+
l || (E(window.matchMedia(sa).matches ? "popover" : "sheet"), U(""));
|
|
1678
|
+
}, [l]);
|
|
1689
1679
|
S(() => {
|
|
1690
1680
|
if (C !== "popover") return;
|
|
1691
1681
|
const A = (oe) => {
|
|
@@ -1755,7 +1745,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1755
1745
|
onKeyDown: nn
|
|
1756
1746
|
}
|
|
1757
1747
|
),
|
|
1758
|
-
|
|
1748
|
+
s && /* @__PURE__ */ a(Xa, { size: "sm", label: "" })
|
|
1759
1749
|
] }), ua = (A) => {
|
|
1760
1750
|
const oe = Y.slice(Ue.start, Ue.end);
|
|
1761
1751
|
return /* @__PURE__ */ g(
|
|
@@ -1792,18 +1782,18 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1792
1782
|
/* @__PURE__ */ a("span", { className: q.combobox__optionLabel, children: pe.label }),
|
|
1793
1783
|
pe.description && /* @__PURE__ */ a("span", { className: q.combobox__optionDescription, children: pe.description })
|
|
1794
1784
|
] }),
|
|
1795
|
-
Xt && /* @__PURE__ */ a(
|
|
1785
|
+
Xt && /* @__PURE__ */ a(zt, { "aria-hidden": !0, className: q.combobox__check })
|
|
1796
1786
|
]
|
|
1797
1787
|
}
|
|
1798
1788
|
) }, pe.value);
|
|
1799
1789
|
}),
|
|
1800
1790
|
Ke && Ue.end < Y.length && /* @__PURE__ */ a("li", { "aria-hidden": !0, style: { height: (Y.length - Ue.end) * Ia } }),
|
|
1801
|
-
Y.length === 0 && /* @__PURE__ */ a("li", { className: q.combobox__empty, children:
|
|
1791
|
+
Y.length === 0 && /* @__PURE__ */ a("li", { className: q.combobox__empty, children: s ? p.loading : p.empty })
|
|
1802
1792
|
]
|
|
1803
1793
|
}
|
|
1804
1794
|
);
|
|
1805
1795
|
};
|
|
1806
|
-
return /* @__PURE__ */ g("div", { ref: f, className: v(q.combobox,
|
|
1796
|
+
return /* @__PURE__ */ g("div", { ref: f, className: v(q.combobox, u), "data-testid": d, children: [
|
|
1807
1797
|
/* @__PURE__ */ g(
|
|
1808
1798
|
"button",
|
|
1809
1799
|
{
|
|
@@ -1815,9 +1805,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1815
1805
|
!at && q["combobox__trigger--empty"],
|
|
1816
1806
|
x && q["combobox__trigger--open"],
|
|
1817
1807
|
w && q["combobox__trigger--invalid"],
|
|
1818
|
-
h && at && !
|
|
1808
|
+
h && at && !l && q["combobox__trigger--clearable"]
|
|
1819
1809
|
),
|
|
1820
|
-
disabled:
|
|
1810
|
+
disabled: l,
|
|
1821
1811
|
"aria-haspopup": "listbox",
|
|
1822
1812
|
"aria-expanded": x,
|
|
1823
1813
|
"aria-controls": x ? N : void 0,
|
|
@@ -1825,7 +1815,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1825
1815
|
"aria-describedby": m,
|
|
1826
1816
|
onClick: () => x ? Ae() : Lt(),
|
|
1827
1817
|
children: [
|
|
1828
|
-
|
|
1818
|
+
_ && /* @__PURE__ */ a("span", { className: q.combobox__leadingIcon, "aria-hidden": !0, children: _ }),
|
|
1829
1819
|
/* @__PURE__ */ a("span", { className: q.combobox__value, children: at ?? r.placeholder }),
|
|
1830
1820
|
/* @__PURE__ */ a(
|
|
1831
1821
|
Aa,
|
|
@@ -1837,14 +1827,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1837
1827
|
]
|
|
1838
1828
|
}
|
|
1839
1829
|
),
|
|
1840
|
-
h && at && !
|
|
1830
|
+
h && at && !l && /* @__PURE__ */ a(
|
|
1841
1831
|
"button",
|
|
1842
1832
|
{
|
|
1843
1833
|
type: "button",
|
|
1844
1834
|
className: q.combobox__clear,
|
|
1845
1835
|
"aria-label": p.clear,
|
|
1846
1836
|
onClick: rn,
|
|
1847
|
-
children: /* @__PURE__ */ a(
|
|
1837
|
+
children: /* @__PURE__ */ a(ze, { "aria-hidden": !0 })
|
|
1848
1838
|
}
|
|
1849
1839
|
),
|
|
1850
1840
|
C === "popover" && /* @__PURE__ */ g(
|
|
@@ -1877,7 +1867,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1877
1867
|
}
|
|
1878
1868
|
)
|
|
1879
1869
|
] });
|
|
1880
|
-
},
|
|
1870
|
+
}, mu = /* @__PURE__ */ I(jr), Yr = "hanui-segmented-qo2Bw", Gr = "hanui-segmented__item-mqRNZ", Xr = "hanui-segmented__icon-C9CT-", Wr = "hanui-segmented__label-NVXBv", ot = {
|
|
1881
1871
|
segmented: Yr,
|
|
1882
1872
|
"segmented--sm": "hanui-segmented--sm-7tUry",
|
|
1883
1873
|
"segmented--md": "hanui-segmented--md-PiSqt",
|
|
@@ -1891,18 +1881,18 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1891
1881
|
onChange: n,
|
|
1892
1882
|
label: r,
|
|
1893
1883
|
isIconOnly: o,
|
|
1894
|
-
size:
|
|
1895
|
-
className:
|
|
1896
|
-
testId:
|
|
1884
|
+
size: i = "md",
|
|
1885
|
+
className: s,
|
|
1886
|
+
testId: l
|
|
1897
1887
|
}) => {
|
|
1898
|
-
const h = R(null),
|
|
1888
|
+
const h = R(null), _ = (c) => {
|
|
1899
1889
|
var b, p;
|
|
1900
|
-
const
|
|
1901
|
-
if (
|
|
1890
|
+
const u = c.key === "ArrowRight" || c.key === "ArrowDown" ? 1 : c.key === "ArrowLeft" || c.key === "ArrowUp" ? -1 : 0;
|
|
1891
|
+
if (u === 0) return;
|
|
1902
1892
|
c.preventDefault();
|
|
1903
|
-
const
|
|
1904
|
-
if (
|
|
1905
|
-
const m =
|
|
1893
|
+
const d = e.filter((y) => !y.isDisabled);
|
|
1894
|
+
if (d.length === 0) return;
|
|
1895
|
+
const m = d.findIndex((y) => y.value === t), w = d[(m + u + d.length) % d.length];
|
|
1906
1896
|
n(w.value), (p = (b = h.current) == null ? void 0 : b.querySelector(`[data-value="${w.value}"]`)) == null || p.focus({ preventScroll: !0 });
|
|
1907
1897
|
};
|
|
1908
1898
|
return /* @__PURE__ */ a(
|
|
@@ -1911,26 +1901,26 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1911
1901
|
ref: h,
|
|
1912
1902
|
role: "radiogroup",
|
|
1913
1903
|
"aria-label": r,
|
|
1914
|
-
className: v(ot.segmented, ot[`segmented--${
|
|
1915
|
-
"data-testid":
|
|
1916
|
-
onKeyDown:
|
|
1904
|
+
className: v(ot.segmented, ot[`segmented--${i}`], s),
|
|
1905
|
+
"data-testid": l,
|
|
1906
|
+
onKeyDown: _,
|
|
1917
1907
|
children: e.map((c) => {
|
|
1918
|
-
const
|
|
1908
|
+
const u = c.value === t;
|
|
1919
1909
|
return /* @__PURE__ */ g(
|
|
1920
1910
|
"button",
|
|
1921
1911
|
{
|
|
1922
1912
|
type: "button",
|
|
1923
1913
|
role: "radio",
|
|
1924
|
-
"aria-checked":
|
|
1914
|
+
"aria-checked": u,
|
|
1925
1915
|
"aria-label": o ? c.label : void 0,
|
|
1926
1916
|
"data-value": c.value,
|
|
1927
1917
|
disabled: c.isDisabled,
|
|
1928
|
-
tabIndex:
|
|
1918
|
+
tabIndex: u ? 0 : -1,
|
|
1929
1919
|
className: v(
|
|
1930
1920
|
ot.segmented__item,
|
|
1931
|
-
|
|
1921
|
+
u && ot["segmented__item--selected"]
|
|
1932
1922
|
),
|
|
1933
|
-
onClick: () => !
|
|
1923
|
+
onClick: () => !u && n(c.value),
|
|
1934
1924
|
children: [
|
|
1935
1925
|
c.icon && /* @__PURE__ */ a("span", { className: ot.segmented__icon, "aria-hidden": !0, children: c.icon }),
|
|
1936
1926
|
!o && /* @__PURE__ */ a("span", { className: ot.segmented__label, children: c.label })
|
|
@@ -1941,7 +1931,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1941
1931
|
})
|
|
1942
1932
|
}
|
|
1943
1933
|
);
|
|
1944
|
-
},
|
|
1934
|
+
}, bu = /* @__PURE__ */ I(
|
|
1945
1935
|
/* @__PURE__ */ F(Qr, "SegmentedControl")
|
|
1946
1936
|
), Jr = "hanui-select-tiiPL", Zr = "hanui-trigger-rHQJz", Vr = "hanui-trigger__icon-apCcx", eo = "hanui-trigger__value-ioH7K", to = "hanui-trigger__chevron-FtsIZ", ao = "hanui-panel-rGOOd", no = "hanui-list-SOKf8", ro = "hanui-option-ZDPef", oo = "hanui-option__label-SsoYB", io = "hanui-option__check-8CPSG", X = {
|
|
1947
1937
|
select: Jr,
|
|
@@ -1954,7 +1944,6 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1954
1944
|
trigger__chevron: to,
|
|
1955
1945
|
"trigger__chevron--open": "hanui-trigger__chevron--open-1P2P-",
|
|
1956
1946
|
panel: ao,
|
|
1957
|
-
"hanui-fade-in-up": "hanui-hanui-fade-in-up-Lt0Bt",
|
|
1958
1947
|
"panel--start": "hanui-panel--start-Fotwa",
|
|
1959
1948
|
"panel--end": "hanui-panel--end-ClVl2",
|
|
1960
1949
|
list: no,
|
|
@@ -1971,20 +1960,20 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
1971
1960
|
onChange: n,
|
|
1972
1961
|
label: r,
|
|
1973
1962
|
placeholder: o,
|
|
1974
|
-
closeLabel:
|
|
1975
|
-
icon:
|
|
1976
|
-
size:
|
|
1963
|
+
closeLabel: i,
|
|
1964
|
+
icon: s,
|
|
1965
|
+
size: l = "md",
|
|
1977
1966
|
align: h = "start",
|
|
1978
|
-
isDisabled:
|
|
1967
|
+
isDisabled: _,
|
|
1979
1968
|
id: c,
|
|
1980
|
-
className:
|
|
1981
|
-
testId:
|
|
1969
|
+
className: u,
|
|
1970
|
+
testId: d,
|
|
1982
1971
|
"aria-describedby": m,
|
|
1983
1972
|
"aria-invalid": w
|
|
1984
1973
|
}) => {
|
|
1985
|
-
const { labels: b } = j(), p =
|
|
1986
|
-
|
|
1987
|
-
}, [
|
|
1974
|
+
const { labels: b } = j(), p = z("Select.placeholder", o, b == null ? void 0 : b.selectPlaceholder), y = J(), D = c ?? y, N = `${D}-listbox`, f = (K) => `${D}-option-${K}`, $ = R(null), k = R(null), [L, C] = P(null), E = L !== null, x = e.findIndex((K) => K.value === t), M = x >= 0 ? e[x] : null, U = H(() => C(null), []), Q = H(() => {
|
|
1975
|
+
_ || e.length === 0 || C(window.matchMedia(sa).matches ? "popover" : "sheet");
|
|
1976
|
+
}, [_, e.length]), Z = (K) => {
|
|
1988
1977
|
K.isDisabled || (n(K.value), U());
|
|
1989
1978
|
}, Y = R(!1);
|
|
1990
1979
|
S(() => {
|
|
@@ -2049,7 +2038,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2049
2038
|
onClick: () => Z(ee),
|
|
2050
2039
|
children: [
|
|
2051
2040
|
/* @__PURE__ */ a("span", { className: X.option__label, children: ee.label }),
|
|
2052
|
-
nt && /* @__PURE__ */ a(
|
|
2041
|
+
nt && /* @__PURE__ */ a(zt, { "aria-hidden": !0, className: X.option__check })
|
|
2053
2042
|
]
|
|
2054
2043
|
},
|
|
2055
2044
|
ee.value
|
|
@@ -2057,7 +2046,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2057
2046
|
})
|
|
2058
2047
|
}
|
|
2059
2048
|
);
|
|
2060
|
-
return /* @__PURE__ */ g("span", { ref: $, className: v(X.select,
|
|
2049
|
+
return /* @__PURE__ */ g("span", { ref: $, className: v(X.select, u), "data-testid": d, children: [
|
|
2061
2050
|
/* @__PURE__ */ g(
|
|
2062
2051
|
"button",
|
|
2063
2052
|
{
|
|
@@ -2067,11 +2056,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2067
2056
|
role: "combobox",
|
|
2068
2057
|
className: v(
|
|
2069
2058
|
X.trigger,
|
|
2070
|
-
X[`trigger--${
|
|
2059
|
+
X[`trigger--${l}`],
|
|
2071
2060
|
!M && X["trigger--empty"],
|
|
2072
2061
|
E && X["trigger--open"]
|
|
2073
2062
|
),
|
|
2074
|
-
disabled:
|
|
2063
|
+
disabled: _,
|
|
2075
2064
|
"aria-haspopup": "listbox",
|
|
2076
2065
|
"aria-expanded": E,
|
|
2077
2066
|
"aria-controls": E ? N : void 0,
|
|
@@ -2082,7 +2071,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2082
2071
|
onClick: () => E ? U() : Q(),
|
|
2083
2072
|
onKeyDown: Lt,
|
|
2084
2073
|
children: [
|
|
2085
|
-
|
|
2074
|
+
s && /* @__PURE__ */ a("span", { className: X.trigger__icon, "aria-hidden": !0, children: s }),
|
|
2086
2075
|
/* @__PURE__ */ a("span", { className: X.trigger__value, children: (M == null ? void 0 : M.label) ?? p }),
|
|
2087
2076
|
/* @__PURE__ */ a(
|
|
2088
2077
|
Aa,
|
|
@@ -2095,23 +2084,23 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2095
2084
|
}
|
|
2096
2085
|
),
|
|
2097
2086
|
L === "popover" && /* @__PURE__ */ a("div", { className: v(X.panel, X[`panel--${h}`]), children: mt(!1) }),
|
|
2098
|
-
L === "sheet" && /* @__PURE__ */ a(Wa, { title: r, closeLabel:
|
|
2087
|
+
L === "sheet" && /* @__PURE__ */ a(Wa, { title: r, closeLabel: i ?? (b == null ? void 0 : b.close), onClose: U, children: mt(!0) })
|
|
2099
2088
|
] });
|
|
2100
|
-
},
|
|
2089
|
+
}, gu = /* @__PURE__ */ I(so), co = "hanui-checkbox-FaFCj", lo = "hanui-checkbox__input-nTHne", _o = "hanui-checkbox__body-VAEW2", uo = "hanui-checkbox__label-sSNZY", ho = "hanui-checkbox__hint-ish-J", vt = {
|
|
2101
2090
|
checkbox: co,
|
|
2102
2091
|
checkbox__input: lo,
|
|
2103
2092
|
checkbox__body: _o,
|
|
2104
2093
|
checkbox__label: uo,
|
|
2105
2094
|
checkbox__hint: ho
|
|
2106
2095
|
}, po = /* @__PURE__ */ xe(
|
|
2107
|
-
({ label: e, hint: t, className: n, testId: r, ...o },
|
|
2108
|
-
/* @__PURE__ */ a("input", { ref:
|
|
2096
|
+
({ label: e, hint: t, className: n, testId: r, ...o }, i) => /* @__PURE__ */ g("label", { className: v(vt.checkbox, n), "data-testid": r, children: [
|
|
2097
|
+
/* @__PURE__ */ a("input", { ref: i, type: "checkbox", className: vt.checkbox__input, ...o }),
|
|
2109
2098
|
/* @__PURE__ */ g("span", { className: vt.checkbox__body, children: [
|
|
2110
2099
|
/* @__PURE__ */ a("span", { className: vt.checkbox__label, children: e }),
|
|
2111
2100
|
t && /* @__PURE__ */ a("span", { className: vt.checkbox__hint, children: t })
|
|
2112
2101
|
] })
|
|
2113
2102
|
] })
|
|
2114
|
-
),
|
|
2103
|
+
), fu = /* @__PURE__ */ I(/* @__PURE__ */ F(po, "Checkbox")), mo = "hanui-switch__input-Q2UQ4", bo = "hanui-switch__label-gPZuO", go = "hanui-switch__hint-NRuzC", fo = "hanui-switch__track-3417m", vo = "hanui-switch__thumb-1LHta", yo = "hanui-switch__text-32uMY", Be = {
|
|
2115
2104
|
switch: "hanui-switch-KLH29",
|
|
2116
2105
|
switch__input: mo,
|
|
2117
2106
|
"switch--labelFirst": "hanui-switch--labelFirst-Grirk",
|
|
@@ -2121,21 +2110,21 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2121
2110
|
switch__thumb: vo,
|
|
2122
2111
|
switch__text: yo
|
|
2123
2112
|
}, wo = xe(
|
|
2124
|
-
({ label: e, hint: t, isLabelFirst: n, className: r, id: o, testId:
|
|
2113
|
+
({ label: e, hint: t, isLabelFirst: n, className: r, id: o, testId: i, ...s }, l) => /* @__PURE__ */ g(
|
|
2125
2114
|
"label",
|
|
2126
2115
|
{
|
|
2127
2116
|
className: v(Be.switch, n && Be["switch--labelFirst"], r),
|
|
2128
|
-
"data-testid":
|
|
2117
|
+
"data-testid": i,
|
|
2129
2118
|
children: [
|
|
2130
2119
|
/* @__PURE__ */ a(
|
|
2131
2120
|
"input",
|
|
2132
2121
|
{
|
|
2133
|
-
ref:
|
|
2122
|
+
ref: l,
|
|
2134
2123
|
type: "checkbox",
|
|
2135
2124
|
role: "switch",
|
|
2136
2125
|
id: o,
|
|
2137
2126
|
className: Be.switch__input,
|
|
2138
|
-
...
|
|
2127
|
+
...s
|
|
2139
2128
|
}
|
|
2140
2129
|
),
|
|
2141
2130
|
/* @__PURE__ */ a("span", { className: Be.switch__track, "aria-hidden": !0, children: /* @__PURE__ */ a("span", { className: Be.switch__thumb }) }),
|
|
@@ -2146,7 +2135,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2146
2135
|
]
|
|
2147
2136
|
}
|
|
2148
2137
|
)
|
|
2149
|
-
),
|
|
2138
|
+
), vu = /* @__PURE__ */ I(/* @__PURE__ */ F(wo, "Switch")), xo = "hanui-radio-KoZak", ko = "hanui-radio__input-gVMgh", No = "hanui-radio__body-oZWg6", $o = "hanui-radio__label-d-5ce", Do = "hanui-radio__hint-baVbs", Io = "hanui-radio__count-OtkUM", it = {
|
|
2150
2139
|
radio: xo,
|
|
2151
2140
|
radio__input: ko,
|
|
2152
2141
|
radio__body: No,
|
|
@@ -2154,15 +2143,15 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2154
2143
|
radio__hint: Do,
|
|
2155
2144
|
radio__count: Io
|
|
2156
2145
|
}, To = /* @__PURE__ */ xe(
|
|
2157
|
-
({ label: e, hint: t, count: n, className: r, testId: o, ...
|
|
2158
|
-
/* @__PURE__ */ a("input", { ref:
|
|
2146
|
+
({ label: e, hint: t, count: n, className: r, testId: o, ...i }, s) => /* @__PURE__ */ g("label", { className: v(it.radio, r), "data-testid": o, children: [
|
|
2147
|
+
/* @__PURE__ */ a("input", { ref: s, type: "radio", className: it.radio__input, ...i }),
|
|
2159
2148
|
/* @__PURE__ */ g("span", { className: it.radio__body, children: [
|
|
2160
2149
|
/* @__PURE__ */ a("span", { className: it.radio__label, children: e }),
|
|
2161
2150
|
t && /* @__PURE__ */ a("span", { className: it.radio__hint, children: t })
|
|
2162
2151
|
] }),
|
|
2163
2152
|
ut(n) && /* @__PURE__ */ a("span", { className: it.radio__count, children: n })
|
|
2164
2153
|
] })
|
|
2165
|
-
),
|
|
2154
|
+
), yu = /* @__PURE__ */ I(/* @__PURE__ */ F(To, "Radio")), Co = "hanui-radioCard-sndiC", Eo = "hanui-radioCard__input-6vuoD", Lo = "hanui-radioCard__indicator--x9LT", So = "hanui-radioCard__body-CFqoi", st = {
|
|
2166
2155
|
radioCard: Co,
|
|
2167
2156
|
radioCard__input: Eo,
|
|
2168
2157
|
"radioCard--selected": "hanui-radioCard--selected-Mi7ee",
|
|
@@ -2175,9 +2164,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2175
2164
|
isSelected: n,
|
|
2176
2165
|
isDisabled: r,
|
|
2177
2166
|
onChange: o,
|
|
2178
|
-
children:
|
|
2179
|
-
className:
|
|
2180
|
-
id:
|
|
2167
|
+
children: i,
|
|
2168
|
+
className: s,
|
|
2169
|
+
id: l,
|
|
2181
2170
|
testId: h
|
|
2182
2171
|
}) => /* @__PURE__ */ g(
|
|
2183
2172
|
"label",
|
|
@@ -2186,7 +2175,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2186
2175
|
st.radioCard,
|
|
2187
2176
|
n && st["radioCard--selected"],
|
|
2188
2177
|
r && st["radioCard--disabled"],
|
|
2189
|
-
|
|
2178
|
+
s
|
|
2190
2179
|
),
|
|
2191
2180
|
"data-testid": h,
|
|
2192
2181
|
children: [
|
|
@@ -2194,7 +2183,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2194
2183
|
"input",
|
|
2195
2184
|
{
|
|
2196
2185
|
type: "radio",
|
|
2197
|
-
id:
|
|
2186
|
+
id: l,
|
|
2198
2187
|
name: e,
|
|
2199
2188
|
value: t,
|
|
2200
2189
|
checked: n,
|
|
@@ -2204,10 +2193,10 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2204
2193
|
}
|
|
2205
2194
|
),
|
|
2206
2195
|
/* @__PURE__ */ a("span", { className: st.radioCard__indicator, "aria-hidden": !0 }),
|
|
2207
|
-
/* @__PURE__ */ a("span", { className: st.radioCard__body, children:
|
|
2196
|
+
/* @__PURE__ */ a("span", { className: st.radioCard__body, children: i })
|
|
2208
2197
|
]
|
|
2209
2198
|
}
|
|
2210
|
-
),
|
|
2199
|
+
), wu = /* @__PURE__ */ I(Ro), Ao = "hanui-range-RpDPh", Mo = "hanui-range__readout-itDMd", Bo = "hanui-range__separator-u-ZJX", Fo = "hanui-range__track-bCh5Y", Po = "hanui-range__fill-VXMCE", Oo = "hanui-range__input-TAN2I", Ho = "hanui-range__bounds-GIhFd", me = {
|
|
2211
2200
|
range: Ao,
|
|
2212
2201
|
"range--disabled": "hanui-range--disabled-13hlc",
|
|
2213
2202
|
range__readout: Mo,
|
|
@@ -2215,42 +2204,42 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2215
2204
|
range__track: Fo,
|
|
2216
2205
|
range__fill: Po,
|
|
2217
2206
|
range__input: Oo,
|
|
2218
|
-
range__bounds:
|
|
2219
|
-
},
|
|
2207
|
+
range__bounds: Ho
|
|
2208
|
+
}, zo = ({
|
|
2220
2209
|
min: e,
|
|
2221
2210
|
max: t,
|
|
2222
2211
|
step: n = 1,
|
|
2223
2212
|
value: r,
|
|
2224
2213
|
onChange: o,
|
|
2225
|
-
onCommit:
|
|
2226
|
-
formatValue:
|
|
2227
|
-
label:
|
|
2214
|
+
onCommit: i,
|
|
2215
|
+
formatValue: s = String,
|
|
2216
|
+
label: l,
|
|
2228
2217
|
minLabel: h,
|
|
2229
|
-
maxLabel:
|
|
2218
|
+
maxLabel: _,
|
|
2230
2219
|
isDisabled: c,
|
|
2231
|
-
className:
|
|
2232
|
-
testId:
|
|
2220
|
+
className: u,
|
|
2221
|
+
testId: d
|
|
2233
2222
|
}) => {
|
|
2234
2223
|
var E, x;
|
|
2235
|
-
const { labels: m } = j(), w =
|
|
2224
|
+
const { labels: m } = j(), w = z("RangeSlider.minLabel", h, (E = m == null ? void 0 : m.range) == null ? void 0 : E.min), b = z("RangeSlider.maxLabel", _, (x = m == null ? void 0 : m.range) == null ? void 0 : x.max), [p, y] = r, D = H(
|
|
2236
2225
|
(M) => o([Math.min(M, y), y]),
|
|
2237
2226
|
[y, o]
|
|
2238
|
-
), N =
|
|
2227
|
+
), N = H(
|
|
2239
2228
|
(M) => o([p, Math.max(M, p)]),
|
|
2240
2229
|
[p, o]
|
|
2241
|
-
), f =
|
|
2230
|
+
), f = H(() => i == null ? void 0 : i([p, y]), [p, y, i]), $ = t - e, k = $ === 0 ? 0 : pa(p - e, $), L = $ === 0 ? 0 : pa(y - e, $), C = k > 50;
|
|
2242
2231
|
return /* @__PURE__ */ g(
|
|
2243
2232
|
"div",
|
|
2244
2233
|
{
|
|
2245
|
-
className: v(me.range, c && me["range--disabled"],
|
|
2234
|
+
className: v(me.range, c && me["range--disabled"], u),
|
|
2246
2235
|
role: "group",
|
|
2247
|
-
"aria-label":
|
|
2248
|
-
"data-testid":
|
|
2236
|
+
"aria-label": l,
|
|
2237
|
+
"data-testid": d,
|
|
2249
2238
|
children: [
|
|
2250
2239
|
/* @__PURE__ */ g("div", { className: me.range__readout, children: [
|
|
2251
|
-
/* @__PURE__ */ a("span", { className: me.range__value, children:
|
|
2240
|
+
/* @__PURE__ */ a("span", { className: me.range__value, children: s(p) }),
|
|
2252
2241
|
/* @__PURE__ */ a("span", { className: me.range__separator, "aria-hidden": !0, children: "—" }),
|
|
2253
|
-
/* @__PURE__ */ a("span", { className: me.range__value, children:
|
|
2242
|
+
/* @__PURE__ */ a("span", { className: me.range__value, children: s(y) })
|
|
2254
2243
|
] }),
|
|
2255
2244
|
/* @__PURE__ */ g("div", { className: me.range__track, children: [
|
|
2256
2245
|
/* @__PURE__ */ a(
|
|
@@ -2272,8 +2261,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2272
2261
|
step: n,
|
|
2273
2262
|
value: p,
|
|
2274
2263
|
disabled: c,
|
|
2275
|
-
"aria-label": `${
|
|
2276
|
-
"aria-valuetext":
|
|
2264
|
+
"aria-label": `${l} — ${w}`,
|
|
2265
|
+
"aria-valuetext": s(p),
|
|
2277
2266
|
onChange: (M) => D(Number(M.target.value)),
|
|
2278
2267
|
onPointerUp: f,
|
|
2279
2268
|
onKeyUp: f
|
|
@@ -2290,8 +2279,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2290
2279
|
step: n,
|
|
2291
2280
|
value: y,
|
|
2292
2281
|
disabled: c,
|
|
2293
|
-
"aria-label": `${
|
|
2294
|
-
"aria-valuetext":
|
|
2282
|
+
"aria-label": `${l} — ${b}`,
|
|
2283
|
+
"aria-valuetext": s(y),
|
|
2295
2284
|
onChange: (M) => N(Number(M.target.value)),
|
|
2296
2285
|
onPointerUp: f,
|
|
2297
2286
|
onKeyUp: f
|
|
@@ -2299,13 +2288,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2299
2288
|
)
|
|
2300
2289
|
] }),
|
|
2301
2290
|
/* @__PURE__ */ g("div", { className: me.range__bounds, "aria-hidden": !0, children: [
|
|
2302
|
-
/* @__PURE__ */ a("span", { children:
|
|
2303
|
-
/* @__PURE__ */ a("span", { children:
|
|
2291
|
+
/* @__PURE__ */ a("span", { children: s(e) }),
|
|
2292
|
+
/* @__PURE__ */ a("span", { children: s(t) })
|
|
2304
2293
|
] })
|
|
2305
2294
|
]
|
|
2306
2295
|
}
|
|
2307
2296
|
);
|
|
2308
|
-
},
|
|
2297
|
+
}, xu = /* @__PURE__ */ I(zo), Ko = "hanui-rating-neNnF", Uo = "hanui-rating__legend-uYvFS", qo = "hanui-rating__stars-vJFLk", jo = "hanui-rating__star-BANFJ", Yo = "hanui-rating__input-s2iiO", Go = "hanui-rating__srOnly-iSCoz", Xo = "hanui-rating__caption-13KFX", De = {
|
|
2309
2298
|
rating: Ko,
|
|
2310
2299
|
"rating--disabled": "hanui-rating--disabled-ZKjHa",
|
|
2311
2300
|
rating__legend: Uo,
|
|
@@ -2321,21 +2310,21 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2321
2310
|
label: n,
|
|
2322
2311
|
ratingLabels: r,
|
|
2323
2312
|
formatStarCount: o,
|
|
2324
|
-
isDisabled:
|
|
2325
|
-
className:
|
|
2326
|
-
testId:
|
|
2313
|
+
isDisabled: i,
|
|
2314
|
+
className: s,
|
|
2315
|
+
testId: l
|
|
2327
2316
|
}) => {
|
|
2328
2317
|
var w;
|
|
2329
|
-
const { labels: h } = j(),
|
|
2318
|
+
const { labels: h } = j(), _ = r ?? ((w = h == null ? void 0 : h.rating) == null ? void 0 : w.scale), c = J(), [u, d] = P(null), m = u ?? e;
|
|
2330
2319
|
return /* @__PURE__ */ g(
|
|
2331
2320
|
"fieldset",
|
|
2332
2321
|
{
|
|
2333
|
-
className: v(De.rating,
|
|
2334
|
-
disabled:
|
|
2335
|
-
"data-testid":
|
|
2322
|
+
className: v(De.rating, i && De["rating--disabled"], s),
|
|
2323
|
+
disabled: i,
|
|
2324
|
+
"data-testid": l,
|
|
2336
2325
|
children: [
|
|
2337
2326
|
/* @__PURE__ */ a("legend", { className: De.rating__legend, children: n }),
|
|
2338
|
-
/* @__PURE__ */ a("div", { className: De.rating__stars, onMouseLeave: () =>
|
|
2327
|
+
/* @__PURE__ */ a("div", { className: De.rating__stars, onMouseLeave: () => d(null), children: Wo.map((b) => {
|
|
2339
2328
|
var p;
|
|
2340
2329
|
return /* @__PURE__ */ g(
|
|
2341
2330
|
"label",
|
|
@@ -2344,7 +2333,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2344
2333
|
De.rating__star,
|
|
2345
2334
|
m !== null && b <= m && De["rating__star--filled"]
|
|
2346
2335
|
),
|
|
2347
|
-
onMouseEnter: () =>
|
|
2336
|
+
onMouseEnter: () => d(b),
|
|
2348
2337
|
children: [
|
|
2349
2338
|
/* @__PURE__ */ a(
|
|
2350
2339
|
"input",
|
|
@@ -2359,25 +2348,25 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2359
2348
|
),
|
|
2360
2349
|
/* @__PURE__ */ a(ea, { "aria-hidden": !0 }),
|
|
2361
2350
|
/* @__PURE__ */ g("span", { className: De.rating__srOnly, children: [
|
|
2362
|
-
|
|
2351
|
+
Ht(
|
|
2363
2352
|
"RatingInput.formatStarCount",
|
|
2364
2353
|
o ?? ((p = h == null ? void 0 : h.rating) == null ? void 0 : p.starCount),
|
|
2365
2354
|
b
|
|
2366
2355
|
),
|
|
2367
2356
|
" ",
|
|
2368
2357
|
"— ",
|
|
2369
|
-
(
|
|
2358
|
+
(_ == null ? void 0 : _[b]) ?? ""
|
|
2370
2359
|
] })
|
|
2371
2360
|
]
|
|
2372
2361
|
},
|
|
2373
2362
|
b
|
|
2374
2363
|
);
|
|
2375
2364
|
}) }),
|
|
2376
|
-
m !== null && /* @__PURE__ */ a("span", { className: De.rating__caption, "aria-hidden": !0, children: (
|
|
2365
|
+
m !== null && /* @__PURE__ */ a("span", { className: De.rating__caption, "aria-hidden": !0, children: (_ == null ? void 0 : _[m]) ?? "" })
|
|
2377
2366
|
]
|
|
2378
2367
|
}
|
|
2379
2368
|
);
|
|
2380
|
-
},
|
|
2369
|
+
}, ku = /* @__PURE__ */ I(Qo), Jo = "hanui-stepper-8s5Ih", Zo = "hanui-stepper__button-h6g7d", Vo = "hanui-stepper__input-OQh5v", yt = {
|
|
2381
2370
|
stepper: Jo,
|
|
2382
2371
|
stepper__button: Zo,
|
|
2383
2372
|
stepper__input: Vo,
|
|
@@ -2389,25 +2378,25 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2389
2378
|
label: n,
|
|
2390
2379
|
decreaseLabel: r,
|
|
2391
2380
|
increaseLabel: o,
|
|
2392
|
-
min:
|
|
2393
|
-
max:
|
|
2394
|
-
isDisabled:
|
|
2381
|
+
min: i = 1,
|
|
2382
|
+
max: s = 99,
|
|
2383
|
+
isDisabled: l,
|
|
2395
2384
|
size: h = "md",
|
|
2396
|
-
className:
|
|
2385
|
+
className: _,
|
|
2397
2386
|
testId: c
|
|
2398
2387
|
}) => {
|
|
2399
2388
|
var p, y, D;
|
|
2400
|
-
const { labels:
|
|
2389
|
+
const { labels: u } = j(), d = z("QuantityStepper.label", n, (p = u == null ? void 0 : u.quantity) == null ? void 0 : p.label), [m, w] = P(null), b = (N) => {
|
|
2401
2390
|
w(null);
|
|
2402
2391
|
const f = Number(N.replace(/\D/g, ""));
|
|
2403
|
-
f && t(Math.min(Math.max(f,
|
|
2392
|
+
f && t(Math.min(Math.max(f, i), s));
|
|
2404
2393
|
};
|
|
2405
2394
|
return /* @__PURE__ */ g(
|
|
2406
2395
|
"div",
|
|
2407
2396
|
{
|
|
2408
|
-
className: v(yt.stepper, yt[`stepper--${h}`],
|
|
2397
|
+
className: v(yt.stepper, yt[`stepper--${h}`], _),
|
|
2409
2398
|
role: "group",
|
|
2410
|
-
"aria-label":
|
|
2399
|
+
"aria-label": d,
|
|
2411
2400
|
"data-testid": c,
|
|
2412
2401
|
children: [
|
|
2413
2402
|
/* @__PURE__ */ a(
|
|
@@ -2415,12 +2404,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2415
2404
|
{
|
|
2416
2405
|
type: "button",
|
|
2417
2406
|
className: yt.stepper__button,
|
|
2418
|
-
onClick: () => t(Math.max(e - 1,
|
|
2419
|
-
disabled:
|
|
2420
|
-
"aria-label":
|
|
2407
|
+
onClick: () => t(Math.max(e - 1, i)),
|
|
2408
|
+
disabled: l || e <= i,
|
|
2409
|
+
"aria-label": z(
|
|
2421
2410
|
"QuantityStepper.decreaseLabel",
|
|
2422
2411
|
r,
|
|
2423
|
-
(y =
|
|
2412
|
+
(y = u == null ? void 0 : u.quantity) == null ? void 0 : y.decrease
|
|
2424
2413
|
),
|
|
2425
2414
|
children: /* @__PURE__ */ a(Ma, { "aria-hidden": !0 })
|
|
2426
2415
|
}
|
|
@@ -2436,8 +2425,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2436
2425
|
N.key === "Enter" && (N.preventDefault(), b(N.target.value));
|
|
2437
2426
|
},
|
|
2438
2427
|
inputMode: "numeric",
|
|
2439
|
-
disabled:
|
|
2440
|
-
"aria-label": `${
|
|
2428
|
+
disabled: l,
|
|
2429
|
+
"aria-label": `${d} (${i}-${s})`
|
|
2441
2430
|
}
|
|
2442
2431
|
),
|
|
2443
2432
|
/* @__PURE__ */ a(
|
|
@@ -2445,12 +2434,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2445
2434
|
{
|
|
2446
2435
|
type: "button",
|
|
2447
2436
|
className: yt.stepper__button,
|
|
2448
|
-
onClick: () => t(Math.min(e + 1,
|
|
2449
|
-
disabled:
|
|
2450
|
-
"aria-label":
|
|
2437
|
+
onClick: () => t(Math.min(e + 1, s)),
|
|
2438
|
+
disabled: l || e >= s,
|
|
2439
|
+
"aria-label": z(
|
|
2451
2440
|
"QuantityStepper.increaseLabel",
|
|
2452
2441
|
o,
|
|
2453
|
-
(D =
|
|
2442
|
+
(D = u == null ? void 0 : u.quantity) == null ? void 0 : D.increase
|
|
2454
2443
|
),
|
|
2455
2444
|
children: /* @__PURE__ */ a(un, { "aria-hidden": !0 })
|
|
2456
2445
|
}
|
|
@@ -2458,7 +2447,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2458
2447
|
]
|
|
2459
2448
|
}
|
|
2460
2449
|
);
|
|
2461
|
-
},
|
|
2450
|
+
}, Nu = /* @__PURE__ */ I(ei), ti = "hanui-checkbox--dvpB", ai = {
|
|
2462
2451
|
checkbox: ti
|
|
2463
2452
|
}, ni = /* @__PURE__ */ xe(
|
|
2464
2453
|
({ label: e, className: t, testId: n, ...r }, o) => /* @__PURE__ */ a(
|
|
@@ -2472,7 +2461,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2472
2461
|
...r
|
|
2473
2462
|
}
|
|
2474
2463
|
)
|
|
2475
|
-
),
|
|
2464
|
+
), $u = /* @__PURE__ */ I(
|
|
2476
2465
|
/* @__PURE__ */ F(ni, "TableCheckbox")
|
|
2477
2466
|
), ri = "hanui-wrapper-IAI4E", oi = "hanui-wrapper__prefix-XKDlV", ii = "hanui-wrapper__suffix-lT35q", si = "hanui-input-pIS2u", je = {
|
|
2478
2467
|
wrapper: ri,
|
|
@@ -2483,12 +2472,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2483
2472
|
"input--hasSuffix": "hanui-input--hasSuffix-OrE5A",
|
|
2484
2473
|
"input--technical": "hanui-input--technical---DCD"
|
|
2485
2474
|
}, ci = /* @__PURE__ */ xe(
|
|
2486
|
-
({ prefix: e, suffix: t, isTechnical: n, className: r, testId: o, ...
|
|
2475
|
+
({ prefix: e, suffix: t, isTechnical: n, className: r, testId: o, ...i }, s) => /* @__PURE__ */ g("span", { className: v(je.wrapper, r), children: [
|
|
2487
2476
|
e && /* @__PURE__ */ a("span", { className: je.wrapper__prefix, "aria-hidden": !0, children: e }),
|
|
2488
2477
|
/* @__PURE__ */ a(
|
|
2489
2478
|
"input",
|
|
2490
2479
|
{
|
|
2491
|
-
ref:
|
|
2480
|
+
ref: s,
|
|
2492
2481
|
className: v(
|
|
2493
2482
|
je.input,
|
|
2494
2483
|
/* `Boolean(...)`: `prefix` bir `ReactNode` ve `0` da gecerli bir
|
|
@@ -2498,7 +2487,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2498
2487
|
n && je["input--technical"]
|
|
2499
2488
|
),
|
|
2500
2489
|
"data-testid": o,
|
|
2501
|
-
...
|
|
2490
|
+
...i
|
|
2502
2491
|
}
|
|
2503
2492
|
),
|
|
2504
2493
|
t && /* @__PURE__ */ a("span", { className: je.wrapper__suffix, "aria-hidden": !0, children: t })
|
|
@@ -2517,16 +2506,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2517
2506
|
label: n,
|
|
2518
2507
|
placeholder: r,
|
|
2519
2508
|
removeLabel: o,
|
|
2520
|
-
separators:
|
|
2521
|
-
maxTags:
|
|
2522
|
-
isDisabled:
|
|
2509
|
+
separators: i = ["Enter", ","],
|
|
2510
|
+
maxTags: s,
|
|
2511
|
+
isDisabled: l,
|
|
2523
2512
|
id: h,
|
|
2524
|
-
className:
|
|
2513
|
+
className: _,
|
|
2525
2514
|
testId: c,
|
|
2526
|
-
"aria-describedby":
|
|
2527
|
-
"aria-invalid":
|
|
2515
|
+
"aria-describedby": u,
|
|
2516
|
+
"aria-invalid": d
|
|
2528
2517
|
}) => {
|
|
2529
|
-
const m = J(), w = h ?? m, b = R(null), p = oa(), [y, D] = P(""), [N, f] = P(null), $ =
|
|
2518
|
+
const m = J(), w = h ?? m, b = R(null), p = oa(), [y, D] = P(""), [N, f] = P(null), $ = s !== void 0 && e.length >= s, k = (E) => {
|
|
2530
2519
|
const x = E.trim();
|
|
2531
2520
|
if (x !== "") {
|
|
2532
2521
|
if (e.includes(x)) {
|
|
@@ -2538,7 +2527,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2538
2527
|
}, L = (E) => {
|
|
2539
2528
|
t(e.filter((x) => x !== E)), p(`${E} kaldırıldı`);
|
|
2540
2529
|
}, C = (E) => {
|
|
2541
|
-
if (
|
|
2530
|
+
if (i.includes(E.key)) {
|
|
2542
2531
|
E.preventDefault(), k(y);
|
|
2543
2532
|
return;
|
|
2544
2533
|
}
|
|
@@ -2549,9 +2538,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2549
2538
|
{
|
|
2550
2539
|
className: v(
|
|
2551
2540
|
Ye.tagInput,
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2541
|
+
l && Ye["tagInput--disabled"],
|
|
2542
|
+
d && Ye["tagInput--invalid"],
|
|
2543
|
+
_
|
|
2555
2544
|
),
|
|
2556
2545
|
"data-testid": c,
|
|
2557
2546
|
onClick: () => {
|
|
@@ -2574,11 +2563,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2574
2563
|
type: "button",
|
|
2575
2564
|
className: Ye.tagInput__remove,
|
|
2576
2565
|
"aria-label": `${E} — ${o}`,
|
|
2577
|
-
disabled:
|
|
2566
|
+
disabled: l,
|
|
2578
2567
|
onClick: (x) => {
|
|
2579
2568
|
x.stopPropagation(), L(E);
|
|
2580
2569
|
},
|
|
2581
|
-
children: /* @__PURE__ */ a(
|
|
2570
|
+
children: /* @__PURE__ */ a(ze, { "aria-hidden": !0 })
|
|
2582
2571
|
}
|
|
2583
2572
|
)
|
|
2584
2573
|
]
|
|
@@ -2595,9 +2584,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2595
2584
|
value: y,
|
|
2596
2585
|
placeholder: e.length === 0 ? r : void 0,
|
|
2597
2586
|
"aria-label": n,
|
|
2598
|
-
"aria-describedby":
|
|
2599
|
-
"aria-invalid":
|
|
2600
|
-
disabled:
|
|
2587
|
+
"aria-describedby": u,
|
|
2588
|
+
"aria-invalid": d,
|
|
2589
|
+
disabled: l || $,
|
|
2601
2590
|
onChange: (E) => D(E.target.value),
|
|
2602
2591
|
onKeyDown: C,
|
|
2603
2592
|
onBlur: () => k(y)
|
|
@@ -2606,7 +2595,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2606
2595
|
]
|
|
2607
2596
|
}
|
|
2608
2597
|
);
|
|
2609
|
-
},
|
|
2598
|
+
}, Du = /* @__PURE__ */ I(/* @__PURE__ */ F(pi, "TagInput")), mi = "hanui-textarea-zwJcB", bi = "hanui-wrapper-O8aJA", gi = "hanui-counter-bHVh3", wt = {
|
|
2610
2599
|
textarea: mi,
|
|
2611
2600
|
wrapper: bi,
|
|
2612
2601
|
"textarea--autoSize": "hanui-textarea--autoSize--F8yj",
|
|
@@ -2619,44 +2608,44 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2619
2608
|
isAutoSize: n,
|
|
2620
2609
|
maxRows: r = 12,
|
|
2621
2610
|
hasCounter: o,
|
|
2622
|
-
maxLength:
|
|
2623
|
-
value:
|
|
2624
|
-
defaultValue:
|
|
2611
|
+
maxLength: i,
|
|
2612
|
+
value: s,
|
|
2613
|
+
defaultValue: l,
|
|
2625
2614
|
onChange: h,
|
|
2626
|
-
testId:
|
|
2615
|
+
testId: _,
|
|
2627
2616
|
...c
|
|
2628
|
-
},
|
|
2629
|
-
const
|
|
2617
|
+
}, u) => {
|
|
2618
|
+
const d = R(null), [m, w] = P(String(l ?? "").length), b = s === void 0 ? m : String(s).length, p = H(
|
|
2630
2619
|
(D) => {
|
|
2631
|
-
|
|
2620
|
+
d.current = D, typeof u == "function" ? u(D) : u && (u.current = D);
|
|
2632
2621
|
},
|
|
2633
|
-
[
|
|
2622
|
+
[u]
|
|
2634
2623
|
);
|
|
2635
2624
|
Ea(() => {
|
|
2636
|
-
const D =
|
|
2625
|
+
const D = d.current;
|
|
2637
2626
|
if (!n || !D) return;
|
|
2638
2627
|
D.style.height = "auto";
|
|
2639
2628
|
const f = (Number.parseFloat(getComputedStyle(D).lineHeight) || 20) * r;
|
|
2640
2629
|
D.style.height = `${Math.min(D.scrollHeight, f)}px`, D.style.overflowY = D.scrollHeight > f ? "auto" : "hidden";
|
|
2641
|
-
}, [n, r,
|
|
2642
|
-
const y =
|
|
2643
|
-
return /* @__PURE__ */ g("div", { className: v(wt.wrapper, e), "data-testid":
|
|
2630
|
+
}, [n, r, s, b]);
|
|
2631
|
+
const y = i !== void 0 && b >= i * 0.9;
|
|
2632
|
+
return /* @__PURE__ */ g("div", { className: v(wt.wrapper, e), "data-testid": _, children: [
|
|
2644
2633
|
/* @__PURE__ */ a(
|
|
2645
2634
|
"textarea",
|
|
2646
2635
|
{
|
|
2647
2636
|
ref: p,
|
|
2648
2637
|
rows: t,
|
|
2649
2638
|
className: v(wt.textarea, n && wt["textarea--autoSize"]),
|
|
2650
|
-
maxLength:
|
|
2651
|
-
value:
|
|
2652
|
-
defaultValue:
|
|
2639
|
+
maxLength: i,
|
|
2640
|
+
value: s,
|
|
2641
|
+
defaultValue: l,
|
|
2653
2642
|
onChange: (D) => {
|
|
2654
2643
|
w(D.target.value.length), h == null || h(D);
|
|
2655
2644
|
},
|
|
2656
2645
|
...c
|
|
2657
2646
|
}
|
|
2658
2647
|
),
|
|
2659
|
-
o &&
|
|
2648
|
+
o && i !== void 0 && /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye
|
|
2660
2649
|
ugrardi. Sinir zaten `maxLength` ile taniniyor. */
|
|
2661
2650
|
/* @__PURE__ */ g(
|
|
2662
2651
|
"span",
|
|
@@ -2666,7 +2655,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2666
2655
|
children: [
|
|
2667
2656
|
b,
|
|
2668
2657
|
" / ",
|
|
2669
|
-
|
|
2658
|
+
i
|
|
2670
2659
|
]
|
|
2671
2660
|
}
|
|
2672
2661
|
)
|
|
@@ -2690,29 +2679,29 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2690
2679
|
...r
|
|
2691
2680
|
}
|
|
2692
2681
|
)
|
|
2693
|
-
),
|
|
2682
|
+
), Iu = /* @__PURE__ */ I(/* @__PURE__ */ F(ta, "DateField")), Di = ({
|
|
2694
2683
|
value: e,
|
|
2695
2684
|
onChange: t,
|
|
2696
2685
|
startLabel: n,
|
|
2697
2686
|
endLabel: r,
|
|
2698
2687
|
separator: o = "–",
|
|
2699
|
-
min:
|
|
2700
|
-
max:
|
|
2701
|
-
isSummaryVisible:
|
|
2688
|
+
min: i,
|
|
2689
|
+
max: s,
|
|
2690
|
+
isSummaryVisible: l,
|
|
2702
2691
|
isDisabled: h,
|
|
2703
|
-
className:
|
|
2692
|
+
className: _,
|
|
2704
2693
|
testId: c
|
|
2705
2694
|
}) => {
|
|
2706
|
-
const { labels:
|
|
2707
|
-
if (!
|
|
2695
|
+
const { labels: u } = j(), d = (() => {
|
|
2696
|
+
if (!l || !(u != null && u.locale) || e.start === "" || e.end === "") return null;
|
|
2708
2697
|
try {
|
|
2709
|
-
const m = new Intl.DateTimeFormat(
|
|
2698
|
+
const m = new Intl.DateTimeFormat(u.locale, { dateStyle: "medium" });
|
|
2710
2699
|
return `${m.format(new Date(e.start))} ${o} ${m.format(new Date(e.end))}`;
|
|
2711
2700
|
} catch {
|
|
2712
2701
|
return null;
|
|
2713
2702
|
}
|
|
2714
2703
|
})();
|
|
2715
|
-
return /* @__PURE__ */ g("div", { className: v(Je.range,
|
|
2704
|
+
return /* @__PURE__ */ g("div", { className: v(Je.range, _), "data-testid": c, children: [
|
|
2716
2705
|
/* @__PURE__ */ g("div", { className: Je.range__row, children: [
|
|
2717
2706
|
/* @__PURE__ */ a(
|
|
2718
2707
|
ta,
|
|
@@ -2720,8 +2709,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2720
2709
|
className: Je.range__field,
|
|
2721
2710
|
"aria-label": n,
|
|
2722
2711
|
value: e.start,
|
|
2723
|
-
min:
|
|
2724
|
-
max: e.end ||
|
|
2712
|
+
min: i,
|
|
2713
|
+
max: e.end || s,
|
|
2725
2714
|
disabled: h,
|
|
2726
2715
|
onChange: (m) => t({ ...e, start: m.target.value })
|
|
2727
2716
|
}
|
|
@@ -2733,16 +2722,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2733
2722
|
className: Je.range__field,
|
|
2734
2723
|
"aria-label": r,
|
|
2735
2724
|
value: e.end,
|
|
2736
|
-
min: e.start ||
|
|
2737
|
-
max:
|
|
2725
|
+
min: e.start || i,
|
|
2726
|
+
max: s,
|
|
2738
2727
|
disabled: h,
|
|
2739
2728
|
onChange: (m) => t({ ...e, end: m.target.value })
|
|
2740
2729
|
}
|
|
2741
2730
|
)
|
|
2742
2731
|
] }),
|
|
2743
|
-
|
|
2732
|
+
d && /* @__PURE__ */ a("span", { className: Je.range__summary, children: d })
|
|
2744
2733
|
] });
|
|
2745
|
-
},
|
|
2734
|
+
}, Tu = /* @__PURE__ */ F(/* @__PURE__ */ I(Di), "DateRange"), Ii = "hanui-field-KKvre", Ti = "hanui-field__label-9dlYd", Ci = "hanui-field__required-hbDJk", Ei = "hanui-field__srOnly-2WQFH", Li = "hanui-field__hint-SQPiL", Si = "hanui-field__error-gLlZ-", Ri = "hanui-field__errorIcon-uA3o8", Fe = {
|
|
2746
2735
|
field: Ii,
|
|
2747
2736
|
field__label: Ti,
|
|
2748
2737
|
"field__label--hidden": "hanui-field__label--hidden-ufuVt",
|
|
@@ -2757,28 +2746,28 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2757
2746
|
hint: n,
|
|
2758
2747
|
error: r,
|
|
2759
2748
|
isRequired: o,
|
|
2760
|
-
requiredLabel:
|
|
2761
|
-
isLabelHidden:
|
|
2762
|
-
className:
|
|
2749
|
+
requiredLabel: i,
|
|
2750
|
+
isLabelHidden: s,
|
|
2751
|
+
className: l
|
|
2763
2752
|
}) => {
|
|
2764
|
-
const { labels: h } = j(),
|
|
2765
|
-
return /* @__PURE__ */ g("div", { className: v(Fe.field,
|
|
2753
|
+
const { labels: h } = j(), _ = J(), c = `${_}-error`, u = `${_}-hint`;
|
|
2754
|
+
return /* @__PURE__ */ g("div", { className: v(Fe.field, l), children: [
|
|
2766
2755
|
/* @__PURE__ */ g(
|
|
2767
2756
|
"label",
|
|
2768
2757
|
{
|
|
2769
|
-
htmlFor:
|
|
2770
|
-
className: v(Fe.field__label,
|
|
2758
|
+
htmlFor: _,
|
|
2759
|
+
className: v(Fe.field__label, s && Fe["field__label--hidden"]),
|
|
2771
2760
|
children: [
|
|
2772
2761
|
e,
|
|
2773
2762
|
o && /* @__PURE__ */ g(fe, { children: [
|
|
2774
2763
|
/* @__PURE__ */ a("span", { className: Fe.field__required, "aria-hidden": !0, children: "*" }),
|
|
2775
|
-
/* @__PURE__ */ a("span", { className: Fe.field__srOnly, children:
|
|
2764
|
+
/* @__PURE__ */ a("span", { className: Fe.field__srOnly, children: z("Field.requiredLabel", i, h == null ? void 0 : h.required) })
|
|
2776
2765
|
] })
|
|
2777
2766
|
]
|
|
2778
2767
|
}
|
|
2779
2768
|
),
|
|
2780
2769
|
t({
|
|
2781
|
-
id:
|
|
2770
|
+
id: _,
|
|
2782
2771
|
required: o || void 0,
|
|
2783
2772
|
"aria-invalid": r ? !0 : void 0,
|
|
2784
2773
|
/*
|
|
@@ -2793,35 +2782,33 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2793
2782
|
* Sira ONEMLI: once hata, sonra yardim. Ekran okuyucu bagli metinleri
|
|
2794
2783
|
* yazildiklari sirayla okuyor ve once "ne yanlis" duyulmali.
|
|
2795
2784
|
*/
|
|
2796
|
-
"aria-describedby": [r && c, n &&
|
|
2785
|
+
"aria-describedby": [r && c, n && u].filter(Boolean).join(" ") || void 0
|
|
2797
2786
|
}),
|
|
2798
2787
|
r && /* @__PURE__ */ g("p", { id: c, className: Fe.field__error, role: "alert", children: [
|
|
2799
2788
|
/* @__PURE__ */ a(Ft, { "aria-hidden": !0, className: Fe.field__errorIcon }),
|
|
2800
2789
|
r
|
|
2801
2790
|
] }),
|
|
2802
|
-
n && /* @__PURE__ */ a("p", { id:
|
|
2791
|
+
n && /* @__PURE__ */ a("p", { id: u, className: Fe.field__hint, children: n })
|
|
2803
2792
|
] });
|
|
2804
|
-
}, Mi = /* @__PURE__ */ I(Ai), Bi = "hanui-progress-99MrX", Fi = "hanui-progress__track-Qbp9t", Pi = "hanui-progress__fill-Bam55", Oi = "hanui-progress__value-3FYxj",
|
|
2793
|
+
}, Mi = /* @__PURE__ */ I(Ai), Bi = "hanui-progress-99MrX", Fi = "hanui-progress__track-Qbp9t", Pi = "hanui-progress__fill-Bam55", Oi = "hanui-progress__value-3FYxj", Hi = "hanui-circle-9cn2w", zi = "hanui-circle__svg-0IwkR", Ki = "hanui-circle__track-zY2qc", Ui = "hanui-circle__fill-Jbde6", qi = "hanui-circle__label-A3nJB", ne = {
|
|
2805
2794
|
progress: Bi,
|
|
2806
2795
|
progress__track: Fi,
|
|
2807
2796
|
"progress__track--sm": "hanui-progress__track--sm-dbHZq",
|
|
2808
2797
|
"progress__track--md": "hanui-progress__track--md-v1GdW",
|
|
2809
2798
|
"progress__track--indeterminate": "hanui-progress__track--indeterminate-8fMxl",
|
|
2810
2799
|
progress__fill: Pi,
|
|
2811
|
-
"hanui-progress-slide": "hanui-hanui-progress-slide-DQi2w",
|
|
2812
2800
|
"progress__fill--success": "hanui-progress__fill--success-IFuI5",
|
|
2813
2801
|
"progress__fill--warning": "hanui-progress__fill--warning-wIhgi",
|
|
2814
2802
|
"progress__fill--danger": "hanui-progress__fill--danger-cuqj0",
|
|
2815
2803
|
progress__value: Oi,
|
|
2816
|
-
circle:
|
|
2817
|
-
circle__svg:
|
|
2804
|
+
circle: Hi,
|
|
2805
|
+
circle__svg: zi,
|
|
2818
2806
|
circle__track: Ki,
|
|
2819
2807
|
circle__fill: Ui,
|
|
2820
2808
|
"circle__fill--success": "hanui-circle__fill--success-HTr0m",
|
|
2821
2809
|
"circle__fill--warning": "hanui-circle__fill--warning-Fkgj2",
|
|
2822
2810
|
"circle__fill--danger": "hanui-circle__fill--danger-4E3Z8",
|
|
2823
2811
|
"circle--indeterminate": "hanui-circle--indeterminate-cITY6",
|
|
2824
|
-
"hanui-spin": "hanui-hanui-spin-ez3g8",
|
|
2825
2812
|
circle__label: qi
|
|
2826
2813
|
}, Qa = (e, t) => !Number.isFinite(e) || !Number.isFinite(t) || t <= 0 ? 0 : Math.min(100, Math.max(0, e / t * 100)), ji = ({
|
|
2827
2814
|
value: e,
|
|
@@ -2829,37 +2816,37 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2829
2816
|
label: n,
|
|
2830
2817
|
valueText: r,
|
|
2831
2818
|
isValueVisible: o,
|
|
2832
|
-
tone:
|
|
2833
|
-
size:
|
|
2834
|
-
className:
|
|
2819
|
+
tone: i = "brand",
|
|
2820
|
+
size: s = "md",
|
|
2821
|
+
className: l,
|
|
2835
2822
|
testId: h
|
|
2836
2823
|
}) => {
|
|
2837
|
-
const
|
|
2838
|
-
return /* @__PURE__ */ g("div", { className: v(ne.progress,
|
|
2824
|
+
const _ = e === void 0, c = _ ? 0 : Qa(e, t);
|
|
2825
|
+
return /* @__PURE__ */ g("div", { className: v(ne.progress, l), "data-testid": h, children: [
|
|
2839
2826
|
/* @__PURE__ */ a(
|
|
2840
2827
|
"div",
|
|
2841
2828
|
{
|
|
2842
2829
|
role: "progressbar",
|
|
2843
2830
|
"aria-label": n,
|
|
2844
|
-
"aria-valuenow":
|
|
2845
|
-
"aria-valuemin":
|
|
2846
|
-
"aria-valuemax":
|
|
2847
|
-
"aria-valuetext":
|
|
2831
|
+
"aria-valuenow": _ ? void 0 : Math.round(c),
|
|
2832
|
+
"aria-valuemin": _ ? void 0 : 0,
|
|
2833
|
+
"aria-valuemax": _ ? void 0 : 100,
|
|
2834
|
+
"aria-valuetext": _ ? void 0 : r,
|
|
2848
2835
|
className: v(
|
|
2849
2836
|
ne.progress__track,
|
|
2850
|
-
ne[`progress__track--${
|
|
2851
|
-
|
|
2837
|
+
ne[`progress__track--${s}`],
|
|
2838
|
+
_ && ne["progress__track--indeterminate"]
|
|
2852
2839
|
),
|
|
2853
2840
|
children: /* @__PURE__ */ a(
|
|
2854
2841
|
"span",
|
|
2855
2842
|
{
|
|
2856
|
-
className: v(ne.progress__fill, ne[`progress__fill--${
|
|
2857
|
-
style:
|
|
2843
|
+
className: v(ne.progress__fill, ne[`progress__fill--${i}`]),
|
|
2844
|
+
style: _ ? void 0 : { inlineSize: `${c}%` }
|
|
2858
2845
|
}
|
|
2859
2846
|
)
|
|
2860
2847
|
}
|
|
2861
2848
|
),
|
|
2862
|
-
o && !
|
|
2849
|
+
o && !_ && /* Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in
|
|
2863
2850
|
degerinde ve iki kez duyurulmasi gurultu. */
|
|
2864
2851
|
/* @__PURE__ */ a("span", { className: ne.progress__value, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
|
|
2865
2852
|
] });
|
|
@@ -2869,53 +2856,53 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2869
2856
|
label: n,
|
|
2870
2857
|
valueText: r,
|
|
2871
2858
|
isValueVisible: o,
|
|
2872
|
-
tone:
|
|
2873
|
-
size:
|
|
2874
|
-
className:
|
|
2859
|
+
tone: i = "brand",
|
|
2860
|
+
size: s = 44,
|
|
2861
|
+
className: l,
|
|
2875
2862
|
testId: h
|
|
2876
2863
|
}) => {
|
|
2877
|
-
const
|
|
2864
|
+
const _ = e === void 0, c = _ ? 25 : Qa(e, t), u = Math.max(3, Math.round(s * 0.1)), d = (s - u) / 2, m = 2 * Math.PI * d;
|
|
2878
2865
|
return /* @__PURE__ */ g(
|
|
2879
2866
|
"div",
|
|
2880
2867
|
{
|
|
2881
|
-
className: v(ne.circle,
|
|
2882
|
-
style: { width:
|
|
2868
|
+
className: v(ne.circle, _ && ne["circle--indeterminate"], l),
|
|
2869
|
+
style: { width: s, height: s },
|
|
2883
2870
|
"data-testid": h,
|
|
2884
2871
|
children: [
|
|
2885
2872
|
/* @__PURE__ */ g(
|
|
2886
2873
|
"svg",
|
|
2887
2874
|
{
|
|
2888
2875
|
className: ne.circle__svg,
|
|
2889
|
-
width:
|
|
2890
|
-
height:
|
|
2891
|
-
viewBox: `0 0 ${
|
|
2876
|
+
width: s,
|
|
2877
|
+
height: s,
|
|
2878
|
+
viewBox: `0 0 ${s} ${s}`,
|
|
2892
2879
|
role: "progressbar",
|
|
2893
2880
|
"aria-label": n,
|
|
2894
|
-
"aria-valuenow":
|
|
2895
|
-
"aria-valuemin":
|
|
2896
|
-
"aria-valuemax":
|
|
2897
|
-
"aria-valuetext":
|
|
2881
|
+
"aria-valuenow": _ ? void 0 : Math.round(c),
|
|
2882
|
+
"aria-valuemin": _ ? void 0 : 0,
|
|
2883
|
+
"aria-valuemax": _ ? void 0 : 100,
|
|
2884
|
+
"aria-valuetext": _ ? void 0 : r,
|
|
2898
2885
|
children: [
|
|
2899
2886
|
/* @__PURE__ */ a(
|
|
2900
2887
|
"circle",
|
|
2901
2888
|
{
|
|
2902
2889
|
className: ne.circle__track,
|
|
2903
|
-
cx:
|
|
2904
|
-
cy:
|
|
2905
|
-
r:
|
|
2890
|
+
cx: s / 2,
|
|
2891
|
+
cy: s / 2,
|
|
2892
|
+
r: d,
|
|
2906
2893
|
fill: "none",
|
|
2907
|
-
strokeWidth:
|
|
2894
|
+
strokeWidth: u
|
|
2908
2895
|
}
|
|
2909
2896
|
),
|
|
2910
2897
|
/* @__PURE__ */ a(
|
|
2911
2898
|
"circle",
|
|
2912
2899
|
{
|
|
2913
|
-
className: v(ne.circle__fill, ne[`circle__fill--${
|
|
2914
|
-
cx:
|
|
2915
|
-
cy:
|
|
2916
|
-
r:
|
|
2900
|
+
className: v(ne.circle__fill, ne[`circle__fill--${i}`]),
|
|
2901
|
+
cx: s / 2,
|
|
2902
|
+
cy: s / 2,
|
|
2903
|
+
r: d,
|
|
2917
2904
|
fill: "none",
|
|
2918
|
-
strokeWidth:
|
|
2905
|
+
strokeWidth: u,
|
|
2919
2906
|
strokeDasharray: m,
|
|
2920
2907
|
strokeDashoffset: m * (1 - c / 100)
|
|
2921
2908
|
}
|
|
@@ -2923,11 +2910,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2923
2910
|
]
|
|
2924
2911
|
}
|
|
2925
2912
|
),
|
|
2926
|
-
o && !
|
|
2913
|
+
o && !_ && /* @__PURE__ */ a("span", { className: ne.circle__label, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
|
|
2927
2914
|
]
|
|
2928
2915
|
}
|
|
2929
2916
|
);
|
|
2930
|
-
},
|
|
2917
|
+
}, Cu = /* @__PURE__ */ F(
|
|
2931
2918
|
/* @__PURE__ */ I(Gi),
|
|
2932
2919
|
"ProgressCircle"
|
|
2933
2920
|
), Xi = "hanui-upload-v1pRY", Wi = "hanui-upload__drop-OpNbO", Qi = "hanui-upload__input-Tcg9-", Ji = "hanui-upload__icon-KpMkq", Zi = "hanui-upload__label-M4HJb", Vi = "hanui-upload__drag-ewSQw", es = "hanui-upload__hint-MZRJ6", ts = "hanui-upload__error-7GkCC", as = "hanui-upload__list-lbViQ", ns = "hanui-upload__file-Znp1Q", rs = "hanui-upload__fileText-EtJcs", os = "hanui-upload__fileName-ArF8-", is = "hanui-upload__fileMeta-i6sO1", ss = "hanui-upload__progress-JY2a5", W = {
|
|
@@ -2955,26 +2942,26 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2955
2942
|
onRemove: n,
|
|
2956
2943
|
label: r,
|
|
2957
2944
|
hint: o,
|
|
2958
|
-
accept:
|
|
2959
|
-
isMultiple:
|
|
2960
|
-
maxSize:
|
|
2945
|
+
accept: i,
|
|
2946
|
+
isMultiple: s,
|
|
2947
|
+
maxSize: l,
|
|
2961
2948
|
removeLabel: h,
|
|
2962
|
-
dropLabel:
|
|
2949
|
+
dropLabel: _,
|
|
2963
2950
|
sizeErrorText: c = "{name} çok büyük (en fazla {max}).",
|
|
2964
|
-
isDisabled:
|
|
2965
|
-
error:
|
|
2951
|
+
isDisabled: u,
|
|
2952
|
+
error: d,
|
|
2966
2953
|
children: m,
|
|
2967
2954
|
className: w,
|
|
2968
2955
|
testId: b
|
|
2969
2956
|
}) => {
|
|
2970
2957
|
const p = J(), y = J(), D = R(null), N = oa(), [f, $] = P(!1), [k, L] = P([]), C = (x) => {
|
|
2971
2958
|
if (!x || x.length === 0) return;
|
|
2972
|
-
const M = [...x], U =
|
|
2973
|
-
(Y) => c.replace("{name}", Y.name).replace("{max}", Ta(
|
|
2959
|
+
const M = [...x], U = l === void 0 ? [] : M.filter((Y) => Y.size > l), Q = M.filter((Y) => !U.includes(Y)), Z = U.map(
|
|
2960
|
+
(Y) => c.replace("{name}", Y.name).replace("{max}", Ta(l ?? 0))
|
|
2974
2961
|
);
|
|
2975
2962
|
L(Z), Q.length > 0 && (t(Q), N(`${Q.length} dosya eklendi`)), Z.length > 0 && N(Z.join(" "), "assertive");
|
|
2976
2963
|
}, E = (x) => {
|
|
2977
|
-
x.preventDefault(), $(!1), !
|
|
2964
|
+
x.preventDefault(), $(!1), !u && C(x.dataTransfer.files);
|
|
2978
2965
|
};
|
|
2979
2966
|
return /* @__PURE__ */ g("div", { className: v(W.upload, w), "data-testid": b, children: [
|
|
2980
2967
|
/* @__PURE__ */ g(
|
|
@@ -2984,18 +2971,18 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
2984
2971
|
className: v(
|
|
2985
2972
|
W.upload__drop,
|
|
2986
2973
|
f && W["upload__drop--dragging"],
|
|
2987
|
-
|
|
2988
|
-
|
|
2974
|
+
u && W["upload__drop--disabled"],
|
|
2975
|
+
d && W["upload__drop--invalid"]
|
|
2989
2976
|
),
|
|
2990
2977
|
onDragOver: (x) => {
|
|
2991
|
-
x.preventDefault(),
|
|
2978
|
+
x.preventDefault(), u || $(!0);
|
|
2992
2979
|
},
|
|
2993
2980
|
onDragLeave: () => $(!1),
|
|
2994
2981
|
onDrop: E,
|
|
2995
2982
|
children: [
|
|
2996
2983
|
/* @__PURE__ */ a(hn, { "aria-hidden": !0, className: W.upload__icon }),
|
|
2997
2984
|
/* @__PURE__ */ a("span", { className: W.upload__label, children: r }),
|
|
2998
|
-
/* @__PURE__ */ a("span", { className: W.upload__drag, children:
|
|
2985
|
+
/* @__PURE__ */ a("span", { className: W.upload__drag, children: _ }),
|
|
2999
2986
|
o && /* @__PURE__ */ a("span", { id: y, className: W.upload__hint, children: o }),
|
|
3000
2987
|
/* @__PURE__ */ a(
|
|
3001
2988
|
"input",
|
|
@@ -3004,11 +2991,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3004
2991
|
id: p,
|
|
3005
2992
|
type: "file",
|
|
3006
2993
|
className: W.upload__input,
|
|
3007
|
-
accept:
|
|
3008
|
-
multiple:
|
|
3009
|
-
disabled:
|
|
2994
|
+
accept: i,
|
|
2995
|
+
multiple: s,
|
|
2996
|
+
disabled: u,
|
|
3010
2997
|
"aria-describedby": o ? y : void 0,
|
|
3011
|
-
"aria-invalid":
|
|
2998
|
+
"aria-invalid": d ? !0 : void 0,
|
|
3012
2999
|
onChange: (x) => {
|
|
3013
3000
|
C(x.target.files), x.target.value = "";
|
|
3014
3001
|
}
|
|
@@ -3017,9 +3004,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3017
3004
|
]
|
|
3018
3005
|
}
|
|
3019
3006
|
),
|
|
3020
|
-
|
|
3007
|
+
d && /* @__PURE__ */ g("p", { className: W.upload__error, role: "alert", children: [
|
|
3021
3008
|
/* @__PURE__ */ a(Ft, { "aria-hidden": !0 }),
|
|
3022
|
-
|
|
3009
|
+
d
|
|
3023
3010
|
] }),
|
|
3024
3011
|
k.map((x) => /* @__PURE__ */ g("p", { className: W.upload__error, role: "alert", children: [
|
|
3025
3012
|
/* @__PURE__ */ a(Ft, { "aria-hidden": !0 }),
|
|
@@ -3046,7 +3033,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3046
3033
|
/* @__PURE__ */ a(
|
|
3047
3034
|
Re,
|
|
3048
3035
|
{
|
|
3049
|
-
icon: /* @__PURE__ */ a(
|
|
3036
|
+
icon: /* @__PURE__ */ a(ze, { "aria-hidden": !0 }),
|
|
3050
3037
|
label: `${x.name} — ${h}`,
|
|
3051
3038
|
variant: "ghost",
|
|
3052
3039
|
size: "sm",
|
|
@@ -3059,7 +3046,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3059
3046
|
)) }),
|
|
3060
3047
|
m
|
|
3061
3048
|
] });
|
|
3062
|
-
},
|
|
3049
|
+
}, Eu = /* @__PURE__ */ I(
|
|
3063
3050
|
/* @__PURE__ */ F(cs, "FileUpload")
|
|
3064
3051
|
), ls = "hanui-alert-gHI-9", ds = "hanui-alert__icon-DhiCT", _s = "hanui-alert__body-52-z2", us = "hanui-alert__title-I8BAh", hs = "hanui-alert__content-lhBEo", ps = "hanui-alert__action-1mTje", Ge = {
|
|
3065
3052
|
alert: ls,
|
|
@@ -3077,12 +3064,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3077
3064
|
success: /* @__PURE__ */ a(Fa, { "aria-hidden": !0 }),
|
|
3078
3065
|
warning: /* @__PURE__ */ a(ra, { "aria-hidden": !0 }),
|
|
3079
3066
|
danger: /* @__PURE__ */ a(Ba, { "aria-hidden": !0 })
|
|
3080
|
-
}, bs = ({ children: e, tone: t = "info", title: n, action: r, className: o, testId:
|
|
3067
|
+
}, bs = ({ children: e, tone: t = "info", title: n, action: r, className: o, testId: i }) => /* @__PURE__ */ g(
|
|
3081
3068
|
"div",
|
|
3082
3069
|
{
|
|
3083
3070
|
className: v(Ge.alert, Ge[`alert--${t}`], o),
|
|
3084
3071
|
role: t === "danger" || t === "warning" ? "alert" : void 0,
|
|
3085
|
-
"data-testid":
|
|
3072
|
+
"data-testid": i,
|
|
3086
3073
|
children: [
|
|
3087
3074
|
/* @__PURE__ */ a("span", { className: Ge.alert__icon, children: ms[t] }),
|
|
3088
3075
|
/* @__PURE__ */ g("div", { className: Ge.alert__body, children: [
|
|
@@ -3092,7 +3079,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3092
3079
|
r && /* @__PURE__ */ a("div", { className: Ge.alert__action, children: r })
|
|
3093
3080
|
]
|
|
3094
3081
|
}
|
|
3095
|
-
),
|
|
3082
|
+
), Lu = /* @__PURE__ */ I(bs), gs = "hanui-avatar-qoh3P", fs = "hanui-avatar__image-uAyAX", At = {
|
|
3096
3083
|
avatar: gs,
|
|
3097
3084
|
avatar__image: fs,
|
|
3098
3085
|
"avatar--sm": "hanui-avatar--sm-GGjU4",
|
|
@@ -3113,8 +3100,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3113
3100
|
let n = 5381;
|
|
3114
3101
|
for (let r = 0; r < e.length; r += 1) n = n * 33 ^ e.charCodeAt(r);
|
|
3115
3102
|
return Math.abs(n) % t;
|
|
3116
|
-
}, ws = 6, xs = ({ name: e, imageUrl: t, locale: n, size: r = "md", className: o, testId:
|
|
3117
|
-
const { labels:
|
|
3103
|
+
}, ws = 6, xs = ({ name: e, imageUrl: t, locale: n, size: r = "md", className: o, testId: i }) => {
|
|
3104
|
+
const { labels: s } = j();
|
|
3118
3105
|
return /* @__PURE__ */ a(
|
|
3119
3106
|
"span",
|
|
3120
3107
|
{
|
|
@@ -3127,11 +3114,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3127
3114
|
o
|
|
3128
3115
|
),
|
|
3129
3116
|
"aria-hidden": !0,
|
|
3130
|
-
"data-testid":
|
|
3131
|
-
children: t ? /* @__PURE__ */ a("img", { className: At.avatar__image, src: t, alt: "" }) : vs(e, n ?? (
|
|
3117
|
+
"data-testid": i,
|
|
3118
|
+
children: t ? /* @__PURE__ */ a("img", { className: At.avatar__image, src: t, alt: "" }) : vs(e, n ?? (s == null ? void 0 : s.locale))
|
|
3132
3119
|
}
|
|
3133
3120
|
);
|
|
3134
|
-
},
|
|
3121
|
+
}, Su = /* @__PURE__ */ I(xs), ks = "hanui-badge-uLAaI", Ns = "hanui-badge__icon-R2goZ", Mt = {
|
|
3135
3122
|
badge: ks,
|
|
3136
3123
|
badge__icon: Ns,
|
|
3137
3124
|
"badge--neutral": "hanui-badge--neutral-6kddt",
|
|
@@ -3153,47 +3140,49 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3153
3140
|
variant: n = "soft",
|
|
3154
3141
|
icon: r,
|
|
3155
3142
|
className: o,
|
|
3156
|
-
testId:
|
|
3143
|
+
testId: i
|
|
3157
3144
|
}) => /* @__PURE__ */ g(
|
|
3158
3145
|
"span",
|
|
3159
3146
|
{
|
|
3160
3147
|
className: v(Mt.badge, Mt[`badge--${t}`], Mt[`badge--${n}`], o),
|
|
3161
|
-
"data-testid":
|
|
3148
|
+
"data-testid": i,
|
|
3162
3149
|
children: [
|
|
3163
3150
|
r && /* @__PURE__ */ a("span", { className: Mt.badge__icon, children: r }),
|
|
3164
3151
|
e
|
|
3165
3152
|
]
|
|
3166
3153
|
}
|
|
3167
|
-
),
|
|
3154
|
+
), Ru = /* @__PURE__ */ I($s), Ds = "hanui-breadcrumb-amB9n", Is = "hanui-breadcrumb__item-Icv1S", Ts = "hanui-breadcrumb__link-eVkPq", Cs = "hanui-breadcrumb__current-8XjhU", Es = "hanui-breadcrumb__separator-vvaUi", xt = {
|
|
3168
3155
|
breadcrumb: Ds,
|
|
3169
3156
|
breadcrumb__item: Is,
|
|
3170
3157
|
breadcrumb__link: Ts,
|
|
3171
3158
|
breadcrumb__current: Cs,
|
|
3172
3159
|
breadcrumb__separator: Es
|
|
3173
3160
|
}, Ls = ({ items: e, label: t, linkProps: n, className: r, testId: o }) => {
|
|
3174
|
-
const { labels:
|
|
3161
|
+
const { labels: i } = j();
|
|
3175
3162
|
return /* @__PURE__ */ a(
|
|
3176
3163
|
"nav",
|
|
3177
3164
|
{
|
|
3178
3165
|
className: r,
|
|
3179
|
-
"aria-label":
|
|
3166
|
+
"aria-label": z("Breadcrumb.label", t, i == null ? void 0 : i.breadcrumb),
|
|
3180
3167
|
"data-testid": o,
|
|
3181
|
-
children: /* @__PURE__ */ a("ol", { className: v(xt.breadcrumb), children: e.map((
|
|
3182
|
-
const h =
|
|
3168
|
+
children: /* @__PURE__ */ a("ol", { className: v(xt.breadcrumb), children: e.map((s, l) => {
|
|
3169
|
+
const h = l === e.length - 1;
|
|
3183
3170
|
return /* @__PURE__ */ g("li", { className: xt.breadcrumb__item, children: [
|
|
3184
|
-
|
|
3171
|
+
s.href && !h ? /* @__PURE__ */ a(ke, { href: s.href, className: xt.breadcrumb__link, ...n, children: s.label }) : /* @__PURE__ */ a("span", { className: xt.breadcrumb__current, "aria-current": "page", children: s.label }),
|
|
3185
3172
|
!h && /* @__PURE__ */ a(Kt, { "aria-hidden": !0, className: xt.breadcrumb__separator })
|
|
3186
|
-
] }, `${
|
|
3173
|
+
] }, `${s.label}-${l}`);
|
|
3187
3174
|
}) })
|
|
3188
3175
|
}
|
|
3189
3176
|
);
|
|
3190
|
-
},
|
|
3177
|
+
}, Au = /* @__PURE__ */ I(Ls), Ss = "hanui-card-CaHUG", Rs = "hanui-media__frame-eBv-s", As = "hanui-media-eggk5", Ms = "hanui-media__link-ujyVV", Bs = "hanui-overlay-AVMTX", Fs = "hanui-body-DyI-6", Ps = "hanui-footer-2WNCZ", we = {
|
|
3191
3178
|
card: Ss,
|
|
3192
3179
|
"card--interactive": "hanui-card--interactive-C1pXZ",
|
|
3193
3180
|
media__frame: Rs,
|
|
3194
3181
|
media: As,
|
|
3195
3182
|
media__link: Ms,
|
|
3196
|
-
"media__frame--
|
|
3183
|
+
"media__frame--cover": "hanui-media__frame--cover-ddl29",
|
|
3184
|
+
"media__frame--contain": "hanui-media__frame--contain-5gosS",
|
|
3185
|
+
"media__frame--inset": "hanui-media__frame--inset-oVQIn",
|
|
3197
3186
|
overlay: Bs,
|
|
3198
3187
|
"overlay--top-left": "hanui-overlay--top-left-td1xA",
|
|
3199
3188
|
"overlay--top-right": "hanui-overlay--top-right-GqD9H",
|
|
@@ -3208,12 +3197,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3208
3197
|
"data-testid": o,
|
|
3209
3198
|
children: e
|
|
3210
3199
|
}
|
|
3211
|
-
),
|
|
3212
|
-
/* @__PURE__ */ I(({ children: e, ratio: t = 1, href: n, linkProps: r,
|
|
3213
|
-
const
|
|
3200
|
+
), Hs = (e, t) => e ?? (t === !1 ? "cover" : "contain"), Mu = /* @__PURE__ */ F(
|
|
3201
|
+
/* @__PURE__ */ I(({ children: e, ratio: t = 1, href: n, linkProps: r, fit: o, isContained: i, className: s }) => {
|
|
3202
|
+
const l = /* @__PURE__ */ a(
|
|
3214
3203
|
"span",
|
|
3215
3204
|
{
|
|
3216
|
-
className: v(we.media__frame,
|
|
3205
|
+
className: v(we.media__frame, we[`media__frame--${Hs(o, i)}`]),
|
|
3217
3206
|
style: { aspectRatio: t },
|
|
3218
3207
|
children: e
|
|
3219
3208
|
}
|
|
@@ -3231,44 +3220,44 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3231
3220
|
tabIndex: -1,
|
|
3232
3221
|
"aria-hidden": !0,
|
|
3233
3222
|
...r,
|
|
3234
|
-
children:
|
|
3223
|
+
children: l
|
|
3235
3224
|
}
|
|
3236
3225
|
)
|
|
3237
|
-
) :
|
|
3226
|
+
) : l });
|
|
3238
3227
|
}),
|
|
3239
3228
|
"CardMedia"
|
|
3240
|
-
),
|
|
3229
|
+
), Bu = /* @__PURE__ */ F(
|
|
3241
3230
|
/* @__PURE__ */ I(({ children: e, position: t = "top-left", className: n }) => /* @__PURE__ */ a("div", { className: v(we.overlay, we[`overlay--${t}`], n), children: e })),
|
|
3242
3231
|
"CardOverlay"
|
|
3243
|
-
),
|
|
3232
|
+
), Fu = /* @__PURE__ */ F(
|
|
3244
3233
|
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: v(we.body, t), children: e })),
|
|
3245
3234
|
"CardBody"
|
|
3246
|
-
),
|
|
3235
|
+
), Pu = /* @__PURE__ */ F(
|
|
3247
3236
|
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: v(we.footer, t), children: e })),
|
|
3248
3237
|
"CardFooter"
|
|
3249
|
-
),
|
|
3238
|
+
), Ou = /* @__PURE__ */ I(Os), zs = "hanui-carousel-GJXkW", Ks = "hanui-carousel__controls-hm5ij", Us = "hanui-carousel__arrowIcon-adFey", qs = "hanui-carousel__track-mAux5", js = "hanui-carousel__dots-iU8RJ", Ys = "hanui-carousel__dot-JTLCB", Pe = {
|
|
3250
3239
|
carousel: zs,
|
|
3251
|
-
carousel__controls:
|
|
3252
|
-
carousel__arrowIcon:
|
|
3253
|
-
carousel__track:
|
|
3254
|
-
carousel__dots:
|
|
3255
|
-
carousel__dot:
|
|
3240
|
+
carousel__controls: Ks,
|
|
3241
|
+
carousel__arrowIcon: Us,
|
|
3242
|
+
carousel__track: qs,
|
|
3243
|
+
carousel__dots: js,
|
|
3244
|
+
carousel__dot: Ys,
|
|
3256
3245
|
"carousel__dot--active": "hanui-carousel__dot--active-riNMm"
|
|
3257
|
-
},
|
|
3246
|
+
}, Gs = ({
|
|
3258
3247
|
children: e,
|
|
3259
3248
|
label: t,
|
|
3260
3249
|
previousLabel: n,
|
|
3261
3250
|
nextLabel: r,
|
|
3262
3251
|
formatDotLabel: o,
|
|
3263
|
-
itemMinWidth:
|
|
3264
|
-
className:
|
|
3265
|
-
testId:
|
|
3252
|
+
itemMinWidth: i = 240,
|
|
3253
|
+
className: s,
|
|
3254
|
+
testId: l
|
|
3266
3255
|
}) => {
|
|
3267
|
-
const h = R(null), [
|
|
3256
|
+
const h = R(null), [_, c] = P(!1), [u, d] = P(!1), [m, w] = P(0), [b, p] = P(1), [y, D] = P(!1), N = H(() => {
|
|
3268
3257
|
const $ = h.current;
|
|
3269
3258
|
if (!$) return;
|
|
3270
3259
|
const { scrollLeft: k, scrollWidth: L, clientWidth: C } = $;
|
|
3271
|
-
c(k > 1),
|
|
3260
|
+
c(k > 1), d(k + C < L - 1), w(C > 0 ? Math.round(k / C) : 0), p(C > 0 ? Math.max(1, Math.ceil(L / C)) : 1), D(
|
|
3272
3261
|
L > C && $.querySelector("a, button, input, select, textarea, [tabindex]") === null
|
|
3273
3262
|
);
|
|
3274
3263
|
}, []);
|
|
@@ -3288,7 +3277,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3288
3277
|
behavior: "smooth"
|
|
3289
3278
|
});
|
|
3290
3279
|
};
|
|
3291
|
-
return /* @__PURE__ */ g("section", { className: v(Pe.carousel,
|
|
3280
|
+
return /* @__PURE__ */ g("section", { className: v(Pe.carousel, s), "aria-label": t, "data-testid": l, children: [
|
|
3292
3281
|
/* @__PURE__ */ g("div", { className: Pe.carousel__controls, children: [
|
|
3293
3282
|
/* @__PURE__ */ a(
|
|
3294
3283
|
Re,
|
|
@@ -3297,7 +3286,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3297
3286
|
label: n,
|
|
3298
3287
|
variant: "outline",
|
|
3299
3288
|
size: "sm",
|
|
3300
|
-
disabled: !
|
|
3289
|
+
disabled: !_,
|
|
3301
3290
|
onClick: () => f(-1)
|
|
3302
3291
|
}
|
|
3303
3292
|
),
|
|
@@ -3308,7 +3297,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3308
3297
|
label: r,
|
|
3309
3298
|
variant: "outline",
|
|
3310
3299
|
size: "sm",
|
|
3311
|
-
disabled: !
|
|
3300
|
+
disabled: !u,
|
|
3312
3301
|
onClick: () => f(1)
|
|
3313
3302
|
}
|
|
3314
3303
|
)
|
|
@@ -3318,7 +3307,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3318
3307
|
{
|
|
3319
3308
|
ref: h,
|
|
3320
3309
|
className: Pe.carousel__track,
|
|
3321
|
-
style: { "--hanui-carousel-item": `${
|
|
3310
|
+
style: { "--hanui-carousel-item": `${i}px` },
|
|
3322
3311
|
tabIndex: y ? 0 : void 0,
|
|
3323
3312
|
role: y ? "group" : void 0,
|
|
3324
3313
|
"aria-label": y ? t : void 0,
|
|
@@ -3346,79 +3335,79 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3346
3335
|
k
|
|
3347
3336
|
)) })
|
|
3348
3337
|
] });
|
|
3349
|
-
},
|
|
3350
|
-
copy:
|
|
3338
|
+
}, Hu = /* @__PURE__ */ I(/* @__PURE__ */ F(Gs, "Carousel")), Xs = "hanui-copy-Yht5s", Ws = "hanui-copy__code-CYlCA", Qs = "hanui-copy__button-GDdH6", Js = "hanui-copy__srOnly-WMTNN", ct = {
|
|
3339
|
+
copy: Xs,
|
|
3351
3340
|
"copy--sm": "hanui-copy--sm-Tjqws",
|
|
3352
|
-
copy__code:
|
|
3341
|
+
copy__code: Ws,
|
|
3353
3342
|
"copy--md": "hanui-copy--md-00rhU",
|
|
3354
|
-
copy__button:
|
|
3343
|
+
copy__button: Qs,
|
|
3355
3344
|
"copy__button--done": "hanui-copy__button--done-MujUR",
|
|
3356
|
-
copy__srOnly:
|
|
3357
|
-
},
|
|
3345
|
+
copy__srOnly: Js
|
|
3346
|
+
}, Zs = 1600, Vs = ({
|
|
3358
3347
|
value: e,
|
|
3359
3348
|
copyLabel: t,
|
|
3360
3349
|
copiedLabel: n,
|
|
3361
3350
|
copiedAnnouncement: r,
|
|
3362
3351
|
size: o = "sm",
|
|
3363
|
-
isReadOnly:
|
|
3364
|
-
className:
|
|
3365
|
-
testId:
|
|
3352
|
+
isReadOnly: i,
|
|
3353
|
+
className: s,
|
|
3354
|
+
testId: l
|
|
3366
3355
|
}) => {
|
|
3367
3356
|
var b, p, y;
|
|
3368
|
-
const { labels: h } = j(), [
|
|
3369
|
-
S(() => () => window.clearTimeout(
|
|
3370
|
-
const m =
|
|
3371
|
-
const D =
|
|
3357
|
+
const { labels: h } = j(), [_, c] = P(!1), u = R(null), d = R(void 0);
|
|
3358
|
+
S(() => () => window.clearTimeout(d.current), []);
|
|
3359
|
+
const m = H(() => {
|
|
3360
|
+
const D = u.current;
|
|
3372
3361
|
if (!D) return;
|
|
3373
3362
|
const N = document.createRange();
|
|
3374
3363
|
N.selectNodeContents(D);
|
|
3375
3364
|
const f = window.getSelection();
|
|
3376
3365
|
f == null || f.removeAllRanges(), f == null || f.addRange(N);
|
|
3377
|
-
}, []), w =
|
|
3366
|
+
}, []), w = H(async () => {
|
|
3378
3367
|
try {
|
|
3379
|
-
await navigator.clipboard.writeText(e), c(!0),
|
|
3368
|
+
await navigator.clipboard.writeText(e), c(!0), d.current = window.setTimeout(() => c(!1), Zs);
|
|
3380
3369
|
} catch {
|
|
3381
3370
|
m();
|
|
3382
3371
|
}
|
|
3383
3372
|
}, [e, m]);
|
|
3384
|
-
return /* @__PURE__ */ g("span", { className: v(ct.copy, ct[`copy--${o}`],
|
|
3385
|
-
/* @__PURE__ */ a("span", { className: ct.copy__code, ref:
|
|
3386
|
-
!
|
|
3373
|
+
return /* @__PURE__ */ g("span", { className: v(ct.copy, ct[`copy--${o}`], s), "data-testid": l, children: [
|
|
3374
|
+
/* @__PURE__ */ a("span", { className: ct.copy__code, ref: u, children: e }),
|
|
3375
|
+
!i && /* @__PURE__ */ a(
|
|
3387
3376
|
"button",
|
|
3388
3377
|
{
|
|
3389
3378
|
type: "button",
|
|
3390
|
-
className: v(ct.copy__button,
|
|
3379
|
+
className: v(ct.copy__button, _ && ct["copy__button--done"]),
|
|
3391
3380
|
onClick: w,
|
|
3392
|
-
"aria-label":
|
|
3393
|
-
children:
|
|
3381
|
+
"aria-label": _ ? n ?? Ht("CopyField.copiedLabel", (b = h == null ? void 0 : h.copyField) == null ? void 0 : b.copied, e) : t ?? Ht("CopyField.copyLabel", (p = h == null ? void 0 : h.copyField) == null ? void 0 : p.copy, e),
|
|
3382
|
+
children: _ ? /* @__PURE__ */ a(pn, { "aria-hidden": !0 }) : /* @__PURE__ */ a(mn, { "aria-hidden": !0 })
|
|
3394
3383
|
}
|
|
3395
3384
|
),
|
|
3396
|
-
/* @__PURE__ */ a("span", { "aria-live": "polite", className: ct.copy__srOnly, children:
|
|
3385
|
+
/* @__PURE__ */ a("span", { "aria-live": "polite", className: ct.copy__srOnly, children: _ ? z(
|
|
3397
3386
|
"CopyField.copiedAnnouncement",
|
|
3398
3387
|
r,
|
|
3399
3388
|
(y = h == null ? void 0 : h.copyField) == null ? void 0 : y.announcement
|
|
3400
3389
|
) : "" })
|
|
3401
3390
|
] });
|
|
3402
|
-
}, zu = /* @__PURE__ */ I(
|
|
3403
|
-
divider:
|
|
3391
|
+
}, zu = /* @__PURE__ */ I(Vs), ec = "hanui-divider-RJqCw", tc = "hanui-divider__label-M8sBA", Bt = {
|
|
3392
|
+
divider: ec,
|
|
3404
3393
|
"divider--labelled": "hanui-divider--labelled-jZH1-",
|
|
3405
|
-
divider__label:
|
|
3406
|
-
},
|
|
3407
|
-
directory:
|
|
3408
|
-
group:
|
|
3409
|
-
group__header:
|
|
3410
|
-
group__label:
|
|
3411
|
-
group__link:
|
|
3412
|
-
group__meta:
|
|
3413
|
-
group__list:
|
|
3414
|
-
row:
|
|
3415
|
-
row__name:
|
|
3416
|
-
row__media:
|
|
3417
|
-
row__marker:
|
|
3418
|
-
jump:
|
|
3419
|
-
jump__link:
|
|
3420
|
-
},
|
|
3421
|
-
/* @__PURE__ */ I(({ label: e, href: t, linkProps: n, meta: r, children: o, id:
|
|
3394
|
+
divider__label: tc
|
|
3395
|
+
}, ac = ({ label: e, className: t }) => e ? /* @__PURE__ */ a("div", { className: v(Bt.divider, Bt["divider--labelled"], t), children: /* @__PURE__ */ a("span", { className: Bt.divider__label, children: e }) }) : /* @__PURE__ */ a("hr", { className: v(Bt.divider, t) }), Ku = /* @__PURE__ */ I(ac), nc = "hanui-directory-badEd", rc = "hanui-group-i6An9", oc = "hanui-group__header-rc19c", ic = "hanui-group__label-vQTcs", sc = "hanui-group__link-es5V7", cc = "hanui-group__meta-LtC-u", lc = "hanui-group__list-YxBCG", dc = "hanui-row-3LH7X", _c = "hanui-row__name-75Wbq", uc = "hanui-row__media-AxZEh", hc = "hanui-row__marker-RYHb-", pc = "hanui-jump-vpGwB", mc = "hanui-jump__link-rRnT6", ce = {
|
|
3396
|
+
directory: nc,
|
|
3397
|
+
group: rc,
|
|
3398
|
+
group__header: oc,
|
|
3399
|
+
group__label: ic,
|
|
3400
|
+
group__link: sc,
|
|
3401
|
+
group__meta: cc,
|
|
3402
|
+
group__list: lc,
|
|
3403
|
+
row: dc,
|
|
3404
|
+
row__name: _c,
|
|
3405
|
+
row__media: uc,
|
|
3406
|
+
row__marker: hc,
|
|
3407
|
+
jump: pc,
|
|
3408
|
+
jump__link: mc
|
|
3409
|
+
}, bc = ({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: v(ce.directory, t), children: e }), Uu = /* @__PURE__ */ F(
|
|
3410
|
+
/* @__PURE__ */ I(({ label: e, href: t, linkProps: n, meta: r, children: o, id: i }) => /* @__PURE__ */ g("section", { className: ce.group, id: i, children: [
|
|
3422
3411
|
/* @__PURE__ */ g("header", { className: ce.group__header, children: [
|
|
3423
3412
|
/* @__PURE__ */ a("h2", { className: ce.group__label, children: t ? /* @__PURE__ */ a(ke, { href: t, className: ce.group__link, ...n, children: e }) : e }),
|
|
3424
3413
|
r && /* @__PURE__ */ a("span", { className: ce.group__meta, children: r })
|
|
@@ -3426,49 +3415,49 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3426
3415
|
/* @__PURE__ */ a("ul", { className: ce.group__list, children: o })
|
|
3427
3416
|
] })),
|
|
3428
3417
|
"DirectoryGroup"
|
|
3429
|
-
),
|
|
3430
|
-
/* @__PURE__ */ I(({ href: e, name: t, media: n, marker: r, linkProps: o, className:
|
|
3418
|
+
), qu = /* @__PURE__ */ F(
|
|
3419
|
+
/* @__PURE__ */ I(({ href: e, name: t, media: n, marker: r, linkProps: o, className: i }) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ g(ke, { href: e, className: v(ce.row, i), ...o, children: [
|
|
3431
3420
|
n && /* @__PURE__ */ a("span", { className: ce.row__media, children: n }),
|
|
3432
3421
|
/* @__PURE__ */ a("span", { className: ce.row__name, children: t }),
|
|
3433
3422
|
r && /* @__PURE__ */ a("span", { className: ce.row__marker, children: r })
|
|
3434
3423
|
] }) })),
|
|
3435
3424
|
"DirectoryRow"
|
|
3436
|
-
),
|
|
3425
|
+
), ju = /* @__PURE__ */ F(
|
|
3437
3426
|
/* @__PURE__ */ I(({ labels: e, toId: t, label: n }) => {
|
|
3438
3427
|
const { labels: r } = j();
|
|
3439
3428
|
return /* @__PURE__ */ a(
|
|
3440
3429
|
"nav",
|
|
3441
3430
|
{
|
|
3442
3431
|
className: ce.jump,
|
|
3443
|
-
"aria-label":
|
|
3432
|
+
"aria-label": z("DirectoryJump.label", n, r == null ? void 0 : r.directoryJump),
|
|
3444
3433
|
children: e.map((o) => /* @__PURE__ */ a("a", { href: `#${t(o)}`, className: ce.jump__link, children: o }, o))
|
|
3445
3434
|
}
|
|
3446
3435
|
);
|
|
3447
3436
|
}),
|
|
3448
3437
|
"DirectoryJump"
|
|
3449
|
-
),
|
|
3450
|
-
empty:
|
|
3451
|
-
empty__icon:
|
|
3452
|
-
empty__title:
|
|
3453
|
-
empty__description:
|
|
3454
|
-
empty__actions:
|
|
3438
|
+
), Yu = /* @__PURE__ */ I(bc), gc = "hanui-empty-47qZR", fc = "hanui-empty__icon-okfEc", vc = "hanui-empty__title-Z7Dzd", yc = "hanui-empty__description-6BoCk", wc = "hanui-empty__actions-ARk-k", Xe = {
|
|
3439
|
+
empty: gc,
|
|
3440
|
+
empty__icon: fc,
|
|
3441
|
+
empty__title: vc,
|
|
3442
|
+
empty__description: yc,
|
|
3443
|
+
empty__actions: wc,
|
|
3455
3444
|
"empty--sm": "hanui-empty--sm-QXaXx",
|
|
3456
3445
|
"empty--error": "hanui-empty--error-4BBgp"
|
|
3457
|
-
},
|
|
3446
|
+
}, xc = ({
|
|
3458
3447
|
title: e,
|
|
3459
3448
|
description: t,
|
|
3460
3449
|
icon: n,
|
|
3461
3450
|
action: r,
|
|
3462
3451
|
secondaryAction: o,
|
|
3463
|
-
tone:
|
|
3464
|
-
size:
|
|
3465
|
-
className:
|
|
3452
|
+
tone: i = "empty",
|
|
3453
|
+
size: s = "md",
|
|
3454
|
+
className: l,
|
|
3466
3455
|
testId: h
|
|
3467
3456
|
}) => /* @__PURE__ */ g(
|
|
3468
3457
|
"div",
|
|
3469
3458
|
{
|
|
3470
|
-
className: v(Xe.empty, Xe[`empty--${
|
|
3471
|
-
role:
|
|
3459
|
+
className: v(Xe.empty, Xe[`empty--${s}`], Xe[`empty--${i}`], l),
|
|
3460
|
+
role: i === "error" ? "alert" : void 0,
|
|
3472
3461
|
"data-testid": h,
|
|
3473
3462
|
children: [
|
|
3474
3463
|
n && /* @__PURE__ */ a("span", { className: Xe.empty__icon, children: n }),
|
|
@@ -3480,74 +3469,74 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3480
3469
|
] })
|
|
3481
3470
|
]
|
|
3482
3471
|
}
|
|
3483
|
-
),
|
|
3484
|
-
header:
|
|
3485
|
-
header__top:
|
|
3486
|
-
header__breadcrumb:
|
|
3487
|
-
header__text:
|
|
3488
|
-
header__eyebrow:
|
|
3489
|
-
header__titleRow:
|
|
3490
|
-
header__title:
|
|
3491
|
-
header__meta:
|
|
3492
|
-
header__description:
|
|
3493
|
-
header__actions:
|
|
3494
|
-
},
|
|
3472
|
+
), Gu = /* @__PURE__ */ I(xc), kc = "hanui-header-yJwus", Nc = "hanui-header__top-UK4si", $c = "hanui-header__breadcrumb-A2j0i", Dc = "hanui-header__text-HIo8U", Ic = "hanui-header__eyebrow-dZ9Zc", Tc = "hanui-header__titleRow-KgDZj", Cc = "hanui-header__title-s1giF", Ec = "hanui-header__meta-UxuaD", Lc = "hanui-header__description-NXbbC", Sc = "hanui-header__actions-aShpt", ve = {
|
|
3473
|
+
header: kc,
|
|
3474
|
+
header__top: Nc,
|
|
3475
|
+
header__breadcrumb: $c,
|
|
3476
|
+
header__text: Dc,
|
|
3477
|
+
header__eyebrow: Ic,
|
|
3478
|
+
header__titleRow: Tc,
|
|
3479
|
+
header__title: Cc,
|
|
3480
|
+
header__meta: Ec,
|
|
3481
|
+
header__description: Lc,
|
|
3482
|
+
header__actions: Sc
|
|
3483
|
+
}, Rc = ({
|
|
3495
3484
|
title: e,
|
|
3496
3485
|
eyebrow: t,
|
|
3497
3486
|
description: n,
|
|
3498
3487
|
actions: r,
|
|
3499
3488
|
breadcrumb: o,
|
|
3500
|
-
meta:
|
|
3501
|
-
children:
|
|
3502
|
-
as:
|
|
3489
|
+
meta: i,
|
|
3490
|
+
children: s,
|
|
3491
|
+
as: l = "h1",
|
|
3503
3492
|
className: h,
|
|
3504
|
-
testId:
|
|
3505
|
-
}) => /* @__PURE__ */ g("header", { className: v(ve.header, h), "data-testid":
|
|
3493
|
+
testId: _
|
|
3494
|
+
}) => /* @__PURE__ */ g("header", { className: v(ve.header, h), "data-testid": _, children: [
|
|
3506
3495
|
o && /* @__PURE__ */ a("div", { className: ve.header__breadcrumb, children: o }),
|
|
3507
3496
|
/* @__PURE__ */ g("div", { className: ve.header__top, children: [
|
|
3508
3497
|
/* @__PURE__ */ g("div", { className: ve.header__text, children: [
|
|
3509
3498
|
t && /* @__PURE__ */ a("span", { className: ve.header__eyebrow, children: t }),
|
|
3510
3499
|
/* @__PURE__ */ g("div", { className: ve.header__titleRow, children: [
|
|
3511
|
-
/* @__PURE__ */ a(
|
|
3512
|
-
|
|
3500
|
+
/* @__PURE__ */ a(l, { className: ve.header__title, children: e }),
|
|
3501
|
+
i && /* @__PURE__ */ a("span", { className: ve.header__meta, children: i })
|
|
3513
3502
|
] }),
|
|
3514
3503
|
n && /* @__PURE__ */ a("p", { className: ve.header__description, children: n })
|
|
3515
3504
|
] }),
|
|
3516
3505
|
r && /* @__PURE__ */ a("div", { className: ve.header__actions, children: r })
|
|
3517
3506
|
] }),
|
|
3518
|
-
|
|
3519
|
-
] }),
|
|
3520
|
-
panel:
|
|
3521
|
-
panel__header:
|
|
3522
|
-
panel__heading:
|
|
3523
|
-
panel__icon:
|
|
3524
|
-
panel__headingText:
|
|
3525
|
-
panel__title:
|
|
3526
|
-
panel__description:
|
|
3507
|
+
s
|
|
3508
|
+
] }), Xu = /* @__PURE__ */ I(Rc), Ac = "hanui-panel-Sv-1m", Mc = "hanui-panel__header-ysexh", Bc = "hanui-panel__heading-xLCsB", Fc = "hanui-panel__icon--yPQT", Pc = "hanui-panel__headingText--XqxW", Oc = "hanui-panel__title-6-6uC", Hc = "hanui-panel__description-qXTSM", zc = "hanui-panel__actions-Ra-zy", Kc = "hanui-panel__body-lo5aX", Uc = "hanui-panel__footer-qLpR1", qc = "hanui-panel__footerInner-r6VQI", jc = "hanui-form-o9UqJ", Yc = "hanui-row-vUGpa", V = {
|
|
3509
|
+
panel: Ac,
|
|
3510
|
+
panel__header: Mc,
|
|
3511
|
+
panel__heading: Bc,
|
|
3512
|
+
panel__icon: Fc,
|
|
3513
|
+
panel__headingText: Pc,
|
|
3514
|
+
panel__title: Oc,
|
|
3515
|
+
panel__description: Hc,
|
|
3527
3516
|
panel__actions: zc,
|
|
3528
|
-
panel__body:
|
|
3517
|
+
panel__body: Kc,
|
|
3529
3518
|
"panel__body--sm": "hanui-panel__body--sm-6XP6W",
|
|
3530
3519
|
"panel__body--lg": "hanui-panel__body--lg-RTK5B",
|
|
3531
3520
|
"panel__body--flush": "hanui-panel__body--flush-iK75R",
|
|
3532
|
-
panel__footer:
|
|
3533
|
-
panel__footerInner:
|
|
3534
|
-
form:
|
|
3521
|
+
panel__footer: Uc,
|
|
3522
|
+
panel__footerInner: qc,
|
|
3523
|
+
form: jc,
|
|
3535
3524
|
"form--2": "hanui-form--2-HdwDc",
|
|
3536
|
-
row:
|
|
3537
|
-
},
|
|
3525
|
+
row: Yc
|
|
3526
|
+
}, Gc = ({
|
|
3538
3527
|
children: e,
|
|
3539
3528
|
title: t,
|
|
3540
3529
|
description: n,
|
|
3541
3530
|
actions: r,
|
|
3542
3531
|
icon: o,
|
|
3543
|
-
isFlush:
|
|
3544
|
-
gap:
|
|
3545
|
-
footer:
|
|
3532
|
+
isFlush: i,
|
|
3533
|
+
gap: s = "md",
|
|
3534
|
+
footer: l,
|
|
3546
3535
|
as: h = "section",
|
|
3547
|
-
className:
|
|
3536
|
+
className: _,
|
|
3548
3537
|
bodyClassName: c,
|
|
3549
|
-
testId:
|
|
3550
|
-
}) => /* @__PURE__ */ g(h, { className: v(V.panel,
|
|
3538
|
+
testId: u
|
|
3539
|
+
}) => /* @__PURE__ */ g(h, { className: v(V.panel, _), "data-testid": u, children: [
|
|
3551
3540
|
(t || r) && /* @__PURE__ */ g("div", { className: V.panel__header, children: [
|
|
3552
3541
|
/* @__PURE__ */ g("div", { className: V.panel__heading, children: [
|
|
3553
3542
|
o && /* @__PURE__ */ a("span", { className: V.panel__icon, children: o }),
|
|
@@ -3563,155 +3552,155 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3563
3552
|
{
|
|
3564
3553
|
className: v(
|
|
3565
3554
|
V.panel__body,
|
|
3566
|
-
V[`panel__body--${
|
|
3567
|
-
|
|
3555
|
+
V[`panel__body--${s}`],
|
|
3556
|
+
i && V["panel__body--flush"],
|
|
3568
3557
|
c
|
|
3569
3558
|
),
|
|
3570
3559
|
children: e
|
|
3571
3560
|
}
|
|
3572
3561
|
),
|
|
3573
|
-
|
|
3574
|
-
] }),
|
|
3562
|
+
l && /* @__PURE__ */ a("div", { className: V.panel__footer, children: /* @__PURE__ */ a("div", { className: V.panel__footerInner, children: l }) })
|
|
3563
|
+
] }), Wu = /* @__PURE__ */ F(
|
|
3575
3564
|
/* @__PURE__ */ I(({ children: e, columns: t = 1, className: n }) => /* @__PURE__ */ a("div", { className: v(V.form, V[`form--${t}`], n), children: e })),
|
|
3576
3565
|
"PanelForm"
|
|
3577
|
-
),
|
|
3566
|
+
), Qu = /* @__PURE__ */ F(
|
|
3578
3567
|
/* @__PURE__ */ I(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: v(V.row, t), children: e })),
|
|
3579
3568
|
"PanelRow"
|
|
3580
|
-
),
|
|
3581
|
-
price:
|
|
3582
|
-
price__current:
|
|
3583
|
-
price__currency:
|
|
3584
|
-
price__list:
|
|
3585
|
-
price__discount:
|
|
3569
|
+
), Ju = /* @__PURE__ */ I(Gc), Xc = "hanui-price-Oc5Nr", Wc = "hanui-price__current-2Xup2", Qc = "hanui-price__currency-32NLN", Jc = "hanui-price__list-MlQgT", Zc = "hanui-price__discount-5Yc6W", We = {
|
|
3570
|
+
price: Xc,
|
|
3571
|
+
price__current: Wc,
|
|
3572
|
+
price__currency: Qc,
|
|
3573
|
+
price__list: Jc,
|
|
3574
|
+
price__discount: Zc,
|
|
3586
3575
|
"price--sm": "hanui-price--sm-Hd8Oe",
|
|
3587
3576
|
"price--md": "hanui-price--md-JMxlK",
|
|
3588
3577
|
"price--lg": "hanui-price--lg-TFqIF",
|
|
3589
3578
|
"price--xl": "hanui-price--xl-EJBYq"
|
|
3590
|
-
},
|
|
3579
|
+
}, Vc = ({
|
|
3591
3580
|
value: e,
|
|
3592
3581
|
currency: t,
|
|
3593
3582
|
listValue: n,
|
|
3594
3583
|
discountPercent: r,
|
|
3595
|
-
formatDiscount: o = (
|
|
3596
|
-
isFormatted:
|
|
3597
|
-
size:
|
|
3598
|
-
className:
|
|
3584
|
+
formatDiscount: o = (_) => `%${_}`,
|
|
3585
|
+
isFormatted: i,
|
|
3586
|
+
size: s = "md",
|
|
3587
|
+
className: l,
|
|
3599
3588
|
testId: h
|
|
3600
3589
|
}) => {
|
|
3601
|
-
const { labels:
|
|
3602
|
-
if (!
|
|
3590
|
+
const { labels: _ } = j(), c = z("Price.currency", t, _ == null ? void 0 : _.currency), u = (d) => {
|
|
3591
|
+
if (!i || !(_ != null && _.locale) || !/\d/.test(d)) return d;
|
|
3603
3592
|
const m = Number(
|
|
3604
|
-
|
|
3593
|
+
d.replace(/[^\d.,-]/g, "").replace(/\.(?=\d{3}\b)/g, "").replace(",", ".")
|
|
3605
3594
|
);
|
|
3606
|
-
if (!Number.isFinite(m)) return
|
|
3595
|
+
if (!Number.isFinite(m)) return d;
|
|
3607
3596
|
try {
|
|
3608
|
-
return new Intl.NumberFormat(
|
|
3597
|
+
return new Intl.NumberFormat(_.locale).format(m);
|
|
3609
3598
|
} catch {
|
|
3610
|
-
return
|
|
3599
|
+
return d;
|
|
3611
3600
|
}
|
|
3612
3601
|
};
|
|
3613
|
-
return /* @__PURE__ */ g("span", { className: v(We.price, We[`price--${
|
|
3602
|
+
return /* @__PURE__ */ g("span", { className: v(We.price, We[`price--${s}`], l), "data-testid": h, children: [
|
|
3614
3603
|
/* @__PURE__ */ g("span", { className: We.price__current, children: [
|
|
3615
|
-
|
|
3604
|
+
u(e),
|
|
3616
3605
|
/* @__PURE__ */ a("span", { className: We.price__currency, children: c })
|
|
3617
3606
|
] }),
|
|
3618
3607
|
n && /* @__PURE__ */ g("s", { className: We.price__list, children: [
|
|
3619
|
-
|
|
3608
|
+
u(n),
|
|
3620
3609
|
/* @__PURE__ */ a("span", { className: We.price__currency, children: c })
|
|
3621
3610
|
] }),
|
|
3622
3611
|
r !== void 0 && r > 0 && /* @__PURE__ */ a("span", { className: We.price__discount, children: o(r) })
|
|
3623
3612
|
] });
|
|
3624
|
-
},
|
|
3625
|
-
rating:
|
|
3626
|
-
rating__stars:
|
|
3627
|
-
rating__empty:
|
|
3628
|
-
rating__count:
|
|
3629
|
-
rating__srOnly:
|
|
3613
|
+
}, Zu = /* @__PURE__ */ I(Vc), el = "hanui-rating-94dke", tl = "hanui-rating__stars-QkpVU", al = "hanui-rating__empty-Wf6-K", nl = "hanui-rating__count-pIoEs", rl = "hanui-rating__srOnly-E9h0d", lt = {
|
|
3614
|
+
rating: el,
|
|
3615
|
+
rating__stars: tl,
|
|
3616
|
+
rating__empty: al,
|
|
3617
|
+
rating__count: nl,
|
|
3618
|
+
rating__srOnly: rl,
|
|
3630
3619
|
"rating--sm": "hanui-rating--sm-AtY7U",
|
|
3631
3620
|
"rating--md": "hanui-rating--md-Q0nxN"
|
|
3632
|
-
},
|
|
3621
|
+
}, ol = ({ value: e, count: t, srLabel: n, size: r = "sm", className: o, testId: i }) => {
|
|
3633
3622
|
var h;
|
|
3634
|
-
const { labels:
|
|
3635
|
-
return /* @__PURE__ */ g("span", { className: v(lt.rating, lt[`rating--${r}`], o), "data-testid":
|
|
3636
|
-
/* @__PURE__ */ a("span", { className: lt.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (
|
|
3637
|
-
const
|
|
3638
|
-
return
|
|
3623
|
+
const { labels: s } = j(), l = Math.round(e * 2) / 2;
|
|
3624
|
+
return /* @__PURE__ */ g("span", { className: v(lt.rating, lt[`rating--${r}`], o), "data-testid": i, children: [
|
|
3625
|
+
/* @__PURE__ */ a("span", { className: lt.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (_, c) => {
|
|
3626
|
+
const u = c + 1;
|
|
3627
|
+
return l >= u ? /* @__PURE__ */ a(ea, {}, c) : l >= u - 0.5 ? /* @__PURE__ */ a(bn, {}, c) : /* @__PURE__ */ a(ea, { className: lt.rating__empty }, c);
|
|
3639
3628
|
}) }),
|
|
3640
|
-
/* @__PURE__ */ a("span", { className: lt.rating__srOnly, children: n ??
|
|
3629
|
+
/* @__PURE__ */ a("span", { className: lt.rating__srOnly, children: n ?? Ht("Rating.srLabel", (h = s == null ? void 0 : s.rating) == null ? void 0 : h.srLabel, e, t) }),
|
|
3641
3630
|
ut(t) && /* @__PURE__ */ g("span", { className: lt.rating__count, "aria-hidden": !0, children: [
|
|
3642
3631
|
"(",
|
|
3643
3632
|
t,
|
|
3644
3633
|
")"
|
|
3645
3634
|
] })
|
|
3646
3635
|
] });
|
|
3647
|
-
},
|
|
3648
|
-
header:
|
|
3649
|
-
header__text:
|
|
3650
|
-
header__overline:
|
|
3651
|
-
header__title:
|
|
3652
|
-
header__description:
|
|
3653
|
-
header__action:
|
|
3636
|
+
}, Vu = /* @__PURE__ */ I(ol), il = "hanui-header-a08Jh", sl = "hanui-header__text-ArJkA", cl = "hanui-header__overline-X5Epo", ll = "hanui-header__title-nQQQJ", dl = "hanui-header__description-08oCr", _l = "hanui-header__action-xsxQF", Qe = {
|
|
3637
|
+
header: il,
|
|
3638
|
+
header__text: sl,
|
|
3639
|
+
header__overline: cl,
|
|
3640
|
+
header__title: ll,
|
|
3641
|
+
header__description: dl,
|
|
3642
|
+
header__action: _l,
|
|
3654
3643
|
"header--sm": "hanui-header--sm-mIJWZ",
|
|
3655
3644
|
"header--lg": "hanui-header--lg-QBLIz"
|
|
3656
|
-
},
|
|
3645
|
+
}, ul = ({
|
|
3657
3646
|
title: e,
|
|
3658
3647
|
description: t,
|
|
3659
3648
|
overline: n,
|
|
3660
3649
|
action: r,
|
|
3661
3650
|
as: o = "h2",
|
|
3662
|
-
size:
|
|
3663
|
-
className:
|
|
3664
|
-
testId:
|
|
3665
|
-
}) => /* @__PURE__ */ g("header", { className: v(Qe.header, Qe[`header--${
|
|
3651
|
+
size: i = "md",
|
|
3652
|
+
className: s,
|
|
3653
|
+
testId: l
|
|
3654
|
+
}) => /* @__PURE__ */ g("header", { className: v(Qe.header, Qe[`header--${i}`], s), "data-testid": l, children: [
|
|
3666
3655
|
/* @__PURE__ */ g("div", { className: Qe.header__text, children: [
|
|
3667
3656
|
n && /* @__PURE__ */ a("span", { className: Qe.header__overline, children: n }),
|
|
3668
3657
|
/* @__PURE__ */ a(o, { className: Qe.header__title, children: e }),
|
|
3669
3658
|
t && /* @__PURE__ */ a("p", { className: Qe.header__description, children: t })
|
|
3670
3659
|
] }),
|
|
3671
3660
|
r && /* @__PURE__ */ a("div", { className: Qe.header__action, children: r })
|
|
3672
|
-
] }),
|
|
3673
|
-
scrollArea:
|
|
3661
|
+
] }), eh = /* @__PURE__ */ I(ul), hl = "hanui-scrollArea-Ly-yT", Vt = {
|
|
3662
|
+
scrollArea: hl,
|
|
3674
3663
|
"scrollArea--vertical": "hanui-scrollArea--vertical-2ujC7",
|
|
3675
3664
|
"scrollArea--horizontal": "hanui-scrollArea--horizontal-e9pu-",
|
|
3676
3665
|
"scrollArea--both": "hanui-scrollArea--both-lv-8W",
|
|
3677
3666
|
"scrollArea--fade": "hanui-scrollArea--fade-01Bbm"
|
|
3678
|
-
},
|
|
3667
|
+
}, pl = ({
|
|
3679
3668
|
children: e,
|
|
3680
3669
|
label: t,
|
|
3681
3670
|
axis: n = "vertical",
|
|
3682
3671
|
maxHeight: r,
|
|
3683
3672
|
hasFade: o,
|
|
3684
|
-
className:
|
|
3685
|
-
testId:
|
|
3673
|
+
className: i,
|
|
3674
|
+
testId: s
|
|
3686
3675
|
}) => {
|
|
3687
|
-
const
|
|
3676
|
+
const l = R(null), [h, _] = P(!1), [c, u] = P({ start: !1, end: !1 });
|
|
3688
3677
|
return S(() => {
|
|
3689
|
-
const
|
|
3690
|
-
if (!
|
|
3678
|
+
const d = l.current;
|
|
3679
|
+
if (!d || typeof ResizeObserver > "u") return;
|
|
3691
3680
|
const m = () => {
|
|
3692
|
-
const b =
|
|
3693
|
-
|
|
3681
|
+
const b = d.scrollHeight > d.clientHeight, p = d.scrollWidth > d.clientWidth;
|
|
3682
|
+
_(
|
|
3694
3683
|
n === "horizontal" ? p : n === "vertical" ? b : b || p
|
|
3695
3684
|
);
|
|
3696
|
-
const y = n === "horizontal", D = y ?
|
|
3697
|
-
|
|
3685
|
+
const y = n === "horizontal", D = y ? d.clientWidth : d.clientHeight, N = y ? d.scrollWidth : d.scrollHeight, f = Math.abs(y ? d.scrollLeft : d.scrollTop);
|
|
3686
|
+
u({ start: f > 1, end: f + D < N - 1 });
|
|
3698
3687
|
};
|
|
3699
3688
|
m();
|
|
3700
3689
|
const w = new ResizeObserver(m);
|
|
3701
|
-
w.observe(
|
|
3702
|
-
for (const b of
|
|
3703
|
-
return
|
|
3704
|
-
w.disconnect(),
|
|
3690
|
+
w.observe(d);
|
|
3691
|
+
for (const b of d.children) w.observe(b);
|
|
3692
|
+
return d.addEventListener("scroll", m, { passive: !0 }), () => {
|
|
3693
|
+
w.disconnect(), d.removeEventListener("scroll", m);
|
|
3705
3694
|
};
|
|
3706
3695
|
}, [n, e]), /* @__PURE__ */ a(
|
|
3707
3696
|
"div",
|
|
3708
3697
|
{
|
|
3709
|
-
ref:
|
|
3698
|
+
ref: l,
|
|
3710
3699
|
className: v(
|
|
3711
3700
|
Vt.scrollArea,
|
|
3712
3701
|
Vt[`scrollArea--${n}`],
|
|
3713
3702
|
o && Vt["scrollArea--fade"],
|
|
3714
|
-
|
|
3703
|
+
i
|
|
3715
3704
|
),
|
|
3716
3705
|
style: r === void 0 ? void 0 : { maxBlockSize: r },
|
|
3717
3706
|
"data-fade-start": o && c.start ? "" : void 0,
|
|
@@ -3719,99 +3708,98 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3719
3708
|
tabIndex: h ? 0 : void 0,
|
|
3720
3709
|
role: h ? "region" : void 0,
|
|
3721
3710
|
"aria-label": h ? t : void 0,
|
|
3722
|
-
"data-testid":
|
|
3711
|
+
"data-testid": s,
|
|
3723
3712
|
children: e
|
|
3724
3713
|
}
|
|
3725
3714
|
);
|
|
3726
|
-
},
|
|
3727
|
-
/* @__PURE__ */ F(
|
|
3728
|
-
),
|
|
3729
|
-
skeleton:
|
|
3730
|
-
"hanui-shimmer": "hanui-hanui-shimmer-6yd48",
|
|
3715
|
+
}, th = /* @__PURE__ */ I(
|
|
3716
|
+
/* @__PURE__ */ F(pl, "ScrollArea")
|
|
3717
|
+
), ml = "hanui-skeleton-n92if", bl = "hanui-group-YMfwa", gl = "hanui-card-XQs-Q", fl = "hanui-card__media-YLJDv", vl = "hanui-card__body-msRvB", yl = "hanui-rows-EZ9Am", wl = "hanui-row-se56N", xl = "hanui-row__text-TD4iS", kl = "hanui-table-L328g", Nl = "hanui-table__row-rSJTK", le = {
|
|
3718
|
+
skeleton: ml,
|
|
3731
3719
|
"skeleton--block": "hanui-skeleton--block-tOZ-a",
|
|
3732
3720
|
"skeleton--text": "hanui-skeleton--text-k-ROi",
|
|
3733
3721
|
"skeleton--circle": "hanui-skeleton--circle-x-mX3",
|
|
3734
|
-
group:
|
|
3735
|
-
card:
|
|
3736
|
-
card__media:
|
|
3737
|
-
card__body:
|
|
3738
|
-
rows:
|
|
3739
|
-
row:
|
|
3740
|
-
row__text:
|
|
3741
|
-
table:
|
|
3742
|
-
table__row:
|
|
3743
|
-
},
|
|
3744
|
-
const
|
|
3722
|
+
group: bl,
|
|
3723
|
+
card: gl,
|
|
3724
|
+
card__media: fl,
|
|
3725
|
+
card__body: vl,
|
|
3726
|
+
rows: yl,
|
|
3727
|
+
row: wl,
|
|
3728
|
+
row__text: xl,
|
|
3729
|
+
table: kl,
|
|
3730
|
+
table__row: Nl
|
|
3731
|
+
}, He = ({ width: e, height: t, variant: n = "block", lines: r = 1, className: o }) => {
|
|
3732
|
+
const i = {
|
|
3745
3733
|
width: ma(e) ? `${e}px` : e,
|
|
3746
3734
|
height: ma(t) ? `${t}px` : t
|
|
3747
3735
|
};
|
|
3748
|
-
return n === "text" && r > 1 ? /* @__PURE__ */ a("span", { className: v(le.group, o), "aria-hidden": !0, children: Array.from({ length: r }, (
|
|
3736
|
+
return n === "text" && r > 1 ? /* @__PURE__ */ a("span", { className: v(le.group, o), "aria-hidden": !0, children: Array.from({ length: r }, (s, l) => /* @__PURE__ */ a(
|
|
3749
3737
|
"span",
|
|
3750
3738
|
{
|
|
3751
3739
|
className: v(le.skeleton, le["skeleton--text"]),
|
|
3752
|
-
style:
|
|
3740
|
+
style: l === r - 1 ? { width: "60%" } : void 0
|
|
3753
3741
|
},
|
|
3754
|
-
|
|
3742
|
+
l
|
|
3755
3743
|
)) }) : /* @__PURE__ */ a(
|
|
3756
3744
|
"span",
|
|
3757
3745
|
{
|
|
3758
3746
|
className: v(le.skeleton, le[`skeleton--${n}`], o),
|
|
3759
|
-
style:
|
|
3747
|
+
style: i,
|
|
3760
3748
|
"aria-hidden": !0
|
|
3761
3749
|
}
|
|
3762
3750
|
);
|
|
3763
|
-
},
|
|
3764
|
-
/* @__PURE__ */ a(
|
|
3751
|
+
}, ah = /* @__PURE__ */ I(He), $l = ({ count: e = 1, className: t }) => /* @__PURE__ */ a(fe, { children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ g("div", { className: v(le.card, t), "aria-hidden": !0, children: [
|
|
3752
|
+
/* @__PURE__ */ a(He, { className: le.card__media }),
|
|
3765
3753
|
/* @__PURE__ */ g("div", { className: le.card__body, children: [
|
|
3766
|
-
/* @__PURE__ */ a(
|
|
3767
|
-
/* @__PURE__ */ a(
|
|
3754
|
+
/* @__PURE__ */ a(He, { variant: "text", width: "70%" }),
|
|
3755
|
+
/* @__PURE__ */ a(He, { variant: "text", width: "40%" })
|
|
3768
3756
|
] })
|
|
3769
|
-
] }, r)) }),
|
|
3770
|
-
/* @__PURE__ */ a(
|
|
3757
|
+
] }, r)) }), Dl = ({ count: e = 3, className: t }) => /* @__PURE__ */ a("div", { className: v(le.rows, t), "aria-hidden": !0, children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ g("div", { className: le.row, children: [
|
|
3758
|
+
/* @__PURE__ */ a(He, { variant: "circle", width: 36, height: 36 }),
|
|
3771
3759
|
/* @__PURE__ */ g("div", { className: le.row__text, children: [
|
|
3772
|
-
/* @__PURE__ */ a(
|
|
3773
|
-
/* @__PURE__ */ a(
|
|
3760
|
+
/* @__PURE__ */ a(He, { variant: "text", width: "45%" }),
|
|
3761
|
+
/* @__PURE__ */ a(He, { variant: "text", width: "25%" })
|
|
3774
3762
|
] })
|
|
3775
|
-
] }, r)) }),
|
|
3763
|
+
] }, r)) }), Il = ({
|
|
3776
3764
|
count: e = 5,
|
|
3777
3765
|
columns: t = 4,
|
|
3778
3766
|
className: n
|
|
3779
|
-
}) => /* @__PURE__ */ a("div", { className: v(le.table, n), "aria-hidden": !0, children: Array.from({ length: e }, (r, o) => /* @__PURE__ */ a("div", { className: le.table__row, children: Array.from({ length: t }, (
|
|
3780
|
-
stat:
|
|
3767
|
+
}) => /* @__PURE__ */ a("div", { className: v(le.table, n), "aria-hidden": !0, children: Array.from({ length: e }, (r, o) => /* @__PURE__ */ a("div", { className: le.table__row, children: Array.from({ length: t }, (i, s) => /* @__PURE__ */ a(He, { variant: "text" }, s)) }, o)) }), nh = /* @__PURE__ */ F(/* @__PURE__ */ I($l), "SkeletonCard"), rh = /* @__PURE__ */ F(/* @__PURE__ */ I(Dl), "SkeletonRows"), oh = /* @__PURE__ */ F(/* @__PURE__ */ I(Il), "SkeletonTable"), Tl = "hanui-stat-Xb7wp", Cl = "hanui-stat__icon-MB8NU", El = "hanui-stat__label-kUX2m", Ll = "hanui-stat__value--6p13", Sl = "hanui-stat__unit-mjHVk", Rl = "hanui-stat__delta-YKpOu", Al = "hanui-stat__description-Yvw6J", Ml = "hanui-stat__srOnly-YKebA", _e = {
|
|
3768
|
+
stat: Tl,
|
|
3781
3769
|
"stat--sm": "hanui-stat--sm-XnK8p",
|
|
3782
3770
|
"stat--plain": "hanui-stat--plain-N-3RC",
|
|
3783
|
-
stat__icon:
|
|
3784
|
-
stat__label:
|
|
3785
|
-
stat__value:
|
|
3786
|
-
stat__unit:
|
|
3787
|
-
stat__delta:
|
|
3771
|
+
stat__icon: Cl,
|
|
3772
|
+
stat__label: El,
|
|
3773
|
+
stat__value: Ll,
|
|
3774
|
+
stat__unit: Sl,
|
|
3775
|
+
stat__delta: Rl,
|
|
3788
3776
|
"stat__delta--positive": "hanui-stat__delta--positive-1AUAM",
|
|
3789
3777
|
"stat__delta--negative": "hanui-stat__delta--negative--WWEP",
|
|
3790
|
-
stat__description:
|
|
3791
|
-
stat__srOnly:
|
|
3792
|
-
},
|
|
3778
|
+
stat__description: Al,
|
|
3779
|
+
stat__srOnly: Ml
|
|
3780
|
+
}, Bl = {
|
|
3793
3781
|
up: /* @__PURE__ */ a(fn, { "aria-hidden": !0 }),
|
|
3794
3782
|
down: /* @__PURE__ */ a(gn, { "aria-hidden": !0 }),
|
|
3795
3783
|
flat: /* @__PURE__ */ a(Ma, { "aria-hidden": !0 })
|
|
3796
|
-
},
|
|
3784
|
+
}, Fl = {
|
|
3797
3785
|
up: "artış",
|
|
3798
3786
|
down: "azalış",
|
|
3799
3787
|
flat: "değişim yok"
|
|
3800
|
-
},
|
|
3788
|
+
}, Pl = ({
|
|
3801
3789
|
label: e,
|
|
3802
3790
|
value: t,
|
|
3803
3791
|
unit: n,
|
|
3804
3792
|
delta: r,
|
|
3805
3793
|
trend: o,
|
|
3806
|
-
isUpPositive:
|
|
3807
|
-
description:
|
|
3808
|
-
icon:
|
|
3794
|
+
isUpPositive: i = !0,
|
|
3795
|
+
description: s,
|
|
3796
|
+
icon: l,
|
|
3809
3797
|
variant: h = "card",
|
|
3810
|
-
size:
|
|
3798
|
+
size: _ = "md",
|
|
3811
3799
|
className: c,
|
|
3812
|
-
testId:
|
|
3800
|
+
testId: u
|
|
3813
3801
|
}) => {
|
|
3814
|
-
const
|
|
3802
|
+
const d = o === "flat" ? void 0 : o === "up" === i;
|
|
3815
3803
|
return (
|
|
3816
3804
|
/*
|
|
3817
3805
|
`card` icin ayri bir sinif YOK: taban sinifin kendisi kart. Arama
|
|
@@ -3821,10 +3809,10 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3821
3809
|
/* @__PURE__ */ g(
|
|
3822
3810
|
"div",
|
|
3823
3811
|
{
|
|
3824
|
-
className: v(_e.stat, _e[`stat--${
|
|
3825
|
-
"data-testid":
|
|
3812
|
+
className: v(_e.stat, _e[`stat--${_}`], _e[`stat--${h}`], c),
|
|
3813
|
+
"data-testid": u,
|
|
3826
3814
|
children: [
|
|
3827
|
-
|
|
3815
|
+
l && /* @__PURE__ */ a("span", { className: _e.stat__icon, "aria-hidden": !0, children: l }),
|
|
3828
3816
|
/* @__PURE__ */ a("span", { className: _e.stat__label, children: e }),
|
|
3829
3817
|
/* @__PURE__ */ g("span", { className: _e.stat__value, children: [
|
|
3830
3818
|
t,
|
|
@@ -3835,41 +3823,40 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
|
|
|
3835
3823
|
{
|
|
3836
3824
|
className: v(
|
|
3837
3825
|
_e.stat__delta,
|
|
3838
|
-
|
|
3839
|
-
|
|
3826
|
+
d === !0 && _e["stat__delta--positive"],
|
|
3827
|
+
d === !1 && _e["stat__delta--negative"]
|
|
3840
3828
|
),
|
|
3841
3829
|
children: [
|
|
3842
|
-
|
|
3830
|
+
Bl[o],
|
|
3843
3831
|
r,
|
|
3844
|
-
/* @__PURE__ */ a("span", { className: _e.stat__srOnly, children:
|
|
3832
|
+
/* @__PURE__ */ a("span", { className: _e.stat__srOnly, children: Fl[o] })
|
|
3845
3833
|
]
|
|
3846
3834
|
}
|
|
3847
3835
|
),
|
|
3848
|
-
|
|
3836
|
+
s && /* @__PURE__ */ a("span", { className: _e.stat__description, children: s })
|
|
3849
3837
|
]
|
|
3850
3838
|
}
|
|
3851
3839
|
)
|
|
3852
3840
|
);
|
|
3853
|
-
},
|
|
3854
|
-
hub:
|
|
3855
|
-
toast:
|
|
3856
|
-
"hanui-fade-in-up": "hanui-hanui-fade-in-up-hhv43",
|
|
3841
|
+
}, ih = /* @__PURE__ */ I(/* @__PURE__ */ F(Pl, "Stat")), Ol = "hanui-hub-JoqOf", Hl = "hanui-toast-U27Of", zl = "hanui-toast__icon-p-rgI", Kl = "hanui-toast__text-rG4ji", Ul = "hanui-toast__message-s6S2-", ql = "hanui-toast__description-0cYTx", jl = "hanui-toast__action-fOXU5", Yl = "hanui-toast__close-QxSNP", Le = {
|
|
3842
|
+
hub: Ol,
|
|
3843
|
+
toast: Hl,
|
|
3857
3844
|
"toast--info": "hanui-toast--info-S1QJr",
|
|
3858
3845
|
"toast--success": "hanui-toast--success-NUso7",
|
|
3859
3846
|
"toast--warning": "hanui-toast--warning-7mi-S",
|
|
3860
3847
|
"toast--danger": "hanui-toast--danger-IhFSz",
|
|
3861
3848
|
toast__icon: zl,
|
|
3862
|
-
toast__text:
|
|
3863
|
-
toast__message:
|
|
3864
|
-
toast__description:
|
|
3865
|
-
toast__action:
|
|
3866
|
-
toast__close:
|
|
3867
|
-
},
|
|
3849
|
+
toast__text: Kl,
|
|
3850
|
+
toast__message: Ul,
|
|
3851
|
+
toast__description: ql,
|
|
3852
|
+
toast__action: jl,
|
|
3853
|
+
toast__close: Yl
|
|
3854
|
+
}, Gl = {
|
|
3868
3855
|
info: /* @__PURE__ */ a(Pa, { "aria-hidden": !0 }),
|
|
3869
3856
|
success: /* @__PURE__ */ a(Fa, { "aria-hidden": !0 }),
|
|
3870
3857
|
warning: /* @__PURE__ */ a(ra, { "aria-hidden": !0 }),
|
|
3871
3858
|
danger: /* @__PURE__ */ a(Ba, { "aria-hidden": !0 })
|
|
3872
|
-
},
|
|
3859
|
+
}, Xl = {
|
|
3873
3860
|
info: 4e3,
|
|
3874
3861
|
success: 4e3,
|
|
3875
3862
|
warning: 6e3,
|
|
@@ -3884,7 +3871,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
3884
3871
|
Ca += 1;
|
|
3885
3872
|
const n = Ca;
|
|
3886
3873
|
return tt = [...tt, { ...t, id: n, message: e }].slice(-3), la(), n;
|
|
3887
|
-
},
|
|
3874
|
+
}, sh = {
|
|
3888
3875
|
show: kt,
|
|
3889
3876
|
info: (e, t) => kt(e, { ...t, tone: "info" }),
|
|
3890
3877
|
success: (e, t) => kt(e, { ...t, tone: "success" }),
|
|
@@ -3895,26 +3882,26 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
3895
3882
|
clear: () => {
|
|
3896
3883
|
tt = [], la();
|
|
3897
3884
|
}
|
|
3898
|
-
},
|
|
3899
|
-
const r = e.tone ?? "info", o = e.duration ??
|
|
3885
|
+
}, Wl = ({ toast: e, closeLabel: t, onDismiss: n }) => {
|
|
3886
|
+
const r = e.tone ?? "info", o = e.duration ?? Xl[r], [i, s] = P(!1), l = R(o), h = R(0);
|
|
3900
3887
|
return S(() => {
|
|
3901
|
-
if (o === 0 ||
|
|
3888
|
+
if (o === 0 || i) return;
|
|
3902
3889
|
h.current = Date.now();
|
|
3903
|
-
const
|
|
3890
|
+
const _ = window.setTimeout(() => n(e.id), l.current);
|
|
3904
3891
|
return () => {
|
|
3905
|
-
window.clearTimeout(
|
|
3892
|
+
window.clearTimeout(_), l.current = Math.max(0, l.current - (Date.now() - h.current));
|
|
3906
3893
|
};
|
|
3907
|
-
}, [o,
|
|
3894
|
+
}, [o, i, n, e.id]), /* @__PURE__ */ g(
|
|
3908
3895
|
"div",
|
|
3909
3896
|
{
|
|
3910
3897
|
className: v(Le.toast, Le[`toast--${r}`]),
|
|
3911
3898
|
role: r === "danger" ? "alert" : "status",
|
|
3912
|
-
onPointerEnter: () =>
|
|
3913
|
-
onPointerLeave: () =>
|
|
3914
|
-
onFocus: () =>
|
|
3915
|
-
onBlur: () =>
|
|
3899
|
+
onPointerEnter: () => s(!0),
|
|
3900
|
+
onPointerLeave: () => s(!1),
|
|
3901
|
+
onFocus: () => s(!0),
|
|
3902
|
+
onBlur: () => s(!1),
|
|
3916
3903
|
children: [
|
|
3917
|
-
/* @__PURE__ */ a("span", { className: Le.toast__icon, "aria-hidden": !0, children:
|
|
3904
|
+
/* @__PURE__ */ a("span", { className: Le.toast__icon, "aria-hidden": !0, children: Gl[r] }),
|
|
3918
3905
|
/* @__PURE__ */ g("div", { className: Le.toast__text, children: [
|
|
3919
3906
|
/* @__PURE__ */ a("span", { className: Le.toast__message, children: e.message }),
|
|
3920
3907
|
e.description && /* @__PURE__ */ a("span", { className: Le.toast__description, children: e.description })
|
|
@@ -3925,8 +3912,8 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
3925
3912
|
type: "button",
|
|
3926
3913
|
className: Le.toast__action,
|
|
3927
3914
|
onClick: () => {
|
|
3928
|
-
var
|
|
3929
|
-
(
|
|
3915
|
+
var _;
|
|
3916
|
+
(_ = e.action) == null || _.onClick(), n(e.id);
|
|
3930
3917
|
},
|
|
3931
3918
|
children: e.action.label
|
|
3932
3919
|
}
|
|
@@ -3934,7 +3921,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
3934
3921
|
/* @__PURE__ */ a(
|
|
3935
3922
|
Re,
|
|
3936
3923
|
{
|
|
3937
|
-
icon: /* @__PURE__ */ a(
|
|
3924
|
+
icon: /* @__PURE__ */ a(ze, { "aria-hidden": !0 }),
|
|
3938
3925
|
label: t,
|
|
3939
3926
|
variant: "ghost",
|
|
3940
3927
|
size: "sm",
|
|
@@ -3945,60 +3932,60 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
3945
3932
|
]
|
|
3946
3933
|
}
|
|
3947
3934
|
);
|
|
3948
|
-
},
|
|
3935
|
+
}, Ql = ({ closeLabel: e, className: t }) => {
|
|
3949
3936
|
const { labels: n } = j(), [r, o] = P([]);
|
|
3950
3937
|
S(() => (aa.add(o), o(tt), () => {
|
|
3951
3938
|
aa.delete(o);
|
|
3952
3939
|
}), []);
|
|
3953
|
-
const
|
|
3940
|
+
const i = H((h) => na(h), []);
|
|
3954
3941
|
S(() => {
|
|
3955
3942
|
if (r.length === 0) return;
|
|
3956
|
-
const h = (
|
|
3957
|
-
|
|
3943
|
+
const h = (_) => {
|
|
3944
|
+
_.key === "Escape" && na(r[r.length - 1].id);
|
|
3958
3945
|
};
|
|
3959
3946
|
return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
|
|
3960
3947
|
}, [r]);
|
|
3961
|
-
const [
|
|
3962
|
-
return S(() =>
|
|
3948
|
+
const [s, l] = P(!1);
|
|
3949
|
+
return S(() => l(!0), []), s ? Et(
|
|
3963
3950
|
/* @__PURE__ */ a("div", { className: v(Le.hub, t), children: r.map((h) => /* @__PURE__ */ a(
|
|
3964
|
-
|
|
3951
|
+
Wl,
|
|
3965
3952
|
{
|
|
3966
3953
|
toast: h,
|
|
3967
|
-
closeLabel:
|
|
3968
|
-
onDismiss:
|
|
3954
|
+
closeLabel: z("ToastHub.closeLabel", e, n == null ? void 0 : n.close),
|
|
3955
|
+
onDismiss: i
|
|
3969
3956
|
},
|
|
3970
3957
|
h.id
|
|
3971
3958
|
)) }),
|
|
3972
3959
|
document.body
|
|
3973
3960
|
) : null;
|
|
3974
|
-
},
|
|
3975
|
-
accordion:
|
|
3976
|
-
accordion__item:
|
|
3961
|
+
}, ch = /* @__PURE__ */ I(/* @__PURE__ */ F(Ql, "ToastHub")), Jl = "hanui-accordion-h9jLC", Zl = "hanui-accordion__item--YvzK", Vl = "hanui-accordion__title-qZOLY", ed = "hanui-accordion__meta-PSlsO", td = "hanui-accordion__marker-QcWcI", ad = "hanui-accordion__summary-QUhWh", nd = "hanui-accordion__panel--3EXE", rd = "hanui-accordion__content-fO64s", Ie = {
|
|
3962
|
+
accordion: Jl,
|
|
3963
|
+
accordion__item: Zl,
|
|
3977
3964
|
"accordion__item--disabled": "hanui-accordion__item--disabled-x1erZ",
|
|
3978
|
-
accordion__title:
|
|
3979
|
-
accordion__meta:
|
|
3980
|
-
accordion__marker:
|
|
3981
|
-
accordion__summary:
|
|
3982
|
-
accordion__panel:
|
|
3983
|
-
accordion__content:
|
|
3984
|
-
},
|
|
3965
|
+
accordion__title: Vl,
|
|
3966
|
+
accordion__meta: ed,
|
|
3967
|
+
accordion__marker: td,
|
|
3968
|
+
accordion__summary: ad,
|
|
3969
|
+
accordion__panel: nd,
|
|
3970
|
+
accordion__content: rd
|
|
3971
|
+
}, od = ({
|
|
3985
3972
|
items: e,
|
|
3986
3973
|
isSingle: t,
|
|
3987
3974
|
defaultOpenIds: n,
|
|
3988
3975
|
openIds: r,
|
|
3989
3976
|
onChange: o,
|
|
3990
|
-
className:
|
|
3991
|
-
testId:
|
|
3977
|
+
className: i,
|
|
3978
|
+
testId: s
|
|
3992
3979
|
}) => {
|
|
3993
|
-
const
|
|
3980
|
+
const l = J(), [h, _] = P(n ?? []), c = r !== void 0, u = c ? r : h, d = H(
|
|
3994
3981
|
(m, w) => {
|
|
3995
|
-
const b = w ? t ? [m] : [...
|
|
3996
|
-
c ||
|
|
3982
|
+
const b = w ? t ? [m] : [...u.filter((p) => p !== m), m] : u.filter((p) => p !== m);
|
|
3983
|
+
c || _(b), o == null || o(b);
|
|
3997
3984
|
},
|
|
3998
|
-
[c, t, o,
|
|
3985
|
+
[c, t, o, u]
|
|
3999
3986
|
);
|
|
4000
|
-
return /* @__PURE__ */ a("div", { className: v(Ie.accordion,
|
|
4001
|
-
const w =
|
|
3987
|
+
return /* @__PURE__ */ a("div", { className: v(Ie.accordion, i), "data-testid": s, children: e.map((m) => {
|
|
3988
|
+
const w = u.includes(m.id);
|
|
4002
3989
|
return /* @__PURE__ */ g(
|
|
4003
3990
|
"details",
|
|
4004
3991
|
{
|
|
@@ -4009,13 +3996,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4009
3996
|
open: w,
|
|
4010
3997
|
onToggle: (b) => {
|
|
4011
3998
|
const p = b.currentTarget.open;
|
|
4012
|
-
p !== w &&
|
|
3999
|
+
p !== w && d(m.id, p);
|
|
4013
4000
|
},
|
|
4014
4001
|
children: [
|
|
4015
4002
|
/* @__PURE__ */ g(
|
|
4016
4003
|
"summary",
|
|
4017
4004
|
{
|
|
4018
|
-
id: `${
|
|
4005
|
+
id: `${l}-${m.id}`,
|
|
4019
4006
|
className: Ie.accordion__summary,
|
|
4020
4007
|
"aria-disabled": m.isDisabled,
|
|
4021
4008
|
tabIndex: m.isDisabled ? -1 : void 0,
|
|
@@ -4033,108 +4020,108 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4033
4020
|
m.id
|
|
4034
4021
|
);
|
|
4035
4022
|
}) });
|
|
4036
|
-
},
|
|
4037
|
-
steps:
|
|
4023
|
+
}, lh = /* @__PURE__ */ I(/* @__PURE__ */ F(od, "Accordion")), id = "hanui-steps-ntge1", sd = "hanui-steps__item-GrU1x", cd = "hanui-steps__button-XBsnS", ld = "hanui-steps__marker-g-GLE", dd = "hanui-steps__text-Mkpkh", _d = "hanui-steps__label-NSeFM", ud = "hanui-steps__description-bQuNT", hd = "hanui-steps__status-wWJfP", be = {
|
|
4024
|
+
steps: id,
|
|
4038
4025
|
"steps--horizontal": "hanui-steps--horizontal-O-mkx",
|
|
4039
4026
|
"steps--vertical": "hanui-steps--vertical-agfwo",
|
|
4040
|
-
steps__item:
|
|
4041
|
-
steps__button:
|
|
4042
|
-
steps__marker:
|
|
4027
|
+
steps__item: sd,
|
|
4028
|
+
steps__button: cd,
|
|
4029
|
+
steps__marker: ld,
|
|
4043
4030
|
"steps__item--done": "hanui-steps__item--done-mvOuN",
|
|
4044
4031
|
"steps__item--current": "hanui-steps__item--current-Qzlal",
|
|
4045
|
-
steps__text:
|
|
4046
|
-
steps__label:
|
|
4047
|
-
steps__description:
|
|
4048
|
-
steps__status:
|
|
4049
|
-
},
|
|
4032
|
+
steps__text: dd,
|
|
4033
|
+
steps__label: _d,
|
|
4034
|
+
steps__description: ud,
|
|
4035
|
+
steps__status: hd
|
|
4036
|
+
}, pd = (e, t) => e < t ? "done" : e === t ? "current" : "upcoming", md = {
|
|
4050
4037
|
done: "tamamlandı",
|
|
4051
4038
|
current: "şu anki adım",
|
|
4052
4039
|
upcoming: "sıradaki"
|
|
4053
|
-
},
|
|
4040
|
+
}, bd = ({
|
|
4054
4041
|
steps: e,
|
|
4055
4042
|
currentIndex: t,
|
|
4056
4043
|
onStepClick: n,
|
|
4057
4044
|
label: r,
|
|
4058
4045
|
orientation: o = "horizontal",
|
|
4059
|
-
className:
|
|
4060
|
-
testId:
|
|
4046
|
+
className: i,
|
|
4047
|
+
testId: s
|
|
4061
4048
|
}) => /* @__PURE__ */ a(
|
|
4062
4049
|
"ol",
|
|
4063
4050
|
{
|
|
4064
|
-
className: v(be.steps, be[`steps--${o}`],
|
|
4051
|
+
className: v(be.steps, be[`steps--${o}`], i),
|
|
4065
4052
|
"aria-label": r,
|
|
4066
|
-
"data-testid":
|
|
4067
|
-
children: e.map((
|
|
4068
|
-
const
|
|
4069
|
-
/* @__PURE__ */ a("span", { className: be.steps__marker, "aria-hidden": !0, children:
|
|
4053
|
+
"data-testid": s,
|
|
4054
|
+
children: e.map((l, h) => {
|
|
4055
|
+
const _ = pd(h, t), c = !!n && _ === "done", u = /* @__PURE__ */ g(fe, { children: [
|
|
4056
|
+
/* @__PURE__ */ a("span", { className: be.steps__marker, "aria-hidden": !0, children: _ === "done" ? /* @__PURE__ */ a(zt, {}) : h + 1 }),
|
|
4070
4057
|
/* @__PURE__ */ g("span", { className: be.steps__text, children: [
|
|
4071
|
-
/* @__PURE__ */ a("span", { className: be.steps__label, children:
|
|
4072
|
-
|
|
4058
|
+
/* @__PURE__ */ a("span", { className: be.steps__label, children: l.label }),
|
|
4059
|
+
l.description && /* @__PURE__ */ a("span", { className: be.steps__description, children: l.description })
|
|
4073
4060
|
] }),
|
|
4074
|
-
/* @__PURE__ */ a("span", { className: be.steps__status, children:
|
|
4061
|
+
/* @__PURE__ */ a("span", { className: be.steps__status, children: md[_] })
|
|
4075
4062
|
] });
|
|
4076
4063
|
return /* @__PURE__ */ a(
|
|
4077
4064
|
"li",
|
|
4078
4065
|
{
|
|
4079
|
-
className: v(be.steps__item, be[`steps__item--${
|
|
4080
|
-
"aria-current":
|
|
4066
|
+
className: v(be.steps__item, be[`steps__item--${_}`]),
|
|
4067
|
+
"aria-current": _ === "current" ? "step" : void 0,
|
|
4081
4068
|
children: c ? /* @__PURE__ */ a(
|
|
4082
4069
|
"button",
|
|
4083
4070
|
{
|
|
4084
4071
|
type: "button",
|
|
4085
4072
|
className: be.steps__button,
|
|
4086
4073
|
onClick: () => n == null ? void 0 : n(h),
|
|
4087
|
-
children:
|
|
4074
|
+
children: u
|
|
4088
4075
|
}
|
|
4089
|
-
) : /* @__PURE__ */ a("span", { className: be.steps__button, children:
|
|
4076
|
+
) : /* @__PURE__ */ a("span", { className: be.steps__button, children: u })
|
|
4090
4077
|
},
|
|
4091
|
-
|
|
4078
|
+
l.id
|
|
4092
4079
|
);
|
|
4093
4080
|
})
|
|
4094
4081
|
}
|
|
4095
|
-
),
|
|
4096
|
-
tabs:
|
|
4097
|
-
tabs__list:
|
|
4098
|
-
tabs__tab:
|
|
4082
|
+
), dh = /* @__PURE__ */ I(/* @__PURE__ */ F(bd, "Steps")), gd = "hanui-tabs-l4dFE", fd = "hanui-tabs__list-HJvR8", vd = "hanui-tabs__tab-7gDW7", yd = "hanui-tabs__count-8JX8s", wd = "hanui-tabs__panel-CPklY", dt = {
|
|
4083
|
+
tabs: gd,
|
|
4084
|
+
tabs__list: fd,
|
|
4085
|
+
tabs__tab: vd,
|
|
4099
4086
|
"tabs__tab--active": "hanui-tabs__tab--active-riqNp",
|
|
4100
|
-
tabs__count:
|
|
4101
|
-
tabs__panel:
|
|
4102
|
-
},
|
|
4087
|
+
tabs__count: yd,
|
|
4088
|
+
tabs__panel: wd
|
|
4089
|
+
}, xd = ({
|
|
4103
4090
|
items: e,
|
|
4104
4091
|
defaultTabId: t,
|
|
4105
4092
|
activeId: n,
|
|
4106
4093
|
onChange: r,
|
|
4107
4094
|
ariaLabel: o,
|
|
4108
|
-
isManualActivation:
|
|
4109
|
-
className:
|
|
4110
|
-
testId:
|
|
4095
|
+
isManualActivation: i,
|
|
4096
|
+
className: s,
|
|
4097
|
+
testId: l
|
|
4111
4098
|
}) => {
|
|
4112
4099
|
var $;
|
|
4113
|
-
const h = J(), [
|
|
4100
|
+
const h = J(), [_, c] = P(t ?? (($ = e[0]) == null ? void 0 : $.id)), u = ut(n), d = u ? n : _, m = e.findIndex((k) => k.id === d), [w, b] = P(m < 0 ? 0 : m), p = R(null), y = e[m] ?? e[0];
|
|
4114
4101
|
S(() => {
|
|
4115
4102
|
var k;
|
|
4116
4103
|
ia((k = p.current) == null ? void 0 : k.querySelector('[aria-selected="true"]'), {
|
|
4117
4104
|
block: "nearest",
|
|
4118
4105
|
inline: "nearest"
|
|
4119
4106
|
});
|
|
4120
|
-
}, [
|
|
4107
|
+
}, [d]);
|
|
4121
4108
|
const D = (k) => {
|
|
4122
|
-
|
|
4109
|
+
u || c(k), r == null || r(k);
|
|
4123
4110
|
}, N = (k) => {
|
|
4124
4111
|
var E;
|
|
4125
|
-
if (
|
|
4112
|
+
if (i && (k.key === "Enter" || k.key === " ")) {
|
|
4126
4113
|
k.preventDefault(), D(e[w].id);
|
|
4127
4114
|
return;
|
|
4128
4115
|
}
|
|
4129
4116
|
const L = k.key === "ArrowRight" ? 1 : k.key === "ArrowLeft" ? -1 : 0;
|
|
4130
4117
|
if (L === 0) return;
|
|
4131
4118
|
k.preventDefault();
|
|
4132
|
-
const C = ((
|
|
4133
|
-
b(C),
|
|
4119
|
+
const C = ((i ? w : m) + L + e.length) % e.length;
|
|
4120
|
+
b(C), i || D(e[C].id), (E = document.getElementById(`${h}-tab-${e[C].id}`)) == null || E.focus();
|
|
4134
4121
|
};
|
|
4135
4122
|
if (e.length === 0) return null;
|
|
4136
4123
|
const f = ut(y == null ? void 0 : y.content);
|
|
4137
|
-
return /* @__PURE__ */ g("div", { className: v(dt.tabs,
|
|
4124
|
+
return /* @__PURE__ */ g("div", { className: v(dt.tabs, s), "data-testid": l, children: [
|
|
4138
4125
|
/* @__PURE__ */ a(
|
|
4139
4126
|
"div",
|
|
4140
4127
|
{
|
|
@@ -4154,7 +4141,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4154
4141
|
role: "tab",
|
|
4155
4142
|
"aria-selected": L,
|
|
4156
4143
|
"aria-controls": f ? `${h}-panel-${k.id}` : void 0,
|
|
4157
|
-
tabIndex: (
|
|
4144
|
+
tabIndex: (i ? ((C = e[w]) == null ? void 0 : C.id) === k.id : L) ? 0 : -1,
|
|
4158
4145
|
className: v(dt.tabs__tab, L && dt["tabs__tab--active"]),
|
|
4159
4146
|
onClick: () => D(k.id),
|
|
4160
4147
|
children: [
|
|
@@ -4179,62 +4166,62 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4179
4166
|
}
|
|
4180
4167
|
)
|
|
4181
4168
|
] });
|
|
4182
|
-
},
|
|
4183
|
-
tile:
|
|
4184
|
-
tile__medallion:
|
|
4185
|
-
tile__label:
|
|
4186
|
-
tile__meta:
|
|
4169
|
+
}, _h = /* @__PURE__ */ I(xd), kd = "hanui-tile-TGur-", Nd = "hanui-tile__medallion--Y0pz", $d = "hanui-tile__label-mI1OQ", Dd = "hanui-tile__meta-22qnR", Nt = {
|
|
4170
|
+
tile: kd,
|
|
4171
|
+
tile__medallion: Nd,
|
|
4172
|
+
tile__label: $d,
|
|
4173
|
+
tile__meta: Dd,
|
|
4187
4174
|
"tile--active": "hanui-tile--active-z0F2M"
|
|
4188
|
-
},
|
|
4175
|
+
}, Id = ({ label: e, icon: t, href: n, meta: r, isActive: o, linkProps: i, className: s, testId: l }) => /* @__PURE__ */ g(
|
|
4189
4176
|
ke,
|
|
4190
4177
|
{
|
|
4191
4178
|
href: n,
|
|
4192
|
-
className: v(Nt.tile, o && Nt["tile--active"],
|
|
4179
|
+
className: v(Nt.tile, o && Nt["tile--active"], s),
|
|
4193
4180
|
"aria-current": o ? "page" : void 0,
|
|
4194
|
-
"data-testid":
|
|
4195
|
-
...
|
|
4181
|
+
"data-testid": l,
|
|
4182
|
+
...i,
|
|
4196
4183
|
children: [
|
|
4197
4184
|
/* @__PURE__ */ a("span", { className: Nt.tile__medallion, "aria-hidden": !0, children: t }),
|
|
4198
4185
|
/* @__PURE__ */ a("span", { className: Nt.tile__label, children: e }),
|
|
4199
4186
|
r && /* @__PURE__ */ a("span", { className: Nt.tile__meta, children: r })
|
|
4200
4187
|
]
|
|
4201
4188
|
}
|
|
4202
|
-
),
|
|
4203
|
-
timeline:
|
|
4204
|
-
timeline__item:
|
|
4205
|
-
timeline__marker:
|
|
4189
|
+
), uh = /* @__PURE__ */ I(Id), Td = "hanui-timeline-GxubZ", Cd = "hanui-timeline__item-qMpF2", Ed = "hanui-timeline__marker-MDk07", Ld = "hanui-timeline__body-xJi7t", Sd = "hanui-timeline__title-pKxZJ", Rd = "hanui-timeline__time-ITWYy", Ad = "hanui-timeline__description-4vrEy", Md = "hanui-timeline__srOnly-7K2We", Te = {
|
|
4190
|
+
timeline: Td,
|
|
4191
|
+
timeline__item: Cd,
|
|
4192
|
+
timeline__marker: Ed,
|
|
4206
4193
|
"timeline__item--done": "hanui-timeline__item--done-dqiOQ",
|
|
4207
4194
|
"timeline__item--current": "hanui-timeline__item--current-TGV5f",
|
|
4208
4195
|
"timeline__item--pending": "hanui-timeline__item--pending-VMZTS",
|
|
4209
4196
|
"timeline__item--failed": "hanui-timeline__item--failed-2BbfX",
|
|
4210
|
-
timeline__body:
|
|
4211
|
-
timeline__title:
|
|
4212
|
-
timeline__time:
|
|
4213
|
-
timeline__description:
|
|
4214
|
-
timeline__srOnly:
|
|
4215
|
-
},
|
|
4216
|
-
done: /* @__PURE__ */ a(
|
|
4217
|
-
failed: /* @__PURE__ */ a(
|
|
4197
|
+
timeline__body: Ld,
|
|
4198
|
+
timeline__title: Sd,
|
|
4199
|
+
timeline__time: Rd,
|
|
4200
|
+
timeline__description: Ad,
|
|
4201
|
+
timeline__srOnly: Md
|
|
4202
|
+
}, Bd = {
|
|
4203
|
+
done: /* @__PURE__ */ a(zt, {}),
|
|
4204
|
+
failed: /* @__PURE__ */ a(ze, {}),
|
|
4218
4205
|
current: null,
|
|
4219
4206
|
pending: null
|
|
4220
|
-
},
|
|
4207
|
+
}, Fd = {
|
|
4221
4208
|
done: "tamamlandı",
|
|
4222
4209
|
current: "şu an",
|
|
4223
4210
|
pending: "bekliyor",
|
|
4224
4211
|
failed: "başarısız"
|
|
4225
|
-
},
|
|
4226
|
-
const
|
|
4212
|
+
}, Pd = ({ events: e, label: t, className: n, testId: r }) => /* @__PURE__ */ a("ol", { className: v(Te.timeline, n), "aria-label": t, "data-testid": r, children: e.map((o) => {
|
|
4213
|
+
const i = o.status ?? "done";
|
|
4227
4214
|
return /* @__PURE__ */ g(
|
|
4228
4215
|
"li",
|
|
4229
4216
|
{
|
|
4230
|
-
className: v(Te.timeline__item, Te[`timeline__item--${
|
|
4231
|
-
"aria-current":
|
|
4217
|
+
className: v(Te.timeline__item, Te[`timeline__item--${i}`]),
|
|
4218
|
+
"aria-current": i === "current" ? "step" : void 0,
|
|
4232
4219
|
children: [
|
|
4233
|
-
/* @__PURE__ */ a("span", { className: Te.timeline__marker, "aria-hidden": !0, children: o.icon ??
|
|
4220
|
+
/* @__PURE__ */ a("span", { className: Te.timeline__marker, "aria-hidden": !0, children: o.icon ?? Bd[i] }),
|
|
4234
4221
|
/* @__PURE__ */ g("div", { className: Te.timeline__body, children: [
|
|
4235
4222
|
/* @__PURE__ */ g("span", { className: Te.timeline__title, children: [
|
|
4236
4223
|
o.title,
|
|
4237
|
-
/* @__PURE__ */ a("span", { className: Te.timeline__srOnly, children:
|
|
4224
|
+
/* @__PURE__ */ a("span", { className: Te.timeline__srOnly, children: Fd[i] })
|
|
4238
4225
|
] }),
|
|
4239
4226
|
o.time && /* `<time>` DEGIL `<span>`: `datetime` icin makine okunur bir
|
|
4240
4227
|
deger gerekiyor ve elimizde yalnizca bicimlendirilmis dize
|
|
@@ -4246,38 +4233,38 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4246
4233
|
},
|
|
4247
4234
|
o.id
|
|
4248
4235
|
);
|
|
4249
|
-
}) }),
|
|
4250
|
-
modal:
|
|
4236
|
+
}) }), hh = /* @__PURE__ */ I(/* @__PURE__ */ F(Pd, "Timeline")), Od = "hanui-modal-3IDi9", Hd = "hanui-modal__panel--qLSz", zd = "hanui-modal__header-meWm6", Kd = "hanui-modal__icon-df2dd", Ud = "hanui-modal__heading-PwDS8", qd = "hanui-modal__title-80Sh6", jd = "hanui-modal__description-fsCHI", Yd = "hanui-modal__close-vFPbw", Gd = "hanui-modal__body-PDF12", Xd = "hanui-modal__footer-CCCkx", se = {
|
|
4237
|
+
modal: Od,
|
|
4251
4238
|
"modal--sm": "hanui-modal--sm-A7WsS",
|
|
4252
4239
|
"modal--lg": "hanui-modal--lg-z99Em",
|
|
4253
|
-
modal__panel:
|
|
4240
|
+
modal__panel: Hd,
|
|
4254
4241
|
modal__header: zd,
|
|
4255
|
-
modal__icon:
|
|
4242
|
+
modal__icon: Kd,
|
|
4256
4243
|
"modal__icon--neutral": "hanui-modal__icon--neutral-QSL7c",
|
|
4257
4244
|
"modal__icon--danger": "hanui-modal__icon--danger-6V90a",
|
|
4258
4245
|
"modal__icon--warning": "hanui-modal__icon--warning-a--FX",
|
|
4259
4246
|
"modal__icon--success": "hanui-modal__icon--success-YWxZs",
|
|
4260
4247
|
"modal__icon--info": "hanui-modal__icon--info-WRLah",
|
|
4261
|
-
modal__heading:
|
|
4262
|
-
modal__title:
|
|
4263
|
-
modal__description:
|
|
4264
|
-
modal__close:
|
|
4265
|
-
modal__body:
|
|
4266
|
-
modal__footer:
|
|
4267
|
-
},
|
|
4248
|
+
modal__heading: Ud,
|
|
4249
|
+
modal__title: qd,
|
|
4250
|
+
modal__description: jd,
|
|
4251
|
+
modal__close: Yd,
|
|
4252
|
+
modal__body: Gd,
|
|
4253
|
+
modal__footer: Xd
|
|
4254
|
+
}, Wd = ({
|
|
4268
4255
|
isOpen: e,
|
|
4269
4256
|
onClose: t,
|
|
4270
4257
|
title: n,
|
|
4271
4258
|
closeLabel: r,
|
|
4272
4259
|
children: o,
|
|
4273
|
-
description:
|
|
4274
|
-
footer:
|
|
4275
|
-
icon:
|
|
4260
|
+
description: i,
|
|
4261
|
+
footer: s,
|
|
4262
|
+
icon: l,
|
|
4276
4263
|
tone: h = "neutral",
|
|
4277
|
-
size:
|
|
4264
|
+
size: _ = "md",
|
|
4278
4265
|
isDismissable: c = !0,
|
|
4279
|
-
className:
|
|
4280
|
-
testId:
|
|
4266
|
+
className: u,
|
|
4267
|
+
testId: d
|
|
4281
4268
|
}) => {
|
|
4282
4269
|
const { labels: m } = j(), w = R(null), b = R(null), p = J(), y = J();
|
|
4283
4270
|
S(() => {
|
|
@@ -4301,7 +4288,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4301
4288
|
};
|
|
4302
4289
|
return N.addEventListener("cancel", f), () => N.removeEventListener("cancel", f);
|
|
4303
4290
|
}, [t, c]);
|
|
4304
|
-
const D =
|
|
4291
|
+
const D = H(
|
|
4305
4292
|
(N) => {
|
|
4306
4293
|
c && N.target === w.current && t();
|
|
4307
4294
|
},
|
|
@@ -4311,23 +4298,23 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4311
4298
|
"dialog",
|
|
4312
4299
|
{
|
|
4313
4300
|
ref: w,
|
|
4314
|
-
className: v(se.modal, se[`modal--${
|
|
4301
|
+
className: v(se.modal, se[`modal--${_}`], u),
|
|
4315
4302
|
"aria-labelledby": p,
|
|
4316
|
-
"aria-describedby":
|
|
4317
|
-
"data-testid":
|
|
4303
|
+
"aria-describedby": i ? y : void 0,
|
|
4304
|
+
"data-testid": d,
|
|
4318
4305
|
onClick: D,
|
|
4319
4306
|
children: /* @__PURE__ */ g("div", { className: se.modal__panel, children: [
|
|
4320
4307
|
/* @__PURE__ */ g("header", { className: se.modal__header, children: [
|
|
4321
|
-
|
|
4308
|
+
l && /* @__PURE__ */ a("span", { className: v(se.modal__icon, se[`modal__icon--${h}`]), children: l }),
|
|
4322
4309
|
/* @__PURE__ */ g("div", { className: se.modal__heading, children: [
|
|
4323
4310
|
/* @__PURE__ */ a("h2", { id: p, className: se.modal__title, children: n }),
|
|
4324
|
-
|
|
4311
|
+
i && /* @__PURE__ */ a("p", { id: y, className: se.modal__description, children: i })
|
|
4325
4312
|
] }),
|
|
4326
4313
|
c && /* @__PURE__ */ a(
|
|
4327
4314
|
Re,
|
|
4328
4315
|
{
|
|
4329
|
-
icon: /* @__PURE__ */ a(
|
|
4330
|
-
label:
|
|
4316
|
+
icon: /* @__PURE__ */ a(ze, { "aria-hidden": !0 }),
|
|
4317
|
+
label: z("Modal.closeLabel", r, m == null ? void 0 : m.close),
|
|
4331
4318
|
variant: "ghost",
|
|
4332
4319
|
size: "sm",
|
|
4333
4320
|
className: se.modal__close,
|
|
@@ -4336,36 +4323,36 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4336
4323
|
)
|
|
4337
4324
|
] }),
|
|
4338
4325
|
o && /* @__PURE__ */ a("div", { className: se.modal__body, children: o }),
|
|
4339
|
-
|
|
4326
|
+
s && /* @__PURE__ */ a("footer", { className: se.modal__footer, children: s })
|
|
4340
4327
|
] })
|
|
4341
4328
|
}
|
|
4342
4329
|
);
|
|
4343
|
-
}, Ja = /* @__PURE__ */ I(
|
|
4344
|
-
palette:
|
|
4345
|
-
palette__search:
|
|
4346
|
-
palette__searchIcon:
|
|
4347
|
-
palette__input:
|
|
4348
|
-
palette__list:
|
|
4349
|
-
palette__group:
|
|
4350
|
-
palette__item:
|
|
4330
|
+
}, Ja = /* @__PURE__ */ I(Wd), Qd = "hanui-palette-ag-P9", Jd = "hanui-palette__search-G3aYv", Zd = "hanui-palette__searchIcon-2UYj-", Vd = "hanui-palette__input-vvLvt", e_ = "hanui-palette__list--KWiH", t_ = "hanui-palette__group-KPj5Q", a_ = "hanui-palette__item-UZzkp", n_ = "hanui-palette__icon-Fg0Lt", r_ = "hanui-palette__text-flfN9", o_ = "hanui-palette__label-8-UHe", i_ = "hanui-palette__description-eRlk9", s_ = "hanui-palette__shortcut-DwYKX", c_ = "hanui-palette__empty-vg-I3", te = {
|
|
4331
|
+
palette: Qd,
|
|
4332
|
+
palette__search: Jd,
|
|
4333
|
+
palette__searchIcon: Zd,
|
|
4334
|
+
palette__input: Vd,
|
|
4335
|
+
palette__list: e_,
|
|
4336
|
+
palette__group: t_,
|
|
4337
|
+
palette__item: a_,
|
|
4351
4338
|
"palette__item--active": "hanui-palette__item--active-XHcka",
|
|
4352
|
-
palette__icon:
|
|
4353
|
-
palette__text:
|
|
4354
|
-
palette__label:
|
|
4355
|
-
palette__description:
|
|
4356
|
-
palette__shortcut:
|
|
4357
|
-
palette__empty:
|
|
4358
|
-
},
|
|
4339
|
+
palette__icon: n_,
|
|
4340
|
+
palette__text: r_,
|
|
4341
|
+
palette__label: o_,
|
|
4342
|
+
palette__description: i_,
|
|
4343
|
+
palette__shortcut: s_,
|
|
4344
|
+
palette__empty: c_
|
|
4345
|
+
}, l_ = ({
|
|
4359
4346
|
isOpen: e,
|
|
4360
4347
|
onClose: t,
|
|
4361
4348
|
items: n,
|
|
4362
4349
|
label: r,
|
|
4363
4350
|
searchPlaceholder: o,
|
|
4364
|
-
emptyMessage:
|
|
4365
|
-
className:
|
|
4366
|
-
testId:
|
|
4351
|
+
emptyMessage: i,
|
|
4352
|
+
className: s,
|
|
4353
|
+
testId: l
|
|
4367
4354
|
}) => {
|
|
4368
|
-
const h = J(),
|
|
4355
|
+
const h = J(), _ = `${h}-listbox`, c = R(null), u = R(null), d = R(null), [m, w] = P(""), [b, p] = P(0), y = Tt(() => {
|
|
4369
4356
|
if (m.trim() === "") return n;
|
|
4370
4357
|
const f = m.trim();
|
|
4371
4358
|
return n.filter(
|
|
@@ -4381,16 +4368,16 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4381
4368
|
return;
|
|
4382
4369
|
}
|
|
4383
4370
|
const $ = pt();
|
|
4384
|
-
f.open || f.showModal(), (C =
|
|
4371
|
+
f.open || f.showModal(), (C = u.current) == null || C.focus({ preventScroll: !0 }), w(""), p(0);
|
|
4385
4372
|
const { token: k, pop: L } = Yt();
|
|
4386
|
-
return
|
|
4387
|
-
L(),
|
|
4373
|
+
return d.current = k, () => {
|
|
4374
|
+
L(), d.current = null, $();
|
|
4388
4375
|
};
|
|
4389
4376
|
}, [e]), S(() => {
|
|
4390
4377
|
const f = c.current;
|
|
4391
4378
|
if (!f) return;
|
|
4392
4379
|
const $ = (k) => {
|
|
4393
|
-
k.preventDefault(), !(
|
|
4380
|
+
k.preventDefault(), !(d.current && !Gt(d.current)) && t();
|
|
4394
4381
|
};
|
|
4395
4382
|
return f.addEventListener("cancel", $), () => f.removeEventListener("cancel", $);
|
|
4396
4383
|
}, [t]), S(() => {
|
|
@@ -4428,9 +4415,9 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4428
4415
|
"dialog",
|
|
4429
4416
|
{
|
|
4430
4417
|
ref: c,
|
|
4431
|
-
className: v(te.palette,
|
|
4418
|
+
className: v(te.palette, s),
|
|
4432
4419
|
"aria-label": r,
|
|
4433
|
-
"data-testid":
|
|
4420
|
+
"data-testid": l,
|
|
4434
4421
|
onClick: (f) => f.target === c.current && t(),
|
|
4435
4422
|
children: [
|
|
4436
4423
|
/* @__PURE__ */ g("div", { className: te.palette__search, children: [
|
|
@@ -4438,7 +4425,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4438
4425
|
/* @__PURE__ */ a(
|
|
4439
4426
|
"input",
|
|
4440
4427
|
{
|
|
4441
|
-
ref:
|
|
4428
|
+
ref: u,
|
|
4442
4429
|
type: "text",
|
|
4443
4430
|
role: "combobox",
|
|
4444
4431
|
className: te.palette__input,
|
|
@@ -4448,7 +4435,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4448
4435
|
autoComplete: "off",
|
|
4449
4436
|
"aria-autocomplete": "list",
|
|
4450
4437
|
"aria-expanded": !0,
|
|
4451
|
-
"aria-controls":
|
|
4438
|
+
"aria-controls": _,
|
|
4452
4439
|
"aria-activedescendant": y[b] ? `${h}-option-${b}` : void 0,
|
|
4453
4440
|
onChange: (f) => {
|
|
4454
4441
|
w(f.target.value), p(0);
|
|
@@ -4457,7 +4444,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4457
4444
|
}
|
|
4458
4445
|
)
|
|
4459
4446
|
] }),
|
|
4460
|
-
/* @__PURE__ */ g("ul", { id:
|
|
4447
|
+
/* @__PURE__ */ g("ul", { id: _, role: "listbox", "aria-label": r, className: te.palette__list, children: [
|
|
4461
4448
|
y.map((f, $) => {
|
|
4462
4449
|
var L;
|
|
4463
4450
|
const k = f.group !== void 0 && f.group !== ((L = y[$ - 1]) == null ? void 0 : L.group);
|
|
@@ -4490,39 +4477,39 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4490
4477
|
)
|
|
4491
4478
|
] }, f.id);
|
|
4492
4479
|
}),
|
|
4493
|
-
y.length === 0 && /* @__PURE__ */ a("li", { className: te.palette__empty, children:
|
|
4480
|
+
y.length === 0 && /* @__PURE__ */ a("li", { className: te.palette__empty, children: i })
|
|
4494
4481
|
] })
|
|
4495
4482
|
]
|
|
4496
4483
|
}
|
|
4497
4484
|
);
|
|
4498
|
-
},
|
|
4499
|
-
/* @__PURE__ */ F(
|
|
4500
|
-
),
|
|
4485
|
+
}, ph = /* @__PURE__ */ I(
|
|
4486
|
+
/* @__PURE__ */ F(l_, "CommandPalette")
|
|
4487
|
+
), d_ = {
|
|
4501
4488
|
destructive: /* @__PURE__ */ a(yn, { "aria-hidden": !0 }),
|
|
4502
4489
|
warning: /* @__PURE__ */ a(ra, { "aria-hidden": !0 }),
|
|
4503
4490
|
neutral: /* @__PURE__ */ a(vn, { "aria-hidden": !0 })
|
|
4504
|
-
},
|
|
4491
|
+
}, __ = {
|
|
4505
4492
|
destructive: "danger",
|
|
4506
4493
|
warning: "warning",
|
|
4507
4494
|
neutral: "info"
|
|
4508
|
-
},
|
|
4495
|
+
}, u_ = {
|
|
4509
4496
|
destructive: Se.DANGER,
|
|
4510
4497
|
warning: Se.PRIMARY,
|
|
4511
4498
|
neutral: Se.PRIMARY
|
|
4512
|
-
},
|
|
4499
|
+
}, h_ = ({
|
|
4513
4500
|
isOpen: e,
|
|
4514
4501
|
onClose: t,
|
|
4515
4502
|
onConfirm: n,
|
|
4516
4503
|
title: r,
|
|
4517
4504
|
description: o,
|
|
4518
|
-
confirmLabel:
|
|
4519
|
-
cancelLabel:
|
|
4520
|
-
closeLabel:
|
|
4505
|
+
confirmLabel: i,
|
|
4506
|
+
cancelLabel: s,
|
|
4507
|
+
closeLabel: l,
|
|
4521
4508
|
variant: h,
|
|
4522
|
-
kind:
|
|
4509
|
+
kind: _,
|
|
4523
4510
|
children: c
|
|
4524
4511
|
}) => {
|
|
4525
|
-
const { labels:
|
|
4512
|
+
const { labels: u } = j(), [d, m] = P(!1), w = h ?? _ ?? "neutral", b = async () => {
|
|
4526
4513
|
m(!0);
|
|
4527
4514
|
try {
|
|
4528
4515
|
await n();
|
|
@@ -4536,12 +4523,12 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4536
4523
|
isOpen: e,
|
|
4537
4524
|
onClose: t,
|
|
4538
4525
|
title: r,
|
|
4539
|
-
closeLabel:
|
|
4526
|
+
closeLabel: l ?? (u == null ? void 0 : u.close),
|
|
4540
4527
|
description: o,
|
|
4541
|
-
icon:
|
|
4542
|
-
tone:
|
|
4528
|
+
icon: d_[w],
|
|
4529
|
+
tone: __[w],
|
|
4543
4530
|
size: "sm",
|
|
4544
|
-
isDismissable: !
|
|
4531
|
+
isDismissable: !d,
|
|
4545
4532
|
footer: /* @__PURE__ */ g(fe, { children: [
|
|
4546
4533
|
/* @__PURE__ */ a(
|
|
4547
4534
|
Ct,
|
|
@@ -4549,53 +4536,53 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4549
4536
|
variant: Se.SECONDARY,
|
|
4550
4537
|
size: et.MEDIUM,
|
|
4551
4538
|
onClick: t,
|
|
4552
|
-
disabled:
|
|
4553
|
-
children:
|
|
4539
|
+
disabled: d,
|
|
4540
|
+
children: z("ConfirmDialog.cancelLabel", s, u == null ? void 0 : u.cancel)
|
|
4554
4541
|
}
|
|
4555
4542
|
),
|
|
4556
4543
|
/* @__PURE__ */ a(
|
|
4557
4544
|
Ct,
|
|
4558
4545
|
{
|
|
4559
|
-
variant:
|
|
4546
|
+
variant: u_[w],
|
|
4560
4547
|
size: et.MEDIUM,
|
|
4561
4548
|
onClick: b,
|
|
4562
|
-
isLoading:
|
|
4563
|
-
children:
|
|
4549
|
+
isLoading: d,
|
|
4550
|
+
children: i
|
|
4564
4551
|
}
|
|
4565
4552
|
)
|
|
4566
4553
|
] }),
|
|
4567
4554
|
children: c
|
|
4568
4555
|
}
|
|
4569
4556
|
);
|
|
4570
|
-
},
|
|
4571
|
-
drawer:
|
|
4557
|
+
}, mh = /* @__PURE__ */ I(h_), p_ = "hanui-drawer-fgfi1", m_ = "hanui-drawer__header-BDcRe", b_ = "hanui-drawer__title-9M0e8", g_ = "hanui-drawer__close-Z30oW", f_ = "hanui-drawer__toolbar-vcsYi", v_ = "hanui-drawer__body-x12SX", y_ = "hanui-drawer__footer-PajTg", ye = {
|
|
4558
|
+
drawer: p_,
|
|
4572
4559
|
"drawer--sm": "hanui-drawer--sm-ywgof",
|
|
4573
4560
|
"drawer--md": "hanui-drawer--md-mN8Kg",
|
|
4574
4561
|
"drawer--lg": "hanui-drawer--lg-5H-oE",
|
|
4575
4562
|
"drawer--end": "hanui-drawer--end-q-sIP",
|
|
4576
4563
|
"drawer--start": "hanui-drawer--start-xqVlX",
|
|
4577
|
-
drawer__header:
|
|
4578
|
-
drawer__title:
|
|
4579
|
-
drawer__close:
|
|
4580
|
-
drawer__toolbar:
|
|
4581
|
-
drawer__body:
|
|
4582
|
-
drawer__footer:
|
|
4583
|
-
},
|
|
4564
|
+
drawer__header: m_,
|
|
4565
|
+
drawer__title: b_,
|
|
4566
|
+
drawer__close: g_,
|
|
4567
|
+
drawer__toolbar: f_,
|
|
4568
|
+
drawer__body: v_,
|
|
4569
|
+
drawer__footer: y_
|
|
4570
|
+
}, w_ = ({
|
|
4584
4571
|
isOpen: e,
|
|
4585
4572
|
onClose: t,
|
|
4586
4573
|
title: n,
|
|
4587
4574
|
closeLabel: r,
|
|
4588
4575
|
children: o,
|
|
4589
|
-
side:
|
|
4590
|
-
size:
|
|
4591
|
-
footer:
|
|
4576
|
+
side: i = "end",
|
|
4577
|
+
size: s = "md",
|
|
4578
|
+
footer: l,
|
|
4592
4579
|
toolbar: h,
|
|
4593
|
-
className:
|
|
4580
|
+
className: _,
|
|
4594
4581
|
testId: c
|
|
4595
4582
|
}) => {
|
|
4596
|
-
const { labels:
|
|
4583
|
+
const { labels: u } = j(), d = R(null), m = R(null), w = J();
|
|
4597
4584
|
S(() => {
|
|
4598
|
-
const p =
|
|
4585
|
+
const p = d.current;
|
|
4599
4586
|
if (!p) return;
|
|
4600
4587
|
if (!e) {
|
|
4601
4588
|
p.open && p.close();
|
|
@@ -4608,24 +4595,24 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4608
4595
|
N(), m.current = null, y();
|
|
4609
4596
|
};
|
|
4610
4597
|
}, [e]), qt(e), S(() => {
|
|
4611
|
-
const p =
|
|
4598
|
+
const p = d.current;
|
|
4612
4599
|
if (!p) return;
|
|
4613
4600
|
const y = (D) => {
|
|
4614
4601
|
D.preventDefault(), !(m.current && !Gt(m.current)) && t();
|
|
4615
4602
|
};
|
|
4616
4603
|
return p.addEventListener("cancel", y), () => p.removeEventListener("cancel", y);
|
|
4617
4604
|
}, [t]);
|
|
4618
|
-
const b =
|
|
4605
|
+
const b = H(
|
|
4619
4606
|
(p) => {
|
|
4620
|
-
p.target ===
|
|
4607
|
+
p.target === d.current && t();
|
|
4621
4608
|
},
|
|
4622
4609
|
[t]
|
|
4623
4610
|
);
|
|
4624
4611
|
return /* @__PURE__ */ g(
|
|
4625
4612
|
"dialog",
|
|
4626
4613
|
{
|
|
4627
|
-
ref:
|
|
4628
|
-
className: v(ye.drawer, ye[`drawer--${
|
|
4614
|
+
ref: d,
|
|
4615
|
+
className: v(ye.drawer, ye[`drawer--${i}`], ye[`drawer--${s}`], _),
|
|
4629
4616
|
"aria-labelledby": w,
|
|
4630
4617
|
"data-testid": c,
|
|
4631
4618
|
onClick: b,
|
|
@@ -4635,8 +4622,8 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4635
4622
|
/* @__PURE__ */ a(
|
|
4636
4623
|
Re,
|
|
4637
4624
|
{
|
|
4638
|
-
icon: /* @__PURE__ */ a(
|
|
4639
|
-
label:
|
|
4625
|
+
icon: /* @__PURE__ */ a(ze, { "aria-hidden": !0 }),
|
|
4626
|
+
label: z("Drawer.closeLabel", r, u == null ? void 0 : u.close),
|
|
4640
4627
|
variant: "ghost",
|
|
4641
4628
|
size: "sm",
|
|
4642
4629
|
className: ye.drawer__close,
|
|
@@ -4646,36 +4633,36 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4646
4633
|
] }),
|
|
4647
4634
|
h && /* @__PURE__ */ a("div", { className: ye.drawer__toolbar, children: h }),
|
|
4648
4635
|
/* @__PURE__ */ a("div", { className: ye.drawer__body, children: o }),
|
|
4649
|
-
|
|
4636
|
+
l && /* @__PURE__ */ a("div", { className: ye.drawer__footer, children: l })
|
|
4650
4637
|
]
|
|
4651
4638
|
}
|
|
4652
4639
|
);
|
|
4653
|
-
},
|
|
4654
|
-
form:
|
|
4655
|
-
},
|
|
4640
|
+
}, bh = /* @__PURE__ */ I(/* @__PURE__ */ F(w_, "Drawer")), x_ = "hanui-form-zpZn4", k_ = {
|
|
4641
|
+
form: x_
|
|
4642
|
+
}, N_ = ({
|
|
4656
4643
|
isOpen: e,
|
|
4657
4644
|
onClose: t,
|
|
4658
4645
|
onSubmit: n,
|
|
4659
4646
|
title: r,
|
|
4660
4647
|
label: o,
|
|
4661
|
-
submitLabel:
|
|
4662
|
-
cancelLabel:
|
|
4663
|
-
closeLabel:
|
|
4648
|
+
submitLabel: i,
|
|
4649
|
+
cancelLabel: s,
|
|
4650
|
+
closeLabel: l,
|
|
4664
4651
|
description: h,
|
|
4665
|
-
hint:
|
|
4652
|
+
hint: _,
|
|
4666
4653
|
placeholder: c,
|
|
4667
|
-
defaultValue:
|
|
4668
|
-
isRequired:
|
|
4654
|
+
defaultValue: u = "",
|
|
4655
|
+
isRequired: d,
|
|
4669
4656
|
requiredLabel: m,
|
|
4670
4657
|
inputMode: w = "text",
|
|
4671
4658
|
maxLength: b,
|
|
4672
4659
|
rows: p = 4
|
|
4673
4660
|
}) => {
|
|
4674
|
-
const { labels: y } = j(), D = J(), [N, f] = P(
|
|
4661
|
+
const { labels: y } = j(), D = J(), [N, f] = P(u), [$, k] = P(!1), L = R(!1);
|
|
4675
4662
|
S(() => {
|
|
4676
|
-
e && !L.current && f(
|
|
4677
|
-
}, [e,
|
|
4678
|
-
const C = N.trim(), E = !!
|
|
4663
|
+
e && !L.current && f(u), L.current = e;
|
|
4664
|
+
}, [e, u]);
|
|
4665
|
+
const C = N.trim(), E = !!d && C === "", x = (U) => w === "multiline" ? /* @__PURE__ */ a(
|
|
4679
4666
|
vi,
|
|
4680
4667
|
{
|
|
4681
4668
|
...U,
|
|
@@ -4712,7 +4699,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4712
4699
|
isOpen: e,
|
|
4713
4700
|
onClose: t,
|
|
4714
4701
|
title: r,
|
|
4715
|
-
closeLabel:
|
|
4702
|
+
closeLabel: l ?? (y == null ? void 0 : y.close),
|
|
4716
4703
|
description: h,
|
|
4717
4704
|
size: "sm",
|
|
4718
4705
|
isDismissable: !$,
|
|
@@ -4724,7 +4711,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4724
4711
|
size: et.MEDIUM,
|
|
4725
4712
|
onClick: t,
|
|
4726
4713
|
disabled: $,
|
|
4727
|
-
children:
|
|
4714
|
+
children: z("PromptDialog.cancelLabel", s, y == null ? void 0 : y.cancel)
|
|
4728
4715
|
}
|
|
4729
4716
|
),
|
|
4730
4717
|
/* @__PURE__ */ a(
|
|
@@ -4736,7 +4723,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4736
4723
|
size: et.MEDIUM,
|
|
4737
4724
|
disabled: E,
|
|
4738
4725
|
isLoading: $,
|
|
4739
|
-
children:
|
|
4726
|
+
children: z("PromptDialog.submitLabel", i, y == null ? void 0 : y.submit)
|
|
4740
4727
|
}
|
|
4741
4728
|
)
|
|
4742
4729
|
] }),
|
|
@@ -4744,25 +4731,25 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4744
4731
|
"form",
|
|
4745
4732
|
{
|
|
4746
4733
|
id: D,
|
|
4747
|
-
className:
|
|
4734
|
+
className: k_.form,
|
|
4748
4735
|
onSubmit: (U) => {
|
|
4749
4736
|
U.preventDefault(), M();
|
|
4750
4737
|
},
|
|
4751
|
-
children: /* @__PURE__ */ a(Mi, { label: o, hint:
|
|
4738
|
+
children: /* @__PURE__ */ a(Mi, { label: o, hint: _, isRequired: d, requiredLabel: m, children: x })
|
|
4752
4739
|
}
|
|
4753
4740
|
)
|
|
4754
4741
|
}
|
|
4755
4742
|
);
|
|
4756
|
-
},
|
|
4757
|
-
scroller:
|
|
4743
|
+
}, gh = /* @__PURE__ */ I(N_), $_ = "hanui-scroller-EtDmS", D_ = "hanui-table-uCv4q", _t = {
|
|
4744
|
+
scroller: $_,
|
|
4758
4745
|
"scroller--frame": "hanui-scroller--frame-84zz6",
|
|
4759
|
-
table:
|
|
4746
|
+
table: D_,
|
|
4760
4747
|
"table--compact": "hanui-table--compact-4KCVl",
|
|
4761
4748
|
"table--regular": "hanui-table--regular-hsA3-",
|
|
4762
4749
|
"table--spacious": "hanui-table--spacious-BBUX-",
|
|
4763
4750
|
"table--sticky-head": "hanui-table--sticky-head-FO2L4",
|
|
4764
4751
|
"table--row-hover": "hanui-table--row-hover--MAoe"
|
|
4765
|
-
},
|
|
4752
|
+
}, fh = /* @__PURE__ */ F(
|
|
4766
4753
|
/* @__PURE__ */ I(({ hasFrame: e = !0, className: t, children: n, ...r }) => /* @__PURE__ */ a(
|
|
4767
4754
|
"div",
|
|
4768
4755
|
{
|
|
@@ -4772,13 +4759,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4772
4759
|
}
|
|
4773
4760
|
)),
|
|
4774
4761
|
"TableScroller"
|
|
4775
|
-
),
|
|
4762
|
+
), I_ = ({
|
|
4776
4763
|
density: e = "regular",
|
|
4777
4764
|
hasStickyHead: t,
|
|
4778
4765
|
hasRowHover: n,
|
|
4779
4766
|
className: r,
|
|
4780
4767
|
children: o,
|
|
4781
|
-
...
|
|
4768
|
+
...i
|
|
4782
4769
|
}) => /* @__PURE__ */ a(
|
|
4783
4770
|
"table",
|
|
4784
4771
|
{
|
|
@@ -4789,39 +4776,39 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4789
4776
|
n && _t["table--row-hover"],
|
|
4790
4777
|
r
|
|
4791
4778
|
),
|
|
4792
|
-
...
|
|
4779
|
+
...i,
|
|
4793
4780
|
children: o
|
|
4794
4781
|
}
|
|
4795
|
-
),
|
|
4796
|
-
wrapper:
|
|
4782
|
+
), vh = /* @__PURE__ */ I(I_), T_ = "hanui-wrapper-KXCZg", C_ = "hanui-table-LF5Ow", E_ = "hanui-state-YPPb0", L_ = "hanui-state__message-wwbIW", S_ = "hanui-srOnly-Oia8c", R_ = "hanui-sort-3Q6Fx", A_ = "hanui-sort__arrow-MITWb", M_ = "hanui-sticky-KDEvQ", B_ = "hanui-bulkBar-62qk0", ae = {
|
|
4783
|
+
wrapper: T_,
|
|
4797
4784
|
"wrapper--capped": "hanui-wrapper--capped-M2QUJ",
|
|
4798
|
-
table:
|
|
4799
|
-
state:
|
|
4785
|
+
table: C_,
|
|
4786
|
+
state: E_,
|
|
4800
4787
|
"state--error": "hanui-state--error-A492d",
|
|
4801
|
-
state__message:
|
|
4788
|
+
state__message: L_,
|
|
4802
4789
|
"row--warning": "hanui-row--warning-BAUN2",
|
|
4803
|
-
srOnly:
|
|
4804
|
-
sort:
|
|
4805
|
-
sort__arrow:
|
|
4790
|
+
srOnly: S_,
|
|
4791
|
+
sort: R_,
|
|
4792
|
+
sort__arrow: A_,
|
|
4806
4793
|
"sort__arrow--ascending": "hanui-sort__arrow--ascending-85T5d",
|
|
4807
4794
|
"sort__arrow--descending": "hanui-sort__arrow--descending-gs3VU",
|
|
4808
|
-
sticky:
|
|
4809
|
-
bulkBar:
|
|
4810
|
-
},
|
|
4795
|
+
sticky: M_,
|
|
4796
|
+
bulkBar: B_
|
|
4797
|
+
}, F_ = ({
|
|
4811
4798
|
columns: e,
|
|
4812
4799
|
children: t,
|
|
4813
4800
|
isLoading: n,
|
|
4814
4801
|
error: r,
|
|
4815
4802
|
emptyMessage: o,
|
|
4816
|
-
loadingMessage:
|
|
4817
|
-
hasViewportCap:
|
|
4818
|
-
onSort:
|
|
4803
|
+
loadingMessage: i,
|
|
4804
|
+
hasViewportCap: s,
|
|
4805
|
+
onSort: l,
|
|
4819
4806
|
bulkBar: h,
|
|
4820
|
-
className:
|
|
4807
|
+
className: _,
|
|
4821
4808
|
testId: c
|
|
4822
4809
|
}) => {
|
|
4823
4810
|
var w, b;
|
|
4824
|
-
const { labels:
|
|
4811
|
+
const { labels: u } = j(), d = dn.count(t), m = (p, y) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
|
|
4825
4812
|
"td",
|
|
4826
4813
|
{
|
|
4827
4814
|
colSpan: e.length,
|
|
@@ -4832,13 +4819,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4832
4819
|
return /* @__PURE__ */ g(
|
|
4833
4820
|
"div",
|
|
4834
4821
|
{
|
|
4835
|
-
className: v(ae.wrapper,
|
|
4822
|
+
className: v(ae.wrapper, s && ae["wrapper--capped"], _),
|
|
4836
4823
|
"data-testid": c,
|
|
4837
4824
|
children: [
|
|
4838
4825
|
h && /* @__PURE__ */ a("div", { className: ae.bulkBar, children: h }),
|
|
4839
4826
|
/* @__PURE__ */ g("table", { className: ae.table, children: [
|
|
4840
4827
|
/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((p) => {
|
|
4841
|
-
const y = !!(p.isSortable &&
|
|
4828
|
+
const y = !!(p.isSortable && l), D = p.ariaSort === "ascending" ? "descending" : "ascending";
|
|
4842
4829
|
return /* @__PURE__ */ a(
|
|
4843
4830
|
"th",
|
|
4844
4831
|
{
|
|
@@ -4857,7 +4844,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4857
4844
|
{
|
|
4858
4845
|
type: "button",
|
|
4859
4846
|
className: ae.sort,
|
|
4860
|
-
onClick: () =>
|
|
4847
|
+
onClick: () => l == null ? void 0 : l(p.key, D),
|
|
4861
4848
|
children: [
|
|
4862
4849
|
p.label,
|
|
4863
4850
|
p.srLabel && /* @__PURE__ */ a("span", { className: ae.srOnly, children: p.srLabel }),
|
|
@@ -4890,37 +4877,37 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4890
4877
|
] }),
|
|
4891
4878
|
"error"
|
|
4892
4879
|
) : n ? m(
|
|
4893
|
-
|
|
4880
|
+
z(
|
|
4894
4881
|
"DataTable.loadingMessage",
|
|
4895
|
-
|
|
4896
|
-
(w =
|
|
4882
|
+
i,
|
|
4883
|
+
(w = u == null ? void 0 : u.dataTable) == null ? void 0 : w.loading
|
|
4897
4884
|
)
|
|
4898
|
-
) :
|
|
4899
|
-
|
|
4885
|
+
) : d === 0 ? m(
|
|
4886
|
+
z("DataTable.emptyMessage", o, (b = u == null ? void 0 : u.dataTable) == null ? void 0 : b.empty)
|
|
4900
4887
|
) : t })
|
|
4901
4888
|
] })
|
|
4902
4889
|
]
|
|
4903
4890
|
}
|
|
4904
4891
|
);
|
|
4905
|
-
},
|
|
4892
|
+
}, yh = /* @__PURE__ */ F(
|
|
4906
4893
|
/* @__PURE__ */ I(({ isWarning: e, className: t, children: n, ...r }) => /* @__PURE__ */ a("tr", { className: v(e && ae["row--warning"], t), ...r, children: n })),
|
|
4907
4894
|
"DataTableRow"
|
|
4908
|
-
),
|
|
4909
|
-
bar:
|
|
4910
|
-
bar__hiddenSubmit:
|
|
4911
|
-
bar__actions:
|
|
4895
|
+
), wh = /* @__PURE__ */ I(F_), P_ = "hanui-bar-b4PP4", O_ = "hanui-bar__hiddenSubmit-jeCyX", H_ = "hanui-bar__actions-rG69L", z_ = "hanui-field-f-rvu", It = {
|
|
4896
|
+
bar: P_,
|
|
4897
|
+
bar__hiddenSubmit: O_,
|
|
4898
|
+
bar__actions: H_,
|
|
4912
4899
|
field: z_,
|
|
4913
4900
|
"field--wide": "hanui-field--wide-FA5gf"
|
|
4914
|
-
},
|
|
4915
|
-
const { labels:
|
|
4901
|
+
}, K_ = ({ onSubmit: e, children: t, actions: n, label: r, className: o, testId: i }) => {
|
|
4902
|
+
const { labels: s } = j();
|
|
4916
4903
|
return /* @__PURE__ */ g(
|
|
4917
4904
|
"form",
|
|
4918
4905
|
{
|
|
4919
4906
|
className: v(It.bar, o),
|
|
4920
|
-
"aria-label":
|
|
4921
|
-
"data-testid":
|
|
4922
|
-
onSubmit: (
|
|
4923
|
-
|
|
4907
|
+
"aria-label": z("FilterBar.label", r, s == null ? void 0 : s.filters),
|
|
4908
|
+
"data-testid": i,
|
|
4909
|
+
onSubmit: (l) => {
|
|
4910
|
+
l.preventDefault(), e();
|
|
4924
4911
|
},
|
|
4925
4912
|
children: [
|
|
4926
4913
|
t,
|
|
@@ -4929,52 +4916,52 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4929
4916
|
]
|
|
4930
4917
|
}
|
|
4931
4918
|
);
|
|
4932
|
-
},
|
|
4919
|
+
}, xh = /* @__PURE__ */ F(
|
|
4933
4920
|
/* @__PURE__ */ I(({ children: e, isWide: t, className: n }) => /* @__PURE__ */ a("div", { className: v(It.field, t && It["field--wide"], n), children: e })),
|
|
4934
4921
|
"FilterBarField"
|
|
4935
|
-
),
|
|
4936
|
-
pagination:
|
|
4937
|
-
pagination__list:
|
|
4938
|
-
pagination__arrow:
|
|
4939
|
-
pagination__page:
|
|
4922
|
+
), kh = /* @__PURE__ */ I(K_), U_ = "hanui-pagination-K-L20", q_ = "hanui-pagination__list--9HqC", j_ = "hanui-pagination__arrow-XIgoX", Y_ = "hanui-pagination__page-TpoJM", G_ = "hanui-pagination__gap-qoDyI", Ce = {
|
|
4923
|
+
pagination: U_,
|
|
4924
|
+
pagination__list: q_,
|
|
4925
|
+
pagination__arrow: j_,
|
|
4926
|
+
pagination__page: Y_,
|
|
4940
4927
|
"pagination__page--active": "hanui-pagination__page--active-XHeaz",
|
|
4941
|
-
pagination__gap:
|
|
4942
|
-
},
|
|
4943
|
-
if (t <= 7) return Array.from({ length: t }, (
|
|
4928
|
+
pagination__gap: G_
|
|
4929
|
+
}, X_ = (e, t) => {
|
|
4930
|
+
if (t <= 7) return Array.from({ length: t }, (i, s) => s + 1);
|
|
4944
4931
|
const n = /* @__PURE__ */ new Set([1, t, e]);
|
|
4945
4932
|
e - 1 > 1 && n.add(e - 1), e + 1 < t && n.add(e + 1);
|
|
4946
|
-
const r = [...n].sort((
|
|
4947
|
-
return r.forEach((
|
|
4948
|
-
|
|
4933
|
+
const r = [...n].sort((i, s) => i - s), o = [];
|
|
4934
|
+
return r.forEach((i, s) => {
|
|
4935
|
+
s > 0 && i - r[s - 1] > 1 && o.push("gap"), o.push(i);
|
|
4949
4936
|
}), o;
|
|
4950
|
-
},
|
|
4937
|
+
}, W_ = ({
|
|
4951
4938
|
page: e,
|
|
4952
4939
|
totalPages: t,
|
|
4953
4940
|
label: n,
|
|
4954
4941
|
previousLabel: r,
|
|
4955
4942
|
nextLabel: o,
|
|
4956
|
-
buildHref:
|
|
4957
|
-
onPageChange:
|
|
4958
|
-
linkProps:
|
|
4943
|
+
buildHref: i,
|
|
4944
|
+
onPageChange: s,
|
|
4945
|
+
linkProps: l,
|
|
4959
4946
|
formatAnnouncement: h,
|
|
4960
|
-
className:
|
|
4947
|
+
className: _,
|
|
4961
4948
|
testId: c
|
|
4962
4949
|
}) => {
|
|
4963
4950
|
var p, y, D;
|
|
4964
|
-
const { labels:
|
|
4951
|
+
const { labels: u } = j(), d = oa(), m = R(e);
|
|
4965
4952
|
S(() => {
|
|
4966
|
-
m.current !== e && (m.current = e, h &&
|
|
4967
|
-
}, [e, t, h,
|
|
4968
|
-
const w = Tt(() =>
|
|
4953
|
+
m.current !== e && (m.current = e, h && d(h(e, t)));
|
|
4954
|
+
}, [e, t, h, d]);
|
|
4955
|
+
const w = Tt(() => X_(e, t), [e, t]);
|
|
4969
4956
|
if (t <= 1) return null;
|
|
4970
4957
|
const b = (N) => {
|
|
4971
|
-
|
|
4958
|
+
s && s(N);
|
|
4972
4959
|
};
|
|
4973
4960
|
return /* @__PURE__ */ g(
|
|
4974
4961
|
"nav",
|
|
4975
4962
|
{
|
|
4976
|
-
className: v(Ce.pagination,
|
|
4977
|
-
"aria-label":
|
|
4963
|
+
className: v(Ce.pagination, _),
|
|
4964
|
+
"aria-label": z("Pagination.label", n, (p = u == null ? void 0 : u.pagination) == null ? void 0 : p.label),
|
|
4978
4965
|
"data-testid": c,
|
|
4979
4966
|
children: [
|
|
4980
4967
|
/* @__PURE__ */ a(
|
|
@@ -4982,10 +4969,10 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4982
4969
|
{
|
|
4983
4970
|
className: Ce.pagination__arrow,
|
|
4984
4971
|
icon: /* @__PURE__ */ a(Oa, { "aria-hidden": !0 }),
|
|
4985
|
-
label:
|
|
4972
|
+
label: z(
|
|
4986
4973
|
"Pagination.previousLabel",
|
|
4987
4974
|
r,
|
|
4988
|
-
(y =
|
|
4975
|
+
(y = u == null ? void 0 : u.pagination) == null ? void 0 : y.previous
|
|
4989
4976
|
),
|
|
4990
4977
|
variant: "outline",
|
|
4991
4978
|
disabled: e <= 1,
|
|
@@ -4993,16 +4980,16 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
4993
4980
|
}
|
|
4994
4981
|
),
|
|
4995
4982
|
/* @__PURE__ */ a("ul", { className: Ce.pagination__list, children: w.map(
|
|
4996
|
-
(N, f) => N === "gap" ? /* @__PURE__ */ a("li", { className: Ce.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${f}`) : /* @__PURE__ */ a("li", { children:
|
|
4983
|
+
(N, f) => N === "gap" ? /* @__PURE__ */ a("li", { className: Ce.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${f}`) : /* @__PURE__ */ a("li", { children: i ? /* @__PURE__ */ a(
|
|
4997
4984
|
ke,
|
|
4998
4985
|
{
|
|
4999
|
-
href:
|
|
4986
|
+
href: i(N),
|
|
5000
4987
|
className: v(
|
|
5001
4988
|
Ce.pagination__page,
|
|
5002
4989
|
N === e && Ce["pagination__page--active"]
|
|
5003
4990
|
),
|
|
5004
4991
|
"aria-current": N === e ? "page" : void 0,
|
|
5005
|
-
...
|
|
4992
|
+
...l,
|
|
5006
4993
|
children: N
|
|
5007
4994
|
}
|
|
5008
4995
|
) : /* @__PURE__ */ a(
|
|
@@ -5025,7 +5012,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
5025
5012
|
{
|
|
5026
5013
|
className: Ce.pagination__arrow,
|
|
5027
5014
|
icon: /* @__PURE__ */ a(Kt, { "aria-hidden": !0 }),
|
|
5028
|
-
label:
|
|
5015
|
+
label: z("Pagination.nextLabel", o, (D = u == null ? void 0 : u.pagination) == null ? void 0 : D.next),
|
|
5029
5016
|
variant: "outline",
|
|
5030
5017
|
disabled: e >= t,
|
|
5031
5018
|
onClick: () => b(e + 1)
|
|
@@ -5034,110 +5021,110 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
|
|
|
5034
5021
|
]
|
|
5035
5022
|
}
|
|
5036
5023
|
);
|
|
5037
|
-
},
|
|
5024
|
+
}, Nh = /* @__PURE__ */ I(W_);
|
|
5038
5025
|
export {
|
|
5039
5026
|
sa as ABOVE_MOBILE_MEDIA_QUERY,
|
|
5040
|
-
|
|
5041
|
-
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
|
|
5027
|
+
lu as ABOVE_TABLET_MEDIA_QUERY,
|
|
5028
|
+
lh as Accordion,
|
|
5029
|
+
Lu as Alert,
|
|
5030
|
+
Su as Avatar,
|
|
5031
|
+
Ru as Badge,
|
|
5045
5032
|
Wa as BottomSheet,
|
|
5046
|
-
|
|
5033
|
+
Au as Breadcrumb,
|
|
5047
5034
|
Ct as Button,
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
|
|
5054
|
-
|
|
5055
|
-
|
|
5035
|
+
au as COMPACT_DENSITY,
|
|
5036
|
+
Ou as Card,
|
|
5037
|
+
Fu as CardBody,
|
|
5038
|
+
Pu as CardFooter,
|
|
5039
|
+
Mu as CardMedia,
|
|
5040
|
+
Bu as CardOverlay,
|
|
5041
|
+
Hu as Carousel,
|
|
5042
|
+
fu as Checkbox,
|
|
5056
5043
|
gr as Chip,
|
|
5057
|
-
|
|
5058
|
-
|
|
5059
|
-
|
|
5060
|
-
|
|
5044
|
+
pu as ChipGroup,
|
|
5045
|
+
mu as Combobox,
|
|
5046
|
+
ph as CommandPalette,
|
|
5047
|
+
mh as ConfirmDialog,
|
|
5061
5048
|
zu as CopyField,
|
|
5062
5049
|
xn as DARK_THEME,
|
|
5063
|
-
|
|
5064
|
-
|
|
5065
|
-
|
|
5066
|
-
|
|
5067
|
-
|
|
5068
|
-
|
|
5069
|
-
|
|
5070
|
-
|
|
5071
|
-
|
|
5072
|
-
|
|
5073
|
-
|
|
5074
|
-
|
|
5050
|
+
nu as DEFAULT_FONTS,
|
|
5051
|
+
wh as DataTable,
|
|
5052
|
+
yh as DataTableRow,
|
|
5053
|
+
Iu as DateField,
|
|
5054
|
+
Tu as DateRange,
|
|
5055
|
+
Yu as Directory,
|
|
5056
|
+
Uu as DirectoryGroup,
|
|
5057
|
+
ju as DirectoryJump,
|
|
5058
|
+
qu as DirectoryRow,
|
|
5059
|
+
Ku as Divider,
|
|
5060
|
+
bh as Drawer,
|
|
5061
|
+
Gu as EmptyState,
|
|
5075
5062
|
Mi as Field,
|
|
5076
|
-
|
|
5077
|
-
|
|
5078
|
-
|
|
5079
|
-
|
|
5063
|
+
Eu as FileUpload,
|
|
5064
|
+
kh as FilterBar,
|
|
5065
|
+
xh as FilterBarField,
|
|
5066
|
+
ou as HanuiProvider,
|
|
5080
5067
|
Re as IconButton,
|
|
5081
5068
|
li as Input,
|
|
5082
5069
|
wn as LIGHT_THEME,
|
|
5083
|
-
|
|
5070
|
+
tu as METRIC_TOKENS,
|
|
5084
5071
|
An as MOBILE_BREAKPOINT,
|
|
5085
|
-
|
|
5072
|
+
uu as Menu,
|
|
5086
5073
|
Ja as Modal,
|
|
5087
|
-
|
|
5088
|
-
|
|
5089
|
-
|
|
5090
|
-
|
|
5091
|
-
|
|
5092
|
-
|
|
5093
|
-
|
|
5074
|
+
Xu as PageHeader,
|
|
5075
|
+
Nh as Pagination,
|
|
5076
|
+
Ju as Panel,
|
|
5077
|
+
Wu as PanelForm,
|
|
5078
|
+
Qu as PanelRow,
|
|
5079
|
+
hu as Popover,
|
|
5080
|
+
Zu as Price,
|
|
5094
5081
|
Yi as Progress,
|
|
5095
|
-
|
|
5096
|
-
|
|
5097
|
-
|
|
5098
|
-
|
|
5099
|
-
|
|
5100
|
-
|
|
5101
|
-
|
|
5102
|
-
|
|
5103
|
-
|
|
5104
|
-
|
|
5105
|
-
|
|
5106
|
-
|
|
5107
|
-
|
|
5108
|
-
|
|
5109
|
-
|
|
5110
|
-
|
|
5082
|
+
Cu as ProgressCircle,
|
|
5083
|
+
gh as PromptDialog,
|
|
5084
|
+
Nu as QuantityStepper,
|
|
5085
|
+
yu as Radio,
|
|
5086
|
+
wu as RadioCard,
|
|
5087
|
+
xu as RangeSlider,
|
|
5088
|
+
Vu as Rating,
|
|
5089
|
+
ku as RatingInput,
|
|
5090
|
+
th as ScrollArea,
|
|
5091
|
+
eh as SectionHeader,
|
|
5092
|
+
bu as SegmentedControl,
|
|
5093
|
+
gu as Select,
|
|
5094
|
+
ah as Skeleton,
|
|
5095
|
+
nh as SkeletonCard,
|
|
5096
|
+
rh as SkeletonRows,
|
|
5097
|
+
oh as SkeletonTable,
|
|
5111
5098
|
Xa as Spinner,
|
|
5112
|
-
|
|
5113
|
-
|
|
5114
|
-
|
|
5099
|
+
ih as Stat,
|
|
5100
|
+
dh as Steps,
|
|
5101
|
+
vu as Switch,
|
|
5115
5102
|
Mn as TABLET_BREAKPOINT,
|
|
5116
|
-
|
|
5117
|
-
|
|
5118
|
-
|
|
5119
|
-
|
|
5120
|
-
|
|
5121
|
-
|
|
5122
|
-
|
|
5103
|
+
cu as TABLET_PORTRAIT_BREAKPOINT,
|
|
5104
|
+
vh as Table,
|
|
5105
|
+
$u as TableCheckbox,
|
|
5106
|
+
fh as TableScroller,
|
|
5107
|
+
_h as Tabs,
|
|
5108
|
+
Du as TagInput,
|
|
5109
|
+
du as TextLink,
|
|
5123
5110
|
vi as Textarea,
|
|
5124
|
-
|
|
5125
|
-
|
|
5126
|
-
|
|
5127
|
-
|
|
5111
|
+
uh as Tile,
|
|
5112
|
+
hh as Timeline,
|
|
5113
|
+
ch as ToastHub,
|
|
5114
|
+
_u as Tooltip,
|
|
5128
5115
|
et as UISize,
|
|
5129
5116
|
Se as UIVariant,
|
|
5130
5117
|
kn as buildThemeCss,
|
|
5131
|
-
|
|
5118
|
+
iu as initHanui,
|
|
5132
5119
|
Fn as isKeyboardOpeningElement,
|
|
5133
5120
|
Ot as matchesSearch,
|
|
5134
5121
|
ka as normalizeSearchTerm,
|
|
5135
5122
|
ca as preventAutoKeyboard,
|
|
5136
|
-
|
|
5137
|
-
|
|
5123
|
+
ru as resolveTokens,
|
|
5124
|
+
sh as toast,
|
|
5138
5125
|
oa as useAnnounce,
|
|
5139
5126
|
j as useHanui,
|
|
5140
|
-
|
|
5127
|
+
su as useHanuiTheme,
|
|
5141
5128
|
qa as useListboxNavigation,
|
|
5142
5129
|
Ut as usePositioning,
|
|
5143
5130
|
qt as useScrollLock,
|