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

package/browser/esm/DAEoN5lF7Xw1VMoH.mjs

@@ -0,0 +1,520 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n } from "./CFPaTEuxUxH48Dnc.mjs";
+import { p as r } from "./PD_ckP5IyZurtALu.mjs";
+import { Et as i, mt as a, z as o } from "./DsHzYBPSadCXZi-n.mjs";
+import { U as s, q as c } from "./CVGsocXM6EdK3av8.mjs";
+import { t as l } from "./Cdg4TpupUeYIiz2B.mjs";
+import { t as u } from "./KG-A3VX4kcf2uLJI.mjs";
+import { m as d, t as f, y as p } from "./CN1_Dq2VdyHJ8cMR.mjs";
+import { B as m, R as h, k as g, w as _ } from "./BKS9kx_PEanwLUuU.mjs";
+import { t as v } from "./BNWxTMoiH1NkkmAh.mjs";
+import { c as y, d as b } from "./DJMHQzwcPgTpS0f5.mjs";
+import { t as ee } from "./DbewMnLKZoGLGFNh.mjs";
+import { a as x, i as S, n as C, t as w } from "./Bqf1HNOGA-pPTdl2.mjs";
+var T = e(t(), 1), E = e(n(), 1), D = {
+	[c.DashStyle.Solid]: null,
+	[c.DashStyle.Dot]: [1, 3],
+	[c.DashStyle.Dash]: [4, 3],
+	[c.DashStyle.LongDash]: [8, 3],
+	[c.DashStyle.DashDot]: [
+		4,
+		3,
+		1,
+		3
+	],
+	[c.DashStyle.LongDashDot]: [
+		8,
+		3,
+		1,
+		3
+	],
+	[c.DashStyle.LongDashDotDot]: [
+		8,
+		3,
+		1,
+		3,
+		1,
+		3
+	],
+	[c.DashStyle.SysDash]: [3, 1],
+	[c.DashStyle.SysDot]: [1, 1],
+	[c.DashStyle.SysDashDot]: [
+		3,
+		1,
+		1,
+		1
+	],
+	[c.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)(y, {
+		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, a = k[t.width ?? c.LineEndSize.Medium], o = A[t.length ?? c.LineEndSize.Medium], s = null, d = 19;
+	switch (t.type) {
+		case c.LineEndType.Triangle:
+			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o},${8 - a} ${19 - o},${8 + a}` }), d = 19 - o;
+			break;
+		case c.LineEndType.Stealth:
+			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o},${8 - a} ${19 - .6 * o},8 ${19 - o},${8 + a}` }), d = 19 - .6 * o;
+			break;
+		case c.LineEndType.Diamond:
+			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o / 2},${8 - a} ${19 - o},8 ${19 - o / 2},${8 + a}` }), d = 19 - o;
+			break;
+		case c.LineEndType.Oval:
+			s = (0, E.jsx)("ellipse", {
+				cx: 19 - o / 2,
+				cy: 8,
+				rx: o / 2,
+				ry: a
+			}), d = 19 - o;
+			break;
+		case c.LineEndType.Arrow: s = (0, E.jsx)("polyline", {
+			points: `${19 - o},${8 - a} 19,8 ${19 - o},${8 + a}`,
+			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
+		}), s]
+	});
+});
+j.displayName = "LineEndIcon";
+var M = (e) => {
+	let { end: t, atStart: n = !1, color: r, darkMode: i, types: a, sizes: o, typeLabels: s, sizeLabels: u, widthLabel: d, lengthLabel: f, tooltip: p, disabled: v, onSelect: y } = e, b = (0, T.useCallback)((e) => {
+		let { closeFloatAll: p, floatReference: _ } = e, b = a.map((e) => {
+			let a = (0, E.jsx)(j, {
+				end: {
+					...t,
+					type: e
+				},
+				atStart: n,
+				color: r,
+				darkMode: i
+			}), b = e === t.type;
+			return e === c.LineEndType.None ? (0, E.jsx)(g, {
+				icon: a,
+				selected: b,
+				disabled: v,
+				onMouseDown: (e) => e.preventDefault(),
+				onMouseUp: () => {
+					p?.(), y(null);
+				},
+				children: s[e]
+			}, e) : (0, E.jsx)(m, {
+				icon: a,
+				label: s[e],
+				selected: b,
+				disabled: v,
+				parentFloat: _,
+				createPopupPanel: (a) => (0, E.jsx)(l, {
+					sx: {
+						display: "grid",
+						gridTemplateColumns: `repeat(${o.length}, auto)`,
+						gap: "2px",
+						padding: "6px 8px"
+					},
+					children: o.map((s) => o.map((o) => (0, E.jsx)(h, {
+						icon: (0, E.jsx)(j, {
+							end: {
+								type: e,
+								width: o,
+								length: s
+							},
+							atStart: n,
+							color: r,
+							darkMode: i
+						}),
+						selected: b && (t.width ?? c.LineEndSize.Medium) === o && (t.length ?? c.LineEndSize.Medium) === s,
+						disabled: v,
+						propsTooltip: {
+							label: `${d}: ${u[o]} · ${f}: ${u[s]}`,
+							simple: !0
+						},
+						onClick: () => {
+							a.closeFloatAll?.(), y({
+								type: e,
+								width: o,
+								length: s
+							});
+						}
+					}, `${o}-${s}`)))
+				}),
+				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,
+		a,
+		o,
+		s,
+		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}: ${s[t.type]}` : s[t.type],
+		createPopupPanel: b
+	});
+}, N = (e) => {
+	let { value: t, options: n, onSelect: r, columns: a, tooltip: o, disabled: s, icon: c } = e, u = n.find((e) => e.value === t) ?? n[0], d = (0, T.useCallback)((e) => {
+		let { closeFloat: o } = e;
+		return (0, E.jsx)(l, a ? {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: `repeat(${a}, auto)`,
+				gap: "2px",
+				padding: "6px 8px"
+			},
+			children: n.map((e) => (0, E.jsx)(h, {
+				icon: e.icon,
+				selected: e.value === t,
+				disabled: s,
+				propsTooltip: {
+					label: e.label,
+					simple: !0
+				},
+				onClick: () => {
+					o?.(), r(e.value);
+				}
+			}, e.value))
+		} : {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				paddingTop: "4px",
+				paddingBottom: "4px"
+			},
+			children: n.map((e) => (0, E.jsx)(g, {
+				tabIndex: 0,
+				sx: {
+					height: "28px",
+					paddingLeft: "16px"
+				},
+				propsTooltip: { description: e.label },
+				icon: null,
+				disabled: s,
+				selected: e.value === t,
+				onMouseDown: (e) => e.preventDefault(),
+				onMouseUp: () => {
+					o?.(), r(e.value);
+				},
+				onKeyDown: (e) => {
+					e.which === i.Enter && o?.();
+				},
+				children: e.icon
+			}, e.value))
+		});
+	}, [
+		n,
+		t,
+		r,
+		a,
+		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: o ? `${o}: ${u?.label ?? ""}` : u?.label,
+		createPopupPanel: d
+	});
+}, P = "none", F = "solid", I = [
+	c.DashStyle.Solid,
+	c.DashStyle.SysDot,
+	c.DashStyle.SysDash,
+	c.DashStyle.Dash,
+	c.DashStyle.DashDot,
+	c.DashStyle.LongDash,
+	c.DashStyle.LongDashDot,
+	c.DashStyle.LongDashDotDot
+], L = "custom", R = [
+	c.LineCap.Square,
+	c.LineCap.Round,
+	c.LineCap.Butt
+], z = [
+	c.LineJoin.Round,
+	c.LineJoin.Bevel,
+	c.LineJoin.Miter
+], B = [
+	c.LineEndType.None,
+	c.LineEndType.Triangle,
+	c.LineEndType.Arrow,
+	c.LineEndType.Stealth,
+	c.LineEndType.Diamond,
+	c.LineEndType.Oval
+], V = [
+	c.LineEndSize.Small,
+	c.LineEndSize.Medium,
+	c.LineEndSize.Large
+], H = (0, T.memo)((e) => {
+	let { selection: t, disabled: n, className: i, ...u } = e, m = a(), { stroke: h, stated: g, autoColor: _, applyStroke: y, schemeLookup: D, styles: k, darkMode: A } = t, j = n || t.disabled, H = h.isVisible(), U = H ? F : P, W = g?.fill && g.fill.type !== s.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 = o(() => k.recentColors(), [k]), ne = o((e) => {
+		e !== U && y(e === P ? { fill: { type: s.Type.None } } : {
+			fill: null,
+			width: h.getWidth() > 0 ? void 0 : null
+		}, r("op.setShapeStroke"));
+	}, [
+		U,
+		h,
+		y
+	]), re = o((e, t) => {
+		e && t && k.addRecentColor(e), y({ fill: e ? e.toString() : null }, r("op.setStrokeColor"));
+	}, [y, k]), ie = o((e) => {
+		y({ width: e }, r("op.setStrokeWidth"));
+	}, [y]), ae = o((e) => {
+		e !== L && y({ dash: e }, r("op.setStrokeDash"));
+	}, [y]), oe = o((e) => {
+		y({ lineCap: e }, r("op.setStroke"));
+	}, [y]), se = o((e) => {
+		y({ lineJoin: e }, r("op.setStroke"));
+	}, [y]), X = o((e, t) => {
+		y({ [e]: t }, r("op.setLineEnds"));
+	}, [y]), Z = (0, T.useMemo)(() => ({
+		dash: {
+			[c.DashStyle.Solid]: m("line.dash.solid"),
+			[c.DashStyle.SysDot]: m("line.dash.sysDot"),
+			[c.DashStyle.SysDash]: m("line.dash.sysDash"),
+			[c.DashStyle.Dash]: m("line.dash.dash"),
+			[c.DashStyle.DashDot]: m("line.dash.dashDot"),
+			[c.DashStyle.LongDash]: m("line.dash.lgDash"),
+			[c.DashStyle.LongDashDot]: m("line.dash.lgDashDot"),
+			[c.DashStyle.LongDashDotDot]: m("line.dash.lgDashDotDot"),
+			[L]: m("line.dashCustom")
+		},
+		cap: {
+			[c.LineCap.Square]: m("line.capSquare"),
+			[c.LineCap.Round]: m("line.capRound"),
+			[c.LineCap.Butt]: m("line.capFlat")
+		},
+		join: {
+			[c.LineJoin.Round]: m("line.joinRound"),
+			[c.LineJoin.Bevel]: m("line.joinBevel"),
+			[c.LineJoin.Miter]: m("line.joinMiter")
+		},
+		end: {
+			[c.LineEndType.None]: m("line.end.none"),
+			[c.LineEndType.Triangle]: m("line.end.triangle"),
+			[c.LineEndType.Arrow]: m("line.end.arrow"),
+			[c.LineEndType.Stealth]: m("line.end.stealth"),
+			[c.LineEndType.Diamond]: m("line.end.diamond"),
+			[c.LineEndType.Oval]: m("line.end.oval")
+		},
+		size: {
+			[c.LineEndSize.Small]: m("line.sizeSmall"),
+			[c.LineEndSize.Medium]: m("line.sizeMedium"),
+			[c.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: ee("sxl-format-line-panel", i),
+		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)(b, {
+					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/browser/esm/DCA1pexOA5sUcYVT.mjs

@@ -0,0 +1,181 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n } from "./CFPaTEuxUxH48Dnc.mjs";
+import { D as r } from "./DsHzYBPSadCXZi-n.mjs";
+import { Bt as i, d as a, q as o, t as s, x as c } from "./CVGsocXM6EdK3av8.mjs";
+import { n as l } from "./4JJNcz4YU6jhtSoO.mjs";
+import { t as u } from "./DychvmektExlalXS.mjs";
+import { n as d } from "./BIo-ELlYF8kzkLvH.mjs";
+var f = e(t(), 1), p = e(n(), 1), m = "data-run", h = (e) => typeof e == "string" ? e ? [{ text: e }] : [] : e.runs ?? [], g = (e) => {
+	if (e.nodeType === 3) return e.nodeValue ?? "";
+	if (e.nodeType !== 1) return "";
+	if (e.localName === "br") return "\n";
+	let t = "", n = e.childNodes;
+	for (let e = 0; e < n.length; e++) t += g(n[e]);
+	return t;
+}, _ = (0, f.memo)((0, f.forwardRef)((e, t) => {
+	let { value: n, onChange: r, onDone: i, readOnly: a = !1, runStyle: o, style: s, onKeyDown: c, onBlur: l, ...d } = e, _ = (0, f.useRef)(null), v = (0, f.useMemo)(() => h(n), [n]), y = (0, f.useMemo)(() => JSON.stringify(n), [n]), b = (e) => {
+		e.stopPropagation();
+	}, x = u([_, t]);
+	return (0, p.jsx)("div", {
+		ref: x,
+		contentEditable: !a && "plaintext-only",
+		suppressContentEditableWarning: !0,
+		spellCheck: !1,
+		...d,
+		style: {
+			width: "100%",
+			minHeight: "100%",
+			boxSizing: "border-box",
+			outline: "none",
+			whiteSpace: "pre-wrap",
+			overflowWrap: "break-word",
+			userSelect: "text",
+			cursor: a ? void 0 : "text",
+			...s
+		},
+		onKeyDown: (e) => {
+			c?.(e), a || (e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), e.currentTarget.blur(), i?.()));
+		},
+		onKeyUp: a ? void 0 : b,
+		onCopy: a ? void 0 : b,
+		onCut: a ? void 0 : b,
+		onPaste: a ? void 0 : b,
+		onBlur: (e) => {
+			(() => {
+				let e = _.current;
+				if (!e || a) return;
+				let t = ((e, t) => {
+					let n = [], r = e.childNodes;
+					for (let e = 0; e < r.length; e++) {
+						let i = r[e], a = g(i);
+						if (!a) continue;
+						let o = i.nodeType === 1 ? i.getAttribute(m) : null;
+						if (o !== null) {
+							let e = t[parseInt(o, 10)]?.font;
+							n.push(e ? {
+								text: a,
+								font: e
+							} : { text: a });
+							continue;
+						}
+						let s = n[n.length - 1];
+						s ? s.text += a : n.push({ text: a });
+					}
+					return n.every((e) => !e.font) ? n.map((e) => e.text).join("") : { runs: n };
+				})(e, v);
+				JSON.stringify(h(t)) !== JSON.stringify(v) && r?.(t);
+			})(), l?.(e);
+		},
+		children: v.map((e, t) => (0, p.jsx)("span", {
+			[m]: t,
+			style: e.font ? o?.(e.font) : void 0,
+			children: e.text
+		}, t))
+	}, y);
+}));
+_.displayName = "RichTextEditor";
+var v = new s(c.Named.InfoBk).toCSS("adaptive"), y = new s(c.Named.InfoText).toCSS("adaptive"), b = (e, t) => {
+	if (t) try {
+		return e.getWorksheet().getStyles().parseColor(t)?.toCSS("adaptive");
+	} catch {
+		return;
+	}
+}, x = (e, t) => {
+	let n = t.family;
+	if (n === i.ThemeFamily.Heading || n === i.ThemeFamily.Body) {
+		let t = e.getWorksheet().getStyles().getTheme().getFontScheme();
+		n = (n === i.ThemeFamily.Heading ? t.getMajorFont() : t.getMinorFont()) ?? void 0;
+	}
+	if (n) return [n, ...t.fallbacks ?? []].map((e) => e.includes(" ") ? `"${e}"` : e).join(", ");
+}, S = (e) => {
+	let t = [], n = e.underline;
+	if (n && n !== a.UnderlineStyle.None && t.push("underline"), e.strike && e.strike !== a.StrikeStyle.None && t.push("line-through"), t.length === 0) return;
+	let r = n === a.UnderlineStyle.Double || n === a.UnderlineStyle.DoubleAccounting;
+	return t.join(" ") + (r ? " double" : "");
+}, C = (e) => {
+	let t = {
+		borderWidth: "1px",
+		borderStyle: "solid",
+		borderColor: `var(--sxl-note-border-color, ${y})`,
+		backgroundColor: `var(--sxl-note-background-color, ${v})`
+	}, n = e.getStyle(), r = n?.toJSON();
+	if (!n || !r) return t;
+	try {
+		if (r.fill && (delete t.backgroundColor, Object.assign(t, n.getFill().toCSS("adaptive"))), r.stroke) {
+			let e = n.getStroke();
+			if (e.isVisible()) {
+				let { borderWidth: n, borderStyle: r, borderColor: i } = e.toCSS("adaptive");
+				Object.assign(t, {
+					borderWidth: n,
+					borderStyle: r,
+					borderColor: i
+				}), e.getCompound() !== o.Compound.Single && (t.borderStyle = "double");
+			} else t.borderStyle = "none";
+		}
+	} catch {}
+	return t;
+}, w = (0, f.memo)((0, f.forwardRef)((e, t) => {
+	let { children: n, disabled: i, style: a, note: o, movable: s, zoom: c = 1, isDragging: u, onHide: m, onShow: h, onDragZone: g, adornmentHost: v, flip: w, gesture: T, ...E } = e, [, D] = (0, f.useReducer)((e) => e + 1, 0);
+	l(o, {
+		onContentChange: () => {
+			D();
+		},
+		onAnyChange: () => {
+			D();
+		}
+	});
+	let O = r(t, () => ({ isNoteEditor: () => !0 }), []);
+	if (!o.isDeleted() && o.isNote()) return (0, p.jsx)(d, {
+		className: "note-editor",
+		...E,
+		ref: O,
+		movable: s,
+		onContextMenu: (e) => {
+			e.stopPropagation();
+		},
+		onDragZone: g,
+		disabled: i,
+		style: {
+			...C(o),
+			color: `var(--sxl-note-color, ${y})`,
+			fontFamily: "Tahoma, sans-serif",
+			fontSize: "9pt",
+			zoom: c,
+			boxShadow: u ? "1px 1px 2px var(--sxl-color-shadow, rgba(0,0,0,.15))" : void 0,
+			...a
+		},
+		contentStyle: { padding: "0px 1px" },
+		children: (0, p.jsx)(_, {
+			value: o.getRichContent() ?? o.getContent(),
+			readOnly: i,
+			runStyle: (e) => ((e, t) => {
+				if (!t) return;
+				let n = !!t.baseline, r = t.size === void 0 ? void 0 : `${t.size}pt`;
+				return n && (r = t.size === void 0 ? "smaller" : .66 * t.size + "pt"), {
+					fontFamily: x(e, t),
+					fontSize: r,
+					fontWeight: t.weight,
+					fontStyle: t.style,
+					textDecoration: S(t),
+					verticalAlign: n ? t.baseline > 0 ? "super" : "sub" : void 0,
+					letterSpacing: t.letterSpacing === void 0 ? void 0 : `${t.letterSpacing}px`,
+					color: b(e, t.color)
+				};
+			})(o, e),
+			onChange: (e) => {
+				o.setContent(e);
+			},
+			onDone: () => {
+				s?.unselect();
+			}
+		})
+	});
+}));
+w.displayName = "NoteEditor";
+export { w as NoteEditor };