@leaflink/stash 50.4.0 → 50.5.0

package/dist/Carousel.js

@@ -1,6 +1,8 @@
-import { defineComponent as G, inject as b, reactive as I, ref as c, h as y, provide as C, onMounted as Ie, nextTick as Ee, onUnmounted as je, computed as R, watch as oe, cloneVNode as xe, Fragment as D, useAttrs as Be, useCssModule as De, openBlock as k, createElementBlock as N, createVNode as Re, unref as _, mergeProps as Pe, withCtx as le, createBlock as ke, createCommentVNode as Te, renderList as ae, renderSlot as Ve, createElementVNode as Ae, normalizeClass as W } from "vue";
-import { t as B } from "./locale.js";
-import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as F, inject as b, reactive as j, ref as d, h as _, provide as N, 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, openBlock as k, createElementBlock as E, createVNode as De, unref as A, mergeProps as Re, withCtx as G, createBlock as W, createCommentVNode as ke, renderList as le, 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";
+import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 /**
  * Vue 3 Carousel 0.3.4
  * (c) 2024
@@ -31,7 +33,7 @@ const p = {
     iconArrowRight: "Arrow pointing to the right",
     iconArrowLeft: "Arrow pointing to the left"
   }
-}, Ce = {
+}, Ae = {
   // count of items to showed per view
   itemsToShow: {
     default: p.itemsToShow,
@@ -114,377 +116,377 @@ const p = {
     type: Object
   }
 };
-function $e({ config: e, slidesCount: n }) {
-  const { snapAlign: t, wrapAround: l, itemsToShow: s = 1 } = e;
-  if (l)
+function ze({ config: e, slidesCount: n }) {
+  const { snapAlign: t, wrapAround: a, itemsToShow: r = 1 } = e;
+  if (a)
     return Math.max(n - 1, 0);
-  let r;
+  let i;
   switch (t) {
     case "start":
-      r = n - s;
+      i = n - r;
       break;
     case "end":
-      r = n - 1;
+      i = n - 1;
       break;
     case "center":
     case "center-odd":
-      r = n - Math.ceil((s - 0.5) / 2);
+      i = n - Math.ceil((r - 0.5) / 2);
       break;
     case "center-even":
-      r = n - Math.ceil(s / 2);
+      i = n - Math.ceil(r / 2);
       break;
     default:
-      r = 0;
+      i = 0;
       break;
   }
-  return Math.max(r, 0);
+  return Math.max(i, 0);
 }
-function Ue({ config: e, slidesCount: n }) {
-  const { wrapAround: t, snapAlign: l, itemsToShow: s = 1 } = e;
-  let r = 0;
-  if (t || s > n)
-    return r;
-  switch (l) {
+function He({ config: e, slidesCount: n }) {
+  const { wrapAround: t, snapAlign: a, itemsToShow: r = 1 } = e;
+  let i = 0;
+  if (t || r > n)
+    return i;
+  switch (a) {
     case "start":
-      r = 0;
+      i = 0;
       break;
     case "end":
-      r = s - 1;
+      i = r - 1;
       break;
     case "center":
     case "center-odd":
-      r = Math.floor((s - 1) / 2);
+      i = Math.floor((r - 1) / 2);
       break;
     case "center-even":
-      r = Math.floor((s - 2) / 2);
+      i = Math.floor((r - 2) / 2);
       break;
     default:
-      r = 0;
+      i = 0;
       break;
   }
-  return r;
+  return i;
 }
-function ie({ val: e, max: n, min: t }) {
+function re({ val: e, max: n, min: t }) {
   return n < t ? e : Math.min(Math.max(e, t), n);
 }
-function Xe({ config: e, currentSlide: n, slidesCount: t }) {
-  const { snapAlign: l, wrapAround: s, itemsToShow: r = 1 } = e;
-  let d = n;
-  switch (l) {
+function Ye({ config: e, currentSlide: n, slidesCount: t }) {
+  const { snapAlign: a, wrapAround: r, itemsToShow: i = 1 } = e;
+  let v = n;
+  switch (a) {
     case "center":
     case "center-odd":
-      d -= (r - 1) / 2;
+      v -= (i - 1) / 2;
       break;
     case "center-even":
-      d -= (r - 2) / 2;
+      v -= (i - 2) / 2;
       break;
     case "end":
-      d -= r - 1;
+      v -= i - 1;
       break;
   }
-  return s ? d : ie({
-    val: d,
-    max: t - r,
+  return r ? v : re({
+    val: v,
+    max: t - i,
     min: 0
   });
 }
-function Ne(e) {
+function Ce(e) {
   return e ? e.reduce((n, t) => {
-    var l;
-    return t.type === D ? [...n, ...Ne(t.children)] : ((l = t.type) === null || l === void 0 ? void 0 : l.name) === "CarouselSlide" ? [...n, t] : n;
+    var a;
+    return t.type === B ? [...n, ...Ce(t.children)] : ((a = t.type) === null || a === void 0 ? void 0 : a.name) === "CarouselSlide" ? [...n, t] : n;
   }, []) : [];
 }
-function re({ val: e, max: n, min: t = 0 }) {
-  return e > n ? re({ val: e - (n + 1), max: n, min: t }) : e < t ? re({ val: e + (n + 1), max: n, min: t }) : e;
+function se({ val: e, max: n, min: t = 0 }) {
+  return e > n ? se({ val: e - (n + 1), max: n, min: t }) : e < t ? se({ val: e + (n + 1), max: n, min: t }) : e;
 }
-function He(e, n) {
+function Ge(e, n) {
   let t;
-  return n ? function(...l) {
-    const s = this;
-    t || (e.apply(s, l), t = !0, setTimeout(() => t = !1, n));
+  return n ? function(...a) {
+    const r = this;
+    t || (e.apply(r, a), t = !0, setTimeout(() => t = !1, n));
   } : e;
 }
-function Ye(e, n) {
+function We(e, n) {
   let t;
-  return function(...l) {
+  return function(...a) {
     t && clearTimeout(t), t = setTimeout(() => {
-      e(...l), t = null;
+      e(...a), t = null;
     }, n);
   };
 }
-function We(e = "", n = {}) {
-  return Object.entries(n).reduce((t, [l, s]) => t.replace(`{${l}}`, String(s)), e);
+function Fe(e = "", n = {}) {
+  return Object.entries(n).reduce((t, [a, r]) => t.replace(`{${a}}`, String(r)), e);
 }
-var Ge = G({
+var qe = F({
   name: "ARIA",
   setup() {
-    const e = b("config", I(Object.assign({}, p))), n = b("currentSlide", c(0)), t = b("slidesCount", c(0));
-    return () => y("div", {
+    const e = b("config", j(Object.assign({}, p))), n = b("currentSlide", d(0)), t = b("slidesCount", d(0));
+    return () => _("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
       "aria-atomic": "true"
-    }, We(e.i18n.itemXofY, {
+    }, Fe(e.i18n.itemXofY, {
       currentSlide: n.value + 1,
       slidesCount: t.value
     }));
   }
-}), Fe = G({
+}), Je = F({
   name: "Carousel",
-  props: Ce,
-  setup(e, { slots: n, emit: t, expose: l }) {
-    var s;
-    const r = c(null), d = c([]), m = c(0), u = c(0), a = I(Object.assign({}, p));
-    let h = Object.assign({}, p), S;
-    const i = c((s = e.modelValue) !== null && s !== void 0 ? s : 0), T = c(0), w = c(0), v = c(0), E = c(0);
-    let j, F;
-    C("config", a), C("slidesCount", u), C("currentSlide", i), C("maxSlide", v), C("minSlide", E), C("slideWidth", m);
-    function q() {
-      S = Object.assign({}, e.breakpoints), h = Object.assign(Object.assign(Object.assign({}, h), e), { i18n: Object.assign(Object.assign({}, h.i18n), e.i18n), breakpoints: void 0 }), ce(h);
+  props: Ae,
+  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), C = d(0), u = d(0), y = d(0), w = d(0);
+    let T, q;
+    N("config", l), N("slidesCount", s), N("currentSlide", c), N("maxSlide", y), N("minSlide", w), N("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);
     }
-    function z() {
+    function U() {
       if (!S || !Object.keys(S).length)
         return;
-      const o = Object.keys(S).map((f) => Number(f)).sort((f, A) => +A - +f);
-      let g = Object.assign({}, h);
+      const o = Object.keys(S).map((f) => Number(f)).sort((f, M) => +M - +f);
+      let h = Object.assign({}, g);
       o.some((f) => {
-        const A = window.matchMedia(`(min-width: ${f}px)`).matches;
-        return A && (g = Object.assign(Object.assign({}, g), S[f])), A;
-      }), ce(g);
+        const M = window.matchMedia(`(min-width: ${f}px)`).matches;
+        return M && (h = Object.assign(Object.assign({}, h), S[f])), M;
+      }), de(h);
     }
-    function ce(o) {
-      Object.entries(o).forEach(([g, f]) => a[g] = f);
+    function de(o) {
+      Object.entries(o).forEach(([h, f]) => l[h] = f);
     }
-    const de = Ye(() => {
-      z(), $(), P();
+    const ve = We(() => {
+      U(), $(), R();
     }, 16);
-    function P() {
-      if (!r.value)
+    function R() {
+      if (!i.value)
         return;
-      const o = r.value.getBoundingClientRect();
-      m.value = o.width / a.itemsToShow;
+      const o = i.value.getBoundingClientRect();
+      m.value = o.width / l.itemsToShow;
     }
     function $() {
-      u.value <= 0 || (w.value = Math.ceil((u.value - 1) / 2), v.value = $e({ config: a, slidesCount: u.value }), E.value = Ue({ config: a, slidesCount: u.value }), a.wrapAround || (i.value = ie({
-        val: i.value,
-        max: v.value,
-        min: E.value
+      s.value <= 0 || (u.value = Math.ceil((s.value - 1) / 2), y.value = ze({ config: l, slidesCount: s.value }), w.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (c.value = re({
+        val: c.value,
+        max: y.value,
+        min: w.value
       })));
     }
     Ie(() => {
-      Ee(() => P()), setTimeout(() => P(), 1e3), z(), me(), window.addEventListener("resize", de, { passive: !0 }), t("init");
-    }), je(() => {
-      F && clearTimeout(F), j && clearInterval(j), window.removeEventListener("resize", de, {
+      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, {
         passive: !0
       });
     });
     let x = !1;
-    const U = { x: 0, y: 0 }, X = { x: 0, y: 0 }, M = I({ x: 0, y: 0 }), H = c(!1), J = c(!1), Me = () => {
+    const X = { x: 0, y: 0 }, z = { x: 0, y: 0 }, O = j({ x: 0, y: 0 }), H = d(!1), K = d(!1), Me = () => {
       H.value = !0;
-    }, Oe = () => {
+    }, Ne = () => {
       H.value = !1;
     };
-    function ve(o) {
-      ["INPUT", "TEXTAREA", "SELECT"].includes(o.target.tagName) || (x = o.type === "touchstart", x || o.preventDefault(), !(!x && o.button !== 0 || O.value) && (U.x = x ? o.touches[0].clientX : o.clientX, U.y = x ? o.touches[0].clientY : o.clientY, document.addEventListener(x ? "touchmove" : "mousemove", fe, !0), document.addEventListener(x ? "touchend" : "mouseup", pe, !0)));
+    function fe(o) {
+      ["INPUT", "TEXTAREA", "SELECT"].includes(o.target.tagName) || (x = o.type === "touchstart", x || o.preventDefault(), !(!x && o.button !== 0 || I.value) && (X.x = x ? o.touches[0].clientX : o.clientX, X.y = x ? o.touches[0].clientY : o.clientY, document.addEventListener(x ? "touchmove" : "mousemove", pe, !0), document.addEventListener(x ? "touchend" : "mouseup", me, !0)));
     }
-    const fe = He((o) => {
-      J.value = !0, X.x = x ? o.touches[0].clientX : o.clientX, X.y = x ? o.touches[0].clientY : o.clientY;
-      const g = X.x - U.x, f = X.y - U.y;
-      M.y = f, M.x = g;
-    }, a.throttle);
-    function pe() {
-      const o = a.dir === "rtl" ? -1 : 1, g = Math.sign(M.x) * 0.4, f = Math.round(M.x / m.value + g) * o;
+    const pe = Ge((o) => {
+      K.value = !0, z.x = x ? o.touches[0].clientX : o.clientX, z.y = x ? o.touches[0].clientY : o.clientY;
+      const h = z.x - X.x, f = z.y - X.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 A = (ye) => {
-          window.removeEventListener("click", A, !0);
+        const M = (xe) => {
+          window.removeEventListener("click", M, !0);
         };
-        window.addEventListener("click", A, !0);
+        window.addEventListener("click", M, !0);
       }
-      L(i.value - f), M.x = 0, M.y = 0, J.value = !1, document.removeEventListener(x ? "touchmove" : "mousemove", fe, !0), document.removeEventListener(x ? "touchend" : "mouseup", pe, !0);
-    }
-    function me() {
-      !a.autoplay || a.autoplay <= 0 || (j = setInterval(() => {
-        a.pauseAutoplayOnHover && H.value || Y();
-      }, a.autoplay));
+      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);
     }
     function ge() {
-      j && (clearInterval(j), j = null), me();
+      !l.autoplay || l.autoplay <= 0 || (T = setInterval(() => {
+        l.pauseAutoplayOnHover && H.value || Y();
+      }, l.autoplay));
+    }
+    function he() {
+      T && (clearInterval(T), T = null), ge();
     }
-    const O = c(!1);
+    const I = d(!1);
     function L(o) {
-      const g = a.wrapAround ? o : ie({
+      const h = l.wrapAround ? o : re({
         val: o,
-        max: v.value,
-        min: E.value
+        max: y.value,
+        min: w.value
       });
-      i.value === g || O.value || (t("slide-start", {
+      c.value === h || I.value || (t("slide-start", {
         slidingToIndex: o,
-        currentSlideIndex: i.value,
-        prevSlideIndex: T.value,
-        slidesCount: u.value
-      }), O.value = !0, T.value = i.value, i.value = g, F = setTimeout(() => {
-        if (a.wrapAround) {
-          const f = re({
-            val: g,
-            max: v.value,
+        currentSlideIndex: c.value,
+        prevSlideIndex: C.value,
+        slidesCount: s.value
+      }), I.value = !0, C.value = c.value, c.value = h, q = setTimeout(() => {
+        if (l.wrapAround) {
+          const f = se({
+            val: h,
+            max: y.value,
             min: 0
           });
-          f !== i.value && (i.value = f, t("loop", {
-            currentSlideIndex: i.value,
+          f !== c.value && (c.value = f, t("loop", {
+            currentSlideIndex: c.value,
             slidingToIndex: o
           }));
         }
-        t("update:modelValue", i.value), t("slide-end", {
-          currentSlideIndex: i.value,
-          prevSlideIndex: T.value,
-          slidesCount: u.value
-        }), O.value = !1, ge();
-      }, a.transition));
+        t("update:modelValue", c.value), t("slide-end", {
+          currentSlideIndex: c.value,
+          prevSlideIndex: C.value,
+          slidesCount: s.value
+        }), I.value = !1, he();
+      }, l.transition));
     }
     function Y() {
-      L(i.value + a.itemsToScroll);
+      L(c.value + l.itemsToScroll);
     }
-    function K() {
-      L(i.value - a.itemsToScroll);
+    function Q() {
+      L(c.value - l.itemsToScroll);
     }
-    const he = { slideTo: L, next: Y, prev: K };
-    C("nav", he), C("isSliding", O);
-    const we = R(() => Xe({
-      config: a,
-      currentSlide: i.value,
-      slidesCount: u.value
+    const we = { slideTo: L, next: Y, prev: Q };
+    N("nav", we), N("isSliding", I);
+    const be = D(() => Ye({
+      config: l,
+      currentSlide: c.value,
+      slidesCount: s.value
     }));
-    C("slidesToScroll", we);
-    const Le = R(() => {
-      const o = a.dir === "rtl" ? -1 : 1, g = we.value * m.value * o;
+    N("slidesToScroll", be);
+    const Oe = D(() => {
+      const o = l.dir === "rtl" ? -1 : 1, h = be.value * m.value * o;
       return {
-        transform: `translateX(${M.x - g}px)`,
-        transition: `${O.value ? a.transition : 0}ms`,
-        margin: a.wrapAround ? `0 -${u.value * m.value}px` : "",
+        transform: `translateX(${O.x - h}px)`,
+        transition: `${I.value ? l.transition : 0}ms`,
+        margin: l.wrapAround ? `0 -${s.value * m.value}px` : "",
         width: "100%"
       };
     });
     function _e() {
-      q(), z(), $(), P(), ge();
+      J(), U(), $(), R(), he();
     }
-    Object.keys(Ce).forEach((o) => {
-      ["modelValue"].includes(o) || oe(() => e[o], _e);
-    }), oe(() => e.modelValue, (o) => {
-      o !== i.value && L(Number(o));
-    }), oe(u, $), t("before-init"), q();
+    Object.keys(Ae).forEach((o) => {
+      ["modelValue"].includes(o) || ae(() => e[o], _e);
+    }), ae(() => e.modelValue, (o) => {
+      o !== c.value && L(Number(o));
+    }), ae(s, $), t("before-init"), J();
     const Se = {
-      config: a,
-      slidesCount: u,
+      config: l,
+      slidesCount: s,
       slideWidth: m,
       next: Y,
-      prev: K,
+      prev: Q,
       slideTo: L,
-      currentSlide: i,
-      maxSlide: v,
-      minSlide: E,
-      middleSlide: w
+      currentSlide: c,
+      maxSlide: y,
+      minSlide: w,
+      middleSlide: u
     };
-    l({
-      updateBreakpointsConfigs: z,
+    a({
+      updateBreakpointsConfigs: U,
       updateSlidesData: $,
-      updateSlideWidth: P,
-      initDefaultConfigs: q,
+      updateSlideWidth: R,
+      initDefaultConfigs: J,
       restartCarousel: _e,
       slideTo: L,
       next: Y,
-      prev: K,
-      nav: he,
+      prev: Q,
+      nav: we,
       data: Se
     });
-    const Q = n.default || n.slides, Z = n.addons, be = I(Se);
+    const Z = n.default || n.slides, ee = n.addons, ye = j(Se);
     return () => {
-      const o = Ne(Q == null ? void 0 : Q(be)), g = (Z == null ? void 0 : Z(be)) || [];
-      o.forEach((ee, te) => ee.props.index = te);
+      const o = Ce(Z == null ? void 0 : Z(ye)), h = (ee == null ? void 0 : ee(ye)) || [];
+      o.forEach((te, ne) => te.props.index = ne);
       let f = o;
-      if (a.wrapAround) {
-        const ee = o.map((ne, V) => xe(ne, {
-          index: -o.length + V,
+      if (l.wrapAround) {
+        const te = o.map((oe, P) => Te(oe, {
+          index: -o.length + P,
           isClone: !0,
-          key: `clone-before-${V}`
-        })), te = o.map((ne, V) => xe(ne, {
-          index: o.length + V,
+          key: `clone-before-${P}`
+        })), ne = o.map((oe, P) => Te(oe, {
+          index: o.length + P,
           isClone: !0,
-          key: `clone-after-${V}`
+          key: `clone-after-${P}`
         }));
-        f = [...ee, ...o, ...te];
+        f = [...te, ...o, ...ne];
       }
-      d.value = o, u.value = Math.max(o.length, 1);
-      const A = y("ol", {
+      v.value = o, s.value = Math.max(o.length, 1);
+      const M = _("ol", {
         class: "carousel__track",
-        style: Le.value,
-        onMousedownCapture: a.mouseDrag ? ve : null,
-        onTouchstartPassiveCapture: a.touchDrag ? ve : null
-      }, f), ye = y("div", { class: "carousel__viewport" }, A);
-      return y("section", {
-        ref: r,
+        style: Oe.value,
+        onMousedownCapture: l.mouseDrag ? fe : null,
+        onTouchstartPassiveCapture: l.touchDrag ? fe : null
+      }, f), xe = _("div", { class: "carousel__viewport" }, M);
+      return _("section", {
+        ref: i,
         class: {
           carousel: !0,
-          "is-sliding": O.value,
-          "is-dragging": J.value,
+          "is-sliding": I.value,
+          "is-dragging": K.value,
           "is-hover": H.value,
-          "carousel--rtl": a.dir === "rtl"
+          "carousel--rtl": l.dir === "rtl"
         },
-        dir: a.dir,
-        "aria-label": a.i18n.ariaGallery,
+        dir: l.dir,
+        "aria-label": l.i18n.ariaGallery,
         tabindex: "0",
         onMouseenter: Me,
-        onMouseleave: Oe
-      }, [ye, g, y(Ge)]);
+        onMouseleave: Ne
+      }, [xe, h, _(qe)]);
     };
   }
-}), se;
+}), ue;
 (function(e) {
   e.arrowUp = "arrowUp", e.arrowDown = "arrowDown", e.arrowRight = "arrowRight", e.arrowLeft = "arrowLeft";
-})(se || (se = {}));
-const qe = {
+})(ue || (ue = {}));
+const Ke = {
   arrowUp: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z",
   arrowDown: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
   arrowRight: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",
   arrowLeft: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
 };
-function Je(e) {
-  return e in se;
+function Qe(e) {
+  return e in ue;
 }
-const ue = (e) => {
-  const n = b("config", I(Object.assign({}, p))), t = String(e.name), l = `icon${t.charAt(0).toUpperCase() + t.slice(1)}`;
-  if (!t || typeof t != "string" || !Je(t))
+const ce = (e) => {
+  const n = b("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 s = qe[t], r = y("path", { d: s }), d = n.i18n[l] || e.title || t, m = y("title", d);
-  return y("svg", {
+  const r = Ke[t], i = _("path", { d: r }), v = n.i18n[a] || e.title || t, m = _("title", v);
+  return _("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
-    "aria-label": d
-  }, [m, r]);
+    "aria-label": v
+  }, [m, i]);
 };
-ue.props = { name: String, title: String };
-const Ke = (e, { slots: n, attrs: t }) => {
-  const { next: l, prev: s } = n || {}, r = b("config", I(Object.assign({}, p))), d = b("maxSlide", c(1)), m = b("minSlide", c(1)), u = b("currentSlide", c(1)), a = b("nav", {}), { dir: h, wrapAround: S, i18n: i } = r, T = h === "rtl", w = y("button", {
+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, C = g === "rtl", u = _("button", {
     type: "button",
     class: [
       "carousel__prev",
-      !S && u.value <= m.value && "carousel__prev--disabled",
+      !S && s.value <= m.value && "carousel__prev--disabled",
       t == null ? void 0 : t.class
     ],
-    "aria-label": i.ariaPreviousSlide,
-    onClick: a.prev
-  }, (s == null ? void 0 : s()) || y(ue, { name: T ? "arrowRight" : "arrowLeft" })), v = y("button", {
+    "aria-label": c.ariaPreviousSlide,
+    onClick: l.prev
+  }, (r == null ? void 0 : r()) || _(ce, { name: C ? "arrowRight" : "arrowLeft" })), y = _("button", {
     type: "button",
     class: [
       "carousel__next",
-      !S && u.value >= d.value && "carousel__next--disabled",
+      !S && s.value >= v.value && "carousel__next--disabled",
       t == null ? void 0 : t.class
     ],
-    "aria-label": i.ariaNextSlide,
-    onClick: a.next
-  }, (l == null ? void 0 : l()) || y(ue, { name: T ? "arrowLeft" : "arrowRight" }));
-  return [w, v];
+    "aria-label": c.ariaNextSlide,
+    onClick: l.next
+  }, (a == null ? void 0 : a()) || _(ce, { name: C ? "arrowLeft" : "arrowRight" }));
+  return [u, y];
 };
-var Qe = G({
+var et = F({
   name: "CarouselSlide",
   props: {
     index: {
@@ -497,40 +499,36 @@ var Qe = G({
     }
   },
   setup(e, { slots: n }) {
-    const t = b("config", I(Object.assign({}, p))), l = b("currentSlide", c(0)), s = b("slidesToScroll", c(0)), r = b("isSliding", c(!1)), d = R(() => e.index === l.value), m = R(() => e.index === l.value - 1), u = R(() => e.index === l.value + 1), a = R(() => {
-      const h = Math.floor(s.value), S = Math.ceil(s.value + t.itemsToShow - 1);
-      return e.index >= h && e.index <= S;
+    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;
     });
     return () => {
-      var h;
-      return y("li", {
+      var g;
+      return _("li", {
         style: { width: `${100 / t.itemsToShow}%` },
         class: {
           carousel__slide: !0,
           "carousel__slide--clone": e.isClone,
-          "carousel__slide--visible": a.value,
-          "carousel__slide--active": d.value,
+          "carousel__slide--visible": l.value,
+          "carousel__slide--active": v.value,
           "carousel__slide--prev": m.value,
-          "carousel__slide--next": u.value,
-          "carousel__slide--sliding": r.value
+          "carousel__slide--next": s.value,
+          "carousel__slide--sliding": i.value
         },
-        "aria-hidden": !a.value
-      }, (h = n.default) === null || h === void 0 ? void 0 : h.call(n, {
-        isActive: d.value,
+        "aria-hidden": !l.value
+      }, (g = n.default) === null || g === void 0 ? void 0 : g.call(n, {
+        isActive: v.value,
         isClone: e.isClone,
         isPrev: m.value,
-        isNext: u.value,
-        isSliding: r.value,
-        isVisible: a.value
+        isNext: s.value,
+        isSliding: i.value,
+        isVisible: l.value
       }));
     };
   }
 });
-const Ze = ["src", "title"], et = {
-  key: 0,
-  class: "tw-flex tw-list-none",
-  "data-test": "stash-carousel|pagination-tiles"
-}, tt = ["aria-current", "onClick"], nt = ["data-test", "src", "title"], ot = /* @__PURE__ */ G({
+const tt = ["src", "title"], nt = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "Carousel",
   props: {
@@ -549,132 +547,131 @@ const Ze = ["src", "title"], et = {
   },
   emits: ["click", "transition", "transition:multi"],
   setup(e, { expose: n, emit: t }) {
-    const l = e, s = Be(), r = De(), d = c();
-    n({
-      next: () => {
-        var i;
-        return (i = d.value) == null ? void 0 : i.next();
-      },
-      prev: () => {
-        var i;
-        return (i = d.value) == null ? void 0 : i.prev();
-      }
-    });
-    const m = t, u = c(0), a = () => {
-      S();
-    }, h = () => {
-      m("click", l.slides[u.value]);
+    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 g = (u) => {
+      s.value = u;
     }, S = () => {
-      if (l.itemsToShow === 1) {
-        m("transition", l.slides[u.value]);
+      C();
+    }, c = () => {
+      m("click", a.slides[s.value]);
+    }, C = () => {
+      if (a.itemsToShow === 1) {
+        m("transition", a.slides[s.value]);
         return;
       }
-      const i = l.slides.slice(u.value, u.value + l.itemsToShow);
-      m("transition:multi", i);
+      const u = a.slides.slice(s.value, s.value + a.itemsToShow);
+      m("transition:multi", u);
     };
-    return (i, T) => (k(), N(D, null, [
-      Re(_(Fe), Pe({
+    return n({
+      next: () => {
+        var u;
+        return (u = v.value) == null ? void 0 : u.next();
+      },
+      prev: () => {
+        var u;
+        return (u = v.value) == null ? void 0 : u.prev();
+      },
+      slideTo: g
+    }), (u, y) => (k(), E(B, null, [
+      De(A(Je), Re({
         ref_key: "carouselRef",
-        ref: d,
-        modelValue: u.value,
-        "onUpdate:modelValue": T[0] || (T[0] = (w) => u.value = w),
+        ref: v,
+        "model-value": s.value,
         "aria-live": "polite",
         "aria-roledescription": "carousel",
-        class: ["stash-carousel tw-mb-6", _(r).root],
+        class: ["stash-carousel tw-mb-6", A(i).root],
         "data-test": "stash-carousel",
-        autoplay: i.autoplayInterval,
+        autoplay: u.autoplayInterval,
         i18n: {
-          ariaNextSlide: _(B)("ll.next"),
-          ariaPreviousSlide: _(B)("ll.previous"),
-          iconArrowLeft: _(B)("ll.previous"),
-          iconArrowRight: _(B)("ll.next")
+          ariaNextSlide: A(V)("ll.next"),
+          ariaPreviousSlide: A(V)("ll.previous"),
+          iconArrowLeft: A(V)("ll.previous"),
+          iconArrowRight: A(V)("ll.next")
         },
-        "items-to-scroll": l.itemsToScroll,
-        "items-to-show": l.itemsToShow,
-        "pause-autoplay-on-hover": i.pauseAutoplayOnHover,
-        "wrap-around": l.loop
-      }, _(s), {
-        onInit: a,
-        onSlideEnd: S
+        "items-to-scroll": a.itemsToScroll,
+        "items-to-show": a.itemsToShow,
+        "pause-autoplay-on-hover": u.pauseAutoplayOnHover,
+        "wrap-around": a.loop
+      }, A(r), {
+        onInit: S,
+        onSlideEnd: C,
+        "onUpdate:modelValue": l
       }), {
-        addons: le(() => [
-          l.slides.length > 1 && !l.hideNavigation ? (k(), ke(_(Ke), { key: 0 })) : Te("", !0)
+        addons: G(() => [
+          a.slides.length > 1 && !a.hideNavigation ? (k(), W(A(Ze), { key: 0 })) : ke("", !0)
         ]),
-        default: le(() => [
-          (k(!0), N(D, null, ae(l.slides, (w, v) => (k(), ke(_(Qe), {
+        default: G(() => [
+          (k(!0), E(B, null, le(a.slides, (w, T) => (k(), W(A(et), {
             key: w.id,
             "data-test": "stash-carousel|slide",
             class: "tw-cursor-pointer",
-            onClick: h
+            onClick: c
           }, {
-            default: le(() => [
-              Ve(i.$slots, "slide", {
+            default: G(() => [
+              Pe(u.$slots, "slide", {
                 slide: w,
-                index: v
+                index: T
               }, () => [
-                Ae("img", {
-                  class: W(["tw-h-full tw-w-full", [{ "tw-rounded": l.roundBorders }]]),
+                Ve("img", {
+                  class: ie(["tw-h-full tw-w-full", [{ "tw-rounded": a.roundBorders }]]),
                   src: w.imageUrl,
-                  title: _(B)("ll.carousel.imageLabel", {
-                    index: v + 1,
-                    total: i.slides.length
+                  title: A(V)("ll.carousel.imageLabel", {
+                    index: T + 1,
+                    total: u.slides.length
                   })
-                }, null, 10, Ze)
+                }, null, 10, tt)
               ])
             ]),
             _: 2
           }, 1024))), 128))
         ]),
         _: 3
-      }, 16, ["modelValue", "autoplay", "class", "i18n", "items-to-scroll", "items-to-show", "pause-autoplay-on-hover", "wrap-around"]),
-      l.hidePagination ? Te("", !0) : (k(), N(D, { key: 0 }, [
-        l.pagination === "tile" ? (k(), N("ul", et, [
-          (k(!0), N(D, null, ae(i.slides, (w, v) => (k(), N("li", {
-            key: w.imageUrl,
-            class: "tw-mr-3 tw-cursor-pointer",
-            "aria-current": u.value === v,
-            onClick: (E) => u.value = v
-          }, [
-            Ae("img", {
-              class: W(["tw-rounded", [
-                _(r)["pagination-tile"],
-                {
-                  [_(r)["is-current-tile"]]: u.value === v,
-                  "tw-rounded-full": l.paginationTileRadius === "full"
-                }
-              ]]),
-              "data-test": `stash-carousel|pagination-tile-${v}`,
-              src: w.imageUrl,
-              title: _(B)("ll.carousel.paginationLabel", { index: v + 1 })
-            }, null, 10, nt)
-          ], 8, tt))), 128))
-        ])) : (k(), N("ul", {
+      }, 16, ["model-value", "autoplay", "class", "i18n", "items-to-scroll", "items-to-show", "pause-autoplay-on-hover", "wrap-around"]),
+      a.hidePagination ? ke("", !0) : (k(), E(B, { key: 0 }, [
+        a.pagination === "tile" ? (k(), W($e, {
+          key: 0,
+          "active-thumbnail": s.value,
+          thumbnails: u.slides,
+          radius: a.paginationTileRadius === "full" ? "circle" : "rounded",
+          "onUpdate:activeThumbnail": g
+        }, {
+          default: G(() => [
+            (k(!0), E(B, null, le(u.slides, (w) => (k(), W(Ue, {
+              key: w.id,
+              thumbnail: w,
+              variant: "translucent"
+            }, null, 8, ["thumbnail"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (k(), E("ul", {
           key: 1,
-          class: W(["tw-text-center", [!i.staticPaginationDots && "lg:tw-hidden"]]),
+          class: ie(["tw-text-center", [!u.staticPaginationDots && "lg:tw-hidden"]]),
           "data-test": "stash-carousel|pagination-dots"
         }, [
-          (k(!0), N(D, null, ae(i.slides, (w, v) => (k(), N("li", {
+          (k(!0), E(B, null, le(u.slides, (w, T) => (k(), E("li", {
             key: w.imageUrl,
-            class: W(["tw-inline-block tw-rounded-full", [_(r)["pagination-dot"], [u.value === v ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
+            class: ie(["tw-inline-block tw-rounded-full", [A(i)["pagination-dot"], [s.value === T ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
           }, null, 2))), 128))
         ], 2))
       ], 64))
     ], 64));
   }
-}), lt = "_root_17zfe_2", at = "_carousel__icon_17zfe_2", it = "_carousel__next_17zfe_18", rt = "_carousel__prev_17zfe_26", st = {
-  root: lt,
+}), ot = "_root_4piw3_2", at = "_carousel__icon_4piw3_2", lt = "_carousel__next_4piw3_18", it = "_carousel__prev_4piw3_26", rt = {
+  root: ot,
   carousel__icon: at,
-  carousel__next: it,
-  "carousel__next--disabled": "_carousel__next--disabled_17zfe_22",
-  carousel__prev: rt,
-  "carousel__prev--disabled": "_carousel__prev--disabled_17zfe_30",
-  "pagination-dot": "_pagination-dot_17zfe_34",
-  "pagination-tile": "_pagination-tile_17zfe_40",
-  "is-current-tile": "_is-current-tile_17zfe_46"
-}, ut = {
-  $style: st
-}, ft = /* @__PURE__ */ ze(ot, [["__cssModules", ut]]);
+  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__ */ Xe(nt, [["__cssModules", st]]);
 export {
-  ft as default
+  pt as default
 };
 //# sourceMappingURL=Carousel.js.map