netstar-ai-chat 1.0.0

package/dist/index5-CjNnYoXJ.js

@@ -0,0 +1,688 @@
+import { C as e, E as t, T as n, b as r, y as i } from "./exports-C67Wizt6.js";
+import { Teleport as a, Transition as ee, computed as o, createBlock as te, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as ne, defineComponent as re, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as ie, onMounted as ae, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, vShow as oe, watch as v, withCtx as se, withDirectives as ce, withModifiers as le } from "vue";
+//#region ../../node_modules/.pnpm/markstream-vue@0.0.10_katex@0.16.47_mermaid@11.16.0_shiki@2.5.0_stream-markdown@0.0.16__933418433302c8f1097502413881496d/node_modules/markstream-vue/dist/index5.js
+var y = (e, t, n) => new Promise((r, i) => {
+	var a = (e) => {
+		try {
+			o(n.next(e));
+		} catch (e) {
+			i(e);
+		}
+	}, ee = (e) => {
+		try {
+			o(n.throw(e));
+		} catch (e) {
+			i(e);
+		}
+	}, o = (e) => e.done ? r(e.value) : Promise.resolve(e.value).then(a, ee);
+	o((n = n.apply(e, t)).next());
+}), ue = () => import("./infographic_markstream-vue-DH5naZYC.js"), b = null, de = ue, fe = ["data-markstream-mode"], pe = { key: 0 }, me = {
+	key: 1,
+	class: "flex items-center gap-x-2 overflow-hidden"
+}, he = ["src"], ge = { key: 2 }, _e = { class: "flex items-center gap-x-1" }, ve = { class: "flex items-center gap-x-1" }, ye = { key: 4 }, be = {
+	key: 5,
+	class: "flex items-center gap-x-1"
+}, xe = ["aria-pressed"], Se = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	"aria-hidden": "true",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	class: "w-3 h-3"
+}, Ce = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	"aria-hidden": "true",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	class: "w-3 h-3"
+}, we = ["disabled"], Te = ["disabled"], Ee = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	"aria-hidden": "true",
+	role: "img",
+	width: "0.75rem",
+	height: "0.75rem",
+	viewBox: "0 0 24 24"
+}, De = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	"aria-hidden": "true",
+	role: "img",
+	width: "0.75rem",
+	height: "0.75rem",
+	viewBox: "0 0 24 24"
+}, Oe = {
+	key: 1,
+	class: "relative"
+}, ke = {
+	key: 0,
+	class: "absolute top-2 right-2 z-10 rounded-lg"
+}, Ae = { class: "flex items-center gap-2 backdrop-blur rounded-lg" }, je = { class: "markstream-vue" }, Me = { class: "absolute top-6 right-6 z-50 flex items-center gap-2" }, x = /* @__PURE__ */ t(/* @__PURE__ */ re({
+	__name: "InfographicBlockNode",
+	props: {
+		node: {},
+		maxHeight: { default: "500px" },
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		isDark: { type: Boolean },
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		showModeToggle: {
+			type: Boolean,
+			default: !0
+		},
+		showCopyButton: {
+			type: Boolean,
+			default: !0
+		},
+		showCollapseButton: {
+			type: Boolean,
+			default: !0
+		},
+		showExportButton: {
+			type: Boolean,
+			default: !0
+		},
+		showFullscreenButton: {
+			type: Boolean,
+			default: !0
+		},
+		showZoomControls: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"copy",
+		"export",
+		"openModal"
+	],
+	setup(t, { emit: re }) {
+		let x = t, { t: S } = n(), Ne = i(), C = m(!1), w = m(!1), Pe = m(), T = m(), E = m(!0), Fe = m(!1), Ie = m("360px"), D = m(!1), O = m(), k = m(null), A = m(!1), j = m(null), M = m(typeof window > "u");
+		function Le() {
+			if (!T.value) return;
+			let e = T.value.scrollHeight;
+			e > 0 && (Ie.value = function(e) {
+				if (!x.maxHeight || x.maxHeight === "none") return `${e}px`;
+				let t = Number.parseFloat(String(x.maxHeight));
+				return Number.isFinite(t) ? `${Math.min(e, t)}px` : `${e}px`;
+			}(e));
+		}
+		typeof window < "u" && v(() => Pe.value, (e) => {
+			var t;
+			if ((t = j.value) == null || t.destroy(), j.value = null, !e) return void (M.value = !1);
+			let n = Ne(e, { rootMargin: "160px" });
+			j.value = n, M.value = n.isVisible.value, n.whenVisible.then(() => {
+				M.value = !0;
+			});
+		}, { immediate: !0 });
+		let N = m(1), P = m(0), F = m(0), I = m(!1), L = m({
+			x: 0,
+			y: 0
+		}), R = o(() => x.node.code), Re = o(() => R.value);
+		function ze(e) {
+			return !e || e.disabled;
+		}
+		function z(e, t, n = "top") {
+			if (ze(e.currentTarget)) return;
+			let i = e, a = i?.clientX != null && i?.clientY != null ? {
+				x: i.clientX,
+				y: i.clientY
+			} : void 0;
+			r(e.currentTarget, t, n, !1, a, x.isDark);
+		}
+		function B() {
+			e();
+		}
+		function Be(e) {
+			if (ze(e.currentTarget)) return;
+			let t = C.value ? S("common.copied") || "Copied" : S("common.copy") || "Copy", n = e, i = n?.clientX != null && n?.clientY != null ? {
+				x: n.clientX,
+				y: n.clientY
+			} : void 0;
+			r(e.currentTarget, t, "top", !1, i, x.isDark);
+		}
+		function Ve() {
+			return y(this, null, function* () {
+				try {
+					let e = R.value;
+					typeof navigator < "u" && navigator.clipboard && typeof navigator.clipboard.writeText == "function" && (yield navigator.clipboard.writeText(e)), C.value = !0, setTimeout(() => {
+						C.value = !1;
+					}, 1e3);
+				} catch (e) {
+					console.error("Failed to copy:", e);
+				}
+			});
+		}
+		function He(e) {
+			Fe.value = !0, E.value = e === "source";
+		}
+		function Ue() {
+			let e = T.value?.querySelector("svg");
+			e ? function(e) {
+				y(this, null, function* () {
+					try {
+						let t = new XMLSerializer().serializeToString(e), n = new Blob([t], { type: "image/svg+xml;charset=utf-8" }), r = URL.createObjectURL(n);
+						if (typeof document < "u") {
+							let e = document.createElement("a");
+							e.href = r, e.download = `infographic-${Date.now()}.svg`;
+							try {
+								document.body.appendChild(e), e.click(), document.body.removeChild(e);
+							} catch {}
+							URL.revokeObjectURL(r);
+						}
+					} catch (e) {
+						console.error("Failed to export SVG:", e);
+					}
+				});
+			}(e) : console.error("SVG element not found");
+		}
+		function V(e) {
+			e.key === "Escape" && D.value && H();
+		}
+		function H() {
+			if (D.value = !1, O.value && (O.value.innerHTML = ""), k.value = null, typeof document < "u") try {
+				document.body.style.overflow = "";
+			} catch {}
+			if (typeof window < "u") try {
+				window.removeEventListener("keydown", V);
+			} catch {}
+		}
+		function We() {
+			(function() {
+				if (D.value = !0, typeof document < "u") try {
+					document.body.style.overflow = "hidden";
+				} catch {}
+				if (typeof window < "u") try {
+					window.addEventListener("keydown", V);
+				} catch {}
+				u(() => {
+					if (T.value && O.value) {
+						O.value.innerHTML = "";
+						let e = document.createElement("div");
+						e.style.transition = "transform 0.1s ease", e.style.transformOrigin = "center center", e.style.width = "100%", e.style.height = "100%", e.style.display = "flex", e.style.alignItems = "center", e.style.justifyContent = "center";
+						let t = T.value.cloneNode(!0);
+						t.classList.add("fullscreen"), t.style.height = "auto", e.appendChild(t), O.value.appendChild(e), k.value = e, e.style.transform = `translate(${P.value}px, ${F.value}px) scale(${N.value})`;
+					}
+				});
+			})();
+		}
+		function Ge() {
+			N.value < 3 && (N.value += .1);
+		}
+		function Ke() {
+			N.value > .5 && (N.value -= .1);
+		}
+		function qe() {
+			N.value = 1, P.value = 0, F.value = 0;
+		}
+		function U(e) {
+			I.value = !0, e instanceof MouseEvent ? L.value = {
+				x: e.clientX - P.value,
+				y: e.clientY - F.value
+			} : L.value = {
+				x: e.touches[0].clientX - P.value,
+				y: e.touches[0].clientY - F.value
+			};
+		}
+		function W(e) {
+			if (!I.value) return;
+			let t, n;
+			e instanceof MouseEvent ? (t = e.clientX, n = e.clientY) : (t = e.touches[0].clientX, n = e.touches[0].clientY), P.value = t - L.value.x, F.value = n - L.value.y;
+		}
+		function G() {
+			I.value = !1;
+		}
+		let K = null, q = !1, J = !1, Y = !1, X = "";
+		function Je(e = !1) {
+			return y(this, null, function* () {
+				var t;
+				if (!M.value || !T.value) return;
+				if (q) return J = !0, void (Y ||= e);
+				let n = Re.value;
+				if (e || n !== X || !A.value) {
+					q = !0;
+					try {
+						let e = yield function() {
+							return y(this, null, function* () {
+								if (b) return b;
+								let e = de;
+								if (!e) return null;
+								let t;
+								try {
+									t = yield e();
+								} catch (t) {
+									throw e === ue ? Error("Optional dependency \"@antv/infographic\" is not installed. Please install it to enable infographic diagrams.") : t;
+								}
+								if (!t) return null;
+								let n = t && t.default ? t.default : t;
+								return b = typeof n == "function" && n.prototype && n.prototype.render ? n : t.Infographic ? t.Infographic : n && n.Infographic ? n.Infographic : n, b;
+							});
+						}();
+						if (!e) return void console.warn("Infographic library failed to load.");
+						K &&= ((t = K.destroy) == null || t.call(K), null), T.value.innerHTML = "", K = new e({
+							container: T.value,
+							width: "100%",
+							height: "100%"
+						}), K.render(R.value), A.value = !0, X = n, u(() => {
+							Le();
+						});
+					} catch (e) {
+						console.error("Failed to render infographic:", e), A.value = !1, X = "", T.value && (T.value.innerHTML = `<div class="text-red-500 p-4">Failed to render infographic: ${e instanceof Error ? e.message : "Unknown error"}</div>`);
+					} finally {
+						if (q = !1, J) {
+							let e = Y;
+							J = !1, Y = !1, u(() => {
+								Je(e);
+							});
+						}
+					}
+				}
+			});
+		}
+		function Z(e = !1) {
+			!M.value || E.value || w.value || u(() => {
+				Je(e);
+			});
+		}
+		v(() => R.value, () => {
+			Z(!0);
+		}), v(() => E.value, (e) => {
+			e || Z();
+		}), v(() => w.value, (e) => {
+			e || Z();
+		}), v(() => x.maxHeight, () => {
+			u(() => {
+				Le();
+			});
+		}), v(() => M.value, (e) => {
+			!e || E.value || w.value || Z();
+		}), ae(() => {
+			Fe.value || (E.value = !1), Z();
+		}), ie(() => {
+			var e, t;
+			if ((e = j.value) == null || e.destroy(), j.value = null, K &&= ((t = K.destroy) == null || t.call(K), null), X = "", typeof window < "u") try {
+				window.removeEventListener("keydown", V);
+			} catch {}
+		});
+		let Q = o(() => x.isDark ? "infographic-action-btn p-2 text-xs rounded text-gray-400 hover:bg-gray-700 hover:text-gray-200" : "infographic-action-btn p-2 text-xs rounded text-gray-600 hover:bg-gray-200 hover:text-gray-700"), $ = o(() => E.value || w.value), Ye = o(() => E.value ? "fallback" : A.value ? "preview" : "pending"), Xe = o(() => ({ transform: `translate(${P.value}px, ${F.value}px) scale(${N.value})` }));
+		return v(Xe, (e) => {
+			D.value && k.value && (k.value.style.transform = e.transform);
+		}), (e, t) => (p(), c("div", {
+			ref_key: "viewportTarget",
+			ref: Pe,
+			class: d(["my-4 rounded-lg border overflow-hidden shadow-sm", [x.isDark ? "border-gray-700/30" : "border-gray-200", { "is-rendering": x.loading }]]),
+			"data-markstream-infographic": "1",
+			"data-markstream-mode": Ye.value
+		}, [
+			x.showHeader ? (p(), c("div", {
+				key: 0,
+				class: d(["infographic-block-header flex justify-between items-center px-4 py-2.5 border-b", x.isDark ? "bg-gray-800 border-gray-700/30" : "bg-gray-50 border-gray-200"])
+			}, [
+				e.$slots["header-left"] ? (p(), c("div", pe, [h(e.$slots, "header-left", {}, void 0, !0)])) : (p(), c("div", me, [l("img", {
+					src: _("data:image/svg+xml,%3csvg%20width='15.52'%20height='16'%20viewBox='0%200%20291%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20d='M140.904%20239.376C128.83%20239.683%20119.675%20239.299%20115.448%20243.843C110.902%20248.07%20111.288%20257.227%20110.979%20269.302C111.118%20274.675%20111.118%20279.478%20111.472%20283.52C111.662%20285.638%20111.95%20287.547%20112.406%20289.224C112.411%20289.243%20112.416%20289.259%20112.422%20289.28C112.462%20289.419%20112.496%20289.558%20112.539%20289.691C113.168%20291.787%20114.088%20293.491%20115.446%20294.758C116.662%20296.064%20118.283%20296.963%20120.264%20297.59C120.36%20297.614%20120.464%20297.646%20120.555%20297.675C120.56%20297.68%20120.56%20297.68%20120.566%20297.68C120.848%20297.768%20121.142%20297.846%20121.443%20297.923C121.454%20297.923%20121.464%20297.928%20121.478%20297.934C122.875%20298.272%20124.424%20298.507%20126.11%20298.678C126.326%20298.696%20126.542%20298.718%20126.763%20298.739C130.79%20299.086%20135.558%20299.088%20140.904%20299.222C152.974%20298.912%20162.128%20299.302%20166.36%20294.758C170.904%20290.526%20170.515%20281.371%20170.824%20269.302C170.515%20257.227%20170.907%20248.07%20166.36%20243.843C162.131%20239.299%20152.974%20239.683%20140.904%20239.376Z'%20fill='%23FF6376'%3e%3c/path%3e%3cpath%20d='M21.2155%20128.398C12.6555%20128.616%206.16484%20128.339%203.16751%20131.56C-0.0538222%20134.56%200.218178%20141.054%20-0.000488281%20149.608C0.218178%20158.168%20-0.0538222%20164.659%203.16751%20167.656C6.16484%20170.878%2012.6555%20170.606%2021.2155%20170.824C25.0262%20170.726%2028.4288%20170.726%2031.2955%20170.475C32.7968%20170.342%2034.1488%20170.136%2035.3382%20169.814C35.3542%20169.811%2035.3648%20169.806%2035.3782%20169.803C35.4768%20169.774%2035.5755%20169.747%2035.6688%20169.718C37.1568%20169.272%2038.3648%20168.622%2039.2635%20167.656C40.1915%20166.795%2040.8262%20165.646%2041.2715%20164.243C41.2875%20164.174%2041.3115%20164.102%2041.3328%20164.035C41.3328%20164.035%2041.3355%20164.032%2041.3355%20164.027C41.3968%20163.827%2041.4529%20163.622%2041.5062%20163.406C41.5062%20163.398%2041.5115%20163.392%2041.5142%20163.382C41.7542%20162.392%2041.9222%20161.294%2042.0422%20160.096C42.0555%20159.944%2042.0715%20159.792%2042.0848%20159.635C42.3328%20156.779%2042.3328%20153.398%2042.4262%20149.608C42.2075%20141.054%2042.4848%20134.56%2039.2635%20131.56C36.2635%20128.339%2029.7728%20128.616%2021.2155%20128.398Z'%20fill='%23FFCCCC'%3e%3c/path%3e%3cpath%20d='M81.0595%20184.171C70.8568%20184.433%2063.1208%20184.102%2059.5475%20187.942C55.7075%20191.518%2056.0328%20199.254%2055.7742%20209.454C56.0328%20219.657%2055.7075%20227.393%2059.5475%20230.963C63.1208%20234.803%2070.8568%20234.478%2081.0595%20234.739C85.6008%20234.622%2089.6595%20234.622%2093.0728%20234.323C94.8648%20234.163%2096.4755%20233.921%2097.8942%20233.534C97.9102%20233.529%2097.9235%20233.526%2097.9422%20233.521C98.0568%20233.486%2098.1742%20233.457%2098.2888%20233.422C100.06%20232.889%20101.5%20232.113%20102.569%20230.963C103.676%20229.937%20104.433%20228.566%20104.964%20226.894C104.985%20226.811%20105.012%20226.726%20105.036%20226.646C105.041%20226.643%20105.041%20226.643%20105.041%20226.638C105.116%20226.401%20105.18%20226.153%20105.244%20225.897C105.244%20225.889%20105.249%20225.881%20105.254%20225.867C105.54%20224.689%20105.74%20223.379%20105.881%20221.953C105.9%20221.771%20105.916%20221.59%20105.934%20221.403C106.228%20218.001%20106.228%20213.969%20106.342%20209.454C106.081%20199.254%20106.412%20191.518%20102.572%20187.942C98.9955%20184.102%2091.2568%20184.433%2081.0595%20184.171Z'%20fill='%23FF939F'%3e%3c/path%3e%3cpath%20d='M260.591%20151.87C215.652%20151.87%20203.02%20164.523%20203.02%20209.462H198.476C198.476%20164.523%20185.836%20151.881%20140.895%20151.881V147.337C185.836%20147.337%20198.487%20134.705%20198.487%2089.7659H203.02C203.02%20134.705%20215.652%20147.337%20260.591%20147.337V151.87ZM286.052%20124.158C281.82%20119.614%20272.66%20120.001%20260.591%20119.689C248.521%20119.385%20239.361%20119.771%20235.129%20115.227C230.585%20110.995%20230.983%20101.846%20230.671%2089.7659C230.513%2083.7312%20230.535%2078.4272%20230.023%2074.1019C229.513%2069.7659%20228.481%2066.4219%20226.209%2064.3046C221.967%2059.7606%20212.817%2060.1472%20200.748%2059.8459C188.681%2060.1472%20179.519%2059.7606%20175.287%2064.3046C170.753%2068.5366%20171.129%2077.6966%20170.828%2089.7659C170.516%20101.835%20170.9%20110.995%20166.356%20115.227C162.124%20119.771%20152.985%20119.374%20140.905%20119.689C138.873%20119.739%20136.924%20119.771%20135.071%20119.811C119.313%20118.697%20106.337%20112.318%20106.337%2089.7659C106.212%2084.6699%20106.233%2080.1792%20105.807%2076.5206C105.367%2072.8726%20104.492%2070.0379%20102.575%2068.2566C99.0013%2064.4112%2091.2573%2064.7446%2081.0653%2064.4832C70.86%2064.7446%2063.1186%2064.4112%2059.5533%2068.2566C55.708%2071.8299%2056.0306%2079.5632%2055.7693%2089.7659C56.0306%2099.9686%2055.708%20107.702%2059.5533%20111.278C63.1186%20115.113%2070.86%20114.79%2081.0653%20115.049C103.617%20115.049%20109.996%20128.035%20111.1%20143.803C111.068%20145.659%20111.028%20147.587%20110.975%20149.619C111.121%20154.987%20111.121%20159.79%20111.476%20163.835C111.663%20165.95%20111.945%20167.857%20112.404%20169.534C112.412%20169.555%20112.412%20169.566%20112.423%20169.598C112.465%20169.734%20112.497%20169.867%20112.537%20170.003C113.164%20172.099%20114.092%20173.809%20115.447%20175.07C116.665%20176.371%20118.281%20177.278%20120.271%20177.905C120.364%20177.934%20120.46%20177.955%20120.564%20177.987C120.855%20178.081%20121.145%20178.153%20121.439%20178.238C121.46%20178.238%20121.471%20178.238%20121.479%20178.249C122.876%20178.582%20124.42%20178.822%20126.108%20178.987C126.327%20179.009%20126.545%20179.03%20126.764%20179.051C130.788%20179.395%20135.559%20179.395%20140.905%20179.529C152.975%20179.843%20162.124%20179.457%20166.356%20184.001C170.9%20188.233%20170.516%20197.371%20170.828%20209.451C171.129%20221.529%20170.743%20230.681%20175.287%20234.91C179.519%20239.454%20188.681%20239.07%20200.748%20239.371C206.127%20239.235%20210.921%20239.235%20214.975%20238.881C217.079%20238.694%20218.985%20238.403%20220.676%20237.955C220.695%20237.945%20220.705%20237.934%20220.727%20237.934C220.873%20237.891%20220.999%20237.859%20221.135%20237.819C223.228%20237.193%20224.937%20236.265%20226.209%20234.91C227.511%20233.691%20228.409%20232.065%20229.044%20230.097C229.065%20230.003%20229.095%20229.899%20229.127%20229.803V229.793C229.22%20229.513%20229.295%20229.222%20229.367%20228.918C229.367%20228.897%20229.377%20228.897%20229.377%20228.878C229.721%20227.481%20229.951%20225.937%20230.127%20224.249C230.137%20224.03%20230.169%20223.811%20230.191%20223.593C230.535%20219.571%20230.535%20214.798%20230.671%20209.451C230.972%20197.371%20230.585%20188.233%20235.129%20184.001C239.361%20179.457%20248.511%20179.843%20260.591%20179.529C272.66%20179.227%20281.82%20179.614%20286.052%20175.07C290.596%20170.838%20290.209%20161.689%20290.511%20149.619C290.209%20137.539%20290.596%20128.379%20286.052%20124.158Z'%20fill='%23FF356A'%3e%3c/path%3e%3cpath%20d='M112.405%2049.848C112.411%2049.8694%20112.416%2049.8827%20112.421%2049.904C112.461%2050.0427%20112.499%2050.1814%20112.539%2050.3147C113.171%2052.4134%20114.088%2054.1147%20115.448%2055.384C116.661%2056.6907%20118.283%2057.5894%20120.264%2058.2134C120.36%2058.24%20120.464%2058.2694%20120.555%2058.3014C120.56%2058.3067%20120.56%2058.3067%20120.565%2058.3067C120.848%2058.3947%20121.141%2058.4694%20121.443%2058.5467C121.453%2058.5467%20121.464%2058.552%20121.48%2058.5574C122.875%2058.896%20124.424%2059.1334%20126.112%2059.3014C126.325%2059.3227%20126.541%2059.3414%20126.763%2059.3627C130.789%2059.712%20135.56%2059.712%20140.904%2059.8454C152.973%2059.5387%20162.128%2059.928%20166.36%2055.384C170.907%2051.152%20170.515%2041.9947%20170.824%2029.9254C170.517%2017.8507%20170.907%208.69602%20166.363%204.46935C162.131%20-0.0746511%20152.973%200.309349%20140.904%201.52588e-05C128.829%200.309349%20119.675%20-0.0746511%20115.448%204.46935C110.904%208.69602%20111.288%2017.8507%20110.979%2029.9254C111.117%2035.3014%20111.117%2040.1014%20111.472%2044.144C111.661%2046.2614%20111.949%2048.1707%20112.405%2049.848Z'%20fill='%23FF6376'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"),
+					class: "w-4 h-4 my-0",
+					alt: "Infographic"
+				}, null, 8, he), l("span", { class: d(["text-sm font-medium font-mono truncate", x.isDark ? "text-gray-400" : "text-gray-600"]) }, "Infographic", 2)])),
+				e.$slots["header-center"] ? (p(), c("div", ge, [h(e.$slots, "header-center", {}, void 0, !0)])) : x.showModeToggle ? (p(), c("div", {
+					key: 3,
+					class: d(["flex items-center gap-x-1 rounded-md p-0.5", x.isDark ? "bg-gray-700" : "bg-gray-100"])
+				}, [l("button", {
+					class: d(["px-2.5 py-1 text-xs rounded transition-colors", [E.value ? x.isDark ? "text-gray-400 hover:text-gray-200" : "text-gray-500 hover:text-gray-700" : x.isDark ? "bg-gray-600 text-gray-200 shadow-sm" : "bg-white text-gray-700 shadow-sm"]]),
+					onClick: t[0] ||= () => He("preview"),
+					onMouseenter: t[1] ||= (e) => z(e, _(S)("common.preview") || "Preview"),
+					onFocus: t[2] ||= (e) => z(e, _(S)("common.preview") || "Preview"),
+					onMouseleave: B,
+					onBlur: B
+				}, [l("div", _e, [t[21] ||= l("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					"xmlns:xlink": "http://www.w3.org/1999/xlink",
+					"aria-hidden": "true",
+					role: "img",
+					width: "1em",
+					height: "1em",
+					viewBox: "0 0 24 24",
+					class: "w-3 h-3"
+				}, [l("g", {
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2"
+				}, [l("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0" }), l("circle", {
+					cx: "12",
+					cy: "12",
+					r: "3"
+				})])], -1), l("span", null, g(_(S)("common.preview") || "Preview"), 1)])], 34), l("button", {
+					class: d(["px-2.5 py-1 text-xs rounded transition-colors", [E.value ? x.isDark ? "bg-gray-600 text-gray-200 shadow-sm" : "bg-white text-gray-700 shadow-sm" : x.isDark ? "text-gray-400 hover:text-gray-200" : "text-gray-500 hover:text-gray-700"]]),
+					onClick: t[3] ||= () => He("source"),
+					onMouseenter: t[4] ||= (e) => z(e, _(S)("common.source") || "Source"),
+					onFocus: t[5] ||= (e) => z(e, _(S)("common.source") || "Source"),
+					onMouseleave: B,
+					onBlur: B
+				}, [l("div", ve, [t[22] ||= l("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					"xmlns:xlink": "http://www.w3.org/1999/xlink",
+					"aria-hidden": "true",
+					role: "img",
+					width: "1em",
+					height: "1em",
+					viewBox: "0 0 24 24",
+					class: "w-3 h-3"
+				}, [l("path", {
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "m16 18l6-6l-6-6M8 6l-6 6l6 6"
+				})], -1), l("span", null, g(_(S)("common.source") || "Source"), 1)])], 34)], 2)) : s("", !0),
+				e.$slots["header-right"] ? (p(), c("div", ye, [h(e.$slots, "header-right", {}, void 0, !0)])) : (p(), c("div", be, [
+					x.showCollapseButton ? (p(), c("button", {
+						key: 0,
+						class: d(Q.value),
+						"aria-pressed": w.value,
+						onClick: t[6] ||= (e) => w.value = !w.value,
+						onMouseenter: t[7] ||= (e) => z(e, w.value ? _(S)("common.expand") || "Expand" : _(S)("common.collapse") || "Collapse"),
+						onFocus: t[8] ||= (e) => z(e, w.value ? _(S)("common.expand") || "Expand" : _(S)("common.collapse") || "Collapse"),
+						onMouseleave: B,
+						onBlur: B
+					}, [(p(), c("svg", {
+						style: f({ rotate: w.value ? "0deg" : "90deg" }),
+						xmlns: "http://www.w3.org/2000/svg",
+						"xmlns:xlink": "http://www.w3.org/1999/xlink",
+						"aria-hidden": "true",
+						role: "img",
+						width: "1em",
+						height: "1em",
+						viewBox: "0 0 24 24",
+						class: "w-3 h-3"
+					}, [...t[23] ||= [l("path", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "m9 18l6-6l-6-6"
+					}, null, -1)]], 4))], 42, xe)) : s("", !0),
+					x.showCopyButton ? (p(), c("button", {
+						key: 1,
+						class: d(Q.value),
+						onClick: Ve,
+						onMouseenter: t[9] ||= (e) => Be(e),
+						onFocus: t[10] ||= (e) => Be(e),
+						onMouseleave: B,
+						onBlur: B
+					}, [C.value ? (p(), c("svg", Ce, [...t[25] ||= [l("path", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M20 6L9 17l-5-5"
+					}, null, -1)]])) : (p(), c("svg", Se, [...t[24] ||= [l("g", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2"
+					}, [l("rect", {
+						width: "14",
+						height: "14",
+						x: "8",
+						y: "8",
+						rx: "2",
+						ry: "2"
+					}), l("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })], -1)]]))], 34)) : s("", !0),
+					x.showExportButton ? (p(), c("button", {
+						key: 2,
+						class: d(`${Q.value} ${$.value ? "opacity-50 cursor-not-allowed" : ""}`),
+						disabled: $.value,
+						onClick: Ue,
+						onMouseenter: t[11] ||= (e) => z(e, _(S)("common.export") || "Export"),
+						onFocus: t[12] ||= (e) => z(e, _(S)("common.export") || "Export"),
+						onMouseleave: B,
+						onBlur: B
+					}, [...t[26] ||= [l("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						"xmlns:xlink": "http://www.w3.org/1999/xlink",
+						"aria-hidden": "true",
+						role: "img",
+						width: "1em",
+						height: "1em",
+						viewBox: "0 0 24 24",
+						class: "w-3 h-3"
+					}, [l("g", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2"
+					}, [l("path", { d: "M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), l("path", { d: "m7 10l5 5l5-5" })])], -1)]], 42, we)) : s("", !0),
+					x.showFullscreenButton ? (p(), c("button", {
+						key: 3,
+						class: d(`${Q.value} ${$.value ? "opacity-50 cursor-not-allowed" : ""}`),
+						disabled: $.value,
+						onClick: We,
+						onMouseenter: t[13] ||= (e) => z(e, D.value ? _(S)("common.minimize") || "Minimize" : _(S)("common.open") || "Open"),
+						onFocus: t[14] ||= (e) => z(e, D.value ? _(S)("common.minimize") || "Minimize" : _(S)("common.open") || "Open"),
+						onMouseleave: B,
+						onBlur: B
+					}, [D.value ? (p(), c("svg", De, [...t[28] ||= [l("path", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6"
+					}, null, -1)]])) : (p(), c("svg", Ee, [...t[27] ||= [l("path", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6"
+					}, null, -1)]]))], 42, Te)) : s("", !0)
+				]))
+			], 2)) : s("", !0),
+			ce(l("div", null, [E.value ? (p(), c("div", {
+				key: 0,
+				class: d(["p-4", x.isDark ? "bg-gray-900" : "bg-gray-50"])
+			}, [l("pre", { class: d(["text-sm font-mono whitespace-pre-wrap", x.isDark ? "text-gray-300" : "text-gray-700"]) }, g(R.value), 3)], 2)) : (p(), c("div", Oe, [x.showZoomControls ? (p(), c("div", ke, [l("div", Ae, [
+				l("button", {
+					class: d(["p-2 text-xs rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+					onClick: Ge,
+					onMouseenter: t[15] ||= (e) => z(e, _(S)("common.zoomIn") || "Zoom in"),
+					onFocus: t[16] ||= (e) => z(e, _(S)("common.zoomIn") || "Zoom in"),
+					onMouseleave: B,
+					onBlur: B
+				}, [...t[29] ||= [l("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					"xmlns:xlink": "http://www.w3.org/1999/xlink",
+					"aria-hidden": "true",
+					role: "img",
+					width: "1em",
+					height: "1em",
+					viewBox: "0 0 24 24",
+					class: "w-3 h-3"
+				}, [l("g", {
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2"
+				}, [l("circle", {
+					cx: "11",
+					cy: "11",
+					r: "8"
+				}), l("path", { d: "m21 21l-4.35-4.35M11 8v6m-3-3h6" })])], -1)]], 34),
+				l("button", {
+					class: d(["p-2 text-xs rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+					onClick: Ke,
+					onMouseenter: t[17] ||= (e) => z(e, _(S)("common.zoomOut") || "Zoom out"),
+					onFocus: t[18] ||= (e) => z(e, _(S)("common.zoomOut") || "Zoom out"),
+					onMouseleave: B,
+					onBlur: B
+				}, [...t[30] ||= [l("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					"xmlns:xlink": "http://www.w3.org/1999/xlink",
+					"aria-hidden": "true",
+					role: "img",
+					width: "1em",
+					height: "1em",
+					viewBox: "0 0 24 24",
+					class: "w-3 h-3"
+				}, [l("g", {
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2"
+				}, [l("circle", {
+					cx: "11",
+					cy: "11",
+					r: "8"
+				}), l("path", { d: "m21 21l-4.35-4.35M8 11h6" })])], -1)]], 34),
+				l("button", {
+					class: d(["p-2 text-xs rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+					onClick: qe,
+					onMouseenter: t[19] ||= (e) => z(e, _(S)("common.resetZoom") || "Reset zoom"),
+					onFocus: t[20] ||= (e) => z(e, _(S)("common.resetZoom") || "Reset zoom"),
+					onMouseleave: B,
+					onBlur: B
+				}, g(Math.round(100 * N.value)) + "% ", 35)
+			])])) : s("", !0), l("div", {
+				class: d(["min-h-[360px] relative transition-all duration-100 overflow-hidden block", x.isDark ? "bg-gray-900" : "bg-gray-50"]),
+				style: f({ height: Ie.value }),
+				onMousedown: U,
+				onMousemove: W,
+				onMouseup: G,
+				onMouseleave: G,
+				onTouchstartPassive: U,
+				onTouchmovePassive: W,
+				onTouchendPassive: G
+			}, [l("div", {
+				class: d(["absolute inset-0 cursor-grab", { "cursor-grabbing": I.value }]),
+				style: f(Xe.value)
+			}, [l("div", {
+				ref_key: "infographicContainer",
+				ref: T,
+				class: "w-full text-center flex items-center justify-center min-h-full"
+			}, null, 512)], 6)], 38)]))], 512), [[oe, !w.value]]),
+			(p(), te(a, { to: "body" }, [l("div", je, [ne(ee, {
+				name: "infographic-dialog",
+				appear: ""
+			}, {
+				default: se(() => [D.value ? (p(), c("div", {
+					key: 0,
+					class: "fixed inset-0 z-50 flex items-center justify-center bg-black/70 p-4",
+					onClick: le(H, ["self"])
+				}, [l("div", { class: d(["dialog-panel relative w-full h-full max-w-full max-h-full rounded shadow-lg overflow-hidden", x.isDark ? "bg-gray-900" : "bg-white"]) }, [l("div", Me, [
+					l("button", {
+						class: d(["p-2 text-xs rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+						onClick: Ge
+					}, [...t[31] ||= [l("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						"xmlns:xlink": "http://www.w3.org/1999/xlink",
+						"aria-hidden": "true",
+						role: "img",
+						width: "1em",
+						height: "1em",
+						viewBox: "0 0 24 24",
+						class: "w-3 h-3"
+					}, [l("g", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2"
+					}, [l("circle", {
+						cx: "11",
+						cy: "11",
+						r: "8"
+					}), l("path", { d: "m21 21l-4.35-4.35M11 8v6m-3-3h6" })])], -1)]], 2),
+					l("button", {
+						class: d(["p-2 text-xs rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+						onClick: Ke
+					}, [...t[32] ||= [l("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						"xmlns:xlink": "http://www.w3.org/1999/xlink",
+						"aria-hidden": "true",
+						role: "img",
+						width: "1em",
+						height: "1em",
+						viewBox: "0 0 24 24",
+						class: "w-3 h-3"
+					}, [l("g", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2"
+					}, [l("circle", {
+						cx: "11",
+						cy: "11",
+						r: "8"
+					}), l("path", { d: "m21 21l-4.35-4.35M8 11h6" })])], -1)]], 2),
+					l("button", {
+						class: d(["p-2 text-xs rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+						onClick: qe
+					}, g(Math.round(100 * N.value)) + "% ", 3),
+					l("button", {
+						class: d(["inline-flex items-center justify-center p-2 rounded transition-colors", [x.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]),
+						onClick: H
+					}, [...t[33] ||= [l("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						"xmlns:xlink": "http://www.w3.org/1999/xlink",
+						"aria-hidden": "true",
+						role: "img",
+						width: "1em",
+						height: "1em",
+						viewBox: "0 0 24 24",
+						class: "w-3 h-3"
+					}, [l("path", {
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M18 6L6 18M6 6l12 12"
+					})], -1)]], 2)
+				]), l("div", {
+					ref_key: "modalContent",
+					ref: O,
+					class: d(["w-full h-full flex items-center justify-center p-4 overflow-hidden", {
+						"cursor-grab": !I.value,
+						"cursor-grabbing": I.value
+					}]),
+					onMousedown: U,
+					onMousemove: W,
+					onMouseup: G,
+					onMouseleave: G,
+					onTouchstartPassive: U,
+					onTouchmovePassive: W,
+					onTouchendPassive: G
+				}, null, 34)], 2)])) : s("", !0)]),
+				_: 1
+			})])]))
+		], 10, fe));
+	}
+}), [["__scopeId", "data-v-e17a4388"]]);
+x.install = (e) => {
+	e.component(x.__name, x);
+};
+//#endregion
+export { x as default };