@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.12

package/{browser/esm/CTdFZ_I-41Vr6Dy4.mjs → cdn/assets/CGXU95J36TlX8lDH.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/CH9Ow0HqnUv_0K73.js

@@ -0,0 +1,521 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { m as r } from "./Cif0315haNLmyMj-.js";
+import { U as i, q as a } from "./TVEs01pqc117KeGZ.js";
+import { Tt as o, dt as s, z as c } from "./OABpLvY7siKUyNIa.js";
+import { t as l } from "./DWcAYH0eBaOj-dU4.js";
+import { c as u } from "./DX-iRDnwn8uZZIqp.js";
+import { m as d, t as f, y as p } from "./BqM-W_oFdjeyu8N4.js";
+import { O as m, S as h, T as g, y as _ } from "./nQBuuL7ZHzDHpWHk.js";
+import { t as v } from "./B5znT6l0E-uRlPxA.js";
+import { t as y } from "./CImdnjQtd2Yn7uXl.js";
+import { c as b, d as ee } from "./CFJ9wCSJYOoE1Lrz.js";
+import { a as x, i as S, n as C, t as w } from "./Cd2x-3RBbJNq0TuA.js";
+var T = e(t(), 1), E = n(), D = {
+	[a.DashStyle.Solid]: null,
+	[a.DashStyle.Dot]: [1, 3],
+	[a.DashStyle.Dash]: [4, 3],
+	[a.DashStyle.LongDash]: [8, 3],
+	[a.DashStyle.DashDot]: [
+		4,
+		3,
+		1,
+		3
+	],
+	[a.DashStyle.LongDashDot]: [
+		8,
+		3,
+		1,
+		3
+	],
+	[a.DashStyle.LongDashDotDot]: [
+		8,
+		3,
+		1,
+		3,
+		1,
+		3
+	],
+	[a.DashStyle.SysDash]: [3, 1],
+	[a.DashStyle.SysDot]: [1, 1],
+	[a.DashStyle.SysDashDot]: [
+		3,
+		1,
+		1,
+		1
+	],
+	[a.DashStyle.SysDashDotDot]: [
+		3,
+		1,
+		1,
+		1,
+		1,
+		1
+	]
+}, O = (0, T.memo)((e) => {
+	let { dash: t, color: n, darkMode: r } = e, i = Array.isArray(t) ? t : D[t] ?? null;
+	return (0, E.jsx)(b, {
+		styleColor: n,
+		length: 60,
+		width: 2,
+		darkMode: r,
+		dashArray: i ? i.map((e) => 2 * e) : void 0
+	});
+});
+O.displayName = "DashIcon";
+var k = {
+	sm: 2.5,
+	med: 4,
+	lg: 6
+}, A = {
+	sm: 5,
+	med: 8,
+	lg: 12
+}, j = (0, T.memo)((e) => {
+	let { end: t, atStart: n = !1, color: r, darkMode: i = !1 } = e, o = k[t.width ?? a.LineEndSize.Medium], s = A[t.length ?? a.LineEndSize.Medium], c = null, d = 19;
+	switch (t.type) {
+		case a.LineEndType.Triangle:
+			c = (0, E.jsx)("polygon", { points: `19,8 ${19 - s},${8 - o} ${19 - s},${8 + o}` }), d = 19 - s;
+			break;
+		case a.LineEndType.Stealth:
+			c = (0, E.jsx)("polygon", { points: `19,8 ${19 - s},${8 - o} ${19 - .6 * s},8 ${19 - s},${8 + o}` }), d = 19 - .6 * s;
+			break;
+		case a.LineEndType.Diamond:
+			c = (0, E.jsx)("polygon", { points: `19,8 ${19 - s / 2},${8 - o} ${19 - s},8 ${19 - s / 2},${8 + o}` }), d = 19 - s;
+			break;
+		case a.LineEndType.Oval:
+			c = (0, E.jsx)("ellipse", {
+				cx: 19 - s / 2,
+				cy: 8,
+				rx: s / 2,
+				ry: o
+			}), d = 19 - s;
+			break;
+		case a.LineEndType.Arrow: c = (0, E.jsx)("polyline", {
+			points: `${19 - s},${8 - o} 19,8 ${19 - s},${8 + o}`,
+			fill: "none",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		});
+	}
+	let f = r ? r.toRGBA(i).toString() : "currentColor";
+	return (0, E.jsxs)(l, {
+		component: "svg",
+		width: 20,
+		height: 16,
+		viewBox: "0 0 20 16",
+		sx: {
+			display: "block",
+			overflow: "visible",
+			fill: f,
+			stroke: f,
+			filter: u(),
+			transform: n ? "scaleX(-1)" : void 0
+		},
+		children: [(0, E.jsx)("line", {
+			x1: 1,
+			y1: 8,
+			x2: d,
+			y2: 8,
+			strokeWidth: 2
+		}), c]
+	});
+});
+j.displayName = "LineEndIcon";
+var M = (e) => {
+	let { end: t, atStart: n = !1, color: r, darkMode: i, types: o, sizes: s, typeLabels: c, sizeLabels: u, widthLabel: d, lengthLabel: f, tooltip: p, disabled: v, onSelect: y } = e, b = (0, T.useCallback)((e) => {
+		let { closeFloatAll: p, floatReference: _ } = e, b = o.map((e) => {
+			let o = (0, E.jsx)(j, {
+				end: {
+					...t,
+					type: e
+				},
+				atStart: n,
+				color: r,
+				darkMode: i
+			}), b = e === t.type;
+			return e === a.LineEndType.None ? (0, E.jsx)(m, {
+				icon: o,
+				selected: b,
+				disabled: v,
+				onMouseDown: (e) => e.preventDefault(),
+				onMouseUp: () => {
+					p?.(), y(null);
+				},
+				children: c[e]
+			}, e) : (0, E.jsx)(h, {
+				icon: o,
+				label: c[e],
+				selected: b,
+				disabled: v,
+				parentFloat: _,
+				renderPopupPanel: (o) => (0, E.jsx)(l, {
+					sx: {
+						display: "grid",
+						gridTemplateColumns: `repeat(${s.length}, auto)`,
+						gap: "2px",
+						padding: "6px 8px"
+					},
+					children: s.map((c) => s.map((s) => (0, E.jsx)(g, {
+						icon: (0, E.jsx)(j, {
+							end: {
+								type: e,
+								width: s,
+								length: c
+							},
+							atStart: n,
+							color: r,
+							darkMode: i
+						}),
+						selected: b && (t.width ?? a.LineEndSize.Medium) === s && (t.length ?? a.LineEndSize.Medium) === c,
+						disabled: v,
+						propsTooltip: {
+							label: `${d}: ${u[s]} · ${f}: ${u[c]}`,
+							simple: !0
+						},
+						onClick: () => {
+							o.closeFloatAll?.(), y({
+								type: e,
+								width: s,
+								length: c
+							});
+						}
+					}, `${s}-${c}`)))
+				}),
+				onQuickClick: () => {
+					p?.(), y({
+						...t,
+						type: e
+					});
+				}
+			}, e);
+		});
+		return (0, E.jsx)(l, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				paddingTop: "4px",
+				paddingBottom: "4px"
+			},
+			children: b
+		});
+	}, [
+		t,
+		n,
+		r,
+		i,
+		o,
+		s,
+		c,
+		u,
+		d,
+		f,
+		v,
+		y
+	]);
+	return (0, E.jsx)(_, {
+		disabled: v,
+		icon: (0, E.jsx)(l, {
+			sx: {
+				paddingLeft: "4px",
+				marginRight: "4px",
+				height: "24px",
+				display: "flex",
+				alignItems: "center"
+			},
+			children: (0, E.jsx)(j, {
+				end: t,
+				atStart: n,
+				color: r,
+				darkMode: i
+			})
+		}),
+		tooltip: p ? `${p}: ${c[t.type]}` : c[t.type],
+		renderPopupPanel: b
+	});
+}, N = (e) => {
+	let { value: t, options: n, onSelect: r, columns: i, tooltip: a, disabled: s, icon: c } = e, u = n.find((e) => e.value === t) ?? n[0], d = (0, T.useCallback)((e) => {
+		let { closeFloat: a } = e;
+		return (0, E.jsx)(l, i ? {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: `repeat(${i}, auto)`,
+				gap: "2px",
+				padding: "6px 8px"
+			},
+			children: n.map((e) => (0, E.jsx)(g, {
+				icon: e.icon,
+				selected: e.value === t,
+				disabled: s,
+				propsTooltip: {
+					label: e.label,
+					simple: !0
+				},
+				onClick: () => {
+					a?.(), r(e.value);
+				}
+			}, e.value))
+		} : {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				paddingTop: "4px",
+				paddingBottom: "4px"
+			},
+			children: n.map((e) => (0, E.jsx)(m, {
+				tabIndex: 0,
+				sx: {
+					height: "28px",
+					paddingLeft: "16px"
+				},
+				propsTooltip: { description: e.label },
+				icon: null,
+				disabled: s,
+				selected: e.value === t,
+				onMouseDown: (e) => e.preventDefault(),
+				onMouseUp: () => {
+					a?.(), r(e.value);
+				},
+				onKeyDown: (e) => {
+					e.which === o.Enter && a?.();
+				},
+				children: e.icon
+			}, e.value))
+		});
+	}, [
+		n,
+		t,
+		r,
+		i,
+		s
+	]);
+	return (0, E.jsx)(_, {
+		disabled: s,
+		icon: (0, E.jsx)(l, {
+			sx: {
+				paddingLeft: "4px",
+				marginRight: "4px",
+				height: "24px",
+				display: "flex",
+				alignItems: "center"
+			},
+			children: c ?? u?.icon
+		}),
+		tooltip: a ? `${a}: ${u?.label ?? ""}` : u?.label,
+		renderPopupPanel: d
+	});
+}, P = "none", F = "solid", I = [
+	a.DashStyle.Solid,
+	a.DashStyle.SysDot,
+	a.DashStyle.SysDash,
+	a.DashStyle.Dash,
+	a.DashStyle.DashDot,
+	a.DashStyle.LongDash,
+	a.DashStyle.LongDashDot,
+	a.DashStyle.LongDashDotDot
+], L = "custom", R = [
+	a.LineCap.Square,
+	a.LineCap.Round,
+	a.LineCap.Butt
+], z = [
+	a.LineJoin.Round,
+	a.LineJoin.Bevel,
+	a.LineJoin.Miter
+], B = [
+	a.LineEndType.None,
+	a.LineEndType.Triangle,
+	a.LineEndType.Arrow,
+	a.LineEndType.Stealth,
+	a.LineEndType.Diamond,
+	a.LineEndType.Oval
+], V = [
+	a.LineEndSize.Small,
+	a.LineEndSize.Medium,
+	a.LineEndSize.Large
+], H = (0, T.memo)((e) => {
+	let { selection: t, disabled: n, className: o, ...u } = e, m = s(), { stroke: h, stated: g, autoColor: _, applyStroke: b, schemeLookup: D, styles: k, darkMode: A } = t, j = n || t.disabled, H = h.isVisible(), U = H ? F : P, W = g?.fill && g.fill.type !== i.Type.None ? h.getFill().getColor() : null, G = W ?? _, K = h.getDash(), q = typeof K == "string" && I.includes(K) ? K : L, J = h.getHead(), Y = h.getTail(), te = c(() => k.recentColors(), [k]), ne = c((e) => {
+		e !== U && b(e === P ? { fill: { type: i.Type.None } } : {
+			fill: null,
+			width: h.getWidth() > 0 ? void 0 : null
+		}, r("op.setShapeStroke"));
+	}, [
+		U,
+		h,
+		b
+	]), re = c((e, t) => {
+		e && t && k.addRecentColor(e), b({ fill: e ? e.toString() : null }, r("op.setStrokeColor"));
+	}, [b, k]), ie = c((e) => {
+		b({ width: e }, r("op.setStrokeWidth"));
+	}, [b]), ae = c((e) => {
+		e !== L && b({ dash: e }, r("op.setStrokeDash"));
+	}, [b]), oe = c((e) => {
+		b({ lineCap: e }, r("op.setStroke"));
+	}, [b]), se = c((e) => {
+		b({ lineJoin: e }, r("op.setStroke"));
+	}, [b]), X = c((e, t) => {
+		b({ [e]: t }, r("op.setLineEnds"));
+	}, [b]), Z = (0, T.useMemo)(() => ({
+		dash: {
+			[a.DashStyle.Solid]: m("line.dash.solid"),
+			[a.DashStyle.SysDot]: m("line.dash.sysDot"),
+			[a.DashStyle.SysDash]: m("line.dash.sysDash"),
+			[a.DashStyle.Dash]: m("line.dash.dash"),
+			[a.DashStyle.DashDot]: m("line.dash.dashDot"),
+			[a.DashStyle.LongDash]: m("line.dash.lgDash"),
+			[a.DashStyle.LongDashDot]: m("line.dash.lgDashDot"),
+			[a.DashStyle.LongDashDotDot]: m("line.dash.lgDashDotDot"),
+			[L]: m("line.dashCustom")
+		},
+		cap: {
+			[a.LineCap.Square]: m("line.capSquare"),
+			[a.LineCap.Round]: m("line.capRound"),
+			[a.LineCap.Butt]: m("line.capFlat")
+		},
+		join: {
+			[a.LineJoin.Round]: m("line.joinRound"),
+			[a.LineJoin.Bevel]: m("line.joinBevel"),
+			[a.LineJoin.Miter]: m("line.joinMiter")
+		},
+		end: {
+			[a.LineEndType.None]: m("line.end.none"),
+			[a.LineEndType.Triangle]: m("line.end.triangle"),
+			[a.LineEndType.Arrow]: m("line.end.arrow"),
+			[a.LineEndType.Stealth]: m("line.end.stealth"),
+			[a.LineEndType.Diamond]: m("line.end.diamond"),
+			[a.LineEndType.Oval]: m("line.end.oval")
+		},
+		size: {
+			[a.LineEndSize.Small]: m("line.sizeSmall"),
+			[a.LineEndSize.Medium]: m("line.sizeMedium"),
+			[a.LineEndSize.Large]: m("line.sizeLarge")
+		}
+	}), [m]), Q = I.map((e) => ({
+		value: e,
+		label: Z.dash[e],
+		icon: (0, E.jsx)(O, {
+			dash: e,
+			color: G,
+			darkMode: A
+		})
+	}));
+	q === L && Q.push({
+		value: L,
+		label: Z.dash[L],
+		icon: (0, E.jsx)(O, {
+			dash: K,
+			color: G,
+			darkMode: A
+		})
+	});
+	let $ = (e, t, n, r, i, a) => (0, E.jsxs)(p, {
+		size: "small",
+		fullWidth: a === void 0,
+		sx: a === void 0 ? void 0 : { width: a },
+		children: [(0, E.jsx)(d, {
+			shrink: !0,
+			children: e
+		}), (0, E.jsx)(f, {
+			label: e,
+			notched: !0,
+			disabled: j,
+			value: t,
+			onChange: (e) => i(e.target.value),
+			children: n.map((e) => (0, E.jsx)(v, {
+				value: e,
+				children: r[e]
+			}, e))
+		})]
+	});
+	return (0, E.jsxs)(l, {
+		className: y("sxl-format-line-panel", o),
+		sx: C,
+		...u,
+		children: [(0, E.jsx)(w, { children: $(m("line.type"), U, [P, F], {
+			[P]: m("line.typeNone"),
+			[F]: m("line.typeSolid")
+		}, ne) }), H ? (0, E.jsxs)(E.Fragment, { children: [
+			(0, E.jsx)(w, {
+				label: m("line.color"),
+				children: (0, E.jsxs)(S, { children: [(0, E.jsx)(ee, {
+					icon: "stroke.colored",
+					disabled: j,
+					darkMode: A,
+					compareRGB: !0,
+					selectedColor: W,
+					onSelectColor: re,
+					propsPanel: {
+						disableAlpha: !0,
+						autoColor: _,
+						schemeLookup: D,
+						recentColors: te
+					}
+				}), (0, E.jsx)(x, {
+					label: m("line.width"),
+					value: h.getWidth(),
+					min: 0,
+					max: 1584,
+					step: .25,
+					decimals: !0,
+					width: 96,
+					disabled: j,
+					onChange: ie
+				})] })
+			}),
+			(0, E.jsx)(w, {
+				label: m("line.dashArrows"),
+				children: (0, E.jsxs)(S, { children: [
+					(0, E.jsx)(M, {
+						end: J,
+						atStart: !0,
+						color: G,
+						darkMode: A,
+						types: B,
+						sizes: V,
+						typeLabels: Z.end,
+						sizeLabels: Z.size,
+						widthLabel: m("line.sizeWidth"),
+						lengthLabel: m("line.sizeLength"),
+						tooltip: m("line.head"),
+						disabled: j,
+						onSelect: (e) => X("head", e)
+					}),
+					(0, E.jsx)(N, {
+						value: q,
+						options: Q,
+						onSelect: ae,
+						tooltip: m("line.dash"),
+						disabled: j
+					}),
+					(0, E.jsx)(M, {
+						end: Y,
+						color: G,
+						darkMode: A,
+						types: B,
+						sizes: V,
+						typeLabels: Z.end,
+						sizeLabels: Z.size,
+						widthLabel: m("line.sizeWidth"),
+						lengthLabel: m("line.sizeLength"),
+						tooltip: m("line.tail"),
+						disabled: j,
+						onSelect: (e) => X("tail", e)
+					})
+				] })
+			}),
+			(0, E.jsx)(w, {
+				label: m("line.capJoin"),
+				children: (0, E.jsxs)(S, { children: [$(m("line.cap"), h.getLineCap(), R, Z.cap, oe, 128), $(m("line.join"), h.getLineJoin(), z, Z.join, se, 128)] })
+			})
+		] }) : null]
+	});
+});
+H.displayName = "LinePanel";
+export { H as t };

package/cdn/assets/{SNze-adFJwKuGSQW.js → CHSMmjtqQs2IqcYo.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{DjdkGy-EI1kSo226.js → CImdnjQtd2Yn7uXl.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{BvlfKrfrDhE9Jw4d.js → CIvOEYio4yfOR385.js}

@@ -1,10 +1,10 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { n as e } from "./CSIZpJClc66_20kP.js";
+import { t as e } from "./k_pfnr7cFrRmfgMa.js";
 var t = 2 * Math.PI;
 function n(e, t) {
 	let n = Math.cos(t), r = Math.sin(t), i = Math.cos(e.phi), a = Math.sin(e.phi);

package/{browser/esm/B0Wjc3lwtjKMwnvn.mjs → cdn/assets/CLUYMovkh-bwvZJ0.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.