@leaflink/stash 49.5.0 → 50.0.0

package/dist/CardMedia.js

@@ -1,36 +1,33 @@
-import { defineComponent as m, ref as a, useCssModule as u, openBlock as l, createElementBlock as c, normalizeClass as n, unref as d, createVNode as p, createCommentVNode as _, createElementVNode as f } from "vue";
+import { defineComponent as u, ref as a, useCssModule as m, openBlock as l, createElementBlock as c, normalizeClass as n, unref as d, createVNode as _, createCommentVNode as p, createElementVNode as f } from "vue";
 import w from "./Icon.js";
-import { _ as z } from "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const h = {
   class: "stash-card-media",
   "data-test": "stash-card-media"
-}, v = ["src", "alt"], C = /* @__PURE__ */ m({
+}, v = ["src", "alt"], C = /* @__PURE__ */ u({
   __name: "CardMedia",
   props: {
     src: {},
     alt: {}
   },
   setup(i) {
-    const t = a(!0), s = a(!1), o = i, r = u();
+    const s = a(!0), t = a(!1), o = i, r = m();
     return (E, e) => (l(), c("div", h, [
-      t.value || s.value ? (l(), c("div", {
+      s.value || t.value ? (l(), c("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"])
       }, [
-        p(w, {
+        _(w, {
           name: "image",
           class: n(d(r).iconSize)
         }, null, 8, ["class"])
-      ], 2)) : _("", !0),
+      ], 2)) : p("", !0),
       f("img", {
         src: o.src,
         class: "tw-w-full tw-rounded-t",
         alt: o.alt,
-        onLoad: e[0] || (e[0] = () => t.value = !1),
-        onError: e[1] || (e[1] = () => s.value = !0)
+        onLoad: e[0] || (e[0] = () => s.value = !1),
+        onError: e[1] || (e[1] = () => t.value = !0)
       }, null, 40, v)
     ]));
   }
@@ -39,8 +36,8 @@ const h = {
   iconSize: g
 }, y = {
   $style: x
-}, b = /* @__PURE__ */ z(C, [["__cssModules", y]]);
+}, V = /* @__PURE__ */ z(C, [["__cssModules", y]]);
 export {
-  b as default
+  V as default
 };
 //# sourceMappingURL=CardMedia.js.map

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":";;;;;;;;;;;;;;;;AAgBQ,UAAAA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAEtBE,IAAQC,GAERC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":";;;;;;;;;;;;;AAgBQ,UAAAA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAEtBE,IAAQC,GAERC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}