@leaflink/stash 43.5.2 → 44.0.0-beta.10

package/dist/Carousel.js

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