welcome-ui 9.0.0-alpha.4 → 9.0.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/README.md +47 -3
- package/dist/2W3RN7C5-bkX-rIa3.js +61 -0
- package/dist/4I4MLMKD-BLxAidnq.js +43 -0
- package/dist/Accordion.js +6 -6
- package/dist/Alert.js +1 -1
- package/dist/AspectRatio.js +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/{4CMBR7SL-Dhp8uJop.js → B7UTNDHN-BlIblHCu.js} +59 -59
- package/dist/Badge.js +1 -1
- package/dist/Breadcrumb.css +1 -1
- package/dist/Breadcrumb.js +27 -27
- package/dist/Button.js +2 -2
- package/dist/ButtonGroup.js +1 -1
- package/dist/Card.js +1 -1
- package/dist/Checkbox.css +1 -1
- package/dist/Checkbox.js +22 -22
- package/dist/CloseButton.js +3 -3
- package/dist/{SYRFVSLH-CHNUB1rW.js → DSAASPLT-BaaCUKsb.js} +7 -7
- package/dist/DatePicker.js +5 -5
- package/dist/DateTimePicker.js +2 -2
- package/dist/Drawer.css +1 -1
- package/dist/Drawer.js +67 -67
- package/dist/DropdownMenu.js +261 -259
- package/dist/Field.js +1 -1
- package/dist/FieldGroup.js +1 -1
- package/dist/FileDrop.js +194 -221
- package/dist/FileUpload.js +2 -2
- package/dist/GVVKDT6A-bET6V7Py.js +724 -0
- package/dist/Hint.js +1 -1
- package/dist/{Icon-BisRi8B3.js → Icon-EG7O4YwD.js} +1 -1
- package/dist/Icon.js +12 -12
- package/dist/InputText.js +1 -1
- package/dist/{ASMQKSDT-SH1qSiMi.js → KPUWHTQJ-D2TPji47.js} +30 -30
- package/dist/Label.js +3 -3
- package/dist/Link.css +1 -1
- package/dist/Link.js +27 -27
- package/dist/Loader.js +1 -1
- package/dist/Logo.js +1 -1
- package/dist/Modal.js +10 -10
- package/dist/{JC64G2H7-DPy9R0De.js → NI3IVY7K-Ztb3-XAv.js} +571 -571
- package/dist/{P4IRICAX-7kH4HzWI.js → NMGNQVTG-C6TqBngP.js} +5 -5
- package/dist/{LVA2YJMS-NUHCRwFZ.js → OE2EFRVA-C3721cM3.js} +316 -315
- package/dist/{ITI7HKP4-C5xLpoVY.js → OLVWQA7U-DysaSaZj.js} +59 -59
- package/dist/Pagination.css +1 -1
- package/dist/Pagination.js +81 -73
- package/dist/PasswordInput.js +17 -18
- package/dist/Popover.js +14 -14
- package/dist/{YV4JVR4I-CVFstk2K.js → RTNCFSKZ-qpPg689E.js} +75 -73
- package/dist/Radio.css +1 -1
- package/dist/Radio.js +29 -29
- package/dist/RadioGroup.js +21 -21
- package/dist/RadioTab.js +2 -2
- package/dist/{P2CTZE2T-D1TepwxQ.js → SBSPVDDI-DJKkC1eb.js} +43 -43
- package/dist/{NLEBE274-B4zy25kL.js → SQZLCNLX-CHDXnZ16.js} +16 -16
- package/dist/Search.js +2 -2
- package/dist/Select.js +170 -181
- package/dist/Slider.js +1 -1
- package/dist/Swiper.css +1 -1
- package/dist/Swiper.js +151 -151
- package/dist/{VGCJ63VH-CVhs4PYt.js → T22PY7TE-C1N0q8Kn.js} +109 -109
- package/dist/Table.js +1 -1
- package/dist/Tabs.js +303 -308
- package/dist/Tag.js +3 -3
- package/dist/Text.js +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/TimePicker.js +2 -2
- package/dist/Toast.js +1 -1
- package/dist/Toggle.js +2 -2
- package/dist/Tooltip.js +72 -72
- package/dist/VariantIcon.js +3 -3
- package/dist/WelcomeLoader.js +1 -1
- package/dist/XCKGTAUF-DkxWCbaW.js +25 -0
- package/dist/Y67KZUMI-DFEgrUv2.js +15 -0
- package/dist/{AXB53BZF-BHeessqV.js → ZTXFEM5L-CkrIQCN1.js} +7 -7
- package/dist/{field-icon-size-Du58qHNC.js → field-icon-size-Z5NulTSk.js} +216 -224
- package/dist/{index-5rXezknO.js → index-BC2bF45u.js} +1 -1
- package/dist/{index-C8GsqBDe.js → index-BeetbagJ.js} +1 -1
- package/dist/{index-BJLXLdM3.js → index-Bt79XJ8R.js} +1 -1
- package/dist/{index-Dcq5gh3E.js → index-BtwrJ6N4.js} +1 -1
- package/dist/{index-DL4-ut3P.js → index-CCASZBtz.js} +1 -1
- package/dist/{index-lbUBMgHp.js → index-CPqDZeah.js} +2 -2
- package/dist/{index-CTgip19b.js → index-CQEPCbEE.js} +1 -1
- package/dist/{index-CnxSNAPH.js → index-Crpe9CvH.js} +1 -1
- package/dist/{index-CWVOLBDY.js → index-D5a8Oe6k.js} +1 -1
- package/dist/{index-C1jjVTAc.js → index-D8dq-I5s.js} +1 -1
- package/dist/{index-Cvtm6uuS.js → index-DkwTwo3z.js} +1 -1
- package/dist/{index-BG2aV9o8.js → index-DnO8yBVT.js} +1 -1
- package/dist/index.css +0 -0
- package/dist/tslib.es6-DpB4Y59c.js +683 -0
- package/dist/types/components/Pagination/index.d.ts +1 -2
- package/dist/types/components/Pagination/types.d.ts +5 -2
- package/dist/types/components/PasswordInput/ToggleButton.d.ts +1 -1
- package/dist/types/components/PasswordInput/types.d.ts +1 -1
- package/dist/types/components/Tabs/components/TabList/index.d.ts +1 -1
- package/dist/types/components/Tabs/index.d.ts +1 -1
- package/dist/types/components/Tabs/types.d.ts +1 -2
- package/dist/types/components/Tabs/utils.d.ts +1 -2
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/theme/index.d.ts +0 -0
- package/dist/types/utils/useForkRef.d.ts +7 -1
- package/dist/useForkRef-D807AV7D.js +22 -0
- package/dist/{utils-BNMgUIHQ.js → utils-BpbIqM56.js} +1 -1
- package/dist/utils.js +2 -2
- package/package.json +5 -5
- package/dist/BYC7LY2E-DbSoi9cN.js +0 -673
- package/dist/KUU7WJ55-CsIy9XMu.js +0 -61
- package/dist/MTZPJQMC-D_TnSwZf.js +0 -15
- package/dist/QYJ6MIDR-Dm7lYMh6.js +0 -43
- package/dist/X5NMLKT6-PeY306ft.js +0 -25
- package/dist/index--0U5Rubs.js +0 -644
- /package/dist/{index-PAaZGbyz.js → index-CdiHdiVB.js} +0 -0
package/dist/Slider.js
CHANGED
|
@@ -4,7 +4,7 @@ import { forwardRef as Y, useState as D, useRef as A, useCallback as Z, useEffec
|
|
|
4
4
|
import { Hint as H } from "./Hint.js";
|
|
5
5
|
import { InputText as O } from "./InputText.js";
|
|
6
6
|
import { Text as re } from "./Text.js";
|
|
7
|
-
import { c as ne } from "./index-
|
|
7
|
+
import { c as ne } from "./index-CdiHdiVB.js";
|
|
8
8
|
const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162", ue = "_thick_4d202_171", de = "_range_4d202_8", te = {
|
|
9
9
|
"slider-root": "_slider-root_4d202_2",
|
|
10
10
|
"range-root": "_range-root_4d202_8",
|
package/dist/Swiper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_136s1_3{overflow-y:hidden;position:relative;width:100%;height:100%}._dark_136s1_9 ._bullet_136s1_9{--bulletBackgroundColor: var(--color-neutral-50)}._dark_136s1_9 ._bullet-active_136s1_12{--bulletBackgroundColor: var(--color-brand-90)}._container_136s1_15{scroll-snap-type:x mandatory;display:flex;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin:0;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding:0}._container_136s1_15::-webkit-scrollbar{display:none}._container_136s1_15>[aria-roledescription=slide][aria-hidden=true]{pointer-events:none}._container_136s1_15>*{list-style-type:none;margin-right:var(--spaceBetween);min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile);flex:1}._container_136s1_15>*:last-child{margin-right:0}@media (min-width: 480px){._container-mobile_136s1_44>*{min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile)}._container-mobile_136s1_44>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 736px){._container-tablet_136s1_53>*{min-width:var(--slideWidthTablet);max-width:var(--slideWidthTablet)}._container-tablet_136s1_53>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 980px){._container-desktop_136s1_62>*{min-width:var(--slideWidthDesktop);max-width:var(--slideWidthDesktop);scroll-snap-align:unset}._container-desktop_136s1_62>*:nth-of-type(n+1){scroll-snap-align:start}._container-desktop_136s1_62>*:not(:nth-of-type(n+1)){scroll-snap-align:unset}}@media (min-width: 1280px){._container-full-width_136s1_75>*{min-width:var(--slideWithDesktopFullWidth);max-width:var(--slideWithDesktopFullWidth)}}._arrow_136s1_80{position:absolute;top:50%;transform:translate3d(0,-50%,0);display:none;z-index:-1}._arrow_136s1_80[aria-disabled=true]{display:none;z-index:-1}._arrow-left_136s1_91{left:10px}._arrow-right_136s1_94{right:10px}._arrow-mobile_136s1_97{display:flex;z-index:1}@media (min-width: 736px){._arrow_136s1_80{display:none;z-index:-1}._arrow-desktop_136s1_106{display:flex;z-index:1}}._arrow-background_136s1_111{background-color:var(--color-neutral-10)}._arrow-background_136s1_111:hover{background-color:var(--color-neutral-40)}._pagination_136s1_117{justify-content:center;position:absolute;bottom:0;width:100%;padding:var(--spacing-md);display:none;z-index:-1}._pagination-mobile_136s1_126{display:flex;z-index:1}@media (min-width: 736px){._pagination_136s1_117{display:none;z-index:-1}._pagination-desktop_136s1_135{display:flex;z-index:1}}._bullet_136s1_9{background-color:var(--bulletBackgroundColor, var(--color-beige-40));border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 var(--spacing-xxs);width:10px}._bullet_136s1_9:hover{--bulletBackgroundColor: var(--color-neutral-50)}._bullet-active_136s1_12{--bulletBackgroundColor: var(--color-brand-40)}}
|
package/dist/Swiper.js
CHANGED
|
@@ -1,99 +1,99 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as ae, jsx as
|
|
3
|
-
import { a as K, g as le, c as ce } from "./index-
|
|
4
|
-
import { useRef as ie, useEffect as H, useState as Z, useMemo as de, Children as
|
|
5
|
-
import { Button as
|
|
6
|
-
import "./Icon-
|
|
7
|
-
import { L as fe } from "./index-
|
|
8
|
-
import { R as pe } from "./index-
|
|
2
|
+
import { jsxs as ae, jsx as R } from "react/jsx-runtime";
|
|
3
|
+
import { a as K, g as le, c as ce } from "./index-CdiHdiVB.js";
|
|
4
|
+
import { useRef as ie, useEffect as H, useState as Z, useMemo as de, Children as oe, cloneElement as ue, useCallback as X } from "react";
|
|
5
|
+
import { Button as re } from "./Button.js";
|
|
6
|
+
import "./Icon-EG7O4YwD.js";
|
|
7
|
+
import { L as fe } from "./index-D5a8Oe6k.js";
|
|
8
|
+
import { R as pe } from "./index-BtwrJ6N4.js";
|
|
9
9
|
import { u as he } from "./use-viewport-CgrficYB.js";
|
|
10
10
|
var ee, ne;
|
|
11
11
|
function be() {
|
|
12
12
|
if (ne) return ee;
|
|
13
13
|
ne = 1;
|
|
14
|
-
var i = "Expected a function", s = NaN, f = "[object Symbol]", m = /^\s+|\s+$/g, P = /^[-+]0x[0-9a-f]+$/i, j = /^0b[01]+$/i, h = /^0o[0-7]+$/i,
|
|
15
|
-
return
|
|
14
|
+
var i = "Expected a function", s = NaN, f = "[object Symbol]", m = /^\s+|\s+$/g, P = /^[-+]0x[0-9a-f]+$/i, j = /^0b[01]+$/i, h = /^0o[0-7]+$/i, k = parseInt, F = typeof K == "object" && K && K.Object === Object && K, y = typeof self == "object" && self && self.Object === Object && self, z = F || y || Function("return this")(), E = Object.prototype, M = E.toString, c = Math.max, V = Math.min, w = function() {
|
|
15
|
+
return z.Date.now();
|
|
16
16
|
};
|
|
17
|
-
function
|
|
18
|
-
var v, x,
|
|
17
|
+
function N(e, o, a) {
|
|
18
|
+
var v, x, W, b, g, $, T = 0, O = !1, I = !1, G = !0;
|
|
19
19
|
if (typeof e != "function")
|
|
20
20
|
throw new TypeError(i);
|
|
21
|
-
|
|
22
|
-
function
|
|
21
|
+
o = d(o) || 0, _(a) && (O = !!a.leading, I = "maxWait" in a, W = I ? c(d(a.maxWait) || 0, o) : W, G = "trailing" in a ? !!a.trailing : G);
|
|
22
|
+
function A(t) {
|
|
23
23
|
var l = v, p = x;
|
|
24
24
|
return v = x = void 0, T = t, b = e.apply(p, l), b;
|
|
25
25
|
}
|
|
26
26
|
function Q(t) {
|
|
27
|
-
return T = t, g = setTimeout(L,
|
|
27
|
+
return T = t, g = setTimeout(L, o), O ? A(t) : b;
|
|
28
28
|
}
|
|
29
29
|
function Y(t) {
|
|
30
|
-
var l = t - $, p = t - T,
|
|
31
|
-
return
|
|
30
|
+
var l = t - $, p = t - T, C = o - l;
|
|
31
|
+
return I ? V(C, W - p) : C;
|
|
32
32
|
}
|
|
33
33
|
function S(t) {
|
|
34
34
|
var l = t - $, p = t - T;
|
|
35
|
-
return $ === void 0 || l >=
|
|
35
|
+
return $ === void 0 || l >= o || l < 0 || I && p >= W;
|
|
36
36
|
}
|
|
37
37
|
function L() {
|
|
38
|
-
var t =
|
|
38
|
+
var t = w();
|
|
39
39
|
if (S(t))
|
|
40
|
-
return
|
|
40
|
+
return B(t);
|
|
41
41
|
g = setTimeout(L, Y(t));
|
|
42
42
|
}
|
|
43
|
-
function
|
|
44
|
-
return g = void 0, G && v ?
|
|
43
|
+
function B(t) {
|
|
44
|
+
return g = void 0, G && v ? A(t) : (v = x = void 0, b);
|
|
45
45
|
}
|
|
46
46
|
function u() {
|
|
47
47
|
g !== void 0 && clearTimeout(g), T = 0, v = $ = x = g = void 0;
|
|
48
48
|
}
|
|
49
|
-
function
|
|
50
|
-
return g === void 0 ? b :
|
|
49
|
+
function r() {
|
|
50
|
+
return g === void 0 ? b : B(w());
|
|
51
51
|
}
|
|
52
52
|
function n() {
|
|
53
|
-
var t =
|
|
53
|
+
var t = w(), l = S(t);
|
|
54
54
|
if (v = arguments, x = this, $ = t, l) {
|
|
55
55
|
if (g === void 0)
|
|
56
56
|
return Q($);
|
|
57
|
-
if (
|
|
58
|
-
return g = setTimeout(L,
|
|
57
|
+
if (I)
|
|
58
|
+
return g = setTimeout(L, o), A($);
|
|
59
59
|
}
|
|
60
|
-
return g === void 0 && (g = setTimeout(L,
|
|
60
|
+
return g === void 0 && (g = setTimeout(L, o)), b;
|
|
61
61
|
}
|
|
62
|
-
return n.cancel = u, n.flush =
|
|
62
|
+
return n.cancel = u, n.flush = r, n;
|
|
63
63
|
}
|
|
64
|
-
function
|
|
65
|
-
var
|
|
66
|
-
return !!e && (
|
|
64
|
+
function _(e) {
|
|
65
|
+
var o = typeof e;
|
|
66
|
+
return !!e && (o == "object" || o == "function");
|
|
67
67
|
}
|
|
68
|
-
function
|
|
68
|
+
function U(e) {
|
|
69
69
|
return !!e && typeof e == "object";
|
|
70
70
|
}
|
|
71
|
-
function
|
|
72
|
-
return typeof e == "symbol" ||
|
|
71
|
+
function q(e) {
|
|
72
|
+
return typeof e == "symbol" || U(e) && M.call(e) == f;
|
|
73
73
|
}
|
|
74
74
|
function d(e) {
|
|
75
75
|
if (typeof e == "number")
|
|
76
76
|
return e;
|
|
77
|
-
if (
|
|
77
|
+
if (q(e))
|
|
78
78
|
return s;
|
|
79
|
-
if (
|
|
80
|
-
var
|
|
81
|
-
e =
|
|
79
|
+
if (_(e)) {
|
|
80
|
+
var o = typeof e.valueOf == "function" ? e.valueOf() : e;
|
|
81
|
+
e = _(o) ? o + "" : o;
|
|
82
82
|
}
|
|
83
83
|
if (typeof e != "string")
|
|
84
84
|
return e === 0 ? e : +e;
|
|
85
85
|
e = e.replace(m, "");
|
|
86
86
|
var a = j.test(e);
|
|
87
|
-
return a || h.test(e) ?
|
|
87
|
+
return a || h.test(e) ? k(e.slice(2), a ? 2 : 8) : P.test(e) ? s : +e;
|
|
88
88
|
}
|
|
89
|
-
return ee =
|
|
89
|
+
return ee = N, ee;
|
|
90
90
|
}
|
|
91
91
|
var ge = be();
|
|
92
|
-
const me = /* @__PURE__ */ le(ge),
|
|
93
|
-
breakpoint:
|
|
92
|
+
const me = /* @__PURE__ */ le(ge), we = { $type: "dimension", "2xl": { $value: "1440px" }, "3xl": { $value: "1620px" }, "4xl": { $value: "1920px" }, lg: { $value: "980px" }, md: { $value: "736px" }, sm: { $value: "480px" }, xl: { $value: "1280px" }, xs: { $value: "0px" } }, _e = {
|
|
93
|
+
breakpoint: we
|
|
94
94
|
};
|
|
95
|
-
function
|
|
96
|
-
return Object.entries(
|
|
95
|
+
function ke() {
|
|
96
|
+
return Object.entries(_e.breakpoint).reduce((i, [s, f]) => {
|
|
97
97
|
if (s !== "$type" && typeof f == "object" && "$value" in f) {
|
|
98
98
|
const m = typeof f.$value == "string" ? Number(f.$value.replace("px", "")) : f.$value;
|
|
99
99
|
isNaN(m) || (i[s] = m);
|
|
@@ -101,25 +101,25 @@ function _e() {
|
|
|
101
101
|
return i;
|
|
102
102
|
}, {});
|
|
103
103
|
}
|
|
104
|
-
const ve = "
|
|
104
|
+
const ve = "_root_136s1_3", Se = "_dark_136s1_9", ye = "_bullet_136s1_9", $e = "_container_136s1_15", xe = "_arrow_136s1_80", Le = "_pagination_136s1_117", Pe = {
|
|
105
105
|
root: ve,
|
|
106
106
|
dark: Se,
|
|
107
107
|
bullet: ye,
|
|
108
|
-
"bullet-active": "_bullet-
|
|
108
|
+
"bullet-active": "_bullet-active_136s1_12",
|
|
109
109
|
container: $e,
|
|
110
|
-
"container-mobile": "_container-
|
|
111
|
-
"container-tablet": "_container-
|
|
112
|
-
"container-desktop": "_container-
|
|
113
|
-
"container-full-width": "_container-full-
|
|
110
|
+
"container-mobile": "_container-mobile_136s1_44",
|
|
111
|
+
"container-tablet": "_container-tablet_136s1_53",
|
|
112
|
+
"container-desktop": "_container-desktop_136s1_62",
|
|
113
|
+
"container-full-width": "_container-full-width_136s1_75",
|
|
114
114
|
arrow: xe,
|
|
115
|
-
"arrow-left": "_arrow-
|
|
116
|
-
"arrow-right": "_arrow-
|
|
117
|
-
"arrow-mobile": "_arrow-
|
|
118
|
-
"arrow-desktop": "_arrow-
|
|
119
|
-
"arrow-background": "_arrow-
|
|
115
|
+
"arrow-left": "_arrow-left_136s1_91",
|
|
116
|
+
"arrow-right": "_arrow-right_136s1_94",
|
|
117
|
+
"arrow-mobile": "_arrow-mobile_136s1_97",
|
|
118
|
+
"arrow-desktop": "_arrow-desktop_136s1_106",
|
|
119
|
+
"arrow-background": "_arrow-background_136s1_111",
|
|
120
120
|
pagination: Le,
|
|
121
|
-
"pagination-mobile": "_pagination-
|
|
122
|
-
"pagination-desktop": "_pagination-
|
|
121
|
+
"pagination-mobile": "_pagination-mobile_136s1_126",
|
|
122
|
+
"pagination-desktop": "_pagination-desktop_136s1_135"
|
|
123
123
|
}, Te = (i, s) => {
|
|
124
124
|
const f = ie();
|
|
125
125
|
H(() => {
|
|
@@ -138,7 +138,7 @@ const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "
|
|
|
138
138
|
return `${100 / i}%`;
|
|
139
139
|
const m = s * (i === 1 ? 4 : 2) / 16;
|
|
140
140
|
return `calc(${100 / i}% - ${m}rem)`;
|
|
141
|
-
},
|
|
141
|
+
}, D = ce(Pe), Oe = (i = {}) => {
|
|
142
142
|
const {
|
|
143
143
|
autoplay: s = !1,
|
|
144
144
|
centeredSlides: f = !1,
|
|
@@ -146,62 +146,62 @@ const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "
|
|
|
146
146
|
firstSlideToShow: P = 0,
|
|
147
147
|
fullWidth: j = !1,
|
|
148
148
|
id: h = "swiper",
|
|
149
|
-
loop:
|
|
150
|
-
navigationSize:
|
|
149
|
+
loop: k = !1,
|
|
150
|
+
navigationSize: F = "md",
|
|
151
151
|
slidesPerView: y = { desktop: 1, mobile: 1, tablet: 1 },
|
|
152
|
-
spaceBetween:
|
|
153
|
-
withDarkUI:
|
|
154
|
-
withNavigation:
|
|
152
|
+
spaceBetween: z = 20,
|
|
153
|
+
withDarkUI: E = !1,
|
|
154
|
+
withNavigation: M = { desktop: !0, mobile: !0 },
|
|
155
155
|
withPagination: c = { desktop: !1, mobile: !1 }
|
|
156
|
-
} = i,
|
|
156
|
+
} = i, V = k || s, { width: w } = he(), [N, _] = Z(0), [U, q] = Z(!1), [d, e] = Z(!1), o = ie(), a = ke(), v = de(() => w <= a.md ? y.mobile : w <= a.lg ? y.tablet : w >= a["4xl"] && j ? y.desktop + 2 : y.desktop, [w, a, j, y]);
|
|
157
157
|
return {
|
|
158
158
|
autoplay: s,
|
|
159
159
|
centeredSlides: f,
|
|
160
|
-
currentPage:
|
|
160
|
+
currentPage: N,
|
|
161
161
|
currentSlidesPerView: v,
|
|
162
162
|
duration: m,
|
|
163
163
|
firstSlideToShow: P,
|
|
164
164
|
fullWidth: j,
|
|
165
165
|
id: h,
|
|
166
|
-
navigationSize:
|
|
167
|
-
ref:
|
|
168
|
-
setCurrentPage:
|
|
169
|
-
setShowLeftArrow:
|
|
166
|
+
navigationSize: F,
|
|
167
|
+
ref: o,
|
|
168
|
+
setCurrentPage: _,
|
|
169
|
+
setShowLeftArrow: q,
|
|
170
170
|
setShowRightArrow: e,
|
|
171
|
-
shouldLoop:
|
|
172
|
-
showLeftArrow:
|
|
171
|
+
shouldLoop: V,
|
|
172
|
+
showLeftArrow: U,
|
|
173
173
|
showRightArrow: d,
|
|
174
174
|
slidesPerView: y,
|
|
175
|
-
spaceBetween:
|
|
176
|
-
withDarkUI:
|
|
177
|
-
withNavigation:
|
|
175
|
+
spaceBetween: z,
|
|
176
|
+
withDarkUI: E,
|
|
177
|
+
withNavigation: M,
|
|
178
178
|
withPagination: c
|
|
179
179
|
};
|
|
180
|
-
},
|
|
180
|
+
}, Be = ({ children: i, className: s, store: f, ...m }) => {
|
|
181
181
|
const {
|
|
182
182
|
autoplay: P,
|
|
183
183
|
centeredSlides: j,
|
|
184
184
|
currentPage: h,
|
|
185
|
-
currentSlidesPerView:
|
|
186
|
-
duration:
|
|
185
|
+
currentSlidesPerView: k,
|
|
186
|
+
duration: F,
|
|
187
187
|
firstSlideToShow: y,
|
|
188
|
-
fullWidth:
|
|
189
|
-
id:
|
|
190
|
-
navigationSize:
|
|
188
|
+
fullWidth: z,
|
|
189
|
+
id: E,
|
|
190
|
+
navigationSize: M,
|
|
191
191
|
ref: c,
|
|
192
|
-
setCurrentPage:
|
|
193
|
-
setShowLeftArrow:
|
|
194
|
-
setShowRightArrow:
|
|
195
|
-
shouldLoop:
|
|
196
|
-
showLeftArrow:
|
|
197
|
-
showRightArrow:
|
|
192
|
+
setCurrentPage: V,
|
|
193
|
+
setShowLeftArrow: w,
|
|
194
|
+
setShowRightArrow: N,
|
|
195
|
+
shouldLoop: _,
|
|
196
|
+
showLeftArrow: U,
|
|
197
|
+
showRightArrow: q,
|
|
198
198
|
slidesPerView: d,
|
|
199
199
|
spaceBetween: e,
|
|
200
|
-
withDarkUI:
|
|
200
|
+
withDarkUI: o,
|
|
201
201
|
withNavigation: a,
|
|
202
202
|
withPagination: v
|
|
203
|
-
} = f, x =
|
|
204
|
-
const n = `${
|
|
203
|
+
} = f, x = oe.toArray(i).length, W = Math.ceil(x / k), b = Array.from(Array(W).keys()), g = a.mobile || !1, $ = a.desktop || !1, T = h === 0, O = h === b.length - 1, I = oe.map(i, (u, r) => {
|
|
204
|
+
const n = `${E}-${r}`, t = r + 1, l = Math.ceil(t / k) - 1, p = O ? x - t >= k : l !== h;
|
|
205
205
|
return ue(u, {
|
|
206
206
|
...u.props,
|
|
207
207
|
"aria-hidden": p,
|
|
@@ -212,67 +212,67 @@ const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "
|
|
|
212
212
|
});
|
|
213
213
|
}), G = j ? (
|
|
214
214
|
// if centeredSlides is true, we calculate which number is the middle page
|
|
215
|
-
Math.floor(
|
|
215
|
+
Math.floor(W / 2)
|
|
216
216
|
) : (
|
|
217
217
|
// if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
|
|
218
|
-
Math.ceil(y /
|
|
219
|
-
),
|
|
218
|
+
Math.ceil(y / k) - 1
|
|
219
|
+
), A = X(() => {
|
|
220
220
|
const u = c == null ? void 0 : c.current;
|
|
221
|
-
if (u && !
|
|
222
|
-
const { offsetWidth:
|
|
223
|
-
|
|
221
|
+
if (u && !_) {
|
|
222
|
+
const { offsetWidth: r, scrollLeft: n, scrollWidth: t } = u, l = !(n > e), p = !(t - (n + r) > e);
|
|
223
|
+
w(!l), N(!p);
|
|
224
224
|
} else
|
|
225
|
-
|
|
226
|
-
}, [c,
|
|
227
|
-
var
|
|
225
|
+
w(!0), N(!0);
|
|
226
|
+
}, [c, w, N, _, e]), Q = () => {
|
|
227
|
+
var r, n;
|
|
228
228
|
const u = c == null ? void 0 : c.current;
|
|
229
229
|
if (u) {
|
|
230
|
-
const { children: t, offsetWidth: l, scrollLeft: p, scrollWidth:
|
|
231
|
-
te !== h &&
|
|
230
|
+
const { children: t, offsetWidth: l, scrollLeft: p, scrollWidth: C } = u, se = (n = (r = t == null ? void 0 : t[0]) == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : n.width, te = !(C - (p + l) > e) ? b.length - 1 : Math.round(p / ((se + e) * k));
|
|
231
|
+
te !== h && V(te);
|
|
232
232
|
}
|
|
233
233
|
}, Y = me(() => {
|
|
234
|
-
|
|
234
|
+
A(), Q();
|
|
235
235
|
}, 100), S = X(
|
|
236
|
-
(u,
|
|
237
|
-
var l, p,
|
|
238
|
-
const n = c == null ? void 0 : c.current, t = (
|
|
236
|
+
(u, r = !1) => {
|
|
237
|
+
var l, p, C;
|
|
238
|
+
const n = c == null ? void 0 : c.current, t = (C = (p = (l = n == null ? void 0 : n.children) == null ? void 0 : l[0]) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : C.width;
|
|
239
239
|
n == null || n.scrollTo({
|
|
240
240
|
// We don't want to have a scroll effect when we first render the swiper
|
|
241
|
-
behavior:
|
|
242
|
-
left: u * (t + e) *
|
|
241
|
+
behavior: r ? "auto" : "smooth",
|
|
242
|
+
left: u * (t + e) * k,
|
|
243
243
|
top: 0
|
|
244
244
|
});
|
|
245
245
|
},
|
|
246
|
-
[
|
|
246
|
+
[k, e, c]
|
|
247
247
|
), L = X(() => {
|
|
248
|
-
S(
|
|
249
|
-
}, [h, S,
|
|
250
|
-
S(T &&
|
|
251
|
-
}, [b.length, h, S, T,
|
|
248
|
+
S(_ && O ? 0 : h + 1);
|
|
249
|
+
}, [h, S, O, _]), B = X(() => {
|
|
250
|
+
S(T && _ ? b.length - 1 : h - 1);
|
|
251
|
+
}, [b.length, h, S, T, _]);
|
|
252
252
|
return Te(
|
|
253
253
|
() => {
|
|
254
254
|
P && L();
|
|
255
255
|
},
|
|
256
|
-
P ?
|
|
256
|
+
P ? F : null
|
|
257
257
|
), H(() => {
|
|
258
|
-
const u = (
|
|
259
|
-
|
|
258
|
+
const u = (r) => {
|
|
259
|
+
r.code === "ArrowLeft" && B(), r.code === "ArrowRight" && L();
|
|
260
260
|
};
|
|
261
261
|
return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
|
|
262
|
-
}, [
|
|
262
|
+
}, [B, L]), H(() => {
|
|
263
263
|
S(G, !0);
|
|
264
264
|
}, []), H(() => {
|
|
265
|
-
|
|
266
|
-
}, [
|
|
267
|
-
/* @__PURE__ */
|
|
265
|
+
A();
|
|
266
|
+
}, [A, i]), /* @__PURE__ */ ae("div", { className: D("root", o && "dark", s), ...m, children: [
|
|
267
|
+
/* @__PURE__ */ R(
|
|
268
268
|
"ul",
|
|
269
269
|
{
|
|
270
|
-
className:
|
|
270
|
+
className: D(
|
|
271
271
|
"container",
|
|
272
272
|
d.mobile && "container-mobile",
|
|
273
273
|
d.desktop && "container-desktop",
|
|
274
274
|
d.tablet && "container-tablet",
|
|
275
|
-
d.desktop &&
|
|
275
|
+
d.desktop && z && "container-full-width"
|
|
276
276
|
),
|
|
277
277
|
onScroll: Y,
|
|
278
278
|
ref: c,
|
|
@@ -286,72 +286,72 @@ const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "
|
|
|
286
286
|
"--slideWithDesktopFullWidth": J(d.desktop + 2, e),
|
|
287
287
|
"--spaceBetween": `${e / 16}rem`
|
|
288
288
|
},
|
|
289
|
-
children:
|
|
289
|
+
children: I
|
|
290
290
|
}
|
|
291
291
|
),
|
|
292
|
-
/* @__PURE__ */
|
|
293
|
-
|
|
292
|
+
/* @__PURE__ */ R(
|
|
293
|
+
re,
|
|
294
294
|
{
|
|
295
295
|
"aria-label": "Previous slide",
|
|
296
|
-
className:
|
|
296
|
+
className: D(
|
|
297
297
|
"arrow",
|
|
298
298
|
"arrow-left",
|
|
299
|
-
!
|
|
299
|
+
!o && "arrow-background",
|
|
300
300
|
g && "arrow-mobile",
|
|
301
301
|
$ && "arrow-desktop"
|
|
302
302
|
),
|
|
303
|
-
disabled: !
|
|
304
|
-
onClick:
|
|
303
|
+
disabled: !U,
|
|
304
|
+
onClick: B,
|
|
305
305
|
shape: "circle",
|
|
306
|
-
size:
|
|
307
|
-
variant:
|
|
308
|
-
children: /* @__PURE__ */
|
|
306
|
+
size: M,
|
|
307
|
+
variant: o ? "secondary" : "ghost",
|
|
308
|
+
children: /* @__PURE__ */ R(fe, {})
|
|
309
309
|
}
|
|
310
310
|
),
|
|
311
|
-
/* @__PURE__ */
|
|
312
|
-
|
|
311
|
+
/* @__PURE__ */ R(
|
|
312
|
+
re,
|
|
313
313
|
{
|
|
314
314
|
"aria-label": "Next slide",
|
|
315
|
-
className:
|
|
315
|
+
className: D(
|
|
316
316
|
"arrow",
|
|
317
317
|
"arrow-right",
|
|
318
|
-
!
|
|
318
|
+
!o && "arrow-background",
|
|
319
319
|
g && "arrow-mobile",
|
|
320
320
|
$ && "arrow-desktop"
|
|
321
321
|
),
|
|
322
|
-
disabled: !
|
|
322
|
+
disabled: !q,
|
|
323
323
|
onClick: L,
|
|
324
324
|
shape: "circle",
|
|
325
|
-
size:
|
|
326
|
-
variant:
|
|
327
|
-
children: /* @__PURE__ */
|
|
325
|
+
size: M,
|
|
326
|
+
variant: o ? "secondary" : "ghost",
|
|
327
|
+
children: /* @__PURE__ */ R(pe, {})
|
|
328
328
|
}
|
|
329
329
|
),
|
|
330
|
-
/* @__PURE__ */
|
|
330
|
+
/* @__PURE__ */ R(
|
|
331
331
|
"div",
|
|
332
332
|
{
|
|
333
|
-
className:
|
|
333
|
+
className: D(
|
|
334
334
|
"pagination",
|
|
335
335
|
v.mobile && "pagination-mobile",
|
|
336
336
|
v.desktop && "pagination-desktop"
|
|
337
337
|
),
|
|
338
338
|
role: "tablist",
|
|
339
|
-
children: b.length > 1 && b.map((u,
|
|
339
|
+
children: b.length > 1 && b.map((u, r) => {
|
|
340
340
|
const n = {
|
|
341
|
-
"aria-controls": `${
|
|
342
|
-
"aria-label": `${
|
|
343
|
-
"aria-selected":
|
|
344
|
-
idx:
|
|
345
|
-
onClick: () => S(
|
|
341
|
+
"aria-controls": `${E}-${r}`,
|
|
342
|
+
"aria-label": `${r + 1} of ${b.length}`,
|
|
343
|
+
"aria-selected": r === h,
|
|
344
|
+
idx: r,
|
|
345
|
+
onClick: () => S(r),
|
|
346
346
|
role: "tab"
|
|
347
347
|
};
|
|
348
|
-
return /* @__PURE__ */
|
|
348
|
+
return /* @__PURE__ */ R(
|
|
349
349
|
"div",
|
|
350
350
|
{
|
|
351
|
-
className:
|
|
351
|
+
className: D("bullet", r === h && "bullet-active"),
|
|
352
352
|
...n
|
|
353
353
|
},
|
|
354
|
-
`bullet-${
|
|
354
|
+
`bullet-${r + 1}`
|
|
355
355
|
);
|
|
356
356
|
})
|
|
357
357
|
}
|
|
@@ -359,6 +359,6 @@ const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "
|
|
|
359
359
|
] });
|
|
360
360
|
};
|
|
361
361
|
export {
|
|
362
|
-
|
|
363
|
-
|
|
362
|
+
Be as Swiper,
|
|
363
|
+
Oe as useSwiper
|
|
364
364
|
};
|