@ahmetilhn/hanui 2.4.0 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.cjs +2 -2
- package/build/index.cjs.map +1 -1
- package/build/index.d.ts +5 -5
- package/build/index.js +673 -671
- package/build/index.js.map +1 -1
- package/build/styles.css +1 -1
- package/package.json +2 -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 bn, createContext as gn, useMemo as Et, useEffect as S, useRef as R, useCallback as H, useState as O, useLayoutEffect as Fa, memo as
|
|
3
|
+
import { useContext as bn, createContext as gn, useMemo as Et, useEffect as S, useRef as R, useCallback as H, useState as O, useLayoutEffect as Fa, memo as T, forwardRef as Ie, useId as J, isValidElement as Pa, cloneElement as Oa, Children as fn } from "react";
|
|
4
4
|
import { isClient as he, isDefined as ht, normalize as ya, isNumber as wa } from "@ahmetilhn/handy-utils";
|
|
5
|
-
import { ArrowRight as vn, XLg as Ue, Search as Ha, CaretDownFill as za, CheckLg as Yt, StarFill as oa, DashLg as Ka, PlusLg as yn, EyeSlashFill as wn, EyeFill as xn, ExclamationCircleFill as Ot, CloudArrowUpFill as
|
|
5
|
+
import { ArrowRight as vn, XLg as Ue, Search as Ha, CaretDownFill as za, CheckLg as Yt, StarFill as oa, DashLg as Ka, PlusLg as yn, EyeSlashFill as wn, EyeFill as xn, ExclamationCircleFill as Ot, CloudArrowUpFill as Nn, XCircleFill as Ua, ExclamationTriangleFill as la, CheckCircleFill as Ya, InfoCircleFill as qa, CaretRightFill as qt, CaretLeftFill as ja, ClipboardCheckFill as kn, ClipboardFill as $n, StarHalf as In, ArrowDownShort as Tn, ArrowUpShort as Dn, QuestionCircleFill as Cn, TrashFill as En } from "react-bootstrap-icons";
|
|
6
6
|
import { createPortal as St } from "react-dom";
|
|
7
7
|
const ge = {
|
|
8
8
|
/** Koyu yeşil — marka zemini, açık zemindeki logo rengi, birincil eylem. */
|
|
@@ -36,38 +36,32 @@ const ge = {
|
|
|
36
36
|
n700: "#26403a",
|
|
37
37
|
/** Ekseni marka mürekkebi kapatır: gövde metni, örtü ve gölge buradan. */
|
|
38
38
|
n900: ge.ink
|
|
39
|
-
},
|
|
39
|
+
}, ue = {
|
|
40
40
|
base: ge.pine,
|
|
41
41
|
two: "#004d40",
|
|
42
42
|
three: "#0f574a",
|
|
43
43
|
/*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
* kendisi (`#00120f`) — altında bir kademe YOK. Bant bu yüzden kılavuzun
|
|
48
|
-
* "koyu yüzeylerin tamamı" dediği marka zeminine çıkar: koyu yeşil sayfaya
|
|
49
|
-
* karşı 1,36:1, yani ayrı bir yüzey olduğu görülüyor ve üstündeki logo
|
|
50
|
-
* mint olduğunda imza eşleşmesi (10,76:1) doğrudan bandın içinde çıkıyor.
|
|
44
|
+
* Marka şeridinin zemini — iki temada da koyu yeşil. Koyu temada sayfaya
|
|
45
|
+
* karşı 1,36:1: ayrı bir yüzey olduğu görülüyor ve üstündeki logo mint
|
|
46
|
+
* olduğunda imza eşleşmesi (10,76:1) doğrudan şeridin içinde çıkıyor.
|
|
51
47
|
*/
|
|
52
48
|
dark: ge.pine,
|
|
53
|
-
darkTwo: "#002922",
|
|
54
49
|
/*
|
|
55
|
-
* ⚠
|
|
56
|
-
*
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
* kendi zemininden türetir.
|
|
50
|
+
* ⚠ Şeridin ayırıcı çizgisi SAYFA KENARLIĞINDAN gelmez. Sayfa kenarlığı
|
|
51
|
+
* (`SURFACE_DARK.border`) nötr bir yüzey merdiveni için ayarlı ve şeridin
|
|
52
|
+
* koyu yeşili üzerinde 1,10:1'e düşüyor — çizgi çizilmiş ama görünmüyor.
|
|
53
|
+
* Şerit kendi çizgisini kendi zemininden türetir.
|
|
60
54
|
*/
|
|
61
|
-
darkLine: "#0a4a3e"
|
|
62
|
-
|
|
63
|
-
}, W = {
|
|
55
|
+
darkLine: "#0a4a3e"
|
|
56
|
+
}, U = {
|
|
64
57
|
page: ge.ink,
|
|
65
|
-
surface: "#
|
|
66
|
-
surfaceTwo: "#
|
|
67
|
-
surfaceThree: "#
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
58
|
+
surface: "#0b1614",
|
|
59
|
+
surfaceTwo: "#14201d",
|
|
60
|
+
surfaceThree: "#1f2c28",
|
|
61
|
+
/** Girinti sayfanın ALTINA iner; önceki değer sayfadan açıktı. */
|
|
62
|
+
inset: "#000d0b",
|
|
63
|
+
border: "#26332f",
|
|
64
|
+
borderStrong: "#3d4f4a",
|
|
71
65
|
text: Ke.paper,
|
|
72
66
|
textTwo: Ke.mist,
|
|
73
67
|
/*
|
|
@@ -82,18 +76,19 @@ const ge = {
|
|
|
82
76
|
}, Ga = {
|
|
83
77
|
light: ge.pine,
|
|
84
78
|
dark: ge.mint
|
|
85
|
-
},
|
|
86
|
-
base: "#
|
|
87
|
-
hover: "#
|
|
88
|
-
active: "#
|
|
79
|
+
}, se = {
|
|
80
|
+
base: "#22a76d",
|
|
81
|
+
hover: "#2ab97a",
|
|
82
|
+
active: "#1d9a64",
|
|
89
83
|
/** Pasif dönüşüm düğmesi; saydamlık değil KENDİ dolgusu. */
|
|
90
|
-
soft: "#
|
|
91
|
-
dark: "#
|
|
92
|
-
darkHover: "#
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
84
|
+
soft: "#8fd3b6",
|
|
85
|
+
dark: "#43d08a",
|
|
86
|
+
darkHover: "#5ddf9c",
|
|
87
|
+
darkActive: "#2fbb7a",
|
|
88
|
+
darkSoft: "#43906f",
|
|
89
|
+
/** Yeşil dolgu üzerinde metin — BEYAZ DEĞİL: `base` üzerinde 2,7:1. */
|
|
90
|
+
on: "#02180f"
|
|
91
|
+
}, te = {
|
|
97
92
|
base: "#1a7f61",
|
|
98
93
|
hover: "#10654b",
|
|
99
94
|
active: "#0a4d39",
|
|
@@ -189,8 +184,8 @@ const ge = {
|
|
|
189
184
|
/** İKON hover'ı; metin taşıyan dolgunun hover'ı değil (yukarıdaki not). */
|
|
190
185
|
greenHover: "#17814f",
|
|
191
186
|
greenHoverDark: "#63e3a3",
|
|
192
|
-
/** Yeşil dolgu üzerindeki metin
|
|
193
|
-
onGreen:
|
|
187
|
+
/** Yeşil dolgu üzerindeki metin — dönüşüm düğmesiyle TEK KAYNAK. */
|
|
188
|
+
onGreen: se.on
|
|
194
189
|
}, Ht = {
|
|
195
190
|
bg: P.okBg,
|
|
196
191
|
fg: P.okFg,
|
|
@@ -204,7 +199,7 @@ const ge = {
|
|
|
204
199
|
}, A = (e, t) => {
|
|
205
200
|
const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((d) => d + d).join("") : n, o = parseInt(r.slice(0, 2), 16), i = parseInt(r.slice(2, 4), 16), s = parseInt(r.slice(4, 6), 16);
|
|
206
201
|
return `rgba(${o}, ${i}, ${s}, ${t})`;
|
|
207
|
-
},
|
|
202
|
+
}, oe = "#000000", Sn = {
|
|
208
203
|
// --- Yüzey ---
|
|
209
204
|
page: C.n50,
|
|
210
205
|
surface: C.n0,
|
|
@@ -219,13 +214,13 @@ const ge = {
|
|
|
219
214
|
"text-2": C.n600,
|
|
220
215
|
"text-3": C.n550,
|
|
221
216
|
// --- Bant: üst bant, alt bilgi, tablo başlığı, teknik blok ---
|
|
222
|
-
graphite:
|
|
223
|
-
"graphite-2":
|
|
224
|
-
"graphite-3":
|
|
217
|
+
graphite: ue.base,
|
|
218
|
+
"graphite-2": ue.two,
|
|
219
|
+
"graphite-3": ue.three,
|
|
225
220
|
/* BİRİNCİL EYLEM (dolgulu, kurumsal koyu yeşil). */
|
|
226
|
-
action:
|
|
227
|
-
"action-hover":
|
|
228
|
-
"action-active":
|
|
221
|
+
action: ue.base,
|
|
222
|
+
"action-hover": ue.two,
|
|
223
|
+
"action-active": ue.three,
|
|
229
224
|
"on-action": C.n0,
|
|
230
225
|
/** Dolgunun SINIRI; açık temada dolgunun kendisi (bkz. `ACTION_LINE`). */
|
|
231
226
|
"action-line": Ga.light,
|
|
@@ -233,19 +228,19 @@ const ge = {
|
|
|
233
228
|
"action-soft": C.n300,
|
|
234
229
|
/** PASİF DOLGU ÜZERİNDEKİ METİN. */
|
|
235
230
|
"on-action-soft": C.n700,
|
|
236
|
-
|
|
237
|
-
amber:
|
|
238
|
-
"amber-hover":
|
|
239
|
-
"amber-active":
|
|
240
|
-
"amber-soft":
|
|
241
|
-
"on-amber":
|
|
231
|
+
/* DÖNÜŞÜM EYLEMİ — ailenin en parlak yeşili; token adı turuncu, değeri değil. */
|
|
232
|
+
amber: se.base,
|
|
233
|
+
"amber-hover": se.hover,
|
|
234
|
+
"amber-active": se.active,
|
|
235
|
+
"amber-soft": se.soft,
|
|
236
|
+
"on-amber": se.on,
|
|
242
237
|
// --- Mavi: gezinme ve keşif ---
|
|
243
|
-
blue:
|
|
244
|
-
"blue-hover":
|
|
245
|
-
"blue-active":
|
|
246
|
-
"blue-text":
|
|
247
|
-
"blue-tint":
|
|
248
|
-
"blue-line":
|
|
238
|
+
blue: te.base,
|
|
239
|
+
"blue-hover": te.hover,
|
|
240
|
+
"blue-active": te.active,
|
|
241
|
+
"blue-text": te.text,
|
|
242
|
+
"blue-tint": te.tint,
|
|
243
|
+
"blue-line": te.line,
|
|
249
244
|
/*
|
|
250
245
|
* MAVİ DOLGU ÜZERİNDEKİ METİN — etkin sayfa numarası, etkin karo madalyonu,
|
|
251
246
|
* geçerli adım, dolu bağlantı rozeti. Bir zamanlar `on-action`ı kullanıyordu
|
|
@@ -316,10 +311,10 @@ const ge = {
|
|
|
316
311
|
* okunmuyor. Metin katmanları doğrudan kılavuzdan: gövde kâğıt (12,68:1),
|
|
317
312
|
* ikincil sis (6,15:1).
|
|
318
313
|
*/
|
|
319
|
-
"band-bg":
|
|
314
|
+
"band-bg": ue.dark,
|
|
320
315
|
"band-fg": Ke.paper,
|
|
321
316
|
"band-fg-2": Ke.mist,
|
|
322
|
-
"band-line":
|
|
317
|
+
"band-line": ue.darkLine,
|
|
323
318
|
"band-hover": A(C.n0, 0.07),
|
|
324
319
|
// --- Gölge: nötr-serin (sıcak gölge serin gri zeminde kirli durur) ---
|
|
325
320
|
"shadow-xs": `0 1px 2px ${A(C.n900, 0.05)}`,
|
|
@@ -330,8 +325,8 @@ const ge = {
|
|
|
330
325
|
/** Yapışkan alt bar; gölge YUKARI düşer. */
|
|
331
326
|
"shadow-up": `0 -2px 4px ${A(C.n900, 0.03)}, 0 -8px 24px ${A(C.n900, 0.08)}`,
|
|
332
327
|
/** Odak halkası MAVİ: odak bir gezinme olayıdır, bir dönüşüm değil. */
|
|
333
|
-
ring: `0 0 0 3px ${A(
|
|
334
|
-
"ring-color":
|
|
328
|
+
ring: `0 0 0 3px ${A(te.base, 0.28)}`,
|
|
329
|
+
"ring-color": te.base,
|
|
335
330
|
"ring-danger": `0 0 0 3px ${A(et.base, 0.24)}`,
|
|
336
331
|
"ring-ok": `0 0 0 4px ${A(P.okFg, 0.16)}`,
|
|
337
332
|
// --- Örtü ve cam: görsel üzerine binen yüzeyler ---
|
|
@@ -359,23 +354,25 @@ const ge = {
|
|
|
359
354
|
*/
|
|
360
355
|
"glow-1": A(ge.mint, 0.1),
|
|
361
356
|
"glow-2": A(ge.pine, 0.06),
|
|
362
|
-
"glow-amber": A(
|
|
357
|
+
"glow-amber": A(se.base, 0.09)
|
|
363
358
|
}, Rn = {
|
|
364
|
-
page:
|
|
365
|
-
surface:
|
|
366
|
-
"surface-2":
|
|
367
|
-
"surface-3":
|
|
368
|
-
"surface-inset":
|
|
369
|
-
border:
|
|
370
|
-
"border-strong":
|
|
371
|
-
text:
|
|
372
|
-
"text-2":
|
|
373
|
-
"text-3":
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
359
|
+
page: U.page,
|
|
360
|
+
surface: U.surface,
|
|
361
|
+
"surface-2": U.surfaceTwo,
|
|
362
|
+
"surface-3": U.surfaceThree,
|
|
363
|
+
"surface-inset": U.inset,
|
|
364
|
+
border: U.border,
|
|
365
|
+
"border-strong": U.borderStrong,
|
|
366
|
+
text: U.text,
|
|
367
|
+
"text-2": U.textTwo,
|
|
368
|
+
"text-3": U.textThree,
|
|
369
|
+
/* KOYU TEMADA BANT MARKA ÇAMINA ÇIKMAZ, yüzey merdivenine oturur: sayfa
|
|
370
|
+
kurumsal siyah ve bandın da zemin olması gerekiyor (bkz. `SURFACE_DARK`).
|
|
371
|
+
Marka yeşili koyu temada yalnızca şeritte (`band-*`) ve birincil eylemin
|
|
372
|
+
dolgusunda kalır. */
|
|
373
|
+
graphite: U.surface,
|
|
374
|
+
"graphite-2": U.surfaceTwo,
|
|
375
|
+
"graphite-3": U.surfaceThree,
|
|
379
376
|
/*
|
|
380
377
|
* ⚠ BİRİNCİL EYLEM İKİ TEMADA DA KURUMSAL KOYU YEŞİL — koyu temada mint
|
|
381
378
|
* dolguya DÖNMEZ. Önceki sürüm dönüyordu (mint + siyah metin, 14,65:1) ve
|
|
@@ -389,24 +386,24 @@ const ge = {
|
|
|
389
386
|
* mint saç çizgisi (14,65:1) ve beyaz metin (14,09:1) görünür kılıyor.
|
|
390
387
|
*/
|
|
391
388
|
action: ge.pine,
|
|
392
|
-
"action-hover":
|
|
393
|
-
"action-active":
|
|
389
|
+
"action-hover": ue.two,
|
|
390
|
+
"action-active": ue.three,
|
|
394
391
|
"on-action": C.n0,
|
|
395
392
|
"action-line": Ga.dark,
|
|
396
|
-
"action-soft":
|
|
393
|
+
"action-soft": U.actionSoft,
|
|
397
394
|
/* Koyu temada pasif dolgu ortada bir gri: metin AÇIK olmali (bkz. LIGHT). */
|
|
398
395
|
"on-action-soft": C.n300,
|
|
399
|
-
amber:
|
|
400
|
-
"amber-hover":
|
|
401
|
-
"amber-active":
|
|
402
|
-
"amber-soft":
|
|
403
|
-
"on-amber":
|
|
404
|
-
blue:
|
|
405
|
-
"blue-hover":
|
|
406
|
-
"blue-active":
|
|
407
|
-
"blue-text":
|
|
408
|
-
"blue-tint":
|
|
409
|
-
"blue-line":
|
|
396
|
+
amber: se.dark,
|
|
397
|
+
"amber-hover": se.darkHover,
|
|
398
|
+
"amber-active": se.darkActive,
|
|
399
|
+
"amber-soft": se.darkSoft,
|
|
400
|
+
"on-amber": se.on,
|
|
401
|
+
blue: te.dark,
|
|
402
|
+
"blue-hover": te.darkHover,
|
|
403
|
+
"blue-active": te.base,
|
|
404
|
+
"blue-text": te.dark,
|
|
405
|
+
"blue-tint": te.darkTint,
|
|
406
|
+
"blue-line": te.darkLine,
|
|
410
407
|
/* Koyu temada mavi dolgu AÇILIYOR; üzerine siyah gider (10,55:1). */
|
|
411
408
|
"on-blue": C.n900,
|
|
412
409
|
"ok-bg": P.okBgDark,
|
|
@@ -437,50 +434,55 @@ const ge = {
|
|
|
437
434
|
"danger-solid": et.dark,
|
|
438
435
|
"danger-solid-hover": et.darkHover,
|
|
439
436
|
"on-danger": et.onDark,
|
|
440
|
-
/*
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
437
|
+
/*
|
|
438
|
+
* ÜST BANT SAYFANIN KENDİSİ: koyu temada en koyu renk kılavuzun siyahı ve
|
|
439
|
+
* bant onu ÖRTMEZ. Açık temadaki kardeşi de aynı şeyi yapıyor (`nav-bg`
|
|
440
|
+
* beyaz, sayfa `n50`) — bant sayfanın devamıdır, ayrı bir yüzey değil;
|
|
441
|
+
* sınırı `nav-line` çizer. Alt bilgi bir kademe yukarıda, ışığa doğru.
|
|
442
|
+
*/
|
|
443
|
+
"nav-bg": U.page,
|
|
444
|
+
"nav-bg-2": U.surfaceTwo,
|
|
445
|
+
"nav-fg": U.text,
|
|
446
|
+
"nav-fg-2": U.textTwo,
|
|
445
447
|
/* Açık temadaki kardeşiyle aynı gerekçe: bandın en soluk metni de metindir. */
|
|
446
|
-
"nav-fg-3":
|
|
447
|
-
"nav-line":
|
|
448
|
-
"nav-line-strong":
|
|
448
|
+
"nav-fg-3": U.textThree,
|
|
449
|
+
"nav-line": U.border,
|
|
450
|
+
"nav-line-strong": U.borderStrong,
|
|
449
451
|
"nav-hover": A(C.n0, 0.07),
|
|
450
|
-
"footer-bg":
|
|
452
|
+
"footer-bg": U.surface,
|
|
451
453
|
/* AÇIK TEMADAKİYLE BİREBİR AYNI — şerit temaya göre dönmez (bkz. LIGHT). */
|
|
452
|
-
"band-bg":
|
|
454
|
+
"band-bg": ue.dark,
|
|
453
455
|
"band-fg": Ke.paper,
|
|
454
456
|
"band-fg-2": Ke.mist,
|
|
455
|
-
"band-line":
|
|
457
|
+
"band-line": ue.darkLine,
|
|
456
458
|
"band-hover": A(C.n0, 0.07),
|
|
457
459
|
/*
|
|
458
460
|
* Koyu zeminde gölge okunmaz; derinlik daha çok kenarlıkla kurulur.
|
|
459
461
|
* Gölgeler yine de KORUNUR ama daha derin: modal ve açılır liste yüzeyin
|
|
460
462
|
* üzerinde durmalı.
|
|
461
463
|
*/
|
|
462
|
-
"shadow-xs": `0 1px 2px ${A(
|
|
463
|
-
"shadow-sm": `0 1px 2px ${A(
|
|
464
|
-
"shadow-md": `0 2px 4px ${A(
|
|
465
|
-
"shadow-lg": `0 4px 8px ${A(
|
|
466
|
-
"shadow-xl": `0 8px 16px ${A(
|
|
467
|
-
"shadow-up": `0 -2px 4px ${A(
|
|
468
|
-
ring: `0 0 0 3px ${A(
|
|
469
|
-
"ring-color":
|
|
464
|
+
"shadow-xs": `0 1px 2px ${A(oe, 0.4)}`,
|
|
465
|
+
"shadow-sm": `0 1px 2px ${A(oe, 0.4)}, 0 1px 3px ${A(oe, 0.3)}`,
|
|
466
|
+
"shadow-md": `0 2px 4px ${A(oe, 0.35)}, 0 6px 16px ${A(oe, 0.45)}`,
|
|
467
|
+
"shadow-lg": `0 4px 8px ${A(oe, 0.4)}, 0 16px 32px ${A(oe, 0.55)}`,
|
|
468
|
+
"shadow-xl": `0 8px 16px ${A(oe, 0.45)}, 0 28px 56px ${A(oe, 0.6)}`,
|
|
469
|
+
"shadow-up": `0 -2px 4px ${A(oe, 0.3)}, 0 -8px 24px ${A(oe, 0.45)}`,
|
|
470
|
+
ring: `0 0 0 3px ${A(te.dark, 0.36)}`,
|
|
471
|
+
"ring-color": te.dark,
|
|
470
472
|
"ring-danger": `0 0 0 3px ${A(et.dark, 0.32)}`,
|
|
471
473
|
"ring-ok": `0 0 0 4px ${A(P.okFgDark, 0.2)}`,
|
|
472
|
-
scrim: A(
|
|
473
|
-
"scrim-soft": A(
|
|
474
|
-
glass: A(
|
|
475
|
-
"glass-solid":
|
|
474
|
+
scrim: A(oe, 0.68),
|
|
475
|
+
"scrim-soft": A(oe, 0.45),
|
|
476
|
+
glass: A(U.surfaceTwo, 0.92),
|
|
477
|
+
"glass-solid": U.surfaceTwo,
|
|
476
478
|
"on-scrim": C.n0,
|
|
477
|
-
"skeleton-a":
|
|
478
|
-
"skeleton-b":
|
|
479
|
+
"skeleton-a": U.surfaceTwo,
|
|
480
|
+
"skeleton-b": U.surfaceThree,
|
|
479
481
|
track: A(C.n0, 0.14),
|
|
480
|
-
"media-bg":
|
|
482
|
+
"media-bg": U.surfaceTwo,
|
|
481
483
|
"glow-1": A(ge.mint, 0.2),
|
|
482
484
|
"glow-2": A(ge.pine, 0.12),
|
|
483
|
-
"glow-amber": A(
|
|
485
|
+
"glow-amber": A(se.dark, 0.12)
|
|
484
486
|
}, xu = {
|
|
485
487
|
// --- Yarıçap ---
|
|
486
488
|
// Küçük öğeler ile büyük yüzeyler aynı yarıçapı PAYLAŞMAZ: küçük bir öğede
|
|
@@ -539,7 +541,7 @@ const ge = {
|
|
|
539
541
|
/* DÖNGÜ SÜRELERİ — geçiş ölçeğinden AYRI. */
|
|
540
542
|
"duration-spin": "700ms",
|
|
541
543
|
"duration-shimmer": "1400ms"
|
|
542
|
-
},
|
|
544
|
+
}, Nu = {
|
|
543
545
|
"space-2": "6px",
|
|
544
546
|
"space-3": "8px",
|
|
545
547
|
"space-4": "12px",
|
|
@@ -559,11 +561,11 @@ const ge = {
|
|
|
559
561
|
"font-size-4xl": "39px",
|
|
560
562
|
"leading-normal": "1.5",
|
|
561
563
|
"leading-relaxed": "1.6"
|
|
562
|
-
},
|
|
564
|
+
}, ku = {
|
|
563
565
|
heading: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
564
566
|
body: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
565
567
|
mono: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace"
|
|
566
|
-
}, xa = "--hanui-",
|
|
568
|
+
}, xa = "--hanui-", Na = "hanui-theme-overrides", tt = "data-hanui-theme", Xa = "data-hanui-density", ka = "hanui-theme-switching", $u = (e, t) => {
|
|
567
569
|
const n = e === "dark" ? Rn : Sn, r = (e === "dark" ? t == null ? void 0 : t.dark : t == null ? void 0 : t.light) ?? {};
|
|
568
570
|
return { ...n, ...r };
|
|
569
571
|
}, An = (e) => {
|
|
@@ -612,14 +614,14 @@ ${n(
|
|
|
612
614
|
`);
|
|
613
615
|
}, Qa = (e) => {
|
|
614
616
|
if (!he()) return;
|
|
615
|
-
const t = e ? An(e) : "", n = document.getElementById(
|
|
617
|
+
const t = e ? An(e) : "", n = document.getElementById(Na);
|
|
616
618
|
if (t === "") {
|
|
617
619
|
n == null || n.remove();
|
|
618
620
|
return;
|
|
619
621
|
}
|
|
620
622
|
const r = n ?? document.createElement("style");
|
|
621
|
-
r.id =
|
|
622
|
-
}, Ja = gn({}),
|
|
623
|
+
r.id = Na, r.textContent = t, n || document.head.appendChild(r);
|
|
624
|
+
}, Ja = gn({}), j = () => bn(Ja), Iu = ({ children: e, theme: t, linkComponent: n, labels: r }) => {
|
|
623
625
|
const o = Et(() => t ? JSON.stringify(t) : "", [t]);
|
|
624
626
|
S(() => {
|
|
625
627
|
Qa(t);
|
|
@@ -636,7 +638,7 @@ ${n(
|
|
|
636
638
|
[o, n, r]
|
|
637
639
|
);
|
|
638
640
|
return /* @__PURE__ */ a(Ja.Provider, { value: s, children: e });
|
|
639
|
-
},
|
|
641
|
+
}, Tu = (e = {}) => {
|
|
640
642
|
Qa(e.theme), he() && (e.colorScheme && document.documentElement.setAttribute(tt, e.colorScheme), e.density && document.documentElement.setAttribute(Xa, e.density));
|
|
641
643
|
}, Mn = "hanui-live-region", Bn = (e) => {
|
|
642
644
|
if (!he()) return null;
|
|
@@ -660,7 +662,7 @@ ${n(
|
|
|
660
662
|
if (!he()) return "system";
|
|
661
663
|
const e = document.documentElement.getAttribute(tt);
|
|
662
664
|
return e === "dark" || e === "light" ? e : "system";
|
|
663
|
-
},
|
|
665
|
+
}, Du = () => {
|
|
664
666
|
const [e, t] = O("light"), [n, r] = O("light"), [o, i] = O(!1);
|
|
665
667
|
S(() => {
|
|
666
668
|
t(Pn()), r($a()), i(!0);
|
|
@@ -672,8 +674,8 @@ ${n(
|
|
|
672
674
|
const s = e === "system" ? n : e, d = H((l) => {
|
|
673
675
|
if (!he()) return;
|
|
674
676
|
const c = document.documentElement;
|
|
675
|
-
c.classList.add(
|
|
676
|
-
window.requestAnimationFrame(() => c.classList.remove(
|
|
677
|
+
c.classList.add(ka), l === "system" ? c.removeAttribute(tt) : c.setAttribute(tt, l), t(l), window.requestAnimationFrame(() => {
|
|
678
|
+
window.requestAnimationFrame(() => c.classList.remove(ka));
|
|
677
679
|
});
|
|
678
680
|
}, []), h = H(
|
|
679
681
|
() => d(s === "dark" ? "light" : "dark"),
|
|
@@ -744,7 +746,7 @@ ${n(
|
|
|
744
746
|
end: d + h - l
|
|
745
747
|
}[r];
|
|
746
748
|
return i ? { top: s, left: c } : { top: c, left: s };
|
|
747
|
-
},
|
|
749
|
+
}, Ta = (e, t, n, r, o) => ({
|
|
748
750
|
top: e.top >= r,
|
|
749
751
|
bottom: e.top + t.height <= o.height - r,
|
|
750
752
|
left: e.left >= r,
|
|
@@ -757,20 +759,20 @@ ${n(
|
|
|
757
759
|
}), l = R(0), c = H(() => {
|
|
758
760
|
const m = e.current, w = t.current;
|
|
759
761
|
if (!m || !w) return;
|
|
760
|
-
const b = m.getBoundingClientRect(), p = w.getBoundingClientRect(), v = { width: window.innerWidth, height: window.innerHeight }, I = ea(b, p, n, r, o),
|
|
762
|
+
const b = m.getBoundingClientRect(), p = w.getBoundingClientRect(), v = { width: window.innerWidth, height: window.innerHeight }, I = ea(b, p, n, r, o), k = Ta(I, p, n, i, v) ? n : Ta(
|
|
761
763
|
ea(b, p, Vt[n], r, o),
|
|
762
764
|
p,
|
|
763
765
|
Vt[n],
|
|
764
766
|
i,
|
|
765
767
|
v
|
|
766
|
-
) ? Vt[n] : n, x = ea(b, p,
|
|
768
|
+
) ? Vt[n] : n, x = ea(b, p, k, r, o);
|
|
767
769
|
h({
|
|
768
770
|
style: {
|
|
769
771
|
position: "fixed",
|
|
770
772
|
top: Math.round(Ia(x.top, i, v.height - p.height - i)),
|
|
771
773
|
left: Math.round(Ia(x.left, i, v.width - p.width - i))
|
|
772
774
|
},
|
|
773
|
-
side:
|
|
775
|
+
side: k,
|
|
774
776
|
isPositioned: !0
|
|
775
777
|
});
|
|
776
778
|
}, [e, t, n, r, o, i]), u = H(() => {
|
|
@@ -824,9 +826,9 @@ ${n(
|
|
|
824
826
|
);
|
|
825
827
|
return { scrollRef: o, range: i, scrollToIndex: h, measure: d };
|
|
826
828
|
};
|
|
827
|
-
let
|
|
829
|
+
let Dt = 0, Re = null;
|
|
828
830
|
const Kn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, Un = () => {
|
|
829
|
-
if (
|
|
831
|
+
if (Dt += 1, Dt > 1) return;
|
|
830
832
|
const { body: e, style: t } = { body: document.body, style: document.documentElement.style }, n = window.scrollY;
|
|
831
833
|
Re = {
|
|
832
834
|
overflow: e.style.overflow,
|
|
@@ -839,7 +841,7 @@ const Kn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform
|
|
|
839
841
|
const r = window.innerWidth - document.documentElement.clientWidth;
|
|
840
842
|
r > 0 && (e.style.paddingRight = `${r}px`), t.setProperty("scrollbar-gutter", "stable"), e.style.overflow = "hidden", Kn() && (e.style.position = "fixed", e.style.top = `${-n}px`, e.style.width = "100%");
|
|
841
843
|
}, Yn = () => {
|
|
842
|
-
if (
|
|
844
|
+
if (Dt = Math.max(0, Dt - 1), Dt > 0 || !Re) return;
|
|
843
845
|
const { body: e } = document, { scrollY: t } = Re;
|
|
844
846
|
e.style.overflow = Re.overflow, e.style.position = Re.position, e.style.top = Re.top, e.style.width = Re.width, e.style.paddingRight = Re.paddingRight, document.documentElement.style.removeProperty("scrollbar-gutter"), Re = null, window.scrollTo(0, t);
|
|
845
847
|
}, Gt = (e = !0) => {
|
|
@@ -858,15 +860,15 @@ const qn = 240, tn = () => {
|
|
|
858
860
|
pt || (pt = window.requestAnimationFrame(() => {
|
|
859
861
|
pt = 0, tn();
|
|
860
862
|
}));
|
|
861
|
-
},
|
|
863
|
+
}, Da = () => {
|
|
862
864
|
pt && (window.cancelAnimationFrame(pt), pt = 0);
|
|
863
865
|
}, jn = (e = !0) => {
|
|
864
866
|
S(() => {
|
|
865
867
|
if (!e) return;
|
|
866
868
|
const t = window.visualViewport;
|
|
867
869
|
if (t)
|
|
868
|
-
return Rt += 1, Rt === 1 && (t.addEventListener("resize", ot), t.addEventListener("scroll", ot), window.addEventListener("orientationchange", ot)),
|
|
869
|
-
Rt -= 1, !(Rt > 0) && (t.removeEventListener("resize", ot), t.removeEventListener("scroll", ot), window.removeEventListener("orientationchange", ot),
|
|
870
|
+
return Rt += 1, Rt === 1 && (t.addEventListener("resize", ot), t.addEventListener("scroll", ot), window.addEventListener("orientationchange", ot)), Da(), tn(), () => {
|
|
871
|
+
Rt -= 1, !(Rt > 0) && (t.removeEventListener("resize", ot), t.removeEventListener("scroll", ot), window.removeEventListener("orientationchange", ot), Da(), document.documentElement.style.removeProperty(en), document.documentElement.style.removeProperty(Va));
|
|
870
872
|
};
|
|
871
873
|
}, [e]);
|
|
872
874
|
};
|
|
@@ -930,8 +932,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
930
932
|
for (const n of e)
|
|
931
933
|
n && (t = t === "" ? n : `${t} ${n}`);
|
|
932
934
|
return t;
|
|
933
|
-
}, M = (e, t) => Object.assign(e, { displayName: t }),
|
|
934
|
-
const { linkComponent: n } =
|
|
935
|
+
}, M = (e, t) => Object.assign(e, { displayName: t }), Te = ({ children: e, ...t }) => {
|
|
936
|
+
const { linkComponent: n } = j();
|
|
935
937
|
return n ? /* @__PURE__ */ a(n, { ...t, children: e }) : /* @__PURE__ */ a("a", { ...t, children: e });
|
|
936
938
|
}, Ea = /* @__PURE__ */ new Set(), z = (e, ...t) => {
|
|
937
939
|
for (const n of t) if (n !== void 0) return n;
|
|
@@ -945,9 +947,9 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
945
947
|
"spinner--md": "hanui-spinner--md--VmFK",
|
|
946
948
|
"spinner--lg": "hanui-spinner--lg-K9k-Z"
|
|
947
949
|
}, er = ({ size: e = "md", label: t, className: n }) => {
|
|
948
|
-
const { labels: r } =
|
|
950
|
+
const { labels: r } = j();
|
|
949
951
|
return /* @__PURE__ */ a("span", { className: f(ta.spinner, ta[`spinner--${e}`], n), role: "status", children: /* @__PURE__ */ a("span", { className: ta.spinner__label, children: t ?? z("Spinner.label", r == null ? void 0 : r.loading) }) });
|
|
950
|
-
}, an = /* @__PURE__ */
|
|
952
|
+
}, an = /* @__PURE__ */ T(er), tr = "hanui-button-SRu4R", ar = "hanui-button__icon-giom6", nr = "hanui-button__spinner-vexVG", rr = "hanui-button__label-qiMHm", De = {
|
|
951
953
|
button: tr,
|
|
952
954
|
button__icon: ar,
|
|
953
955
|
button__spinner: nr,
|
|
@@ -983,17 +985,17 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
983
985
|
...m
|
|
984
986
|
}, w) => {
|
|
985
987
|
const b = f(
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
r &&
|
|
990
|
-
n &&
|
|
988
|
+
De.button,
|
|
989
|
+
De[`button--${e.toLowerCase()}`],
|
|
990
|
+
De[`button--${t.toLowerCase()}`],
|
|
991
|
+
r && De["button--full"],
|
|
992
|
+
n && De["button--loading"],
|
|
991
993
|
s
|
|
992
994
|
), p = /* @__PURE__ */ g(fe, { children: [
|
|
993
|
-
n && /* @__PURE__ */ a(an, { size: "sm", className:
|
|
994
|
-
!n && o && /* @__PURE__ */ a("span", { className:
|
|
995
|
-
/* @__PURE__ */ a("span", { className:
|
|
996
|
-
i && /* @__PURE__ */ a("span", { className:
|
|
995
|
+
n && /* @__PURE__ */ a(an, { size: "sm", className: De.button__spinner, label: "" }),
|
|
996
|
+
!n && o && /* @__PURE__ */ a("span", { className: De.button__icon, children: o }),
|
|
997
|
+
/* @__PURE__ */ a("span", { className: De.button__label, children: d }),
|
|
998
|
+
i && /* @__PURE__ */ a("span", { className: De.button__icon, children: i })
|
|
997
999
|
] });
|
|
998
1000
|
return l && c ? /* @__PURE__ */ a(
|
|
999
1001
|
"a",
|
|
@@ -1006,7 +1008,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1006
1008
|
"data-testid": _,
|
|
1007
1009
|
children: p
|
|
1008
1010
|
}
|
|
1009
|
-
) : l ? /* @__PURE__ */ a(
|
|
1011
|
+
) : l ? /* @__PURE__ */ a(Te, { href: l, className: b, "data-testid": _, ...u, children: p }) : /* @__PURE__ */ a(
|
|
1010
1012
|
"button",
|
|
1011
1013
|
{
|
|
1012
1014
|
ref: w,
|
|
@@ -1019,7 +1021,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1019
1021
|
}
|
|
1020
1022
|
);
|
|
1021
1023
|
}
|
|
1022
|
-
), Lt = /* @__PURE__ */
|
|
1024
|
+
), Lt = /* @__PURE__ */ T(/* @__PURE__ */ M(or, "Button")), ir = "hanui-iconButton-JdtwM", aa = {
|
|
1023
1025
|
iconButton: ir,
|
|
1024
1026
|
"iconButton--sm": "hanui-iconButton--sm-wE6zE",
|
|
1025
1027
|
"iconButton--md": "hanui-iconButton--md-iTNNS",
|
|
@@ -1048,7 +1050,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1048
1050
|
o
|
|
1049
1051
|
);
|
|
1050
1052
|
return s ? /* @__PURE__ */ a(
|
|
1051
|
-
|
|
1053
|
+
Te,
|
|
1052
1054
|
{
|
|
1053
1055
|
href: s,
|
|
1054
1056
|
className: u,
|
|
@@ -1071,7 +1073,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1071
1073
|
}
|
|
1072
1074
|
);
|
|
1073
1075
|
}
|
|
1074
|
-
), $e = /* @__PURE__ */
|
|
1076
|
+
), $e = /* @__PURE__ */ T(
|
|
1075
1077
|
/* @__PURE__ */ M(sr, "IconButton")
|
|
1076
1078
|
), cr = "hanui-link-WBmXY", lr = "hanui-link__label--OEu-", dr = "hanui-link__arrow-JKXm-", yt = {
|
|
1077
1079
|
link: cr,
|
|
@@ -1091,7 +1093,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1091
1093
|
linkProps: s,
|
|
1092
1094
|
...d
|
|
1093
1095
|
}) => /* @__PURE__ */ g(
|
|
1094
|
-
|
|
1096
|
+
Te,
|
|
1095
1097
|
{
|
|
1096
1098
|
href: e,
|
|
1097
1099
|
className: f(yt.link, yt[`link--${r}`], yt[`link--${o}`], i),
|
|
@@ -1102,7 +1104,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1102
1104
|
n && /* @__PURE__ */ a(vn, { "aria-hidden": !0, className: yt.link__arrow })
|
|
1103
1105
|
]
|
|
1104
1106
|
}
|
|
1105
|
-
), Lu = /* @__PURE__ */
|
|
1107
|
+
), Lu = /* @__PURE__ */ T(_r), pa = (e, t) => {
|
|
1106
1108
|
S(() => {
|
|
1107
1109
|
if (!e) return;
|
|
1108
1110
|
const n = (r) => {
|
|
@@ -1126,7 +1128,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1126
1128
|
openDelay: o = gr,
|
|
1127
1129
|
className: i
|
|
1128
1130
|
}) => {
|
|
1129
|
-
const [s, d] = O(!1), h =
|
|
1131
|
+
const [s, d] = O(!1), h = J(), l = n ?? r ?? "top", c = R(null), u = R(null), _ = R(0), m = R(0), w = jt(c, u, {
|
|
1130
1132
|
side: l,
|
|
1131
1133
|
align: "center",
|
|
1132
1134
|
isOpen: s
|
|
@@ -1147,13 +1149,13 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1147
1149
|
const I = H(() => v(0), [v]);
|
|
1148
1150
|
pa(s, I), S(() => {
|
|
1149
1151
|
if (!s) return;
|
|
1150
|
-
const $ = (
|
|
1151
|
-
var
|
|
1152
|
-
|
|
1152
|
+
const $ = (N) => {
|
|
1153
|
+
var D;
|
|
1154
|
+
N.pointerType !== "mouse" && ((D = c.current) != null && D.contains(N.target) || v(0));
|
|
1153
1155
|
};
|
|
1154
1156
|
return document.addEventListener("pointerdown", $), () => document.removeEventListener("pointerdown", $);
|
|
1155
1157
|
}, [s, v]);
|
|
1156
|
-
const
|
|
1158
|
+
const k = () => {
|
|
1157
1159
|
m.current && window.clearTimeout(m.current), m.current = 0;
|
|
1158
1160
|
}, x = ($) => {
|
|
1159
1161
|
$.pointerType !== "mouse" && (m.current = window.setTimeout(() => d(!0), br));
|
|
@@ -1166,11 +1168,11 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1166
1168
|
className: f(At.tooltip, i),
|
|
1167
1169
|
onPointerEnter: ($) => $.pointerType === "mouse" && p(o),
|
|
1168
1170
|
onPointerLeave: ($) => {
|
|
1169
|
-
|
|
1171
|
+
k(), $.pointerType === "mouse" && v();
|
|
1170
1172
|
},
|
|
1171
1173
|
onPointerDown: x,
|
|
1172
|
-
onPointerUp:
|
|
1173
|
-
onPointerCancel:
|
|
1174
|
+
onPointerUp: k,
|
|
1175
|
+
onPointerCancel: k,
|
|
1174
1176
|
onFocus: () => p(0),
|
|
1175
1177
|
onBlur: () => v(0),
|
|
1176
1178
|
onContextMenu: ($) => {
|
|
@@ -1201,7 +1203,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1201
1203
|
document.body
|
|
1202
1204
|
)
|
|
1203
1205
|
] });
|
|
1204
|
-
}, Su = /* @__PURE__ */
|
|
1206
|
+
}, Su = /* @__PURE__ */ T(/* @__PURE__ */ M(fr, "Tooltip")), vr = "hanui-menu-1x-FU", yr = "hanui-menu__item-d1iil", wr = "hanui-menu__icon-kzLV2", wt = {
|
|
1205
1207
|
menu: vr,
|
|
1206
1208
|
"menu--top": "hanui-menu--top-gpo39",
|
|
1207
1209
|
"menu--bottom": "hanui-menu--bottom-6sL7b",
|
|
@@ -1210,7 +1212,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1210
1212
|
menu__item: yr,
|
|
1211
1213
|
"menu__item--danger": "hanui-menu__item--danger-lIINY",
|
|
1212
1214
|
menu__icon: wr
|
|
1213
|
-
}, xr = (e) => e.map((t, n) => t.isDisabled ? -1 : n).filter((t) => t >= 0),
|
|
1215
|
+
}, xr = (e) => e.map((t, n) => t.isDisabled ? -1 : n).filter((t) => t >= 0), Nr = ({
|
|
1214
1216
|
trigger: e,
|
|
1215
1217
|
items: t,
|
|
1216
1218
|
label: n,
|
|
@@ -1219,12 +1221,12 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1219
1221
|
className: i,
|
|
1220
1222
|
testId: s
|
|
1221
1223
|
}) => {
|
|
1222
|
-
const d =
|
|
1224
|
+
const d = J(), h = R(null), l = R(null), c = R(null), u = R({ text: "", at: 0 }), [_, m] = O(!1), [w, b] = O(0), p = jt(h, l, { side: r, align: o, isOpen: _ }), v = xr(t), I = H(
|
|
1223
1225
|
(y) => {
|
|
1224
1226
|
v.length !== 0 && (c.current = mt(), b(y === "first" ? v[0] : v[v.length - 1]), m(!0));
|
|
1225
1227
|
},
|
|
1226
1228
|
[v]
|
|
1227
|
-
),
|
|
1229
|
+
), k = H(() => {
|
|
1228
1230
|
var y;
|
|
1229
1231
|
m(!1), (y = c.current) == null || y.call(c), c.current = null;
|
|
1230
1232
|
}, []);
|
|
@@ -1234,23 +1236,23 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1234
1236
|
}, [_, w]), S(() => {
|
|
1235
1237
|
if (!_) return;
|
|
1236
1238
|
const y = (B) => {
|
|
1237
|
-
var
|
|
1238
|
-
const
|
|
1239
|
-
(
|
|
1239
|
+
var Q, V;
|
|
1240
|
+
const Y = B.target;
|
|
1241
|
+
(Q = l.current) != null && Q.contains(Y) || (V = h.current) != null && V.contains(Y) || k();
|
|
1240
1242
|
};
|
|
1241
1243
|
return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
|
|
1242
|
-
}, [_,
|
|
1244
|
+
}, [_, k]);
|
|
1243
1245
|
const x = (y) => {
|
|
1244
|
-
const
|
|
1245
|
-
b(v[
|
|
1246
|
+
const Y = (v.indexOf(w) + y + v.length) % v.length;
|
|
1247
|
+
b(v[Y]);
|
|
1246
1248
|
}, $ = (y) => {
|
|
1247
|
-
const B = Date.now(),
|
|
1248
|
-
u.current = { text:
|
|
1249
|
-
const
|
|
1250
|
-
(
|
|
1249
|
+
const B = Date.now(), Y = B - u.current.at > 500 ? y : u.current.text + y;
|
|
1250
|
+
u.current = { text: Y, at: B };
|
|
1251
|
+
const Q = v.find(
|
|
1252
|
+
(V) => t[V].label.toLocaleLowerCase("tr").startsWith(Y.toLocaleLowerCase("tr"))
|
|
1251
1253
|
);
|
|
1252
|
-
|
|
1253
|
-
},
|
|
1254
|
+
Q !== void 0 && b(Q);
|
|
1255
|
+
}, N = (y) => {
|
|
1254
1256
|
switch (y.key) {
|
|
1255
1257
|
case "ArrowDown":
|
|
1256
1258
|
y.preventDefault(), x(1);
|
|
@@ -1265,15 +1267,15 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1265
1267
|
y.preventDefault(), b(v[v.length - 1]);
|
|
1266
1268
|
break;
|
|
1267
1269
|
case "Escape":
|
|
1268
|
-
y.preventDefault(),
|
|
1270
|
+
y.preventDefault(), k();
|
|
1269
1271
|
break;
|
|
1270
1272
|
case "Tab":
|
|
1271
|
-
|
|
1273
|
+
k();
|
|
1272
1274
|
break;
|
|
1273
1275
|
default:
|
|
1274
1276
|
y.key.length === 1 && !y.metaKey && !y.ctrlKey && $(y.key);
|
|
1275
1277
|
}
|
|
1276
|
-
},
|
|
1278
|
+
}, D = (y) => {
|
|
1277
1279
|
if (y.key === "ArrowUp") {
|
|
1278
1280
|
y.preventDefault(), I("last");
|
|
1279
1281
|
return;
|
|
@@ -1288,11 +1290,11 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1288
1290
|
"aria-controls": _ ? d : void 0,
|
|
1289
1291
|
onClick: (y) => {
|
|
1290
1292
|
var B;
|
|
1291
|
-
(B = E.onClick) == null || B.call(E, y), _ ?
|
|
1293
|
+
(B = E.onClick) == null || B.call(E, y), _ ? k() : I("first");
|
|
1292
1294
|
},
|
|
1293
1295
|
onKeyDown: (y) => {
|
|
1294
1296
|
var B;
|
|
1295
|
-
(B = E.onKeyDown) == null || B.call(E, y), _ ||
|
|
1297
|
+
(B = E.onKeyDown) == null || B.call(E, y), _ || D(y);
|
|
1296
1298
|
}
|
|
1297
1299
|
});
|
|
1298
1300
|
return /* @__PURE__ */ g(fe, { children: [
|
|
@@ -1311,7 +1313,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1311
1313
|
visibility: p.isPositioned ? "visible" : "hidden"
|
|
1312
1314
|
},
|
|
1313
1315
|
"data-testid": s,
|
|
1314
|
-
onKeyDown:
|
|
1316
|
+
onKeyDown: N,
|
|
1315
1317
|
children: t.map((y, B) => /* @__PURE__ */ g(
|
|
1316
1318
|
"button",
|
|
1317
1319
|
{
|
|
@@ -1322,7 +1324,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1322
1324
|
disabled: y.isDisabled,
|
|
1323
1325
|
className: f(wt.menu__item, y.isDanger && wt["menu__item--danger"]),
|
|
1324
1326
|
onClick: () => {
|
|
1325
|
-
y.onSelect(),
|
|
1327
|
+
y.onSelect(), k();
|
|
1326
1328
|
},
|
|
1327
1329
|
onMouseEnter: () => !y.isDisabled && b(B),
|
|
1328
1330
|
children: [
|
|
@@ -1337,8 +1339,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1337
1339
|
document.body
|
|
1338
1340
|
)
|
|
1339
1341
|
] });
|
|
1340
|
-
}, Ru = /* @__PURE__ */
|
|
1341
|
-
popover:
|
|
1342
|
+
}, Ru = /* @__PURE__ */ T(/* @__PURE__ */ M(Nr, "Menu")), kr = "hanui-popover-VxgiK", La = {
|
|
1343
|
+
popover: kr,
|
|
1342
1344
|
"popover--top": "hanui-popover--top-OUYwo",
|
|
1343
1345
|
"popover--bottom": "hanui-popover--bottom-Q1K4X",
|
|
1344
1346
|
"popover--left": "hanui-popover--left-9Rsjx",
|
|
@@ -1354,39 +1356,39 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1354
1356
|
className: d,
|
|
1355
1357
|
testId: h
|
|
1356
1358
|
}) => {
|
|
1357
|
-
const l =
|
|
1358
|
-
(
|
|
1359
|
-
b || w(
|
|
1359
|
+
const l = J(), c = R(null), u = R(null), _ = R(null), [m, w] = O(!1), b = i !== void 0, p = b ? i : m, v = jt(c, u, { side: r, align: o, isOpen: p }), I = H(
|
|
1360
|
+
(N) => {
|
|
1361
|
+
b || w(N), s == null || s(N);
|
|
1360
1362
|
},
|
|
1361
1363
|
[b, s]
|
|
1362
1364
|
);
|
|
1363
1365
|
S(() => {
|
|
1364
1366
|
if (!p) return;
|
|
1365
1367
|
_.current = mt();
|
|
1366
|
-
const
|
|
1367
|
-
return
|
|
1368
|
-
var
|
|
1369
|
-
(
|
|
1368
|
+
const N = u.current;
|
|
1369
|
+
return N && Wt(N), () => {
|
|
1370
|
+
var D;
|
|
1371
|
+
(D = _.current) == null || D.call(_), _.current = null;
|
|
1370
1372
|
};
|
|
1371
1373
|
}, [p]);
|
|
1372
|
-
const
|
|
1373
|
-
if (pa(p,
|
|
1374
|
+
const k = H(() => I(!1), [I]);
|
|
1375
|
+
if (pa(p, k), S(() => {
|
|
1374
1376
|
if (!p) return;
|
|
1375
|
-
const
|
|
1377
|
+
const N = (D) => {
|
|
1376
1378
|
var L, y;
|
|
1377
|
-
const E =
|
|
1379
|
+
const E = D.target;
|
|
1378
1380
|
(L = u.current) != null && L.contains(E) || (y = c.current) != null && y.contains(E) || I(!1);
|
|
1379
1381
|
};
|
|
1380
|
-
return document.addEventListener("mousedown",
|
|
1382
|
+
return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
|
|
1381
1383
|
}, [p, I]), !Pa(e)) return null;
|
|
1382
1384
|
const x = e.props, $ = Oa(e, {
|
|
1383
1385
|
ref: c,
|
|
1384
1386
|
"aria-expanded": p,
|
|
1385
1387
|
"aria-haspopup": "dialog",
|
|
1386
1388
|
"aria-controls": p ? l : void 0,
|
|
1387
|
-
onClick: (
|
|
1388
|
-
var
|
|
1389
|
-
(
|
|
1389
|
+
onClick: (N) => {
|
|
1390
|
+
var D;
|
|
1391
|
+
(D = x.onClick) == null || D.call(x, N), I(!p);
|
|
1390
1392
|
}
|
|
1391
1393
|
});
|
|
1392
1394
|
return /* @__PURE__ */ g(fe, { children: [
|
|
@@ -1405,9 +1407,9 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1405
1407
|
visibility: v.isPositioned ? "visible" : "hidden"
|
|
1406
1408
|
},
|
|
1407
1409
|
"data-testid": h,
|
|
1408
|
-
onBlur: (
|
|
1409
|
-
var
|
|
1410
|
-
|
|
1410
|
+
onBlur: (N) => {
|
|
1411
|
+
var D;
|
|
1412
|
+
N.currentTarget.contains(N.relatedTarget) || (D = c.current) != null && D.contains(N.relatedTarget) || I(!1);
|
|
1411
1413
|
},
|
|
1412
1414
|
children: t
|
|
1413
1415
|
}
|
|
@@ -1415,10 +1417,10 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1415
1417
|
document.body
|
|
1416
1418
|
)
|
|
1417
1419
|
] });
|
|
1418
|
-
}, Au = /* @__PURE__ */
|
|
1420
|
+
}, Au = /* @__PURE__ */ T(/* @__PURE__ */ M($r, "Popover")), Ir = "hanui-chip--NLgU", Tr = "hanui-chip__icon-IjjSb", Dr = "hanui-chip__label-cT4hw", Cr = "hanui-chip__count-MBGO3", Be = {
|
|
1419
1421
|
chip: Ir,
|
|
1420
|
-
chip__icon:
|
|
1421
|
-
chip__label:
|
|
1422
|
+
chip__icon: Tr,
|
|
1423
|
+
chip__label: Dr,
|
|
1422
1424
|
chip__count: Cr,
|
|
1423
1425
|
"chip--sm": "hanui-chip--sm-60H-S",
|
|
1424
1426
|
"chip--md": "hanui-chip--md--yAlm",
|
|
@@ -1454,7 +1456,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1454
1456
|
n && /* @__PURE__ */ a("span", { className: Be.chip__icon, "aria-hidden": !0, children: n })
|
|
1455
1457
|
] });
|
|
1456
1458
|
return d ? /* @__PURE__ */ a(
|
|
1457
|
-
|
|
1459
|
+
Te,
|
|
1458
1460
|
{
|
|
1459
1461
|
href: d,
|
|
1460
1462
|
className: b,
|
|
@@ -1479,7 +1481,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1479
1481
|
}
|
|
1480
1482
|
);
|
|
1481
1483
|
}
|
|
1482
|
-
), Lr = /* @__PURE__ */
|
|
1484
|
+
), Lr = /* @__PURE__ */ T(/* @__PURE__ */ M(Er, "Chip")), Sr = "hanui-group-0tnVf", Sa = {
|
|
1483
1485
|
group: Sr,
|
|
1484
1486
|
"group--scrollable": "hanui-group--scrollable-PMu6V"
|
|
1485
1487
|
}, Rr = ({
|
|
@@ -1504,9 +1506,9 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1504
1506
|
const m = _.key === "ArrowRight" || _.key === "ArrowDown" ? 1 : _.key === "ArrowLeft" || _.key === "ArrowUp" ? -1 : 0;
|
|
1505
1507
|
if (m === 0) return;
|
|
1506
1508
|
_.preventDefault();
|
|
1507
|
-
const w = e.filter((
|
|
1509
|
+
const w = e.filter((k) => !k.isDisabled);
|
|
1508
1510
|
if (w.length === 0) return;
|
|
1509
|
-
const b = w.findIndex((
|
|
1511
|
+
const b = w.findIndex((k) => k.value === i.value), p = w[(b + m + w.length) % w.length];
|
|
1510
1512
|
i.onChange(p.value), (I = (v = s.current) == null ? void 0 : v.querySelector(`[data-chip-value="${p.value}"]`)) == null || I.focus();
|
|
1511
1513
|
}, c = i.isMultiple ? null : i.value ?? ((u = e.find((_) => !_.isDisabled)) == null ? void 0 : u.value) ?? null;
|
|
1512
1514
|
return /* @__PURE__ */ a(
|
|
@@ -1535,7 +1537,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1535
1537
|
))
|
|
1536
1538
|
}
|
|
1537
1539
|
);
|
|
1538
|
-
}, Mu = /* @__PURE__ */
|
|
1540
|
+
}, Mu = /* @__PURE__ */ T(Rr), Ar = (e, t, n, r) => {
|
|
1539
1541
|
const o = R(n);
|
|
1540
1542
|
o.current = n, S(() => {
|
|
1541
1543
|
if (!t || !o.current) return;
|
|
@@ -1563,7 +1565,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1563
1565
|
className: d,
|
|
1564
1566
|
testId: h
|
|
1565
1567
|
}) => {
|
|
1566
|
-
const { labels: l } =
|
|
1568
|
+
const { labels: l } = j(), c = J(), u = R(null);
|
|
1567
1569
|
jn(), Gt(), S(() => {
|
|
1568
1570
|
const w = mt(), { token: b, pop: p } = Xt();
|
|
1569
1571
|
return u.current = b, () => {
|
|
@@ -1615,7 +1617,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1615
1617
|
),
|
|
1616
1618
|
document.body
|
|
1617
1619
|
) : null;
|
|
1618
|
-
}, nn = /* @__PURE__ */
|
|
1620
|
+
}, nn = /* @__PURE__ */ T(zr), Kr = 80, Ra = 40, Ur = 300, Yr = "hanui-combobox-NtZoV", qr = "hanui-combobox__trigger-2riRR", jr = "hanui-combobox__leadingIcon-it2xz", Gr = "hanui-combobox__value-acDlr", Wr = "hanui-combobox__clear-EXOsc", Xr = "hanui-combobox__chevron-g-QzQ", Qr = "hanui-combobox__panel-srBxl", Jr = "hanui-combobox__search-THjer", Zr = "hanui-combobox__searchIcon-vr4Bg", Vr = "hanui-combobox__searchInput-JPp5h", eo = "hanui-combobox__list-p-eCs", to = "hanui-combobox__option-CLWh-", ao = "hanui-combobox__optionText-Zm0D6", no = "hanui-combobox__optionLabel-WvT4W", ro = "hanui-combobox__optionDescription-8OEzi", oo = "hanui-combobox__check-MKlLz", io = "hanui-combobox__empty-mZwBq", q = {
|
|
1619
1621
|
combobox: Yr,
|
|
1620
1622
|
combobox__trigger: qr,
|
|
1621
1623
|
"combobox__trigger--empty": "hanui-combobox__trigger--empty-RxwCq",
|
|
@@ -1660,7 +1662,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1660
1662
|
"aria-invalid": w
|
|
1661
1663
|
}) => {
|
|
1662
1664
|
var va;
|
|
1663
|
-
const { labels: b } =
|
|
1665
|
+
const { labels: b } = j(), p = {
|
|
1664
1666
|
get search() {
|
|
1665
1667
|
var F;
|
|
1666
1668
|
return z(
|
|
@@ -1689,7 +1691,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1689
1691
|
var F;
|
|
1690
1692
|
return z("Combobox.clearLabel", r.clearLabel, (F = b == null ? void 0 : b.combobox) == null ? void 0 : F.clearLabel);
|
|
1691
1693
|
}
|
|
1692
|
-
}, v =
|
|
1694
|
+
}, v = J(), I = c ?? v, k = `${I}-listbox`, x = R(null), $ = R(null), N = R(null), D = R(null), [E, L] = O(null), y = E !== null, [B, Y] = O(""), [Q, V] = O(null), G = Et(() => {
|
|
1693
1695
|
if (i || B.trim() === "") return e;
|
|
1694
1696
|
const F = B.trim();
|
|
1695
1697
|
return e.filter(
|
|
@@ -1697,14 +1699,14 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1697
1699
|
);
|
|
1698
1700
|
}, [e, B, i]), de = e.find((F) => F.value === t) ?? null;
|
|
1699
1701
|
S(() => {
|
|
1700
|
-
de ?
|
|
1702
|
+
de ? V(de.label) : t === null && V(null);
|
|
1701
1703
|
}, [de, t]);
|
|
1702
|
-
const rt = (de == null ? void 0 : de.label) ??
|
|
1704
|
+
const rt = (de == null ? void 0 : de.label) ?? Q;
|
|
1703
1705
|
Ar(B, y, i, Ur);
|
|
1704
1706
|
const ve = H(() => {
|
|
1705
|
-
L(null),
|
|
1707
|
+
L(null), Y("");
|
|
1706
1708
|
}, []), Jt = H(() => {
|
|
1707
|
-
d || (L(window.matchMedia(ua).matches ? "popover" : "sheet"),
|
|
1709
|
+
d || (L(window.matchMedia(ua).matches ? "popover" : "sheet"), Y(""));
|
|
1708
1710
|
}, [d]);
|
|
1709
1711
|
S(() => {
|
|
1710
1712
|
if (E !== "popover") return;
|
|
@@ -1715,115 +1717,115 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1715
1717
|
return document.addEventListener("mousedown", F), () => document.removeEventListener("mousedown", F);
|
|
1716
1718
|
}, [E, ve]), S(() => {
|
|
1717
1719
|
var F;
|
|
1718
|
-
E === "popover" && ((F =
|
|
1720
|
+
E === "popover" && ((F = D.current) == null || F.focus({ preventScroll: !0 }));
|
|
1719
1721
|
}, [E]);
|
|
1720
1722
|
const bt = (F) => {
|
|
1721
|
-
F.isDisabled || (
|
|
1723
|
+
F.isDisabled || (V(F.label), n(F.value), ve());
|
|
1722
1724
|
}, gt = R(!1);
|
|
1723
1725
|
S(() => {
|
|
1724
1726
|
var F;
|
|
1725
1727
|
gt.current && !y && ((F = $.current) == null || F.focus()), gt.current = y;
|
|
1726
1728
|
}, [y]);
|
|
1727
|
-
const K = jt($,
|
|
1729
|
+
const K = jt($, N, {
|
|
1728
1730
|
side: "bottom",
|
|
1729
1731
|
align: "start",
|
|
1730
1732
|
isOpen: y && E === "popover"
|
|
1731
|
-
}), { activeIndex:
|
|
1732
|
-
count:
|
|
1733
|
+
}), { activeIndex: Z, setActiveIndex: ye, listRef: ft, handleKeyDown: cn } = Za({
|
|
1734
|
+
count: G.length,
|
|
1733
1735
|
isOpen: y,
|
|
1734
1736
|
initialIndex: Math.max(
|
|
1735
1737
|
e.findIndex((F) => F.value === t),
|
|
1736
1738
|
0
|
|
1737
1739
|
),
|
|
1738
1740
|
onSelect: (F) => {
|
|
1739
|
-
const we =
|
|
1741
|
+
const we = G[F];
|
|
1740
1742
|
we && bt(we);
|
|
1741
1743
|
},
|
|
1742
1744
|
/* Odagi geri vermek kapanisi izleyen etkinin isi (bkz. `wasOpenRef`). */
|
|
1743
1745
|
onClose: ve
|
|
1744
|
-
}), ln =
|
|
1746
|
+
}), ln = G.some((F) => !!F.description), Ye = E === "popover" && !ln && G.length > Kr, { scrollRef: dn, range: qe, scrollToIndex: ba } = zn(G.length, {
|
|
1745
1747
|
rowHeight: Ra,
|
|
1746
1748
|
isEnabled: Ye
|
|
1747
1749
|
});
|
|
1748
1750
|
S(() => {
|
|
1749
|
-
Ye && ba(
|
|
1750
|
-
}, [
|
|
1751
|
+
Ye && ba(Z);
|
|
1752
|
+
}, [Z, Ye, ba]);
|
|
1751
1753
|
const _n = (F) => {
|
|
1752
1754
|
ft.current = F, dn.current = F;
|
|
1753
1755
|
}, un = cn, hn = () => {
|
|
1754
|
-
n(null),
|
|
1755
|
-
}, ga = o ? null : /* @__PURE__ */ g("div", { className:
|
|
1756
|
-
/* @__PURE__ */ a(Ha, { "aria-hidden": !0, className:
|
|
1756
|
+
n(null), V(null);
|
|
1757
|
+
}, ga = o ? null : /* @__PURE__ */ g("div", { className: q.combobox__search, children: [
|
|
1758
|
+
/* @__PURE__ */ a(Ha, { "aria-hidden": !0, className: q.combobox__searchIcon }),
|
|
1757
1759
|
/* @__PURE__ */ a(
|
|
1758
1760
|
"input",
|
|
1759
1761
|
{
|
|
1760
|
-
ref:
|
|
1762
|
+
ref: D,
|
|
1761
1763
|
type: "text",
|
|
1762
1764
|
role: "combobox",
|
|
1763
|
-
className:
|
|
1765
|
+
className: q.combobox__searchInput,
|
|
1764
1766
|
value: B,
|
|
1765
1767
|
placeholder: p.search,
|
|
1766
1768
|
autoComplete: "off",
|
|
1767
1769
|
"aria-autocomplete": "list",
|
|
1768
1770
|
"aria-expanded": !0,
|
|
1769
|
-
"aria-controls":
|
|
1770
|
-
"aria-activedescendant":
|
|
1771
|
+
"aria-controls": k,
|
|
1772
|
+
"aria-activedescendant": G[Z] ? `${I}-option-${Z}` : void 0,
|
|
1771
1773
|
"aria-label": p.search,
|
|
1772
1774
|
onChange: (F) => {
|
|
1773
|
-
|
|
1775
|
+
Y(F.target.value), ye(0);
|
|
1774
1776
|
},
|
|
1775
1777
|
onKeyDown: un
|
|
1776
1778
|
}
|
|
1777
1779
|
),
|
|
1778
1780
|
s && /* @__PURE__ */ a(an, { size: "sm", label: "" })
|
|
1779
1781
|
] }), fa = (F) => {
|
|
1780
|
-
const we =
|
|
1782
|
+
const we = G.slice(qe.start, qe.end);
|
|
1781
1783
|
return /* @__PURE__ */ g(
|
|
1782
1784
|
"ul",
|
|
1783
1785
|
{
|
|
1784
1786
|
ref: _n,
|
|
1785
|
-
id:
|
|
1787
|
+
id: k,
|
|
1786
1788
|
role: "listbox",
|
|
1787
|
-
className: f(
|
|
1789
|
+
className: f(q.combobox__list, F && q["combobox__list--sheet"]),
|
|
1788
1790
|
children: [
|
|
1789
1791
|
Ye && qe.offset > 0 && /* @__PURE__ */ a("li", { "aria-hidden": !0, style: { height: qe.offset } }),
|
|
1790
1792
|
we.map((pe, pn) => {
|
|
1791
|
-
const vt = qe.start + pn, mn = vt ===
|
|
1793
|
+
const vt = qe.start + pn, mn = vt === Z, Zt = pe.value === t;
|
|
1792
1794
|
return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ g(
|
|
1793
1795
|
"div",
|
|
1794
1796
|
{
|
|
1795
1797
|
id: `${I}-option-${vt}`,
|
|
1796
1798
|
role: "option",
|
|
1797
1799
|
"data-index": vt,
|
|
1798
|
-
"aria-setsize": Ye ?
|
|
1800
|
+
"aria-setsize": Ye ? G.length : void 0,
|
|
1799
1801
|
"aria-posinset": Ye ? vt + 1 : void 0,
|
|
1800
1802
|
"aria-selected": Zt,
|
|
1801
1803
|
"aria-disabled": pe.isDisabled,
|
|
1802
1804
|
className: f(
|
|
1803
|
-
|
|
1804
|
-
mn &&
|
|
1805
|
-
Zt &&
|
|
1806
|
-
pe.isDisabled &&
|
|
1805
|
+
q.combobox__option,
|
|
1806
|
+
mn && q["combobox__option--active"],
|
|
1807
|
+
Zt && q["combobox__option--selected"],
|
|
1808
|
+
pe.isDisabled && q["combobox__option--disabled"]
|
|
1807
1809
|
),
|
|
1808
1810
|
onMouseEnter: () => ye(vt),
|
|
1809
1811
|
onClick: () => bt(pe),
|
|
1810
1812
|
children: [
|
|
1811
|
-
/* @__PURE__ */ g("span", { className:
|
|
1812
|
-
/* @__PURE__ */ a("span", { className:
|
|
1813
|
-
pe.description && /* @__PURE__ */ a("span", { className:
|
|
1813
|
+
/* @__PURE__ */ g("span", { className: q.combobox__optionText, children: [
|
|
1814
|
+
/* @__PURE__ */ a("span", { className: q.combobox__optionLabel, children: pe.label }),
|
|
1815
|
+
pe.description && /* @__PURE__ */ a("span", { className: q.combobox__optionDescription, children: pe.description })
|
|
1814
1816
|
] }),
|
|
1815
|
-
Zt && /* @__PURE__ */ a(Yt, { "aria-hidden": !0, className:
|
|
1817
|
+
Zt && /* @__PURE__ */ a(Yt, { "aria-hidden": !0, className: q.combobox__check })
|
|
1816
1818
|
]
|
|
1817
1819
|
}
|
|
1818
1820
|
) }, pe.value);
|
|
1819
1821
|
}),
|
|
1820
|
-
Ye && qe.end <
|
|
1821
|
-
|
|
1822
|
+
Ye && qe.end < G.length && /* @__PURE__ */ a("li", { "aria-hidden": !0, style: { height: (G.length - qe.end) * Ra } }),
|
|
1823
|
+
G.length === 0 && /* @__PURE__ */ a("li", { className: q.combobox__empty, children: s ? p.loading : p.empty })
|
|
1822
1824
|
]
|
|
1823
1825
|
}
|
|
1824
1826
|
);
|
|
1825
1827
|
};
|
|
1826
|
-
return /* @__PURE__ */ g("div", { ref: x, className: f(
|
|
1828
|
+
return /* @__PURE__ */ g("div", { ref: x, className: f(q.combobox, u), "data-testid": _, children: [
|
|
1827
1829
|
/* @__PURE__ */ g(
|
|
1828
1830
|
"button",
|
|
1829
1831
|
{
|
|
@@ -1831,27 +1833,27 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1831
1833
|
id: I,
|
|
1832
1834
|
type: "button",
|
|
1833
1835
|
className: f(
|
|
1834
|
-
|
|
1835
|
-
!rt &&
|
|
1836
|
-
y &&
|
|
1837
|
-
w &&
|
|
1838
|
-
h && rt && !d &&
|
|
1836
|
+
q.combobox__trigger,
|
|
1837
|
+
!rt && q["combobox__trigger--empty"],
|
|
1838
|
+
y && q["combobox__trigger--open"],
|
|
1839
|
+
w && q["combobox__trigger--invalid"],
|
|
1840
|
+
h && rt && !d && q["combobox__trigger--clearable"]
|
|
1839
1841
|
),
|
|
1840
1842
|
disabled: d,
|
|
1841
1843
|
"aria-haspopup": "listbox",
|
|
1842
1844
|
"aria-expanded": y,
|
|
1843
|
-
"aria-controls": y ?
|
|
1845
|
+
"aria-controls": y ? k : void 0,
|
|
1844
1846
|
"aria-label": r.placeholder,
|
|
1845
1847
|
"aria-describedby": m,
|
|
1846
1848
|
onClick: () => y ? ve() : Jt(),
|
|
1847
1849
|
children: [
|
|
1848
|
-
l && /* @__PURE__ */ a("span", { className:
|
|
1849
|
-
/* @__PURE__ */ a("span", { className:
|
|
1850
|
+
l && /* @__PURE__ */ a("span", { className: q.combobox__leadingIcon, "aria-hidden": !0, children: l }),
|
|
1851
|
+
/* @__PURE__ */ a("span", { className: q.combobox__value, children: rt ?? r.placeholder }),
|
|
1850
1852
|
/* @__PURE__ */ a(
|
|
1851
1853
|
za,
|
|
1852
1854
|
{
|
|
1853
1855
|
"aria-hidden": !0,
|
|
1854
|
-
className: f(
|
|
1856
|
+
className: f(q.combobox__chevron, y && q["combobox__chevron--open"])
|
|
1855
1857
|
}
|
|
1856
1858
|
)
|
|
1857
1859
|
]
|
|
@@ -1861,7 +1863,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1861
1863
|
"button",
|
|
1862
1864
|
{
|
|
1863
1865
|
type: "button",
|
|
1864
|
-
className:
|
|
1866
|
+
className: q.combobox__clear,
|
|
1865
1867
|
"aria-label": p.clear,
|
|
1866
1868
|
onClick: hn,
|
|
1867
1869
|
children: /* @__PURE__ */ a(Ue, { "aria-hidden": !0 })
|
|
@@ -1870,8 +1872,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1870
1872
|
E === "popover" && /* @__PURE__ */ g(
|
|
1871
1873
|
"div",
|
|
1872
1874
|
{
|
|
1873
|
-
ref:
|
|
1874
|
-
className:
|
|
1875
|
+
ref: N,
|
|
1876
|
+
className: q.combobox__panel,
|
|
1875
1877
|
style: {
|
|
1876
1878
|
...K.style,
|
|
1877
1879
|
/* Panel tetikleyiciyle AYNI genislikte: sabit konum onu
|
|
@@ -1897,7 +1899,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1897
1899
|
}
|
|
1898
1900
|
)
|
|
1899
1901
|
] });
|
|
1900
|
-
}, Bu = /* @__PURE__ */
|
|
1902
|
+
}, Bu = /* @__PURE__ */ T(so), co = "hanui-segmented-qo2Bw", lo = "hanui-segmented__item-mqRNZ", _o = "hanui-segmented__icon-C9CT-", uo = "hanui-segmented__label-NVXBv", it = {
|
|
1901
1903
|
segmented: co,
|
|
1902
1904
|
"segmented--sm": "hanui-segmented--sm-7tUry",
|
|
1903
1905
|
"segmented--md": "hanui-segmented--md-PiSqt",
|
|
@@ -1961,9 +1963,9 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1961
1963
|
})
|
|
1962
1964
|
}
|
|
1963
1965
|
);
|
|
1964
|
-
}, Fu = /* @__PURE__ */
|
|
1966
|
+
}, Fu = /* @__PURE__ */ T(
|
|
1965
1967
|
/* @__PURE__ */ M(ho, "SegmentedControl")
|
|
1966
|
-
), po = "hanui-select-tiiPL", mo = "hanui-trigger-rHQJz", bo = "hanui-trigger__icon-apCcx", go = "hanui-trigger__value-ioH7K", fo = "hanui-trigger__chevron-FtsIZ", vo = "hanui-panel-rGOOd", yo = "hanui-list-SOKf8", wo = "hanui-option-ZDPef", xo = "hanui-option__label-SsoYB",
|
|
1968
|
+
), po = "hanui-select-tiiPL", mo = "hanui-trigger-rHQJz", bo = "hanui-trigger__icon-apCcx", go = "hanui-trigger__value-ioH7K", fo = "hanui-trigger__chevron-FtsIZ", vo = "hanui-panel-rGOOd", yo = "hanui-list-SOKf8", wo = "hanui-option-ZDPef", xo = "hanui-option__label-SsoYB", No = "hanui-option__check-8CPSG", W = {
|
|
1967
1969
|
select: po,
|
|
1968
1970
|
trigger: mo,
|
|
1969
1971
|
"trigger--empty": "hanui-trigger--empty-cuinb",
|
|
@@ -1983,8 +1985,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
1983
1985
|
"option--selected": "hanui-option--selected-glQMj",
|
|
1984
1986
|
"option--disabled": "hanui-option--disabled-h4rdd",
|
|
1985
1987
|
option__label: xo,
|
|
1986
|
-
option__check:
|
|
1987
|
-
},
|
|
1988
|
+
option__check: No
|
|
1989
|
+
}, ko = ({
|
|
1988
1990
|
options: e,
|
|
1989
1991
|
value: t,
|
|
1990
1992
|
onChange: n,
|
|
@@ -2001,39 +2003,39 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2001
2003
|
"aria-describedby": m,
|
|
2002
2004
|
"aria-invalid": w
|
|
2003
2005
|
}) => {
|
|
2004
|
-
const { labels: b } =
|
|
2006
|
+
const { labels: b } = j(), p = z("Select.placeholder", o, b == null ? void 0 : b.selectPlaceholder), v = J(), I = c ?? v, k = `${I}-listbox`, x = (K) => `${I}-option-${K}`, $ = R(null), N = R(null), [D, E] = O(null), L = D !== null, y = e.findIndex((K) => K.value === t), B = y >= 0 ? e[y] : null, Y = H(() => E(null), []), Q = H(() => {
|
|
2005
2007
|
l || e.length === 0 || E(window.matchMedia(ua).matches ? "popover" : "sheet");
|
|
2006
|
-
}, [l, e.length]),
|
|
2007
|
-
K.isDisabled || (n(K.value),
|
|
2008
|
-
},
|
|
2008
|
+
}, [l, e.length]), V = (K) => {
|
|
2009
|
+
K.isDisabled || (n(K.value), Y());
|
|
2010
|
+
}, G = R(!1);
|
|
2009
2011
|
S(() => {
|
|
2010
2012
|
var K;
|
|
2011
|
-
|
|
2013
|
+
G.current && !L && ((K = N.current) == null || K.focus()), G.current = L;
|
|
2012
2014
|
}, [L]), S(() => {
|
|
2013
|
-
if (
|
|
2014
|
-
const K = (
|
|
2015
|
+
if (D !== "popover") return;
|
|
2016
|
+
const K = (Z) => {
|
|
2015
2017
|
var ye;
|
|
2016
|
-
(ye = $.current) != null && ye.contains(
|
|
2018
|
+
(ye = $.current) != null && ye.contains(Z.target) || Y();
|
|
2017
2019
|
};
|
|
2018
2020
|
return document.addEventListener("mousedown", K), () => document.removeEventListener("mousedown", K);
|
|
2019
|
-
}, [
|
|
2021
|
+
}, [D, Y]);
|
|
2020
2022
|
const { activeIndex: de, setActiveIndex: rt, listRef: ve, handleKeyDown: Jt } = Za({
|
|
2021
2023
|
count: e.length,
|
|
2022
2024
|
isOpen: L,
|
|
2023
2025
|
initialIndex: y >= 0 ? y : 0,
|
|
2024
2026
|
onSelect: (K) => {
|
|
2025
|
-
const
|
|
2026
|
-
|
|
2027
|
+
const Z = e[K];
|
|
2028
|
+
Z && V(Z);
|
|
2027
2029
|
},
|
|
2028
|
-
onClose:
|
|
2030
|
+
onClose: Y
|
|
2029
2031
|
});
|
|
2030
2032
|
S(() => {
|
|
2031
2033
|
var K;
|
|
2032
|
-
|
|
2033
|
-
}, [
|
|
2034
|
+
D === "sheet" && ((K = ve.current) == null || K.focus({ preventScroll: !0 }));
|
|
2035
|
+
}, [D, ve]);
|
|
2034
2036
|
const bt = (K) => {
|
|
2035
2037
|
if (!L) {
|
|
2036
|
-
["ArrowDown", "ArrowUp", "Enter", " "].includes(K.key) && (K.preventDefault(),
|
|
2038
|
+
["ArrowDown", "ArrowUp", "Enter", " "].includes(K.key) && (K.preventDefault(), Q());
|
|
2037
2039
|
return;
|
|
2038
2040
|
}
|
|
2039
2041
|
Jt(K);
|
|
@@ -2041,15 +2043,15 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2041
2043
|
"ul",
|
|
2042
2044
|
{
|
|
2043
2045
|
ref: ve,
|
|
2044
|
-
id:
|
|
2046
|
+
id: k,
|
|
2045
2047
|
role: "listbox",
|
|
2046
2048
|
"aria-label": r,
|
|
2047
2049
|
"aria-activedescendant": K && e[de] ? x(de) : void 0,
|
|
2048
2050
|
tabIndex: K ? 0 : -1,
|
|
2049
|
-
className: f(
|
|
2051
|
+
className: f(W.list, K && W["list--sheet"]),
|
|
2050
2052
|
onKeyDown: K ? bt : void 0,
|
|
2051
|
-
children: e.map((
|
|
2052
|
-
const ft =
|
|
2053
|
+
children: e.map((Z, ye) => {
|
|
2054
|
+
const ft = Z.value === t;
|
|
2053
2055
|
return /* @__PURE__ */ g(
|
|
2054
2056
|
"li",
|
|
2055
2057
|
{
|
|
@@ -2057,70 +2059,70 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2057
2059
|
role: "option",
|
|
2058
2060
|
"data-index": ye,
|
|
2059
2061
|
"aria-selected": ft,
|
|
2060
|
-
"aria-disabled":
|
|
2062
|
+
"aria-disabled": Z.isDisabled,
|
|
2061
2063
|
className: f(
|
|
2062
|
-
|
|
2063
|
-
ye === de &&
|
|
2064
|
-
ft &&
|
|
2065
|
-
|
|
2064
|
+
W.option,
|
|
2065
|
+
ye === de && W["option--active"],
|
|
2066
|
+
ft && W["option--selected"],
|
|
2067
|
+
Z.isDisabled && W["option--disabled"]
|
|
2066
2068
|
),
|
|
2067
2069
|
onMouseEnter: () => rt(ye),
|
|
2068
|
-
onClick: () =>
|
|
2070
|
+
onClick: () => V(Z),
|
|
2069
2071
|
children: [
|
|
2070
|
-
/* @__PURE__ */ a("span", { className:
|
|
2071
|
-
ft && /* @__PURE__ */ a(Yt, { "aria-hidden": !0, className:
|
|
2072
|
+
/* @__PURE__ */ a("span", { className: W.option__label, children: Z.label }),
|
|
2073
|
+
ft && /* @__PURE__ */ a(Yt, { "aria-hidden": !0, className: W.option__check })
|
|
2072
2074
|
]
|
|
2073
2075
|
},
|
|
2074
|
-
|
|
2076
|
+
Z.value
|
|
2075
2077
|
);
|
|
2076
2078
|
})
|
|
2077
2079
|
}
|
|
2078
2080
|
);
|
|
2079
|
-
return /* @__PURE__ */ g("span", { ref: $, className: f(
|
|
2081
|
+
return /* @__PURE__ */ g("span", { ref: $, className: f(W.select, u), "data-testid": _, children: [
|
|
2080
2082
|
/* @__PURE__ */ g(
|
|
2081
2083
|
"button",
|
|
2082
2084
|
{
|
|
2083
|
-
ref:
|
|
2085
|
+
ref: N,
|
|
2084
2086
|
id: I,
|
|
2085
2087
|
type: "button",
|
|
2086
2088
|
role: "combobox",
|
|
2087
2089
|
className: f(
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
!B &&
|
|
2091
|
-
L &&
|
|
2090
|
+
W.trigger,
|
|
2091
|
+
W[`trigger--${d}`],
|
|
2092
|
+
!B && W["trigger--empty"],
|
|
2093
|
+
L && W["trigger--open"]
|
|
2092
2094
|
),
|
|
2093
2095
|
disabled: l,
|
|
2094
2096
|
"aria-haspopup": "listbox",
|
|
2095
2097
|
"aria-expanded": L,
|
|
2096
|
-
"aria-controls": L ?
|
|
2097
|
-
"aria-activedescendant":
|
|
2098
|
+
"aria-controls": L ? k : void 0,
|
|
2099
|
+
"aria-activedescendant": D === "popover" && e[de] ? x(de) : void 0,
|
|
2098
2100
|
"aria-label": r,
|
|
2099
2101
|
"aria-describedby": m,
|
|
2100
2102
|
"aria-invalid": w,
|
|
2101
|
-
onClick: () => L ?
|
|
2103
|
+
onClick: () => L ? Y() : Q(),
|
|
2102
2104
|
onKeyDown: bt,
|
|
2103
2105
|
children: [
|
|
2104
|
-
s && /* @__PURE__ */ a("span", { className:
|
|
2105
|
-
/* @__PURE__ */ a("span", { className:
|
|
2106
|
+
s && /* @__PURE__ */ a("span", { className: W.trigger__icon, "aria-hidden": !0, children: s }),
|
|
2107
|
+
/* @__PURE__ */ a("span", { className: W.trigger__value, children: (B == null ? void 0 : B.label) ?? p }),
|
|
2106
2108
|
/* @__PURE__ */ a(
|
|
2107
2109
|
za,
|
|
2108
2110
|
{
|
|
2109
2111
|
"aria-hidden": !0,
|
|
2110
|
-
className: f(
|
|
2112
|
+
className: f(W.trigger__chevron, L && W["trigger__chevron--open"])
|
|
2111
2113
|
}
|
|
2112
2114
|
)
|
|
2113
2115
|
]
|
|
2114
2116
|
}
|
|
2115
2117
|
),
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
+
D === "popover" && /* @__PURE__ */ a("div", { className: f(W.panel, W[`panel--${h}`]), children: gt(!1) }),
|
|
2119
|
+
D === "sheet" && /* @__PURE__ */ a(nn, { title: r, closeLabel: i ?? (b == null ? void 0 : b.close), onClose: Y, children: gt(!0) })
|
|
2118
2120
|
] });
|
|
2119
|
-
}, Pu = /* @__PURE__ */
|
|
2121
|
+
}, Pu = /* @__PURE__ */ T(ko), $o = "hanui-checkbox-FaFCj", Io = "hanui-checkbox__input-nTHne", To = "hanui-checkbox__body-VAEW2", Do = "hanui-checkbox__label-sSNZY", Co = "hanui-checkbox__hint-ish-J", xt = {
|
|
2120
2122
|
checkbox: $o,
|
|
2121
2123
|
checkbox__input: Io,
|
|
2122
|
-
checkbox__body:
|
|
2123
|
-
checkbox__label:
|
|
2124
|
+
checkbox__body: To,
|
|
2125
|
+
checkbox__label: Do,
|
|
2124
2126
|
checkbox__hint: Co
|
|
2125
2127
|
}, Eo = /* @__PURE__ */ Ie(
|
|
2126
2128
|
({ label: e, hint: t, className: n, testId: r, ...o }, i) => /* @__PURE__ */ g("label", { className: f(xt.checkbox, n), "data-testid": r, children: [
|
|
@@ -2130,7 +2132,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2130
2132
|
t && /* @__PURE__ */ a("span", { className: xt.checkbox__hint, children: t })
|
|
2131
2133
|
] })
|
|
2132
2134
|
] })
|
|
2133
|
-
), Ou = /* @__PURE__ */
|
|
2135
|
+
), Ou = /* @__PURE__ */ T(/* @__PURE__ */ M(Eo, "Checkbox")), Lo = "hanui-switch__input-Q2UQ4", So = "hanui-switch__label-gPZuO", Ro = "hanui-switch__hint-NRuzC", Ao = "hanui-switch__track-3417m", Mo = "hanui-switch__thumb-1LHta", Bo = "hanui-switch__text-32uMY", Fe = {
|
|
2134
2136
|
switch: "hanui-switch-KLH29",
|
|
2135
2137
|
switch__input: Lo,
|
|
2136
2138
|
"switch--labelFirst": "hanui-switch--labelFirst-Grirk",
|
|
@@ -2165,7 +2167,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2165
2167
|
]
|
|
2166
2168
|
}
|
|
2167
2169
|
)
|
|
2168
|
-
), Hu = /* @__PURE__ */
|
|
2170
|
+
), Hu = /* @__PURE__ */ T(/* @__PURE__ */ M(Fo, "Switch")), Po = "hanui-radio-KoZak", Oo = "hanui-radio__input-gVMgh", Ho = "hanui-radio__body-oZWg6", zo = "hanui-radio__label-d-5ce", Ko = "hanui-radio__hint-baVbs", Uo = "hanui-radio__count-OtkUM", st = {
|
|
2169
2171
|
radio: Po,
|
|
2170
2172
|
radio__input: Oo,
|
|
2171
2173
|
radio__body: Ho,
|
|
@@ -2181,7 +2183,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2181
2183
|
] }),
|
|
2182
2184
|
ht(n) && /* @__PURE__ */ a("span", { className: st.radio__count, children: n })
|
|
2183
2185
|
] })
|
|
2184
|
-
), zu = /* @__PURE__ */
|
|
2186
|
+
), zu = /* @__PURE__ */ T(/* @__PURE__ */ M(Yo, "Radio")), qo = "hanui-radioCard-sndiC", jo = "hanui-radioCard__input-6vuoD", Go = "hanui-radioCard__indicator--x9LT", Wo = "hanui-radioCard__body-CFqoi", ct = {
|
|
2185
2187
|
radioCard: qo,
|
|
2186
2188
|
radioCard__input: jo,
|
|
2187
2189
|
"radioCard--selected": "hanui-radioCard--selected-Mi7ee",
|
|
@@ -2226,7 +2228,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2226
2228
|
/* @__PURE__ */ a("span", { className: ct.radioCard__body, children: i })
|
|
2227
2229
|
]
|
|
2228
2230
|
}
|
|
2229
|
-
), Ku = /* @__PURE__ */
|
|
2231
|
+
), Ku = /* @__PURE__ */ T(Xo), Qo = "hanui-range-RpDPh", Jo = "hanui-range__readout-itDMd", Zo = "hanui-range__separator-u-ZJX", Vo = "hanui-range__track-bCh5Y", ei = "hanui-range__fill-VXMCE", ti = "hanui-range__input-TAN2I", ai = "hanui-range__bounds-GIhFd", me = {
|
|
2230
2232
|
range: Qo,
|
|
2231
2233
|
"range--disabled": "hanui-range--disabled-13hlc",
|
|
2232
2234
|
range__readout: Jo,
|
|
@@ -2251,13 +2253,13 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2251
2253
|
testId: _
|
|
2252
2254
|
}) => {
|
|
2253
2255
|
var L, y;
|
|
2254
|
-
const { labels: m } =
|
|
2256
|
+
const { labels: m } = j(), w = z("RangeSlider.minLabel", h, (L = m == null ? void 0 : m.range) == null ? void 0 : L.min), b = z("RangeSlider.maxLabel", l, (y = m == null ? void 0 : m.range) == null ? void 0 : y.max), [p, v] = r, I = H(
|
|
2255
2257
|
(B) => o([Math.min(B, v), v]),
|
|
2256
2258
|
[v, o]
|
|
2257
|
-
),
|
|
2259
|
+
), k = H(
|
|
2258
2260
|
(B) => o([p, Math.max(B, p)]),
|
|
2259
2261
|
[p, o]
|
|
2260
|
-
), x = H(() => i == null ? void 0 : i([p, v]), [p, v, i]), $ = t - e,
|
|
2262
|
+
), x = H(() => i == null ? void 0 : i([p, v]), [p, v, i]), $ = t - e, N = $ === 0 ? 0 : ya(p - e, $), D = $ === 0 ? 0 : ya(v - e, $), E = N > 50;
|
|
2261
2263
|
return /* @__PURE__ */ g(
|
|
2262
2264
|
"div",
|
|
2263
2265
|
{
|
|
@@ -2276,7 +2278,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2276
2278
|
"span",
|
|
2277
2279
|
{
|
|
2278
2280
|
className: me.range__fill,
|
|
2279
|
-
style: { left: `${
|
|
2281
|
+
style: { left: `${N}%`, right: `${100 - D}%` },
|
|
2280
2282
|
"aria-hidden": !0
|
|
2281
2283
|
}
|
|
2282
2284
|
),
|
|
@@ -2311,7 +2313,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2311
2313
|
disabled: c,
|
|
2312
2314
|
"aria-label": `${d} — ${b}`,
|
|
2313
2315
|
"aria-valuetext": s(v),
|
|
2314
|
-
onChange: (B) =>
|
|
2316
|
+
onChange: (B) => k(Number(B.target.value)),
|
|
2315
2317
|
onPointerUp: x,
|
|
2316
2318
|
onKeyUp: x
|
|
2317
2319
|
}
|
|
@@ -2324,7 +2326,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2324
2326
|
]
|
|
2325
2327
|
}
|
|
2326
2328
|
);
|
|
2327
|
-
}, Uu = /* @__PURE__ */
|
|
2329
|
+
}, Uu = /* @__PURE__ */ T(ni), ri = "hanui-rating-neNnF", oi = "hanui-rating__legend-uYvFS", ii = "hanui-rating__stars-vJFLk", si = "hanui-rating__star-BANFJ", ci = "hanui-rating__input-s2iiO", li = "hanui-rating__srOnly-iSCoz", di = "hanui-rating__caption-13KFX", Ce = {
|
|
2328
2330
|
rating: ri,
|
|
2329
2331
|
"rating--disabled": "hanui-rating--disabled-ZKjHa",
|
|
2330
2332
|
rating__legend: oi,
|
|
@@ -2345,7 +2347,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2345
2347
|
testId: d
|
|
2346
2348
|
}) => {
|
|
2347
2349
|
var w;
|
|
2348
|
-
const { labels: h } =
|
|
2350
|
+
const { labels: h } = j(), l = r ?? ((w = h == null ? void 0 : h.rating) == null ? void 0 : w.scale), c = J(), [u, _] = O(null), m = u ?? e;
|
|
2349
2351
|
return /* @__PURE__ */ g(
|
|
2350
2352
|
"fieldset",
|
|
2351
2353
|
{
|
|
@@ -2396,7 +2398,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2396
2398
|
]
|
|
2397
2399
|
}
|
|
2398
2400
|
);
|
|
2399
|
-
}, Yu = /* @__PURE__ */
|
|
2401
|
+
}, Yu = /* @__PURE__ */ T(ui), hi = "hanui-stepper-8s5Ih", pi = "hanui-stepper__button-h6g7d", mi = "hanui-stepper__input-OQh5v", Nt = {
|
|
2400
2402
|
stepper: hi,
|
|
2401
2403
|
stepper__button: pi,
|
|
2402
2404
|
stepper__input: mi,
|
|
@@ -2416,15 +2418,15 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2416
2418
|
testId: c
|
|
2417
2419
|
}) => {
|
|
2418
2420
|
var p, v, I;
|
|
2419
|
-
const { labels: u } =
|
|
2421
|
+
const { labels: u } = j(), _ = z("QuantityStepper.label", n, (p = u == null ? void 0 : u.quantity) == null ? void 0 : p.label), [m, w] = O(null), b = (k) => {
|
|
2420
2422
|
w(null);
|
|
2421
|
-
const x = Number(
|
|
2423
|
+
const x = Number(k.replace(/\D/g, ""));
|
|
2422
2424
|
x && t(Math.min(Math.max(x, i), s));
|
|
2423
2425
|
};
|
|
2424
2426
|
return /* @__PURE__ */ g(
|
|
2425
2427
|
"div",
|
|
2426
2428
|
{
|
|
2427
|
-
className: f(
|
|
2429
|
+
className: f(Nt.stepper, Nt[`stepper--${h}`], l),
|
|
2428
2430
|
role: "group",
|
|
2429
2431
|
"aria-label": _,
|
|
2430
2432
|
"data-testid": c,
|
|
@@ -2433,7 +2435,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2433
2435
|
"button",
|
|
2434
2436
|
{
|
|
2435
2437
|
type: "button",
|
|
2436
|
-
className:
|
|
2438
|
+
className: Nt.stepper__button,
|
|
2437
2439
|
onClick: () => t(Math.max(e - 1, i)),
|
|
2438
2440
|
disabled: d || e <= i,
|
|
2439
2441
|
"aria-label": z(
|
|
@@ -2447,12 +2449,12 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2447
2449
|
/* @__PURE__ */ a(
|
|
2448
2450
|
"input",
|
|
2449
2451
|
{
|
|
2450
|
-
className:
|
|
2452
|
+
className: Nt.stepper__input,
|
|
2451
2453
|
value: m ?? String(e),
|
|
2452
|
-
onChange: (
|
|
2453
|
-
onBlur: (
|
|
2454
|
-
onKeyDown: (
|
|
2455
|
-
|
|
2454
|
+
onChange: (k) => w(k.target.value.replace(/\D/g, "").slice(0, 2)),
|
|
2455
|
+
onBlur: (k) => b(k.target.value),
|
|
2456
|
+
onKeyDown: (k) => {
|
|
2457
|
+
k.key === "Enter" && (k.preventDefault(), b(k.target.value));
|
|
2456
2458
|
},
|
|
2457
2459
|
inputMode: "numeric",
|
|
2458
2460
|
disabled: d,
|
|
@@ -2463,7 +2465,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2463
2465
|
"button",
|
|
2464
2466
|
{
|
|
2465
2467
|
type: "button",
|
|
2466
|
-
className:
|
|
2468
|
+
className: Nt.stepper__button,
|
|
2467
2469
|
onClick: () => t(Math.min(e + 1, s)),
|
|
2468
2470
|
disabled: d || e >= s,
|
|
2469
2471
|
"aria-label": z(
|
|
@@ -2477,7 +2479,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2477
2479
|
]
|
|
2478
2480
|
}
|
|
2479
2481
|
);
|
|
2480
|
-
}, qu = /* @__PURE__ */
|
|
2482
|
+
}, qu = /* @__PURE__ */ T(bi), gi = "hanui-checkbox--dvpB", fi = {
|
|
2481
2483
|
checkbox: gi
|
|
2482
2484
|
}, vi = /* @__PURE__ */ Ie(
|
|
2483
2485
|
({ label: e, className: t, testId: n, ...r }, o) => /* @__PURE__ */ a(
|
|
@@ -2491,17 +2493,17 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2491
2493
|
...r
|
|
2492
2494
|
}
|
|
2493
2495
|
)
|
|
2494
|
-
), ju = /* @__PURE__ */
|
|
2496
|
+
), ju = /* @__PURE__ */ T(
|
|
2495
2497
|
/* @__PURE__ */ M(vi, "TableCheckbox")
|
|
2496
|
-
), yi = "hanui-wrapper-IAI4E", wi = "hanui-wrapper__prefix-XKDlV", xi = "hanui-wrapper__suffix-lT35q",
|
|
2498
|
+
), yi = "hanui-wrapper-IAI4E", wi = "hanui-wrapper__prefix-XKDlV", xi = "hanui-wrapper__suffix-lT35q", Ni = "hanui-input-pIS2u", Ge = {
|
|
2497
2499
|
wrapper: yi,
|
|
2498
2500
|
wrapper__prefix: wi,
|
|
2499
2501
|
wrapper__suffix: xi,
|
|
2500
|
-
input:
|
|
2502
|
+
input: Ni,
|
|
2501
2503
|
"input--hasPrefix": "hanui-input--hasPrefix-nsrWh",
|
|
2502
2504
|
"input--hasSuffix": "hanui-input--hasSuffix-OrE5A",
|
|
2503
2505
|
"input--technical": "hanui-input--technical---DCD"
|
|
2504
|
-
},
|
|
2506
|
+
}, ki = /* @__PURE__ */ Ie(
|
|
2505
2507
|
({ prefix: e, suffix: t, isTechnical: n, className: r, testId: o, ...i }, s) => /* @__PURE__ */ g("span", { className: f(Ge.wrapper, r), children: [
|
|
2506
2508
|
e && /* @__PURE__ */ a("span", { className: Ge.wrapper__prefix, "aria-hidden": !0, children: e }),
|
|
2507
2509
|
/* @__PURE__ */ a(
|
|
@@ -2522,12 +2524,12 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2522
2524
|
),
|
|
2523
2525
|
t && /* @__PURE__ */ a("span", { className: Ge.wrapper__suffix, "aria-hidden": !0, children: t })
|
|
2524
2526
|
] })
|
|
2525
|
-
), rn = /* @__PURE__ */
|
|
2527
|
+
), rn = /* @__PURE__ */ T(/* @__PURE__ */ M(ki, "Input")), $i = "hanui-password-viMea", Ii = "hanui-password__field-WI1h1", Ti = "hanui-password__toggle-O6R2a", na = {
|
|
2526
2528
|
password: $i,
|
|
2527
2529
|
password__field: Ii,
|
|
2528
|
-
password__toggle:
|
|
2529
|
-
},
|
|
2530
|
-
const { labels: o } =
|
|
2530
|
+
password__toggle: Ti
|
|
2531
|
+
}, Di = ({ className: e, showLabel: t, hideLabel: n, ...r }) => {
|
|
2532
|
+
const { labels: o } = j(), [i, s] = O(!1), d = i ? z("PasswordInput.hideLabel", n, o == null ? void 0 : o.passwordHide) : z("PasswordInput.showLabel", t, o == null ? void 0 : o.passwordShow);
|
|
2531
2533
|
return /* @__PURE__ */ g("span", { className: na.password, children: [
|
|
2532
2534
|
/* @__PURE__ */ a(
|
|
2533
2535
|
rn,
|
|
@@ -2549,8 +2551,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2549
2551
|
}
|
|
2550
2552
|
)
|
|
2551
2553
|
] });
|
|
2552
|
-
}, Gu = /* @__PURE__ */
|
|
2553
|
-
/* @__PURE__ */ M(
|
|
2554
|
+
}, Gu = /* @__PURE__ */ T(
|
|
2555
|
+
/* @__PURE__ */ M(Di, "PasswordInput")
|
|
2554
2556
|
), Ci = "hanui-tagInput-QraZR", Ei = "hanui-tagInput__field-HeWrC", Li = "hanui-tagInput__tag-D-ZWB", Si = "hanui-tagInput__remove-bpjGG", We = {
|
|
2555
2557
|
tagInput: Ci,
|
|
2556
2558
|
tagInput__field: Ei,
|
|
@@ -2574,7 +2576,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2574
2576
|
"aria-describedby": u,
|
|
2575
2577
|
"aria-invalid": _
|
|
2576
2578
|
}) => {
|
|
2577
|
-
const m =
|
|
2579
|
+
const m = J(), w = h ?? m, b = R(null), p = da(), [v, I] = O(""), [k, x] = O(null), $ = s !== void 0 && e.length >= s, N = (L) => {
|
|
2578
2580
|
const y = L.trim();
|
|
2579
2581
|
if (y !== "") {
|
|
2580
2582
|
if (e.includes(y)) {
|
|
@@ -2583,16 +2585,16 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2583
2585
|
}
|
|
2584
2586
|
$ || (t([...e, y]), I(""), p(`${y} eklendi`));
|
|
2585
2587
|
}
|
|
2586
|
-
},
|
|
2588
|
+
}, D = (L) => {
|
|
2587
2589
|
t(e.filter((y) => y !== L)), p(`${L} kaldırıldı`);
|
|
2588
2590
|
}, E = (L) => {
|
|
2589
2591
|
if (i.includes(L.key)) {
|
|
2590
|
-
L.preventDefault(),
|
|
2592
|
+
L.preventDefault(), N(v);
|
|
2591
2593
|
return;
|
|
2592
2594
|
}
|
|
2593
2595
|
if (L.key === "Backspace" && v === "") {
|
|
2594
2596
|
const y = e.at(-1);
|
|
2595
|
-
y !== void 0 &&
|
|
2597
|
+
y !== void 0 && D(y);
|
|
2596
2598
|
}
|
|
2597
2599
|
};
|
|
2598
2600
|
return /* @__PURE__ */ g(
|
|
@@ -2615,7 +2617,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2615
2617
|
{
|
|
2616
2618
|
className: f(
|
|
2617
2619
|
We.tagInput__tag,
|
|
2618
|
-
|
|
2620
|
+
k === L && We["tagInput__tag--duplicate"]
|
|
2619
2621
|
),
|
|
2620
2622
|
children: [
|
|
2621
2623
|
L,
|
|
@@ -2627,7 +2629,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2627
2629
|
"aria-label": `${L} — ${o}`,
|
|
2628
2630
|
disabled: d,
|
|
2629
2631
|
onClick: (y) => {
|
|
2630
|
-
y.stopPropagation(),
|
|
2632
|
+
y.stopPropagation(), D(L);
|
|
2631
2633
|
},
|
|
2632
2634
|
children: /* @__PURE__ */ a(Ue, { "aria-hidden": !0 })
|
|
2633
2635
|
}
|
|
@@ -2651,13 +2653,13 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2651
2653
|
disabled: d || $,
|
|
2652
2654
|
onChange: (L) => I(L.target.value),
|
|
2653
2655
|
onKeyDown: E,
|
|
2654
|
-
onBlur: () =>
|
|
2656
|
+
onBlur: () => N(v)
|
|
2655
2657
|
}
|
|
2656
2658
|
)
|
|
2657
2659
|
]
|
|
2658
2660
|
}
|
|
2659
2661
|
);
|
|
2660
|
-
}, Wu = /* @__PURE__ */
|
|
2662
|
+
}, Wu = /* @__PURE__ */ T(/* @__PURE__ */ M(Ri, "TagInput")), Ai = "hanui-textarea-zwJcB", Mi = "hanui-wrapper-O8aJA", Bi = "hanui-counter-bHVh3", kt = {
|
|
2661
2663
|
textarea: Ai,
|
|
2662
2664
|
wrapper: Mi,
|
|
2663
2665
|
"textarea--autoSize": "hanui-textarea--autoSize--F8yj",
|
|
@@ -2691,13 +2693,13 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2691
2693
|
I.style.height = `${Math.min(I.scrollHeight, x)}px`, I.style.overflowY = I.scrollHeight > x ? "auto" : "hidden";
|
|
2692
2694
|
}, [n, r, s, b]);
|
|
2693
2695
|
const v = i !== void 0 && b >= i * 0.9;
|
|
2694
|
-
return /* @__PURE__ */ g("div", { className: f(
|
|
2696
|
+
return /* @__PURE__ */ g("div", { className: f(kt.wrapper, e), "data-testid": l, children: [
|
|
2695
2697
|
/* @__PURE__ */ a(
|
|
2696
2698
|
"textarea",
|
|
2697
2699
|
{
|
|
2698
2700
|
ref: p,
|
|
2699
2701
|
rows: t,
|
|
2700
|
-
className: f(
|
|
2702
|
+
className: f(kt.textarea, n && kt["textarea--autoSize"]),
|
|
2701
2703
|
maxLength: i,
|
|
2702
2704
|
value: s,
|
|
2703
2705
|
defaultValue: d,
|
|
@@ -2709,14 +2711,14 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2709
2711
|
),
|
|
2710
2712
|
o && i !== void 0 && /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye
|
|
2711
2713
|
ugrardi. Sinir zaten `maxLength` ile taniniyor. */
|
|
2712
|
-
/* @__PURE__ */ g("span", { className: f(
|
|
2714
|
+
/* @__PURE__ */ g("span", { className: f(kt.counter, v && kt["counter--near"]), "aria-hidden": !0, children: [
|
|
2713
2715
|
b,
|
|
2714
2716
|
" / ",
|
|
2715
2717
|
i
|
|
2716
2718
|
] })
|
|
2717
2719
|
] });
|
|
2718
2720
|
}
|
|
2719
|
-
), Pi = /* @__PURE__ */
|
|
2721
|
+
), Pi = /* @__PURE__ */ T(/* @__PURE__ */ M(Fi, "Textarea")), Oi = "hanui-dateField-UnUwe", Hi = "hanui-range-nGuRH", zi = "hanui-range__row--debA", Ki = "hanui-range__separator-fEqqr", Ui = "hanui-range__field-tmoNH", Yi = "hanui-range__summary-L6v1T", Ve = {
|
|
2720
2722
|
dateField: Oi,
|
|
2721
2723
|
range: Hi,
|
|
2722
2724
|
range__row: zi,
|
|
@@ -2734,7 +2736,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2734
2736
|
...r
|
|
2735
2737
|
}
|
|
2736
2738
|
)
|
|
2737
|
-
), Xu = /* @__PURE__ */
|
|
2739
|
+
), Xu = /* @__PURE__ */ T(/* @__PURE__ */ M(ia, "DateField")), qi = ({
|
|
2738
2740
|
value: e,
|
|
2739
2741
|
onChange: t,
|
|
2740
2742
|
startLabel: n,
|
|
@@ -2747,7 +2749,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2747
2749
|
className: l,
|
|
2748
2750
|
testId: c
|
|
2749
2751
|
}) => {
|
|
2750
|
-
const { labels: u } =
|
|
2752
|
+
const { labels: u } = j(), _ = (() => {
|
|
2751
2753
|
if (!d || !(u != null && u.locale) || e.start === "" || e.end === "") return null;
|
|
2752
2754
|
try {
|
|
2753
2755
|
const m = new Intl.DateTimeFormat(u.locale, { dateStyle: "medium" });
|
|
@@ -2786,7 +2788,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2786
2788
|
] }),
|
|
2787
2789
|
_ && /* @__PURE__ */ a("span", { className: Ve.range__summary, children: _ })
|
|
2788
2790
|
] });
|
|
2789
|
-
}, Qu = /* @__PURE__ */ M(/* @__PURE__ */
|
|
2791
|
+
}, Qu = /* @__PURE__ */ M(/* @__PURE__ */ T(qi), "DateRange"), ji = "hanui-field-KKvre", Gi = "hanui-field__label-9dlYd", Wi = "hanui-field__required-hbDJk", Xi = "hanui-field__srOnly-2WQFH", Qi = "hanui-field__hint-SQPiL", Ji = "hanui-field__error-gLlZ-", Zi = "hanui-field__errorIcon-uA3o8", Pe = {
|
|
2790
2792
|
field: ji,
|
|
2791
2793
|
field__label: Gi,
|
|
2792
2794
|
"field__label--hidden": "hanui-field__label--hidden-ufuVt",
|
|
@@ -2805,7 +2807,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2805
2807
|
isLabelHidden: s,
|
|
2806
2808
|
className: d
|
|
2807
2809
|
}) => {
|
|
2808
|
-
const { labels: h } =
|
|
2810
|
+
const { labels: h } = j(), l = J(), c = `${l}-error`, u = `${l}-hint`;
|
|
2809
2811
|
return /* @__PURE__ */ g("div", { className: f(Pe.field, d), children: [
|
|
2810
2812
|
/* @__PURE__ */ g(
|
|
2811
2813
|
"label",
|
|
@@ -2834,7 +2836,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2834
2836
|
] }),
|
|
2835
2837
|
n && /* @__PURE__ */ a("p", { id: u, className: Pe.field__hint, children: n })
|
|
2836
2838
|
] });
|
|
2837
|
-
}, es = /* @__PURE__ */
|
|
2839
|
+
}, es = /* @__PURE__ */ T(Vi), ts = "hanui-progress-99MrX", as = "hanui-progress__track-Qbp9t", ns = "hanui-progress__fill-Bam55", rs = "hanui-progress__value-3FYxj", os = "hanui-circle-9cn2w", is = "hanui-circle__svg-0IwkR", ss = "hanui-circle__track-zY2qc", cs = "hanui-circle__fill-Jbde6", ls = "hanui-circle__label-A3nJB", re = {
|
|
2838
2840
|
progress: ts,
|
|
2839
2841
|
progress__track: as,
|
|
2840
2842
|
"progress__track--sm": "hanui-progress__track--sm-dbHZq",
|
|
@@ -2866,7 +2868,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2866
2868
|
testId: h
|
|
2867
2869
|
}) => {
|
|
2868
2870
|
const l = e === void 0, c = l ? 0 : on(e, t);
|
|
2869
|
-
return /* @__PURE__ */ g("div", { className: f(
|
|
2871
|
+
return /* @__PURE__ */ g("div", { className: f(re.progress, d), "data-testid": h, children: [
|
|
2870
2872
|
/* @__PURE__ */ a(
|
|
2871
2873
|
"div",
|
|
2872
2874
|
{
|
|
@@ -2877,14 +2879,14 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2877
2879
|
"aria-valuemax": l ? void 0 : 100,
|
|
2878
2880
|
"aria-valuetext": l ? void 0 : r,
|
|
2879
2881
|
className: f(
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
l &&
|
|
2882
|
+
re.progress__track,
|
|
2883
|
+
re[`progress__track--${s}`],
|
|
2884
|
+
l && re["progress__track--indeterminate"]
|
|
2883
2885
|
),
|
|
2884
2886
|
children: /* @__PURE__ */ a(
|
|
2885
2887
|
"span",
|
|
2886
2888
|
{
|
|
2887
|
-
className: f(
|
|
2889
|
+
className: f(re.progress__fill, re[`progress__fill--${i}`]),
|
|
2888
2890
|
style: l ? void 0 : { inlineSize: `${c}%` }
|
|
2889
2891
|
}
|
|
2890
2892
|
)
|
|
@@ -2892,9 +2894,9 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2892
2894
|
),
|
|
2893
2895
|
o && !l && /* Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in
|
|
2894
2896
|
degerinde ve iki kez duyurulmasi gurultu. */
|
|
2895
|
-
/* @__PURE__ */ a("span", { className:
|
|
2897
|
+
/* @__PURE__ */ a("span", { className: re.progress__value, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
|
|
2896
2898
|
] });
|
|
2897
|
-
}, _s = /* @__PURE__ */
|
|
2899
|
+
}, _s = /* @__PURE__ */ T(/* @__PURE__ */ M(ds, "Progress")), us = ({
|
|
2898
2900
|
value: e,
|
|
2899
2901
|
max: t = 100,
|
|
2900
2902
|
label: n,
|
|
@@ -2909,14 +2911,14 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2909
2911
|
return /* @__PURE__ */ g(
|
|
2910
2912
|
"div",
|
|
2911
2913
|
{
|
|
2912
|
-
className: f(
|
|
2914
|
+
className: f(re.circle, l && re["circle--indeterminate"], d),
|
|
2913
2915
|
style: { width: s, height: s },
|
|
2914
2916
|
"data-testid": h,
|
|
2915
2917
|
children: [
|
|
2916
2918
|
/* @__PURE__ */ g(
|
|
2917
2919
|
"svg",
|
|
2918
2920
|
{
|
|
2919
|
-
className:
|
|
2921
|
+
className: re.circle__svg,
|
|
2920
2922
|
width: s,
|
|
2921
2923
|
height: s,
|
|
2922
2924
|
viewBox: `0 0 ${s} ${s}`,
|
|
@@ -2930,7 +2932,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2930
2932
|
/* @__PURE__ */ a(
|
|
2931
2933
|
"circle",
|
|
2932
2934
|
{
|
|
2933
|
-
className:
|
|
2935
|
+
className: re.circle__track,
|
|
2934
2936
|
cx: s / 2,
|
|
2935
2937
|
cy: s / 2,
|
|
2936
2938
|
r: _,
|
|
@@ -2941,7 +2943,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2941
2943
|
/* @__PURE__ */ a(
|
|
2942
2944
|
"circle",
|
|
2943
2945
|
{
|
|
2944
|
-
className: f(
|
|
2946
|
+
className: f(re.circle__fill, re[`circle__fill--${i}`]),
|
|
2945
2947
|
cx: s / 2,
|
|
2946
2948
|
cy: s / 2,
|
|
2947
2949
|
r: _,
|
|
@@ -2954,14 +2956,14 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2954
2956
|
]
|
|
2955
2957
|
}
|
|
2956
2958
|
),
|
|
2957
|
-
o && !l && /* @__PURE__ */ a("span", { className:
|
|
2959
|
+
o && !l && /* @__PURE__ */ a("span", { className: re.circle__label, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
|
|
2958
2960
|
]
|
|
2959
2961
|
}
|
|
2960
2962
|
);
|
|
2961
2963
|
}, Ju = /* @__PURE__ */ M(
|
|
2962
|
-
/* @__PURE__ */
|
|
2964
|
+
/* @__PURE__ */ T(us),
|
|
2963
2965
|
"ProgressCircle"
|
|
2964
|
-
), hs = "hanui-upload-v1pRY", ps = "hanui-upload__drop-OpNbO", ms = "hanui-upload__input-Tcg9-", bs = "hanui-upload__icon-KpMkq", gs = "hanui-upload__label-M4HJb", fs = "hanui-upload__drag-ewSQw", vs = "hanui-upload__hint-MZRJ6", ys = "hanui-upload__error-7GkCC", ws = "hanui-upload__list-lbViQ", xs = "hanui-upload__file-Znp1Q",
|
|
2966
|
+
), hs = "hanui-upload-v1pRY", ps = "hanui-upload__drop-OpNbO", ms = "hanui-upload__input-Tcg9-", bs = "hanui-upload__icon-KpMkq", gs = "hanui-upload__label-M4HJb", fs = "hanui-upload__drag-ewSQw", vs = "hanui-upload__hint-MZRJ6", ys = "hanui-upload__error-7GkCC", ws = "hanui-upload__list-lbViQ", xs = "hanui-upload__file-Znp1Q", Ns = "hanui-upload__fileText-EtJcs", ks = "hanui-upload__fileName-ArF8-", $s = "hanui-upload__fileMeta-i6sO1", Is = "hanui-upload__progress-JY2a5", X = {
|
|
2965
2967
|
upload: hs,
|
|
2966
2968
|
upload__drop: ps,
|
|
2967
2969
|
upload__input: ms,
|
|
@@ -2976,11 +2978,11 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2976
2978
|
upload__list: ws,
|
|
2977
2979
|
upload__file: xs,
|
|
2978
2980
|
"upload__file--error": "hanui-upload__file--error-wpbtA",
|
|
2979
|
-
upload__fileText:
|
|
2980
|
-
upload__fileName:
|
|
2981
|
+
upload__fileText: Ns,
|
|
2982
|
+
upload__fileName: ks,
|
|
2981
2983
|
upload__fileMeta: $s,
|
|
2982
2984
|
upload__progress: Is
|
|
2983
|
-
}, Ut = 1024, Aa = Ut * Ut, Ma = (e) => e < Ut ? `${e} B` : e < Aa ? `${Math.round(e / Ut)} KB` : `${(e / Aa).toFixed(1)} MB`,
|
|
2985
|
+
}, Ut = 1024, Aa = Ut * Ut, Ma = (e) => e < Ut ? `${e} B` : e < Aa ? `${Math.round(e / Ut)} KB` : `${(e / Aa).toFixed(1)} MB`, Ts = ({
|
|
2984
2986
|
files: e,
|
|
2985
2987
|
onSelect: t,
|
|
2986
2988
|
onRemove: n,
|
|
@@ -2998,25 +3000,25 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
2998
3000
|
className: w,
|
|
2999
3001
|
testId: b
|
|
3000
3002
|
}) => {
|
|
3001
|
-
const p =
|
|
3003
|
+
const p = J(), v = J(), I = R(null), k = da(), [x, $] = O(!1), [N, D] = O([]), E = (y) => {
|
|
3002
3004
|
if (!y || y.length === 0) return;
|
|
3003
|
-
const B = [...y],
|
|
3004
|
-
(
|
|
3005
|
+
const B = [...y], Y = d === void 0 ? [] : B.filter((G) => G.size > d), Q = B.filter((G) => !Y.includes(G)), V = Y.map(
|
|
3006
|
+
(G) => c.replace("{name}", G.name).replace("{max}", Ma(d ?? 0))
|
|
3005
3007
|
);
|
|
3006
|
-
|
|
3008
|
+
D(V), Q.length > 0 && (t(Q), k(`${Q.length} dosya eklendi`)), V.length > 0 && k(V.join(" "), "assertive");
|
|
3007
3009
|
}, L = (y) => {
|
|
3008
3010
|
y.preventDefault(), $(!1), !u && E(y.dataTransfer.files);
|
|
3009
3011
|
};
|
|
3010
|
-
return /* @__PURE__ */ g("div", { className: f(
|
|
3012
|
+
return /* @__PURE__ */ g("div", { className: f(X.upload, w), "data-testid": b, children: [
|
|
3011
3013
|
/* @__PURE__ */ g(
|
|
3012
3014
|
"label",
|
|
3013
3015
|
{
|
|
3014
3016
|
htmlFor: p,
|
|
3015
3017
|
className: f(
|
|
3016
|
-
|
|
3017
|
-
x &&
|
|
3018
|
-
u &&
|
|
3019
|
-
_ &&
|
|
3018
|
+
X.upload__drop,
|
|
3019
|
+
x && X["upload__drop--dragging"],
|
|
3020
|
+
u && X["upload__drop--disabled"],
|
|
3021
|
+
_ && X["upload__drop--invalid"]
|
|
3020
3022
|
),
|
|
3021
3023
|
onDragOver: (y) => {
|
|
3022
3024
|
y.preventDefault(), u || $(!0);
|
|
@@ -3024,17 +3026,17 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3024
3026
|
onDragLeave: () => $(!1),
|
|
3025
3027
|
onDrop: L,
|
|
3026
3028
|
children: [
|
|
3027
|
-
/* @__PURE__ */ a(
|
|
3028
|
-
/* @__PURE__ */ a("span", { className:
|
|
3029
|
-
/* @__PURE__ */ a("span", { className:
|
|
3030
|
-
o && /* @__PURE__ */ a("span", { id: v, className:
|
|
3029
|
+
/* @__PURE__ */ a(Nn, { "aria-hidden": !0, className: X.upload__icon }),
|
|
3030
|
+
/* @__PURE__ */ a("span", { className: X.upload__label, children: r }),
|
|
3031
|
+
/* @__PURE__ */ a("span", { className: X.upload__drag, children: l }),
|
|
3032
|
+
o && /* @__PURE__ */ a("span", { id: v, className: X.upload__hint, children: o }),
|
|
3031
3033
|
/* @__PURE__ */ a(
|
|
3032
3034
|
"input",
|
|
3033
3035
|
{
|
|
3034
3036
|
ref: I,
|
|
3035
3037
|
id: p,
|
|
3036
3038
|
type: "file",
|
|
3037
|
-
className:
|
|
3039
|
+
className: X.upload__input,
|
|
3038
3040
|
accept: i,
|
|
3039
3041
|
multiple: s,
|
|
3040
3042
|
disabled: u,
|
|
@@ -3048,22 +3050,22 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3048
3050
|
]
|
|
3049
3051
|
}
|
|
3050
3052
|
),
|
|
3051
|
-
_ && /* @__PURE__ */ g("p", { className:
|
|
3053
|
+
_ && /* @__PURE__ */ g("p", { className: X.upload__error, role: "alert", children: [
|
|
3052
3054
|
/* @__PURE__ */ a(Ot, { "aria-hidden": !0 }),
|
|
3053
3055
|
_
|
|
3054
3056
|
] }),
|
|
3055
|
-
|
|
3057
|
+
N.map((y) => /* @__PURE__ */ g("p", { className: X.upload__error, role: "alert", children: [
|
|
3056
3058
|
/* @__PURE__ */ a(Ot, { "aria-hidden": !0 }),
|
|
3057
3059
|
y
|
|
3058
3060
|
] }, y)),
|
|
3059
|
-
e.length > 0 && /* @__PURE__ */ a("ul", { className:
|
|
3061
|
+
e.length > 0 && /* @__PURE__ */ a("ul", { className: X.upload__list, children: e.map((y) => /* @__PURE__ */ g(
|
|
3060
3062
|
"li",
|
|
3061
3063
|
{
|
|
3062
|
-
className: f(
|
|
3064
|
+
className: f(X.upload__file, y.error && X["upload__file--error"]),
|
|
3063
3065
|
children: [
|
|
3064
|
-
/* @__PURE__ */ g("span", { className:
|
|
3065
|
-
/* @__PURE__ */ a("span", { className:
|
|
3066
|
-
/* @__PURE__ */ a("span", { className:
|
|
3066
|
+
/* @__PURE__ */ g("span", { className: X.upload__fileText, children: [
|
|
3067
|
+
/* @__PURE__ */ a("span", { className: X.upload__fileName, children: y.name }),
|
|
3068
|
+
/* @__PURE__ */ a("span", { className: X.upload__fileMeta, children: y.error ?? Ma(y.size) })
|
|
3067
3069
|
] }),
|
|
3068
3070
|
y.progress !== void 0 && /* @__PURE__ */ a(
|
|
3069
3071
|
_s,
|
|
@@ -3071,7 +3073,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3071
3073
|
value: y.progress,
|
|
3072
3074
|
label: `${y.name} yükleniyor`,
|
|
3073
3075
|
size: "sm",
|
|
3074
|
-
className:
|
|
3076
|
+
className: X.upload__progress
|
|
3075
3077
|
}
|
|
3076
3078
|
),
|
|
3077
3079
|
/* @__PURE__ */ a(
|
|
@@ -3090,10 +3092,10 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3090
3092
|
)) }),
|
|
3091
3093
|
m
|
|
3092
3094
|
] });
|
|
3093
|
-
}, Zu = /* @__PURE__ */
|
|
3094
|
-
/* @__PURE__ */ M(
|
|
3095
|
-
),
|
|
3096
|
-
alert:
|
|
3095
|
+
}, Zu = /* @__PURE__ */ T(
|
|
3096
|
+
/* @__PURE__ */ M(Ts, "FileUpload")
|
|
3097
|
+
), Ds = "hanui-alert-gHI-9", Cs = "hanui-alert__icon-DhiCT", Es = "hanui-alert__body-52-z2", Ls = "hanui-alert__title-I8BAh", Ss = "hanui-alert__content-lhBEo", Rs = "hanui-alert__action-1mTje", Xe = {
|
|
3098
|
+
alert: Ds,
|
|
3097
3099
|
alert__icon: Cs,
|
|
3098
3100
|
alert__body: Es,
|
|
3099
3101
|
alert__title: Ls,
|
|
@@ -3123,7 +3125,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3123
3125
|
r && /* @__PURE__ */ a("div", { className: Xe.alert__action, children: r })
|
|
3124
3126
|
]
|
|
3125
3127
|
}
|
|
3126
|
-
), Vu = /* @__PURE__ */
|
|
3128
|
+
), Vu = /* @__PURE__ */ T(Ms), Bs = "hanui-avatar-qoh3P", Fs = "hanui-avatar__image-uAyAX", Mt = {
|
|
3127
3129
|
avatar: Bs,
|
|
3128
3130
|
avatar__image: Fs,
|
|
3129
3131
|
"avatar--sm": "hanui-avatar--sm-GGjU4",
|
|
@@ -3145,7 +3147,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3145
3147
|
for (let r = 0; r < e.length; r += 1) n = n * 33 ^ e.charCodeAt(r);
|
|
3146
3148
|
return Math.abs(n) % t;
|
|
3147
3149
|
}, Hs = 6, zs = ({ name: e, imageUrl: t, locale: n, size: r = "md", className: o, testId: i }) => {
|
|
3148
|
-
const { labels: s } =
|
|
3150
|
+
const { labels: s } = j();
|
|
3149
3151
|
return /* @__PURE__ */ a(
|
|
3150
3152
|
"span",
|
|
3151
3153
|
{
|
|
@@ -3162,7 +3164,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3162
3164
|
children: t ? /* @__PURE__ */ a("img", { className: Mt.avatar__image, src: t, alt: "" }) : Ps(e, n ?? (s == null ? void 0 : s.locale))
|
|
3163
3165
|
}
|
|
3164
3166
|
);
|
|
3165
|
-
}, eh = /* @__PURE__ */
|
|
3167
|
+
}, eh = /* @__PURE__ */ T(zs), Ks = "hanui-badge-uLAaI", Us = "hanui-badge__icon-R2goZ", Bt = {
|
|
3166
3168
|
badge: Ks,
|
|
3167
3169
|
badge__icon: Us,
|
|
3168
3170
|
"badge--neutral": "hanui-badge--neutral-6kddt",
|
|
@@ -3195,14 +3197,14 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3195
3197
|
e
|
|
3196
3198
|
]
|
|
3197
3199
|
}
|
|
3198
|
-
), th = /* @__PURE__ */
|
|
3200
|
+
), th = /* @__PURE__ */ T(Ys), qs = "hanui-breadcrumb-amB9n", js = "hanui-breadcrumb__item-Icv1S", Gs = "hanui-breadcrumb__link-eVkPq", Ws = "hanui-breadcrumb__current-8XjhU", Xs = "hanui-breadcrumb__separator-vvaUi", $t = {
|
|
3199
3201
|
breadcrumb: qs,
|
|
3200
3202
|
breadcrumb__item: js,
|
|
3201
3203
|
breadcrumb__link: Gs,
|
|
3202
3204
|
breadcrumb__current: Ws,
|
|
3203
3205
|
breadcrumb__separator: Xs
|
|
3204
3206
|
}, Qs = ({ items: e, label: t, linkProps: n, className: r, testId: o }) => {
|
|
3205
|
-
const { labels: i } =
|
|
3207
|
+
const { labels: i } = j();
|
|
3206
3208
|
return /* @__PURE__ */ a(
|
|
3207
3209
|
"nav",
|
|
3208
3210
|
{
|
|
@@ -3212,13 +3214,13 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3212
3214
|
children: /* @__PURE__ */ a("ol", { className: f($t.breadcrumb), children: e.map((s, d) => {
|
|
3213
3215
|
const h = d === e.length - 1;
|
|
3214
3216
|
return /* @__PURE__ */ g("li", { className: $t.breadcrumb__item, children: [
|
|
3215
|
-
s.href && !h ? /* @__PURE__ */ a(
|
|
3217
|
+
s.href && !h ? /* @__PURE__ */ a(Te, { href: s.href, className: $t.breadcrumb__link, ...n, children: s.label }) : /* @__PURE__ */ a("span", { className: $t.breadcrumb__current, "aria-current": "page", children: s.label }),
|
|
3216
3218
|
!h && /* @__PURE__ */ a(qt, { "aria-hidden": !0, className: $t.breadcrumb__separator })
|
|
3217
3219
|
] }, `${s.label}-${d}`);
|
|
3218
3220
|
}) })
|
|
3219
3221
|
}
|
|
3220
3222
|
);
|
|
3221
|
-
}, ah = /* @__PURE__ */
|
|
3223
|
+
}, ah = /* @__PURE__ */ T(Qs), Js = "hanui-card-CaHUG", Zs = "hanui-media__frame-eBv-s", Vs = "hanui-media-eggk5", ec = "hanui-media__link-ujyVV", tc = "hanui-overlay-AVMTX", ac = "hanui-body-DyI-6", nc = "hanui-footer-2WNCZ", ke = {
|
|
3222
3224
|
card: Js,
|
|
3223
3225
|
"card--interactive": "hanui-card--interactive-C1pXZ",
|
|
3224
3226
|
media__frame: Zs,
|
|
@@ -3237,30 +3239,30 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3237
3239
|
}, rc = ({ children: e, isInteractive: t, as: n = "div", className: r, testId: o }) => /* @__PURE__ */ a(
|
|
3238
3240
|
n,
|
|
3239
3241
|
{
|
|
3240
|
-
className: f(
|
|
3242
|
+
className: f(ke.card, t && ke["card--interactive"], r),
|
|
3241
3243
|
"data-testid": o,
|
|
3242
3244
|
children: e
|
|
3243
3245
|
}
|
|
3244
3246
|
), oc = (e, t) => e ?? (t === !1 ? "cover" : "contain"), nh = /* @__PURE__ */ M(
|
|
3245
|
-
/* @__PURE__ */
|
|
3247
|
+
/* @__PURE__ */ T(({ children: e, ratio: t = 1, href: n, linkProps: r, fit: o, isContained: i, className: s }) => {
|
|
3246
3248
|
const d = /* @__PURE__ */ a(
|
|
3247
3249
|
"span",
|
|
3248
3250
|
{
|
|
3249
|
-
className: f(
|
|
3251
|
+
className: f(ke.media__frame, ke[`media__frame--${oc(o, i)}`]),
|
|
3250
3252
|
style: { aspectRatio: t },
|
|
3251
3253
|
children: e
|
|
3252
3254
|
}
|
|
3253
3255
|
);
|
|
3254
|
-
return /* @__PURE__ */ a("div", { className: f(
|
|
3256
|
+
return /* @__PURE__ */ a("div", { className: f(ke.media, s), children: n ? (
|
|
3255
3257
|
// `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı
|
|
3256
3258
|
// zaten sekme sırasında. Görseli ikinci bir durak yapmak klavye
|
|
3257
3259
|
// gezinmesini iki katına çıkarıyor, ekran okuyucuda da aynı kayıt
|
|
3258
3260
|
// arka arkaya iki kez duyuruluyordu.
|
|
3259
3261
|
/* @__PURE__ */ a(
|
|
3260
|
-
|
|
3262
|
+
Te,
|
|
3261
3263
|
{
|
|
3262
3264
|
href: n,
|
|
3263
|
-
className:
|
|
3265
|
+
className: ke.media__link,
|
|
3264
3266
|
tabIndex: -1,
|
|
3265
3267
|
"aria-hidden": !0,
|
|
3266
3268
|
...r,
|
|
@@ -3271,15 +3273,15 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3271
3273
|
}),
|
|
3272
3274
|
"CardMedia"
|
|
3273
3275
|
), rh = /* @__PURE__ */ M(
|
|
3274
|
-
/* @__PURE__ */
|
|
3276
|
+
/* @__PURE__ */ T(({ children: e, position: t = "top-left", className: n }) => /* @__PURE__ */ a("div", { className: f(ke.overlay, ke[`overlay--${t}`], n), children: e })),
|
|
3275
3277
|
"CardOverlay"
|
|
3276
3278
|
), oh = /* @__PURE__ */ M(
|
|
3277
|
-
/* @__PURE__ */
|
|
3279
|
+
/* @__PURE__ */ T(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ke.body, t), children: e })),
|
|
3278
3280
|
"CardBody"
|
|
3279
3281
|
), ih = /* @__PURE__ */ M(
|
|
3280
|
-
/* @__PURE__ */
|
|
3282
|
+
/* @__PURE__ */ T(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ke.footer, t), children: e })),
|
|
3281
3283
|
"CardFooter"
|
|
3282
|
-
), sh = /* @__PURE__ */
|
|
3284
|
+
), sh = /* @__PURE__ */ T(rc), ic = "hanui-carousel-GJXkW", sc = "hanui-carousel__controls-hm5ij", cc = "hanui-carousel__arrowIcon-adFey", lc = "hanui-carousel__track-mAux5", dc = "hanui-carousel__dots-iU8RJ", _c = "hanui-carousel__dot-JTLCB", Oe = {
|
|
3283
3285
|
carousel: ic,
|
|
3284
3286
|
carousel__controls: sc,
|
|
3285
3287
|
carousel__arrowIcon: cc,
|
|
@@ -3297,26 +3299,26 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3297
3299
|
className: s,
|
|
3298
3300
|
testId: d
|
|
3299
3301
|
}) => {
|
|
3300
|
-
const h = R(null), [l, c] = O(!1), [u, _] = O(!1), [m, w] = O(0), [b, p] = O(1), [v, I] = O(!1),
|
|
3302
|
+
const h = R(null), [l, c] = O(!1), [u, _] = O(!1), [m, w] = O(0), [b, p] = O(1), [v, I] = O(!1), k = H(() => {
|
|
3301
3303
|
const $ = h.current;
|
|
3302
3304
|
if (!$) return;
|
|
3303
|
-
const { scrollLeft:
|
|
3304
|
-
c(
|
|
3305
|
-
|
|
3305
|
+
const { scrollLeft: N, scrollWidth: D, clientWidth: E } = $;
|
|
3306
|
+
c(N > 1), _(N + E < D - 1), w(E > 0 ? Math.round(N / E) : 0), p(E > 0 ? Math.max(1, Math.ceil(D / E)) : 1), I(
|
|
3307
|
+
D > E && $.querySelector("a, button, input, select, textarea, [tabindex]") === null
|
|
3306
3308
|
);
|
|
3307
3309
|
}, []);
|
|
3308
3310
|
S(() => {
|
|
3309
3311
|
const $ = h.current;
|
|
3310
3312
|
if (!$) return;
|
|
3311
|
-
|
|
3312
|
-
const
|
|
3313
|
-
return
|
|
3314
|
-
$.removeEventListener("scroll",
|
|
3313
|
+
k(), $.addEventListener("scroll", k, { passive: !0 });
|
|
3314
|
+
const N = typeof ResizeObserver > "u" ? null : new ResizeObserver(k);
|
|
3315
|
+
return N == null || N.observe($), () => {
|
|
3316
|
+
$.removeEventListener("scroll", k), N == null || N.disconnect();
|
|
3315
3317
|
};
|
|
3316
|
-
}, [
|
|
3318
|
+
}, [k, e]);
|
|
3317
3319
|
const x = ($) => {
|
|
3318
|
-
var
|
|
3319
|
-
return (
|
|
3320
|
+
var N;
|
|
3321
|
+
return (N = h.current) == null ? void 0 : N.scrollBy({
|
|
3320
3322
|
left: $ * h.current.clientWidth,
|
|
3321
3323
|
behavior: "smooth"
|
|
3322
3324
|
});
|
|
@@ -3358,28 +3360,28 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3358
3360
|
children: e
|
|
3359
3361
|
}
|
|
3360
3362
|
),
|
|
3361
|
-
o && b > 1 && /* @__PURE__ */ a("div", { className: Oe.carousel__dots, children: Array.from({ length: b }, ($,
|
|
3363
|
+
o && b > 1 && /* @__PURE__ */ a("div", { className: Oe.carousel__dots, children: Array.from({ length: b }, ($, N) => /* @__PURE__ */ a(
|
|
3362
3364
|
"button",
|
|
3363
3365
|
{
|
|
3364
3366
|
type: "button",
|
|
3365
3367
|
className: f(
|
|
3366
3368
|
Oe.carousel__dot,
|
|
3367
|
-
|
|
3369
|
+
N === m && Oe["carousel__dot--active"]
|
|
3368
3370
|
),
|
|
3369
|
-
"aria-label": o(
|
|
3370
|
-
"aria-current":
|
|
3371
|
+
"aria-label": o(N + 1, b),
|
|
3372
|
+
"aria-current": N === m ? "true" : void 0,
|
|
3371
3373
|
onClick: () => {
|
|
3372
|
-
var
|
|
3373
|
-
return (
|
|
3374
|
-
left:
|
|
3374
|
+
var D;
|
|
3375
|
+
return (D = h.current) == null ? void 0 : D.scrollTo({
|
|
3376
|
+
left: N * h.current.clientWidth,
|
|
3375
3377
|
behavior: "smooth"
|
|
3376
3378
|
});
|
|
3377
3379
|
}
|
|
3378
3380
|
},
|
|
3379
|
-
|
|
3381
|
+
N
|
|
3380
3382
|
)) })
|
|
3381
3383
|
] });
|
|
3382
|
-
}, ch = /* @__PURE__ */
|
|
3384
|
+
}, ch = /* @__PURE__ */ T(/* @__PURE__ */ M(uc, "Carousel")), hc = "hanui-copy-Yht5s", pc = "hanui-copy__code-CYlCA", mc = "hanui-copy__button-GDdH6", bc = "hanui-copy__srOnly-WMTNN", lt = {
|
|
3383
3385
|
copy: hc,
|
|
3384
3386
|
"copy--sm": "hanui-copy--sm-Tjqws",
|
|
3385
3387
|
copy__code: pc,
|
|
@@ -3398,15 +3400,15 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3398
3400
|
testId: d
|
|
3399
3401
|
}) => {
|
|
3400
3402
|
var b, p, v;
|
|
3401
|
-
const { labels: h } =
|
|
3403
|
+
const { labels: h } = j(), [l, c] = O(!1), u = R(null), _ = R(void 0);
|
|
3402
3404
|
S(() => () => window.clearTimeout(_.current), []);
|
|
3403
3405
|
const m = H(() => {
|
|
3404
3406
|
const I = u.current;
|
|
3405
3407
|
if (!I) return;
|
|
3406
|
-
const
|
|
3407
|
-
|
|
3408
|
+
const k = document.createRange();
|
|
3409
|
+
k.selectNodeContents(I);
|
|
3408
3410
|
const x = window.getSelection();
|
|
3409
|
-
x == null || x.removeAllRanges(), x == null || x.addRange(
|
|
3411
|
+
x == null || x.removeAllRanges(), x == null || x.addRange(k);
|
|
3410
3412
|
}, []), w = H(async () => {
|
|
3411
3413
|
try {
|
|
3412
3414
|
await navigator.clipboard.writeText(e), c(!0), _.current = window.setTimeout(() => c(!1), gc);
|
|
@@ -3423,7 +3425,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3423
3425
|
className: f(lt.copy__button, l && lt["copy__button--done"]),
|
|
3424
3426
|
onClick: w,
|
|
3425
3427
|
"aria-label": l ? n ?? Kt("CopyField.copiedLabel", (b = h == null ? void 0 : h.copyField) == null ? void 0 : b.copied, e) : t ?? Kt("CopyField.copyLabel", (p = h == null ? void 0 : h.copyField) == null ? void 0 : p.copy, e),
|
|
3426
|
-
children: l ? /* @__PURE__ */ a(
|
|
3428
|
+
children: l ? /* @__PURE__ */ a(kn, { "aria-hidden": !0 }) : /* @__PURE__ */ a($n, { "aria-hidden": !0 })
|
|
3427
3429
|
}
|
|
3428
3430
|
),
|
|
3429
3431
|
/* @__PURE__ */ a("span", { "aria-live": "polite", className: lt.copy__srOnly, children: l ? z(
|
|
@@ -3432,18 +3434,18 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3432
3434
|
(v = h == null ? void 0 : h.copyField) == null ? void 0 : v.announcement
|
|
3433
3435
|
) : "" })
|
|
3434
3436
|
] });
|
|
3435
|
-
}, lh = /* @__PURE__ */
|
|
3437
|
+
}, lh = /* @__PURE__ */ T(fc), vc = "hanui-divider-RJqCw", yc = "hanui-divider__label-M8sBA", Ft = {
|
|
3436
3438
|
divider: vc,
|
|
3437
3439
|
"divider--labelled": "hanui-divider--labelled-jZH1-",
|
|
3438
3440
|
divider__label: yc
|
|
3439
|
-
}, wc = ({ label: e, className: t }) => e ? /* @__PURE__ */ a("div", { className: f(Ft.divider, Ft["divider--labelled"], t), children: /* @__PURE__ */ a("span", { className: Ft.divider__label, children: e }) }) : /* @__PURE__ */ a("hr", { className: f(Ft.divider, t) }), dh = /* @__PURE__ */
|
|
3441
|
+
}, wc = ({ label: e, className: t }) => e ? /* @__PURE__ */ a("div", { className: f(Ft.divider, Ft["divider--labelled"], t), children: /* @__PURE__ */ a("span", { className: Ft.divider__label, children: e }) }) : /* @__PURE__ */ a("hr", { className: f(Ft.divider, t) }), dh = /* @__PURE__ */ T(wc), xc = "hanui-directory-badEd", Nc = "hanui-group-i6An9", kc = "hanui-group__header-rc19c", $c = "hanui-group__label-vQTcs", Ic = "hanui-group__link-es5V7", Tc = "hanui-group__meta-LtC-u", Dc = "hanui-group__list-YxBCG", Cc = "hanui-row-3LH7X", Ec = "hanui-row__name-75Wbq", Lc = "hanui-row__media-AxZEh", Sc = "hanui-row__marker-RYHb-", Rc = "hanui-jump-vpGwB", Ac = "hanui-jump__link-rRnT6", ce = {
|
|
3440
3442
|
directory: xc,
|
|
3441
|
-
group:
|
|
3442
|
-
group__header:
|
|
3443
|
+
group: Nc,
|
|
3444
|
+
group__header: kc,
|
|
3443
3445
|
group__label: $c,
|
|
3444
3446
|
group__link: Ic,
|
|
3445
|
-
group__meta:
|
|
3446
|
-
group__list:
|
|
3447
|
+
group__meta: Tc,
|
|
3448
|
+
group__list: Dc,
|
|
3447
3449
|
row: Cc,
|
|
3448
3450
|
row__name: Ec,
|
|
3449
3451
|
row__media: Lc,
|
|
@@ -3451,24 +3453,24 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3451
3453
|
jump: Rc,
|
|
3452
3454
|
jump__link: Ac
|
|
3453
3455
|
}, Mc = ({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ce.directory, t), children: e }), _h = /* @__PURE__ */ M(
|
|
3454
|
-
/* @__PURE__ */
|
|
3456
|
+
/* @__PURE__ */ T(({ label: e, href: t, linkProps: n, meta: r, children: o, id: i }) => /* @__PURE__ */ g("section", { className: ce.group, id: i, children: [
|
|
3455
3457
|
/* @__PURE__ */ g("header", { className: ce.group__header, children: [
|
|
3456
|
-
/* @__PURE__ */ a("h2", { className: ce.group__label, children: t ? /* @__PURE__ */ a(
|
|
3458
|
+
/* @__PURE__ */ a("h2", { className: ce.group__label, children: t ? /* @__PURE__ */ a(Te, { href: t, className: ce.group__link, ...n, children: e }) : e }),
|
|
3457
3459
|
r && /* @__PURE__ */ a("span", { className: ce.group__meta, children: r })
|
|
3458
3460
|
] }),
|
|
3459
3461
|
/* @__PURE__ */ a("ul", { className: ce.group__list, children: o })
|
|
3460
3462
|
] })),
|
|
3461
3463
|
"DirectoryGroup"
|
|
3462
3464
|
), uh = /* @__PURE__ */ M(
|
|
3463
|
-
/* @__PURE__ */
|
|
3465
|
+
/* @__PURE__ */ T(({ href: e, name: t, media: n, marker: r, linkProps: o, className: i }) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ g(Te, { href: e, className: f(ce.row, i), ...o, children: [
|
|
3464
3466
|
n && /* @__PURE__ */ a("span", { className: ce.row__media, children: n }),
|
|
3465
3467
|
/* @__PURE__ */ a("span", { className: ce.row__name, children: t }),
|
|
3466
3468
|
r && /* @__PURE__ */ a("span", { className: ce.row__marker, children: r })
|
|
3467
3469
|
] }) })),
|
|
3468
3470
|
"DirectoryRow"
|
|
3469
3471
|
), hh = /* @__PURE__ */ M(
|
|
3470
|
-
/* @__PURE__ */
|
|
3471
|
-
const { labels: r } =
|
|
3472
|
+
/* @__PURE__ */ T(({ labels: e, toId: t, label: n }) => {
|
|
3473
|
+
const { labels: r } = j();
|
|
3472
3474
|
return /* @__PURE__ */ a(
|
|
3473
3475
|
"nav",
|
|
3474
3476
|
{
|
|
@@ -3479,7 +3481,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3479
3481
|
);
|
|
3480
3482
|
}),
|
|
3481
3483
|
"DirectoryJump"
|
|
3482
|
-
), ph = /* @__PURE__ */
|
|
3484
|
+
), ph = /* @__PURE__ */ T(Mc), Bc = "hanui-empty-47qZR", Fc = "hanui-empty__icon-okfEc", Pc = "hanui-empty__title-Z7Dzd", Oc = "hanui-empty__description-6BoCk", Hc = "hanui-empty__actions-ARk-k", Qe = {
|
|
3483
3485
|
empty: Bc,
|
|
3484
3486
|
empty__icon: Fc,
|
|
3485
3487
|
empty__title: Pc,
|
|
@@ -3513,7 +3515,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3513
3515
|
] })
|
|
3514
3516
|
]
|
|
3515
3517
|
}
|
|
3516
|
-
), mh = /* @__PURE__ */
|
|
3518
|
+
), mh = /* @__PURE__ */ T(zc), Kc = "hanui-header-yJwus", Uc = "hanui-header__top-UK4si", Yc = "hanui-header__breadcrumb-A2j0i", qc = "hanui-header__text-HIo8U", jc = "hanui-header__eyebrow-dZ9Zc", Gc = "hanui-header__titleRow-KgDZj", Wc = "hanui-header__title-s1giF", Xc = "hanui-header__meta-UxuaD", Qc = "hanui-header__description-NXbbC", Jc = "hanui-header__actions-aShpt", xe = {
|
|
3517
3519
|
header: Kc,
|
|
3518
3520
|
header__top: Uc,
|
|
3519
3521
|
header__breadcrumb: Yc,
|
|
@@ -3549,7 +3551,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3549
3551
|
r && /* @__PURE__ */ a("div", { className: xe.header__actions, children: r })
|
|
3550
3552
|
] }),
|
|
3551
3553
|
s
|
|
3552
|
-
] }), bh = /* @__PURE__ */
|
|
3554
|
+
] }), bh = /* @__PURE__ */ T(Zc), Vc = "hanui-panel-Sv-1m", el = "hanui-panel__header-ysexh", tl = "hanui-panel__heading-xLCsB", al = "hanui-panel__icon--yPQT", nl = "hanui-panel__headingText--XqxW", rl = "hanui-panel__title-6-6uC", ol = "hanui-panel__description-qXTSM", il = "hanui-panel__actions-Ra-zy", sl = "hanui-panel__body-lo5aX", cl = "hanui-panel__footer-qLpR1", ll = "hanui-panel__footerInner-r6VQI", dl = "hanui-form-o9UqJ", _l = "hanui-row-vUGpa", ee = {
|
|
3553
3555
|
panel: Vc,
|
|
3554
3556
|
panel__header: el,
|
|
3555
3557
|
panel__heading: tl,
|
|
@@ -3580,37 +3582,37 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3580
3582
|
className: l,
|
|
3581
3583
|
bodyClassName: c,
|
|
3582
3584
|
testId: u
|
|
3583
|
-
}) => /* @__PURE__ */ g(h, { className: f(
|
|
3584
|
-
(t || r) && /* @__PURE__ */ g("div", { className:
|
|
3585
|
-
/* @__PURE__ */ g("div", { className:
|
|
3586
|
-
o && /* @__PURE__ */ a("span", { className:
|
|
3587
|
-
/* @__PURE__ */ g("div", { className:
|
|
3588
|
-
t && /* @__PURE__ */ a("h2", { className:
|
|
3589
|
-
n && /* @__PURE__ */ a("p", { className:
|
|
3585
|
+
}) => /* @__PURE__ */ g(h, { className: f(ee.panel, l), "data-testid": u, children: [
|
|
3586
|
+
(t || r) && /* @__PURE__ */ g("div", { className: ee.panel__header, children: [
|
|
3587
|
+
/* @__PURE__ */ g("div", { className: ee.panel__heading, children: [
|
|
3588
|
+
o && /* @__PURE__ */ a("span", { className: ee.panel__icon, children: o }),
|
|
3589
|
+
/* @__PURE__ */ g("div", { className: ee.panel__headingText, children: [
|
|
3590
|
+
t && /* @__PURE__ */ a("h2", { className: ee.panel__title, children: t }),
|
|
3591
|
+
n && /* @__PURE__ */ a("p", { className: ee.panel__description, children: n })
|
|
3590
3592
|
] })
|
|
3591
3593
|
] }),
|
|
3592
|
-
r && /* @__PURE__ */ a("div", { className:
|
|
3594
|
+
r && /* @__PURE__ */ a("div", { className: ee.panel__actions, children: r })
|
|
3593
3595
|
] }),
|
|
3594
3596
|
/* @__PURE__ */ a(
|
|
3595
3597
|
"div",
|
|
3596
3598
|
{
|
|
3597
3599
|
className: f(
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
i &&
|
|
3600
|
+
ee.panel__body,
|
|
3601
|
+
ee[`panel__body--${s}`],
|
|
3602
|
+
i && ee["panel__body--flush"],
|
|
3601
3603
|
c
|
|
3602
3604
|
),
|
|
3603
3605
|
children: e
|
|
3604
3606
|
}
|
|
3605
3607
|
),
|
|
3606
|
-
d && /* @__PURE__ */ a("div", { className:
|
|
3608
|
+
d && /* @__PURE__ */ a("div", { className: ee.panel__footer, children: /* @__PURE__ */ a("div", { className: ee.panel__footerInner, children: d }) })
|
|
3607
3609
|
] }), gh = /* @__PURE__ */ M(
|
|
3608
|
-
/* @__PURE__ */
|
|
3610
|
+
/* @__PURE__ */ T(({ children: e, columns: t = 1, className: n }) => /* @__PURE__ */ a("div", { className: f(ee.form, ee[`form--${t}`], n), children: e })),
|
|
3609
3611
|
"PanelForm"
|
|
3610
3612
|
), fh = /* @__PURE__ */ M(
|
|
3611
|
-
/* @__PURE__ */
|
|
3613
|
+
/* @__PURE__ */ T(({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: f(ee.row, t), children: e })),
|
|
3612
3614
|
"PanelRow"
|
|
3613
|
-
), vh = /* @__PURE__ */
|
|
3615
|
+
), vh = /* @__PURE__ */ T(ul), hl = "hanui-price-Oc5Nr", pl = "hanui-price__current-2Xup2", ml = "hanui-price__currency-32NLN", bl = "hanui-price__list-MlQgT", gl = "hanui-price__discount-5Yc6W", Je = {
|
|
3614
3616
|
price: hl,
|
|
3615
3617
|
price__current: pl,
|
|
3616
3618
|
price__currency: ml,
|
|
@@ -3631,7 +3633,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3631
3633
|
className: d,
|
|
3632
3634
|
testId: h
|
|
3633
3635
|
}) => {
|
|
3634
|
-
const { labels: l } =
|
|
3636
|
+
const { labels: l } = j(), c = z("Price.currency", t, l == null ? void 0 : l.currency), u = (_) => {
|
|
3635
3637
|
if (!i || !(l != null && l.locale) || !/\d/.test(_)) return _;
|
|
3636
3638
|
const m = Number(
|
|
3637
3639
|
_.replace(/[^\d.,-]/g, "").replace(/\.(?=\d{3}\b)/g, "").replace(",", ".")
|
|
@@ -3654,17 +3656,17 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3654
3656
|
] }),
|
|
3655
3657
|
r !== void 0 && r > 0 && /* @__PURE__ */ a("span", { className: Je.price__discount, children: o(r) })
|
|
3656
3658
|
] });
|
|
3657
|
-
}, yh = /* @__PURE__ */
|
|
3659
|
+
}, yh = /* @__PURE__ */ T(fl), vl = "hanui-rating-94dke", yl = "hanui-rating__stars-QkpVU", wl = "hanui-rating__empty-Wf6-K", xl = "hanui-rating__count-pIoEs", Nl = "hanui-rating__srOnly-E9h0d", dt = {
|
|
3658
3660
|
rating: vl,
|
|
3659
3661
|
rating__stars: yl,
|
|
3660
3662
|
rating__empty: wl,
|
|
3661
3663
|
rating__count: xl,
|
|
3662
|
-
rating__srOnly:
|
|
3664
|
+
rating__srOnly: Nl,
|
|
3663
3665
|
"rating--sm": "hanui-rating--sm-AtY7U",
|
|
3664
3666
|
"rating--md": "hanui-rating--md-Q0nxN"
|
|
3665
|
-
},
|
|
3667
|
+
}, kl = ({ value: e, count: t, srLabel: n, size: r = "sm", className: o, testId: i }) => {
|
|
3666
3668
|
var h;
|
|
3667
|
-
const { labels: s } =
|
|
3669
|
+
const { labels: s } = j(), d = Math.round(e * 2) / 2;
|
|
3668
3670
|
return /* @__PURE__ */ g("span", { className: f(dt.rating, dt[`rating--${r}`], o), "data-testid": i, children: [
|
|
3669
3671
|
/* @__PURE__ */ a("span", { className: dt.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (l, c) => {
|
|
3670
3672
|
const u = c + 1;
|
|
@@ -3677,11 +3679,11 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3677
3679
|
")"
|
|
3678
3680
|
] })
|
|
3679
3681
|
] });
|
|
3680
|
-
}, wh = /* @__PURE__ */
|
|
3682
|
+
}, wh = /* @__PURE__ */ T(kl), $l = "hanui-header-a08Jh", Il = "hanui-header__text-ArJkA", Tl = "hanui-header__overline-X5Epo", Dl = "hanui-header__title-nQQQJ", Cl = "hanui-header__description-08oCr", El = "hanui-header__action-xsxQF", Ze = {
|
|
3681
3683
|
header: $l,
|
|
3682
3684
|
header__text: Il,
|
|
3683
|
-
header__overline:
|
|
3684
|
-
header__title:
|
|
3685
|
+
header__overline: Tl,
|
|
3686
|
+
header__title: Dl,
|
|
3685
3687
|
header__description: Cl,
|
|
3686
3688
|
header__action: El,
|
|
3687
3689
|
"header--sm": "hanui-header--sm-mIJWZ",
|
|
@@ -3702,7 +3704,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3702
3704
|
t && /* @__PURE__ */ a("p", { className: Ze.header__description, children: t })
|
|
3703
3705
|
] }),
|
|
3704
3706
|
r && /* @__PURE__ */ a("div", { className: Ze.header__action, children: r })
|
|
3705
|
-
] }), xh = /* @__PURE__ */
|
|
3707
|
+
] }), xh = /* @__PURE__ */ T(Ll), Sl = "hanui-scrollArea-Ly-yT", ra = {
|
|
3706
3708
|
scrollArea: Sl,
|
|
3707
3709
|
"scrollArea--vertical": "hanui-scrollArea--vertical-2ujC7",
|
|
3708
3710
|
"scrollArea--horizontal": "hanui-scrollArea--horizontal-e9pu-",
|
|
@@ -3726,8 +3728,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3726
3728
|
l(
|
|
3727
3729
|
n === "horizontal" ? p : n === "vertical" ? b : b || p
|
|
3728
3730
|
);
|
|
3729
|
-
const v = n === "horizontal", I = v ? _.clientWidth : _.clientHeight,
|
|
3730
|
-
u({ start: x > 1, end: x + I <
|
|
3731
|
+
const v = n === "horizontal", I = v ? _.clientWidth : _.clientHeight, k = v ? _.scrollWidth : _.scrollHeight, x = Math.abs(v ? _.scrollLeft : _.scrollTop);
|
|
3732
|
+
u({ start: x > 1, end: x + I < k - 1 });
|
|
3731
3733
|
};
|
|
3732
3734
|
m();
|
|
3733
3735
|
const w = new ResizeObserver(m);
|
|
@@ -3756,7 +3758,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3756
3758
|
children: e
|
|
3757
3759
|
}
|
|
3758
3760
|
);
|
|
3759
|
-
},
|
|
3761
|
+
}, Nh = /* @__PURE__ */ T(
|
|
3760
3762
|
/* @__PURE__ */ M(Rl, "ScrollArea")
|
|
3761
3763
|
), Al = "hanui-skeleton-n92if", Ml = "hanui-group-YMfwa", Bl = "hanui-card-XQs-Q", Fl = "hanui-card__media-YLJDv", Pl = "hanui-card__body-msRvB", Ol = "hanui-rows-EZ9Am", Hl = "hanui-row-se56N", zl = "hanui-row__text-TD4iS", Kl = "hanui-table-L328g", Ul = "hanui-table__row-rSJTK", le = {
|
|
3762
3764
|
skeleton: Al,
|
|
@@ -3792,7 +3794,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3792
3794
|
"aria-hidden": !0
|
|
3793
3795
|
}
|
|
3794
3796
|
);
|
|
3795
|
-
},
|
|
3797
|
+
}, kh = /* @__PURE__ */ T(ze), Yl = ({ count: e = 1, className: t }) => /* @__PURE__ */ a(fe, { children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ g("div", { className: f(le.card, t), "aria-hidden": !0, children: [
|
|
3796
3798
|
/* @__PURE__ */ a(ze, { className: le.card__media }),
|
|
3797
3799
|
/* @__PURE__ */ g("div", { className: le.card__body, children: [
|
|
3798
3800
|
/* @__PURE__ */ a(ze, { variant: "text", width: "70%" }),
|
|
@@ -3808,7 +3810,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3808
3810
|
count: e = 5,
|
|
3809
3811
|
columns: t = 4,
|
|
3810
3812
|
className: n
|
|
3811
|
-
}) => /* @__PURE__ */ a("div", { className: f(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(ze, { variant: "text" }, s)) }, o)) }), $h = /* @__PURE__ */ M(/* @__PURE__ */
|
|
3813
|
+
}) => /* @__PURE__ */ a("div", { className: f(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(ze, { variant: "text" }, s)) }, o)) }), $h = /* @__PURE__ */ M(/* @__PURE__ */ T(Yl), "SkeletonCard"), Ih = /* @__PURE__ */ M(/* @__PURE__ */ T(ql), "SkeletonRows"), Th = /* @__PURE__ */ M(/* @__PURE__ */ T(jl), "SkeletonTable"), Gl = "hanui-stat-Xb7wp", Wl = "hanui-stat__icon-MB8NU", Xl = "hanui-stat__label-kUX2m", Ql = "hanui-stat__value--6p13", Jl = "hanui-stat__unit-mjHVk", Zl = "hanui-stat__delta-YKpOu", Vl = "hanui-stat__description-Yvw6J", ed = "hanui-stat__srOnly-YKebA", _e = {
|
|
3812
3814
|
stat: Gl,
|
|
3813
3815
|
"stat--sm": "hanui-stat--sm-XnK8p",
|
|
3814
3816
|
"stat--plain": "hanui-stat--plain-N-3RC",
|
|
@@ -3822,8 +3824,8 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3822
3824
|
stat__description: Vl,
|
|
3823
3825
|
stat__srOnly: ed
|
|
3824
3826
|
}, td = {
|
|
3825
|
-
up: /* @__PURE__ */ a(
|
|
3826
|
-
down: /* @__PURE__ */ a(
|
|
3827
|
+
up: /* @__PURE__ */ a(Dn, { "aria-hidden": !0 }),
|
|
3828
|
+
down: /* @__PURE__ */ a(Tn, { "aria-hidden": !0 }),
|
|
3827
3829
|
flat: /* @__PURE__ */ a(Ka, { "aria-hidden": !0 })
|
|
3828
3830
|
}, ad = {
|
|
3829
3831
|
up: "artış",
|
|
@@ -3882,7 +3884,7 @@ const Gn = 640, Cu = 768, Wn = 1024, Eu = `(min-width: ${Wn + 1}px)`, ua = `(min
|
|
|
3882
3884
|
}
|
|
3883
3885
|
)
|
|
3884
3886
|
);
|
|
3885
|
-
},
|
|
3887
|
+
}, Dh = /* @__PURE__ */ T(/* @__PURE__ */ M(nd, "Stat")), rd = "hanui-hub-JoqOf", od = "hanui-toast-U27Of", id = "hanui-toast__icon-p-rgI", sd = "hanui-toast__text-rG4ji", cd = "hanui-toast__message-s6S2-", ld = "hanui-toast__description-0cYTx", dd = "hanui-toast__action-fOXU5", _d = "hanui-toast__close-QxSNP", Ae = {
|
|
3886
3888
|
hub: rd,
|
|
3887
3889
|
toast: od,
|
|
3888
3890
|
"toast--info": "hanui-toast--info-S1QJr",
|
|
@@ -3977,7 +3979,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
3977
3979
|
}
|
|
3978
3980
|
);
|
|
3979
3981
|
}, md = ({ closeLabel: e, className: t }) => {
|
|
3980
|
-
const { labels: n } =
|
|
3982
|
+
const { labels: n } = j(), [r, o] = O([]);
|
|
3981
3983
|
S(() => (sa.add(o), o(nt), () => {
|
|
3982
3984
|
sa.delete(o);
|
|
3983
3985
|
}), []);
|
|
@@ -3999,20 +4001,20 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
3999
4001
|
)) }),
|
|
4000
4002
|
document.body
|
|
4001
4003
|
) : null;
|
|
4002
|
-
}, bd = /* @__PURE__ */
|
|
4004
|
+
}, bd = /* @__PURE__ */ T(/* @__PURE__ */ M(md, "ToastHub")), gd = () => {
|
|
4003
4005
|
const [e, t] = O(!1);
|
|
4004
4006
|
return S(() => t(!0), []), e ? /* @__PURE__ */ a(bd, {}) : null;
|
|
4005
|
-
}, Eh = /* @__PURE__ */
|
|
4007
|
+
}, Eh = /* @__PURE__ */ T(
|
|
4006
4008
|
/* @__PURE__ */ M(gd, "ToastPortal")
|
|
4007
|
-
), fd = "hanui-accordion-h9jLC", vd = "hanui-accordion__item--YvzK", yd = "hanui-accordion__title-qZOLY", wd = "hanui-accordion__meta-PSlsO", xd = "hanui-accordion__marker-QcWcI",
|
|
4009
|
+
), fd = "hanui-accordion-h9jLC", vd = "hanui-accordion__item--YvzK", yd = "hanui-accordion__title-qZOLY", wd = "hanui-accordion__meta-PSlsO", xd = "hanui-accordion__marker-QcWcI", Nd = "hanui-accordion__summary-QUhWh", kd = "hanui-accordion__panel--3EXE", $d = "hanui-accordion__content-fO64s", Ee = {
|
|
4008
4010
|
accordion: fd,
|
|
4009
4011
|
accordion__item: vd,
|
|
4010
4012
|
"accordion__item--disabled": "hanui-accordion__item--disabled-x1erZ",
|
|
4011
4013
|
accordion__title: yd,
|
|
4012
4014
|
accordion__meta: wd,
|
|
4013
4015
|
accordion__marker: xd,
|
|
4014
|
-
accordion__summary:
|
|
4015
|
-
accordion__panel:
|
|
4016
|
+
accordion__summary: Nd,
|
|
4017
|
+
accordion__panel: kd,
|
|
4016
4018
|
accordion__content: $d
|
|
4017
4019
|
}, Id = ({
|
|
4018
4020
|
items: e,
|
|
@@ -4023,7 +4025,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4023
4025
|
className: i,
|
|
4024
4026
|
testId: s
|
|
4025
4027
|
}) => {
|
|
4026
|
-
const d =
|
|
4028
|
+
const d = J(), [h, l] = O(n ?? []), c = r !== void 0, u = c ? r : h, _ = H(
|
|
4027
4029
|
(m, w) => {
|
|
4028
4030
|
const b = w ? t ? [m] : [...u.filter((p) => p !== m), m] : u.filter((p) => p !== m);
|
|
4029
4031
|
c || l(b), o == null || o(b);
|
|
@@ -4066,11 +4068,11 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4066
4068
|
m.id
|
|
4067
4069
|
);
|
|
4068
4070
|
}) });
|
|
4069
|
-
}, Lh = /* @__PURE__ */
|
|
4070
|
-
steps:
|
|
4071
|
+
}, Lh = /* @__PURE__ */ T(/* @__PURE__ */ M(Id, "Accordion")), Td = "hanui-steps-ntge1", Dd = "hanui-steps__item-GrU1x", Cd = "hanui-steps__button-XBsnS", Ed = "hanui-steps__marker-g-GLE", Ld = "hanui-steps__text-Mkpkh", Sd = "hanui-steps__label-NSeFM", Rd = "hanui-steps__description-bQuNT", Ad = "hanui-steps__status-wWJfP", be = {
|
|
4072
|
+
steps: Td,
|
|
4071
4073
|
"steps--horizontal": "hanui-steps--horizontal-O-mkx",
|
|
4072
4074
|
"steps--vertical": "hanui-steps--vertical-agfwo",
|
|
4073
|
-
steps__item:
|
|
4075
|
+
steps__item: Dd,
|
|
4074
4076
|
steps__button: Cd,
|
|
4075
4077
|
steps__marker: Ed,
|
|
4076
4078
|
"steps__item--done": "hanui-steps__item--done-mvOuN",
|
|
@@ -4125,7 +4127,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4125
4127
|
);
|
|
4126
4128
|
})
|
|
4127
4129
|
}
|
|
4128
|
-
), Sh = /* @__PURE__ */
|
|
4130
|
+
), Sh = /* @__PURE__ */ T(/* @__PURE__ */ M(Fd, "Steps")), Pd = "hanui-tabs-l4dFE", Od = "hanui-tabs__list-HJvR8", Hd = "hanui-tabs__tab-7gDW7", zd = "hanui-tabs__count-8JX8s", Kd = "hanui-tabs__panel-CPklY", _t = {
|
|
4129
4131
|
tabs: Pd,
|
|
4130
4132
|
tabs__list: Od,
|
|
4131
4133
|
tabs__tab: Hd,
|
|
@@ -4143,26 +4145,26 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4143
4145
|
testId: d
|
|
4144
4146
|
}) => {
|
|
4145
4147
|
var $;
|
|
4146
|
-
const h =
|
|
4148
|
+
const h = J(), [l, c] = O(t ?? (($ = e[0]) == null ? void 0 : $.id)), u = ht(n), _ = u ? n : l, m = e.findIndex((N) => N.id === _), [w, b] = O(m < 0 ? 0 : m), p = R(null), v = e[m] ?? e[0];
|
|
4147
4149
|
S(() => {
|
|
4148
|
-
var
|
|
4149
|
-
_a((
|
|
4150
|
+
var N;
|
|
4151
|
+
_a((N = p.current) == null ? void 0 : N.querySelector('[aria-selected="true"]'), {
|
|
4150
4152
|
block: "nearest",
|
|
4151
4153
|
inline: "nearest"
|
|
4152
4154
|
});
|
|
4153
4155
|
}, [_]);
|
|
4154
|
-
const I = (
|
|
4155
|
-
u || c(
|
|
4156
|
-
},
|
|
4156
|
+
const I = (N) => {
|
|
4157
|
+
u || c(N), r == null || r(N);
|
|
4158
|
+
}, k = (N) => {
|
|
4157
4159
|
var L;
|
|
4158
|
-
if (i && (
|
|
4159
|
-
|
|
4160
|
+
if (i && (N.key === "Enter" || N.key === " ")) {
|
|
4161
|
+
N.preventDefault(), I(e[w].id);
|
|
4160
4162
|
return;
|
|
4161
4163
|
}
|
|
4162
|
-
const
|
|
4163
|
-
if (
|
|
4164
|
-
|
|
4165
|
-
const E = ((i ? w : m) +
|
|
4164
|
+
const D = N.key === "ArrowRight" ? 1 : N.key === "ArrowLeft" ? -1 : 0;
|
|
4165
|
+
if (D === 0) return;
|
|
4166
|
+
N.preventDefault();
|
|
4167
|
+
const E = ((i ? w : m) + D + e.length) % e.length;
|
|
4166
4168
|
b(E), i || I(e[E].id), (L = document.getElementById(`${h}-tab-${e[E].id}`)) == null || L.focus();
|
|
4167
4169
|
};
|
|
4168
4170
|
if (e.length === 0) return null;
|
|
@@ -4175,27 +4177,27 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4175
4177
|
className: _t.tabs__list,
|
|
4176
4178
|
role: "tablist",
|
|
4177
4179
|
"aria-label": o,
|
|
4178
|
-
onKeyDown:
|
|
4179
|
-
children: e.map((
|
|
4180
|
+
onKeyDown: k,
|
|
4181
|
+
children: e.map((N) => {
|
|
4180
4182
|
var E;
|
|
4181
|
-
const
|
|
4183
|
+
const D = N.id === v.id;
|
|
4182
4184
|
return /* @__PURE__ */ g(
|
|
4183
4185
|
"button",
|
|
4184
4186
|
{
|
|
4185
|
-
id: `${h}-tab-${
|
|
4187
|
+
id: `${h}-tab-${N.id}`,
|
|
4186
4188
|
type: "button",
|
|
4187
4189
|
role: "tab",
|
|
4188
|
-
"aria-selected":
|
|
4189
|
-
"aria-controls": x ? `${h}-panel-${
|
|
4190
|
-
tabIndex: (i ? ((E = e[w]) == null ? void 0 : E.id) ===
|
|
4191
|
-
className: f(_t.tabs__tab,
|
|
4192
|
-
onClick: () => I(
|
|
4190
|
+
"aria-selected": D,
|
|
4191
|
+
"aria-controls": x ? `${h}-panel-${N.id}` : void 0,
|
|
4192
|
+
tabIndex: (i ? ((E = e[w]) == null ? void 0 : E.id) === N.id : D) ? 0 : -1,
|
|
4193
|
+
className: f(_t.tabs__tab, D && _t["tabs__tab--active"]),
|
|
4194
|
+
onClick: () => I(N.id),
|
|
4193
4195
|
children: [
|
|
4194
|
-
|
|
4195
|
-
ht(
|
|
4196
|
+
N.label,
|
|
4197
|
+
ht(N.count) && /* @__PURE__ */ a("span", { className: _t.tabs__count, children: N.count })
|
|
4196
4198
|
]
|
|
4197
4199
|
},
|
|
4198
|
-
|
|
4200
|
+
N.id
|
|
4199
4201
|
);
|
|
4200
4202
|
})
|
|
4201
4203
|
}
|
|
@@ -4212,27 +4214,27 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4212
4214
|
}
|
|
4213
4215
|
)
|
|
4214
4216
|
] });
|
|
4215
|
-
}, Rh = /* @__PURE__ */
|
|
4217
|
+
}, Rh = /* @__PURE__ */ T(Ud), Yd = "hanui-tile-TGur-", qd = "hanui-tile__medallion--Y0pz", jd = "hanui-tile__label-mI1OQ", Gd = "hanui-tile__meta-22qnR", Tt = {
|
|
4216
4218
|
tile: Yd,
|
|
4217
4219
|
tile__medallion: qd,
|
|
4218
4220
|
tile__label: jd,
|
|
4219
4221
|
tile__meta: Gd,
|
|
4220
4222
|
"tile--active": "hanui-tile--active-z0F2M"
|
|
4221
4223
|
}, Wd = ({ label: e, icon: t, href: n, meta: r, isActive: o, linkProps: i, className: s, testId: d }) => /* @__PURE__ */ g(
|
|
4222
|
-
|
|
4224
|
+
Te,
|
|
4223
4225
|
{
|
|
4224
4226
|
href: n,
|
|
4225
|
-
className: f(
|
|
4227
|
+
className: f(Tt.tile, o && Tt["tile--active"], s),
|
|
4226
4228
|
"aria-current": o ? "page" : void 0,
|
|
4227
4229
|
"data-testid": d,
|
|
4228
4230
|
...i,
|
|
4229
4231
|
children: [
|
|
4230
|
-
/* @__PURE__ */ a("span", { className:
|
|
4231
|
-
/* @__PURE__ */ a("span", { className:
|
|
4232
|
-
r && /* @__PURE__ */ a("span", { className:
|
|
4232
|
+
/* @__PURE__ */ a("span", { className: Tt.tile__medallion, "aria-hidden": !0, children: t }),
|
|
4233
|
+
/* @__PURE__ */ a("span", { className: Tt.tile__label, children: e }),
|
|
4234
|
+
r && /* @__PURE__ */ a("span", { className: Tt.tile__meta, children: r })
|
|
4233
4235
|
]
|
|
4234
4236
|
}
|
|
4235
|
-
), Ah = /* @__PURE__ */
|
|
4237
|
+
), Ah = /* @__PURE__ */ T(Wd), Xd = "hanui-timeline-GxubZ", Qd = "hanui-timeline__item-qMpF2", Jd = "hanui-timeline__marker-MDk07", Zd = "hanui-timeline__body-xJi7t", Vd = "hanui-timeline__title-pKxZJ", e_ = "hanui-timeline__time-ITWYy", t_ = "hanui-timeline__description-4vrEy", a_ = "hanui-timeline__srOnly-7K2We", Le = {
|
|
4236
4238
|
timeline: Xd,
|
|
4237
4239
|
timeline__item: Qd,
|
|
4238
4240
|
timeline__marker: Jd,
|
|
@@ -4279,7 +4281,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4279
4281
|
},
|
|
4280
4282
|
o.id
|
|
4281
4283
|
);
|
|
4282
|
-
}) }), Mh = /* @__PURE__ */
|
|
4284
|
+
}) }), Mh = /* @__PURE__ */ T(/* @__PURE__ */ M(o_, "Timeline")), i_ = "hanui-modal-3IDi9", s_ = "hanui-modal__panel--qLSz", c_ = "hanui-modal__header-meWm6", l_ = "hanui-modal__icon-df2dd", d_ = "hanui-modal__heading-PwDS8", __ = "hanui-modal__title-80Sh6", u_ = "hanui-modal__description-fsCHI", h_ = "hanui-modal__close-vFPbw", p_ = "hanui-modal__body-PDF12", m_ = "hanui-modal__footer-CCCkx", ie = {
|
|
4283
4285
|
modal: i_,
|
|
4284
4286
|
"modal--sm": "hanui-modal--sm-A7WsS",
|
|
4285
4287
|
"modal--lg": "hanui-modal--lg-z99Em",
|
|
@@ -4312,31 +4314,31 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4312
4314
|
className: u,
|
|
4313
4315
|
testId: _
|
|
4314
4316
|
}) => {
|
|
4315
|
-
const { labels: m } =
|
|
4317
|
+
const { labels: m } = j(), w = R(null), b = R(null), p = J(), v = J();
|
|
4316
4318
|
S(() => {
|
|
4317
|
-
const
|
|
4318
|
-
if (!
|
|
4319
|
+
const k = w.current;
|
|
4320
|
+
if (!k) return;
|
|
4319
4321
|
if (!e) {
|
|
4320
|
-
|
|
4322
|
+
k.open && k.close();
|
|
4321
4323
|
return;
|
|
4322
4324
|
}
|
|
4323
4325
|
const x = mt();
|
|
4324
|
-
|
|
4325
|
-
const { token: $, pop:
|
|
4326
|
+
k.open || k.showModal(), Wt(k, `.${ie.modal__close}`), ha(k);
|
|
4327
|
+
const { token: $, pop: N } = Xt();
|
|
4326
4328
|
return b.current = $, () => {
|
|
4327
|
-
|
|
4329
|
+
N(), b.current = null, x();
|
|
4328
4330
|
};
|
|
4329
4331
|
}, [e]), Gt(e), S(() => {
|
|
4330
|
-
const
|
|
4331
|
-
if (!
|
|
4332
|
+
const k = w.current;
|
|
4333
|
+
if (!k) return;
|
|
4332
4334
|
const x = ($) => {
|
|
4333
4335
|
$.preventDefault(), c && (b.current && !Qt(b.current) || t());
|
|
4334
4336
|
};
|
|
4335
|
-
return
|
|
4337
|
+
return k.addEventListener("cancel", x), () => k.removeEventListener("cancel", x);
|
|
4336
4338
|
}, [t, c]);
|
|
4337
4339
|
const I = H(
|
|
4338
|
-
(
|
|
4339
|
-
c &&
|
|
4340
|
+
(k) => {
|
|
4341
|
+
c && k.target === w.current && t();
|
|
4340
4342
|
},
|
|
4341
4343
|
[c, t]
|
|
4342
4344
|
);
|
|
@@ -4344,17 +4346,17 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4344
4346
|
"dialog",
|
|
4345
4347
|
{
|
|
4346
4348
|
ref: w,
|
|
4347
|
-
className: f(
|
|
4349
|
+
className: f(ie.modal, ie[`modal--${l}`], u),
|
|
4348
4350
|
"aria-labelledby": p,
|
|
4349
4351
|
"aria-describedby": i ? v : void 0,
|
|
4350
4352
|
"data-testid": _,
|
|
4351
4353
|
onClick: I,
|
|
4352
|
-
children: /* @__PURE__ */ g("div", { className:
|
|
4353
|
-
/* @__PURE__ */ g("header", { className:
|
|
4354
|
-
d && /* @__PURE__ */ a("span", { className: f(
|
|
4355
|
-
/* @__PURE__ */ g("div", { className:
|
|
4356
|
-
/* @__PURE__ */ a("h2", { id: p, className:
|
|
4357
|
-
i && /* @__PURE__ */ a("p", { id: v, className:
|
|
4354
|
+
children: /* @__PURE__ */ g("div", { className: ie.modal__panel, children: [
|
|
4355
|
+
/* @__PURE__ */ g("header", { className: ie.modal__header, children: [
|
|
4356
|
+
d && /* @__PURE__ */ a("span", { className: f(ie.modal__icon, ie[`modal__icon--${h}`]), children: d }),
|
|
4357
|
+
/* @__PURE__ */ g("div", { className: ie.modal__heading, children: [
|
|
4358
|
+
/* @__PURE__ */ a("h2", { id: p, className: ie.modal__title, children: n }),
|
|
4359
|
+
i && /* @__PURE__ */ a("p", { id: v, className: ie.modal__description, children: i })
|
|
4358
4360
|
] }),
|
|
4359
4361
|
c && /* @__PURE__ */ a(
|
|
4360
4362
|
$e,
|
|
@@ -4363,30 +4365,30 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4363
4365
|
label: z("Modal.closeLabel", r, m == null ? void 0 : m.close),
|
|
4364
4366
|
variant: "ghost",
|
|
4365
4367
|
size: "sm",
|
|
4366
|
-
className:
|
|
4368
|
+
className: ie.modal__close,
|
|
4367
4369
|
onClick: t
|
|
4368
4370
|
}
|
|
4369
4371
|
)
|
|
4370
4372
|
] }),
|
|
4371
|
-
o && /* @__PURE__ */ a("div", { className:
|
|
4372
|
-
s && /* @__PURE__ */ a("footer", { className:
|
|
4373
|
+
o && /* @__PURE__ */ a("div", { className: ie.modal__body, children: o }),
|
|
4374
|
+
s && /* @__PURE__ */ a("footer", { className: ie.modal__footer, children: s })
|
|
4373
4375
|
] })
|
|
4374
4376
|
}
|
|
4375
4377
|
);
|
|
4376
|
-
}, sn = /* @__PURE__ */
|
|
4378
|
+
}, sn = /* @__PURE__ */ T(b_), g_ = "hanui-palette-ag-P9", f_ = "hanui-palette__search-G3aYv", v_ = "hanui-palette__searchIcon-2UYj-", y_ = "hanui-palette__input-vvLvt", w_ = "hanui-palette__list--KWiH", x_ = "hanui-palette__group-KPj5Q", N_ = "hanui-palette__item-UZzkp", k_ = "hanui-palette__icon-Fg0Lt", $_ = "hanui-palette__text-flfN9", I_ = "hanui-palette__label-8-UHe", T_ = "hanui-palette__description-eRlk9", D_ = "hanui-palette__shortcut-DwYKX", C_ = "hanui-palette__empty-vg-I3", ae = {
|
|
4377
4379
|
palette: g_,
|
|
4378
4380
|
palette__search: f_,
|
|
4379
4381
|
palette__searchIcon: v_,
|
|
4380
4382
|
palette__input: y_,
|
|
4381
4383
|
palette__list: w_,
|
|
4382
4384
|
palette__group: x_,
|
|
4383
|
-
palette__item:
|
|
4385
|
+
palette__item: N_,
|
|
4384
4386
|
"palette__item--active": "hanui-palette__item--active-XHcka",
|
|
4385
|
-
palette__icon:
|
|
4387
|
+
palette__icon: k_,
|
|
4386
4388
|
palette__text: $_,
|
|
4387
4389
|
palette__label: I_,
|
|
4388
|
-
palette__description:
|
|
4389
|
-
palette__shortcut:
|
|
4390
|
+
palette__description: T_,
|
|
4391
|
+
palette__shortcut: D_,
|
|
4390
4392
|
palette__empty: C_
|
|
4391
4393
|
}, E_ = ({
|
|
4392
4394
|
isOpen: e,
|
|
@@ -4398,7 +4400,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4398
4400
|
className: s,
|
|
4399
4401
|
testId: d
|
|
4400
4402
|
}) => {
|
|
4401
|
-
const h =
|
|
4403
|
+
const h = J(), l = `${h}-listbox`, c = R(null), u = R(null), _ = R(null), [m, w] = O(""), [b, p] = O(0), v = Et(() => {
|
|
4402
4404
|
if (m.trim() === "") return n;
|
|
4403
4405
|
const x = m.trim();
|
|
4404
4406
|
return n.filter(
|
|
@@ -4415,15 +4417,15 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4415
4417
|
}
|
|
4416
4418
|
const $ = mt();
|
|
4417
4419
|
x.open || x.showModal(), (E = u.current) == null || E.focus({ preventScroll: !0 }), w(""), p(0);
|
|
4418
|
-
const { token:
|
|
4419
|
-
return _.current =
|
|
4420
|
-
|
|
4420
|
+
const { token: N, pop: D } = Xt();
|
|
4421
|
+
return _.current = N, () => {
|
|
4422
|
+
D(), _.current = null, $();
|
|
4421
4423
|
};
|
|
4422
4424
|
}, [e]), S(() => {
|
|
4423
4425
|
const x = c.current;
|
|
4424
4426
|
if (!x) return;
|
|
4425
|
-
const $ = (
|
|
4426
|
-
|
|
4427
|
+
const $ = (N) => {
|
|
4428
|
+
N.preventDefault(), !(_.current && !Qt(_.current)) && t();
|
|
4427
4429
|
};
|
|
4428
4430
|
return x.addEventListener("cancel", $), () => x.removeEventListener("cancel", $);
|
|
4429
4431
|
}, [t]), S(() => {
|
|
@@ -4434,14 +4436,14 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4434
4436
|
}, [b]);
|
|
4435
4437
|
const I = (x) => {
|
|
4436
4438
|
x.onSelect(), t();
|
|
4437
|
-
},
|
|
4439
|
+
}, k = (x) => {
|
|
4438
4440
|
const $ = v.length - 1;
|
|
4439
4441
|
switch (x.key) {
|
|
4440
4442
|
case "ArrowDown":
|
|
4441
|
-
x.preventDefault(), p((
|
|
4443
|
+
x.preventDefault(), p((N) => N >= $ ? 0 : N + 1);
|
|
4442
4444
|
break;
|
|
4443
4445
|
case "ArrowUp":
|
|
4444
|
-
x.preventDefault(), p((
|
|
4446
|
+
x.preventDefault(), p((N) => N <= 0 ? $ : N - 1);
|
|
4445
4447
|
break;
|
|
4446
4448
|
case "Home":
|
|
4447
4449
|
x.preventDefault(), p(0);
|
|
@@ -4451,8 +4453,8 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4451
4453
|
break;
|
|
4452
4454
|
case "Enter": {
|
|
4453
4455
|
x.preventDefault();
|
|
4454
|
-
const
|
|
4455
|
-
|
|
4456
|
+
const N = v[b];
|
|
4457
|
+
N && I(N);
|
|
4456
4458
|
break;
|
|
4457
4459
|
}
|
|
4458
4460
|
}
|
|
@@ -4461,20 +4463,20 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4461
4463
|
"dialog",
|
|
4462
4464
|
{
|
|
4463
4465
|
ref: c,
|
|
4464
|
-
className: f(
|
|
4466
|
+
className: f(ae.palette, s),
|
|
4465
4467
|
"aria-label": r,
|
|
4466
4468
|
"data-testid": d,
|
|
4467
4469
|
onClick: (x) => x.target === c.current && t(),
|
|
4468
4470
|
children: [
|
|
4469
|
-
/* @__PURE__ */ g("div", { className:
|
|
4470
|
-
/* @__PURE__ */ a(Ha, { "aria-hidden": !0, className:
|
|
4471
|
+
/* @__PURE__ */ g("div", { className: ae.palette__search, children: [
|
|
4472
|
+
/* @__PURE__ */ a(Ha, { "aria-hidden": !0, className: ae.palette__searchIcon }),
|
|
4471
4473
|
/* @__PURE__ */ a(
|
|
4472
4474
|
"input",
|
|
4473
4475
|
{
|
|
4474
4476
|
ref: u,
|
|
4475
4477
|
type: "text",
|
|
4476
4478
|
role: "combobox",
|
|
4477
|
-
className:
|
|
4479
|
+
className: ae.palette__input,
|
|
4478
4480
|
value: m,
|
|
4479
4481
|
placeholder: o,
|
|
4480
4482
|
"aria-label": o,
|
|
@@ -4486,18 +4488,18 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4486
4488
|
onChange: (x) => {
|
|
4487
4489
|
w(x.target.value), p(0);
|
|
4488
4490
|
},
|
|
4489
|
-
onKeyDown:
|
|
4491
|
+
onKeyDown: k
|
|
4490
4492
|
}
|
|
4491
4493
|
)
|
|
4492
4494
|
] }),
|
|
4493
|
-
/* @__PURE__ */ g("ul", { id: l, role: "listbox", "aria-label": r, className:
|
|
4495
|
+
/* @__PURE__ */ g("ul", { id: l, role: "listbox", "aria-label": r, className: ae.palette__list, children: [
|
|
4494
4496
|
v.map((x, $) => {
|
|
4495
|
-
var
|
|
4496
|
-
const
|
|
4497
|
+
var D;
|
|
4498
|
+
const N = x.group !== void 0 && x.group !== ((D = v[$ - 1]) == null ? void 0 : D.group);
|
|
4497
4499
|
return /* @__PURE__ */ g("li", { children: [
|
|
4498
|
-
|
|
4500
|
+
N && /* `aria-hidden`: baslik bir SECENEK degil; listbox'in cocugu
|
|
4499
4501
|
olarak okunsaydi ekran okuyucu sayimi bozuluyordu. */
|
|
4500
|
-
/* @__PURE__ */ a("span", { className:
|
|
4502
|
+
/* @__PURE__ */ a("span", { className: ae.palette__group, "aria-hidden": !0, children: x.group }),
|
|
4501
4503
|
/* @__PURE__ */ g(
|
|
4502
4504
|
"div",
|
|
4503
4505
|
{
|
|
@@ -4506,29 +4508,29 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4506
4508
|
"data-index": $,
|
|
4507
4509
|
"aria-selected": $ === b,
|
|
4508
4510
|
className: f(
|
|
4509
|
-
|
|
4510
|
-
$ === b &&
|
|
4511
|
+
ae.palette__item,
|
|
4512
|
+
$ === b && ae["palette__item--active"]
|
|
4511
4513
|
),
|
|
4512
4514
|
onMouseEnter: () => p($),
|
|
4513
4515
|
onClick: () => I(x),
|
|
4514
4516
|
children: [
|
|
4515
|
-
x.icon && /* @__PURE__ */ a("span", { className:
|
|
4516
|
-
/* @__PURE__ */ g("span", { className:
|
|
4517
|
-
/* @__PURE__ */ a("span", { className:
|
|
4518
|
-
x.description && /* @__PURE__ */ a("span", { className:
|
|
4517
|
+
x.icon && /* @__PURE__ */ a("span", { className: ae.palette__icon, "aria-hidden": !0, children: x.icon }),
|
|
4518
|
+
/* @__PURE__ */ g("span", { className: ae.palette__text, children: [
|
|
4519
|
+
/* @__PURE__ */ a("span", { className: ae.palette__label, children: x.label }),
|
|
4520
|
+
x.description && /* @__PURE__ */ a("span", { className: ae.palette__description, children: x.description })
|
|
4519
4521
|
] }),
|
|
4520
|
-
x.shortcut && /* @__PURE__ */ a("kbd", { className:
|
|
4522
|
+
x.shortcut && /* @__PURE__ */ a("kbd", { className: ae.palette__shortcut, "aria-hidden": !0, children: x.shortcut })
|
|
4521
4523
|
]
|
|
4522
4524
|
}
|
|
4523
4525
|
)
|
|
4524
4526
|
] }, x.id);
|
|
4525
4527
|
}),
|
|
4526
|
-
v.length === 0 && /* @__PURE__ */ a("li", { className:
|
|
4528
|
+
v.length === 0 && /* @__PURE__ */ a("li", { className: ae.palette__empty, children: i })
|
|
4527
4529
|
] })
|
|
4528
4530
|
]
|
|
4529
4531
|
}
|
|
4530
4532
|
);
|
|
4531
|
-
}, Bh = /* @__PURE__ */
|
|
4533
|
+
}, Bh = /* @__PURE__ */ T(
|
|
4532
4534
|
/* @__PURE__ */ M(E_, "CommandPalette")
|
|
4533
4535
|
), L_ = {
|
|
4534
4536
|
destructive: /* @__PURE__ */ a(En, { "aria-hidden": !0 }),
|
|
@@ -4555,7 +4557,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4555
4557
|
kind: l,
|
|
4556
4558
|
children: c
|
|
4557
4559
|
}) => {
|
|
4558
|
-
const { labels: u } =
|
|
4560
|
+
const { labels: u } = j(), [_, m] = O(!1), w = h ?? l ?? "neutral", b = async () => {
|
|
4559
4561
|
m(!0);
|
|
4560
4562
|
try {
|
|
4561
4563
|
await n();
|
|
@@ -4600,7 +4602,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4600
4602
|
children: c
|
|
4601
4603
|
}
|
|
4602
4604
|
);
|
|
4603
|
-
}, Fh = /* @__PURE__ */
|
|
4605
|
+
}, Fh = /* @__PURE__ */ T(A_), M_ = "hanui-drawer-fgfi1", B_ = "hanui-drawer__header-BDcRe", F_ = "hanui-drawer__title-9M0e8", P_ = "hanui-drawer__close-Z30oW", O_ = "hanui-drawer__toolbar-vcsYi", H_ = "hanui-drawer__body-x12SX", z_ = "hanui-drawer__footer-PajTg", Ne = {
|
|
4604
4606
|
drawer: M_,
|
|
4605
4607
|
"drawer--sm": "hanui-drawer--sm-ywgof",
|
|
4606
4608
|
"drawer--md": "hanui-drawer--md-mN8Kg",
|
|
@@ -4626,7 +4628,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4626
4628
|
className: l,
|
|
4627
4629
|
testId: c
|
|
4628
4630
|
}) => {
|
|
4629
|
-
const { labels: u } =
|
|
4631
|
+
const { labels: u } = j(), _ = R(null), m = R(null), w = J();
|
|
4630
4632
|
S(() => {
|
|
4631
4633
|
const p = _.current;
|
|
4632
4634
|
if (!p) return;
|
|
@@ -4635,10 +4637,10 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4635
4637
|
return;
|
|
4636
4638
|
}
|
|
4637
4639
|
const v = mt();
|
|
4638
|
-
p.open || p.showModal(), Wt(p, `.${
|
|
4639
|
-
const { token: I, pop:
|
|
4640
|
+
p.open || p.showModal(), Wt(p, `.${Ne.drawer__close}`), ha(p);
|
|
4641
|
+
const { token: I, pop: k } = Xt();
|
|
4640
4642
|
return m.current = I, () => {
|
|
4641
|
-
|
|
4643
|
+
k(), m.current = null, v();
|
|
4642
4644
|
};
|
|
4643
4645
|
}, [e]), Gt(e), S(() => {
|
|
4644
4646
|
const p = _.current;
|
|
@@ -4658,13 +4660,13 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4658
4660
|
"dialog",
|
|
4659
4661
|
{
|
|
4660
4662
|
ref: _,
|
|
4661
|
-
className: f(
|
|
4663
|
+
className: f(Ne.drawer, Ne[`drawer--${i}`], Ne[`drawer--${s}`], l),
|
|
4662
4664
|
"aria-labelledby": w,
|
|
4663
4665
|
"data-testid": c,
|
|
4664
4666
|
onClick: b,
|
|
4665
4667
|
children: [
|
|
4666
|
-
/* @__PURE__ */ g("header", { className:
|
|
4667
|
-
/* @__PURE__ */ a("h2", { id: w, className:
|
|
4668
|
+
/* @__PURE__ */ g("header", { className: Ne.drawer__header, children: [
|
|
4669
|
+
/* @__PURE__ */ a("h2", { id: w, className: Ne.drawer__title, children: n }),
|
|
4668
4670
|
/* @__PURE__ */ a(
|
|
4669
4671
|
$e,
|
|
4670
4672
|
{
|
|
@@ -4672,18 +4674,18 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4672
4674
|
label: z("Drawer.closeLabel", r, u == null ? void 0 : u.close),
|
|
4673
4675
|
variant: "ghost",
|
|
4674
4676
|
size: "sm",
|
|
4675
|
-
className:
|
|
4677
|
+
className: Ne.drawer__close,
|
|
4676
4678
|
onClick: t
|
|
4677
4679
|
}
|
|
4678
4680
|
)
|
|
4679
4681
|
] }),
|
|
4680
|
-
h && /* @__PURE__ */ a("div", { className:
|
|
4681
|
-
/* @__PURE__ */ a("div", { className:
|
|
4682
|
-
d && /* @__PURE__ */ a("div", { className:
|
|
4682
|
+
h && /* @__PURE__ */ a("div", { className: Ne.drawer__toolbar, children: h }),
|
|
4683
|
+
/* @__PURE__ */ a("div", { className: Ne.drawer__body, children: o }),
|
|
4684
|
+
d && /* @__PURE__ */ a("div", { className: Ne.drawer__footer, children: d })
|
|
4683
4685
|
]
|
|
4684
4686
|
}
|
|
4685
4687
|
);
|
|
4686
|
-
}, Ph = /* @__PURE__ */
|
|
4688
|
+
}, Ph = /* @__PURE__ */ T(/* @__PURE__ */ M(K_, "Drawer")), U_ = "hanui-form-zpZn4", Y_ = {
|
|
4687
4689
|
form: U_
|
|
4688
4690
|
}, q_ = ({
|
|
4689
4691
|
isOpen: e,
|
|
@@ -4704,16 +4706,16 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4704
4706
|
maxLength: b,
|
|
4705
4707
|
rows: p = 4
|
|
4706
4708
|
}) => {
|
|
4707
|
-
const { labels: v } =
|
|
4709
|
+
const { labels: v } = j(), I = J(), [k, x] = O(u), [$, N] = O(!1), D = R(!1);
|
|
4708
4710
|
S(() => {
|
|
4709
|
-
e && !
|
|
4711
|
+
e && !D.current && x(u), D.current = e;
|
|
4710
4712
|
}, [e, u]);
|
|
4711
|
-
const E =
|
|
4713
|
+
const E = k.trim(), L = !!_ && E === "", y = (Y) => w === "multiline" ? /* @__PURE__ */ a(
|
|
4712
4714
|
Pi,
|
|
4713
4715
|
{
|
|
4714
|
-
...
|
|
4715
|
-
value:
|
|
4716
|
-
onChange: (
|
|
4716
|
+
...Y,
|
|
4717
|
+
value: k,
|
|
4718
|
+
onChange: (Q) => x(Q.target.value),
|
|
4717
4719
|
placeholder: c,
|
|
4718
4720
|
maxLength: b,
|
|
4719
4721
|
rows: p
|
|
@@ -4721,21 +4723,21 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4721
4723
|
) : /* @__PURE__ */ a(
|
|
4722
4724
|
rn,
|
|
4723
4725
|
{
|
|
4724
|
-
...
|
|
4726
|
+
...Y,
|
|
4725
4727
|
type: w === "number" ? "number" : "text",
|
|
4726
|
-
value:
|
|
4727
|
-
onChange: (
|
|
4728
|
+
value: k,
|
|
4729
|
+
onChange: (Q) => x(Q.target.value),
|
|
4728
4730
|
placeholder: c,
|
|
4729
4731
|
maxLength: b
|
|
4730
4732
|
}
|
|
4731
4733
|
), B = async () => {
|
|
4732
4734
|
if (!(L || $)) {
|
|
4733
|
-
|
|
4735
|
+
N(!0);
|
|
4734
4736
|
try {
|
|
4735
4737
|
await n(E), t();
|
|
4736
4738
|
} catch {
|
|
4737
4739
|
} finally {
|
|
4738
|
-
|
|
4740
|
+
N(!1);
|
|
4739
4741
|
}
|
|
4740
4742
|
}
|
|
4741
4743
|
};
|
|
@@ -4778,15 +4780,15 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4778
4780
|
{
|
|
4779
4781
|
id: I,
|
|
4780
4782
|
className: Y_.form,
|
|
4781
|
-
onSubmit: (
|
|
4782
|
-
|
|
4783
|
+
onSubmit: (Y) => {
|
|
4784
|
+
Y.preventDefault(), B();
|
|
4783
4785
|
},
|
|
4784
4786
|
children: /* @__PURE__ */ a(es, { label: o, hint: l, isRequired: _, requiredLabel: m, children: y })
|
|
4785
4787
|
}
|
|
4786
4788
|
)
|
|
4787
4789
|
}
|
|
4788
4790
|
);
|
|
4789
|
-
}, Oh = /* @__PURE__ */
|
|
4791
|
+
}, Oh = /* @__PURE__ */ T(q_), j_ = "hanui-scroller-EtDmS", G_ = "hanui-table-uCv4q", ut = {
|
|
4790
4792
|
scroller: j_,
|
|
4791
4793
|
"scroller--frame": "hanui-scroller--frame-84zz6",
|
|
4792
4794
|
table: G_,
|
|
@@ -4796,7 +4798,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4796
4798
|
"table--sticky-head": "hanui-table--sticky-head-FO2L4",
|
|
4797
4799
|
"table--row-hover": "hanui-table--row-hover--MAoe"
|
|
4798
4800
|
}, Hh = /* @__PURE__ */ M(
|
|
4799
|
-
/* @__PURE__ */
|
|
4801
|
+
/* @__PURE__ */ T(({ hasFrame: e = !0, className: t, children: n, ...r }) => /* @__PURE__ */ a(
|
|
4800
4802
|
"div",
|
|
4801
4803
|
{
|
|
4802
4804
|
className: f(ut.scroller, e && ut["scroller--frame"], t),
|
|
@@ -4825,7 +4827,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4825
4827
|
...i,
|
|
4826
4828
|
children: o
|
|
4827
4829
|
}
|
|
4828
|
-
), zh = /* @__PURE__ */
|
|
4830
|
+
), zh = /* @__PURE__ */ T(W_), X_ = "hanui-wrapper-KXCZg", Q_ = "hanui-table-LF5Ow", J_ = "hanui-state-YPPb0", Z_ = "hanui-state__message-wwbIW", V_ = "hanui-srOnly-Oia8c", eu = "hanui-sort-3Q6Fx", tu = "hanui-sort__arrow-MITWb", au = "hanui-sticky-KDEvQ", nu = "hanui-bulkBar-62qk0", ne = {
|
|
4829
4831
|
wrapper: X_,
|
|
4830
4832
|
"wrapper--capped": "hanui-wrapper--capped-M2QUJ",
|
|
4831
4833
|
table: Q_,
|
|
@@ -4854,22 +4856,22 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4854
4856
|
testId: c
|
|
4855
4857
|
}) => {
|
|
4856
4858
|
var w, b;
|
|
4857
|
-
const { labels: u } =
|
|
4859
|
+
const { labels: u } = j(), _ = fn.count(t), m = (p, v) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
|
|
4858
4860
|
"td",
|
|
4859
4861
|
{
|
|
4860
4862
|
colSpan: e.length,
|
|
4861
|
-
className: f(
|
|
4863
|
+
className: f(ne.state, v && ne[`state--${v}`]),
|
|
4862
4864
|
children: p
|
|
4863
4865
|
}
|
|
4864
4866
|
) });
|
|
4865
4867
|
return /* @__PURE__ */ g(
|
|
4866
4868
|
"div",
|
|
4867
4869
|
{
|
|
4868
|
-
className: f(
|
|
4870
|
+
className: f(ne.wrapper, s && ne["wrapper--capped"], l),
|
|
4869
4871
|
"data-testid": c,
|
|
4870
4872
|
children: [
|
|
4871
|
-
h && /* @__PURE__ */ a("div", { className:
|
|
4872
|
-
/* @__PURE__ */ g("table", { className:
|
|
4873
|
+
h && /* @__PURE__ */ a("div", { className: ne.bulkBar, children: h }),
|
|
4874
|
+
/* @__PURE__ */ g("table", { className: ne.table, children: [
|
|
4873
4875
|
/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((p) => {
|
|
4874
4876
|
const v = !!(p.isSortable && d), I = p.ariaSort === "ascending" ? "descending" : "ascending";
|
|
4875
4877
|
return /* @__PURE__ */ a(
|
|
@@ -4877,7 +4879,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4877
4879
|
{
|
|
4878
4880
|
scope: "col",
|
|
4879
4881
|
"aria-sort": p.ariaSort,
|
|
4880
|
-
className: f(p.className, p.isSticky &&
|
|
4882
|
+
className: f(p.className, p.isSticky && ne.sticky),
|
|
4881
4883
|
children: v ? (
|
|
4882
4884
|
/*
|
|
4883
4885
|
* Siralama bir DUGME, `<th>`ye yazilan `onClick` degil.
|
|
@@ -4889,18 +4891,18 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4889
4891
|
"button",
|
|
4890
4892
|
{
|
|
4891
4893
|
type: "button",
|
|
4892
|
-
className:
|
|
4894
|
+
className: ne.sort,
|
|
4893
4895
|
onClick: () => d == null ? void 0 : d(p.key, I),
|
|
4894
4896
|
children: [
|
|
4895
4897
|
p.label,
|
|
4896
|
-
p.srLabel && /* @__PURE__ */ a("span", { className:
|
|
4898
|
+
p.srLabel && /* @__PURE__ */ a("span", { className: ne.srOnly, children: p.srLabel }),
|
|
4897
4899
|
/* @__PURE__ */ a(
|
|
4898
4900
|
"span",
|
|
4899
4901
|
{
|
|
4900
4902
|
"aria-hidden": !0,
|
|
4901
4903
|
className: f(
|
|
4902
|
-
|
|
4903
|
-
p.ariaSort &&
|
|
4904
|
+
ne.sort__arrow,
|
|
4905
|
+
p.ariaSort && ne[`sort__arrow--${p.ariaSort}`]
|
|
4904
4906
|
),
|
|
4905
4907
|
children: p.ariaSort === "descending" ? "▾" : "▴"
|
|
4906
4908
|
}
|
|
@@ -4910,14 +4912,14 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4910
4912
|
)
|
|
4911
4913
|
) : /* @__PURE__ */ g(fe, { children: [
|
|
4912
4914
|
p.label,
|
|
4913
|
-
p.srLabel && /* @__PURE__ */ a("span", { className:
|
|
4915
|
+
p.srLabel && /* @__PURE__ */ a("span", { className: ne.srOnly, children: p.srLabel })
|
|
4914
4916
|
] })
|
|
4915
4917
|
},
|
|
4916
4918
|
p.key
|
|
4917
4919
|
);
|
|
4918
4920
|
}) }) }),
|
|
4919
4921
|
/* @__PURE__ */ a("tbody", { children: r ? m(
|
|
4920
|
-
/* @__PURE__ */ g("span", { role: "alert", className:
|
|
4922
|
+
/* @__PURE__ */ g("span", { role: "alert", className: ne.state__message, children: [
|
|
4921
4923
|
/* @__PURE__ */ a(Ot, { "aria-hidden": !0 }),
|
|
4922
4924
|
r
|
|
4923
4925
|
] }),
|
|
@@ -4936,16 +4938,16 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4936
4938
|
}
|
|
4937
4939
|
);
|
|
4938
4940
|
}, Kh = /* @__PURE__ */ M(
|
|
4939
|
-
/* @__PURE__ */
|
|
4941
|
+
/* @__PURE__ */ T(({ isWarning: e, className: t, children: n, ...r }) => /* @__PURE__ */ a("tr", { className: f(e && ne["row--warning"], t), ...r, children: n })),
|
|
4940
4942
|
"DataTableRow"
|
|
4941
|
-
), Uh = /* @__PURE__ */
|
|
4943
|
+
), Uh = /* @__PURE__ */ T(ru), ou = "hanui-bar-b4PP4", iu = "hanui-bar__hiddenSubmit-jeCyX", su = "hanui-bar__actions-rG69L", cu = "hanui-field-f-rvu", Ct = {
|
|
4942
4944
|
bar: ou,
|
|
4943
4945
|
bar__hiddenSubmit: iu,
|
|
4944
4946
|
bar__actions: su,
|
|
4945
4947
|
field: cu,
|
|
4946
4948
|
"field--wide": "hanui-field--wide-FA5gf"
|
|
4947
4949
|
}, lu = ({ onSubmit: e, children: t, actions: n, label: r, className: o, testId: i }) => {
|
|
4948
|
-
const { labels: s } =
|
|
4950
|
+
const { labels: s } = j();
|
|
4949
4951
|
return /* @__PURE__ */ g(
|
|
4950
4952
|
"form",
|
|
4951
4953
|
{
|
|
@@ -4963,9 +4965,9 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4963
4965
|
}
|
|
4964
4966
|
);
|
|
4965
4967
|
}, Yh = /* @__PURE__ */ M(
|
|
4966
|
-
/* @__PURE__ */
|
|
4968
|
+
/* @__PURE__ */ T(({ children: e, isWide: t, className: n }) => /* @__PURE__ */ a("div", { className: f(Ct.field, t && Ct["field--wide"], n), children: e })),
|
|
4967
4969
|
"FilterBarField"
|
|
4968
|
-
), qh = /* @__PURE__ */
|
|
4970
|
+
), qh = /* @__PURE__ */ T(lu), du = "hanui-pagination-K-L20", _u = "hanui-pagination__list--9HqC", uu = "hanui-pagination__arrow-XIgoX", hu = "hanui-pagination__page-TpoJM", pu = "hanui-pagination__gap-qoDyI", Se = {
|
|
4969
4971
|
pagination: du,
|
|
4970
4972
|
pagination__list: _u,
|
|
4971
4973
|
pagination__arrow: uu,
|
|
@@ -4994,14 +4996,14 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
4994
4996
|
testId: c
|
|
4995
4997
|
}) => {
|
|
4996
4998
|
var p, v, I;
|
|
4997
|
-
const { labels: u } =
|
|
4999
|
+
const { labels: u } = j(), _ = da(), m = R(e);
|
|
4998
5000
|
S(() => {
|
|
4999
5001
|
m.current !== e && (m.current = e, h && _(h(e, t)));
|
|
5000
5002
|
}, [e, t, h, _]);
|
|
5001
5003
|
const w = Et(() => mu(e, t), [e, t]);
|
|
5002
5004
|
if (t <= 1) return null;
|
|
5003
|
-
const b = (
|
|
5004
|
-
s && s(
|
|
5005
|
+
const b = (k) => {
|
|
5006
|
+
s && s(k);
|
|
5005
5007
|
};
|
|
5006
5008
|
return /* @__PURE__ */ g(
|
|
5007
5009
|
"nav",
|
|
@@ -5026,17 +5028,17 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
5026
5028
|
}
|
|
5027
5029
|
),
|
|
5028
5030
|
/* @__PURE__ */ a("ul", { className: Se.pagination__list, children: w.map(
|
|
5029
|
-
(
|
|
5030
|
-
|
|
5031
|
+
(k, x) => k === "gap" ? /* @__PURE__ */ a("li", { className: Se.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${x}`) : /* @__PURE__ */ a("li", { children: i ? /* @__PURE__ */ a(
|
|
5032
|
+
Te,
|
|
5031
5033
|
{
|
|
5032
|
-
href: i(
|
|
5034
|
+
href: i(k),
|
|
5033
5035
|
className: f(
|
|
5034
5036
|
Se.pagination__page,
|
|
5035
|
-
|
|
5037
|
+
k === e && Se["pagination__page--active"]
|
|
5036
5038
|
),
|
|
5037
|
-
"aria-current":
|
|
5039
|
+
"aria-current": k === e ? "page" : void 0,
|
|
5038
5040
|
...d,
|
|
5039
|
-
children:
|
|
5041
|
+
children: k
|
|
5040
5042
|
}
|
|
5041
5043
|
) : /* @__PURE__ */ a(
|
|
5042
5044
|
Lt,
|
|
@@ -5045,13 +5047,13 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
5045
5047
|
size: at.SMALL,
|
|
5046
5048
|
className: f(
|
|
5047
5049
|
Se.pagination__page,
|
|
5048
|
-
|
|
5050
|
+
k === e && Se["pagination__page--active"]
|
|
5049
5051
|
),
|
|
5050
|
-
"aria-current":
|
|
5051
|
-
onClick: () => b(
|
|
5052
|
-
children:
|
|
5052
|
+
"aria-current": k === e ? "page" : void 0,
|
|
5053
|
+
onClick: () => b(k),
|
|
5054
|
+
children: k
|
|
5053
5055
|
}
|
|
5054
|
-
) },
|
|
5056
|
+
) }, k)
|
|
5055
5057
|
) }),
|
|
5056
5058
|
/* @__PURE__ */ a(
|
|
5057
5059
|
$e,
|
|
@@ -5067,7 +5069,7 @@ const ma = () => sa.forEach((e) => e(nt)), ca = (e) => {
|
|
|
5067
5069
|
]
|
|
5068
5070
|
}
|
|
5069
5071
|
);
|
|
5070
|
-
}, jh = /* @__PURE__ */
|
|
5072
|
+
}, jh = /* @__PURE__ */ T(bu);
|
|
5071
5073
|
export {
|
|
5072
5074
|
ua as ABOVE_MOBILE_MEDIA_QUERY,
|
|
5073
5075
|
Eu as ABOVE_TABLET_MEDIA_QUERY,
|
|
@@ -5078,7 +5080,7 @@ export {
|
|
|
5078
5080
|
nn as BottomSheet,
|
|
5079
5081
|
ah as Breadcrumb,
|
|
5080
5082
|
Lt as Button,
|
|
5081
|
-
|
|
5083
|
+
Nu as COMPACT_DENSITY,
|
|
5082
5084
|
sh as Card,
|
|
5083
5085
|
oh as CardBody,
|
|
5084
5086
|
ih as CardFooter,
|
|
@@ -5093,7 +5095,7 @@ export {
|
|
|
5093
5095
|
Fh as ConfirmDialog,
|
|
5094
5096
|
lh as CopyField,
|
|
5095
5097
|
Rn as DARK_THEME,
|
|
5096
|
-
|
|
5098
|
+
ku as DEFAULT_FONTS,
|
|
5097
5099
|
Uh as DataTable,
|
|
5098
5100
|
Kh as DataTableRow,
|
|
5099
5101
|
Xu as DateField,
|
|
@@ -5134,16 +5136,16 @@ export {
|
|
|
5134
5136
|
Uu as RangeSlider,
|
|
5135
5137
|
wh as Rating,
|
|
5136
5138
|
Yu as RatingInput,
|
|
5137
|
-
|
|
5139
|
+
Nh as ScrollArea,
|
|
5138
5140
|
xh as SectionHeader,
|
|
5139
5141
|
Fu as SegmentedControl,
|
|
5140
5142
|
Pu as Select,
|
|
5141
|
-
|
|
5143
|
+
kh as Skeleton,
|
|
5142
5144
|
$h as SkeletonCard,
|
|
5143
5145
|
Ih as SkeletonRows,
|
|
5144
|
-
|
|
5146
|
+
Th as SkeletonTable,
|
|
5145
5147
|
an as Spinner,
|
|
5146
|
-
|
|
5148
|
+
Dh as Stat,
|
|
5147
5149
|
Sh as Steps,
|
|
5148
5150
|
Hu as Switch,
|
|
5149
5151
|
Wn as TABLET_BREAKPOINT,
|
|
@@ -5163,7 +5165,7 @@ export {
|
|
|
5163
5165
|
at as UISize,
|
|
5164
5166
|
Me as UIVariant,
|
|
5165
5167
|
An as buildThemeCss,
|
|
5166
|
-
|
|
5168
|
+
Tu as initHanui,
|
|
5167
5169
|
Qn as isKeyboardOpeningElement,
|
|
5168
5170
|
zt as matchesSearch,
|
|
5169
5171
|
Ca as normalizeSearchTerm,
|
|
@@ -5171,8 +5173,8 @@ export {
|
|
|
5171
5173
|
$u as resolveTokens,
|
|
5172
5174
|
Ch as toast,
|
|
5173
5175
|
da as useAnnounce,
|
|
5174
|
-
|
|
5175
|
-
|
|
5176
|
+
j as useHanui,
|
|
5177
|
+
Du as useHanuiTheme,
|
|
5176
5178
|
Za as useListboxNavigation,
|
|
5177
5179
|
jt as usePositioning,
|
|
5178
5180
|
Gt as useScrollLock,
|