@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-tDNy-SFH.js

@@ -0,0 +1,281 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { An as t, Cn as n, Fn as r, Ks as i, No as a, Sa as o, Si as s, Ta as c, Ys as l, fc as u, mc as d, vo as f, yo as p } from "./isEqual-BDxAhUo8.js";
+import { $t as m, Ei as h, I as g, P as _, Yi as v } from "./utils-Bg7K-t6K.js";
+import { Bm as y, Pm as b } from "./handlers-VTBfIZYZ.js";
+import { t as x } from "./stroke-dash-UgMEcCS4.js";
+import { B as S, Et as C, Ft as w, G as T, I as E, Jt as D, L as O, M as k, N as ee, Pt as A, Rt as j, St as M, Wt as N, Xt as P, Y as F, Yt as I, Zt as L, at as R, dn as z, dt as B, ft as V, gt as H, ht as U, i as W, j as G, kt as K, mt as q, n as J, rn as Y, sn as te, st as X, ut as Z, vt as Q } from "./escobar-eDjtGpkC.js";
+import { g as ne, t as re } from "./coloring-B1XAfg6b.js";
+import { t as ie } from "./set-coloring-datafield-B3uIS1Pe.js";
+var ae = /* @__PURE__ */ e(v()), oe = (e, t, a) => {
+	let o = e.dimensions.filter((e) => s(e)), c = e.measures.filter((e) => s(e)), f = o[0], p = c[0], m = !1, h = {}, { coloring: g } = e || {}, _ = g?.fieldId;
+	if (g?.type === l.Categorical && (_ ||= u(f.dataItem)), g?.type === l.Gradient && (_ ||= u(p.dataItem)), _ && U(a, 0, { color: { field: _ } }), f && e?.axes?.dimension?.continuousAxis) {
+		let e = d(f.dataItem), t = !!f.datePart, i = n(e) || r(e);
+		m = !t && i;
+	}
+	if (h = M(ie(e, _), t, h), h = T(e, h, a.collections, m, !0), c.filter((e) => e.graphType === i.Bar).length > 1 && !e.barSettings?.grouped) {
+		let t = P(e, c.find((e) => e.graphType === i.Bar));
+		h[t].data = { collection: C.ComboChartCollection };
+	}
+	return {
+		...a,
+		scales: h
+	};
+}, $ = (e, t, n) => {
+	let r = e.measures.filter((e) => s(e)), a = e.dimensions.filter((e) => s(e)), o = (e.supportingMeasures ?? []).filter((e) => s(e)), c = r.reduce((e, t) => {
+		let n = u(t.dataItem);
+		return e[n] = { field: n }, e;
+	}, {}), l = k(o), d = a.reduce((e, t) => {
+		let n = u(t.dataItem);
+		return e[n] = { field: n }, e;
+	}, {}), f = a[0];
+	if (!f) return n;
+	let p = u(f.dataItem), m = {
+		key: C.ComboChartCollection,
+		data: { extract: [] }
+	};
+	if (m.data.extract = r.map((e, t) => {
+		let n = u(e.dataItem);
+		return {
+			field: p,
+			props: {
+				end: { field: n },
+				...c,
+				...l,
+				...d,
+				start: 0,
+				graphType: e.graphType,
+				measureIndex: t,
+				fieldId: n
+			}
+		};
+	}), r.filter((e) => e.graphType === i.Bar).length > 1) {
+		let t = !!r.find((e) => e.graphType === i.Bar)?.secondaryAxis, n = new Map(r.map((e) => [u(e.dataItem), !!e.secondaryAxis]));
+		e.barSettings?.grouped || (m.data.stack = {
+			stackKey: (e) => e.graphType.value === i.Bar ? `${e.value}` : `${e.value}-${e.graphType.value}-${e.measureIndex.value}`,
+			value: (e) => {
+				let r = e.fieldId?.value;
+				return typeof r != "string" || n.get(r) !== t ? null : e.end.value;
+			},
+			offset: y.Diverging
+		});
+	}
+	return {
+		...n,
+		collections: [...n.collections, m]
+	};
+}, se = (e, t, n, r, a, o) => {
+	let c = [];
+	return e.measures.filter((e) => s(e)).forEach((r) => {
+		let s = u(r.dataItem), l = (e) => e.fieldId.value === s;
+		switch (r.graphType || e.type) {
+			case i.Bar:
+				c.push(le(e, t, a, n, r, o, l));
+				break;
+			case i.Point:
+				c.push(V(e, t, n, r, !1, C.ComboChartCollection, l));
+				break;
+			default: c.push(ce(e, t, n, r, l)), c.push(V(e, t, n, r, !r.showDataPoints, C.ComboChartCollection, l));
+		}
+	}), c.sort((e) => e.type === z.Box ? -1 : 0), {
+		...n,
+		components: [...n.components, ...c]
+	};
+};
+function ce(e, t, n, r, o) {
+	let c = e.dimensions.filter((e) => s(e));
+	if (!c[0]) throw Error("Combo chart without dimension is not supported.");
+	if (c.length > 1) throw Error("Combo chart currently support only one dimension.");
+	let l = x(r.strokeDash), d = u(r.dataItem), f = ne(e, n, t, r, d);
+	return {
+		type: z.Line,
+		layout: { displayOrder: w.VisualizationElement },
+		key: q(e, r, i.Line),
+		data: {
+			collection: C.ComboChartCollection,
+			filter: o
+		},
+		settings: {
+			orientation: e.orientation === a.Horizontal ? a.Vertical : a.Horizontal,
+			coordinates: {
+				major: { scale: I(e) },
+				minor: {
+					scale: P(e, r),
+					ref: d
+				}
+			},
+			layers: {
+				curve: e.lineSettings?.lineCurve,
+				skipCollisions: !0,
+				line: {
+					stroke: f,
+					strokeWidth: r.strokeWidth,
+					strokeDasharray: l
+				}
+			}
+		},
+		animations: {
+			enabled: !0,
+			presetId: "simple-opacity"
+		}
+	};
+}
+function le(e, n, r, o, c, l, d) {
+	let f = e.dimensions.filter((e) => s(e)), p = e.measures.filter((e) => s(e) && e.graphType === i.Bar);
+	if (!f[0]) throw Error("Combo chart without dimension is not supported.");
+	let m = { scale: I(e) }, h = {
+		scale: P(e, c),
+		end: { ref: "end" }
+	}, g = {
+		minWidthPx: 2,
+		rx: t(e?.barSettings.barRadius, 0),
+		roundAllEdges: e?.barSettings?.roundAllEdges,
+		useCustomBoxRounding: !0,
+		boxPadding: e?.barSettings?.barPadding ?? te.scale.padding
+	};
+	g.fill = new re(e, n, r?.[0]?.itemsNotAffectedByFiltering).getColorDefinition({ ref: "fieldId" });
+	let _ = {
+		enabled: !0,
+		presetId: "bar-chart"
+	}, v = c?.graphType !== i.Bar;
+	if (p.length > 1 && e.barSettings?.grouped) {
+		let t = 1 * (1 / p.length), n = (1 - (e.barSettings?.barPadding ?? 0)) * t, r = .5 / p.length, i = (1 + 0 * (p.length - 1)) * r, a = p.findIndex((e) => u(e.dataItem) === u(c.dataItem));
+		m.fn = (n) => {
+			let r = n.resources.scale(I(e));
+			return r(n.datum.value) + i * r.bandwidth?.() + a * r.bandwidth?.() * t;
+		}, g.width = n;
+	}
+	return {
+		type: z.Box,
+		layout: { displayOrder: w.VisualizationElement },
+		key: q(e, c, i.Bar),
+		data: {
+			collection: C.ComboChartCollection,
+			filter: d
+		},
+		settings: {
+			orientation: e.orientation ?? a.Vertical,
+			major: m,
+			minor: h,
+			box: g
+		},
+		animations: _,
+		brush: v ? null : N([""], l)
+	};
+}
+var ue = (e, t) => {
+	let n = t ? [b.Inside] : [
+		b.Inside,
+		b.Outside,
+		b.Opposite
+	];
+	return (e || [
+		{
+			position: b.Inside,
+			justify: 1
+		},
+		{ position: b.Outside },
+		{ position: b.Opposite }
+	]).map((e) => ({
+		...e,
+		possible: n.includes(e.position)
+	}));
+}, de = ({ data: e }) => e ? e.end.value > e.start.value ? "up" : "down" : null, fe = ({ data: e }) => e ? e.end.value > e.start.value ? "right" : "left" : null, pe = (e, t, n, r, a, o) => {
+	let l = e.measures.filter((e) => s(e)), d = l.filter((e) => e.graphType === i.Bar), m = d.filter((e) => e.dataLabels?.show), h = d.length >= 2 && !("barSettings" in e && e.barSettings?.grouped), g = L(e), _ = m.map((n) => {
+		let r = !!n.dataLabels?.barLabelPlacements, a = ue(n.dataLabels?.barLabelPlacements, h).filter((e) => e.possible).map((e) => ({
+			position: e.position,
+			fill: e.position === b.Inside ? c.white : "#242424",
+			...e.justify === void 0 ? {} : { justify: e.justify },
+			...r ? { overflow: [b.Outside, b.Opposite].includes(e.position) } : {}
+		}));
+		return n.dataLabels?.showBackdrop && !h && (a = a.map((e) => ee(e, t, g))), {
+			key: `combo-bar-labels-${n.dataItem.uniqueSignature}`,
+			type: z.Labels,
+			layout: { displayOrder: w.Labels },
+			settings: { sources: [{
+				component: q(e, n, i.Bar),
+				selector: Y.Rect,
+				strategy: {
+					type: "bar",
+					settings: {
+						direction: g ? fe : de,
+						fontSize: D(n.dataLabels?.size),
+						fontFamily: t.fonts.general.fontFamily,
+						labels: [{
+							label: E(n),
+							placements: a
+						}]
+					}
+				}
+			}] },
+			animations: {
+				enabled: !0,
+				presetId: "chart-labels"
+			}
+		};
+	}), v = {}, y = {}, x = l.filter((e) => e.graphType !== i.Bar).map((t) => {
+		let n = u(t.dataItem), r = q(e, t, i.Point);
+		return y[r] = n, v[r] = {
+			enabled: t.dataLabels?.show || !1,
+			fontSize: D(t.dataLabels?.size),
+			backdropColor: t.dataLabels?.backdropColor,
+			textColor: t.dataLabels?.textColor,
+			isColored: t.dataLabels?.isColored,
+			colorType: t.dataLabels?.showBackdrop ? f.Backdrop : f.Text,
+			density: t.dataLabels?.density || p.Medium
+		}, r;
+	}).filter((e) => v[e].enabled), C = x.length ? [S({
+		targetComponentKeys: x,
+		targetSelector: `.${B}`,
+		label: ({ data: e, node: t }) => e[y[t.key]]?.label,
+		skipBrush: !0
+	}, v, o, t)] : [];
+	if (_.length && C.length) {
+		let e = {
+			...C[0],
+			settings: {
+				...C[0].settings,
+				sources: [..._.flatMap((e) => e.settings.sources), ...C[0].settings.sources]
+			}
+		};
+		return {
+			...n,
+			components: [...n.components, e]
+		};
+	}
+	return {
+		...n,
+		components: [
+			...n.components,
+			..._,
+			...C
+		]
+	};
+}, me = class extends G {
+	constructor() {
+		super([
+			$,
+			oe,
+			j,
+			Q,
+			se,
+			X,
+			H,
+			pe,
+			R,
+			F,
+			K,
+			A,
+			Z,
+			O
+		]);
+	}
+}, he = h(), ge = m(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: a }) => {
+	let s = _(), [c] = (0, ae.useState)(() => new me()), l = g(), u = t || o, d = c.compile(e, u, n, r, a, i.Combo, s, l, J());
+	return d ? /* @__PURE__ */ (0, he.jsx)(W, {
+		config: a,
+		definition: d,
+		size: r,
+		vSpec: e
+	}) : null;
+});
+export { ge as ComboChart };

