@leaflink/stash 51.9.3 → 51.11.0

package/dist/Carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, inject as b, reactive as j, ref as d, h as _, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as ae, cloneVNode as Te, Fragment as B, useAttrs as je, useCssModule as Be, createElementBlock as E, openBlock as k, createVNode as De, createCommentVNode as ke, mergeProps as Re, unref as N, withCtx as G, renderList as le, createBlock as W, renderSlot as Pe, createElementVNode as Ve, normalizeClass as ie } from "vue";
+import { defineComponent as F, inject as b, reactive as j, ref as c, h as _, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as ae, cloneVNode as Te, Fragment as B, useAttrs as je, useCssModule as Be, createElementBlock as E, openBlock as k, createVNode as De, createCommentVNode as ke, mergeProps as Re, unref as N, withCtx as G, renderList as le, createBlock as W, renderSlot as Pe, createElementVNode as Ve, normalizeClass as ie } from "vue";
 import { t as V } from "./locale.js";
 import Ue from "./Thumbnail.js";
 import $e from "./ThumbnailGroup.js";
@@ -171,21 +171,21 @@ function re({ val: e, max: n, min: t }) {
 }
 function Ye({ config: e, currentSlide: n, slidesCount: t }) {
   const { snapAlign: a, wrapAround: r, itemsToShow: i = 1 } = e;
-  let v = n;
+  let d = n;
   switch (a) {
     case "center":
     case "center-odd":
-      v -= (i - 1) / 2;
+      d -= (i - 1) / 2;
       break;
     case "center-even":
-      v -= (i - 2) / 2;
+      d -= (i - 2) / 2;
       break;
     case "end":
-      v -= i - 1;
+      d -= i - 1;
       break;
   }
-  return r ? v : re({
-    val: v,
+  return r ? d : re({
+    val: d,
     max: t - i,
     min: 0
   });
@@ -220,7 +220,7 @@ function Fe(e = "", n = {}) {
 var qe = F({
   name: "ARIA",
   setup() {
-    const e = b("config", j(Object.assign({}, p))), n = b("currentSlide", d(0)), t = b("slidesCount", d(0));
+    const e = b("config", j(Object.assign({}, p))), n = b("currentSlide", c(0)), t = b("slidesCount", c(0));
     return () => _("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
@@ -235,11 +235,11 @@ var qe = F({
   props: Ae,
   setup(e, { slots: n, emit: t, expose: a }) {
     var r;
-    const i = d(null), v = d([]), m = d(0), s = d(0), l = j(Object.assign({}, p));
+    const i = c(null), d = c([]), m = c(0), s = c(0), l = j(Object.assign({}, p));
     let g = Object.assign({}, p), S;
-    const c = d((r = e.modelValue) !== null && r !== void 0 ? r : 0), A = d(0), u = d(0), y = d(0), w = d(0);
+    const u = c((r = e.modelValue) !== null && r !== void 0 ? r : 0), A = c(0), v = c(0), y = c(0), w = c(0);
     let T, q;
-    M("config", l), M("slidesCount", s), M("currentSlide", c), M("maxSlide", y), M("minSlide", w), M("slideWidth", m);
+    M("config", l), M("slidesCount", s), M("currentSlide", u), M("maxSlide", y), M("minSlide", w), M("slideWidth", m);
     function J() {
       S = Object.assign({}, e.breakpoints), g = Object.assign(Object.assign(Object.assign({}, g), e), { i18n: Object.assign(Object.assign({}, g.i18n), e.i18n), breakpoints: void 0 }), de(g);
     }
@@ -266,8 +266,8 @@ var qe = F({
       m.value = o.width / l.itemsToShow;
     }
     function $() {
-      s.value <= 0 || (u.value = Math.ceil((s.value - 1) / 2), y.value = Xe({ config: l, slidesCount: s.value }), w.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (c.value = re({
-        val: c.value,
+      s.value <= 0 || (v.value = Math.ceil((s.value - 1) / 2), y.value = Xe({ config: l, slidesCount: s.value }), w.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (u.value = re({
+        val: u.value,
         max: y.value,
         min: w.value
       })));
@@ -280,7 +280,7 @@ var qe = F({
       });
     });
     let x = !1;
-    const z = { x: 0, y: 0 }, X = { x: 0, y: 0 }, O = j({ x: 0, y: 0 }), H = d(!1), K = d(!1), Me = () => {
+    const z = { x: 0, y: 0 }, X = { x: 0, y: 0 }, O = j({ x: 0, y: 0 }), H = c(!1), K = c(!1), Me = () => {
       H.value = !0;
     }, Ne = () => {
       H.value = !1;
@@ -301,7 +301,7 @@ var qe = F({
         };
         window.addEventListener("click", C, !0);
       }
-      L(c.value - f), O.x = 0, O.y = 0, K.value = !1, document.removeEventListener(x ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(x ? "touchend" : "mouseup", me, !0);
+      L(u.value - f), O.x = 0, O.y = 0, K.value = !1, document.removeEventListener(x ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(x ? "touchend" : "mouseup", me, !0);
     }
     function ge() {
       !l.autoplay || l.autoplay <= 0 || (T = setInterval(() => {
@@ -311,48 +311,48 @@ var qe = F({
     function he() {
       T && (clearInterval(T), T = null), ge();
     }
-    const I = d(!1);
+    const I = c(!1);
     function L(o) {
       const h = l.wrapAround ? o : re({
         val: o,
         max: y.value,
         min: w.value
       });
-      c.value === h || I.value || (t("slide-start", {
+      u.value === h || I.value || (t("slide-start", {
         slidingToIndex: o,
-        currentSlideIndex: c.value,
+        currentSlideIndex: u.value,
         prevSlideIndex: A.value,
         slidesCount: s.value
-      }), I.value = !0, A.value = c.value, c.value = h, q = setTimeout(() => {
+      }), I.value = !0, A.value = u.value, u.value = h, q = setTimeout(() => {
         if (l.wrapAround) {
           const f = se({
             val: h,
             max: y.value,
             min: 0
           });
-          f !== c.value && (c.value = f, t("loop", {
-            currentSlideIndex: c.value,
+          f !== u.value && (u.value = f, t("loop", {
+            currentSlideIndex: u.value,
             slidingToIndex: o
           }));
         }
-        t("update:modelValue", c.value), t("slide-end", {
-          currentSlideIndex: c.value,
+        t("update:modelValue", u.value), t("slide-end", {
+          currentSlideIndex: u.value,
           prevSlideIndex: A.value,
           slidesCount: s.value
         }), I.value = !1, he();
       }, l.transition));
     }
     function Y() {
-      L(c.value + l.itemsToScroll);
+      L(u.value + l.itemsToScroll);
     }
     function Q() {
-      L(c.value - l.itemsToScroll);
+      L(u.value - l.itemsToScroll);
     }
     const we = { slideTo: L, next: Y, prev: Q };
     M("nav", we), M("isSliding", I);
     const be = D(() => Ye({
       config: l,
-      currentSlide: c.value,
+      currentSlide: u.value,
       slidesCount: s.value
     }));
     M("slidesToScroll", be);
@@ -371,7 +371,7 @@ var qe = F({
     Object.keys(Ae).forEach((o) => {
       ["modelValue"].includes(o) || ae(() => e[o], _e);
     }), ae(() => e.modelValue, (o) => {
-      o !== c.value && L(Number(o));
+      o !== u.value && L(Number(o));
     }), ae(s, $), t("before-init"), J();
     const Se = {
       config: l,
@@ -380,10 +380,10 @@ var qe = F({
       next: Y,
       prev: Q,
       slideTo: L,
-      currentSlide: c,
+      currentSlide: u,
       maxSlide: y,
       minSlide: w,
-      middleSlide: u
+      middleSlide: v
     };
     a({
       updateBreakpointsConfigs: U,
@@ -399,7 +399,7 @@ var qe = F({
     });
     const Z = n.default || n.slides, ee = n.addons, ye = j(Se);
     return () => {
-      const o = Ce(Z == null ? void 0 : Z(ye)), h = (ee == null ? void 0 : ee(ye)) || [];
+      const o = Ce(Z?.(ye)), h = ee?.(ye) || [];
       o.forEach((te, ne) => te.props.index = ne);
       let f = o;
       if (l.wrapAround) {
@@ -414,7 +414,7 @@ var qe = F({
         }));
         f = [...te, ...o, ...ne];
       }
-      v.value = o, s.value = Math.max(o.length, 1);
+      d.value = o, s.value = Math.max(o.length, 1);
       const C = _("ol", {
         class: "carousel__track",
         style: Oe.value,
@@ -455,36 +455,36 @@ const ce = (e) => {
   const n = b("config", j(Object.assign({}, p))), t = String(e.name), a = `icon${t.charAt(0).toUpperCase() + t.slice(1)}`;
   if (!t || typeof t != "string" || !Qe(t))
     return;
-  const r = Ke[t], i = _("path", { d: r }), v = n.i18n[a] || e.title || t, m = _("title", v);
+  const r = Ke[t], i = _("path", { d: r }), d = n.i18n[a] || e.title || t, m = _("title", d);
   return _("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
-    "aria-label": v
+    "aria-label": d
   }, [m, i]);
 };
 ce.props = { name: String, title: String };
 const Ze = (e, { slots: n, attrs: t }) => {
-  const { next: a, prev: r } = n || {}, i = b("config", j(Object.assign({}, p))), v = b("maxSlide", d(1)), m = b("minSlide", d(1)), s = b("currentSlide", d(1)), l = b("nav", {}), { dir: g, wrapAround: S, i18n: c } = i, A = g === "rtl", u = _("button", {
+  const { next: a, prev: r } = n || {}, i = b("config", j(Object.assign({}, p))), d = b("maxSlide", c(1)), m = b("minSlide", c(1)), s = b("currentSlide", c(1)), l = b("nav", {}), { dir: g, wrapAround: S, i18n: u } = i, A = g === "rtl", v = _("button", {
     type: "button",
     class: [
       "carousel__prev",
       !S && s.value <= m.value && "carousel__prev--disabled",
-      t == null ? void 0 : t.class
+      t?.class
     ],
-    "aria-label": c.ariaPreviousSlide,
+    "aria-label": u.ariaPreviousSlide,
     onClick: l.prev
-  }, (r == null ? void 0 : r()) || _(ce, { name: A ? "arrowRight" : "arrowLeft" })), y = _("button", {
+  }, r?.() || _(ce, { name: A ? "arrowRight" : "arrowLeft" })), y = _("button", {
     type: "button",
     class: [
       "carousel__next",
-      !S && s.value >= v.value && "carousel__next--disabled",
-      t == null ? void 0 : t.class
+      !S && s.value >= d.value && "carousel__next--disabled",
+      t?.class
     ],
-    "aria-label": c.ariaNextSlide,
+    "aria-label": u.ariaNextSlide,
     onClick: l.next
-  }, (a == null ? void 0 : a()) || _(ce, { name: A ? "arrowLeft" : "arrowRight" }));
-  return [u, y];
+  }, a?.() || _(ce, { name: A ? "arrowLeft" : "arrowRight" }));
+  return [v, y];
 };
 var et = F({
   name: "CarouselSlide",
@@ -499,7 +499,7 @@ var et = F({
     }
   },
   setup(e, { slots: n }) {
-    const t = b("config", j(Object.assign({}, p))), a = b("currentSlide", d(0)), r = b("slidesToScroll", d(0)), i = b("isSliding", d(!1)), v = D(() => e.index === a.value), m = D(() => e.index === a.value - 1), s = D(() => e.index === a.value + 1), l = D(() => {
+    const t = b("config", j(Object.assign({}, p))), a = b("currentSlide", c(0)), r = b("slidesToScroll", c(0)), i = b("isSliding", c(!1)), d = D(() => e.index === a.value), m = D(() => e.index === a.value - 1), s = D(() => e.index === a.value + 1), l = D(() => {
       const g = Math.floor(r.value), S = Math.ceil(r.value + t.itemsToShow - 1);
       return e.index >= g && e.index <= S;
     });
@@ -511,14 +511,14 @@ var et = F({
           carousel__slide: !0,
           "carousel__slide--clone": e.isClone,
           "carousel__slide--visible": l.value,
-          "carousel__slide--active": v.value,
+          "carousel__slide--active": d.value,
           "carousel__slide--prev": m.value,
           "carousel__slide--next": s.value,
           "carousel__slide--sliding": i.value
         },
         "aria-hidden": !l.value
       }, (g = n.default) === null || g === void 0 ? void 0 : g.call(n, {
-        isActive: v.value,
+        isActive: d.value,
         isClone: e.isClone,
         isPrev: m.value,
         isNext: s.value,
@@ -547,45 +547,39 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
   },
   emits: ["click", "transition", "transition:multi"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, r = je(), i = Be(), v = d(), m = t, s = d(0);
-    function l(...u) {
-      const [y] = u;
+    const a = e, r = je(), i = Be(), d = c(), m = t, s = c(0);
+    function l(...v) {
+      const [y] = v;
       y !== void 0 && g(y);
     }
-    const g = (u) => {
-      s.value = u;
+    const g = (v) => {
+      s.value = v;
     }, S = () => {
       A();
-    }, c = () => {
+    }, u = () => {
       m("click", a.slides[s.value]);
     }, A = () => {
       if (a.itemsToShow === 1) {
         m("transition", a.slides[s.value]);
         return;
       }
-      const u = a.slides.slice(s.value, s.value + a.itemsToShow);
-      m("transition:multi", u);
+      const v = a.slides.slice(s.value, s.value + a.itemsToShow);
+      m("transition:multi", v);
     };
     return n({
-      next: () => {
-        var u;
-        return (u = v.value) == null ? void 0 : u.next();
-      },
-      prev: () => {
-        var u;
-        return (u = v.value) == null ? void 0 : u.prev();
-      },
+      next: () => d.value?.next(),
+      prev: () => d.value?.prev(),
       slideTo: g
-    }), (u, y) => (k(), E(B, null, [
+    }), (v, y) => (k(), E(B, null, [
       De(Je, Re({
         ref_key: "carouselRef",
-        ref: v,
+        ref: d,
         "model-value": s.value,
         "aria-live": "polite",
         "aria-roledescription": "carousel",
         class: ["stash-carousel tw-mb-6", N(i).root],
         "data-test": "stash-carousel",
-        autoplay: u.autoplayInterval,
+        autoplay: v.autoplayInterval,
         i18n: {
           ariaNextSlide: N(V)("ll.next"),
           ariaPreviousSlide: N(V)("ll.previous"),
@@ -594,7 +588,7 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         },
         "items-to-scroll": a.itemsToScroll,
         "items-to-show": a.itemsToShow,
-        "pause-autoplay-on-hover": u.pauseAutoplayOnHover,
+        "pause-autoplay-on-hover": v.pauseAutoplayOnHover,
         "wrap-around": a.loop
       }, N(r), {
         onInit: S,
@@ -609,10 +603,10 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
             key: w.id,
             "data-test": "stash-carousel|slide",
             class: "tw-cursor-pointer",
-            onClick: c
+            onClick: u
           }, {
             default: G(() => [
-              Pe(u.$slots, "slide", {
+              Pe(v.$slots, "slide", {
                 slide: w,
                 index: T
               }, () => [
@@ -621,7 +615,7 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
                   src: w.imageUrl,
                   title: N(V)("ll.carousel.imageLabel", {
                     index: T + 1,
-                    total: u.slides.length
+                    total: v.slides.length
                   })
                 }, null, 10, tt)
               ])
@@ -635,12 +629,12 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         a.pagination === "tile" ? (k(), W($e, {
           key: 0,
           "active-thumbnail": s.value,
-          thumbnails: u.slides,
+          thumbnails: v.slides,
           radius: a.paginationTileRadius === "full" ? "circle" : "rounded",
           "onUpdate:activeThumbnail": g
         }, {
           default: G(() => [
-            (k(!0), E(B, null, le(u.slides, (w) => (k(), W(Ue, {
+            (k(!0), E(B, null, le(v.slides, (w) => (k(), W(Ue, {
               key: w.id,
               thumbnail: w,
               variant: "translucent"
@@ -649,10 +643,10 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
           _: 1
         }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (k(), E("ul", {
           key: 1,
-          class: ie(["tw-text-center", [!u.staticPaginationDots && "lg:tw-hidden"]]),
+          class: ie(["tw-text-center", [!v.staticPaginationDots && "lg:tw-hidden"]]),
           "data-test": "stash-carousel|pagination-dots"
         }, [
-          (k(!0), E(B, null, le(u.slides, (w, T) => (k(), E("li", {
+          (k(!0), E(B, null, le(v.slides, (w, T) => (k(), E("li", {
             key: w.imageUrl,
             class: ie(["tw-inline-block tw-rounded-full", [N(i)["pagination-dot"], [s.value === T ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
           }, null, 2))), 128))