@weasel-js/ui 1.5.1 → 1.6.0

package/dist/chunks/SelectionPanel-DTpcQidl.js

@@ -1,572 +0,0 @@
-import { a as e, t } from "./Icon-QhLhaGFe.js";
-import { t as n } from "./ToggleBar--9As2PWG.js";
-import { t as r } from "./InlineRange-DdIlfGqG.js";
-import { t as i } from "./ColorField-YVf8irfr.js";
-import { t as a } from "./PaintInput-BzAHCKro.js";
-import { t as o } from "./Select-BMYVh10x.js";
-import { t as s } from "./FontFamilySelect-CO19kyOO.js";
-import { t as c } from "./Input-B9Vh7ASP.js";
-import { n as l, t as u } from "./NumberField-CQzS6TjF.js";
-import { t as d } from "./Switch-Om3t3ASc.js";
-import { n as f, r as p } from "./schema-MCVT1MLv.js";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { MIXED as _, asNodeId as v, isBuiltinToolPref as y } from "@weasel-js/core";
-import { Fragment as b, useState as x, useSyncExternalStore as S } from "react";
-//#region src/components/SelectionPanel/model.ts
-function C(e, t) {
-	if (e.kind === "container") return "group";
-	for (let n of t) if (n.matches(e.data)) return n.name;
-	return "unknown";
-}
-function w(e) {
-	return !("kind" in e);
-}
-function T(e) {
-	let t = [], n = [], r = (e, t) => {
-		for (let [n, i] of Object.entries(e.children)) w(i) ? r(i, t) : t.push({
-			path: n,
-			leaf: i
-		});
-	};
-	for (let [i, a] of Object.entries(e.children)) if (w(a)) {
-		let e = [];
-		r(a, e), t.push({
-			key: i,
-			name: a.name,
-			rows: E(e)
-		});
-	} else n.push({
-		path: i,
-		leaf: a
-	});
-	return n.length > 0 && t.unshift({
-		key: "",
-		name: "",
-		rows: E(n)
-	}), t;
-}
-function E(e) {
-	let t = [];
-	for (let n of e) {
-		let e = n.leaf.pair, r = t[t.length - 1];
-		e !== void 0 && r !== void 0 && r.label === e ? r.leaves.push(n) : t.push({
-			label: e ?? n.leaf.name,
-			leaves: [n]
-		});
-	}
-	return t;
-}
-function D(e, t) {
-	let n = [...new Set(e)];
-	if (n.length === 0) return [];
-	let r = new Map(t.map((e) => [e.name, e])), i = n.map((e) => r.get(e)?.schema);
-	if (i.some((e) => e === void 0)) return [];
-	let [a, ...o] = i, s = T(a);
-	if (o.length === 0) return s;
-	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(T(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
-	return s.map((e) => ({
-		...e,
-		rows: e.rows.map((e) => ({
-			...e,
-			leaves: e.leaves.filter(u)
-		})).filter((e) => e.leaves.length > 0)
-	})).filter((e) => e.rows.length > 0);
-}
-function O(e, t) {
-	let n = t.split(".");
-	if (n.length < 2) return;
-	let r = n[0], i = r === "pose" ? e.pose : r === "data" ? e.data : void 0;
-	for (let e = 1; e < n.length; e++) {
-		if (typeof i != "object" || !i) return;
-		i = i[n[e]];
-	}
-	return i;
-}
-function k(e, t, n) {
-	let [r, ...i] = t;
-	if (i.length === 0) return Array.isArray(e) ? Object.assign([...e], { [r]: n }) : {
-		...e,
-		[r]: n
-	};
-	let a = e[r], o = k(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
-	return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
-		...e,
-		[r]: o
-	};
-}
-function A(e, t) {
-	let n, r = !0;
-	for (let i of e) {
-		let e = O(i, t);
-		if (r) n = e, r = !1;
-		else if (!Object.is(e, n)) return _;
-	}
-	return n;
-}
-function j(e) {
-	let t = /* @__PURE__ */ new Map();
-	for (let n of e) t.set(n, (t.get(n) ?? 0) + 1);
-	return [...t.entries()].map(([e, t]) => t > 1 ? `${e} ×${t}` : e).join(" · ");
-}
-var M = {
-	root: "_root_q9h3j_1",
-	header: "_header_q9h3j_8",
-	kind: "_kind_q9h3j_16",
-	breakdown: "_breakdown_q9h3j_21",
-	section: "_section_q9h3j_26",
-	sectionTitle: "_sectionTitle_q9h3j_35",
-	row: "_row_q9h3j_44",
-	rowLabel: "_rowLabel_q9h3j_52",
-	rowControls: "_rowControls_q9h3j_56",
-	namedField: "_namedField_q9h3j_66",
-	blockRow: "_blockRow_q9h3j_78",
-	toggle: "_toggle_q9h3j_89",
-	flagToggle: "_flagToggle_q9h3j_111",
-	number: "_number_q9h3j_115",
-	select: "_select_q9h3j_116",
-	unitSuffix: "_unitSuffix_q9h3j_120",
-	mixedSwitch: "_mixedSwitch_q9h3j_126",
-	unrenderable: "_unrenderable_q9h3j_130",
-	objectLeaf: "_objectLeaf_q9h3j_137",
-	objectGroup: "_objectGroup_q9h3j_146",
-	slider: "_slider_q9h3j_153",
-	sliderReadout: "_sliderReadout_q9h3j_157"
-}, N = (e) => e.length === 0 ? e : e[0].toUpperCase() + e.slice(1);
-function P(e) {
-	let { scene: t, selection: n, properties: r, routing: i, renderers: a, kindLabel: o = N, emptyState: s = null, className: c } = e;
-	S(t.subscribe, t.getVersion, t.getVersion);
-	let l = n.current.map((e) => t.get(v(e))).filter((e) => e != null), u = l.map((e) => C(e, i)), d = l.map((e) => e.id).join(","), f = D(u, r);
-	if (l.length === 0) return /* @__PURE__ */ h("div", {
-		className: [M.root, c].filter(Boolean).join(" "),
-		children: s
-	});
-	let p = (e, r) => {
-		let [i, ...a] = e.path.split(".");
-		if (a.length === 0) return;
-		let o = n.current.map(v);
-		t.batch(`Edit ${e.leaf.name}`, () => {
-			for (let e of o) {
-				let n = t.get(e);
-				n && (i === "pose" ? t.setPose(e, k(n.pose, a, r)) : i === "data" && t.update(e, { data: k(n.data, a, r) }));
-			}
-		});
-	};
-	return /* @__PURE__ */ g("div", {
-		className: [M.root, c].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ h("header", {
-			className: M.header,
-			children: l.length === 1 ? /* @__PURE__ */ h("span", {
-				className: M.kind,
-				children: o(u[0])
-			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("span", {
-				className: M.kind,
-				children: [l.length, " selected"]
-			}), /* @__PURE__ */ h("span", {
-				className: M.breakdown,
-				children: j(u)
-			})] })
-		}), f.map((e) => {
-			let t = e.rows.map((e) => ({
-				row: e,
-				controls: L(e.leaves.map((t) => F(t, e.leaves.length > 1 ? `${e.label} ${t.leaf.name}` : t.leaf.name, l, a, p, d)), a)
-			})).filter(({ controls: e }) => e.length > 0);
-			return t.length === 0 ? null : /* @__PURE__ */ g("section", {
-				className: M.section,
-				children: [e.name !== "" && /* @__PURE__ */ h("h3", {
-					className: M.sectionTitle,
-					children: e.name
-				}), t.map(({ row: t, controls: n }) => t.leaves.length === 1 && t.leaves[0].leaf.block ? /* @__PURE__ */ g("div", { children: [e.name === "" && t.leaves[0].leaf.kind !== "object" && /* @__PURE__ */ h("h4", {
-					className: M.sectionTitle,
-					title: t.leaves[0].leaf.description,
-					children: t.leaves[0].leaf.name
-				}), n[0].content] }, t.leaves[0].path) : /* @__PURE__ */ g("div", {
-					className: M.row,
-					children: [/* @__PURE__ */ h("span", {
-						className: M.rowLabel,
-						title: t.leaves[0].leaf.description,
-						children: t.label
-					}), /* @__PURE__ */ h("span", {
-						className: M.rowControls,
-						children: n.map(({ key: e, content: t }) => /* @__PURE__ */ h(b, { children: t }, e))
-					})]
-				}, t.leaves[0].path))]
-			}, e.key);
-		})]
-	});
-}
-function F(e, t, n, r, i, a) {
-	let { path: o, leaf: s } = e, c = A(n, o), l = c === _, u = {
-		path: o,
-		pref: s,
-		value: l ? void 0 : c,
-		mixed: l,
-		unset: !l && c === void 0,
-		setValue: (t) => i(e, t),
-		valueAt: (e) => {
-			let t = A(n, e);
-			return t === _ ? {
-				value: void 0,
-				mixed: !0
-			} : {
-				value: t,
-				mixed: !1
-			};
-		}
-	};
-	return {
-		key: o,
-		leaf: s,
-		ctx: u,
-		ariaLabel: t,
-		render: () => {
-			let e = r?.[o] ?? r?.[s.kind];
-			return e ? e(u) : z(u, t, r, a);
-		}
-	};
-}
-function I(e, t) {
-	let { leaf: n } = e;
-	return n.kind === "boolean" && n.control === "toggle" && n.pair !== void 0 && t?.[e.ctx.path] === void 0 && t?.[n.kind] === void 0;
-}
-function L(e, t) {
-	let n = [];
-	for (let r = 0; r < e.length;) {
-		let i = e[r];
-		if (!I(i, t)) {
-			let e = i.render();
-			e != null && n.push({
-				key: i.key,
-				leaf: i.leaf,
-				block: i.leaf.block === !0,
-				content: e
-			}), r += 1;
-			continue;
-		}
-		let a = r + 1;
-		for (; a < e.length && I(e[a], t) && e[a].leaf.pair === i.leaf.pair;) a += 1;
-		let o = e.slice(r, a);
-		n.push({
-			key: i.key,
-			leaf: i.leaf,
-			block: o.every((e) => e.leaf.block === !0),
-			content: /* @__PURE__ */ h(R, {
-				run: o,
-				ariaLabel: i.leaf.pair
-			})
-		}), r = a;
-	}
-	return n;
-}
-function R({ run: r, ariaLabel: i }) {
-	let a = r.filter((e) => e.ctx.value === !0).map((e) => e.key);
-	return /* @__PURE__ */ h(n, {
-		mode: "multiple",
-		size: "sm",
-		variant: "flat",
-		className: M.flagToggle,
-		ariaLabel: i,
-		items: r.map((n) => {
-			let r = n.leaf;
-			return {
-				value: n.key,
-				label: r.icon && r.icon in e ? /* @__PURE__ */ h(t, {
-					name: r.icon,
-					size: 14
-				}) : r.short ?? r.name.slice(0, 1),
-				ariaLabel: n.ariaLabel
-			};
-		}),
-		value: a,
-		mixedValues: r.filter((e) => e.ctx.mixed).map((e) => e.key),
-		onChange: (e) => {
-			for (let t of r) {
-				let n = e.includes(t.key);
-				n !== a.includes(t.key) && t.ctx.setValue(n);
-			}
-		}
-	});
-}
-function z(c, _, v, b = "", x = !1) {
-	let { pref: S, value: C, mixed: w, unset: T, setValue: E } = c;
-	if (S.kind === "font-family") {
-		let e = c.valueAt("data.style.fontWeight"), t = c.valueAt("data.style.fontStyle");
-		return /* @__PURE__ */ h(s, {
-			className: M.select,
-			value: w || typeof C != "string" ? void 0 : C,
-			mixed: w,
-			onChange: E,
-			weight: typeof e.value == "number" ? e.value : void 0,
-			fontStyle: t.value === "italic" ? "italic" : void 0,
-			"aria-label": _
-		});
-	}
-	if (!y(S)) return /* @__PURE__ */ g("span", {
-		className: M.unrenderable,
-		children: [
-			"(",
-			S.kind,
-			": no renderer)"
-		]
-	});
-	switch (S.kind) {
-		case "number": {
-			let e = S, t = typeof C == "number" && Number.isFinite(C) ? C : void 0, n = t === void 0 ? NaN : e.unit ? e.unit.toDisplay(t) : t, i = f(e);
-			if (e.control === "slider") {
-				let a = i.min ?? 0, o = i.max ?? 100, s = !w && t !== void 0;
-				return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(r, {
-					min: a,
-					max: o,
-					step: i.step,
-					value: s ? Math.min(Math.max(n, a), o) : a,
-					disabled: w,
-					className: M.slider,
-					"aria-label": _,
-					onChange: (t) => {
-						let n = Number(t.target.value);
-						E(e.unit ? e.unit.fromDisplay(n) : n);
-					}
-				}), /* @__PURE__ */ h("span", {
-					className: M.sliderReadout,
-					"aria-hidden": "true",
-					children: s ? `${n}${e.unit?.suffix ?? ""}` : "—"
-				})] });
-			}
-			let a = e.unit, o = a ? /* @__PURE__ */ h(u, {
-				className: M.number,
-				value: w || t === void 0 ? NaN : n,
-				placeholder: w ? "Mixed" : void 0,
-				minValue: i.min,
-				maxValue: i.max,
-				step: i.step,
-				accepts: p(a),
-				"aria-label": _,
-				onChange: (e) => E(a.fromDisplay(e))
-			}) : /* @__PURE__ */ h(l, {
-				className: M.number,
-				value: w || t === void 0 ? NaN : n,
-				placeholder: w ? "Mixed" : void 0,
-				minValue: i.min,
-				maxValue: i.max,
-				step: i.step,
-				hideSteppers: !0,
-				"aria-label": _,
-				onChange: (e) => {
-					Number.isNaN(e) || E(e);
-				}
-			});
-			return a?.suffix === void 0 ? o : /* @__PURE__ */ g(m, { children: [o, /* @__PURE__ */ h("span", {
-				className: M.unitSuffix,
-				"aria-hidden": "true",
-				children: a.suffix
-			})] });
-		}
-		case "string": return /* @__PURE__ */ h(V, {
-			text: w ? void 0 : typeof C == "string" ? C : "",
-			placeholder: w ? "Mixed" : void 0,
-			ariaLabel: _,
-			onCommit: E
-		});
-		case "boolean": {
-			let r = S;
-			if (r.control === "toggle") return /* @__PURE__ */ h(n, {
-				mode: "multiple",
-				size: "sm",
-				variant: "flat",
-				className: M.flagToggle,
-				ariaLabel: _,
-				items: [{
-					value: c.path,
-					label: r.icon && r.icon in e ? /* @__PURE__ */ h(t, {
-						name: r.icon,
-						size: 14
-					}) : r.short ?? r.name.slice(0, 1),
-					ariaLabel: _
-				}],
-				value: C === !0 ? [c.path] : [],
-				mixedValues: w ? [c.path] : [],
-				onChange: (e) => E(e.includes(c.path))
-			});
-			let i = /* @__PURE__ */ h(d, {
-				isSelected: !!C,
-				onChange: E,
-				"aria-label": _
-			});
-			return !w && !T ? i : /* @__PURE__ */ h("span", {
-				className: M.mixedSwitch,
-				title: w ? "Mixed" : "Not set",
-				children: i
-			});
-		}
-		case "enum": {
-			let r = S, i = r.encoding ? w ? void 0 : r.encoding.read(C, c.siblings) : w || T ? void 0 : typeof C == "string" ? C : r.default, a = (e) => E(r.encoding ? r.encoding.write(e, c.siblings) : e);
-			return r.control === "toggle" ? /* @__PURE__ */ h(n, {
-				size: "sm",
-				variant: "flat",
-				className: M.toggle,
-				ariaLabel: _,
-				items: r.options.map((n) => ({
-					value: n.value,
-					label: n.icon && n.icon in e ? /* @__PURE__ */ h(t, {
-						name: n.icon,
-						size: 14
-					}) : n.short ?? n.label,
-					ariaLabel: n.label,
-					disabled: n.disabled
-				})),
-				value: i ?? null,
-				onChange: (e) => {
-					e !== null && a(e);
-				}
-			}) : /* @__PURE__ */ h(o, {
-				className: M.select,
-				options: r.options.map((e) => ({
-					value: e.value,
-					label: e.label,
-					isDisabled: e.disabled
-				})),
-				selectedKey: i ?? null,
-				placeholder: w ? "Mixed" : T ? "—" : void 0,
-				onSelectionChange: a,
-				"aria-label": _
-			});
-		}
-		case "color": {
-			let e = S;
-			return /* @__PURE__ */ h(i, {
-				value: w ? void 0 : typeof C == "string" ? C : e.default,
-				mixed: w,
-				alpha: e.alpha,
-				onChange: E,
-				"aria-label": _
-			});
-		}
-		case "paint": return /* @__PURE__ */ h(a, {
-			value: C === null ? null : C ?? (w ? void 0 : S.default),
-			mixed: w,
-			unset: T,
-			allowNone: !x,
-			onChange: E,
-			"aria-label": _
-		}, b);
-		case "object": return /* @__PURE__ */ h(B, {
-			ctx: c,
-			renderers: v,
-			selectionKey: b
-		});
-		default: throw Error(`SelectionPanel: no control for built-in pref kind "${S.kind}"`);
-	}
-}
-function B({ ctx: n, renderers: r, selectionKey: i = "" }) {
-	let a = n.pref, o = typeof n.value == "object" && n.value !== null ? n.value : void 0, s = Object.values(a.children).every((e) => !("kind" in e)), c = (s, l) => {
-		let u = [], d = (e) => typeof e == "object" && !!e && "controls" in e, f = [], p = () => {
-			for (let { key: e, leaf: t, block: n, content: i } of L(f, r)) {
-				let r = u[u.length - 1];
-				if (t.pair !== void 0 && d(r) && r.pair === t.pair) {
-					r.controls.push(/* @__PURE__ */ h(b, { children: i }, e)), r.block &&= n;
-					continue;
-				}
-				u.push({
-					key: e,
-					pair: t.pair,
-					label: t.pair ?? t.name,
-					title: t.description,
-					block: n,
-					controls: [/* @__PURE__ */ h(b, { children: i }, e)]
-				});
-			}
-			f = [];
-		};
-		for (let [d, m] of Object.entries(s)) {
-			if (!("kind" in m)) {
-				let e = m.name !== "", t = c(m.children, e);
-				if (t.length === 0) continue;
-				p(), u.push(/* @__PURE__ */ g("div", {
-					className: e && l ? M.objectGroup : void 0,
-					children: [e && /* @__PURE__ */ h("h5", {
-						className: M.sectionTitle,
-						children: m.name
-					}), t]
-				}, `group:${d}`));
-				continue;
-			}
-			let s = `${n.path}.${d}`, _ = {
-				path: s,
-				pref: m,
-				value: o?.[d],
-				mixed: n.mixed,
-				unset: !n.mixed && o?.[d] === void 0,
-				siblings: o,
-				valueAt: n.valueAt,
-				setValue: (e) => {
-					let t = o ?? a.fromScalar?.(n.value) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {});
-					if (e === void 0) {
-						let { [d]: e, ...r } = t;
-						n.setValue(r);
-						return;
-					}
-					n.setValue({
-						...t,
-						[d]: e
-					});
-				}
-			};
-			f.push({
-				key: s,
-				leaf: m,
-				ctx: _,
-				ariaLabel: m.name,
-				render: () => {
-					let n = r?.[s] ?? r?.[m.kind], a = n ? n(_) : z(_, m.name, r, i, !0);
-					return a == null ? null : (m.pair !== void 0 || m.block === !0) && m.icon && m.icon in e ? /* @__PURE__ */ g("span", {
-						className: M.namedField,
-						children: [/* @__PURE__ */ h(t, {
-							name: m.icon,
-							size: 14
-						}), a]
-					}) : a;
-				}
-			});
-		}
-		return p(), u.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ h("div", {
-			className: `${M.rowControls} ${M.blockRow}`,
-			title: e.title,
-			children: e.controls
-		}, e.key) : /* @__PURE__ */ g("div", {
-			className: M.row,
-			children: [/* @__PURE__ */ h("span", {
-				className: M.rowLabel,
-				title: e.title,
-				children: e.label
-			}), /* @__PURE__ */ h("span", {
-				className: M.rowControls,
-				children: e.controls
-			})]
-		}, e.key) : e);
-	}, l = c(a.children, !s);
-	return l.length === 0 ? null : /* @__PURE__ */ g("div", {
-		className: M.objectLeaf,
-		children: [!s && /* @__PURE__ */ h("h4", {
-			className: M.sectionTitle,
-			children: a.name
-		}), l]
-	});
-}
-function V({ text: e, placeholder: t, ariaLabel: n, onCommit: r }) {
-	let [i, a] = x(null);
-	return /* @__PURE__ */ h(c, {
-		value: i ?? e ?? "",
-		placeholder: t,
-		"aria-label": n,
-		onChange: a,
-		onBlur: () => {
-			i !== null && i !== e && r(i), a(null);
-		},
-		onKeyDown: (e) => {
-			e.key === "Enter" && e.target.blur();
-		}
-	});
-}
-//#endregion
-export { D as a, k as c, C as i, _ as n, j as o, A as r, O as s, P as t };
-
-//# sourceMappingURL=SelectionPanel-DTpcQidl.js.map