@leaflink/stash 52.0.2 → 53.0.0

package/dist/Carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, inject as b, reactive as j, ref as d, h as _, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as ae, cloneVNode as Te, Fragment as B, useAttrs as je, useCssModule as Be, createElementBlock as E, openBlock as k, createVNode as De, createCommentVNode as ke, mergeProps as Re, unref as N, withCtx as G, renderList as le, createBlock as W, renderSlot as Pe, createElementVNode as Ve, normalizeClass as ie } from "vue";
+import { defineComponent as F, inject as S, reactive as j, ref as d, h as w, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as ae, cloneVNode as _e, Fragment as B, useAttrs as je, useCssModule as Be, createElementBlock as E, openBlock as k, createVNode as De, createCommentVNode as ke, mergeProps as Re, unref as N, withCtx as G, renderList as le, createBlock as W, renderSlot as Pe, createElementVNode as Ve, normalizeClass as ie } from "vue";
 import { t as V } from "./locale.js";
 import Ue from "./Thumbnail.js";
 import $e from "./ThumbnailGroup.js";
@@ -220,8 +220,8 @@ function Fe(e = "", n = {}) {
 var qe = F({
   name: "ARIA",
   setup() {
-    const e = b("config", j(Object.assign({}, p))), n = b("currentSlide", d(0)), t = b("slidesCount", d(0));
-    return () => _("div", {
+    const e = S("config", j(Object.assign({}, p))), n = S("currentSlide", d(0)), t = S("slidesCount", d(0));
+    return () => w("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
       "aria-atomic": "true"
@@ -236,21 +236,21 @@ var qe = F({
   setup(e, { slots: n, emit: t, expose: a }) {
     var r;
     const i = d(null), v = d([]), m = d(0), s = d(0), l = j(Object.assign({}, p));
-    let g = Object.assign({}, p), S;
-    const c = d((r = e.modelValue) !== null && r !== void 0 ? r : 0), A = d(0), u = d(0), y = d(0), w = d(0);
-    let T, q;
-    M("config", l), M("slidesCount", s), M("currentSlide", c), M("maxSlide", y), M("minSlide", w), M("slideWidth", m);
+    let g = Object.assign({}, p), y;
+    const c = d((r = e.modelValue) !== null && r !== void 0 ? r : 0), A = d(0), u = d(0), x = d(0), b = d(0);
+    let _, q;
+    M("config", l), M("slidesCount", s), M("currentSlide", c), M("maxSlide", x), M("minSlide", b), M("slideWidth", m);
     function J() {
-      S = Object.assign({}, e.breakpoints), g = Object.assign(Object.assign(Object.assign({}, g), e), { i18n: Object.assign(Object.assign({}, g.i18n), e.i18n), breakpoints: void 0 }), de(g);
+      y = Object.assign({}, e.breakpoints), g = Object.assign(Object.assign(Object.assign({}, g), e), { i18n: Object.assign(Object.assign({}, g.i18n), e.i18n), breakpoints: void 0 }), de(g);
     }
     function U() {
-      if (!S || !Object.keys(S).length)
+      if (!y || !Object.keys(y).length)
         return;
-      const o = Object.keys(S).map((f) => Number(f)).sort((f, C) => +C - +f);
+      const o = Object.keys(y).map((f) => Number(f)).sort((f, C) => +C - +f);
       let h = Object.assign({}, g);
       o.some((f) => {
         const C = window.matchMedia(`(min-width: ${f}px)`).matches;
-        return C && (h = Object.assign(Object.assign({}, h), S[f])), C;
+        return C && (h = Object.assign(Object.assign({}, h), y[f])), C;
       }), de(h);
     }
     function de(o) {
@@ -266,57 +266,57 @@ var qe = F({
       m.value = o.width / l.itemsToShow;
     }
     function $() {
-      s.value <= 0 || (u.value = Math.ceil((s.value - 1) / 2), y.value = Xe({ config: l, slidesCount: s.value }), w.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (c.value = re({
+      s.value <= 0 || (u.value = Math.ceil((s.value - 1) / 2), x.value = Xe({ config: l, slidesCount: s.value }), b.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (c.value = re({
         val: c.value,
-        max: y.value,
-        min: w.value
+        max: x.value,
+        min: b.value
       })));
     }
     Ie(() => {
       Le(() => R()), setTimeout(() => R(), 1e3), U(), ge(), window.addEventListener("resize", ve, { passive: !0 }), t("init");
     }), Ee(() => {
-      q && clearTimeout(q), T && clearInterval(T), window.removeEventListener("resize", ve, {
+      q && clearTimeout(q), _ && clearInterval(_), window.removeEventListener("resize", ve, {
         passive: !0
       });
     });
-    let x = !1;
+    let T = !1;
     const z = { x: 0, y: 0 }, X = { x: 0, y: 0 }, O = j({ x: 0, y: 0 }), H = d(!1), K = d(!1), Me = () => {
       H.value = !0;
     }, Ne = () => {
       H.value = !1;
     };
     function fe(o) {
-      ["INPUT", "TEXTAREA", "SELECT"].includes(o.target.tagName) || (x = o.type === "touchstart", x || o.preventDefault(), !(!x && o.button !== 0 || I.value) && (z.x = x ? o.touches[0].clientX : o.clientX, z.y = x ? o.touches[0].clientY : o.clientY, document.addEventListener(x ? "touchmove" : "mousemove", pe, !0), document.addEventListener(x ? "touchend" : "mouseup", me, !0)));
+      ["INPUT", "TEXTAREA", "SELECT"].includes(o.target.tagName) || (T = o.type === "touchstart", T || o.preventDefault(), !(!T && o.button !== 0 || I.value) && (z.x = T ? o.touches[0].clientX : o.clientX, z.y = T ? o.touches[0].clientY : o.clientY, document.addEventListener(T ? "touchmove" : "mousemove", pe, !0), document.addEventListener(T ? "touchend" : "mouseup", me, !0)));
     }
     const pe = Ge((o) => {
-      K.value = !0, X.x = x ? o.touches[0].clientX : o.clientX, X.y = x ? o.touches[0].clientY : o.clientY;
+      K.value = !0, X.x = T ? o.touches[0].clientX : o.clientX, X.y = T ? o.touches[0].clientY : o.clientY;
       const h = X.x - z.x, f = X.y - z.y;
       O.y = f, O.x = h;
     }, l.throttle);
     function me() {
       const o = l.dir === "rtl" ? -1 : 1, h = Math.sign(O.x) * 0.4, f = Math.round(O.x / m.value + h) * o;
-      if (f && !x) {
-        const C = (xe) => {
+      if (f && !T) {
+        const C = (Te) => {
           window.removeEventListener("click", C, !0);
         };
         window.addEventListener("click", C, !0);
       }
-      L(c.value - f), O.x = 0, O.y = 0, K.value = !1, document.removeEventListener(x ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(x ? "touchend" : "mouseup", me, !0);
+      L(c.value - f), O.x = 0, O.y = 0, K.value = !1, document.removeEventListener(T ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(T ? "touchend" : "mouseup", me, !0);
     }
     function ge() {
-      !l.autoplay || l.autoplay <= 0 || (T = setInterval(() => {
+      !l.autoplay || l.autoplay <= 0 || (_ = setInterval(() => {
         l.pauseAutoplayOnHover && H.value || Y();
       }, l.autoplay));
     }
     function he() {
-      T && (clearInterval(T), T = null), ge();
+      _ && (clearInterval(_), _ = null), ge();
     }
     const I = d(!1);
     function L(o) {
       const h = l.wrapAround ? o : re({
         val: o,
-        max: y.value,
-        min: w.value
+        max: x.value,
+        min: b.value
       });
       c.value === h || I.value || (t("slide-start", {
         slidingToIndex: o,
@@ -327,7 +327,7 @@ var qe = F({
         if (l.wrapAround) {
           const f = se({
             val: h,
-            max: y.value,
+            max: x.value,
             min: 0
           });
           f !== c.value && (c.value = f, t("loop", {
@@ -348,16 +348,16 @@ var qe = F({
     function Q() {
       L(c.value - l.itemsToScroll);
     }
-    const we = { slideTo: L, next: Y, prev: Q };
-    M("nav", we), M("isSliding", I);
-    const be = D(() => Ye({
+    const be = { slideTo: L, next: Y, prev: Q };
+    M("nav", be), M("isSliding", I);
+    const Se = D(() => Ye({
       config: l,
       currentSlide: c.value,
       slidesCount: s.value
     }));
-    M("slidesToScroll", be);
+    M("slidesToScroll", Se);
     const Oe = D(() => {
-      const o = l.dir === "rtl" ? -1 : 1, h = be.value * m.value * o;
+      const o = l.dir === "rtl" ? -1 : 1, h = Se.value * m.value * o;
       return {
         transform: `translateX(${O.x - h}px)`,
         transition: `${I.value ? l.transition : 0}ms`,
@@ -365,15 +365,15 @@ var qe = F({
         width: "100%"
       };
     });
-    function _e() {
+    function we() {
       J(), U(), $(), R(), he();
     }
     Object.keys(Ae).forEach((o) => {
-      ["modelValue"].includes(o) || ae(() => e[o], _e);
+      ["modelValue"].includes(o) || ae(() => e[o], we);
     }), ae(() => e.modelValue, (o) => {
       o !== c.value && L(Number(o));
     }), ae(s, $), t("before-init"), J();
-    const Se = {
+    const ye = {
       config: l,
       slidesCount: s,
       slideWidth: m,
@@ -381,8 +381,8 @@ var qe = F({
       prev: Q,
       slideTo: L,
       currentSlide: c,
-      maxSlide: y,
-      minSlide: w,
+      maxSlide: x,
+      minSlide: b,
       middleSlide: u
     };
     a({
@@ -390,24 +390,24 @@ var qe = F({
       updateSlidesData: $,
       updateSlideWidth: R,
       initDefaultConfigs: J,
-      restartCarousel: _e,
+      restartCarousel: we,
       slideTo: L,
       next: Y,
       prev: Q,
-      nav: we,
-      data: Se
+      nav: be,
+      data: ye
     });
-    const Z = n.default || n.slides, ee = n.addons, ye = j(Se);
+    const Z = n.default || n.slides, ee = n.addons, xe = j(ye);
     return () => {
-      const o = Ce(Z == null ? void 0 : Z(ye)), h = (ee == null ? void 0 : ee(ye)) || [];
+      const o = Ce(Z == null ? void 0 : Z(xe)), h = (ee == null ? void 0 : ee(xe)) || [];
       o.forEach((te, ne) => te.props.index = ne);
       let f = o;
       if (l.wrapAround) {
-        const te = o.map((oe, P) => Te(oe, {
+        const te = o.map((oe, P) => _e(oe, {
           index: -o.length + P,
           isClone: !0,
           key: `clone-before-${P}`
-        })), ne = o.map((oe, P) => Te(oe, {
+        })), ne = o.map((oe, P) => _e(oe, {
           index: o.length + P,
           isClone: !0,
           key: `clone-after-${P}`
@@ -415,13 +415,13 @@ var qe = F({
         f = [...te, ...o, ...ne];
       }
       v.value = o, s.value = Math.max(o.length, 1);
-      const C = _("ol", {
+      const C = w("ol", {
         class: "carousel__track",
         style: Oe.value,
         onMousedownCapture: l.mouseDrag ? fe : null,
         onTouchstartPassiveCapture: l.touchDrag ? fe : null
-      }, f), xe = _("div", { class: "carousel__viewport" }, C);
-      return _("section", {
+      }, f), Te = w("div", { class: "carousel__viewport" }, C);
+      return w("section", {
         ref: i,
         class: {
           carousel: !0,
@@ -435,7 +435,7 @@ var qe = F({
         tabindex: "0",
         onMouseenter: Me,
         onMouseleave: Ne
-      }, [xe, h, _(qe)]);
+      }, [Te, h, w(qe)]);
     };
   }
 }), ue;
@@ -452,11 +452,11 @@ function Qe(e) {
   return e in ue;
 }
 const ce = (e) => {
-  const n = b("config", j(Object.assign({}, p))), t = String(e.name), a = `icon${t.charAt(0).toUpperCase() + t.slice(1)}`;
+  const n = S("config", j(Object.assign({}, p))), t = String(e.name), a = `icon${t.charAt(0).toUpperCase() + t.slice(1)}`;
   if (!t || typeof t != "string" || !Qe(t))
     return;
-  const r = Ke[t], i = _("path", { d: r }), v = n.i18n[a] || e.title || t, m = _("title", v);
-  return _("svg", {
+  const r = Ke[t], i = w("path", { d: r }), v = n.i18n[a] || e.title || t, m = w("title", v);
+  return w("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
@@ -465,26 +465,26 @@ const ce = (e) => {
 };
 ce.props = { name: String, title: String };
 const Ze = (e, { slots: n, attrs: t }) => {
-  const { next: a, prev: r } = n || {}, i = b("config", j(Object.assign({}, p))), v = b("maxSlide", d(1)), m = b("minSlide", d(1)), s = b("currentSlide", d(1)), l = b("nav", {}), { dir: g, wrapAround: S, i18n: c } = i, A = g === "rtl", u = _("button", {
+  const { next: a, prev: r } = n || {}, i = S("config", j(Object.assign({}, p))), v = S("maxSlide", d(1)), m = S("minSlide", d(1)), s = S("currentSlide", d(1)), l = S("nav", {}), { dir: g, wrapAround: y, i18n: c } = i, A = g === "rtl", u = w("button", {
     type: "button",
     class: [
       "carousel__prev",
-      !S && s.value <= m.value && "carousel__prev--disabled",
+      !y && s.value <= m.value && "carousel__prev--disabled",
       t == null ? void 0 : t.class
     ],
     "aria-label": c.ariaPreviousSlide,
     onClick: l.prev
-  }, (r == null ? void 0 : r()) || _(ce, { name: A ? "arrowRight" : "arrowLeft" })), y = _("button", {
+  }, (r == null ? void 0 : r()) || w(ce, { name: A ? "arrowRight" : "arrowLeft" })), x = w("button", {
     type: "button",
     class: [
       "carousel__next",
-      !S && s.value >= v.value && "carousel__next--disabled",
+      !y && s.value >= v.value && "carousel__next--disabled",
       t == null ? void 0 : t.class
     ],
     "aria-label": c.ariaNextSlide,
     onClick: l.next
-  }, (a == null ? void 0 : a()) || _(ce, { name: A ? "arrowLeft" : "arrowRight" }));
-  return [u, y];
+  }, (a == null ? void 0 : a()) || w(ce, { name: A ? "arrowLeft" : "arrowRight" }));
+  return [u, x];
 };
 var et = F({
   name: "CarouselSlide",
@@ -499,13 +499,13 @@ var et = F({
     }
   },
   setup(e, { slots: n }) {
-    const t = b("config", j(Object.assign({}, p))), a = b("currentSlide", d(0)), r = b("slidesToScroll", d(0)), i = b("isSliding", d(!1)), v = D(() => e.index === a.value), m = D(() => e.index === a.value - 1), s = D(() => e.index === a.value + 1), l = D(() => {
-      const g = Math.floor(r.value), S = Math.ceil(r.value + t.itemsToShow - 1);
-      return e.index >= g && e.index <= S;
+    const t = S("config", j(Object.assign({}, p))), a = S("currentSlide", d(0)), r = S("slidesToScroll", d(0)), i = S("isSliding", d(!1)), v = D(() => e.index === a.value), m = D(() => e.index === a.value - 1), s = D(() => e.index === a.value + 1), l = D(() => {
+      const g = Math.floor(r.value), y = Math.ceil(r.value + t.itemsToShow - 1);
+      return e.index >= g && e.index <= y;
     });
     return () => {
       var g;
-      return _("li", {
+      return w("li", {
         style: { width: `${100 / t.itemsToShow}%` },
         class: {
           carousel__slide: !0,
@@ -532,7 +532,7 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "Carousel",
   props: {
-    slides: { default: () => [] },
+    slides: {},
     autoplayInterval: { default: 0 },
     hideNavigation: { type: Boolean, default: !1 },
     hidePagination: { type: Boolean, default: !1 },
@@ -549,12 +549,12 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
   setup(e, { expose: n, emit: t }) {
     const a = e, r = je(), i = Be(), v = d(), m = t, s = d(0);
     function l(...u) {
-      const [y] = u;
-      y !== void 0 && g(y);
+      const [x] = u;
+      x !== void 0 && g(x);
     }
     const g = (u) => {
       s.value = u;
-    }, S = () => {
+    }, y = () => {
       A();
     }, c = () => {
       m("click", a.slides[s.value]);
@@ -576,14 +576,14 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         return (u = v.value) == null ? void 0 : u.prev();
       },
       slideTo: g
-    }), (u, y) => (k(), E(B, null, [
+    }), (u, x) => (k(), E(B, null, [
       De(Je, Re({
         ref_key: "carouselRef",
         ref: v,
         "model-value": s.value,
         "aria-live": "polite",
         "aria-roledescription": "carousel",
-        class: ["stash-carousel tw-mb-6", N(i).root],
+        class: ["stash-carousel mb-6", N(i).root],
         "data-test": "stash-carousel",
         autoplay: u.autoplayInterval,
         i18n: {
@@ -597,7 +597,7 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         "pause-autoplay-on-hover": u.pauseAutoplayOnHover,
         "wrap-around": a.loop
       }, N(r), {
-        onInit: S,
+        onInit: y,
         onSlideEnd: A,
         "onUpdate:modelValue": l
       }), {
@@ -605,22 +605,22 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
           a.slides.length > 1 && !a.hideNavigation ? (k(), W(Ze, { key: 0 })) : ke("", !0)
         ]),
         default: G(() => [
-          (k(!0), E(B, null, le(a.slides, (w, T) => (k(), W(et, {
-            key: w.id,
+          (k(!0), E(B, null, le(a.slides, (b, _) => (k(), W(et, {
+            key: b.id,
             "data-test": "stash-carousel|slide",
-            class: "tw-cursor-pointer",
+            class: "cursor-pointer",
             onClick: c
           }, {
             default: G(() => [
               Pe(u.$slots, "slide", {
-                slide: w,
-                index: T
+                slide: b,
+                index: _
               }, () => [
                 Ve("img", {
-                  class: ie(["tw-size-full", [{ "tw-rounded": a.roundBorders }]]),
-                  src: w.imageUrl,
+                  class: ie(["size-full", [{ rounded: a.roundBorders }]]),
+                  src: b.imageUrl,
                   title: N(V)("ll.carousel.imageLabel", {
-                    index: T + 1,
+                    index: _ + 1,
                     total: u.slides.length
                   })
                 }, null, 10, tt)
@@ -640,38 +640,33 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
           "onUpdate:activeThumbnail": g
         }, {
           default: G(() => [
-            (k(!0), E(B, null, le(u.slides, (w) => (k(), W(Ue, {
-              key: w.id,
-              thumbnail: w,
+            (k(!0), E(B, null, le(u.slides, (b) => (k(), W(Ue, {
+              key: b.id,
+              thumbnail: b,
               variant: "translucent"
             }, null, 8, ["thumbnail"]))), 128))
           ]),
           _: 1
         }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (k(), E("ul", {
           key: 1,
-          class: ie(["tw-text-center", [!u.staticPaginationDots && "lg:tw-hidden"]]),
+          class: ie(["text-center", [!u.staticPaginationDots && "lg:hidden"]]),
           "data-test": "stash-carousel|pagination-dots"
         }, [
-          (k(!0), E(B, null, le(u.slides, (w, T) => (k(), E("li", {
-            key: w.imageUrl,
-            class: ie(["tw-inline-block tw-rounded-full", [N(i)["pagination-dot"], [s.value === T ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
+          (k(!0), E(B, null, le(u.slides, (b, _) => (k(), E("li", {
+            key: b.imageUrl,
+            class: ie(["inline-block rounded-full", [N(i)["pagination-dot"], [s.value === _ ? "bg-blue-500" : "bg-blue-100"]]])
           }, null, 2))), 128))
         ], 2))
       ], 64))
     ], 64));
   }
-}), ot = "_root_4piw3_2", at = "_carousel__icon_4piw3_2", lt = "_carousel__next_4piw3_18", it = "_carousel__prev_4piw3_26", rt = {
+}), ot = "_root_gpzha_5", at = {
   root: ot,
-  carousel__icon: at,
-  carousel__next: lt,
-  "carousel__next--disabled": "_carousel__next--disabled_4piw3_22",
-  carousel__prev: it,
-  "carousel__prev--disabled": "_carousel__prev--disabled_4piw3_30",
-  "pagination-dot": "_pagination-dot_4piw3_34"
-}, st = {
-  $style: rt
-}, pt = /* @__PURE__ */ ze(nt, [["__cssModules", st]]);
+  "pagination-dot": "_pagination-dot_gpzha_37"
+}, lt = {
+  $style: at
+}, dt = /* @__PURE__ */ ze(nt, [["__cssModules", lt]]);
 export {
-  pt as default
+  dt as default
 };
 //# sourceMappingURL=Carousel.js.map