@weasel-js/core 1.10.0 → 1.10.1

package/dist/canvas/SceneCanvas/defaultNodeProperties.js

@@ -1,62 +1,73 @@
 import { KIT_SHAPE_KINDS as e } from "../../core/shapeKinds.js";
-import { inferredNodeRouting as t } from "./defaultNodeRouting.js";
-import { dashForStrokeStyle as n, strokeDashStyleOf as r } from "@weasel-js/paint";
-import { listMarkers as i, markerGeneration as a } from "@weasel-js/stroke";
-import { resolveAlign as o } from "@weasel-js/text";
-import { ANGLE_RADIANS as s } from "@weasel-js/quantity";
-import { prefUnit as c } from "@weasel-js/prefs";
+import { settleShapeGenerator as t } from "../../features/paths/shapeGenerator.js";
+import { inferredNodeRouting as n } from "./defaultNodeRouting.js";
+import { SHAPE_GENERATOR_SECTIONS as r } from "./shapeGeneratorProperties.js";
+import { poseLinearOf as i } from "@weasel-js/geom";
+import { dashForStrokeStyle as a, strokeDashStyleOf as o } from "@weasel-js/paint";
+import { listMarkers as s, markerGeneration as c } from "@weasel-js/stroke";
+import { resolveAlign as l } from "@weasel-js/text";
+import { ANGLE_RADIANS as u, decimal as d } from "@weasel-js/quantity";
+import { prefUnit as f } from "@weasel-js/prefs";
 //#region src/canvas/SceneCanvas/defaultNodeProperties.ts
