@genome-spy/app 0.83.0 → 0.84.0

package/dist/agentShared.es.js

@@ -1,7 +1,7 @@
 import { n as e } from "./rolldown-runtime-DF993M8W.js";
-import { B as t, F as n, I as r, L as i, M as a, N as o, P as s, R as c, V as l, Z as u, et as d, i as f, s as p, tt as m } from "./viewUtils-DP0AcPCi.js";
-import { a as h, h as g, it as _, k as v, n as y, s as b } from "./metadataChannels-fGQOmJj0.js";
-import { n as x, t as S } from "./componentStyles-BzJWWojD.js";
+import { A as t, F as n, J as r, L as i, M as a, N as o, P as s, R as c, X as l, Y as u, i as d, j as f, k as p, s as m } from "./viewUtils-DMNiWslc.js";
+import { C as h, Q as g, i as _, m as v, o as y, t as b } from "./viewSelectors-Bwzj10Qz.js";
+import { n as x, t as S } from "./componentStyles-FsNmIb22.js";
 //#region src/viewScopeUtils.js
 function C(e, t) {
 	return !w(e, t.param) || !Array.isArray(t.scope) || t.scope.length === 0 ? t.param : t.scope.join("/") + "/" + t.param;
@@ -9,7 +9,7 @@ function C(e, t) {
 function w(e, t) {
 	if (!e || typeof e.visit != "function") return !1;
 	let n = 0;
-	for (let r of y(e)) r.selector.param === t && (n += 1);
+	for (let r of b(e)) r.selector.param === t && (n += 1);
 	return n > 1;
 }
 //#endregion
@@ -36,11 +36,11 @@ function D(e) {
 //#region src/sampleView/viewRef.js
 function O(e) {
 	if (!e.explicitName) throw Error("Cannot create a view reference without an explicit view name.");
-	return h(e);
+	return _(e);
 }
 function k(e) {
 	if (!e.explicitName) return;
-	let t = h(e);
+	let t = _(e);
 	return JSON.stringify({
 		s: t.scope,
 		v: t.view
@@ -48,7 +48,7 @@ function k(e) {
 }
 function A(e) {
 	let t = /* @__PURE__ */ new Map();
-	g(e, (e) => {
+	v(e, (e) => {
 		let n = k(e);
 		n && t.set(n, (t.get(n) ?? 0) + 1);
 	});
@@ -70,7 +70,7 @@ function N(e, t, n) {
 	if (n) try {
 		let t = [];
 		e.visit((e) => {
-			e instanceof p && e.isVisible() && ne(e, r) && t.push(e);
+			e instanceof m && e.isVisible() && ne(e, r) && t.push(e);
 		});
 		for (let e of t) {
 			let t = e.getEncoding(), n = t?.x && "field" in t.x, r = Object.entries(t).some(([e, t]) => ![
@@ -118,7 +118,7 @@ function F(e) {
 }
 function I(e) {
 	try {
-		return f(e).filter((e) => ![
+		return d(e).filter((e) => ![
 			"sample",
 			"x",
 			"x2"
@@ -161,7 +161,7 @@ function ne(e, t) {
 function re(e) {
 	if (e.view.getEncoding()?.x2) return !0;
 	let t = e.view.getScaleResolution("x")?.getScale()?.type;
-	return t ? _(t) : !1;
+	return t ? g(t) : !1;
 }
 function ie(e) {
 	return e === "quantitative" ? M : ee;
@@ -192,16 +192,16 @@ function ce({ viewSelector: e, field: t, selectionSelector: n, aggregation: r, f
 		}
 	};
 }
-var le = m({
+var le = l({
 	name: "paramProvenance",
 	initialState: { entries: {} },
 	reducers: {
 		paramChange: (e, t) => {
-			let n = b(t.payload.selector);
+			let n = y(t.payload.selector);
 			e.entries[n] = t.payload;
 		},
 		expandPointSelection: (e, t) => {
-			let n = t.payload, r = b(n.selector), i;
+			let n = t.payload, r = y(n.selector), i;
 			if ("rule" in n && n.rule) i = { rule: n.rule };
 			else if ("predicate" in n && n.predicate) i = { predicate: n.predicate };
 			else throw Error("expandPointSelection requires either 'rule' or 'predicate'.");
@@ -4715,8 +4715,8 @@ function Gn(e, t, n) {
 function Kn(e, t = {}) {
 	let n = Gn(e), r = new DOMParser().parseFromString(`<!DOCTYPE html><html><body><div>${n}</div></body></html>`, "text/html");
 	r.normalize(), qn(r.body);
-	for (let e of r.querySelectorAll("a[href]")) e.setAttribute("target", "blank"), e.setAttribute("rel", "noopener noreferrer"), e.setAttribute("href", v(e.getAttribute("href"), t.baseUrl));
-	for (let e of r.querySelectorAll("img[src]")) e.setAttribute("src", v(e.getAttribute("src"), t.baseUrl));
+	for (let e of r.querySelectorAll("a[href]")) e.setAttribute("target", "blank"), e.setAttribute("rel", "noopener noreferrer"), e.setAttribute("href", h(e.getAttribute("href"), t.baseUrl));
+	for (let e of r.querySelectorAll("img[src]")) e.setAttribute("src", h(e.getAttribute("src"), t.baseUrl));
 	let i = r.body.removeChild(r.querySelector("body > div"));
 	return i.className = "markdown", i;
 }
@@ -4733,10 +4733,10 @@ function qn(e) {
 //#endregion
 //#region src/agentShared/index.js
 function Jn(e) {
-	if (e.startsWith("sampleView/")) return t.actions[e.slice(11)];
+	if (e.startsWith("sampleView/")) return i.actions[e.slice(11)];
 	if (e.startsWith("paramProvenance/")) return le.actions[e.slice(16)];
-	if (e.startsWith("viewSettings/")) return d.actions[e.slice(13)];
+	if (e.startsWith("viewSettings/")) return u.actions[e.slice(13)];
 	throw Error("Unsupported app actionType " + e + ".");
 }
 //#endregion
-export { a as addValueColors, s as buildCategoricalCountsSummary, n as buildCategoricalFieldSummary, r as buildQuantitativeFieldSummary, ce as buildSelectionAggregationAttributeIdentifier, i as buildTopCategorySummary, se as createSelectionAggregationCandidateId, S as faStyles, x as formStyles, l as formatAggregationExpression, C as formatScopedParamName, Jn as getActionCreator, o as getConcreteColorScale, P as getContextMenuFieldInfos, D as isBaselineAction, u as makeViewSelectorKey, Kn as safeMarkdown, T as serializeBookmarkableParamValue, c as templateResultToString };
+export { p as addValueColors, f as buildCategoricalCountsSummary, a as buildCategoricalFieldSummary, o as buildQuantitativeFieldSummary, ce as buildSelectionAggregationAttributeIdentifier, s as buildTopCategorySummary, se as createSelectionAggregationCandidateId, S as faStyles, x as formStyles, c as formatAggregationExpression, C as formatScopedParamName, Jn as getActionCreator, t as getConcreteColorScale, P as getContextMenuFieldInfos, D as isBaselineAction, r as makeViewSelectorKey, Kn as safeMarkdown, T as serializeBookmarkableParamValue, n as templateResultToString };

package/dist/bmFontMetrics-CuNB-kNN.js

@@ -0,0 +1,31 @@
+function e(e) {
+	let t = [];
+	for (let e = 0; e <= 127; e++) t.push(void 0);
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e.chars) r.id <= 127 ? t[r.id] = r : n.set(r.id, r);
+	let r = 8722;
+	n.has(r) || n.set(r, t[45]);
+	function i(e) {
+		return (e <= 127 ? t[e] : n.get(e)) || t[63];
+	}
+	function a(e) {
+		return i(e.charCodeAt(0));
+	}
+	let o = e.common.base, s = a("x"), c = a("X"), l = a("q"), u = s.height - 10, d = c.height - 10, f = l.height - s.height + l.yoffset - s.yoffset;
+	function p(e, t = 1) {
+		let n = 0;
+		for (let t = 0; t < e.length; t++) n += i(e.charCodeAt(t)).xadvance;
+		return n / o * t;
+	}
+	return {
+		measureWidth: p,
+		getCharByCode: i,
+		getChar: a,
+		xHeight: u,
+		capHeight: d,
+		descent: f,
+		common: e.common
+	};
+}
+//#endregion
+export { e as t };

package/dist/clipOptions-Dqco1p8b.js

@@ -0,0 +1,377 @@
+//#region ../../node_modules/internmap/src/index.js
+var e = class extends Map {
+	constructor(e, t = i) {
+		if (super(), Object.defineProperties(this, {
+			_intern: { value: /* @__PURE__ */ new Map() },
+			_key: { value: t }
+		}), e != null) for (let [t, n] of e) this.set(t, n);
+	}
+	get(e) {
+		return super.get(t(this, e));
+	}
+	has(e) {
+		return super.has(t(this, e));
+	}
+	set(e, t) {
+		return super.set(n(this, e), t);
+	}
+	delete(e) {
+		return super.delete(r(this, e));
+	}
+};
+function t({ _intern: e, _key: t }, n) {
+	let r = t(n);
+	return e.has(r) ? e.get(r) : n;
+}
+function n({ _intern: e, _key: t }, n) {
+	let r = t(n);
+	return e.has(r) ? e.get(r) : (e.set(r, n), n);
+}
+function r({ _intern: e, _key: t }, n) {
+	let r = t(n);
+	return e.has(r) && (n = e.get(r), e.delete(r)), n;
+}
+function i(e) {
+	return typeof e == "object" && e ? e.valueOf() : e;
+}
+//#endregion
+//#region ../../node_modules/d3-color/src/define.js
+function a(e, t, n) {
+	e.prototype = t.prototype = n, n.constructor = e;
+}
+function o(e, t) {
+	var n = Object.create(e.prototype);
+	for (var r in t) n[r] = t[r];
+	return n;
+}
+//#endregion
+//#region ../../node_modules/d3-color/src/color.js
+function s() {}
+var c = .7, l = 1 / c, u = "\\s*([+-]?\\d+)\\s*", d = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", f = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", p = /^#([0-9a-f]{3,8})$/, m = RegExp(`^rgb\\(${u},${u},${u}\\)$`), h = RegExp(`^rgb\\(${f},${f},${f}\\)$`), g = RegExp(`^rgba\\(${u},${u},${u},${d}\\)$`), _ = RegExp(`^rgba\\(${f},${f},${f},${d}\\)$`), v = RegExp(`^hsl\\(${d},${f},${f}\\)$`), y = RegExp(`^hsla\\(${d},${f},${f},${d}\\)$`), b = {
+	aliceblue: 15792383,
+	antiquewhite: 16444375,
+	aqua: 65535,
+	aquamarine: 8388564,
+	azure: 15794175,
+	beige: 16119260,
+	bisque: 16770244,
+	black: 0,
+	blanchedalmond: 16772045,
+	blue: 255,
+	blueviolet: 9055202,
+	brown: 10824234,
+	burlywood: 14596231,
+	cadetblue: 6266528,
+	chartreuse: 8388352,
+	chocolate: 13789470,
+	coral: 16744272,
+	cornflowerblue: 6591981,
+	cornsilk: 16775388,
+	crimson: 14423100,
+	cyan: 65535,
+	darkblue: 139,
+	darkcyan: 35723,
+	darkgoldenrod: 12092939,
+	darkgray: 11119017,
+	darkgreen: 25600,
+	darkgrey: 11119017,
+	darkkhaki: 12433259,
+	darkmagenta: 9109643,
+	darkolivegreen: 5597999,
+	darkorange: 16747520,
+	darkorchid: 10040012,
+	darkred: 9109504,
+	darksalmon: 15308410,
+	darkseagreen: 9419919,
+	darkslateblue: 4734347,
+	darkslategray: 3100495,
+	darkslategrey: 3100495,
+	darkturquoise: 52945,
+	darkviolet: 9699539,
+	deeppink: 16716947,
+	deepskyblue: 49151,
+	dimgray: 6908265,
+	dimgrey: 6908265,
+	dodgerblue: 2003199,
+	firebrick: 11674146,
+	floralwhite: 16775920,
+	forestgreen: 2263842,
+	fuchsia: 16711935,
+	gainsboro: 14474460,
+	ghostwhite: 16316671,
+	gold: 16766720,
+	goldenrod: 14329120,
+	gray: 8421504,
+	green: 32768,
+	greenyellow: 11403055,
+	grey: 8421504,
+	honeydew: 15794160,
+	hotpink: 16738740,
+	indianred: 13458524,
+	indigo: 4915330,
+	ivory: 16777200,
+	khaki: 15787660,
+	lavender: 15132410,
+	lavenderblush: 16773365,
+	lawngreen: 8190976,
+	lemonchiffon: 16775885,
+	lightblue: 11393254,
+	lightcoral: 15761536,
+	lightcyan: 14745599,
+	lightgoldenrodyellow: 16448210,
+	lightgray: 13882323,
+	lightgreen: 9498256,
+	lightgrey: 13882323,
+	lightpink: 16758465,
+	lightsalmon: 16752762,
+	lightseagreen: 2142890,
+	lightskyblue: 8900346,
+	lightslategray: 7833753,
+	lightslategrey: 7833753,
+	lightsteelblue: 11584734,
+	lightyellow: 16777184,
+	lime: 65280,
+	limegreen: 3329330,
+	linen: 16445670,
+	magenta: 16711935,
+	maroon: 8388608,
+	mediumaquamarine: 6737322,
+	mediumblue: 205,
+	mediumorchid: 12211667,
+	mediumpurple: 9662683,
+	mediumseagreen: 3978097,
+	mediumslateblue: 8087790,
+	mediumspringgreen: 64154,
+	mediumturquoise: 4772300,
+	mediumvioletred: 13047173,
+	midnightblue: 1644912,
+	mintcream: 16121850,
+	mistyrose: 16770273,
+	moccasin: 16770229,
+	navajowhite: 16768685,
+	navy: 128,
+	oldlace: 16643558,
+	olive: 8421376,
+	olivedrab: 7048739,
+	orange: 16753920,
+	orangered: 16729344,
+	orchid: 14315734,
+	palegoldenrod: 15657130,
+	palegreen: 10025880,
+	paleturquoise: 11529966,
+	palevioletred: 14381203,
+	papayawhip: 16773077,
+	peachpuff: 16767673,
+	peru: 13468991,
+	pink: 16761035,
+	plum: 14524637,
+	powderblue: 11591910,
+	purple: 8388736,
+	rebeccapurple: 6697881,
+	red: 16711680,
+	rosybrown: 12357519,
+	royalblue: 4286945,
+	saddlebrown: 9127187,
+	salmon: 16416882,
+	sandybrown: 16032864,
+	seagreen: 3050327,
+	seashell: 16774638,
+	sienna: 10506797,
+	silver: 12632256,
+	skyblue: 8900331,
+	slateblue: 6970061,
+	slategray: 7372944,
+	slategrey: 7372944,
+	snow: 16775930,
+	springgreen: 65407,
+	steelblue: 4620980,
+	tan: 13808780,
+	teal: 32896,
+	thistle: 14204888,
+	tomato: 16737095,
+	turquoise: 4251856,
+	violet: 15631086,
+	wheat: 16113331,
+	white: 16777215,
+	whitesmoke: 16119285,
+	yellow: 16776960,
+	yellowgreen: 10145074
+};
+a(s, T, {
+	copy(e) {
+		return Object.assign(new this.constructor(), this, e);
+	},
+	displayable() {
+		return this.rgb().displayable();
+	},
+	hex: x,
+	formatHex: x,
+	formatHex8: S,
+	formatHsl: C,
+	formatRgb: w,
+	toString: w
+});
+function x() {
+	return this.rgb().formatHex();
+}
+function S() {
+	return this.rgb().formatHex8();
+}
+function C() {
+	return R(this).formatHsl();
+}
+function w() {
+	return this.rgb().formatRgb();
+}
+function T(e) {
+	var t, n;
+	return e = (e + "").trim().toLowerCase(), (t = p.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? E(t) : n === 3 ? new A(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? D(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 4 ? D(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = m.exec(e)) ? new A(t[1], t[2], t[3], 1) : (t = h.exec(e)) ? new A(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = g.exec(e)) ? D(t[1], t[2], t[3], t[4]) : (t = _.exec(e)) ? D(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = v.exec(e)) ? L(t[1], t[2] / 100, t[3] / 100, 1) : (t = y.exec(e)) ? L(t[1], t[2] / 100, t[3] / 100, t[4]) : b.hasOwnProperty(e) ? E(b[e]) : e === "transparent" ? new A(NaN, NaN, NaN, 0) : null;
+}
+function E(e) {
+	return new A(e >> 16 & 255, e >> 8 & 255, e & 255, 1);
+}
+function D(e, t, n, r) {
+	return r <= 0 && (e = t = n = NaN), new A(e, t, n, r);
+}
+function O(e) {
+	return e instanceof s || (e = T(e)), e ? (e = e.rgb(), new A(e.r, e.g, e.b, e.opacity)) : new A();
+}
+function k(e, t, n, r) {
+	return arguments.length === 1 ? O(e) : new A(e, t, n, r ?? 1);
+}
+function A(e, t, n, r) {
+	this.r = +e, this.g = +t, this.b = +n, this.opacity = +r;
+}
+a(A, k, o(s, {
+	brighter(e) {
+		return e = e == null ? l : l ** +e, new A(this.r * e, this.g * e, this.b * e, this.opacity);
+	},
+	darker(e) {
+		return e = e == null ? c : c ** +e, new A(this.r * e, this.g * e, this.b * e, this.opacity);
+	},
+	rgb() {
+		return this;
+	},
+	clamp() {
+		return new A(F(this.r), F(this.g), F(this.b), P(this.opacity));
+	},
+	displayable() {
+		return -.5 <= this.r && this.r < 255.5 && -.5 <= this.g && this.g < 255.5 && -.5 <= this.b && this.b < 255.5 && 0 <= this.opacity && this.opacity <= 1;
+	},
+	hex: j,
+	formatHex: j,
+	formatHex8: M,
+	formatRgb: N,
+	toString: N
+}));
+function j() {
+	return `#${I(this.r)}${I(this.g)}${I(this.b)}`;
+}
+function M() {
+	return `#${I(this.r)}${I(this.g)}${I(this.b)}${I((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+}
+function N() {
+	let e = P(this.opacity);
+	return `${e === 1 ? "rgb(" : "rgba("}${F(this.r)}, ${F(this.g)}, ${F(this.b)}${e === 1 ? ")" : `, ${e})`}`;
+}
+function P(e) {
+	return isNaN(e) ? 1 : Math.max(0, Math.min(1, e));
+}
+function F(e) {
+	return Math.max(0, Math.min(255, Math.round(e) || 0));
+}
+function I(e) {
+	return e = F(e), (e < 16 ? "0" : "") + e.toString(16);
+}
+function L(e, t, n, r) {
+	return r <= 0 ? e = t = n = NaN : n <= 0 || n >= 1 ? e = t = NaN : t <= 0 && (e = NaN), new B(e, t, n, r);
+}
+function R(e) {
+	if (e instanceof B) return new B(e.h, e.s, e.l, e.opacity);
+	if (e instanceof s || (e = T(e)), !e) return new B();
+	if (e instanceof B) return e;
+	e = e.rgb();
+	var t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.min(t, n, r), a = Math.max(t, n, r), o = NaN, c = a - i, l = (a + i) / 2;
+	return c ? (o = t === a ? (n - r) / c + (n < r) * 6 : n === a ? (r - t) / c + 2 : (t - n) / c + 4, c /= l < .5 ? a + i : 2 - a - i, o *= 60) : c = l > 0 && l < 1 ? 0 : o, new B(o, c, l, e.opacity);
+}
+function z(e, t, n, r) {
+	return arguments.length === 1 ? R(e) : new B(e, t, n, r ?? 1);
+}
+function B(e, t, n, r) {
+	this.h = +e, this.s = +t, this.l = +n, this.opacity = +r;
+}
+a(B, z, o(s, {
+	brighter(e) {
+		return e = e == null ? l : l ** +e, new B(this.h, this.s, this.l * e, this.opacity);
+	},
+	darker(e) {
+		return e = e == null ? c : c ** +e, new B(this.h, this.s, this.l * e, this.opacity);
+	},
+	rgb() {
+		var e = this.h % 360 + (this.h < 0) * 360, t = isNaN(e) || isNaN(this.s) ? 0 : this.s, n = this.l, r = n + (n < .5 ? n : 1 - n) * t, i = 2 * n - r;
+		return new A(U(e >= 240 ? e - 240 : e + 120, i, r), U(e, i, r), U(e < 120 ? e + 240 : e - 120, i, r), this.opacity);
+	},
+	clamp() {
+		return new B(V(this.h), H(this.s), H(this.l), P(this.opacity));
+	},
+	displayable() {
+		return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
+	},
+	formatHsl() {
+		let e = P(this.opacity);
+		return `${e === 1 ? "hsl(" : "hsla("}${V(this.h)}, ${H(this.s) * 100}%, ${H(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
+	}
+}));
+function V(e) {
+	return e = (e || 0) % 360, e < 0 ? e + 360 : e;
+}
+function H(e) {
+	return Math.max(0, Math.min(1, e || 0));
+}
+function U(e, t, n) {
+	return (e < 60 ? t + (n - t) * e / 60 : e < 180 ? n : e < 240 ? t + (n - t) * (240 - e) / 60 : t) * 255;
+}
+//#endregion
+//#region ../core/src/view/renderingContext/clipOptions.js
+function W(e) {
+	if (e.clip) return e.clip;
+	if (e.clipRect) return {
+		rect: e.clipRect,
+		clipX: !0,
+		clipY: !0
+	};
+}
+function G(e, t) {
+	return e === t ? !0 : !e || !t ? !1 : e.clipX === t.clipX && e.clipY === t.clipY && e.rect.equals(t.rect);
+}
+function K(e, t, n) {
+	return t || n ? {
+		rect: e,
+		clipX: t,
+		clipY: n
+	} : void 0;
+}
+function q(e, t) {
+	return t ? t.clipX && t.clipY ? e.intersect(t.rect) : t.clipX ? e.intersectX(t.rect) : t.clipY ? e.intersectY(t.rect) : e : e;
+}
+function J(e, t) {
+	if (!e) return t;
+	if (!t) return e;
+	let n = e.clipX || t.clipX, r = e.clipY || t.clipY, i = e.clipX && t.clipX ? e.rect.intersectX(t.rect) : t.clipX ? t.rect : e.rect, a = e.clipY && t.clipY ? e.rect.intersectY(t.rect) : t.clipY ? t.rect : e.rect;
+	return K(e.rect.modify({
+		x: () => i.x,
+		y: () => a.y,
+		width: () => i.width,
+		height: () => a.height
+	}), n, r);
+}
+function Y(e, t) {
+	if (e === !0) return K(t, !0, !0);
+	if (e === "x") return K(t, !0, !1);
+	if (e === "y") return K(t, !1, !0);
+}
+function X(e, t, n) {
+	if (t !== "never") return J(e, Y(t, n));
+}
+//#endregion
+export { e as _, W as a, A as c, c as d, z as f, o as g, a as h, K as i, l, O as m, G as n, X as o, k as p, J as r, s, q as t, T as u };

package/dist/{componentStyles-BzJWWojD.js → componentStyles-FsNmIb22.js}

@@ -2012,12 +2012,16 @@ var yr = t(_r.css()), br = e`
             appearance: none;
         }
 
-        :is(input, select, textarea, div) + small {
+        :is(input, select, textarea, div, label) + small {
             display: block;
             margin-top: 0.3em;
             color: #606060;
         }
 
+        label + small {
+            margin-top: -0.3em;
+        }
+
         :is(input, select, textarea).is-invalid,
         .fake-input.is-invalid {
             border-color: var(--danger-color, #dc3545);

package/dist/{debug-DJKug_38.js → debug-D6FqxKEj.js}

@@ -1,4 +1,6 @@
-import { T as e, i as t, l as n, n as r, t as i } from "./viewIdentityRegistry-EH5-Noyz.js";
+import { b as e, i as t } from "./viewSelectors-Bwzj10Qz.js";
+import { t as n } from "./metadataChannels-DV62inJh.js";
+import { n as r, t as i } from "./viewIdentityRegistry-Dl7rR4Ay.js";
 //#region ../core/src/debug/valuePreview.js
 var a = 3, o = 12, s = 8, c = 160;
 function l(e, t = 0) {
@@ -73,7 +75,7 @@ function p(e) {
 }
 //#endregion
 //#region ../core/src/debug/markDebugSnapshot.js
-function m(e, n) {
+function m(e, t) {
 	if (!e) return { marks: [] };
 	let r = [];
 	return h(e, (e) => {
@@ -81,7 +83,7 @@ function m(e, n) {
 		if (!i) return;
 		let a = i.getDebugState();
 		r.push({
-			viewId: n.getDebugId(e),
+			viewId: t.getDebugId(e),
 			viewPath: e.getPathString(),
 			type: i.getType(),
 			ready: !!i.isReady(),
@@ -89,7 +91,7 @@ function m(e, n) {
 			markUniformsAltered: a.markUniformsAltered,
 			encodingChannels: Object.keys(i.encoding),
 			encoderChannels: i.encoders ? Object.keys(i.encoders) : [],
-			searchFields: t(e.getEncoding()) ?? [],
+			searchFields: n(e.getEncoding()) ?? [],
 			dataCount: g(e),
 			vertexCount: a.vertexCount,
 			allocatedVertices: a.allocatedVertices,
@@ -300,7 +302,7 @@ function j(e) {
 	if (typeof t.getMarkType == "function") return t.getMarkType();
 }
 function M(e) {
-	if (e.explicitName) return n(e);
+	if (e.explicitName) return t(e);
 }
 function N(e) {
 	let t = e.coords;

package/dist/{debug-CI7POTMx.js → debug-aHQsa6hU.js}

@@ -1,5 +1,5 @@
-import { a as e, t, x as n } from "./metadataChannels-fGQOmJj0.js";
-import { n as r, t as i } from "./viewIdentityRegistry-CcQdL0Z8.js";
+import { a as e, x as t } from "./viewSelectors-BhW4mTR1.js";
+import { i as n, n as r, t as i } from "./viewIdentityRegistry-AEQpJTDm.js";
 //#region ../core/src/debug/valuePreview.js
 var a = 3, o = 12, s = 8, c = 160;
 function l(e, t = 0) {
@@ -74,7 +74,7 @@ function p(e) {
 }
 //#endregion
 //#region ../core/src/debug/markDebugSnapshot.js
-function m(e, n) {
+function m(e, t) {
 	if (!e) return { marks: [] };
 	let r = [];
 	return h(e, (e) => {
@@ -82,7 +82,7 @@ function m(e, n) {
 		if (!i) return;
 		let a = i.getDebugState();
 		r.push({
-			viewId: n.getDebugId(e),
+			viewId: t.getDebugId(e),
 			viewPath: e.getPathString(),
 			type: i.getType(),
 			ready: !!i.isReady(),
@@ -90,7 +90,7 @@ function m(e, n) {
 			markUniformsAltered: a.markUniformsAltered,
 			encodingChannels: Object.keys(i.encoding),
 			encoderChannels: i.encoders ? Object.keys(i.encoders) : [],
-			searchFields: t(e.getEncoding()) ?? [],
+			searchFields: n(e.getEncoding()) ?? [],
 			dataCount: g(e),
 			vertexCount: a.vertexCount,
 			allocatedVertices: a.allocatedVertices,
@@ -220,7 +220,7 @@ function w(e, t) {
 	};
 }
 function T(e) {
-	return n(e) || e.getLayoutAncestors().some(n);
+	return t(e) || e.getLayoutAncestors().some(t);
 }
 function E(e, t) {
 	return {
@@ -230,15 +230,15 @@ function E(e, t) {
 }
 //#endregion
 //#region ../core/src/debug/viewDebugSnapshot.js
-function D(e, t) {
+function D(e, n) {
 	if (!e) return {
 		rootId: void 0,
 		nodes: []
 	};
-	let i = t.includeChrome ?? !1, a = [], o = (e, s) => {
-		let c = n(e);
+	let i = n.includeChrome ?? !1, a = [], o = (e, s) => {
+		let c = t(e);
 		if (c && !i) return;
-		let l = t.getDebugId(e), u = O(e, l, s, c, t);
+		let l = n.getDebugId(e), u = O(e, l, s, c, n);
 		if (a.push(u), e instanceof r) for (let t of e) {
 			let e = o(t, l);
 			e && u.childIds.push(e.id);

package/dist/dialog.es.js

@@ -1,5 +1,5 @@
 import { a as e, n as t, o as n, t as r } from "./lit-ByuJ0FJ4.js";
-import { n as i, r as a, t as o } from "./componentStyles-BzJWWojD.js";
+import { n as i, r as a, t as o } from "./componentStyles-FsNmIb22.js";
 //#region src/components/generic/baseDialog.js
 var s = /* @__PURE__ */ new Set([
 	"text",