@8wave/ai-elements 0.103.0-beta.3 → 0.103.0-beta.4

package/dist/_chunks/PkLazyImg-CyeqD59M.js

@@ -0,0 +1,34 @@
+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-B3bThTaf.js";
+import { p as l } from "./index.es-gbmOq0Nu.js";
+import { t as u } from "./useImageFallback-BAsLRsyg.js";
+n(), a();
+var d = ["src"], f = {
+	key: 1,
+	class: "flex items-center justify-center text-18 text-word-4"
+}, p = /* @__PURE__ */ e({
+	__name: "PkLazyImg",
+	props: {
+		src: { type: String },
+		altSrc: { type: String },
+		fallbackIcon: { type: String }
+	},
+	setup(e) {
+		let n = e, { canShowImage: a, onImageError: p } = u(), m = o(() => {
+			if (a(n.src)) return n.src;
+			if (a(n.altSrc)) return n.altSrc;
+		});
+		return (n, a) => {
+			let o = l;
+			return m.value ? (t(), s("img", {
+				key: 0,
+				src: m.value,
+				loading: "lazy",
+				onError: a[0] ||= (e) => i(p)(m.value)
+			}, null, 40, d)) : e.fallbackIcon ? (t(), s("span", f, [c(o, { name: e.fallbackIcon }, null, 8, ["name"])])) : r("", !0);
+		};
+	}
+});
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=PkLazyImg-CyeqD59M.js.map

