@leaflink/stash 52.0.3 → 53.1.0

package/dist/CardMedia.js

@@ -1,42 +1,42 @@
 import { defineComponent as u, ref as a, useCssModule as m, createElementBlock as l, openBlock as c, createCommentVNode as _, createElementVNode as p, normalizeClass as n, unref as d, createVNode as f } from "vue";
-import w from "./Icon.js";
-import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const h = {
+import h from "./Icon.js";
+import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {
   class: "stash-card-media",
   "data-test": "stash-card-media"
-}, v = ["src", "alt"], C = /* @__PURE__ */ u({
+}, z = ["src", "alt"], M = /* @__PURE__ */ u({
   __name: "CardMedia",
   props: {
     src: {},
     alt: {}
   },
   setup(i) {
-    const s = a(!0), t = a(!1), o = i, r = m();
-    return (E, e) => (c(), l("div", h, [
-      s.value || t.value ? (c(), l("div", {
+    const s = a(!0), o = a(!1), t = i, r = m();
+    return (S, e) => (c(), l("div", C, [
+      s.value || o.value ? (c(), l("div", {
         key: 0,
-        class: n([d(r).placeholder, "tw-flex tw-w-full tw-items-center tw-justify-center tw-rounded-t tw-bg-ice-200"])
+        class: n([d(r).placeholder, "flex w-full items-center justify-center rounded-t bg-ice-200"])
       }, [
-        f(w, {
+        f(h, {
           name: "image",
           class: n(d(r).iconSize)
         }, null, 8, ["class"])
       ], 2)) : _("", !0),
       p("img", {
-        src: o.src,
-        class: "tw-w-full tw-rounded-t",
-        alt: o.alt,
+        src: t.src,
+        class: "w-full rounded-t",
+        alt: t.alt,
         onLoad: e[0] || (e[0] = () => s.value = !1),
-        onError: e[1] || (e[1] = () => t.value = !0)
-      }, null, 40, v)
+        onError: e[1] || (e[1] = () => o.value = !0)
+      }, null, 40, z)
     ]));
   }
-}), M = "_placeholder_z4275_2", g = "_iconSize_z4275_7", x = {
-  placeholder: M,
-  iconSize: g
-}, y = {
-  $style: x
-}, V = /* @__PURE__ */ z(C, [["__cssModules", y]]);
+}), g = "_placeholder_1cqb9_3", x = "_iconSize_1cqb9_8", y = {
+  placeholder: g,
+  iconSize: x
+}, E = {
+  $style: y
+}, V = /* @__PURE__ */ v(M, [["__cssModules", E]]);
 export {
   V as default
 };

package/dist/CardMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-flex tw-w-full tw-items-center tw-justify-center tw-rounded-t tw-bg-ice-200\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","props","__props","classes","useCssModule"],"mappings":";;;;;;;;;;;;;AAgBE,UAAMA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAEtBE,IAAQC,GAERC,IAAUC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"flex w-full items-center justify-center rounded-t bg-ice-200\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"w-full rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  @layer utilities {\n    .placeholder {\n      height: 300px;\n      width: 100%;\n    }\n\n    .iconSize {\n      width: 189px;\n      height: 189px;\n    }\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","props","__props","classes","useCssModule"],"mappings":";;;;;;;;;;;;;AAgBE,UAAMA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAEtBE,IAAQC,GAERC,IAAUC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, inject as b, reactive as j, ref as d, h as S, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as ae, cloneVNode as ke, Fragment as B, useAttrs as je, useCssModule as Be, createElementBlock as E, openBlock as _, createVNode as De, createCommentVNode as _e, 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 S, reactive as j, ref as d, h as w, provide as M, onMounted as Ie, nextTick as Le, onUnmounted as Ee, computed as D, watch as ae, cloneVNode as _e, 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";
@@ -220,8 +220,8 @@ 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));
-    return () => S("div", {
+    const e = S("config", j(Object.assign({}, p))), n = S("currentSlide", d(0)), t = S("slidesCount", d(0));
+    return () => w("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
       "aria-atomic": "true"
@@ -237,9 +237,9 @@ var qe = F({
     var r;
     const i = d(null), v = d([]), m = d(0), s = d(0), l = j(Object.assign({}, p));
     let g = Object.assign({}, p), y;
-    const c = d((r = e.modelValue) !== null && r !== void 0 ? r : 0), A = d(0), u = d(0), x = d(0), w = d(0);
-    let k, q;
-    M("config", l), M("slidesCount", s), M("currentSlide", c), M("maxSlide", x), M("minSlide", w), M("slideWidth", m);
+    const c = d((r = e.modelValue) !== null && r !== void 0 ? r : 0), A = d(0), u = d(0), x = d(0), b = d(0);
+    let _, q;
+    M("config", l), M("slidesCount", s), M("currentSlide", c), M("maxSlide", x), M("minSlide", b), M("slideWidth", m);
     function J() {
       y = 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,16 +266,16 @@ var qe = F({
       m.value = o.width / l.itemsToShow;
     }
     function $() {
-      s.value <= 0 || (u.value = Math.ceil((s.value - 1) / 2), x.value = Xe({ config: l, slidesCount: s.value }), w.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (c.value = re({
+      s.value <= 0 || (u.value = Math.ceil((s.value - 1) / 2), x.value = Xe({ config: l, slidesCount: s.value }), b.value = He({ config: l, slidesCount: s.value }), l.wrapAround || (c.value = re({
         val: c.value,
         max: x.value,
-        min: w.value
+        min: b.value
       })));
     }
     Ie(() => {
       Le(() => R()), setTimeout(() => R(), 1e3), U(), ge(), window.addEventListener("resize", ve, { passive: !0 }), t("init");
     }), Ee(() => {
-      q && clearTimeout(q), k && clearInterval(k), window.removeEventListener("resize", ve, {
+      q && clearTimeout(q), _ && clearInterval(_), window.removeEventListener("resize", ve, {
         passive: !0
       });
     });
@@ -304,19 +304,19 @@ var qe = F({
       L(c.value - f), O.x = 0, O.y = 0, K.value = !1, document.removeEventListener(T ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(T ? "touchend" : "mouseup", me, !0);
     }
     function ge() {
-      !l.autoplay || l.autoplay <= 0 || (k = setInterval(() => {
+      !l.autoplay || l.autoplay <= 0 || (_ = setInterval(() => {
         l.pauseAutoplayOnHover && H.value || Y();
       }, l.autoplay));
     }
     function he() {
-      k && (clearInterval(k), k = null), ge();
+      _ && (clearInterval(_), _ = null), ge();
     }
     const I = d(!1);
     function L(o) {
       const h = l.wrapAround ? o : re({
         val: o,
         max: x.value,
-        min: w.value
+        min: b.value
       });
       c.value === h || I.value || (t("slide-start", {
         slidingToIndex: o,
@@ -348,16 +348,16 @@ var qe = F({
     function Q() {
       L(c.value - l.itemsToScroll);
     }
-    const we = { slideTo: L, next: Y, prev: Q };
-    M("nav", we), M("isSliding", I);
-    const be = D(() => Ye({
+    const be = { slideTo: L, next: Y, prev: Q };
+    M("nav", be), M("isSliding", I);
+    const Se = D(() => Ye({
       config: l,
       currentSlide: c.value,
       slidesCount: s.value
     }));
-    M("slidesToScroll", be);
+    M("slidesToScroll", Se);
     const Oe = D(() => {
-      const o = l.dir === "rtl" ? -1 : 1, h = be.value * m.value * o;
+      const o = l.dir === "rtl" ? -1 : 1, h = Se.value * m.value * o;
       return {
         transform: `translateX(${O.x - h}px)`,
         transition: `${I.value ? l.transition : 0}ms`,
@@ -365,11 +365,11 @@ var qe = F({
         width: "100%"
       };
     });
-    function Se() {
+    function we() {
       J(), U(), $(), R(), he();
     }
     Object.keys(Ae).forEach((o) => {
-      ["modelValue"].includes(o) || ae(() => e[o], Se);
+      ["modelValue"].includes(o) || ae(() => e[o], we);
     }), ae(() => e.modelValue, (o) => {
       o !== c.value && L(Number(o));
     }), ae(s, $), t("before-init"), J();
@@ -382,7 +382,7 @@ var qe = F({
       slideTo: L,
       currentSlide: c,
       maxSlide: x,
-      minSlide: w,
+      minSlide: b,
       middleSlide: u
     };
     a({
@@ -390,11 +390,11 @@ var qe = F({
       updateSlidesData: $,
       updateSlideWidth: R,
       initDefaultConfigs: J,
-      restartCarousel: Se,
+      restartCarousel: we,
       slideTo: L,
       next: Y,
       prev: Q,
-      nav: we,
+      nav: be,
       data: ye
     });
     const Z = n.default || n.slides, ee = n.addons, xe = j(ye);
@@ -403,11 +403,11 @@ var qe = F({
       o.forEach((te, ne) => te.props.index = ne);
       let f = o;
       if (l.wrapAround) {
-        const te = o.map((oe, P) => ke(oe, {
+        const te = o.map((oe, P) => _e(oe, {
           index: -o.length + P,
           isClone: !0,
           key: `clone-before-${P}`
-        })), ne = o.map((oe, P) => ke(oe, {
+        })), ne = o.map((oe, P) => _e(oe, {
           index: o.length + P,
           isClone: !0,
           key: `clone-after-${P}`
@@ -415,13 +415,13 @@ var qe = F({
         f = [...te, ...o, ...ne];
       }
       v.value = o, s.value = Math.max(o.length, 1);
-      const C = S("ol", {
+      const C = w("ol", {
         class: "carousel__track",
         style: Oe.value,
         onMousedownCapture: l.mouseDrag ? fe : null,
         onTouchstartPassiveCapture: l.touchDrag ? fe : null
-      }, f), Te = S("div", { class: "carousel__viewport" }, C);
-      return S("section", {
+      }, f), Te = w("div", { class: "carousel__viewport" }, C);
+      return w("section", {
         ref: i,
         class: {
           carousel: !0,
@@ -435,7 +435,7 @@ var qe = F({
         tabindex: "0",
         onMouseenter: Me,
         onMouseleave: Ne
-      }, [Te, h, S(qe)]);
+      }, [Te, h, w(qe)]);
     };
   }
 }), ue;
@@ -452,11 +452,11 @@ function Qe(e) {
   return e in ue;
 }
 const ce = (e) => {
-  const n = b("config", j(Object.assign({}, p))), t = String(e.name), a = `icon${t.charAt(0).toUpperCase() + t.slice(1)}`;
+  const n = S("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 = S("path", { d: r }), v = n.i18n[a] || e.title || t, m = S("title", v);
-  return S("svg", {
+  const r = Ke[t], i = w("path", { d: r }), v = n.i18n[a] || e.title || t, m = w("title", v);
+  return w("svg", {
     class: "carousel__icon",
     viewBox: "0 0 24 24",
     role: "img",
@@ -465,7 +465,7 @@ const ce = (e) => {
 };
 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: y, i18n: c } = i, A = g === "rtl", u = S("button", {
+  const { next: a, prev: r } = n || {}, i = S("config", j(Object.assign({}, p))), v = S("maxSlide", d(1)), m = S("minSlide", d(1)), s = S("currentSlide", d(1)), l = S("nav", {}), { dir: g, wrapAround: y, i18n: c } = i, A = g === "rtl", u = w("button", {
     type: "button",
     class: [
       "carousel__prev",
@@ -474,7 +474,7 @@ const Ze = (e, { slots: n, attrs: t }) => {
     ],
     "aria-label": c.ariaPreviousSlide,
     onClick: l.prev
-  }, (r == null ? void 0 : r()) || S(ce, { name: A ? "arrowRight" : "arrowLeft" })), x = S("button", {
+  }, (r == null ? void 0 : r()) || w(ce, { name: A ? "arrowRight" : "arrowLeft" })), x = w("button", {
     type: "button",
     class: [
       "carousel__next",
@@ -483,7 +483,7 @@ const Ze = (e, { slots: n, attrs: t }) => {
     ],
     "aria-label": c.ariaNextSlide,
     onClick: l.next
-  }, (a == null ? void 0 : a()) || S(ce, { name: A ? "arrowLeft" : "arrowRight" }));
+  }, (a == null ? void 0 : a()) || w(ce, { name: A ? "arrowLeft" : "arrowRight" }));
   return [u, x];
 };
 var et = F({
@@ -499,13 +499,13 @@ 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 = S("config", j(Object.assign({}, p))), a = S("currentSlide", d(0)), r = S("slidesToScroll", d(0)), i = S("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 g = Math.floor(r.value), y = Math.ceil(r.value + t.itemsToShow - 1);
       return e.index >= g && e.index <= y;
     });
     return () => {
       var g;
-      return S("li", {
+      return w("li", {
         style: { width: `${100 / t.itemsToShow}%` },
         class: {
           carousel__slide: !0,
@@ -532,7 +532,7 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "Carousel",
   props: {
-    slides: { default: () => [] },
+    slides: {},
     autoplayInterval: { default: 0 },
     hideNavigation: { type: Boolean, default: !1 },
     hidePagination: { type: Boolean, default: !1 },
@@ -576,14 +576,14 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         return (u = v.value) == null ? void 0 : u.prev();
       },
       slideTo: g
-    }), (u, x) => (_(), E(B, null, [
+    }), (u, x) => (k(), E(B, null, [
       De(Je, Re({
         ref_key: "carouselRef",
         ref: v,
         "model-value": s.value,
         "aria-live": "polite",
         "aria-roledescription": "carousel",
-        class: ["stash-carousel tw-mb-6", N(i).root],
+        class: ["stash-carousel mb-6", N(i).root],
         "data-test": "stash-carousel",
         autoplay: u.autoplayInterval,
         i18n: {
@@ -602,25 +602,25 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         "onUpdate:modelValue": l
       }), {
         addons: G(() => [
-          a.slides.length > 1 && !a.hideNavigation ? (_(), W(Ze, { key: 0 })) : _e("", !0)
+          a.slides.length > 1 && !a.hideNavigation ? (k(), W(Ze, { key: 0 })) : ke("", !0)
         ]),
         default: G(() => [
-          (_(!0), E(B, null, le(a.slides, (w, k) => (_(), W(et, {
-            key: w.id,
+          (k(!0), E(B, null, le(a.slides, (b, _) => (k(), W(et, {
+            key: b.id,
             "data-test": "stash-carousel|slide",
-            class: "tw-cursor-pointer",
+            class: "cursor-pointer",
             onClick: c
           }, {
             default: G(() => [
               Pe(u.$slots, "slide", {
-                slide: w,
-                index: k
+                slide: b,
+                index: _
               }, () => [
                 Ve("img", {
-                  class: ie(["tw-size-full", [{ "tw-rounded": a.roundBorders }]]),
-                  src: w.imageUrl,
+                  class: ie(["size-full", [{ rounded: a.roundBorders }]]),
+                  src: b.imageUrl,
                   title: N(V)("ll.carousel.imageLabel", {
-                    index: k + 1,
+                    index: _ + 1,
                     total: u.slides.length
                   })
                 }, null, 10, tt)
@@ -631,8 +631,8 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
         ]),
         _: 3
       }, 16, ["model-value", "autoplay", "class", "i18n", "items-to-scroll", "items-to-show", "pause-autoplay-on-hover", "wrap-around"]),
-      a.hidePagination ? _e("", !0) : (_(), E(B, { key: 0 }, [
-        a.pagination === "tile" ? (_(), W($e, {
+      a.hidePagination ? ke("", !0) : (k(), E(B, { key: 0 }, [
+        a.pagination === "tile" ? (k(), W($e, {
           key: 0,
           "active-thumbnail": s.value,
           thumbnails: u.slides,
@@ -640,29 +640,29 @@ const tt = ["src", "title"], nt = /* @__PURE__ */ F({
           "onUpdate:activeThumbnail": g
         }, {
           default: G(() => [
-            (_(!0), E(B, null, le(u.slides, (w) => (_(), W(Ue, {
-              key: w.id,
-              thumbnail: w,
+            (k(!0), E(B, null, le(u.slides, (b) => (k(), W(Ue, {
+              key: b.id,
+              thumbnail: b,
               variant: "translucent"
             }, null, 8, ["thumbnail"]))), 128))
           ]),
           _: 1
-        }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (_(), E("ul", {
+        }, 8, ["active-thumbnail", "thumbnails", "radius"])) : (k(), E("ul", {
           key: 1,
-          class: ie(["tw-text-center", [!u.staticPaginationDots && "lg:tw-hidden"]]),
+          class: ie(["text-center", [!u.staticPaginationDots && "lg:hidden"]]),
           "data-test": "stash-carousel|pagination-dots"
         }, [
-          (_(!0), E(B, null, le(u.slides, (w, k) => (_(), E("li", {
-            key: w.imageUrl,
-            class: ie(["tw-inline-block tw-rounded-full", [N(i)["pagination-dot"], [s.value === k ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
+          (k(!0), E(B, null, le(u.slides, (b, _) => (k(), E("li", {
+            key: b.imageUrl,
+            class: ie(["inline-block rounded-full", [N(i)["pagination-dot"], [s.value === _ ? "bg-blue-500" : "bg-blue-100"]]])
           }, null, 2))), 128))
         ], 2))
       ], 64))
     ], 64));
   }
-}), ot = "_root_15vkg_2", at = {
+}), ot = "_root_gpzha_5", at = {
   root: ot,
-  "pagination-dot": "_pagination-dot_15vkg_34"
+  "pagination-dot": "_pagination-dot_gpzha_37"
 }, lt = {
   $style: at
 }, dt = /* @__PURE__ */ ze(nt, [["__cssModules", lt]]);