@8wave/ai-elements 0.111.0-beta.7 → 0.111.0-beta.8

package/dist/_chunks/{PkLazyImg-ClL4nr95.js → PkLazyImg-Dbj2dDXA.js}

@@ -1,5 +1,5 @@
 import { C as e, L as t, O as n, _ as r, bt as i, it as a, m as o, v as s, x as c } from "./vue.runtime.esm-bundler-CIT_Sbqw.js";
-import { n as l } from "./index.es-dtdl3VFG.js";
+import { n as l } from "./index.es-0YpCa4c5.js";
 import { t as u } from "./useImageFallback-DZS2C7QR.js";
 n(), a();
 var d = ["src"], f = {
@@ -31,4 +31,4 @@ var d = ["src"], f = {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=PkLazyImg-ClL4nr95.js.map
+//# sourceMappingURL=PkLazyImg-Dbj2dDXA.js.map

package/dist/_chunks/{PkLazyImg-ClL4nr95.js.map → PkLazyImg-Dbj2dDXA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkLazyImg-ClL4nr95.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;;;GAKS,OAAA,EAAA,SADV,EAAA,GAAA,EAIwC,OAAA;;IAFnC,KAAK,EAAA;IACN,SAAQ;IACP,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,CAAY,CAAC,EAAA,KAAU;GAEpB,GAAA,MAAA,IAAA,CAAA,KAAA,EAAA,gBADf,EAAA,GAAA,EAIO,QAJP,GAIO,CADH,EAA+B,GAAA,EAAtB,MAAM,EAAA,aAAY,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkLazyImg-Dbj2dDXA.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;;;GAKS,OAAA,EAAA,SADV,EAAA,GAAA,EAIwC,OAAA;;IAFnC,KAAK,EAAA;IACN,SAAQ;IACP,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,CAAY,CAAC,EAAA,KAAU;GAEpB,GAAA,MAAA,IAAA,CAAA,KAAA,EAAA,gBADf,EAAA,GAAA,EAIO,QAJP,GAIO,CADH,EAA+B,GAAA,EAAtB,MAAM,EAAA,aAAY,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}