package/dist/_chunks/{PkLazyImg-_389yCnQ.js.map → PkLazyImg-CyeqD59M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkLazyImg-_389yCnQ.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-CyeqD59M.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"}

package/dist/_chunks/{PkStreamingMarkdown-YJDdYD0E.js → PkStreamingMarkdown-DIkusrTI.js}

@@ -1,9 +1,9 @@
-import { F as e, I as t, P as n, R as r, Y as i, Z as a, h as o, k as s, w as c, y as l } from "./vue.runtime.esm-bundler-DF2of3lp.js";
-import { r as u } from "./vue-i18n-BJ7nxwO3.js";
+import { C as e, F as t, J as n, L as r, N as i, O as a, P as o, X as s, m as c, v as l } from "./vue.runtime.esm-bundler-B3bThTaf.js";
+import { r as u } from "./vue-i18n-t25g63Be.js";
 import { n as d, t as ee } from "./cdn-css-JUUNhyQ6.js";
-import "./src-BjFv9Ag8.js";
+import "./src-CIEdKLKO.js";
 import { n as f } from "./url-validation-uLMZ5-AU.js";
-import { n as p } from "./useShortUrlResolver-BTJM8XRw.js";
+import { n as p } from "./useShortUrlResolver--HRa6Od3.js";
 import { t as te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region ../../packages/utils/src/citations.ts
 var ne = /[ \t]*\uE200[^\uE201]*\uE201/g, re = /[ \t]*(?:cite|filecite|videocite|audiocite|imagecite|screenshot)(?:turn\d+[a-z]+\d+)+/gi, ie = /[\uE200-\uE20F]/g;
@@ -2009,8 +2009,8 @@ function Rn(...e) {
 //#region ../../packages/components/src/chat/PkStreamingMarkdown.vue?vue&type=script&setup=true&lang.ts
 $.use = Rn, $.walkTokens = function(e, t) {
 	return Q.walkTokens(e, t);
-}, $.parseInline = Q.parseInline, $.Parser = X, $.parser = X.parse, $.Renderer = Y, $.TextRenderer = Ln, $.Lexer = J, $.lexer = J.lex, $.Tokenizer = q, $.Hooks = Z, $.parse = $, $.options, $.setOptions, $.walkTokens, $.parseInline, X.parse, J.lex, s();
-var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
+}, $.parseInline = Q.parseInline, $.Parser = X, $.parser = X.parse, $.Renderer = Y, $.TextRenderer = Ln, $.Lexer = J, $.lexer = J.lex, $.Tokenizer = q, $.Hooks = Z, $.parse = $, $.options, $.setOptions, $.walkTokens, $.parseInline, X.parse, J.lex, a();
+var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ e({
 	__name: "PkStreamingMarkdown",
 	props: {
 		markdown: {
@@ -2034,10 +2034,10 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 			default: !1
 		}
 	},
-	setup(s) {
-		let c = s, { t: te } = u({ useScope: "global" }), ne = null;
+	setup(e) {
+		let a = e, { t: te } = u({ useScope: "global" }), ne = null;
 		function re() {
-			return ne ||= import("./dist-BvSGMyWS.js"), ne;
+			return ne ||= import("./dist-BgJVX4FG.js"), ne;
 		}
 		let ie = null;
 		function oe() {
@@ -2132,7 +2132,7 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 			de,
 			Ct,
 			g
-		], v = i("container"), { resolveText: fe } = p(), y = fe(() => c.markdown), b = o(() => {
+		], v = n("container"), { resolveText: fe } = p(), y = fe(() => a.markdown), b = c(() => {
 			let e = _.reduce((e, t) => t(e), y.value);
 			return $.parse(e, {
 				async: !1,
@@ -2141,29 +2141,29 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 			});
 		});
 		async function pe() {
-			if (c.loading) return;
-			await n();
+			if (a.loading) return;
+			await i();
 			let e = v.value?.querySelectorAll("pre.mermaid:not([data-rendered])");
 			if (!e?.length) return;
-			let { renderMermaidSVG: t, THEMES: r } = await re(), i = c.isDark ? r["github-dark"] : r["github-light"];
+			let { renderMermaidSVG: t, THEMES: n } = await re(), r = a.isDark ? n["github-dark"] : n["github-light"];
 			for (let n of Array.from(e)) {
 				if (!n.isConnected) continue;
 				let e = n.textContent?.trim();
 				if (e) try {
-					let r = t(e, i);
-					n.isConnected && (n.dataset.code = e, n.innerHTML = r, n.setAttribute("data-rendered", "true"));
+					let i = t(e, r);
+					n.isConnected && (n.dataset.code = e, n.innerHTML = i, n.setAttribute("data-rendered", "true"));
 				} catch {}
 			}
 		}
 		async function me() {
-			await n();
+			await i();
 			let e = v.value?.querySelectorAll("pre:not(.mermaid) > code:not([data-highlighted])");
 			if (!e?.length) return;
 			let t = (await import("https://cdn.jsdelivr.net/npm/highlight.js@11/es/common.js")).default;
 			for (let n of e) t.highlightElement(n), n.setAttribute("data-highlighted", "true");
 		}
 		async function he() {
-			await n();
+			await i();
 			let e = v.value?.querySelectorAll(".katex-pending");
 			if (!e?.length) return;
 			let t = await oe();
@@ -2182,15 +2182,15 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 			}
 		}
 		async function ge() {
-			await n();
+			await i();
 			let e = v.value?.querySelectorAll("pre.mermaid[data-rendered]");
 			if (!e?.length) return;
-			let { renderMermaidSVG: t, THEMES: r } = await re(), i = c.isDark ? r["github-dark"] : r["github-light"];
+			let { renderMermaidSVG: t, THEMES: n } = await re(), r = a.isDark ? n["github-dark"] : n["github-light"];
 			for (let n of Array.from(e)) {
 				if (!n.isConnected) continue;
 				let e = n.dataset.code;
 				if (e) try {
-					n.innerHTML = t(e, i);
+					n.innerHTML = t(e, r);
 				} catch {}
 			}
 		}
@@ -2203,13 +2203,13 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 		}
 		t(() => {
 			v.value?.addEventListener("error", x, !0);
-		}), e(() => {
+		}), o(() => {
 			v.value?.removeEventListener("error", x, !0);
-		}), a([b, () => c.loading], pe, { immediate: !0 }), a(() => c.isDark, ge), a(b, me, { immediate: !0 }), a(b, he, { immediate: !0 });
+		}), s([b, () => a.loading], pe, { immediate: !0 }), s(() => a.isDark, ge), s(b, me, { immediate: !0 }), s(b, he, { immediate: !0 });
 		let S = 0;
 		function _e(e, t) {
 			let n = document.createElement("span");
-			return n.style.cssText = `animation:ft-${c.animation} ${c.animationDuration} ease-out ${t}ms both;display:inline-block`, n.textContent = e, n.addEventListener("animationend", () => {
+			return n.style.cssText = `animation:ft-${a.animation} ${a.animationDuration} ease-out ${t}ms both;display:inline-block`, n.textContent = e, n.addEventListener("animationend", () => {
 				let t = n.parentNode;
 				t && (t.replaceChild(document.createTextNode(e), n), t.normalize());
 			}, { once: !0 }), n;
@@ -2233,7 +2233,7 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 			return n;
 		}
 		function ye() {
-			if (!v.value || !c.loading || !c.animation) return;
+			if (!v.value || !a.loading || !a.animation) return;
 			let e = C(v.value), t = 0, n = 0;
 			for (let r of e) {
 				let e = r.textContent || "", i = t, a = t + e.length;
@@ -2250,9 +2250,9 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 			}
 			S = t;
 		}
-		return a(b, async () => {
-			await n(), ye();
-		}, { immediate: !0 }), a(() => c.markdown, (e, t) => {
+		return s(b, async () => {
+			await i(), ye();
+		}, { immediate: !0 }), s(() => a.markdown, (e, t) => {
 			(!e || t && e.length < t.length) && (S = 0);
 		}), (e, t) => (r(), l("div", {
 			ref: "container",
@@ -2263,4 +2263,4 @@ var zn = ["innerHTML"], Bn = /*#__PURE__*/ te(/* @__PURE__ */ c({
 //#endregion
 export { Bn as t };
 
-//# sourceMappingURL=PkStreamingMarkdown-YJDdYD0E.js.map
+//# sourceMappingURL=PkStreamingMarkdown-DIkusrTI.js.map