@leaflink/stash 48.20.0 → 48.20.1

package/dist/Carousel.js

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