@leaflink/stash 42.5.2 → 42.6.0

package/dist/Carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, inject as b, reactive as M, ref as d, h as S, provide as A, onMounted as Me, nextTick as Ie, onUnmounted as Ee, computed as xe, watch as ae, cloneVNode as _e, Fragment as P, useAttrs as je, openBlock as x, createElementBlock as C, createVNode as De, unref as _, mergeProps as Be, withCtx as oe, createBlock as ke, createCommentVNode as Re, renderList as le, renderSlot as Pe, createElementVNode as Ae, normalizeClass as H } from "vue";
+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 "lodash-es/get";
@@ -32,7 +32,7 @@ const p = {
     iconArrowRight: "Arrow pointing to the right",
     iconArrowLeft: "Arrow pointing to the left"
   }
-}, Te = {
+}, Ce = {
   // count of items to showed per view
   itemsToShow: {
     default: p.itemsToShow,
@@ -116,105 +116,105 @@ const p = {
   }
 };
 function $e({ config: t, slidesCount: n }) {
-  const { snapAlign: e, wrapAround: l, itemsToShow: s = 1 } = t;
-  if (l)
+  const { snapAlign: e, wrapAround: o, itemsToShow: s = 1 } = t;
+  if (o)
     return Math.max(n - 1, 0);
-  let r;
+  let i;
   switch (e) {
     case "start":
-      r = n - s;
+      i = n - s;
       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((s - 0.5) / 2);
       break;
     case "center-even":
-      r = n - Math.ceil(s / 2);
+      i = n - Math.ceil(s / 2);
       break;
     default:
-      r = 0;
+      i = 0;
       break;
   }
-  return Math.max(r, 0);
+  return Math.max(i, 0);
 }
 function Ue({ config: t, slidesCount: n }) {
-  const { wrapAround: e, snapAlign: l, itemsToShow: s = 1 } = t;
-  let r = 0;
+  const { wrapAround: e, snapAlign: o, itemsToShow: s = 1 } = t;
+  let i = 0;
   if (e || s > n)
-    return r;
-  switch (l) {
+    return i;
+  switch (o) {
     case "start":
-      r = 0;
+      i = 0;
       break;
     case "end":
-      r = s - 1;
+      i = s - 1;
       break;
     case "center":
     case "center-odd":
-      r = Math.floor((s - 1) / 2);
+      i = Math.floor((s - 1) / 2);
       break;
     case "center-even":
-      r = Math.floor((s - 2) / 2);
+      i = Math.floor((s - 2) / 2);
       break;
     default:
-      r = 0;
+      i = 0;
       break;
   }
-  return r;
+  return i;
 }
-function re({ val: t, max: n, min: e }) {
+function ie({ 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: l, wrapAround: s, itemsToShow: r = 1 } = t;
+  const { snapAlign: o, wrapAround: s, itemsToShow: i = 1 } = t;
   let c = n;
-  switch (l) {
+  switch (o) {
     case "center":
     case "center-odd":
-      c -= (r - 1) / 2;
+      c -= (i - 1) / 2;
       break;
     case "center-even":
-      c -= (r - 2) / 2;
+      c -= (i - 2) / 2;
       break;
     case "end":
-      c -= r - 1;
+      c -= i - 1;
       break;
   }
-  return s ? c : re({
+  return s ? c : ie({
     val: c,
-    max: e - r,
+    max: e - i,
     min: 0
   });
 }
-function Ce(t) {
+function Ne(t) {
   return t ? t.reduce((n, e) => {
-    var l;
-    return e.type === P ? [...n, ...Ce(e.children)] : ((l = e.type) === null || l === void 0 ? void 0 : l.name) === "CarouselSlide" ? [...n, e] : n;
+    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;
   }, []) : [];
 }
-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 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 ze(t, n) {
   let e;
-  return n ? function(...l) {
+  return n ? function(...o) {
     const s = this;
-    e || (t.apply(s, l), e = !0, setTimeout(() => e = !1, n));
+    e || (t.apply(s, o), e = !0, setTimeout(() => e = !1, n));
   } : t;
 }
 function He(t, n) {
   let e;
-  return function(...l) {
+  return function(...o) {
     e && clearTimeout(e), e = setTimeout(() => {
-      t(...l), e = null;
+      t(...o), e = null;
     }, n);
   };
 }
 function Ye(t = "", n = {}) {
-  return Object.entries(n).reduce((e, [l, s]) => e.replace(`{${l}}`, String(s)), t);
+  return Object.entries(n).reduce((e, [o, s]) => e.replace(`{${o}}`, String(s)), t);
 }
 var We = Y({
   name: "ARIA",
@@ -231,14 +231,14 @@ var We = Y({
   }
 }), Ge = Y({
   name: "Carousel",
-  props: Te,
-  setup(t, { slots: n, emit: e, expose: l }) {
+  props: Ce,
+  setup(t, { slots: n, emit: e, expose: o }) {
     var s;
-    const r = d(null), c = d([]), h = d(0), v = d(0), o = M(Object.assign({}, p));
+    const i = d(null), c = d([]), h = d(0), v = d(0), l = M(Object.assign({}, p));
     let u = Object.assign({}, p), w;
-    const i = d((s = t.modelValue) !== null && s !== void 0 ? s : 0), g = d(0), j = d(0), T = d(0), D = d(0);
+    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", o), A("slidesCount", v), A("currentSlide", i), A("maxSlide", T), A("minSlide", D), A("slideWidth", h);
+    A("config", l), A("slidesCount", v), A("currentSlide", r), A("maxSlide", C), A("minSlide", D), A("slideWidth", h);
     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);
     }
@@ -253,35 +253,35 @@ var We = Y({
       }), ce(m);
     }
     function ce(a) {
-      Object.entries(a).forEach(([m, f]) => o[m] = f);
+      Object.entries(a).forEach(([m, f]) => l[m] = f);
     }
     const de = He(() => {
-      V(), B();
+      V(), R();
     }, 16);
-    function B() {
-      if (!r.value)
+    function R() {
+      if (!i.value)
         return;
-      const a = r.value.getBoundingClientRect();
-      h.value = a.width / o.itemsToShow;
+      const a = i.value.getBoundingClientRect();
+      h.value = a.width / l.itemsToShow;
     }
     function F() {
-      v.value <= 0 || (j.value = Math.ceil((v.value - 1) / 2), T.value = $e({ config: o, slidesCount: v.value }), D.value = Ue({ config: o, slidesCount: v.value }), o.wrapAround || (i.value = re({
-        val: i.value,
-        max: T.value,
+      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,
         min: D.value
       })));
     }
-    Me(() => {
-      Ie(() => B()), setTimeout(() => B(), 1e3), V(), ge(), window.addEventListener("resize", de, { passive: !0 }), e("init");
-    }), Ee(() => {
+    Ie(() => {
+      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, {
         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), Ne = () => {
+    const $ = { x: 0, y: 0 }, U = { x: 0, y: 0 }, N = M({ x: 0, y: 0 }), X = d(!1), q = d(!1), Oe = () => {
       X.value = !0;
-    }, Oe = () => {
+    }, Le = () => {
       X.value = !1;
     };
     function ve(a) {
@@ -291,103 +291,103 @@ var We = Y({
       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;
-    }, o.throttle);
+    }, l.throttle);
     function pe() {
-      const a = o.dir === "rtl" ? -1 : 1, m = Math.sign(N.x) * 0.4, f = Math.round(N.x / h.value + m) * a;
+      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);
         };
         window.addEventListener("click", k, !0);
       }
-      L(i.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);
+      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);
     }
     function ge() {
-      !o.autoplay || o.autoplay <= 0 || (I = setInterval(() => {
-        o.pauseAutoplayOnHover && X.value || z();
-      }, o.autoplay));
+      !l.autoplay || l.autoplay <= 0 || (I = setInterval(() => {
+        l.pauseAutoplayOnHover && X.value || z();
+      }, l.autoplay));
     }
     function me() {
       I && (clearInterval(I), I = null), ge();
     }
     const O = d(!1);
     function L(a) {
-      const m = o.wrapAround ? a : re({
+      const m = l.wrapAround ? a : ie({
         val: a,
-        max: T.value,
+        max: C.value,
         min: D.value
       });
-      i.value === m || O.value || (e("slide-start", {
+      r.value === m || O.value || (e("slide-start", {
         slidingToIndex: a,
-        currentSlideIndex: i.value,
+        currentSlideIndex: r.value,
         prevSlideIndex: g.value,
         slidesCount: v.value
-      }), O.value = !0, g.value = i.value, i.value = m, W = setTimeout(() => {
-        if (o.wrapAround) {
-          const f = ie({
+      }), O.value = !0, g.value = r.value, r.value = m, W = setTimeout(() => {
+        if (l.wrapAround) {
+          const f = re({
             val: m,
-            max: T.value,
+            max: C.value,
             min: 0
           });
-          f !== i.value && (i.value = f, e("loop", {
-            currentSlideIndex: i.value,
+          f !== r.value && (r.value = f, e("loop", {
+            currentSlideIndex: r.value,
             slidingToIndex: a
           }));
         }
-        e("update:modelValue", i.value), e("slide-end", {
-          currentSlideIndex: i.value,
+        e("update:modelValue", r.value), e("slide-end", {
+          currentSlideIndex: r.value,
           prevSlideIndex: g.value,
           slidesCount: v.value
         }), O.value = !1, me();
-      }, o.transition));
+      }, l.transition));
     }
     function z() {
-      L(i.value + o.itemsToScroll);
+      L(r.value + l.itemsToScroll);
     }
     function J() {
-      L(i.value - o.itemsToScroll);
+      L(r.value - l.itemsToScroll);
     }
     const he = { slideTo: L, next: z, prev: J };
     A("nav", he), A("isSliding", O);
     const we = xe(() => Xe({
-      config: o,
-      currentSlide: i.value,
+      config: l,
+      currentSlide: r.value,
       slidesCount: v.value
     }));
     A("slidesToScroll", we);
-    const Le = xe(() => {
-      const a = o.dir === "rtl" ? -1 : 1, m = we.value * h.value * a;
+    const Me = xe(() => {
+      const a = l.dir === "rtl" ? -1 : 1, m = we.value * h.value * a;
       return {
         transform: `translateX(${N.x - m}px)`,
-        transition: `${O.value ? o.transition : 0}ms`,
-        margin: o.wrapAround ? `0 -${v.value * h.value}px` : "",
+        transition: `${O.value ? l.transition : 0}ms`,
+        margin: l.wrapAround ? `0 -${v.value * h.value}px` : "",
         width: "100%"
       };
     });
     function be() {
-      G(), V(), F(), B(), me();
+      G(), V(), F(), R(), me();
     }
-    Object.keys(Te).forEach((a) => {
+    Object.keys(Ce).forEach((a) => {
       ["modelValue"].includes(a) || ae(() => t[a], be);
     }), ae(() => t.modelValue, (a) => {
-      a !== i.value && L(Number(a));
+      a !== r.value && L(Number(a));
     }), ae(v, F), e("before-init"), G();
     const Se = {
-      config: o,
+      config: l,
       slidesCount: v,
       slideWidth: h,
       next: z,
       prev: J,
       slideTo: L,
-      currentSlide: i,
-      maxSlide: T,
+      currentSlide: r,
+      maxSlide: C,
       minSlide: D,
-      middleSlide: j
+      middleSlide: B
     };
-    l({
+    o({
       updateBreakpointsConfigs: V,
       updateSlidesData: F,
-      updateSlideWidth: B,
+      updateSlideWidth: R,
       initDefaultConfigs: G,
       restartCarousel: be,
       slideTo: L,
@@ -398,42 +398,42 @@ var We = Y({
     });
     const K = n.default || n.slides, Q = n.addons, ye = M(Se);
     return () => {
-      const a = Ce(K == null ? void 0 : K(ye)), m = (Q == null ? void 0 : Q(ye)) || [];
+      const a = Ne(K == null ? void 0 : K(ye)), m = (Q == null ? void 0 : Q(ye)) || [];
       a.forEach((ee, te) => ee.props.index = te);
       let f = a;
-      if (o.wrapAround) {
-        const ee = a.map((ne, R) => _e(ne, {
-          index: -a.length + R,
+      if (l.wrapAround) {
+        const ee = a.map((ne, P) => _e(ne, {
+          index: -a.length + P,
           isClone: !0,
-          key: `clone-before-${R}`
-        })), te = a.map((ne, R) => _e(ne, {
-          index: a.length + R,
+          key: `clone-before-${P}`
+        })), te = a.map((ne, P) => _e(ne, {
+          index: a.length + P,
           isClone: !0,
-          key: `clone-after-${R}`
+          key: `clone-after-${P}`
         }));
         f = [...ee, ...a, ...te];
       }
       c.value = a, v.value = Math.max(a.length, 1);
       const k = S("ol", {
         class: "carousel__track",
-        style: Le.value,
-        onMousedownCapture: o.mouseDrag ? ve : null,
-        onTouchstartPassiveCapture: o.touchDrag ? ve : null
+        style: Me.value,
+        onMousedownCapture: l.mouseDrag ? ve : null,
+        onTouchstartPassiveCapture: l.touchDrag ? ve : null
       }, f), Z = S("div", { class: "carousel__viewport" }, k);
       return S("section", {
-        ref: r,
+        ref: i,
         class: {
           carousel: !0,
           "is-sliding": O.value,
           "is-dragging": q.value,
           "is-hover": X.value,
-          "carousel--rtl": o.dir === "rtl"
+          "carousel--rtl": l.dir === "rtl"
         },
-        dir: o.dir,
-        "aria-label": o.i18n.ariaGallery,
+        dir: l.dir,
+        "aria-label": l.i18n.ariaGallery,
         tabindex: "0",
-        onMouseenter: Ne,
-        onMouseleave: Oe
+        onMouseenter: Oe,
+        onMouseleave: Le
       }, [Z, m, S(We)]);
     };
   }
@@ -451,39 +451,39 @@ function qe(t) {
   return t in se;
 }
 const ue = (t) => {
-  const n = b("config", M(Object.assign({}, p))), e = String(t.name), l = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
+  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))
     return;
-  const s = Fe[e], r = S("path", { d: s }), c = n.i18n[l] || t.title || e, h = S("title", c);
+  const s = Fe[e], i = S("path", { d: s }), c = n.i18n[o] || t.title || e, h = S("title", c);
   return S("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
     "aria-label": c
-  }, [h, r]);
+  }, [h, i]);
 };
 ue.props = { name: String, title: String };
 const Je = (t, { slots: n, attrs: e }) => {
-  const { next: l, prev: s } = n || {}, r = b("config", M(Object.assign({}, p))), c = b("maxSlide", d(1)), h = b("minSlide", d(1)), v = b("currentSlide", d(1)), o = b("nav", {}), { dir: u, wrapAround: w, i18n: i } = r, g = u === "rtl", j = S("button", {
+  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", {
     type: "button",
     class: [
       "carousel__prev",
       !w && v.value <= h.value && "carousel__prev--disabled",
       e == null ? void 0 : e.class
     ],
-    "aria-label": i.ariaPreviousSlide,
-    onClick: o.prev
-  }, (s == null ? void 0 : s()) || S(ue, { name: g ? "arrowRight" : "arrowLeft" })), T = S("button", {
+    "aria-label": r.ariaPreviousSlide,
+    onClick: l.prev
+  }, (s == null ? void 0 : s()) || S(ue, { name: g ? "arrowRight" : "arrowLeft" })), C = S("button", {
     type: "button",
     class: [
       "carousel__next",
       !w && v.value >= c.value && "carousel__next--disabled",
       e == null ? void 0 : e.class
     ],
-    "aria-label": i.ariaNextSlide,
-    onClick: o.next
-  }, (l == null ? void 0 : l()) || S(ue, { name: g ? "arrowLeft" : "arrowRight" }));
-  return [j, T];
+    "aria-label": r.ariaNextSlide,
+    onClick: l.next
+  }, (o == null ? void 0 : o()) || S(ue, { name: g ? "arrowLeft" : "arrowRight" }));
+  return [B, C];
 };
 var Ke = Y({
   name: "CarouselSlide",
@@ -498,7 +498,7 @@ var Ke = Y({
     }
   },
   setup(t, { slots: n }) {
-    const e = b("config", M(Object.assign({}, p))), l = b("currentSlide", d(0)), s = b("slidesToScroll", d(0)), r = b("isSliding", d(!1)), c = () => t.index === l.value, h = () => t.index === l.value - 1, v = () => t.index === l.value + 1, o = () => {
+    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;
     };
@@ -509,13 +509,13 @@ var Ke = Y({
         class: {
           carousel__slide: !0,
           "carousel__slide--clone": t.isClone,
-          "carousel__slide--visible": o(),
+          "carousel__slide--visible": l(),
           "carousel__slide--active": c(),
           "carousel__slide--prev": h(),
           "carousel__slide--next": v(),
-          "carousel__slide--sliding": r.value
+          "carousel__slide--sliding": i.value
         },
-        "aria-hidden": !o()
+        "aria-hidden": !l()
       }, (u = n.default) === null || u === void 0 ? void 0 : u.call(n));
     };
   }
@@ -529,6 +529,8 @@ const Qe = ["src", "title"], Ze = {
   props: {
     slides: { default: () => [] },
     autoplayInterval: { default: 0 },
+    hideNavigation: { type: Boolean, default: !1 },
+    hidePagination: { type: Boolean, default: !1 },
     loop: { type: Boolean, default: !1 },
     pagination: { default: "tile" },
     paginationTileRadius: { default: "standard" },
@@ -538,30 +540,30 @@ const Qe = ["src", "title"], Ze = {
   },
   emits: ["click", "transition"],
   setup(t, { expose: n, emit: e }) {
-    const l = t, s = je(), r = d();
+    const o = t, s = Be(), i = d();
     n({
       next: () => {
         var u;
-        return (u = r.value) == null ? void 0 : u.next();
+        return (u = i.value) == null ? void 0 : u.next();
       },
       prev: () => {
         var u;
-        return (u = r.value) == null ? void 0 : u.prev();
+        return (u = i.value) == null ? void 0 : u.prev();
       }
     });
     const c = d(0), h = () => {
-      o();
+      l();
     }, v = () => {
-      e("click", l.slides[c.value]);
-    }, o = () => {
-      e("transition", l.slides[c.value]);
+      e("click", o.slides[c.value]);
+    }, l = () => {
+      e("transition", o.slides[c.value]);
     };
-    return (u, w) => (x(), C(P, null, [
-      De(_(Ge), Be(_(s), {
+    return (u, w) => (x(), T(j, null, [
+      De(_(Ge), Re(_(s), {
         ref_key: "carouselRef",
-        ref: r,
+        ref: i,
         modelValue: c.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (i) => c.value = i),
+        "onUpdate:modelValue": w[0] || (w[0] = (r) => c.value = r),
         "aria-live": "polite",
         "aria-roledescription": "carousel",
         class: "stash-carousel tw-mb-6",
@@ -574,28 +576,28 @@ const Qe = ["src", "title"], Ze = {
         },
         autoplay: u.autoplayInterval,
         "pause-autoplay-on-hover": u.pauseAutoplayOnHover,
-        "wrap-around": l.loop,
+        "wrap-around": o.loop,
         onInit: h,
-        onSlideEnd: o
+        onSlideEnd: l
       }), {
         addons: oe(() => [
-          l.slides.length > 1 ? (x(), ke(_(Je), { key: 0 })) : Re("", !0)
+          o.slides.length > 1 && !o.hideNavigation ? (x(), ke(_(Je), { key: 0 })) : Ae("", !0)
         ]),
         default: oe(() => [
-          (x(!0), C(P, null, le(l.slides, (i, g) => (x(), ke(_(Ke), {
-            key: i.id,
+          (x(!0), T(j, null, le(o.slides, (r, g) => (x(), ke(_(Ke), {
+            key: r.id,
             "data-test": "stash-carousel|slide",
             class: "tw-cursor-pointer",
             onClick: v
           }, {
             default: oe(() => [
               Pe(u.$slots, "slide", {
-                slide: i,
+                slide: r,
                 index: g
               }, () => [
-                Ae("img", {
-                  class: H(["tw-h-full tw-w-full", [{ "tw-rounded": l.roundBorders }]]),
-                  src: i.imageUrl,
+                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)
@@ -605,40 +607,42 @@ const Qe = ["src", "title"], Ze = {
         ]),
         _: 3
       }, 16, ["modelValue", "i18n", "autoplay", "pause-autoplay-on-hover", "wrap-around"]),
-      l.pagination === "tile" ? (x(), C("ul", Ze, [
-        (x(!0), C(P, null, le(u.slides, (i, g) => (x(), C("li", {
-          key: i.imageUrl,
-          class: "tw-mr-3 tw-cursor-pointer",
-          "aria-current": c.value === g,
-          onClick: (j) => c.value = g
+      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,
+            class: "tw-mr-3 tw-cursor-pointer",
+            "aria-current": c.value === g,
+            onClick: (B) => c.value = g
+          }, [
+            Te("img", {
+              class: H(["tw-rounded pagination-tile", [
+                {
+                  "is-current-tile": c.value === g,
+                  "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", {
+          key: 1,
+          class: H(["tw-text-center", [!u.staticPaginationDots && "lg:tw-hidden"]]),
+          "data-test": "stash-carousel|pagination-dots"
         }, [
-          Ae("img", {
-            class: H(["tw-rounded pagination-tile", [
-              {
-                "is-current-tile": c.value === g,
-                "tw-rounded-full": l.paginationTileRadius === "full"
-              }
-            ]]),
-            "data-test": `stash-carousel|pagination-tile-${g}`,
-            src: i.imageUrl,
-            title: _(E)("ll.carousel.paginationLabel", { index: g + 1 })
-          }, null, 10, tt)
-        ], 8, et))), 128))
-      ])) : (x(), C("ul", {
-        key: 1,
-        class: H(["tw-text-center", [!u.staticPaginationDots && "lg:tw-hidden"]]),
-        "data-test": "stash-carousel|pagination-dots"
-      }, [
-        (x(!0), C(P, null, le(u.slides, (i, g) => (x(), C("li", {
-          key: i.imageUrl,
-          class: H(["tw-rounded-full tw-inline-block", ["pagination-dot", [c.value === g ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
-        }, null, 2))), 128))
-      ], 2))
+          (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"]]])
+          }, null, 2))), 128))
+        ], 2))
+      ], 64))
     ], 64));
   }
 });
-const it = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-274b7c1c"]]);
+const rt = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-f2ea2bc7"]]);
 export {
-  it as default
+  rt as default
 };
 //# sourceMappingURL=Carousel.js.map