@8wave/ai-elements 0.99.0 → 0.100.0-beta.1

package/dist/_chunks/PkLazyImg-BhLarH2R.js

@@ -0,0 +1,34 @@
+import { A as e, C as t, T as n, at as r, b as i, g as a, xt as o, y as s, z as c } from "./vue.runtime.esm-bundler-DbhD_IvR.js";
+import { f as l } from "./index.es-_oXVRjHy.js";
+import { t as u } from "./useImageFallback-CaxDKce2.js";
+e(), r();
+var d = ["src"], f = {
+	key: 1,
+	class: "flex items-center justify-center text-18 text-word-4"
+}, p = /* @__PURE__ */ n({
+	__name: "PkLazyImg",
+	props: {
+		src: { type: String },
+		altSrc: { type: String },
+		fallbackIcon: { type: String }
+	},
+	setup(e) {
+		let n = e, { canShowImage: r, onImageError: p } = u(), m = a(() => {
+			if (r(n.src)) return n.src;
+			if (r(n.altSrc)) return n.altSrc;
+		});
+		return (n, r) => {
+			let a = l;
+			return m.value ? (c(), i("img", {
+				key: 0,
+				src: m.value,
+				loading: "lazy",
+				onError: r[0] ||= (e) => o(p)(m.value)
+			}, null, 40, d)) : e.fallbackIcon ? (c(), i("span", f, [t(a, { name: e.fallbackIcon }, null, 8, ["name"])])) : s("", !0);
+		};
+	}
+});
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=PkLazyImg-BhLarH2R.js.map

package/dist/_chunks/PkLazyImg-BhLarH2R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkLazyImg-BhLarH2R.js","names":[],"sources":["../../../../packages/components/src/PkLazyImg.vue","../../../../packages/components/src/PkLazyImg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n    import { computed } from 'vue'\n    import { useImageFallback } from 'composables'\n\n    const props = defineProps<{\n        src: string\n        /** Second-best source, tried when `src` fails (e.g. og:image -> favicon). */\n        altSrc?: string\n        /**\n         * Icon rendered in place of the image once every source has failed.\n         * Without it the element is dropped, leaving no gap in the layout.\n         */\n        fallbackIcon?: string\n    }>()\n\n    // Degrade src -> altSrc -> icon. The failure is tracked per url, so a\n    // re-render keeps the fallback instead of re-requesting a dead source.\n    const { canShowImage, onImageError } = useImageFallback()\n    const currentSrc = computed(() => {\n        if (canShowImage(props.src)) {\n            return props.src\n        }\n        if (canShowImage(props.altSrc)) {\n            return props.altSrc\n        }\n        return undefined\n    })\n</script>\n\n<template>\n    <img\n        v-if=\"currentSrc\"\n        :src=\"currentSrc\"\n        loading=\"lazy\"\n        @error=\"onImageError(currentSrc)\" />\n    <span\n        v-else-if=\"fallbackIcon\"\n        class=\"flex items-center justify-center text-18 text-word-4\">\n        <VvIcon :name=\"fallbackIcon\" />\n    </span>\n</template>\n","<script lang=\"ts\" setup>\n    import { computed } from 'vue'\n    import { useImageFallback } from 'composables'\n\n    const props = defineProps<{\n        src: string\n        /** Second-best source, tried when `src` fails (e.g. og:image -> favicon). */\n        altSrc?: string\n        /**\n         * Icon rendered in place of the image once every source has failed.\n         * Without it the element is dropped, leaving no gap in the layout.\n         */\n        fallbackIcon?: string\n    }>()\n\n    // Degrade src -> altSrc -> icon. The failure is tracked per url, so a\n    // re-render keeps the fallback instead of re-requesting a dead source.\n    const { canShowImage, onImageError } = useImageFallback()\n    const currentSrc = computed(() => {\n        if (canShowImage(props.src)) {\n            return props.src\n        }\n        if (canShowImage(props.altSrc)) {\n            return props.altSrc\n        }\n        return undefined\n    })\n</script>\n\n<template>\n    <img\n        v-if=\"currentSrc\"\n        :src=\"currentSrc\"\n        loading=\"lazy\"\n        @error=\"onImageError(currentSrc)\" />\n    <span\n        v-else-if=\"fallbackIcon\"\n        class=\"flex items-center justify-center text-18 text-word-4\">\n        <VvIcon :name=\"fallbackIcon\" />\n    </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAaR,EAAE,iBAAc,oBAAiB,EAAiB,GAClD,IAAa,QAAe;GAC9B,IAAI,EAAa,EAAM,GAAG,GACtB,OAAO,EAAM;GAEjB,IAAI,EAAa,EAAM,MAAM,GACzB,OAAO,EAAM;EAGrB,CAAC;;;UAKS,EAAA,SAAA,EAAA,GADV,EAIwC,OAAA;;IAFnC,KAAK,EAAA;IACN,SAAQ;IACP,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,CAAY,CAAC,EAAA,KAAU;sBAEpB,EAAA,gBAAA,EAAA,GADf,EAIO,QAJP,GAIO,CADH,EAA+B,GAAA,EAAtB,MAAM,EAAA,aAAY,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}