@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/{standalone-CNyNHKVx.js → standalone-BtSHCp2U2.js}

@@ -1,57 +1,56 @@
 import { o as e, t } from "./rolldown-runtime-DleVn1XH.js";
-import { Ba as n, Ha as r, Lt as i, Oa as a, Ri as o, Sa as s, So as c, Ta as l, Va as u, ba as d, qo as f, ss as p, xa as m, xo as h, ya as g } from "./interfaces-VUY4_yVO.js";
-import { B as _, G as v, Hn as y, Ki as b, Nn as x, Wn as S, Zt as C, a as w, d as T, wi as E, xn as D } from "./utils-Ba9T0TqC.js";
-import { gt as O } from "./src-Dun_jXtz.js";
-import { n as k, t as A } from "./url-utils-B17gj_mr.js";
-import "./src-DvX5LU9T.js";
-import { c as j } from "./Radio-Ciu-F4CU.js";
-var M = /* @__PURE__ */ e(b()), N = (e, t) => {
-	let n = e?.simpleTextObjectSettings || {}, r = n.fontFamily ?? o.fontFamily, i = n.textColor ?? o.textColor, a = t ? m(t, r) : r, s = t ? d(t, i) : i, { borderEnabled: c = o.borderEnabled, borderRadius: l = o.borderRadius, borderWidth: f = o.borderWidth } = n;
+import { Ba as n, Fi as r, Ko as i, Mt as a, Ra as o, Sa as s, Ta as c, _a as l, bo as u, ga as d, os as f, va as p, xo as m, ya as h, za as g } from "./isEqual-BDxAhUo8.js";
+import { $t as _, B as v, Cn as y, Ei as b, Fn as x, G as S, Kn as C, Wn as w, Yi as T, a as E, d as D } from "./utils-Bg7K-t6K.js";
+import { gt as O } from "./handlers-VTBfIZYZ.js";
+import { ht as k } from "./ui-DQWtv2iM.js";
+import { n as A, t as j } from "./url-utils-B17gj_mr.js";
+var M = /* @__PURE__ */ e(T()), N = (e, t) => {
+	let n = e?.simpleTextObjectSettings || {}, i = n.fontFamily ?? r.fontFamily, a = n.textColor ?? r.textColor, o = t ? p(t, i) : i, s = t ? l(t, a) : a, { borderEnabled: c = r.borderEnabled, borderRadius: u = r.borderRadius, borderWidth: d = r.borderWidth } = n;
 	return {
-		textContentType: n.textContentType ?? u.Text,
-		textContent: n.textContent ?? o.textContent,
-		variableId: n.variableId ?? o.variableId,
-		representation: n.representation ?? o.representation,
-		paragraphMargin: n.paragraphMargin ?? o.paragraphMargin,
+		textContentType: n.textContentType ?? g.Text,
+		textContent: n.textContent ?? r.textContent,
+		variableId: n.variableId ?? r.variableId,
+		representation: n.representation ?? r.representation,
+		paragraphMargin: n.paragraphMargin ?? r.paragraphMargin,
 		textColor: s,
-		fontFamily: a,
-		fontSize: n.fontSize ?? o.fontSize,
-		bold: n.bold ?? o.bold,
-		weight: n.weight ?? o.weight,
-		italic: n.italic ?? o.italic,
-		underlined: n.underlined ?? o.underlined,
-		strikethrough: n.strikethrough ?? o.strikethrough,
-		letterSpacing: n.letterSpacing ?? o.letterSpacing,
-		lineSpacing: n.lineSpacing ?? o.lineSpacing,
-		wordWrap: n.wordWrap ?? o.wordWrap,
-		linkEnabled: n.linkEnabled ?? o.linkEnabled,
-		linkUrl: n.linkUrl ?? o.linkUrl,
-		backgroundType: n.backgroundType ?? o.backgroundType,
-		backgroundColor: n.backgroundColor ?? o.backgroundColor,
-		imageOpacity: n.imageOpacity ?? o.imageOpacity,
-		backgroundBlur: n.backgroundBlur ?? o.backgroundBlur,
-		backgroundImage: n.backgroundImage ?? o.backgroundImage,
-		imageFitType: n.imageFitType ?? o.imageFitType,
+		fontFamily: o,
+		fontSize: n.fontSize ?? r.fontSize,
+		bold: n.bold ?? r.bold,
+		weight: n.weight ?? r.weight,
+		italic: n.italic ?? r.italic,
+		underlined: n.underlined ?? r.underlined,
+		strikethrough: n.strikethrough ?? r.strikethrough,
+		letterSpacing: n.letterSpacing ?? r.letterSpacing,
+		lineSpacing: n.lineSpacing ?? r.lineSpacing,
+		wordWrap: n.wordWrap ?? r.wordWrap,
+		linkEnabled: n.linkEnabled ?? r.linkEnabled,
+		linkUrl: n.linkUrl ?? r.linkUrl,
+		backgroundType: n.backgroundType ?? r.backgroundType,
+		backgroundColor: n.backgroundColor ?? r.backgroundColor,
+		imageOpacity: n.imageOpacity ?? r.imageOpacity,
+		backgroundBlur: n.backgroundBlur ?? r.backgroundBlur,
+		backgroundImage: n.backgroundImage ?? r.backgroundImage,
+		imageFitType: n.imageFitType ?? r.imageFitType,
 		borderEnabled: c,
-		borderWidth: c ?? !!f ? f : 0,
-		borderRadius: c ?? !!f ? l : 0,
-		borderStyle: n.borderStyle ?? o.borderStyle,
-		borderColor: n.borderColor ?? o.borderColor,
-		textPadding: n.textPadding ?? o.textPadding,
-		textShadow: n.textShadow ?? o.textShadow,
-		objectShadow: n.objectShadow ?? o.objectShadow,
-		responsive: n.responsive ?? o.responsive,
-		scaling: n.scaling ?? o.scaling,
-		maxLines: n.maxLines ?? o.maxLines,
-		position: n.position ?? o.position,
-		align: n.align ?? o.align,
-		richTextScaling: n.richTextScaling ?? o.richTextScaling,
-		richTextResponsive: n.richTextResponsive ?? o.richTextResponsive,
-		richTextMaxLines: n.richTextMaxLines ?? o.richTextMaxLines
+		borderWidth: c ?? !!d ? d : 0,
+		borderRadius: c ?? !!d ? u : 0,
+		borderStyle: n.borderStyle ?? r.borderStyle,
+		borderColor: n.borderColor ?? r.borderColor,
+		textPadding: n.textPadding ?? r.textPadding,
+		textShadow: n.textShadow ?? r.textShadow,
+		objectShadow: n.objectShadow ?? r.objectShadow,
+		responsive: n.responsive ?? r.responsive,
+		scaling: n.scaling ?? r.scaling,
+		maxLines: n.maxLines ?? r.maxLines,
+		position: n.position ?? r.position,
+		align: n.align ?? r.align,
+		richTextScaling: n.richTextScaling ?? r.richTextScaling,
+		richTextResponsive: n.richTextResponsive ?? r.richTextResponsive,
+		richTextMaxLines: n.richTextMaxLines ?? r.richTextMaxLines
 	};
 }, P = 8, F = (e, t, n) => {
 	if (n.width === 0) return t.fontSize;
-	let r = S(), i = 0, a = 0, o = t.fontSize;
+	let r = C(), i = 0, a = 0, o = t.fontSize;
 	for (; a <= o;) {
 		let s = Math.floor((a + o) / 2), { width: c, height: l } = r.getTextSize({
 			size: s,
@@ -64,13 +63,13 @@ var M = /* @__PURE__ */ e(b()), N = (e, t) => {
 		d || f ? o = s - 1 : (i = s, a = s + 1);
 	}
 	return r.cleanDOM(), i;
-}, I = (e, t) => e ? t : c.None, L = (e) => e === c.ViewportWidth ? "vw" : "px", R = (e, t, n) => F(e, t, {
+}, I = (e, t) => e ? t : m.None, L = (e) => e === m.ViewportWidth ? "vw" : "px", R = (e, t, n) => F(e, t, {
 	width: n.width - t.textPadding * 2,
 	height: n.height - t.textPadding * 2
 }), ee = {
 	width: 1920,
 	height: 1080
-}, z = (e) => e / 1920 * 100, B = (e) => e / ee.height * 100, V = E(), te = v({
+}, z = (e) => e / 1920 * 100, B = (e) => e / ee.height * 100, V = b(), te = S({
 	wrapper: {
 		height: "100%",
 		position: "relative",
@@ -153,7 +152,7 @@ var M = /* @__PURE__ */ e(b()), N = (e, t) => {
 		}),
 		onClick: g
 	});
-}, H = v({
+}, H = S({
 	mainContainer: {
 		width: "100%",
 		height: "100%",
@@ -170,7 +169,7 @@ var M = /* @__PURE__ */ e(b()), N = (e, t) => {
 		overflowX: "hidden",
 		lineHeight: 1,
 		color: "#1F1C3B",
-		fontFamily: s("Roboto"),
+		fontFamily: h("Roboto"),
 		fontStyle: "normal",
 		fontWeight: 700
 	},
@@ -188,7 +187,7 @@ var M = /* @__PURE__ */ e(b()), N = (e, t) => {
 		WebkitBoxOrient: "vertical"
 	}
 });
-s("Roboto");
+h("Roboto");
 var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: auto;\n", U = `
   width: 100%;
   height: 100%;
@@ -200,7 +199,7 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
   overflow: auto;
   line-height: 1;
   color: #1F1C3B;
-  font-family: Roboto, ${g};
+  font-family: Roboto, ${d};
   font-style: normal;
   font-weight: 700;
 `, W = "\n  cursor: default;\n  width: 100%;\n  height: auto;\n  -webkit-flex: 1 1 auto;\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  overflow: auto;\n  overflow-wrap: break-word;\n  text-overflow: ellipsis;\n  -box-orient: vertical;\n", G = /* @__PURE__ */ t(((e, t) => {
@@ -411,9 +410,9 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 		ſ: "s"
 	});
 })), J = /* @__PURE__ */ t(((e, t) => {
-	var n = q(), r = i(), a = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, o = RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]", "g");
+	var n = q(), r = a(), i = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, o = RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]", "g");
 	function s(e) {
-		return e = r(e), e && e.replace(a, n).replace(o, "");
+		return e = r(e), e && e.replace(i, n).replace(o, "");
 	}
 	t.exports = s;
 })), Y = /* @__PURE__ */ t(((e, t) => {
@@ -460,9 +459,9 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 	}
 	t.exports = R;
 })), oe = /* @__PURE__ */ t(((e, t) => {
-	var n = Y(), r = ie(), a = i(), o = ae();
-	function s(e, t, i) {
-		return e = a(e), t = i ? void 0 : t, t === void 0 ? r(e) ? o(e) : n(e) : e.match(t) || [];
+	var n = Y(), r = ie(), i = a(), o = ae();
+	function s(e, t, a) {
+		return e = i(e), t = a ? void 0 : t, t === void 0 ? r(e) ? o(e) : n(e) : e.match(t) || [];
 	}
 	t.exports = s;
 })), se = /* @__PURE__ */ t(((e, t) => {
@@ -477,11 +476,11 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 	t.exports = se()(function(e, t, n) {
 		return e + (n ? "-" : "") + t.toLowerCase();
 	});
-})))()), le = (e, t, n = "px") => {
-	let i = [e.underlined ? "underline" : void 0, e.strikethrough ? "line-through" : void 0].filter((e) => !!e).join(" "), o = Math.ceil(t / 10);
+})))()), le = (e, t, r = "px") => {
+	let i = [e.underlined ? "underline" : void 0, e.strikethrough ? "line-through" : void 0].filter((e) => !!e).join(" "), a = Math.ceil(t / 10);
 	return {
 		fontFamily: e.fontFamily,
-		fontSize: `${t}${n}`,
+		fontSize: `${t}${r}`,
 		fontWeight: e.weight ?? (e.bold ? "bold" : "normal"),
 		fontStyle: e.italic ? "italic" : "normal",
 		color: e.textColor ?? "inherit",
@@ -489,12 +488,12 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 		textDecoration: i,
 		letterSpacing: `${e.letterSpacing}px`,
 		lineHeight: e.lineSpacing,
-		whiteSpace: e.responsive || [r.HTML, r.Markdown].includes(e.representation) ? e.wordWrap ? "pre-line" : "nowrap" : "pre-line",
-		marginTop: e.position === p.Top ? "unset" : "auto",
-		marginBottom: e.position === p.Bottom ? "unset" : "auto",
-		textShadow: e.textShadow ? `0px 1px 2px ${a.black}` : "none",
-		paddingTop: o,
-		paddingBottom: o,
+		whiteSpace: e.responsive || [n.HTML, n.Markdown].includes(e.representation) ? e.wordWrap ? "pre-line" : "nowrap" : "pre-line",
+		marginTop: e.position === f.Top ? "unset" : "auto",
+		marginBottom: e.position === f.Bottom ? "unset" : "auto",
+		textShadow: e.textShadow ? `0px 1px 2px ${c.black}` : "none",
+		paddingTop: a,
+		paddingBottom: a,
 		overflow: e.responsive ? "visible" : "hidden",
 		textOverflow: e.responsive ? "initial" : "ellipsis",
 		WebkitLineClamp: e.maxLines || 1,
@@ -502,21 +501,21 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 		display: e.responsive ? "initial" : "-webkit-box"
 	};
 }, X = (e) => {
-	let t = e.borderStyle === f.Line ? "solid" : "dashed";
+	let t = e.borderStyle === i.Line ? "solid" : "dashed";
 	return {
-		backgroundColor: (e.backgroundType === n.Image ? null : e.backgroundColor) ?? "transparent",
+		backgroundColor: (e.backgroundType === o.Image ? null : e.backgroundColor) ?? "transparent",
 		border: `${e.borderWidth}px ${t} ${e.borderColor}`,
 		borderRadius: `${e.borderRadius}px`,
 		backdropFilter: `blur(${e.backgroundBlur}px)`,
-		boxShadow: e.objectShadow ? `0px 2px 4px ${a.alphaBlack(.25)}` : "none"
+		boxShadow: e.objectShadow ? `0px 2px 4px ${c.alphaBlack(.25)}` : "none"
 	};
 }, Z = (e) => ({ padding: `${e.textPadding ?? 0}px` }), ue = (e, t, n) => {
 	if (!n) return {};
 	let r = e.fontSize;
 	switch (t) {
-		case h.ViewportWidth: return { fontSize: `${z(r)}vw` };
-		case h.ViewportHeight: return { fontSize: `${B(r)}vh` };
-		case h.ViewportWidthHeight: return { fontSize: `min(${z(r)}vw, ${B(r)}vh)` };
+		case u.ViewportWidth: return { fontSize: `${z(r)}vw` };
+		case u.ViewportHeight: return { fontSize: `${B(r)}vh` };
+		case u.ViewportWidthHeight: return { fontSize: `min(${z(r)}vw, ${B(r)}vh)` };
 	}
 	return {};
 }, de = {
@@ -545,44 +544,44 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
          ${Q(e)}
         }
         .astrato-html-container p {
-          margin: ${t.representation === r.Markdown ? `${t.paragraphMargin}px` : 0};
+          margin: ${t.representation === n.Markdown ? `${t.paragraphMargin}px` : 0};
         }
         .astrato-html-container li {
           white-space: normal;
         }`, me = (e) => `<div class="astrato-html-main-container"><div class="astrato-html-container">${e}</div></div>`, he = (e, t, n) => {
-	let { textContent: r, variableId: i, textContentType: a = u.Text } = e;
-	return [u.Text, u.Delta].includes(a) ? r || n : i ? `${t[i]?.value ?? ""}` : n;
-}, ge = (e) => e.replace(/(\r\n|\n|\r)/g, " "), $ = ({ textObjectSettings: e, scaling: t, elementSize: i }) => {
-	let a = H(), o = D(), s = T(), { variablesDict: l } = w(), [u, d] = (0, M.useState)(""), f = he(e, l, ""), p = e.fontSize;
-	t === c.FitToObject ? p = R(f, e, i) : t === c.ViewportWidth && (p = z(p));
-	let m = o?.daedalus.objectCapabilities.editable, h = e.backgroundType === n.Image, g = [r.HTML, r.Markdown].includes(e.representation), _ = le(e, p, L(t)), v = X(e), b = Z(e), x = fe(e), S = {
+	let { textContent: r, variableId: i, textContentType: a = g.Text } = e;
+	return [g.Text, g.Delta].includes(a) ? r || n : i ? `${t[i]?.value ?? ""}` : n;
+}, ge = (e) => e.replace(/(\r\n|\n|\r)/g, " "), $ = ({ textObjectSettings: e, scaling: t, elementSize: r }) => {
+	let i = H(), a = y(), s = D(), { variablesDict: c } = E(), [l, u] = (0, M.useState)(""), d = he(e, c, ""), f = e.fontSize;
+	t === m.FitToObject ? f = R(d, e, r) : t === m.ViewportWidth && (f = z(f));
+	let p = a?.daedalus.objectCapabilities.editable, h = e.backgroundType === o.Image, g = [n.HTML, n.Markdown].includes(e.representation), _ = le(e, f, L(t)), v = X(e), b = Z(e), x = fe(e), S = {
 		...b,
 		..._,
 		fontSize: `${e.fontSize}px`
 	};
 	delete S.paddingBottom, delete S.paddingTop, delete S.display, (0, M.useEffect)(() => {
 		let t = async () => {
-			e.representation === r.Markdown ? d(await k(f)) : d(f);
+			e.representation === n.Markdown ? u(await A(d)) : u(d);
 		};
 		(async () => {
 			await t(), !h && !g && s();
 		})();
 	}, [
-		f,
+		d,
 		e.representation,
 		h,
 		g,
 		s
 	]);
-	let C = A(e.linkUrl), E = !g && !e.responsive, O = !e.responsive && !g ? ge(u) : u;
-	return /* @__PURE__ */ (0, V.jsx)(j, {
-		title: E ? O : null,
+	let C = j(e.linkUrl), T = !g && !e.responsive, O = !e.responsive && !g ? ge(l) : l;
+	return /* @__PURE__ */ (0, V.jsx)(k, {
+		title: T ? O : null,
 		children: /* @__PURE__ */ (0, V.jsxs)("div", {
-			className: a.mainContainer,
+			className: i.mainContainer,
 			style: v,
 			"data-testid": "simple-text-object-container",
 			children: [
-				g ? /* @__PURE__ */ (0, V.jsx)(y, {
+				g ? /* @__PURE__ */ (0, V.jsx)(w, {
 					html: me(O),
 					css: pe(S, e),
 					style: de,
@@ -590,17 +589,17 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 				}) : null,
 				h ? /* @__PURE__ */ (0, V.jsx)("img", {
 					src: e.backgroundImage,
-					className: a.image,
+					className: i.image,
 					style: x,
 					onLoad: () => s(),
 					onError: () => s(),
 					alt: "text background"
 				}) : null,
-				m || !g ? /* @__PURE__ */ (0, V.jsx)(V.Fragment, { children: /* @__PURE__ */ (0, V.jsx)("div", {
-					className: a.textContainer,
+				p || !g ? /* @__PURE__ */ (0, V.jsx)(V.Fragment, { children: /* @__PURE__ */ (0, V.jsx)("div", {
+					className: i.textContainer,
 					style: b,
 					children: e.linkEnabled && C ? /* @__PURE__ */ (0, V.jsx)("div", {
-						className: a.spanElement,
+						className: i.spanElement,
 						style: _,
 						"data-ellipsis": !0,
 						"data-testid": "simple-text-object-content",
@@ -615,7 +614,7 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 							children: g ? "" : O
 						})
 					}) : /* @__PURE__ */ (0, V.jsx)("div", {
-						className: a.spanElement,
+						className: i.spanElement,
 						style: {
 							..._,
 							pointerEvents: "none"
@@ -628,8 +627,8 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 			]
 		})
 	});
-}, _e = C($), ve = ({ textObjectSettings: e, isRichTextScalingSet: t }) => {
-	let n = D(), r = _(), i = X(e), a = Z(e), o = H(), s = T(), c = e.richTextScaling ?? h.ViewportBreakpoints, l = ue(e, c, t);
+}, _e = _($), ve = ({ textObjectSettings: e, isRichTextScalingSet: t }) => {
+	let n = y(), r = v(), i = X(e), a = Z(e), o = H(), s = D(), c = e.richTextScaling ?? u.ViewportBreakpoints, l = ue(e, c, t);
 	return (0, M.useEffect)(() => {
 		s();
 	}, [s]), /* @__PURE__ */ (0, V.jsx)("div", {
@@ -643,7 +642,7 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 		children: /* @__PURE__ */ (0, V.jsx)(ne, {
 			value: e.textContent,
 			backendAPI: n,
-			responsive: c === h.ViewportBreakpoints,
+			responsive: c === u.ViewportBreakpoints,
 			richTextResponsive: e.richTextResponsive,
 			richTextMaxLines: e.richTextMaxLines,
 			onSubmit: (t, n) => {
@@ -657,17 +656,17 @@ var re = "\n  height: 100%; \n  width: 100%;\n  display: block;\n  overflow: aut
 		})
 	});
 }, ye = (e) => {
-	let t = e.vTheme ?? l, n = N(e.vSpec, t), r = I(n.responsive, n.scaling), i = {
+	let t = e.vTheme ?? s, n = N(e.vSpec, t), r = I(n.responsive, n.scaling), i = {
 		...e,
 		scaling: r,
 		textObjectSettings: n
 	};
-	if (n.textContentType === u.Delta) return /* @__PURE__ */ (0, V.jsx)(ve, {
+	if (n.textContentType === g.Delta) return /* @__PURE__ */ (0, V.jsx)(ve, {
 		textObjectSettings: n,
 		isRichTextScalingSet: e.vSpec?.simpleTextObjectSettings?.richTextScaling !== void 0
 	});
 	switch (r) {
-		case c.FitToObject: return /* @__PURE__ */ (0, V.jsx)(_e, { ...i });
+		case m.FitToObject: return /* @__PURE__ */ (0, V.jsx)(_e, { ...i });
 		default: return /* @__PURE__ */ (0, V.jsx)($, { ...i });
 	}
 };