@danielcruzcode/ui-core 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Carousel/Carousel.d.ts +2 -3
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs26.js +1 -0
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs29.js +1 -1
- package/dist/index.cjs30.js +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/{index.cjs43.js → index.cjs40.js} +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.esm11.js +1 -1
- package/dist/index.esm12.js +1 -1
- package/dist/index.esm14.js +4 -3
- package/dist/index.esm16.js +3 -4
- package/dist/index.esm17.js +8 -8
- package/dist/index.esm18.js +8 -7
- package/dist/index.esm19.js +134 -13
- package/dist/index.esm20.js +224 -10
- package/dist/index.esm21.js +116 -122
- package/dist/index.esm22.js +234 -213
- package/dist/index.esm23.js +9 -128
- package/dist/index.esm25.js +7 -7
- package/dist/index.esm26.js +26 -0
- package/dist/index.esm28.js +3 -22
- package/dist/index.esm29.js +2 -4
- package/dist/index.esm30.js +12 -2
- package/dist/index.esm4.js +1 -1
- package/dist/{index.esm43.js → index.esm40.js} +2 -2
- package/dist/index.esm5.js +5 -5
- package/dist/index.esm6.js +1 -1
- package/dist/index.esm7.js +1 -1
- package/dist/index.esm8.js +1 -1
- package/dist/index.esm9.js +1 -1
- package/package.json +11 -7
- package/styles.css +1 -0
- package/dist/components/Carousel/Carousel.js +0 -35
- package/dist/components/Carousel/Carousel.js.map +0 -1
- package/dist/components/Carousel/index.js +0 -2
- package/dist/components/Carousel/index.js.map +0 -1
- package/dist/index.cjs24.js +0 -1
- package/dist/index.esm24.js +0 -247
- /package/dist/{index.cjs42.js → index.cjs39.js} +0 -0
- /package/dist/{index.cjs44.js → index.cjs41.js} +0 -0
- /package/dist/{index.esm42.js → index.esm39.js} +0 -0
- /package/dist/{index.esm44.js → index.esm41.js} +0 -0
package/dist/index.esm28.js
CHANGED
|
@@ -1,26 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
|
-
|
|
3
|
+
import { c as a } from "./index.esm34.js";
|
|
4
|
+
var d = a({ defaultClassName: "_19yozed0", variantClassNames: { maxWidth: { sm: "_19yozed1", md: "_19yozed2", lg: "_19yozed3", xl: "_19yozed4", full: "_19yozed5" } }, defaultVariants: { maxWidth: "xl" }, compoundVariants: [] });
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
-
i as body,
|
|
7
|
-
c as footer,
|
|
8
|
-
w as image,
|
|
9
|
-
n as imageWrapper,
|
|
10
|
-
g as installments,
|
|
11
|
-
b as originalPrice,
|
|
12
|
-
m as price,
|
|
13
|
-
s as priceWrapper,
|
|
14
|
-
k as quickViewBtn,
|
|
15
|
-
p as reviewCount,
|
|
16
|
-
r as root,
|
|
17
|
-
B as skeletonBtn,
|
|
18
|
-
j as skeletonImage,
|
|
19
|
-
y as skeletonLine,
|
|
20
|
-
o as starsWrapper,
|
|
21
|
-
l as subtitle,
|
|
22
|
-
t as title,
|
|
23
|
-
u as unavailableOverlay,
|
|
24
|
-
d as unavailableText,
|
|
25
|
-
x as wishlistBtn
|
|
6
|
+
d as containerRecipe
|
|
26
7
|
};
|
package/dist/index.esm29.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
|
|
3
|
-
import { c as a } from "./index.esm34.js";
|
|
4
|
-
var d = a({ defaultClassName: "_19yozed0", variantClassNames: { maxWidth: { sm: "_19yozed1", md: "_19yozed2", lg: "_19yozed3", xl: "_19yozed4", full: "_19yozed5" } }, defaultVariants: { maxWidth: "xl" }, compoundVariants: [] });
|
|
2
|
+
var r = "_15r2pp40";
|
|
5
3
|
export {
|
|
6
|
-
|
|
4
|
+
r as stackBase
|
|
7
5
|
};
|
package/dist/index.esm30.js
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
|
|
2
|
+
/* empty css */
|
|
3
|
+
var v = "wt8vlo0", a = "wt8vlo1", o = "wt8vlo2", p = "wt8vlo3", l = "wt8vlo4", e = "wt8vlo5", w = "wt8vlo6", i = "wt8vlo7", n = "wt8vlo8", u = "wt8vlo9";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
+
u as errorText,
|
|
6
|
+
n as hint,
|
|
7
|
+
i as iconSlot,
|
|
8
|
+
w as input,
|
|
9
|
+
p as inputWrapper,
|
|
10
|
+
e as inputWrapperDisabled,
|
|
11
|
+
l as inputWrapperError,
|
|
12
|
+
a as label,
|
|
13
|
+
o as requiredMark,
|
|
14
|
+
v as wrapper
|
|
5
15
|
};
|
package/dist/index.esm4.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { cardRecipe as f, cardMedia as h, cardHeader as p, cardBody as N, cardFooter as u } from "./index.
|
|
2
|
+
import { cardRecipe as f, cardMedia as h, cardHeader as p, cardBody as N, cardFooter as u } from "./index.esm25.js";
|
|
3
3
|
function y({
|
|
4
4
|
media: s,
|
|
5
5
|
header: i,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { e, p as m, i as u, n as h, a as v, b as p } from "./index.
|
|
2
|
-
import { d as O } from "./index.
|
|
1
|
+
import { e, p as m, i as u, n as h, a as v, b as p } from "./index.esm41.js";
|
|
2
|
+
import { d as O } from "./index.esm39.js";
|
|
3
3
|
function C(t = {}, i = !0) {
|
|
4
4
|
const n = {
|
|
5
5
|
on: {}
|
package/dist/index.esm5.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as d, jsx as e, Fragment as w } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as x } from "react";
|
|
3
|
-
import g from "./index.
|
|
4
|
-
import y from "./index.
|
|
5
|
-
import $ from "./index.
|
|
6
|
-
import { Swiper as j, SwiperSlide as B } from "./index.
|
|
7
|
-
import { dotActive as L, dot as N, arrowBtn as c, arrowPrev as P, arrowNext as S, dots as A } from "./index.
|
|
3
|
+
import g from "./index.esm19.js";
|
|
4
|
+
import y from "./index.esm20.js";
|
|
5
|
+
import $ from "./index.esm21.js";
|
|
6
|
+
import { Swiper as j, SwiperSlide as B } from "./index.esm22.js";
|
|
7
|
+
import { dotActive as L, dot as N, arrowBtn as c, arrowPrev as P, arrowNext as S, dots as A } from "./index.esm23.js";
|
|
8
8
|
/* empty css */
|
|
9
9
|
const C = { sm: 8, md: 16, lg: 24, xl: 32 };
|
|
10
10
|
function O({
|
package/dist/index.esm6.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useId as u, useRef as x, useEffect as k } from "react";
|
|
3
|
-
import { hiddenInput as m, labelText as w, wrapper as b, wrapperDisabled as j, box as v, boxIndeterminate as B, boxChecked as I } from "./index.
|
|
3
|
+
import { hiddenInput as m, labelText as w, wrapper as b, wrapperDisabled as j, box as v, boxIndeterminate as B, boxChecked as I } from "./index.esm18.js";
|
|
4
4
|
function M({
|
|
5
5
|
checked: o = !1,
|
|
6
6
|
onChange: t,
|
package/dist/index.esm7.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { containerRecipe as n } from "./index.
|
|
2
|
+
import { containerRecipe as n } from "./index.esm28.js";
|
|
3
3
|
function m({ maxWidth: r = "xl", children: o, as: e = "div" }) {
|
|
4
4
|
return /* @__PURE__ */ i(e, { className: n({ maxWidth: r }), children: o });
|
|
5
5
|
}
|
package/dist/index.esm8.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useId as W } from "react";
|
|
3
|
-
import { wrapper as w, label as B, requiredMark as k, iconSlot as u, input as y, errorText as D, hint as E, inputWrapper as F, inputWrapperError as M, inputWrapperDisabled as S } from "./index.
|
|
3
|
+
import { wrapper as w, label as B, requiredMark as k, iconSlot as u, input as y, errorText as D, hint as E, inputWrapper as F, inputWrapperError as M, inputWrapperDisabled as S } from "./index.esm30.js";
|
|
4
4
|
function A({
|
|
5
5
|
label: t,
|
|
6
6
|
placeholder: h,
|
package/dist/index.esm9.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { imageWrapper as j, image as M, badgeOverlay as O, wishlistBtn as F, unavailableOverlay as I, unavailableText as q, body as V, title as _, subtitle as E, starsWrapper as B, reviewCount as G, priceWrapper as H, price as J, originalPrice as K, installments as R, root as T, skeletonImage as U, skeletonLine as h, skeletonBtn as X, footer as Y, quickViewBtn as Z } from "./index.
|
|
2
|
+
import { imageWrapper as j, image as M, badgeOverlay as O, wishlistBtn as F, unavailableOverlay as I, unavailableText as q, body as V, title as _, subtitle as E, starsWrapper as B, reviewCount as G, priceWrapper as H, price as J, originalPrice as K, installments as R, root as T, skeletonImage as U, skeletonLine as h, skeletonBtn as X, footer as Y, quickViewBtn as Z } from "./index.esm26.js";
|
|
3
3
|
import { Badge as x } from "./index.esm2.js";
|
|
4
4
|
import { Card as P } from "./index.esm4.js";
|
|
5
5
|
import { Button as Q } from "./index.esm3.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danielcruzcode/ui-core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"import": "./dist/styles.css",
|
|
19
19
|
"require": "./dist/styles.css",
|
|
20
20
|
"types": "./dist/styles.d.ts"
|
|
21
|
-
}
|
|
21
|
+
},
|
|
22
|
+
"./styles.css": "./dist/styles.css"
|
|
22
23
|
},
|
|
23
24
|
"typesVersions": {
|
|
24
25
|
"*": {
|
|
@@ -27,15 +28,18 @@
|
|
|
27
28
|
]
|
|
28
29
|
}
|
|
29
30
|
},
|
|
31
|
+
"style": "dist/styles.css",
|
|
30
32
|
"files": [
|
|
31
|
-
"dist"
|
|
33
|
+
"dist",
|
|
34
|
+
"styles.css"
|
|
32
35
|
],
|
|
33
36
|
"sideEffects": [
|
|
34
|
-
"dist/styles.css"
|
|
37
|
+
"dist/styles.css",
|
|
38
|
+
"styles.css"
|
|
35
39
|
],
|
|
36
40
|
"peerDependencies": {
|
|
37
|
-
"react": ">=
|
|
38
|
-
"react-dom": ">=
|
|
41
|
+
"react": ">=16",
|
|
42
|
+
"react-dom": ">=16"
|
|
39
43
|
},
|
|
40
44
|
"devDependencies": {
|
|
41
45
|
"@types/react": "^18.3.18",
|
|
@@ -53,7 +57,7 @@
|
|
|
53
57
|
"swiper": "^12.1.2"
|
|
54
58
|
},
|
|
55
59
|
"scripts": {
|
|
56
|
-
"build": "vite build && tsc --build",
|
|
60
|
+
"build": "vite build && tsc --build && cp dist/styles.css styles.css",
|
|
57
61
|
"postbuild": "yalc push --private",
|
|
58
62
|
"typecheck": "tsc --noEmit",
|
|
59
63
|
"clean": "rm -rf dist"
|
package/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--_12wje750: #FFFFFF;--_12wje751: #F5F5F5;--_12wje752: #D1D1D1;--_12wje753: #D1D1D1;--_12wje754: #0A8920;--_12wje755: #1A1A1A;--_12wje756: #4A4A4A;--_12wje757: #D1D1D1;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #E8F5EA;--_12wje75b: #0A8920;--_12wje75c: #E8F5EA;--_12wje75d: #F9AB00;--_12wje75e: #FEF7E0;--_12wje75f: #E31837;--_12wje75g: #FDECEA;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.08);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.12);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.16);--_12wje75u: .1s ease;--_12wje75v: .2s ease}._4h81sx0{--_12wje750: #FFFFFF;--_12wje751: #F5F5F5;--_12wje752: #D1D1D1;--_12wje753: #D1D1D1;--_12wje754: #0A8920;--_12wje755: #1A1A1A;--_12wje756: #4A4A4A;--_12wje757: #D1D1D1;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #E8F5EA;--_12wje75b: #0A8920;--_12wje75c: #E8F5EA;--_12wje75d: #F9AB00;--_12wje75e: #FEF7E0;--_12wje75f: #E31837;--_12wje75g: #FDECEA;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.08);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.12);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.16);--_12wje75u: .1s ease;--_12wje75v: .2s ease}._4h81sx1{--_12wje750: #1A1A1A;--_12wje751: #2A2A2A;--_12wje752: #3A3A3A;--_12wje753: #3A3A3A;--_12wje754: #0A8920;--_12wje755: #FFFFFF;--_12wje756: #D1D1D1;--_12wje757: #4A4A4A;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #0A3A10;--_12wje75b: #0A8920;--_12wje75c: #0A3A10;--_12wje75d: #F9AB00;--_12wje75e: #2B2300;--_12wje75f: #E31837;--_12wje75g: #3D0A12;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.32);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.4);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.48);--_12wje75u: .1s ease;--_12wje75v: .2s ease}.rxfwcs0{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--_12wje75o);font-family:var(--_12wje75p);font-weight:600;line-height:1;white-space:nowrap}.rxfwcs1{background-color:var(--_12wje75a);color:var(--_12wje758)}.rxfwcs2{background-color:var(--_12wje75c);color:var(--_12wje75b)}.rxfwcs3{background-color:var(--_12wje75e);color:var(--_12wje75d)}.rxfwcs4{background-color:var(--_12wje75g);color:var(--_12wje75f)}.rxfwcs5{background-color:var(--_12wje751);color:var(--_12wje756)}.rxfwcs6{font-size:11px;padding-block:2px;padding-inline:6px}.rxfwcs7{font-size:13px;padding-block:4px;padding-inline:var(--_12wje75h)}._12rozn90{display:inline-flex;align-items:center;justify-content:center;gap:var(--_12wje75h);border:none;border-radius:var(--_12wje75m);font-family:var(--_12wje75p);font-weight:600;cursor:pointer;transition:background-color var(--_12wje75u),opacity var(--_12wje75u),box-shadow var(--_12wje75u);text-decoration:none;white-space:nowrap;position:relative}._12rozn90:disabled{cursor:not-allowed;opacity:.5}._12rozn90:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._12rozn91{background-color:var(--_12wje758);color:#fff}._12rozn91 :hover:not(:disabled){background-color:var(--_12wje759)}._12rozn91 :active:not(:disabled){background-color:var(--_12wje759);box-shadow:var(--_12wje75r)}._12rozn92{background-color:transparent;color:var(--_12wje758);border:1.5px solid var(--_12wje758)}._12rozn92 :hover:not(:disabled){background-color:var(--_12wje75a)}._12rozn93{background-color:transparent;color:var(--_12wje755)}._12rozn93 :hover:not(:disabled){background-color:var(--_12wje751)}._12rozn94{background-color:var(--_12wje75f);color:#fff}._12rozn94 :hover:not(:disabled){opacity:.9}._12rozn95{height:32px;padding-inline:var(--_12wje75h);font-size:13px}._12rozn96{height:40px;padding-inline:var(--_12wje75i);font-size:15px}._12rozn97{height:48px;padding-inline:var(--_12wje75j);font-size:17px}._12rozn98{width:100%}.uk9byt0{display:flex;flex-direction:column;background-color:var(--_12wje750);border-radius:var(--_12wje75m);border:1px solid var(--_12wje753);overflow:hidden;position:relative;transition:box-shadow var(--_12wje75v),transform var(--_12wje75v);max-width:15rem;height:27rem}.uk9byt1{cursor:pointer}.uk9byt1:hover{box-shadow:var(--_12wje75r);transform:translateY(-2px)}.uk9byt2{padding:0}.uk9byt3{padding:var(--_12wje75h)}.uk9byt4{padding:var(--_12wje75i)}.uk9byt5{padding:var(--_12wje75j)}.uk9byt6{width:100%;overflow:hidden}.uk9byt7{padding:var(--_12wje75h) var(--_12wje75i)}.uk9byt8{padding:0 var(--_12wje75i);flex:1}.uk9byt9{padding:var(--_12wje75i);border-top:1px solid var(--_12wje753);margin-top:auto}._1tx42e50{position:relative;width:100%}._1tx42e51{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--_12wje75o);border:1px solid var(--_12wje753);background-color:var(--_12wje750);color:var(--_12wje755);cursor:pointer;box-shadow:var(--_12wje75r);transition:box-shadow var(--_12wje75u)}._1tx42e51:hover{box-shadow:var(--_12wje75s)}._1tx42e51:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._1tx42e51:disabled{opacity:.4;cursor:not-allowed}._1tx42e52{left:var(--_12wje75h)}._1tx42e53{right:var(--_12wje75h)}._1tx42e54{display:flex;justify-content:center;gap:var(--_12wje75h);margin-top:var(--_12wje75h)}._1tx42e55{width:8px;height:8px;border-radius:var(--_12wje75o);background-color:var(--_12wje753);border:none;cursor:pointer;padding:0;transition:background-color var(--_12wje75u),width var(--_12wje75u)}._1tx42e55:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._1tx42e56{background-color:var(--_12wje758);width:20px}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._104k35i0{display:inline-flex;align-items:center;gap:var(--_12wje75h);cursor:pointer;font-family:var(--_12wje75p);-webkit-user-select:none;user-select:none}._104k35i1{cursor:not-allowed;opacity:.5}._104k35i2{position:absolute;opacity:0;width:0;height:0;margin:0}._104k35i3{width:18px;height:18px;border-radius:var(--_12wje75l);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--_12wje75u),border-color var(--_12wje75u)}._104k35i4,._104k35i5{background-color:var(--_12wje758);border-color:var(--_12wje758)}input:focus-visible+* ._104k35i6{outline:2px solid var(--_12wje754);outline-offset:2px}._104k35i7{font-size:15px;color:var(--_12wje755)}._19yozed0{width:100%;margin-inline:auto;padding-inline:var(--_12wje75i)}._19yozed1{max-width:640px}._19yozed2{max-width:768px}._19yozed3{max-width:1024px}._19yozed4{max-width:1280px}._19yozed5{max-width:100%}@media screen and (min-width: 640px){._19yozed0{padding-inline:var(--_12wje75j)}}@media screen and (min-width: 1024px){._19yozed0{padding-inline:var(--_12wje75k)}}.wt8vlo0{display:flex;flex-direction:column;gap:4px;font-family:var(--_12wje75p)}.wt8vlo1{font-size:13px;font-weight:500;color:var(--_12wje755)}.wt8vlo2{color:var(--_12wje75f);margin-left:2px}.wt8vlo3{display:flex;align-items:center;gap:var(--_12wje75h);border-radius:var(--_12wje75m);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);padding-inline:var(--_12wje75h);transition:border-color var(--_12wje75u)}.wt8vlo3:focus-within{border-color:var(--_12wje754);box-shadow:0 0 0 3px var(--_12wje75a)}.wt8vlo4{border-color:var(--_12wje75f)}.wt8vlo4:focus-within{border-color:var(--_12wje75f);box-shadow:0 0 0 3px var(--_12wje75g)}.wt8vlo5{background-color:var(--_12wje751);cursor:not-allowed;opacity:.6}.wt8vlo6{flex:1;border:none;outline:none;background:transparent;font-family:var(--_12wje75p);font-size:15px;color:var(--_12wje755);height:40px}.wt8vlo6::placeholder{color:var(--_12wje756)}.wt8vlo6:disabled{cursor:not-allowed}.wt8vlo7{display:flex;align-items:center;color:var(--_12wje756);flex-shrink:0}.wt8vlo8{font-size:12px;color:var(--_12wje756)}.wt8vlo9{font-size:12px;color:var(--_12wje75f)}@keyframes w40enx0{0%{background-position:-200% 0}to{background-position:200% 0}}.w40enx1{display:flex;flex-direction:column;height:100%}.w40enx2{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:var(--_12wje751)}.w40enx3{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--_12wje75v)}*:hover>.w40enx3{transform:scale(1.04)}.w40enx4{position:absolute;top:var(--_12wje75h);left:var(--_12wje75h);display:flex;flex-direction:column;gap:4px}.w40enx5{position:absolute;top:var(--_12wje75h);right:var(--_12wje75h);width:32px;height:32px;border-radius:var(--_12wje75o);border:1px solid var(--_12wje753);background-color:var(--_12wje750);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--_12wje756);transition:color var(--_12wje75u),border-color var(--_12wje75u)}.w40enx5:hover{color:var(--_12wje75f);border-color:var(--_12wje75f)}.w40enx5:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}.w40enx6{display:flex;flex-direction:column;gap:4px;padding:var(--_12wje75h);flex:1}.w40enx7{font-family:var(--_12wje75p);font-size:14px;font-weight:500;color:var(--_12wje755);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0;line-clamp:2;height:2.5rem}.w40enx8{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756);margin:0}.w40enx9{display:flex;align-items:center;gap:4px}.w40enxa{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756)}.w40enxb{display:flex;align-items:baseline;gap:var(--_12wje75h);flex-wrap:wrap;margin-top:auto}.w40enxc{font-family:var(--_12wje75p);font-size:18px;font-weight:700;color:var(--_12wje755)}.w40enxd{font-family:var(--_12wje75p);font-size:13px;color:var(--_12wje756);text-decoration:line-through}.w40enxe{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756)}.w40enxf{display:flex;flex-direction:column;gap:var(--_12wje75h);padding:0 var(--_12wje75h) var(--_12wje75h)}.w40enxg{background:none;border:none;cursor:pointer;font-family:var(--_12wje75p);font-size:13px;color:var(--_12wje758);padding:0;text-align:center}.w40enxg:hover{text-decoration:underline}.w40enxg:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}.w40enxh{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center}.w40enxi{font-family:var(--_12wje75p);font-size:13px;font-weight:600;color:var(--_12wje756)}.w40enxj{border-radius:var(--_12wje75m);background:linear-gradient(90deg,var(--_12wje751) 25%,var(--_12wje752) 50%,var(--_12wje751) 75%);background-size:200% 100%;animation-name:w40enx0;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.w40enxk{width:100%;padding-top:100%}.w40enxl{height:14px;border-radius:var(--_12wje75l)}.w40enxm{height:40px;border-radius:var(--_12wje75m)}._1uy0wep0{display:flex;flex-direction:column;gap:var(--_12wje75i)}._1uy0wep1{font-family:var(--_12wje75q);font-size:24px;color:var(--_12wje755);margin:0;letter-spacing:.02em}._7acib40{display:flex;flex-direction:column;gap:4px;font-family:var(--_12wje75p)}._7acib41{font-size:13px;font-weight:500;color:var(--_12wje755)}._7acib42{position:relative;display:flex;align-items:center}._7acib43{width:100%;height:40px;padding-inline-start:var(--_12wje75h);padding-inline-end:36px;border-radius:var(--_12wje75m);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);font-family:var(--_12wje75p);font-size:15px;color:var(--_12wje755);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--_12wje75u)}._7acib43:focus{outline:none;border-color:var(--_12wje754);box-shadow:0 0 0 3px var(--_12wje75a)}._7acib43:disabled{background-color:var(--_12wje751);cursor:not-allowed;opacity:.6}._7acib44{border-color:var(--_12wje75f)}._7acib44:focus{border-color:var(--_12wje75f);box-shadow:0 0 0 3px var(--_12wje75g)}._7acib45{position:absolute;right:var(--_12wje75h);pointer-events:none;color:var(--_12wje756);display:flex;align-items:center}._7acib46{font-size:12px;color:var(--_12wje75f)}._15r2pp40{display:flex;flex-direction:column}._13mmpdy0{display:inline-flex;align-items:center;gap:4px;border-radius:var(--_12wje75o);font-family:var(--_12wje75p);font-size:13px;font-weight:500;padding-block:4px;padding-inline:var(--_12wje75h)}._13mmpdy1{background-color:var(--_12wje751);color:var(--_12wje755);border:1px solid var(--_12wje753)}._13mmpdy2{background-color:var(--_12wje75a);color:var(--_12wje758);border:1px solid var(--_12wje758)}._13mmpdy3{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:.7;border-radius:var(--_12wje75o)}._13mmpdy3:hover{opacity:1}._13mmpdy3:focus-visible{outline:2px solid var(--_12wje754);outline-offset:1px}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef } from 'react';
|
|
3
|
-
import { Autoplay, Navigation, Pagination } from 'swiper/modules';
|
|
4
|
-
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
5
|
-
import { arrowBtn, arrowNext, arrowPrev, dot, dotActive, dots as dotsCls } from './Carousel.css';
|
|
6
|
-
import 'swiper/css';
|
|
7
|
-
const GAP_PX = { sm: 8, md: 16, lg: 24, xl: 32 };
|
|
8
|
-
export function Carousel({ children, autoplay = false, autoplayMs = 4000, showArrows = true, showDots = true, loop = false, slidesPerView = 1, slidesPerGroup, gap, onSlideChange, }) {
|
|
9
|
-
const swiperRef = useRef(null);
|
|
10
|
-
const spaceBetween = gap ? (GAP_PX[gap] ?? 16) : 0;
|
|
11
|
-
const breakpoints = typeof slidesPerView === 'object'
|
|
12
|
-
? {
|
|
13
|
-
0: { slidesPerView: slidesPerView.mobile },
|
|
14
|
-
640: { slidesPerView: slidesPerView.tablet },
|
|
15
|
-
1024: { slidesPerView: slidesPerView.desktop },
|
|
16
|
-
}
|
|
17
|
-
: undefined;
|
|
18
|
-
const spv = typeof slidesPerView === 'number' ? slidesPerView : undefined;
|
|
19
|
-
return (_jsxs("div", { children: [_jsx(Swiper, { modules: [
|
|
20
|
-
...(showArrows ? [Navigation] : []),
|
|
21
|
-
...(showDots ? [Pagination] : []),
|
|
22
|
-
...(autoplay ? [Autoplay] : []),
|
|
23
|
-
], slidesPerView: spv, breakpoints: breakpoints, spaceBetween: spaceBetween, slidesPerGroup: slidesPerGroup, loop: loop, autoplay: autoplay ? { delay: autoplayMs, disableOnInteraction: false } : false, pagination: showDots
|
|
24
|
-
? {
|
|
25
|
-
el: '.swiper-custom-dots',
|
|
26
|
-
clickable: true,
|
|
27
|
-
bulletClass: dot,
|
|
28
|
-
bulletActiveClass: dotActive,
|
|
29
|
-
renderBullet: (_i, cls) => `<button class="${cls}" />`,
|
|
30
|
-
}
|
|
31
|
-
: false, navigation: showArrows ? { prevEl: '.swiper-custom-prev', nextEl: '.swiper-custom-next' } : false, onSwiper: (swiper) => {
|
|
32
|
-
swiperRef.current = swiper;
|
|
33
|
-
}, onSlideChange: (swiper) => onSlideChange?.(swiper.realIndex), children: children.map((child, i) => (_jsx(SwiperSlide, { children: child }, i))) }), showArrows && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: `${arrowBtn} ${arrowPrev} swiper-custom-prev`, "aria-label": "Slide anterior", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", className: `${arrowBtn} ${arrowNext} swiper-custom-next`, "aria-label": "Slide siguiente", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })), showDots && _jsx("div", { className: `swiper-custom-dots ${dotsCls}` })] }));
|
|
34
|
-
}
|
|
35
|
-
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/index.cjs24.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),W=require("./index.cjs42.js"),k=require("./index.cjs43.js"),p=require("./index.cjs44.js");function L(){return L=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var s=arguments[n];for(var t in s)Object.prototype.hasOwnProperty.call(s,t)&&(a[t]=s[t])}return a},L.apply(this,arguments)}function q(a){return a.type&&a.type.displayName&&a.type.displayName.includes("SwiperSlide")}function A(a){const n=[];return e.Children.toArray(a).forEach(s=>{q(s)?n.push(s):s.props&&s.props.children&&A(s.props.children).forEach(t=>n.push(t))}),n}function G(a){const n=[],s={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return e.Children.toArray(a).forEach(t=>{if(q(t))n.push(t);else if(t.props&&t.props.slot&&s[t.props.slot])s[t.props.slot].push(t);else if(t.props&&t.props.children){const u=A(t.props.children);u.length>0?u.forEach(d=>n.push(d)):s["container-end"].push(t)}else s["container-end"].push(t)}),{slides:n,slots:s}}function J(a,n,s){if(!s)return null;const t=i=>{let o=i;return i<0?o=n.length+i:o>=n.length&&(o=o-n.length),o},u=a.isHorizontal()?{[a.rtlTranslate?"right":"left"]:`${s.offset}px`}:{top:`${s.offset}px`},{from:d,to:S}=s,w=a.params.loop?-n.length:0,C=a.params.loop?n.length*2:n.length,g=[];for(let i=w;i<C;i+=1)i>=d&&i<=S&&g.push(n[t(i)]);return g.map((i,o)=>e.cloneElement(i,{swiper:a,style:u,key:i.props.virtualIndex||i.key||`slide-${o}`}))}function P(a,n){return typeof window>"u"?e.useEffect(a,n):e.useLayoutEffect(a,n)}const T=e.createContext(null),K=e.createContext(null),V=e.forwardRef(({className:a,tag:n="div",wrapperTag:s="div",children:t,onSwiper:u,...d}={},S)=>{let w=!1;const[C,g]=e.useState("swiper"),[i,o]=e.useState(null),[b,O]=e.useState(!1),N=e.useRef(!1),m=e.useRef(null),r=e.useRef(null),h=e.useRef(null),$=e.useRef(null),c=e.useRef(null),x=e.useRef(null),R=e.useRef(null),_=e.useRef(null),{params:f,passedParams:z,rest:F,events:v}=k.g(d),{slides:y,slots:j}=G(t),B=()=>{O(!b)};Object.assign(f.on,{_containerClasses(l,E){g(E)}});const I=()=>{Object.assign(f.on,v),w=!0;const l={...f};if(delete l.wrapperClass,r.current=new W.S(l),r.current.virtual&&r.current.params.virtual.enabled){r.current.virtual.slides=y;const E={cache:!1,slides:y,renderExternal:o,renderExternalUpdate:!1};p.e(r.current.params.virtual,E),p.e(r.current.originalParams.virtual,E)}};m.current||I(),r.current&&r.current.on("_beforeBreakpoint",B);const D=()=>{w||!v||!r.current||Object.keys(v).forEach(l=>{r.current.on(l,v[l])})},H=()=>{!v||!r.current||Object.keys(v).forEach(l=>{r.current.off(l,v[l])})};e.useEffect(()=>()=>{r.current&&r.current.off("_beforeBreakpoint",B)}),e.useEffect(()=>{!N.current&&r.current&&(r.current.emitSlidesClasses(),N.current=!0)}),P(()=>{if(S&&(S.current=m.current),!!m.current)return r.current.destroyed&&I(),k.m({el:m.current,nextEl:c.current,prevEl:x.current,paginationEl:R.current,scrollbarEl:_.current,swiper:r.current},f),u&&!r.current.destroyed&&u(r.current),()=>{r.current&&!r.current.destroyed&&r.current.destroy(!0,!1)}},[]),P(()=>{D();const l=k.a(z,h.current,y,$.current,E=>E.key);return h.current=z,$.current=y,l.length&&r.current&&!r.current.destroyed&&p.u({swiper:r.current,slides:y,passedParams:z,changedParams:l,nextEl:c.current,prevEl:x.current,scrollbarEl:_.current,paginationEl:R.current}),()=>{H()}}),P(()=>{k.u(r.current)},[i]);function U(){return f.virtual?J(r.current,y,i):y.map((l,E)=>e.cloneElement(l,{swiper:r.current,swiperSlideIndex:E}))}return e.createElement(n,L({ref:m,className:p.d(`${C}${a?` ${a}`:""}`)},F),e.createElement(K.Provider,{value:r.current},j["container-start"],e.createElement(s,{className:p.w(f.wrapperClass)},j["wrapper-start"],U(),j["wrapper-end"]),p.n(f)&&e.createElement(e.Fragment,null,e.createElement("div",{ref:x,className:"swiper-button-prev"}),e.createElement("div",{ref:c,className:"swiper-button-next"})),p.b(f)&&e.createElement("div",{ref:_,className:"swiper-scrollbar"}),p.a(f)&&e.createElement("div",{ref:R,className:"swiper-pagination"}),j["container-end"]))});V.displayName="Swiper";const M=e.forwardRef(({tag:a="div",children:n,className:s="",swiper:t,zoom:u,lazy:d,virtualIndex:S,swiperSlideIndex:w,...C}={},g)=>{const i=e.useRef(null),[o,b]=e.useState("swiper-slide"),[O,N]=e.useState(!1);function m(c,x,R){x===i.current&&b(R)}P(()=>{if(typeof w<"u"&&(i.current.swiperSlideIndex=w),g&&(g.current=i.current),!(!i.current||!t)){if(t.destroyed){o!=="swiper-slide"&&b("swiper-slide");return}return t.on("_slideClass",m),()=>{t&&t.off("_slideClass",m)}}}),P(()=>{t&&i.current&&!t.destroyed&&b(t.getSlideClasses(i.current))},[t]);const r={isActive:o.indexOf("swiper-slide-active")>=0,isVisible:o.indexOf("swiper-slide-visible")>=0,isPrev:o.indexOf("swiper-slide-prev")>=0,isNext:o.indexOf("swiper-slide-next")>=0},h=()=>typeof n=="function"?n(r):n,$=()=>{N(!0)};return e.createElement(a,L({ref:i,className:p.d(`${o}${s?` ${s}`:""}`),"data-swiper-slide-index":S,onLoad:$},C),u&&e.createElement(T.Provider,{value:r},e.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof u=="number"?u:void 0},h(),d&&!O&&e.createElement("div",{className:"swiper-lazy-preloader",ref:c=>{c&&(c.lazyPreloaderManaged=!0)}}))),!u&&e.createElement(T.Provider,{value:r},h(),d&&!O&&e.createElement("div",{className:"swiper-lazy-preloader",ref:c=>{c&&(c.lazyPreloaderManaged=!0)}})))});M.displayName="SwiperSlide";exports.Swiper=V;exports.SwiperSlide=M;
|
package/dist/index.esm24.js
DELETED
|
@@ -1,247 +0,0 @@
|
|
|
1
|
-
import i, { forwardRef as F, useState as O, useRef as p, useEffect as B, useLayoutEffect as K, createContext as M } from "react";
|
|
2
|
-
import { S as Q } from "./index.esm42.js";
|
|
3
|
-
import { g as X, m as Y, a as Z, u as ee } from "./index.esm43.js";
|
|
4
|
-
import { d as q, w as re, n as te, b as ne, a as se, e as T, u as ae } from "./index.esm44.js";
|
|
5
|
-
function L() {
|
|
6
|
-
return L = Object.assign ? Object.assign.bind() : function(s) {
|
|
7
|
-
for (var t = 1; t < arguments.length; t++) {
|
|
8
|
-
var n = arguments[t];
|
|
9
|
-
for (var r in n)
|
|
10
|
-
Object.prototype.hasOwnProperty.call(n, r) && (s[r] = n[r]);
|
|
11
|
-
}
|
|
12
|
-
return s;
|
|
13
|
-
}, L.apply(this, arguments);
|
|
14
|
-
}
|
|
15
|
-
function D(s) {
|
|
16
|
-
return s.type && s.type.displayName && s.type.displayName.includes("SwiperSlide");
|
|
17
|
-
}
|
|
18
|
-
function H(s) {
|
|
19
|
-
const t = [];
|
|
20
|
-
return i.Children.toArray(s).forEach((n) => {
|
|
21
|
-
D(n) ? t.push(n) : n.props && n.props.children && H(n.props.children).forEach((r) => t.push(r));
|
|
22
|
-
}), t;
|
|
23
|
-
}
|
|
24
|
-
function ie(s) {
|
|
25
|
-
const t = [], n = {
|
|
26
|
-
"container-start": [],
|
|
27
|
-
"container-end": [],
|
|
28
|
-
"wrapper-start": [],
|
|
29
|
-
"wrapper-end": []
|
|
30
|
-
};
|
|
31
|
-
return i.Children.toArray(s).forEach((r) => {
|
|
32
|
-
if (D(r))
|
|
33
|
-
t.push(r);
|
|
34
|
-
else if (r.props && r.props.slot && n[r.props.slot])
|
|
35
|
-
n[r.props.slot].push(r);
|
|
36
|
-
else if (r.props && r.props.children) {
|
|
37
|
-
const u = H(r.props.children);
|
|
38
|
-
u.length > 0 ? u.forEach((d) => t.push(d)) : n["container-end"].push(r);
|
|
39
|
-
} else
|
|
40
|
-
n["container-end"].push(r);
|
|
41
|
-
}), {
|
|
42
|
-
slides: t,
|
|
43
|
-
slots: n
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
function oe(s, t, n) {
|
|
47
|
-
if (!n) return null;
|
|
48
|
-
const r = (a) => {
|
|
49
|
-
let o = a;
|
|
50
|
-
return a < 0 ? o = t.length + a : o >= t.length && (o = o - t.length), o;
|
|
51
|
-
}, u = s.isHorizontal() ? {
|
|
52
|
-
[s.rtlTranslate ? "right" : "left"]: `${n.offset}px`
|
|
53
|
-
} : {
|
|
54
|
-
top: `${n.offset}px`
|
|
55
|
-
}, {
|
|
56
|
-
from: d,
|
|
57
|
-
to: C
|
|
58
|
-
} = n, g = s.params.loop ? -t.length : 0, S = s.params.loop ? t.length * 2 : t.length, w = [];
|
|
59
|
-
for (let a = g; a < S; a += 1)
|
|
60
|
-
a >= d && a <= C && w.push(t[r(a)]);
|
|
61
|
-
return w.map((a, o) => /* @__PURE__ */ i.cloneElement(a, {
|
|
62
|
-
swiper: s,
|
|
63
|
-
style: u,
|
|
64
|
-
key: a.props.virtualIndex || a.key || `slide-${o}`
|
|
65
|
-
}));
|
|
66
|
-
}
|
|
67
|
-
function N(s, t) {
|
|
68
|
-
return typeof window > "u" ? B(s, t) : K(s, t);
|
|
69
|
-
}
|
|
70
|
-
const V = /* @__PURE__ */ M(null), le = /* @__PURE__ */ M(null), ue = /* @__PURE__ */ F(({
|
|
71
|
-
className: s,
|
|
72
|
-
tag: t = "div",
|
|
73
|
-
wrapperTag: n = "div",
|
|
74
|
-
children: r,
|
|
75
|
-
onSwiper: u,
|
|
76
|
-
...d
|
|
77
|
-
} = {}, C) => {
|
|
78
|
-
let g = !1;
|
|
79
|
-
const [S, w] = O("swiper"), [a, o] = O(null), [h, R] = O(!1), $ = p(!1), m = p(null), e = p(null), b = p(null), j = p(null), c = p(null), x = p(null), P = p(null), _ = p(null), {
|
|
80
|
-
params: f,
|
|
81
|
-
passedParams: z,
|
|
82
|
-
rest: U,
|
|
83
|
-
events: v
|
|
84
|
-
} = X(d), {
|
|
85
|
-
slides: y,
|
|
86
|
-
slots: k
|
|
87
|
-
} = ie(r), I = () => {
|
|
88
|
-
R(!h);
|
|
89
|
-
};
|
|
90
|
-
Object.assign(f.on, {
|
|
91
|
-
_containerClasses(l, E) {
|
|
92
|
-
w(E);
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
const A = () => {
|
|
96
|
-
Object.assign(f.on, v), g = !0;
|
|
97
|
-
const l = {
|
|
98
|
-
...f
|
|
99
|
-
};
|
|
100
|
-
if (delete l.wrapperClass, e.current = new Q(l), e.current.virtual && e.current.params.virtual.enabled) {
|
|
101
|
-
e.current.virtual.slides = y;
|
|
102
|
-
const E = {
|
|
103
|
-
cache: !1,
|
|
104
|
-
slides: y,
|
|
105
|
-
renderExternal: o,
|
|
106
|
-
renderExternalUpdate: !1
|
|
107
|
-
};
|
|
108
|
-
T(e.current.params.virtual, E), T(e.current.originalParams.virtual, E);
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
m.current || A(), e.current && e.current.on("_beforeBreakpoint", I);
|
|
112
|
-
const W = () => {
|
|
113
|
-
g || !v || !e.current || Object.keys(v).forEach((l) => {
|
|
114
|
-
e.current.on(l, v[l]);
|
|
115
|
-
});
|
|
116
|
-
}, G = () => {
|
|
117
|
-
!v || !e.current || Object.keys(v).forEach((l) => {
|
|
118
|
-
e.current.off(l, v[l]);
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
B(() => () => {
|
|
122
|
-
e.current && e.current.off("_beforeBreakpoint", I);
|
|
123
|
-
}), B(() => {
|
|
124
|
-
!$.current && e.current && (e.current.emitSlidesClasses(), $.current = !0);
|
|
125
|
-
}), N(() => {
|
|
126
|
-
if (C && (C.current = m.current), !!m.current)
|
|
127
|
-
return e.current.destroyed && A(), Y({
|
|
128
|
-
el: m.current,
|
|
129
|
-
nextEl: c.current,
|
|
130
|
-
prevEl: x.current,
|
|
131
|
-
paginationEl: P.current,
|
|
132
|
-
scrollbarEl: _.current,
|
|
133
|
-
swiper: e.current
|
|
134
|
-
}, f), u && !e.current.destroyed && u(e.current), () => {
|
|
135
|
-
e.current && !e.current.destroyed && e.current.destroy(!0, !1);
|
|
136
|
-
};
|
|
137
|
-
}, []), N(() => {
|
|
138
|
-
W();
|
|
139
|
-
const l = Z(z, b.current, y, j.current, (E) => E.key);
|
|
140
|
-
return b.current = z, j.current = y, l.length && e.current && !e.current.destroyed && ae({
|
|
141
|
-
swiper: e.current,
|
|
142
|
-
slides: y,
|
|
143
|
-
passedParams: z,
|
|
144
|
-
changedParams: l,
|
|
145
|
-
nextEl: c.current,
|
|
146
|
-
prevEl: x.current,
|
|
147
|
-
scrollbarEl: _.current,
|
|
148
|
-
paginationEl: P.current
|
|
149
|
-
}), () => {
|
|
150
|
-
G();
|
|
151
|
-
};
|
|
152
|
-
}), N(() => {
|
|
153
|
-
ee(e.current);
|
|
154
|
-
}, [a]);
|
|
155
|
-
function J() {
|
|
156
|
-
return f.virtual ? oe(e.current, y, a) : y.map((l, E) => /* @__PURE__ */ i.cloneElement(l, {
|
|
157
|
-
swiper: e.current,
|
|
158
|
-
swiperSlideIndex: E
|
|
159
|
-
}));
|
|
160
|
-
}
|
|
161
|
-
return /* @__PURE__ */ i.createElement(t, L({
|
|
162
|
-
ref: m,
|
|
163
|
-
className: q(`${S}${s ? ` ${s}` : ""}`)
|
|
164
|
-
}, U), /* @__PURE__ */ i.createElement(le.Provider, {
|
|
165
|
-
value: e.current
|
|
166
|
-
}, k["container-start"], /* @__PURE__ */ i.createElement(n, {
|
|
167
|
-
className: re(f.wrapperClass)
|
|
168
|
-
}, k["wrapper-start"], J(), k["wrapper-end"]), te(f) && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("div", {
|
|
169
|
-
ref: x,
|
|
170
|
-
className: "swiper-button-prev"
|
|
171
|
-
}), /* @__PURE__ */ i.createElement("div", {
|
|
172
|
-
ref: c,
|
|
173
|
-
className: "swiper-button-next"
|
|
174
|
-
})), ne(f) && /* @__PURE__ */ i.createElement("div", {
|
|
175
|
-
ref: _,
|
|
176
|
-
className: "swiper-scrollbar"
|
|
177
|
-
}), se(f) && /* @__PURE__ */ i.createElement("div", {
|
|
178
|
-
ref: P,
|
|
179
|
-
className: "swiper-pagination"
|
|
180
|
-
}), k["container-end"]));
|
|
181
|
-
});
|
|
182
|
-
ue.displayName = "Swiper";
|
|
183
|
-
const ce = /* @__PURE__ */ F(({
|
|
184
|
-
tag: s = "div",
|
|
185
|
-
children: t,
|
|
186
|
-
className: n = "",
|
|
187
|
-
swiper: r,
|
|
188
|
-
zoom: u,
|
|
189
|
-
lazy: d,
|
|
190
|
-
virtualIndex: C,
|
|
191
|
-
swiperSlideIndex: g,
|
|
192
|
-
...S
|
|
193
|
-
} = {}, w) => {
|
|
194
|
-
const a = p(null), [o, h] = O("swiper-slide"), [R, $] = O(!1);
|
|
195
|
-
function m(c, x, P) {
|
|
196
|
-
x === a.current && h(P);
|
|
197
|
-
}
|
|
198
|
-
N(() => {
|
|
199
|
-
if (typeof g < "u" && (a.current.swiperSlideIndex = g), w && (w.current = a.current), !(!a.current || !r)) {
|
|
200
|
-
if (r.destroyed) {
|
|
201
|
-
o !== "swiper-slide" && h("swiper-slide");
|
|
202
|
-
return;
|
|
203
|
-
}
|
|
204
|
-
return r.on("_slideClass", m), () => {
|
|
205
|
-
r && r.off("_slideClass", m);
|
|
206
|
-
};
|
|
207
|
-
}
|
|
208
|
-
}), N(() => {
|
|
209
|
-
r && a.current && !r.destroyed && h(r.getSlideClasses(a.current));
|
|
210
|
-
}, [r]);
|
|
211
|
-
const e = {
|
|
212
|
-
isActive: o.indexOf("swiper-slide-active") >= 0,
|
|
213
|
-
isVisible: o.indexOf("swiper-slide-visible") >= 0,
|
|
214
|
-
isPrev: o.indexOf("swiper-slide-prev") >= 0,
|
|
215
|
-
isNext: o.indexOf("swiper-slide-next") >= 0
|
|
216
|
-
}, b = () => typeof t == "function" ? t(e) : t, j = () => {
|
|
217
|
-
$(!0);
|
|
218
|
-
};
|
|
219
|
-
return /* @__PURE__ */ i.createElement(s, L({
|
|
220
|
-
ref: a,
|
|
221
|
-
className: q(`${o}${n ? ` ${n}` : ""}`),
|
|
222
|
-
"data-swiper-slide-index": C,
|
|
223
|
-
onLoad: j
|
|
224
|
-
}, S), u && /* @__PURE__ */ i.createElement(V.Provider, {
|
|
225
|
-
value: e
|
|
226
|
-
}, /* @__PURE__ */ i.createElement("div", {
|
|
227
|
-
className: "swiper-zoom-container",
|
|
228
|
-
"data-swiper-zoom": typeof u == "number" ? u : void 0
|
|
229
|
-
}, b(), d && !R && /* @__PURE__ */ i.createElement("div", {
|
|
230
|
-
className: "swiper-lazy-preloader",
|
|
231
|
-
ref: (c) => {
|
|
232
|
-
c && (c.lazyPreloaderManaged = !0);
|
|
233
|
-
}
|
|
234
|
-
}))), !u && /* @__PURE__ */ i.createElement(V.Provider, {
|
|
235
|
-
value: e
|
|
236
|
-
}, b(), d && !R && /* @__PURE__ */ i.createElement("div", {
|
|
237
|
-
className: "swiper-lazy-preloader",
|
|
238
|
-
ref: (c) => {
|
|
239
|
-
c && (c.lazyPreloaderManaged = !0);
|
|
240
|
-
}
|
|
241
|
-
})));
|
|
242
|
-
});
|
|
243
|
-
ce.displayName = "SwiperSlide";
|
|
244
|
-
export {
|
|
245
|
-
ue as Swiper,
|
|
246
|
-
ce as SwiperSlide
|
|
247
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|