@leaflink/stash 53.4.0 → 53.4.2

package/dist/Carousel.js

@@ -1,4 +1,4 @@
-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 { defineComponent as F, inject as S, reactive as j, ref as c, h as w, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as oe, cloneVNode as ke, Fragment as B, useAttrs as je, useCssModule as Be, createElementBlock as E, openBlock as A, createVNode as De, createCommentVNode as Ae, 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";
@@ -8,7 +8,7 @@ import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
  * (c) 2024
  * @license MIT
  */
-const p = {
+const f = {
   itemsToShow: 1,
   itemsToScroll: 1,
   modelValue: 0,
@@ -33,52 +33,52 @@ const p = {
     iconArrowRight: "Arrow pointing to the right",
     iconArrowLeft: "Arrow pointing to the left"
   }
-}, Ae = {
+}, _e = {
   // count of items to showed per view
   itemsToShow: {
-    default: p.itemsToShow,
+    default: f.itemsToShow,
     type: Number
   },
   // count of items to be scrolled
   itemsToScroll: {
-    default: p.itemsToScroll,
+    default: f.itemsToScroll,
     type: Number
   },
   // control infinite scrolling mode
   wrapAround: {
-    default: p.wrapAround,
+    default: f.wrapAround,
     type: Boolean
   },
   // control max drag
   throttle: {
-    default: p.throttle,
+    default: f.throttle,
     type: Number
   },
   // control snap position alignment
   snapAlign: {
-    default: p.snapAlign,
+    default: f.snapAlign,
     validator(e) {
       return ["start", "end", "center", "center-even", "center-odd"].includes(e);
     }
   },
   // sliding transition time in ms
   transition: {
-    default: p.transition,
+    default: f.transition,
     type: Number
   },
   // an object to store breakpoints
   breakpoints: {
-    default: p.breakpoints,
+    default: f.breakpoints,
     type: Object
   },
   // time to auto advance slides in ms
   autoplay: {
-    default: p.autoplay,
+    default: f.autoplay,
     type: Number
   },
   // pause autoplay when mouse hover over the carousel
   pauseAutoplayOnHover: {
-    default: p.pauseAutoplayOnHover,
+    default: f.pauseAutoplayOnHover,
     type: Boolean
   },
   // slide number number of initial slide
@@ -88,24 +88,24 @@ const p = {
   },
   // toggle mouse dragging.
   mouseDrag: {
-    default: p.mouseDrag,
+    default: f.mouseDrag,
     type: Boolean
   },
   // toggle mouse dragging.
   touchDrag: {
-    default: p.touchDrag,
+    default: f.touchDrag,
     type: Boolean
   },
   // control snap position alignment
   dir: {
-    default: p.dir,
+    default: f.dir,
     validator(e) {
       return ["rtl", "ltr"].includes(e);
     }
   },
   // aria-labels and additional text labels
   i18n: {
-    default: p.i18n,
+    default: f.i18n,
     type: Object
   },
   // an object to pass all settings
@@ -117,8 +117,8 @@ const p = {
   }
 };
 function Xe({ config: e, slidesCount: n }) {
-  const { snapAlign: t, wrapAround: a, itemsToShow: r = 1 } = e;
-  if (a)
+  const { snapAlign: t, wrapAround: o, itemsToShow: r = 1 } = e;
+  if (o)
     return Math.max(n - 1, 0);
   let i;
   switch (t) {
@@ -142,11 +142,11 @@ function Xe({ config: e, slidesCount: n }) {
   return Math.max(i, 0);
 }
 function He({ config: e, slidesCount: n }) {
-  const { wrapAround: t, snapAlign: a, itemsToShow: r = 1 } = e;
+  const { wrapAround: t, snapAlign: o, itemsToShow: r = 1 } = e;
   let i = 0;
   if (t || r > n)
     return i;
-  switch (a) {
+  switch (o) {
     case "start":
       i = 0;
       break;
@@ -170,30 +170,30 @@ function re({ val: e, max: n, min: t }) {
   return n < t ? e : Math.min(Math.max(e, t), n);
 }
 function Ye({ config: e, currentSlide: n, slidesCount: t }) {
-  const { snapAlign: a, wrapAround: r, itemsToShow: i = 1 } = e;
-  let v = n;
-  switch (a) {
+  const { snapAlign: o, wrapAround: r, itemsToShow: i = 1 } = e;
+  let d = n;
+  switch (o) {
     case "center":
     case "center-odd":
-      v -= (i - 1) / 2;
+      d -= (i - 1) / 2;
       break;
     case "center-even":
-      v -= (i - 2) / 2;
+      d -= (i - 2) / 2;
       break;
     case "end":
-      v -= i - 1;
+      d -= i - 1;
       break;
   }
-  return r ? v : re({
-    val: v,
+  return r ? d : re({
+    val: d,
     max: t - i,
     min: 0
   });
 }
 function Ce(e) {
   return e ? e.reduce((n, t) => {
-    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;
+    var o;
+    return t.type === B ? [...n, ...Ce(t.children)] : ((o = t.type) === null || o === void 0 ? void 0 : o.name) === "CarouselSlide" ? [...n, t] : n;
   }, []) : [];
 }
 function se({ val: e, max: n, min: t = 0 }) {
@@ -201,26 +201,26 @@ function se({ val: e, max: n, min: t = 0 }) {
 }
 function Ge(e, n) {
   let t;
-  return n ? function(...a) {
+  return n ? function(...o) {
     const r = this;
-    t || (e.apply(r, a), t = !0, setTimeout(() => t = !1, n));
+    t || (e.apply(r, o), t = !0, setTimeout(() => t = !1, n));
   } : e;
 }
 function We(e, n) {
   let t;
-  return function(...a) {
+  return function(...o) {
     t && clearTimeout(t), t = setTimeout(() => {
-      e(...a), t = null;
+      e(...o), t = null;
     }, n);
   };
 }
 function Fe(e = "", n = {}) {
-  return Object.entries(n).reduce((t, [a, r]) => t.replace(`{${a}}`, String(r)), e);
+  return Object.entries(n).reduce((t, [o, r]) => t.replace(`{${o}}`, String(r)), e);
 }
 var qe = F({
   name: "ARIA",
   setup() {
-    const e = S("config", j(Object.assign({}, p))), n = S("currentSlide", d(0)), t = S("slidesCount", d(0));
+    const e = S("config", j(Object.assign({}, f))), n = S("currentSlide", c(0)), t = S("slidesCount", c(0));
     return () => w("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
@@ -232,29 +232,29 @@ var qe = F({
   }
 }), Je = F({
   name: "Carousel",
-  props: Ae,
-  setup(e, { slots: n, emit: t, expose: a }) {
+  props: _e,
+  setup(e, { slots: n, emit: t, expose: o }) {
     var r;
-    const i = d(null), v = d([]), m = d(0), s = d(0), l = j(Object.assign({}, p));
-    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);
+    const i = c(null), d = c([]), p = c(0), s = c(0), l = j(Object.assign({}, f));
+    let g = Object.assign({}, f), y;
+    const u = c((r = e.modelValue) !== null && r !== void 0 ? r : 0), _ = c(0), m = c(0), x = c(0), b = c(0);
+    let k, q;
+    M("config", l), M("slidesCount", s), M("currentSlide", u), M("maxSlide", x), M("minSlide", b), M("slideWidth", p);
     function J() {
       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 (!y || !Object.keys(y).length)
         return;
-      const o = Object.keys(y).map((f) => Number(f)).sort((f, C) => +C - +f);
+      const a = Object.keys(y).map((v) => Number(v)).sort((v, C) => +C - +v);
       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), y[f])), C;
+      a.some((v) => {
+        const C = window.matchMedia(`(min-width: ${v}px)`).matches;
+        return C && (h = Object.assign(Object.assign({}, h), y[v])), C;
       }), de(h);
     }
-    function de(o) {
-      Object.entries(o).forEach(([h, f]) => l[h] = f);
+    function de(a) {
+      Object.entries(a).forEach(([h, v]) => l[h] = v);
     }
     const ve = We(() => {
       U(), $(), R();
@@ -262,12 +262,12 @@ var qe = F({
     function R() {
       if (!i.value)
         return;
-      const o = i.value.getBoundingClientRect();
-      m.value = o.width / l.itemsToShow;
+      const a = i.value.getBoundingClientRect();
+      p.value = a.width / l.itemsToShow;
     }
     function $() {
-      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,
+      s.value <= 0 || (m.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 || (u.value = re({
+        val: u.value,
         max: x.value,
         min: b.value
       })));
@@ -275,117 +275,117 @@ var qe = F({
     Ie(() => {
       Le(() => R()), setTimeout(() => R(), 1e3), U(), ge(), window.addEventListener("resize", ve, { passive: !0 }), t("init");
     }), Ee(() => {
-      q && clearTimeout(q), _ && clearInterval(_), window.removeEventListener("resize", ve, {
+      q && clearTimeout(q), k && clearInterval(k), window.removeEventListener("resize", ve, {
         passive: !0
       });
     });
     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 = () => {
+    const z = { x: 0, y: 0 }, X = { x: 0, y: 0 }, O = j({ x: 0, y: 0 }), H = c(!1), K = c(!1), Me = () => {
       H.value = !0;
     }, Ne = () => {
       H.value = !1;
     };
-    function fe(o) {
-      ["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)));
+    function fe(a) {
+      ["INPUT", "TEXTAREA", "SELECT"].includes(a.target.tagName) || (T = a.type === "touchstart", T || a.preventDefault(), !(!T && a.button !== 0 || I.value) && (z.x = T ? a.touches[0].clientX : a.clientX, z.y = T ? a.touches[0].clientY : a.clientY, document.addEventListener(T ? "touchmove" : "mousemove", me, !0), document.addEventListener(T ? "touchend" : "mouseup", pe, !0)));
     }
-    const pe = Ge((o) => {
-      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;
+    const me = Ge((a) => {
+      K.value = !0, X.x = T ? a.touches[0].clientX : a.clientX, X.y = T ? a.touches[0].clientY : a.clientY;
+      const h = X.x - z.x, v = X.y - z.y;
+      O.y = v, 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 && !T) {
+    function pe() {
+      const a = l.dir === "rtl" ? -1 : 1, h = Math.sign(O.x) * 0.4, v = Math.round(O.x / p.value + h) * a;
+      if (v && !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(T ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(T ? "touchend" : "mouseup", me, !0);
+      L(u.value - v), O.x = 0, O.y = 0, K.value = !1, document.removeEventListener(T ? "touchmove" : "mousemove", me, !0), document.removeEventListener(T ? "touchend" : "mouseup", pe, !0);
     }
     function ge() {
-      !l.autoplay || l.autoplay <= 0 || (_ = setInterval(() => {
+      !l.autoplay || l.autoplay <= 0 || (k = setInterval(() => {
         l.pauseAutoplayOnHover && H.value || Y();
       }, l.autoplay));
     }
     function he() {
-      _ && (clearInterval(_), _ = null), ge();
+      k && (clearInterval(k), k = null), ge();
     }
-    const I = d(!1);
-    function L(o) {
-      const h = l.wrapAround ? o : re({
-        val: o,
+    const I = c(!1);
+    function L(a) {
+      const h = l.wrapAround ? a : re({
+        val: a,
         max: x.value,
         min: b.value
       });
-      c.value === h || I.value || (t("slide-start", {
-        slidingToIndex: o,
-        currentSlideIndex: c.value,
-        prevSlideIndex: A.value,
+      u.value === h || I.value || (t("slide-start", {
+        slidingToIndex: a,
+        currentSlideIndex: u.value,
+        prevSlideIndex: _.value,
         slidesCount: s.value
-      }), I.value = !0, A.value = c.value, c.value = h, q = setTimeout(() => {
+      }), I.value = !0, _.value = u.value, u.value = h, q = setTimeout(() => {
         if (l.wrapAround) {
-          const f = se({
+          const v = se({
             val: h,
             max: x.value,
             min: 0
           });
-          f !== c.value && (c.value = f, t("loop", {
-            currentSlideIndex: c.value,
-            slidingToIndex: o
+          v !== u.value && (u.value = v, t("loop", {
+            currentSlideIndex: u.value,
+            slidingToIndex: a
           }));
         }
-        t("update:modelValue", c.value), t("slide-end", {
-          currentSlideIndex: c.value,
-          prevSlideIndex: A.value,
+        t("update:modelValue", u.value), t("slide-end", {
+          currentSlideIndex: u.value,
+          prevSlideIndex: _.value,
           slidesCount: s.value
         }), I.value = !1, he();
       }, l.transition));
     }
     function Y() {
-      L(c.value + l.itemsToScroll);
+      L(u.value + l.itemsToScroll);
     }
     function Q() {
-      L(c.value - l.itemsToScroll);
+      L(u.value - l.itemsToScroll);
     }
     const be = { slideTo: L, next: Y, prev: Q };
     M("nav", be), M("isSliding", I);
     const Se = D(() => Ye({
       config: l,
-      currentSlide: c.value,
+      currentSlide: u.value,
       slidesCount: s.value
     }));
     M("slidesToScroll", Se);
     const Oe = D(() => {
-      const o = l.dir === "rtl" ? -1 : 1, h = Se.value * m.value * o;
+      const a = l.dir === "rtl" ? -1 : 1, h = Se.value * p.value * a;
       return {
         transform: `translateX(${O.x - h}px)`,
         transition: `${I.value ? l.transition : 0}ms`,
-        margin: l.wrapAround ? `0 -${s.value * m.value}px` : "",
+        margin: l.wrapAround ? `0 -${s.value * p.value}px` : "",
         width: "100%"
       };
     });
     function we() {
       J(), U(), $(), R(), he();
     }
-    Object.keys(Ae).forEach((o) => {
-      ["modelValue"].includes(o) || ae(() => e[o], we);
-    }), ae(() => e.modelValue, (o) => {
-      o !== c.value && L(Number(o));
-    }), ae(s, $), t("before-init"), J();
+    Object.keys(_e).forEach((a) => {
+      ["modelValue"].includes(a) || oe(() => e[a], we);
+    }), oe(() => e.modelValue, (a) => {
+      a !== u.value && L(Number(a));
+    }), oe(s, $), t("before-init"), J();
     const ye = {
       config: l,
       slidesCount: s,
-      slideWidth: m,
+      slideWidth: p,
       next: Y,
       prev: Q,
       slideTo: L,
-      currentSlide: c,
+      currentSlide: u,
       maxSlide: x,
       minSlide: b,
-      middleSlide: u
+      middleSlide: m
     };
-    a({
+    o({
       updateBreakpointsConfigs: U,
       updateSlidesData: $,
       updateSlideWidth: R,
@@ -399,28 +399,28 @@ var qe = F({
     });
     const Z = n.default || n.slides, ee = n.addons, xe = j(ye);
     return () => {
-      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;
+      const a = Ce(Z == null ? void 0 : Z(xe)), h = (ee == null ? void 0 : ee(xe)) || [];
+      a.forEach((te, ne) => te.props.index = ne);
+      let v = a;
       if (l.wrapAround) {
-        const te = o.map((oe, P) => _e(oe, {
-          index: -o.length + P,
+        const te = a.map((ae, P) => ke(ae, {
+          index: -a.length + P,
           isClone: !0,
           key: `clone-before-${P}`
-        })), ne = o.map((oe, P) => _e(oe, {
-          index: o.length + P,
+        })), ne = a.map((ae, P) => ke(ae, {
+          index: a.length + P,
           isClone: !0,
           key: `clone-after-${P}`
         }));
-        f = [...te, ...o, ...ne];
+        v = [...te, ...a, ...ne];
       }
-      v.value = o, s.value = Math.max(o.length, 1);
+      d.value = a, s.value = Math.max(a.length, 1);
       const C = w("ol", {
         class: "carousel__track",
         style: Oe.value,
         onMousedownCapture: l.mouseDrag ? fe : null,
         onTouchstartPassiveCapture: l.touchDrag ? fe : null
-      }, f), Te = w("div", { class: "carousel__viewport" }, C);
+      }, v), Te = w("div", { class: "carousel__viewport" }, C);
       return w("section", {
         ref: i,
         class: {
@@ -452,39 +452,39 @@ function Qe(e) {
   return e in ue;
 }
 const ce = (e) => {
-  const n = S("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({}, f))), t = String(e.name), o = `icon${t.charAt(0).toUpperCase() + t.slice(1)}`;
   if (!t || typeof t != "string" || !Qe(t))
     return;
-  const r = Ke[t], i = w("path", { d: r }), v = n.i18n[a] || e.title || t, m = w("title", v);
+  const r = Ke[t], i = w("path", { d: r }), d = n.i18n[o] || e.title || t, p = w("title", d);
   return w("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
-    "aria-label": v
-  }, [m, i]);
+    "aria-label": d
+  }, [p, i]);
 };
 ce.props = { name: String, title: String };
 const Ze = (e, { slots: n, attrs: t }) => {
-  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", {
+  const { next: o, prev: r } = n || {}, i = S("config", j(Object.assign({}, f))), d = S("maxSlide", c(1)), p = S("minSlide", c(1)), s = S("currentSlide", c(1)), l = S("nav", {}), { dir: g, wrapAround: y, i18n: u } = i, _ = g === "rtl", m = w("button", {
     type: "button",
     class: [
       "carousel__prev",
-      !y && s.value <= m.value && "carousel__prev--disabled",
+      !y && s.value <= p.value && "carousel__prev--disabled",
       t == null ? void 0 : t.class
     ],
-    "aria-label": c.ariaPreviousSlide,
+    "aria-label": u.ariaPreviousSlide,
     onClick: l.prev
-  }, (r == null ? void 0 : r()) || w(ce, { name: A ? "arrowRight" : "arrowLeft" })), x = w("button", {
+  }, (r == null ? void 0 : r()) || w(ce, { name: _ ? "arrowRight" : "arrowLeft" })), x = w("button", {
     type: "button",
     class: [
       "carousel__next",
-      !y && s.value >= v.value && "carousel__next--disabled",
+      !y && s.value >= d.value && "carousel__next--disabled",
       t == null ? void 0 : t.class
     ],
-    "aria-label": c.ariaNextSlide,
+    "aria-label": u.ariaNextSlide,
     onClick: l.next
-  }, (a == null ? void 0 : a()) || w(ce, { name: A ? "arrowLeft" : "arrowRight" }));
-  return [u, x];
+  }, (o == null ? void 0 : o()) || w(ce, { name: _ ? "arrowLeft" : "arrowRight" }));
+  return [m, x];
 };
 var et = F({
   name: "CarouselSlide",
@@ -499,7 +499,7 @@ var et = F({
     }
   },
   setup(e, { slots: n }) {
-    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 t = S("config", j(Object.assign({}, f))), o = S("currentSlide", c(0)), r = S("slidesToScroll", c(0)), i = S("isSliding", c(!1)), d = D(() => e.index === o.value), p = D(() => e.index === o.value - 1), s = D(() => e.index === o.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;
     });
@@ -511,16 +511,16 @@ var et = F({
           carousel__slide: !0,
           "carousel__slide--clone": e.isClone,
           "carousel__slide--visible": l.value,
-          "carousel__slide--active": v.value,
-          "carousel__slide--prev": m.value,
+          "carousel__slide--active": d.value,
+          "carousel__slide--prev": p.value,
           "carousel__slide--next": s.value,
           "carousel__slide--sliding": i.value
         },
         "aria-hidden": !l.value
       }, (g = n.default) === null || g === void 0 ? void 0 : g.call(n, {
-        isActive: v.value,
+        isActive: d.value,
         isClone: e.isClone,
-        isPrev: m.value,
+        isPrev: p.value,
         isNext: s.value,
         isSliding: i.value,
         isVisible: l.value
@@ -547,81 +547,81 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
   },
   emits: ["click", "transition", "transition:multi"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, r = je(), i = Be(), v = d(), m = t, s = d(0);
-    function l(...u) {
-      const [x] = u;
+    const o = e, r = je(), i = Be(), d = c(), p = t, s = c(0);
+    function l(...m) {
+      const [x] = m;
       x !== void 0 && g(x);
     }
-    const g = (u) => {
-      s.value = u;
+    const g = (m) => {
+      s.value = m;
     }, y = () => {
-      A();
-    }, c = () => {
-      m("click", a.slides[s.value]);
-    }, A = () => {
-      if (a.itemsToShow === 1) {
-        m("transition", a.slides[s.value]);
+      _();
+    }, u = () => {
+      p("click", o.slides[s.value]);
+    }, _ = () => {
+      if (o.itemsToShow === 1) {
+        p("transition", o.slides[s.value]);
         return;
       }
-      const u = a.slides.slice(s.value, s.value + a.itemsToShow);
-      m("transition:multi", u);
+      const m = o.slides.slice(s.value, s.value + o.itemsToShow);
+      p("transition:multi", m);
     };
     return n({
       next: () => {
-        var u;
-        return (u = v.value) == null ? void 0 : u.next();
+        var m;
+        return (m = d.value) == null ? void 0 : m.next();
       },
       prev: () => {
-        var u;
-        return (u = v.value) == null ? void 0 : u.prev();
+        var m;
+        return (m = d.value) == null ? void 0 : m.prev();
       },
       slideTo: g
-    }), (u, x) => (k(), E(B, null, [
+    }), (m, x) => (A(), E(B, null, [
       De(Je, Re({
         ref_key: "carouselRef",
-        ref: v,
+        ref: d,
         "model-value": s.value,
         "aria-live": "polite",
         "aria-roledescription": "carousel",
         class: ["stash-carousel mb-6", N(i).root],
         "data-test": "stash-carousel",
-        autoplay: u.autoplayInterval,
+        autoplay: e.autoplayInterval,
         i18n: {
           ariaNextSlide: N(V)("ll.next"),
           ariaPreviousSlide: N(V)("ll.previous"),
           iconArrowLeft: N(V)("ll.previous"),
           iconArrowRight: N(V)("ll.next")
         },
-        "items-to-scroll": a.itemsToScroll,
-        "items-to-show": a.itemsToShow,
-        "pause-autoplay-on-hover": u.pauseAutoplayOnHover,
-        "wrap-around": a.loop
+        "items-to-scroll": o.itemsToScroll,
+        "items-to-show": o.itemsToShow,
+        "pause-autoplay-on-hover": e.pauseAutoplayOnHover,
+        "wrap-around": o.loop
       }, N(r), {
         onInit: y,
-        onSlideEnd: A,
+        onSlideEnd: _,
         "onUpdate:modelValue": l
       }), {
         addons: G(() => [
-          a.slides.length > 1 && !a.hideNavigation ? (k(), W(Ze, { key: 0 })) : ke("", !0)
+          o.slides.length > 1 && !o.hideNavigation ? (A(), W(Ze, { key: 0 })) : Ae("", !0)
         ]),
         default: G(() => [
-          (k(!0), E(B, null, le(a.slides, (b, _) => (k(), W(et, {
+          (A(!0), E(B, null, le(o.slides, (b, k) => (A(), W(et, {
             key: b.id,
             "data-test": "stash-carousel|slide",
             class: "cursor-pointer",
-            onClick: c
+            onClick: u
           }, {
             default: G(() => [
-              Pe(u.$slots, "slide", {
+              Pe(m.$slots, "slide", {
                 slide: b,
-                index: _
+                index: k
               }, () => [
                 Ve("img", {
-                  class: ie(["size-full", [{ rounded: a.roundBorders }]]),
+                  class: ie(["size-full", [{ rounded: o.roundBorders }]]),
                   src: b.imageUrl,
                   title: N(V)("ll.carousel.imageLabel", {
-                    index: _ + 1,
-                    total: u.slides.length
+                    index: k + 1,
+                    total: e.slides.length
                   })
                 }, null, 10, tt)
               ])
@@ -631,40 +631,40 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         ]),
         _: 3
       }, 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, {
+      o.hidePagination ? Ae("", !0) : (A(), E(B, { key: 0 }, [
+        o.pagination === "tile" ? (A(), W($e, {
           key: 0,
           "active-thumbnail": s.value,
-          thumbnails: u.slides,
-          radius: a.paginationTileRadius === "full" ? "circle" : "rounded",
+          thumbnails: e.slides,
+          radius: o.paginationTileRadius === "full" ? "circle" : "rounded",
           "onUpdate:activeThumbnail": g
         }, {
           default: G(() => [
-            (k(!0), E(B, null, le(u.slides, (b) => (k(), W(Ue, {
+            (A(!0), E(B, null, le(e.slides, (b) => (A(), W(Ue, {
               key: b.id,
               thumbnail: b,
               variant: "translucent"
             }, null, 8, ["thumbnail"]))), 128))
           ]),
           _: 1
-        }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (k(), E("ul", {
+        }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (A(), E("ul", {
           key: 1,
-          class: ie(["text-center", [!u.staticPaginationDots && "lg:hidden"]]),
+          class: ie(["text-center", [!e.staticPaginationDots && "lg:hidden"]]),
           "data-test": "stash-carousel|pagination-dots"
         }, [
-          (k(!0), E(B, null, le(u.slides, (b, _) => (k(), E("li", {
+          (A(!0), E(B, null, le(e.slides, (b, k) => (A(), E("li", {
             key: b.imageUrl,
-            class: ie(["inline-block rounded-full", [N(i)["pagination-dot"], [s.value === _ ? "bg-blue-500" : "bg-blue-100"]]])
+            class: ie(["inline-block rounded-full", [N(i)["pagination-dot"], [s.value === k ? "bg-blue-500" : "bg-blue-100"]]])
           }, null, 2))), 128))
         ], 2))
       ], 64))
     ], 64));
   }
-}), ot = "_root_gpzha_5", at = {
-  root: ot,
+}), at = "_root_gpzha_5", ot = {
+  root: at,
   "pagination-dot": "_pagination-dot_gpzha_37"
 }, lt = {
-  $style: at
+  $style: ot
 }, dt = /* @__PURE__ */ ze(nt, [["__cssModules", lt]]);
 export {
   dt as default