package/chunks/standalone-v1oxfU20.js

@@ -0,0 +1,68 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { An as t, mr as n } from "./isEqual-BDxAhUo8.js";
+import { Cn as r, Ei as i, G as a, Yi as o, d as s } from "./utils-Bg7K-t6K.js";
+var c = /* @__PURE__ */ e(o()), l = a({
+	iframeWrapper: {
+		width: "100%",
+		height: "100%",
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		position: "relative"
+	},
+	overlay: {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		width: "100%",
+		height: "100%",
+		backgroundColor: "transparent",
+		pointerEvents: "all",
+		zIndex: 1
+	},
+	emptyState: {
+		width: "100%",
+		height: "100%"
+	}
+}), u = i(), d = n(), f = ({ vSpec: e = d }) => {
+	let n = t(e.iframeSettings.url, null), i = s(), a = l(), o = r();
+	if ((0, c.useEffect)(() => {
+		i();
+	}, []), !n) return /* @__PURE__ */ (0, u.jsx)("div", {
+		className: a.emptyState,
+		"data-testid": "iframe-empty-container"
+	});
+	let f = "\n    allow-scripts\n    allow-forms\n    allow-same-origin\n    allow-popups\n    allow-popups-to-escape-sandbox\n    allow-modals\n    allow-downloads\n  ", p = "\n    autoplay\n    clipboard-write\n    clipboard-read\n  ";
+	return o.daedalus.objectCapabilities.editable ? /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: a.iframeWrapper,
+		"data-testid": "iframe-container",
+		children: [/* @__PURE__ */ (0, u.jsx)("iframe", {
+			src: n,
+			width: "100%",
+			height: "100%",
+			style: { border: "none" },
+			sandbox: f,
+			allow: p,
+			loading: "lazy",
+			referrerPolicy: "no-referrer-when-downgrade",
+			"data-testid": "iframe-content"
+		}), /* @__PURE__ */ (0, u.jsx)("div", {
+			className: a.overlay,
+			"data-testid": "iframe-overlay"
+		})]
+	}) : /* @__PURE__ */ (0, u.jsx)("div", {
+		className: a.iframeWrapper,
+		"data-testid": "iframe-container",
+		children: /* @__PURE__ */ (0, u.jsx)("iframe", {
+			src: n,
+			width: "100%",
+			height: "100%",
+			style: { border: "none" },
+			sandbox: f,
+			allow: p,
+			loading: "lazy",
+			referrerPolicy: "no-referrer-when-downgrade"
+		})
+	});
+};
+export { f as IframeObject };

