droplinked-editor-configs 1.9.4 → 1.9.5
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.
|
@@ -67474,56 +67474,56 @@ function Sze({ imagesLength: e, isVisible: t, currentIndex: r, onDotClick: n })
|
|
|
67474
67474
|
);
|
|
67475
67475
|
}
|
|
67476
67476
|
function _ze({ product: e, isHovered: t, isEditing: r }) {
|
|
67477
|
-
const { images: n, title: o, slug: i, defaultImageIndex: s } = e, { navigate: a } = Cd(), [l, c] = de(0), u = [...n];
|
|
67477
|
+
const { images: n, title: o, slug: i, defaultImageIndex: s } = e, { navigate: a } = Cd(), [l, c] = de(0), u = [...n], d = "https://upload-file-droplinked.s3.amazonaws.com/4a7a9605254cc8d0b64a6b0ee1250c09aa8b476907b67fd9afc1a180f1b6ad17.png";
|
|
67478
67478
|
if (s !== void 0 && s >= 0 && s < n.length) {
|
|
67479
|
-
const
|
|
67480
|
-
u.splice(s, 1), u.unshift(
|
|
67479
|
+
const b = u[s];
|
|
67480
|
+
u.splice(s, 1), u.unshift(b);
|
|
67481
67481
|
}
|
|
67482
|
-
const
|
|
67482
|
+
const f = u.slice(0, 3), [h, m] = kze.useKeenSlider({
|
|
67483
67483
|
loop: !0,
|
|
67484
67484
|
slides: { perView: 1 },
|
|
67485
67485
|
mode: "snap",
|
|
67486
|
-
slideChanged: (
|
|
67486
|
+
slideChanged: (b) => c(b.track.details.rel)
|
|
67487
67487
|
});
|
|
67488
67488
|
ue(() => {
|
|
67489
|
-
!t &&
|
|
67489
|
+
!t && m.current && (c(0), m.current?.moveToIdx?.(0));
|
|
67490
67490
|
}, [t]);
|
|
67491
|
-
const
|
|
67491
|
+
const g = () => {
|
|
67492
67492
|
a(`product/${i}`);
|
|
67493
|
-
},
|
|
67494
|
-
|
|
67495
|
-
},
|
|
67496
|
-
|
|
67493
|
+
}, v = (b) => () => {
|
|
67494
|
+
b();
|
|
67495
|
+
}, y = (b) => (x) => {
|
|
67496
|
+
x.stopPropagation(), m.current?.moveToIdx(b);
|
|
67497
67497
|
};
|
|
67498
|
-
return r ||
|
|
67498
|
+
return r || f.length === 1 ? /* @__PURE__ */ p.jsxs("div", { className: "relative overflow-hidden rounded-lg aspect-square cursor-pointer", children: [
|
|
67499
67499
|
/* @__PURE__ */ p.jsx(
|
|
67500
67500
|
"img",
|
|
67501
67501
|
{
|
|
67502
|
-
src:
|
|
67503
|
-
alt:
|
|
67504
|
-
onClick:
|
|
67502
|
+
src: f[0]?.thumbnail || d,
|
|
67503
|
+
alt: f[0]?.alt || o,
|
|
67504
|
+
onClick: g,
|
|
67505
67505
|
className: "w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-[1.04]"
|
|
67506
67506
|
}
|
|
67507
67507
|
),
|
|
67508
67508
|
/* @__PURE__ */ p.jsx(zI, { product: e })
|
|
67509
67509
|
] }) : /* @__PURE__ */ p.jsxs("div", { className: "relative overflow-hidden rounded-lg cursor-pointer", children: [
|
|
67510
|
-
/* @__PURE__ */ p.jsx("div", { ref:
|
|
67510
|
+
/* @__PURE__ */ p.jsx("div", { ref: h, className: "keen-slider content-start flex overflow-hidden relative touch-pan-y select-none w-full h-full", onClick: g, children: f.map((b, x) => /* @__PURE__ */ p.jsx("div", { className: "keen-slider__slide w-full h-full aspect-square flex items-center justify-center", children: /* @__PURE__ */ p.jsx(
|
|
67511
67511
|
"img",
|
|
67512
67512
|
{
|
|
67513
|
-
src:
|
|
67514
|
-
alt:
|
|
67513
|
+
src: b.thumbnail,
|
|
67514
|
+
alt: b.alt || `${o}-${x}`,
|
|
67515
67515
|
className: "w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-[1.04]"
|
|
67516
67516
|
}
|
|
67517
|
-
) },
|
|
67517
|
+
) }, x)) }),
|
|
67518
67518
|
/* @__PURE__ */ p.jsx(zI, { product: e }),
|
|
67519
|
-
/* @__PURE__ */ p.jsx(VI, { direction: "left", isVisible: t, onArrowClick:
|
|
67520
|
-
/* @__PURE__ */ p.jsx(VI, { direction: "right", isVisible: t, onArrowClick:
|
|
67519
|
+
/* @__PURE__ */ p.jsx(VI, { direction: "left", isVisible: t, onArrowClick: v(() => m.current?.prev()) }),
|
|
67520
|
+
/* @__PURE__ */ p.jsx(VI, { direction: "right", isVisible: t, onArrowClick: v(() => m.current?.next()) }),
|
|
67521
67521
|
/* @__PURE__ */ p.jsx(
|
|
67522
67522
|
Sze,
|
|
67523
67523
|
{
|
|
67524
|
-
imagesLength:
|
|
67524
|
+
imagesLength: f.length,
|
|
67525
67525
|
isVisible: t,
|
|
67526
|
-
onDotClick:
|
|
67526
|
+
onDotClick: y,
|
|
67527
67527
|
currentIndex: l
|
|
67528
67528
|
}
|
|
67529
67529
|
)
|