prisma-goat 0.2.2 → 0.2.3
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 +1 -1
- package/dist/prisma-goat.d.ts +0 -2
- package/dist/prisma-goat.js +20 -21
- package/dist/prisma-goat.umd.cjs +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/prisma-goat.d.ts
CHANGED
|
@@ -64,7 +64,6 @@ href?: string;
|
|
|
64
64
|
autoPlaySpeed?: number;
|
|
65
65
|
height?: string;
|
|
66
66
|
opacity?: "0" | "50" | "60";
|
|
67
|
-
colorOpacity?: "black" | "white";
|
|
68
67
|
} & {
|
|
69
68
|
children?: ReactNode | undefined;
|
|
70
69
|
} & RefAttributes<HTMLElement>>;
|
|
@@ -78,7 +77,6 @@ export declare type HeaderProps = HTMLAttributes<HTMLElement> & {
|
|
|
78
77
|
autoPlaySpeed?: number;
|
|
79
78
|
height?: string;
|
|
80
79
|
opacity?: "0" | "50" | "60";
|
|
81
|
-
colorOpacity?: "black" | "white";
|
|
82
80
|
};
|
|
83
81
|
|
|
84
82
|
export declare const LoadingIndicator: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
package/dist/prisma-goat.js
CHANGED
|
@@ -6079,37 +6079,36 @@ const ls = yA(
|
|
|
6079
6079
|
autoPlaySpeed: A = 3e3,
|
|
6080
6080
|
height: B = "400px",
|
|
6081
6081
|
opacity: M = "50",
|
|
6082
|
-
|
|
6083
|
-
|
|
6084
|
-
|
|
6085
|
-
|
|
6086
|
-
t((s) => (s + 1) % g.length);
|
|
6082
|
+
...D
|
|
6083
|
+
}, e) => {
|
|
6084
|
+
const [w, Q] = S(0), t = IA(null), C = () => {
|
|
6085
|
+
Q((i) => (i + 1) % g.length);
|
|
6087
6086
|
};
|
|
6088
|
-
return wA(() => (g.length > 0 && (
|
|
6089
|
-
|
|
6090
|
-
}), [A, g.length]), !g || g.length === 0 ? /* @__PURE__ */ I("header", { ref:
|
|
6087
|
+
return wA(() => (g.length > 0 && (t.current = setInterval(C, A)), () => {
|
|
6088
|
+
t.current && clearInterval(t.current);
|
|
6089
|
+
}), [A, g.length]), !g || g.length === 0 ? /* @__PURE__ */ I("header", { ref: e, ...D, className: "relative w-full overflow-hidden", style: { height: B }, children: /* @__PURE__ */ I("p", { className: "text-center text-gray-500", children: "No hay imágenes para mostrar" }) }) : /* @__PURE__ */ f("header", { ref: e, ...D, className: "relative w-full overflow-hidden", style: { height: B }, children: [
|
|
6091
6090
|
/* @__PURE__ */ I(
|
|
6092
6091
|
"div",
|
|
6093
6092
|
{
|
|
6094
6093
|
className: "flex transition-transform duration-700 ease-in-out",
|
|
6095
6094
|
style: {
|
|
6096
|
-
transform: `translateX(-${
|
|
6095
|
+
transform: `translateX(-${w * 100}%)`,
|
|
6097
6096
|
height: B
|
|
6098
6097
|
},
|
|
6099
|
-
children: g.map(({ src:
|
|
6100
|
-
|
|
6098
|
+
children: g.map(({ src: i, alt: s, href: o }, n) => /* @__PURE__ */ f("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: [
|
|
6099
|
+
o ? /* @__PURE__ */ I("a", { href: o, children: /* @__PURE__ */ I(
|
|
6101
6100
|
"img",
|
|
6102
6101
|
{
|
|
6103
|
-
src:
|
|
6104
|
-
alt:
|
|
6102
|
+
src: i,
|
|
6103
|
+
alt: s,
|
|
6105
6104
|
className: "w-full h-full object-cover",
|
|
6106
6105
|
style: { height: B }
|
|
6107
6106
|
}
|
|
6108
6107
|
) }) : /* @__PURE__ */ I(
|
|
6109
6108
|
"img",
|
|
6110
6109
|
{
|
|
6111
|
-
src:
|
|
6112
|
-
alt:
|
|
6110
|
+
src: i,
|
|
6111
|
+
alt: s,
|
|
6113
6112
|
className: "w-full h-full object-cover",
|
|
6114
6113
|
style: { height: B }
|
|
6115
6114
|
}
|
|
@@ -6117,20 +6116,20 @@ const ls = yA(
|
|
|
6117
6116
|
/* @__PURE__ */ I(
|
|
6118
6117
|
"div",
|
|
6119
6118
|
{
|
|
6120
|
-
className: `absolute inset-0 bg
|
|
6119
|
+
className: `absolute inset-0 bg-black bg-opacity-${M}`,
|
|
6121
6120
|
style: { height: B }
|
|
6122
6121
|
}
|
|
6123
6122
|
)
|
|
6124
|
-
] },
|
|
6123
|
+
] }, n))
|
|
6125
6124
|
}
|
|
6126
6125
|
),
|
|
6127
|
-
/* @__PURE__ */ I("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: g.map((
|
|
6126
|
+
/* @__PURE__ */ I("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: g.map((i, s) => /* @__PURE__ */ I(
|
|
6128
6127
|
"button",
|
|
6129
6128
|
{
|
|
6130
|
-
onClick: () =>
|
|
6131
|
-
className: `w-3 h-3 rounded-full ${
|
|
6129
|
+
onClick: () => Q(s),
|
|
6130
|
+
className: `w-3 h-3 rounded-full ${w === s ? "bg-white" : "bg-gray-400"}`
|
|
6132
6131
|
},
|
|
6133
|
-
|
|
6132
|
+
s
|
|
6134
6133
|
)) })
|
|
6135
6134
|
] });
|
|
6136
6135
|
}
|