@leaflink/stash 44.9.0 → 45.1.0

package/dist/Carousel.js

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