package/chunks/standalone-vzBY6q0I2.js

@@ -0,0 +1,140 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Aa as t, Ta as n } from "./isEqual-BDxAhUo8.js";
+import { $t as r, Cn as i, Ei as a, Fn as o, G as s, Yi as c, a as l, d as u, q as d, ta as f, zr as p } from "./utils-Bg7K-t6K.js";
+import { t as m } from "./events-WZut5Ow6.js";
+var h = /* @__PURE__ */ e(c());
+h.forwardRef(function(e, t) {
+	return h.createElement("img", {
+		...e,
+		ref: t,
+		src: "data:image/svg+xml,%3Csvg%20width%3D%22177%22%20height%3D%22177%22%20viewBox%3D%220%200%20177%20177%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M177%2041.2427V164.357C177%20167.71%20175.668%20170.926%20173.297%20173.297C170.926%20175.668%20167.71%20177%20164.357%20177H12.6429C9.28976%20177%206.074%20175.668%203.70301%20173.297C1.33201%20170.926%200%20167.71%200%20164.357V12.6429C0%209.28976%201.33201%206.074%203.70301%203.70301C6.074%201.33201%209.28976%200%2012.6429%200L135.757%200C139.11%200%20152.289%2016.5319%20154.66%2018.9029C157.031%2021.2739%20177%2037.8896%20177%2041.2427Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%20%20%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2225%22%20y%3D%2225%22%20width%3D%22127%22%20height%3D%22127%22%3E%0A%20%20%20%20%3Crect%20x%3D%2225.2857%22%20y%3D%2225.2857%22%20width%3D%22126.429%22%20height%3D%22126.429%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%20%20%3C%2Fmask%3E%0A%20%20%3Cg%20mask%3D%22url(%23mask0)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M135.703%20147.315L126.644%20123.059L90.9439%2027.4276C90.4703%2026.1541%2089.227%2025.2857%2087.8653%2025.2857C86.4444%2025.2857%2085.201%2026.0962%2084.7274%2027.3118L61.2231%2083.9847L44.3497%2069.7441C43.3432%2068.8758%2041.8631%2068.7021%2040.679%2069.281C39.4949%2069.8599%2038.7252%2071.0756%2038.8436%2072.407L42.3367%20130.469C42.3959%20131.685%2043.1656%20132.727%2044.2905%20133.248C45.4154%20133.769%2046.7179%20133.595%2047.7244%20132.901L80.287%20108.645L130.493%20150.904C131.144%20151.425%20131.914%20151.714%20132.683%20151.714C133.335%20151.714%20133.986%20151.541%20134.578%20151.135C135.703%20150.267%20136.236%20148.704%20135.703%20147.315ZM58.5589%2090.4103L48.0796%20115.65L45.9482%2079.8167L58.5589%2090.4103ZM53.2896%20120.454L63.8873%2094.9257L75.0178%20104.304L53.2896%20120.454ZM66.5515%2088.5L87.6284%2037.616L104.324%2082.3638L80.4055%20100.136L66.5515%2088.5ZM85.6155%20104.593L106.752%2088.8474L120.369%20125.259L125.046%20137.763L85.6155%20104.593Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M137.419%200H135.757V28.5999C135.757%2031.953%20137.089%2035.1687%20139.46%2037.5397C141.831%2039.9107%20145.047%2041.2427%20148.4%2041.2427H177V39.581L137.419%200Z%22%20fill%3D%22%23E0E0E0%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	});
+});
+var g = "data:image/svg+xml,%3Csvg%20width%3D%22177%22%20height%3D%22177%22%20viewBox%3D%220%200%20177%20177%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M177%2041.2427V164.357C177%20167.71%20175.668%20170.926%20173.297%20173.297C170.926%20175.668%20167.71%20177%20164.357%20177H12.6429C9.28976%20177%206.074%20175.668%203.70301%20173.297C1.33201%20170.926%200%20167.71%200%20164.357V12.6429C0%209.28976%201.33201%206.074%203.70301%203.70301C6.074%201.33201%209.28976%200%2012.6429%200L135.757%200C139.11%200%20152.289%2016.5319%20154.66%2018.9029C157.031%2021.2739%20177%2037.8896%20177%2041.2427Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%20%20%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2225%22%20y%3D%2225%22%20width%3D%22127%22%20height%3D%22127%22%3E%0A%20%20%20%20%3Crect%20x%3D%2225.2857%22%20y%3D%2225.2857%22%20width%3D%22126.429%22%20height%3D%22126.429%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%20%20%3C%2Fmask%3E%0A%20%20%3Cg%20mask%3D%22url(%23mask0)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M135.703%20147.315L126.644%20123.059L90.9439%2027.4276C90.4703%2026.1541%2089.227%2025.2857%2087.8653%2025.2857C86.4444%2025.2857%2085.201%2026.0962%2084.7274%2027.3118L61.2231%2083.9847L44.3497%2069.7441C43.3432%2068.8758%2041.8631%2068.7021%2040.679%2069.281C39.4949%2069.8599%2038.7252%2071.0756%2038.8436%2072.407L42.3367%20130.469C42.3959%20131.685%2043.1656%20132.727%2044.2905%20133.248C45.4154%20133.769%2046.7179%20133.595%2047.7244%20132.901L80.287%20108.645L130.493%20150.904C131.144%20151.425%20131.914%20151.714%20132.683%20151.714C133.335%20151.714%20133.986%20151.541%20134.578%20151.135C135.703%20150.267%20136.236%20148.704%20135.703%20147.315ZM58.5589%2090.4103L48.0796%20115.65L45.9482%2079.8167L58.5589%2090.4103ZM53.2896%20120.454L63.8873%2094.9257L75.0178%20104.304L53.2896%20120.454ZM66.5515%2088.5L87.6284%2037.616L104.324%2082.3638L80.4055%20100.136L66.5515%2088.5ZM85.6155%20104.593L106.752%2088.8474L120.369%20125.259L125.046%20137.763L85.6155%20104.593Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M137.419%200H135.757V28.5999C135.757%2031.953%20137.089%2035.1687%20139.46%2037.5397C141.831%2039.9107%20145.047%2041.2427%20148.4%2041.2427H177V39.581L137.419%200Z%22%20fill%3D%22%23E0E0E0%22%2F%3E%0A%3C%2Fsvg%3E%0A", _ = (e, t, n) => t?.imageSettings.image?.mediaItemId ? e.daedalus.mediaApi.getUrl(t?.imageSettings.image?.mediaItemId) : t?.imageSettings.image?.imageUrl ? t?.imageSettings.image?.imageUrl : t?.imageSettings.image?.imageVariable && n?.[t?.imageSettings.image?.imageVariable]?.value ? `${n?.[t?.imageSettings.image?.imageVariable]?.value}` : "", v = (e, n, r) => ({
+	imageSrc: _(e, n, r),
+	imageFit: n?.imageSettings.image?.imageFit ?? t.Contain,
+	opacity: n?.imageSettings.opacity ?? 1,
+	saturation: n?.imageSettings.saturation ?? 1,
+	blur: n?.imageSettings.blur ?? 0,
+	shadow: n?.imageSettings.shadow ?? !1
+}), y = s({
+	singleImageContainer: {
+		display: "flex",
+		height: "100%",
+		width: "100%"
+	},
+	previewImageContainer: {
+		display: "flex",
+		height: "100%",
+		width: "100%",
+		justifyContent: "center",
+		alignItems: "center",
+		"& img": {
+			maxWidth: "100%",
+			maxHeight: "100%"
+		}
+	},
+	addGalleryButton: {
+		...d.normal14,
+		padding: "10px 20px",
+		background: n.white,
+		borderRadius: 4,
+		border: `1px solid ${n.grey3}`,
+		color: n.secondaryPurple,
+		cursor: "pointer",
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	buttonIcon: { marginRight: 5 }
+}), b = s({
+	mainContainer: {
+		display: "flex",
+		flexDirection: "column",
+		width: "100%",
+		flexGrow: 1,
+		maxHeight: "100%"
+	},
+	imageContainer: {
+		position: "relative",
+		display: "block",
+		width: "100%",
+		flexGrow: 1,
+		maxHeight: "100%"
+	},
+	image: {
+		height: "100%",
+		width: "100%",
+		pointerEvents: "none",
+		objectFit: "contain",
+		position: "absolute",
+		top: 0,
+		left: 0,
+		"&.cover": { objectFit: "cover" },
+		"&.contain": { objectFit: "contain" },
+		"&.fill": { objectFit: "fill" },
+		"&.none": { objectFit: "none" }
+	}
+}), x = a(), S = (e) => o({
+	contain: e === t.Contain,
+	cover: e === t.Cover,
+	fill: e === t.Fill,
+	none: e === t.None
+}), C = ({ imageSrc: e, imageFit: t, opacity: n, saturation: r, blur: i, shadow: a, onLoadCallback: s }) => {
+	let c = b(), l = a ? "drop-shadow(0px 3px 6px rgba(0,0,0,0.25))" : "";
+	return /* @__PURE__ */ (0, x.jsx)("div", {
+		className: c.mainContainer,
+		children: /* @__PURE__ */ (0, x.jsx)("div", {
+			className: c.imageContainer,
+			children: /* @__PURE__ */ (0, x.jsx)("img", {
+				className: o({
+					[c.image]: !0,
+					[S(t)]: !0
+				}),
+				style: {
+					filter: `blur(${i}px) saturate(${r}) ${l}`,
+					opacity: n
+				},
+				alt: "",
+				title: e.trim() ? "" : "Add Image",
+				src: e.trim() || "data:image/svg+xml,%3Csvg%20width%3D%22177%22%20height%3D%22177%22%20viewBox%3D%220%200%20177%20177%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M177%2041.2427V164.357C177%20167.71%20175.668%20170.926%20173.297%20173.297C170.926%20175.668%20167.71%20177%20164.357%20177H12.6429C9.28976%20177%206.074%20175.668%203.70301%20173.297C1.33201%20170.926%200%20167.71%200%20164.357V12.6429C0%209.28976%201.33201%206.074%203.70301%203.70301C6.074%201.33201%209.28976%200%2012.6429%200L135.757%200C139.11%200%20152.289%2016.5319%20154.66%2018.9029C157.031%2021.2739%20177%2037.8896%20177%2041.2427Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%20%20%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2225%22%20y%3D%2225%22%20width%3D%22127%22%20height%3D%22127%22%3E%0A%20%20%20%20%3Crect%20x%3D%2225.2857%22%20y%3D%2225.2857%22%20width%3D%22126.429%22%20height%3D%22126.429%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%20%20%3C%2Fmask%3E%0A%20%20%3Cg%20mask%3D%22url(%23mask0)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M135.703%20147.315L126.644%20123.059L90.9439%2027.4276C90.4703%2026.1541%2089.227%2025.2857%2087.8653%2025.2857C86.4444%2025.2857%2085.201%2026.0962%2084.7274%2027.3118L61.2231%2083.9847L44.3497%2069.7441C43.3432%2068.8758%2041.8631%2068.7021%2040.679%2069.281C39.4949%2069.8599%2038.7252%2071.0756%2038.8436%2072.407L42.3367%20130.469C42.3959%20131.685%2043.1656%20132.727%2044.2905%20133.248C45.4154%20133.769%2046.7179%20133.595%2047.7244%20132.901L80.287%20108.645L130.493%20150.904C131.144%20151.425%20131.914%20151.714%20132.683%20151.714C133.335%20151.714%20133.986%20151.541%20134.578%20151.135C135.703%20150.267%20136.236%20148.704%20135.703%20147.315ZM58.5589%2090.4103L48.0796%20115.65L45.9482%2079.8167L58.5589%2090.4103ZM53.2896%20120.454L63.8873%2094.9257L75.0178%20104.304L53.2896%20120.454ZM66.5515%2088.5L87.6284%2037.616L104.324%2082.3638L80.4055%20100.136L66.5515%2088.5ZM85.6155%20104.593L106.752%2088.8474L120.369%20125.259L125.046%20137.763L85.6155%20104.593Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M137.419%200H135.757V28.5999C135.757%2031.953%20137.089%2035.1687%20139.46%2037.5397C141.831%2039.9107%20145.047%2041.2427%20148.4%2041.2427H177V39.581L137.419%200Z%22%20fill%3D%22%23E0E0E0%22%2F%3E%0A%3C%2Fsvg%3E%0A",
+				onLoad: s,
+				onError: s
+			})
+		})
+	});
+}, w = r(({ vSpec: e }) => {
+	let t = i(), r = y(), { variablesDict: a } = l(), o = v(t, e, a), s = u();
+	return (0, h.useEffect)(() => {
+		(!e || !o.imageSrc) && t.daedalus.objectCapabilities.editable && s();
+	}, [e, o.imageSrc]), !e || !o.imageSrc ? t.daedalus.objectCapabilities.editable ? /* @__PURE__ */ (0, x.jsx)("div", {
+		className: r.previewImageContainer,
+		children: /* @__PURE__ */ (0, x.jsxs)("button", {
+			"data-testid": "open-media-gallery-button",
+			className: r.addGalleryButton,
+			onClick: () => {
+				t.emitEvent(f.SET_PROPERTY_PANEL_OBJECT_TAB, "ITEM"), t.emitEvent(m.OpenMediaPicker);
+			},
+			children: [/* @__PURE__ */ (0, x.jsx)(p, {
+				fill: n.mainDarkNavy,
+				size: 16,
+				className: r.buttonIcon
+			}), "Add from the Gallery"]
+		})
+	}) : /* @__PURE__ */ (0, x.jsx)("div", {
+		className: r.previewImageContainer,
+		children: /* @__PURE__ */ (0, x.jsx)("img", {
+			src: g,
+			alt: "no image",
+			onLoad: s,
+			onError: s
+		})
+	}) : /* @__PURE__ */ (0, x.jsx)("div", {
+		className: r.singleImageContainer,
+		children: /* @__PURE__ */ (0, x.jsx)(C, {
+			...o,
+			onLoadCallback: s
+		})
+	});
+});
+export { w as Image };

package/chunks/stroke-dash-UgMEcCS4.js

@@ -0,0 +1,6 @@
+function e(e) {
+	if (!e) return;
+	let { space: t = 0, width: n = 1 } = e;
+	return `${n}, ${t}`;
+}
+export { e as t };