-var l = c(s, "deg", {
+var p = f(u, "deg", {
 	precision: 1,
 	suffix: "°"
+}), m = d({
+	maxPlaces: 2,
+	grouping: !1
 });
-function u(e) {
+function h(e) {
 	let t = e?.width;
 	if (typeof t == "number" || typeof t == "object" && t && typeof t.px == "number") return t;
 }
-var d = {
-	read: (e, t) => t === void 0 ? void 0 : r(Array.isArray(e) ? e : void 0, u(t)),
-	write: (e, t) => e === "dashed" || e === "dotted" ? n(e, u(t)) : e === "solid" ? void 0 : t?.dash
-}, f = {
+var g = {
+	read: (e, t) => t === void 0 ? void 0 : o(Array.isArray(e) ? e : void 0, h(t)),
+	write: (e, t) => e === "dashed" || e === "dotted" ? a(e, h(t)) : e === "solid" ? void 0 : t?.dash
+}, _ = {
 	read: (e) => typeof e == "string" ? e : e && typeof e == "object" && "key" in e ? String(e.key) : "",
 	write: (e) => e === "" ? void 0 : e
-}, p = {
+}, v = {
 	read: (e) => e === "italic",
 	write: (e) => e ? "italic" : void 0
-}, m = {
+}, y = {
 	read: (e, t) => {
-		if (e === void 0 || e === "justify") return e;
-		let n = t?.direction === "rtl" ? "rtl" : "ltr";
-		return o(e, n);
+		if (e === "start" || e === "end") {
+			let n = t?.direction;
+			return n === "ltr" || n === "rtl" ? l(e, n) : void 0;
+		}
+		return e;
 	},
 	write: (e) => e
-}, h;
-function g() {
-	let e = a();
-	return h?.generation !== e && (h = {
+}, b = {
+	read: (e) => i({ transform: e }) !== null,
+	write: (e, t) => e ? t?.transform : void 0
+}, x;
+function S() {
+	let e = c();
+	return x?.generation !== e && (x = {
 		generation: e,
 		options: [{
 			value: "",
 			label: "None"
-		}, ...i().map((e) => ({
+		}, ...s().map((e) => ({
 			value: e.id,
 			label: e.id
 		}))]
-	}), h.options;
+	}), x.options;
 }
-function _(e) {
+function C(e) {
 	return {
 		kind: "enum",
 		default: "",
 		control: "select",
-		encoding: f,
+		encoding: _,
 		...e,
 		get options() {
-			return g();
+			return S();
 		}
 	};
 }
-var v = {
+var w = {
 	kind: "object",
 	name: "Fill",
 	description: "Fill paint.",
@@ -76,59 +87,243 @@ var v = {
 		alpha: !0,
 		block: !0
 	} }
+}, T = {
+	kind: "object",
+	name: "Stroke",
+	description: "Stroke paint and line geometry.",
+	default: {
+		paint: {
+			kind: "solid",
+			color: "#000000ff"
+		},
+		width: 1
+	},
+	block: !0,
+	children: {
+		width: {
+			kind: "number",
+			name: "Width",
+			description: "Stroke width, world units.",
+			absentIsDefault: !0,
+			default: 1,
+			min: 0,
+			max: 20,
+			step: .5,
+			control: "slider",
+			icon: "strokeWidth",
+			block: !0
+		},
+		paint: {
+			kind: "paint",
+			name: "Paint",
+			description: "Stroke paint.",
+			default: {
+				kind: "solid",
+				color: "#000000ff"
+			},
+			alpha: !0,
+			block: !0
+		},
+		cap: {
+			kind: "enum",
+			name: "Cap",
+			description: "How an open end is drawn.",
+			absentIsDefault: !0,
+			default: "butt",
+			control: "toggle",
+			block: !0,
+			pair: {
+				with: ["data.stroke.join", "data.stroke.align"],
+				label: "Line"
+			},
+			options: [
+				{
+					value: "butt",
+					label: "Butt",
+					icon: "capButt"
+				},
+				{
+					value: "round",
+					label: "Round",
+					icon: "capRound"
+				},
+				{
+					value: "square",
+					label: "Square",
+					icon: "capSquare"
+				}
+			]
+		},
+		join: {
+			kind: "enum",
+			name: "Join",
+			description: "How a corner is drawn.",
+			absentIsDefault: !0,
+			default: "miter",
+			control: "toggle",
+			block: !0,
+			options: [
+				{
+					value: "miter",
+					label: "Miter",
+					icon: "joinMiter"
+				},
+				{
+					value: "round",
+					label: "Round",
+					icon: "joinRound"
+				},
+				{
+					value: "bevel",
+					label: "Bevel",
+					icon: "joinBevel"
+				}
+			]
+		},
+		align: {
+			kind: "enum",
+			name: "Align",
+			description: "Where the ribbon sits relative to the edge.",
+			absentIsDefault: !0,
+			default: "center",
+			control: "toggle",
+			block: !0,
+			options: [
+				{
+					value: "inner",
+					label: "Inner",
+					icon: "alignInner"
+				},
+				{
+					value: "center",
+					label: "Center",
+					icon: "alignCenter"
+				},
+				{
+					value: "outer",
+					label: "Outer",
+					icon: "alignOuter"
+				}
+			]
+		},
+		dash: {
+			kind: "enum",
+			name: "Style",
+			description: "Solid, dashed or dotted. Dash lengths are multiples of the stroke width, so a style holds as the width changes.",
+			default: "solid",
+			control: "toggle",
+			block: !0,
+			encoding: g,
+			options: [
+				{
+					value: "solid",
+					label: "Solid",
+					icon: "dashSolid"
+				},
+				{
+					value: "dashed",
+					label: "Dashed",
+					icon: "dashDashed"
+				},
+				{
+					value: "dotted",
+					label: "Dotted",
+					icon: "dashDotted"
+				},
+				{
+					value: "custom",
+					label: "Custom",
+					icon: "dashCustom",
+					disabled: !0
+				}
+			]
+		},
+		markerStart: C({
+			name: "Start",
+			description: "Marker at the first vertex of each open subpath.",
+			block: !0,
+			pair: {
+				with: ["data.stroke.markerMid", "data.stroke.markerEnd"],
+				label: "Markers"
+			}
+		}),
+		markerMid: C({
+			name: "Mid",
+			description: "Marker at every interior authored vertex.",
+			block: !0
+		}),
+		markerEnd: C({
+			name: "End",
+			description: "Marker at the last vertex of each open subpath.",
+			block: !0
+		})
+	}
+}, E = {
+	name: "Layout",
+	members: {
+		"pose.x": {
+			kind: "number",
+			display: m,
+			name: "X",
+			description: "Left edge, world units.",
+			default: 0,
+			pair: {
+				with: "pose.y",
+				label: "Position"
+			}
+		},
+		"pose.y": {
+			kind: "number",
+			display: m,
+			name: "Y",
+			description: "Top edge, world units.",
+			default: 0
+		},
+		"pose.width": {
+			kind: "number",
+			display: m,
+			name: "W",
+			description: "Width, world units.",
+			default: 0,
+			min: 0,
+			pair: {
+				with: "pose.height",
+				label: "Size"
+			}
+		},
+		"pose.height": {
+			kind: "number",
+			display: m,
+			name: "H",
+			description: "Height, world units.",
+			default: 0,
+			min: 0
+		},
+		"pose.rotation": {
+			kind: "number",
+			name: "Rotation",
+			description: "Rotation about the box center.",
+			default: 0,
+			step: 1,
+			unit: p,
+			absentIsDefault: !0
+		},
+		"pose.transform": {
+			kind: "boolean",
+			name: "Skew",
+			description: "The skew or per-axis scale the box and rotation cannot hold. Off removes it.",
+			default: !1,
+			control: "switch",
+			encoding: b
+		}
+	}
 };
-function y(e = {}) {
+function D(e = {}) {
 	return {
 		name: "Properties",
 		members: {
-			layout: {
-				name: "Layout",
-				members: {
-					"pose.x": {
-						kind: "number",
-						name: "X",
-						description: "Left edge, world units.",
-						default: 0,
-						pair: {
-							with: "pose.y",
-							label: "Position"
-						}
-					},
-					"pose.y": {
-						kind: "number",
-						name: "Y",
-						description: "Top edge, world units.",
-						default: 0
-					},
-					"pose.width": {
-						kind: "number",
-						name: "W",
-						description: "Width, world units.",
-						default: 0,
-						min: 0,
-						pair: {
-							with: "pose.height",
-							label: "Size"
-						}
-					},
-					"pose.height": {
-						kind: "number",
-						name: "H",
-						description: "Height, world units.",
-						default: 0,
-						min: 0
-					},
-					"pose.rotation": {
-						kind: "number",
-						name: "Rotation",
-						description: "Rotation about the box center.",
-						default: 0,
-						step: 1,
-						unit: l,
-						absentIsDefault: !0
-					}
-				}
-			},
+			layout: E,
+			...Object.fromEntries((e.generators ?? []).map((e) => [e, r[e]])),
 			...e.text ? { content: {
 				name: "Content",
 				members: { "data.text": {
@@ -143,179 +338,8 @@ function y(e = {}) {
 			appearance: {
 				name: "",
 				members: {
-					"data.fill": v,
-					"data.stroke": {
-						kind: "object",
-						name: "Stroke",
-						description: "Stroke paint and line geometry.",
-						default: {
-							paint: {
-								kind: "solid",
-								color: "#000000ff"
-							},
-							width: 1
-						},
-						block: !0,
-						children: {
-							width: {
-								kind: "number",
-								name: "Width",
-								description: "Stroke width, world units.",
-								absentIsDefault: !0,
-								default: 1,
-								min: 0,
-								max: 20,
-								step: .5,
-								control: "slider",
-								icon: "strokeWidth",
-								block: !0
-							},
-							paint: {
-								kind: "paint",
-								name: "Paint",
-								description: "Stroke paint.",
-								default: {
-									kind: "solid",
-									color: "#000000ff"
-								},
-								alpha: !0,
-								block: !0
-							},
-							cap: {
-								kind: "enum",
-								name: "Cap",
-								description: "How an open end is drawn.",
-								absentIsDefault: !0,
-								default: "butt",
-								control: "toggle",
-								block: !0,
-								pair: {
-									with: ["data.stroke.join", "data.stroke.align"],
-									label: "Line"
-								},
-								options: [
-									{
-										value: "butt",
-										label: "Butt",
-										icon: "capButt"
-									},
-									{
-										value: "round",
-										label: "Round",
-										icon: "capRound"
-									},
-									{
-										value: "square",
-										label: "Square",
-										icon: "capSquare"
-									}
-								]
-							},
-							join: {
-								kind: "enum",
-								name: "Join",
-								description: "How a corner is drawn.",
-								absentIsDefault: !0,
-								default: "miter",
-								control: "toggle",
-								block: !0,
-								options: [
-									{
-										value: "miter",
-										label: "Miter",
-										icon: "joinMiter"
-									},
-									{
-										value: "round",
-										label: "Round",
-										icon: "joinRound"
-									},
-									{
-										value: "bevel",
-										label: "Bevel",
-										icon: "joinBevel"
-									}
-								]
-							},
-							align: {
-								kind: "enum",
-								name: "Align",
-								description: "Where the ribbon sits relative to the edge.",
-								absentIsDefault: !0,
-								default: "center",
-								control: "toggle",
-								block: !0,
-								options: [
-									{
-										value: "inner",
-										label: "Inner",
-										icon: "alignInner"
-									},
-									{
-										value: "center",
-										label: "Center",
-										icon: "alignCenter"
-									},
-									{
-										value: "outer",
-										label: "Outer",
-										icon: "alignOuter"
-									}
-								]
-							},
-							dash: {
-								kind: "enum",
-								name: "Style",
-								description: "Solid, dashed or dotted. Dash lengths are multiples of the stroke width, so a style holds as the width changes.",
-								default: "solid",
-								control: "toggle",
-								block: !0,
-								encoding: d,
-								options: [
-									{
-										value: "solid",
-										label: "Solid",
-										icon: "dashSolid"
-									},
-									{
-										value: "dashed",
-										label: "Dashed",
-										icon: "dashDashed"
-									},
-									{
-										value: "dotted",
-										label: "Dotted",
-										icon: "dashDotted"
-									},
-									{
-										value: "custom",
-										label: "Custom",
-										icon: "dashCustom",
-										disabled: !0
-									}
-								]
-							},
-							markerStart: _({
-								name: "Start",
-								description: "Marker at the first vertex of each open subpath.",
-								block: !0,
-								pair: {
-									with: ["data.stroke.markerMid", "data.stroke.markerEnd"],
-									label: "Markers"
-								}
-							}),
-							markerMid: _({
-								name: "Mid",
-								description: "Marker at every interior authored vertex.",
-								block: !0
-							}),
-							markerEnd: _({
-								name: "End",
-								description: "Marker at the last vertex of each open subpath.",
-								block: !0
-							})
-						}
-					}
+					"data.fill": w,
+					"data.stroke": T
 				}
 			},
 			...e.text ? { text: {
@@ -341,6 +365,7 @@ function y(e = {}) {
 									},
 									fontSize: {
 										kind: "number",
+										display: m,
 										name: "Size",
 										description: "Font size, world units.",
 										absentIsDefault: !0,
@@ -376,7 +401,7 @@ function y(e = {}) {
 											],
 											label: "Style"
 										},
-										encoding: p
+										encoding: v
 									},
 									underline: {
 										kind: "boolean",
@@ -427,6 +452,7 @@ function y(e = {}) {
 									},
 									letterSpacing: {
 										kind: "number",
+										display: m,
 										name: "Tracking",
 										description: "Extra advance per glyph, world units.",
 										absentIsDefault: !0,
@@ -487,6 +513,7 @@ function y(e = {}) {
 								members: {
 									lineHeight: {
 										kind: "number",
+										display: m,
 										name: "Leading",
 										description: "Line height as a multiple of font size.",
 										absentIsDefault: !0,
@@ -504,6 +531,7 @@ function y(e = {}) {
 									},
 									tabSize: {
 										kind: "number",
+										display: m,
 										name: "Tab size",
 										description: "Distance between tab stops, in spaces.",
 										absentIsDefault: !0,
@@ -543,7 +571,7 @@ function y(e = {}) {
 										absentIsDefault: !0,
 										default: "left",
 										control: "toggle",
-										encoding: m,
+										encoding: y,
 										options: [
 											{
 												value: "left",
@@ -601,14 +629,24 @@ function y(e = {}) {
 		}
 	};
 }
-var b = e.map((e) => ({
-	name: e,
-	schema: y({ text: e === "text" })
-})), x = t.map((e) => ({
-	name: e.name,
-	schema: y({ text: e.name === "text" })
-}));
+var O = {
+	polygon: ["polygon"],
+	star: ["star"],
+	path: ["polygon", "star"]
+};
+function k(e) {
+	let n = O[e];
+	return {
+		name: e,
+		schema: D({
+			text: e === "text",
+			...n ? { generators: n } : {}
+		}),
+		...n ? { settle: t } : {}
+	};
+}
+var A = e.map(k), j = n.map((e) => k(e.name));
 //#endregion
-export { b as defaultNodeProperties, x as inferredNodeProperties, l as rotationDegreesUnit };
+export { A as defaultNodeProperties, j as inferredNodeProperties, p as rotationDegreesUnit };
 
 //# sourceMappingURL=defaultNodeProperties.js.map