@frontpanel/vue 0.0.0-stage → 0.2.0

package/dist/index.js

@@ -0,0 +1,1035 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, shallowRef as _, toDisplayString as v, unref as y, useAttrs as b, useId as x, useModel as S, useTemplateRef as C, warn as w, watch as T, withCtx as E } from "vue";
+import { Primitive as D, SliderRoot as O, SliderThumb as k, SliderTrack as A } from "reka-ui";
+//#endregion
+//#region src/FpButton.vue
+var j = /* @__PURE__ */ c({
+	__name: "FpButton",
+	props: {
+		pressed: {
+			type: Boolean,
+			default: void 0
+		},
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-chrome-btn",
+			type: t.as === "button" && !t.asChild ? "button" : void 0,
+			"aria-pressed": t.pressed
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"type",
+			"aria-pressed"
+		]));
+	}
+}), M = /* @__PURE__ */ c({
+	__name: "FpCap",
+	props: {
+		color: { default: "white" },
+		pressed: {
+			type: Boolean,
+			default: void 0
+		},
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(e) {
+		let t = e, r = {
+			white: void 0,
+			blue: "fp-cap-blue",
+			amber: "fp-cap-amber",
+			graphite: "fp-cap-graphite",
+			berry: "fp-cap-berry"
+		};
+		return (e, i) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: d(["fp-cap", r[t.color]]),
+			type: t.as === "button" && !t.asChild ? "button" : void 0,
+			"aria-pressed": t.pressed
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class",
+			"type",
+			"aria-pressed"
+		]));
+	}
+});
+//#endregion
+//#region src/fit.ts
+function ee(e, t, n, r) {
+	if (t.width <= 0 || n.width <= 0) return null;
+	let i = t.width / n.width;
+	if (e === "contain") {
+		if (t.height <= 0 || n.height <= 0) return null;
+		i = Math.min(i, t.height / n.height);
+	}
+	return Math.min(i, r);
+}
+//#endregion
+//#region src/FpDevice.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
+	__name: "FpDevice",
+	props: {
+		backdrop: {
+			type: Boolean,
+			default: !0
+		},
+		rim: {
+			type: Boolean,
+			default: !0
+		},
+		fit: { default: "none" },
+		width: {},
+		height: {},
+		maxScale: { default: 1 }
+	},
+	setup(e) {
+		let n = e, r = C("stage"), o = C("device"), s = _({
+			width: 0,
+			height: 0
+		}), c = _(0), l = t(() => n.fit === "none" ? !1 : n.width !== void 0 || (w(`FpDevice: fit="${n.fit}" needs a design width; the device is not scaled.`), !1)), u = t(() => n.height ?? c.value), m = t(() => !l.value || n.fit === "none" ? null : ee(n.fit, s.value, {
+			width: n.width,
+			height: u.value
+		}, n.maxScale));
+		function g() {
+			if (!r.value || !o.value) return;
+			let e = getComputedStyle(r.value), t = (e) => Number.parseFloat(e) || 0;
+			s.value = {
+				width: r.value.clientWidth - t(e.paddingLeft) - t(e.paddingRight),
+				height: r.value.clientHeight - t(e.paddingTop) - t(e.paddingBottom)
+			}, c.value = o.value.offsetHeight;
+		}
+		T([
+			l,
+			r,
+			o
+		], ([e, t, n], r, i) => {
+			if (!e || !t || !n || typeof ResizeObserver > "u") return;
+			let a = new ResizeObserver(g);
+			a.observe(t), a.observe(n), i(() => a.disconnect());
+		}, {
+			flush: "post",
+			immediate: !0
+		});
+		let v = t(() => l.value ? { contain: "inline-size" } : void 0), y = t(() => {
+			if (!l.value) return { display: "contents" };
+			if (m.value !== null) return {
+				width: `${n.width * m.value}px`,
+				height: `${u.value * m.value}px`,
+				marginInline: "auto"
+			};
+		}), b = t(() => {
+			if (l.value) return {
+				boxSizing: "border-box",
+				width: `${n.width}px`,
+				height: n.height === void 0 ? void 0 : `${n.height}px`,
+				scale: m.value ?? void 0,
+				transformOrigin: "0 0",
+				visibility: m.value === null ? "hidden" : void 0
+			};
+		});
+		return (e, t) => (p(), i("div", {
+			ref_key: "stage",
+			ref: r,
+			class: d({ "fp-device-backdrop": n.backdrop }),
+			style: f(v.value)
+		}, [a("div", { style: f(y.value) }, [n.rim ? (p(), i("div", {
+			key: 0,
+			ref_key: "device",
+			ref: o,
+			class: "fp-device-rim",
+			style: f(b.value)
+		}, [a("div", te, [h(e.$slots, "default")])], 4)) : (p(), i("div", {
+			key: 1,
+			ref_key: "device",
+			ref: o,
+			class: "fp-device-body",
+			style: f(b.value)
+		}, [h(e.$slots, "default")], 4))], 4)], 6));
+	}
+}), re = /* @__PURE__ */ c({
+	__name: "FpGelButton",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-gel",
+			type: t.as === "button" && !t.asChild ? "button" : void 0
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"type"
+		]));
+	}
+}), N = /* @__PURE__ */ c({
+	__name: "FpHousing",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "span" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-housing"
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), P = [
+	"................",
+	"................",
+	".....#..........",
+	"....##..........",
+	"...##########...",
+	"..###########...",
+	"...##.......##..",
+	"....#........##.",
+	".............##.",
+	".............##.",
+	"............##..",
+	"...#########....",
+	"...########.....",
+	"................",
+	"................",
+	"................"
+], F = [
+	"................",
+	"................",
+	".........##.....",
+	"........###.....",
+	".......###......",
+	"......###.......",
+	".....###........",
+	"....###.........",
+	"....###.........",
+	".....###........",
+	"......###.......",
+	".......###......",
+	"........###.....",
+	".........##.....",
+	"................",
+	"................"
+], I = (e) => e.map((e) => [...e].reverse().join("")), L = {
+	add: [
+		"................",
+		"................",
+		".......##.......",
+		".......##.......",
+		".......##.......",
+		".......##.......",
+		".......##.......",
+		"..############..",
+		"..############..",
+		".......##.......",
+		".......##.......",
+		".......##.......",
+		".......##.......",
+		".......##.......",
+		"................",
+		"................"
+	],
+	close: [
+		"................",
+		"................",
+		"..##........##..",
+		"..###......###..",
+		"...###....###...",
+		"....###..###....",
+		".....######.....",
+		"......####......",
+		"......####......",
+		".....######.....",
+		"....###..###....",
+		"...###....###...",
+		"..###......###..",
+		"..##........##..",
+		"................",
+		"................"
+	],
+	left: F,
+	right: I(F),
+	go: [
+		"................",
+		"................",
+		"................",
+		".........##.....",
+		"..........##....",
+		"...........##...",
+		"............##..",
+		"..#############.",
+		"..#############.",
+		"............##..",
+		"...........##...",
+		"..........##....",
+		".........##.....",
+		"................",
+		"................",
+		"................"
+	],
+	undo: P,
+	redo: I(P),
+	home: [
+		"................",
+		".......##.......",
+		"......####......",
+		".....##..##.....",
+		"....##....##....",
+		"...##......##...",
+		"..##........##..",
+		".##..........##.",
+		"...#........#...",
+		"...#........#...",
+		"...#..###...#...",
+		"...#..#.#...#...",
+		"...#..#.#...#...",
+		"...#..#.#...#...",
+		"...##########...",
+		"................"
+	],
+	saved: [
+		"................",
+		"................",
+		"...##########...",
+		"...#........#...",
+		"...#........#...",
+		"...#........#...",
+		"...#........#...",
+		"...#........#...",
+		"...#........#...",
+		"...#........#...",
+		"...#...##...#...",
+		"...#..#..#..#...",
+		"...#.#....#.#...",
+		"...##......##...",
+		"................",
+		"................"
+	],
+	settings: [
+		"................",
+		"................",
+		"....##..........",
+		".##############.",
+		"....##..........",
+		"................",
+		"..........##....",
+		".##############.",
+		"..........##....",
+		"................",
+		"......##........",
+		".##############.",
+		"......##........",
+		"................",
+		"................",
+		"................"
+	],
+	help: [
+		"................",
+		"................",
+		".....######.....",
+		"....##....##....",
+		"....##....##....",
+		"..........##....",
+		".........##.....",
+		"........##......",
+		".......##.......",
+		".......##.......",
+		"................",
+		".......##.......",
+		".......##.......",
+		"................",
+		"................",
+		"................"
+	],
+	save: [
+		"................",
+		"................",
+		"..############..",
+		"..#..######..#..",
+		"..#..##..##..#..",
+		"..#..######..#..",
+		"..#..........#..",
+		"..#..........#..",
+		"..#.########.#..",
+		"..#.#......#.#..",
+		"..#.#......#.#..",
+		"..#.#......#.#..",
+		"..#.#......#.#..",
+		"..############..",
+		"................",
+		"................"
+	],
+	copy: [
+		"................",
+		"................",
+		"..########......",
+		"..#......#......",
+		"..#..########...",
+		"..#..#......#...",
+		"..#..#......#...",
+		"..#..#......#...",
+		"..#..#......#...",
+		"..####......#...",
+		".....#......#...",
+		".....#......#...",
+		".....#......#...",
+		".....########...",
+		"................",
+		"................"
+	],
+	trash: [
+		"................",
+		"................",
+		"......####......",
+		"..############..",
+		"..############..",
+		"................",
+		"...##########...",
+		"...#..#..#..#...",
+		"...#..#..#..#...",
+		"...#..#..#..#...",
+		"...#..#..#..#...",
+		"...#..#..#..#...",
+		"...#........#...",
+		"...##########...",
+		"................",
+		"................"
+	],
+	grip: [
+		"................",
+		"................",
+		"................",
+		".....##..##.....",
+		".....##..##.....",
+		"................",
+		"................",
+		".....##..##.....",
+		".....##..##.....",
+		"................",
+		"................",
+		".....##..##.....",
+		".....##..##.....",
+		"................",
+		"................",
+		"................"
+	],
+	quick: [
+		"................",
+		"..........###...",
+		".........###....",
+		"........###.....",
+		".......###......",
+		"......###.......",
+		".....########...",
+		"..........###...",
+		".........###....",
+		"........###.....",
+		".......###......",
+		"......##........",
+		".....#..........",
+		"................",
+		"................",
+		"................"
+	],
+	grid: [
+		"................",
+		"................",
+		"..#####..#####..",
+		"..#...#..#...#..",
+		"..#...#..#...#..",
+		"..#...#..#...#..",
+		"..#####..#####..",
+		"................",
+		"................",
+		"..#####..#####..",
+		"..#...#..#...#..",
+		"..#...#..#...#..",
+		"..#...#..#...#..",
+		"..#####..#####..",
+		"................",
+		"................"
+	],
+	menu: [
+		"................",
+		"................",
+		"................",
+		"................",
+		"................",
+		"................",
+		"................",
+		"..##...##...##..",
+		"..##...##...##..",
+		"................",
+		"................",
+		"................",
+		"................",
+		"................",
+		"................",
+		"................"
+	]
+};
+function ie(e) {
+	let t = "";
+	return e.forEach((e, n) => {
+		let r = 0;
+		for (; r < e.length;) {
+			if (e[r] !== "#") {
+				r++;
+				continue;
+			}
+			let i = r;
+			for (; e[r] === "#";) r++;
+			let a = r - i;
+			t += `M${i} ${n}h${a}v1h-${a}z`;
+		}
+	}), t;
+}
+var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], V = ["d"], H = /* @__PURE__ */ c({
+	__name: "FpIcon",
+	props: {
+		name: {},
+		label: {}
+	},
+	setup(e) {
+		let n = e, r = t(() => z[n.name]);
+		return (e, t) => (p(), i("svg", {
+			viewBox: "0 0 16 16",
+			class: "fp-icon",
+			role: n.label ? "img" : void 0,
+			"aria-label": n.label || void 0,
+			"aria-hidden": n.label ? void 0 : "true"
+		}, [a("path", { d: r.value }, null, 8, V)], 8, B));
+	}
+}), U = [
+	"tabindex",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-labelledby",
+	"aria-disabled"
+], W = ["id"], G = 200, K = .1, q = 270, J = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpKnob",
+	props: /*@__PURE__*/ l({
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		label: {},
+		valueText: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l(["valueCommit"], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let o = e, s = n, c = S(e, "modelValue"), l = b(), d = t(() => ({
+			class: l.class,
+			style: l.style
+		})), m = t(() => {
+			let { class: e, style: t, ...n } = l;
+			return n;
+		}), h = x(), g = t(() => (String(o.step).split(".")[1] ?? "").length);
+		function _(e) {
+			let t = Math.round((e - o.min) / o.step) * o.step + o.min, n = Math.min(o.max, Math.max(o.min, t));
+			return Number(n.toFixed(g.value));
+		}
+		let C = t(() => _(c.value)), w = t(() => {
+			let e = o.max - o.min, t = e > 0 ? (C.value - o.min) / e : 0;
+			return Math.round(t * q - q / 2);
+		});
+		function T(e) {
+			let t = _(e);
+			return t !== C.value && (c.value = t, !0);
+		}
+		function E(e) {
+			if (o.disabled) return;
+			let t = o.step * 10, n = {
+				ArrowUp: C.value + o.step,
+				ArrowRight: C.value + o.step,
+				ArrowDown: C.value - o.step,
+				ArrowLeft: C.value - o.step,
+				PageUp: C.value + t,
+				PageDown: C.value - t,
+				Home: o.min,
+				End: o.max
+			}[e.key];
+			n !== void 0 && (e.preventDefault(), T(n) && s("valueCommit", _(n)));
+		}
+		let D;
+		function O(e) {
+			if (o.disabled || e.button !== 0) return;
+			let t = e.currentTarget;
+			t.setPointerCapture?.(e.pointerId), t.focus({
+				preventScroll: !0,
+				focusVisible: !1
+			}), D = {
+				pointerId: e.pointerId,
+				y: e.clientY,
+				raw: C.value,
+				start: C.value
+			};
+		}
+		function k(e) {
+			if (!D || e.pointerId !== D.pointerId) return;
+			let t = (o.max - o.min) / G * (e.shiftKey ? K : 1);
+			D.raw = Math.min(o.max, Math.max(o.min, D.raw + (D.y - e.clientY) * t)), D.y = e.clientY, T(D.raw);
+		}
+		function A(e) {
+			if (!D || e.pointerId !== D.pointerId) return;
+			let t = _(D.raw), n = t !== D.start;
+			D = void 0, n && s("valueCommit", t);
+		}
+		return (e, t) => (p(), i("div", u({ class: "fp-unit" }, d.value), [a("div", u(m.value, {
+			class: "fp-knob",
+			role: "slider",
+			tabindex: o.disabled ? void 0 : 0,
+			"aria-valuemin": o.min,
+			"aria-valuemax": o.max,
+			"aria-valuenow": C.value,
+			"aria-valuetext": o.valueText?.(C.value),
+			"aria-labelledby": o.label ? y(h) : void 0,
+			"aria-disabled": o.disabled || void 0,
+			onKeydown: E,
+			onPointerdown: O,
+			onPointermove: k,
+			onPointerup: A,
+			onPointercancel: A
+		}), [a("span", {
+			class: "fp-knob-mark",
+			style: f({ rotate: `${w.value}deg` })
+		}, null, 4)], 16, U), o.label ? (p(), i("span", {
+			key: 0,
+			id: y(h),
+			class: "fp-silk"
+		}, v(o.label), 9, W)) : r("", !0)], 16));
+	}
+}), Y = /* @__PURE__ */ c({
+	__name: "FpLcd",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-lcd"
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), ae = {
+	key: 0,
+	class: "fp-lcd-ghost",
+	"aria-hidden": "true"
+}, oe = { key: 2 }, se = /* @__PURE__ */ c({
+	__name: "FpLcdLine",
+	props: {
+		text: {},
+		ghost: { type: Boolean },
+		cells: {},
+		redraw: { type: Boolean },
+		asChild: { type: Boolean },
+		as: { default: "p" }
+	},
+	setup(e) {
+		let a = e, o = t(() => "8".repeat(a.cells ?? a.text.length));
+		return (e, t) => (p(), n(y(D), {
+			as: a.as,
+			"as-child": a.asChild,
+			class: "fp-lcd-line"
+		}, {
+			default: E(() => [a.ghost ? (p(), i("span", ae, v(o.value), 1)) : r("", !0), a.redraw ? (p(), i("span", {
+				key: a.text,
+				class: "fp-lcd-redraw"
+			}, v(a.text), 1)) : (p(), i("span", oe, v(a.text), 1))]),
+			_: 1
+		}, 8, ["as", "as-child"]));
+	}
+}), X = {
+	flat: "fp-lens-flat",
+	diffused: "fp-lens-diffused",
+	clear: "fp-lens-clear"
+}, ce = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], le = /* @__PURE__ */ c({
+	__name: "FpLed",
+	props: {
+		color: { default: "green" },
+		lit: { type: Boolean },
+		blink: { type: Boolean },
+		lens: {},
+		label: {}
+	},
+	setup(e) {
+		let t = e, n = {
+			green: "fp-led-green",
+			amber: "fp-led-amber",
+			red: "fp-led-red"
+		};
+		return (e, r) => (p(), i("span", {
+			class: d(["fp-led", [
+				n[t.color],
+				t.lens && y(X)[t.lens],
+				{
+					"fp-led-lit": t.lit,
+					"fp-blink-twice": t.lit && t.blink
+				}
+			]]),
+			role: t.label ? "img" : void 0,
+			"aria-label": t.label || void 0,
+			"aria-hidden": t.label ? void 0 : "true"
+		}, null, 10, ce));
+	}
+}), ue = [
+	"data-orientation",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-labelledby"
+], de = ["id"], fe = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpMeter",
+	props: {
+		value: { default: 0 },
+		min: { default: 0 },
+		max: { default: 100 },
+		segments: { default: 12 },
+		amberAt: {},
+		redAt: {},
+		orientation: { default: "vertical" },
+		lens: {},
+		label: {},
+		valueText: {}
+	},
+	setup(e) {
+		let n = e, o = b(), s = t(() => ({
+			class: o.class,
+			style: o.style
+		})), c = t(() => {
+			let { class: e, style: t, ...n } = o;
+			return n;
+		}), l = x(), d = t(() => Math.min(n.max, Math.max(n.min, n.value)));
+		function f(e) {
+			let t = n.max - n.min;
+			return t > 0 ? Math.min(1, Math.max(0, (e - n.min) / t)) : 0;
+		}
+		function m(e, t) {
+			return t(f(e) * n.segments + 1e-9) / n.segments;
+		}
+		let h = t(() => {
+			let e = n.max - n.min;
+			return {
+				"--fp-meter-level": String(m(d.value, Math.floor)),
+				"--fp-meter-segments": String(n.segments),
+				"--fp-meter-amber": String(m(n.amberAt ?? n.min + e * .7, Math.round)),
+				"--fp-meter-red": String(m(n.redAt ?? n.min + e * .9, Math.round))
+			};
+		});
+		return (e, t) => (p(), i("div", u({ class: "fp-unit" }, s.value), [a("div", u(c.value, {
+			class: ["fp-meter", n.lens && y(X)[n.lens]],
+			role: "meter",
+			"data-orientation": n.orientation,
+			"aria-valuemin": n.min,
+			"aria-valuemax": n.max,
+			"aria-valuenow": d.value,
+			"aria-valuetext": n.valueText?.(d.value),
+			"aria-labelledby": n.label ? y(l) : void 0,
+			style: h.value
+		}), null, 16, ue), n.label ? (p(), i("span", {
+			key: 0,
+			id: y(l),
+			class: "fp-silk"
+		}, v(n.label), 9, de)) : r("", !0)], 16));
+	}
+}), Z = {
+	0: "abcdef",
+	1: "bc",
+	2: "abdeg",
+	3: "abcdg",
+	4: "bcfg",
+	5: "acdfg",
+	6: "acdefg",
+	7: "abc",
+	8: "abcdefg",
+	9: "abcdfg",
+	"-": "g",
+	_: "d",
+	"°": "abfg",
+	" ": "",
+	A: "abcefg",
+	B: "cdefg",
+	C: "adef",
+	c: "deg",
+	D: "bcdeg",
+	E: "adefg",
+	F: "aefg",
+	G: "acdef",
+	H: "bcefg",
+	h: "cefg",
+	I: "ef",
+	J: "bcde",
+	L: "def",
+	N: "ceg",
+	O: "abcdef",
+	o: "cdeg",
+	P: "abefg",
+	R: "eg",
+	S: "acdfg",
+	T: "defg",
+	U: "bcdef",
+	u: "cde",
+	Y: "bcdfg"
+};
+function Q(e) {
+	return Z[e] ?? Z[e.toUpperCase()] ?? "";
+}
+//#endregion
+//#region src/FpReadout.vue?vue&type=script&setup=true&lang.ts
+var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-readout-lit" }, ge = ["data-segment"], _e = {
+	key: 0,
+	"data-segment": "dp"
+}, ve = /* @__PURE__ */ c({
+	__name: "FpReadout",
+	props: {
+		value: {},
+		digits: {},
+		color: { default: "green" },
+		lens: {},
+		valueText: {}
+	},
+	setup(n) {
+		let o = n, s = {
+			green: "fp-led-green",
+			amber: "fp-led-amber",
+			red: "fp-led-red"
+		}, c = t(() => String(o.value)), l = t(() => {
+			let e = [];
+			for (let t of c.value) {
+				let n = e.at(-1);
+				t === ":" ? e.push({ colon: !0 }) : t === "." && n && !n.colon && !n.dot ? n.dot = !0 : t === "." ? e.push({
+					colon: !1,
+					lit: "",
+					dot: !0
+				}) : e.push({
+					colon: !1,
+					lit: Q(t),
+					dot: !1
+				});
+			}
+			let t = e.filter((e) => !e.colon).length;
+			return [...Array.from({ length: Math.max(0, (o.digits ?? 0) - t) }, () => ({
+				colon: !1,
+				lit: "",
+				dot: !1
+			})), ...e];
+		});
+		return (t, n) => (p(), i("span", { class: d(["fp-readout", [s[o.color], o.lens && y(X)[o.lens]]]) }, [a("span", pe, v(o.valueText ? o.valueText(c.value) : c.value), 1), (p(!0), i(e, null, m(l.value, (t, o) => (p(), i("span", {
+			key: o,
+			class: "fp-readout-cell",
+			"data-colon": t.colon ? "" : void 0,
+			"aria-hidden": "true"
+		}, [a("span", he, [t.colon ? (p(), i(e, { key: 0 }, [n[0] ||= a("span", { "data-segment": "colon-upper" }, null, -1), n[1] ||= a("span", { "data-segment": "colon-lower" }, null, -1)], 64)) : (p(), i(e, { key: 1 }, [(p(!0), i(e, null, m(t.lit, (e) => (p(), i("span", {
+			key: e,
+			"data-segment": e
+		}, null, 8, ge))), 128)), t.dot ? (p(), i("span", _e)) : r("", !0)], 64))])], 8, me))), 128))], 2));
+	}
+}), $ = {
+	class: "fp-screw",
+	"aria-hidden": "true"
+}, ye = /* @__PURE__ */ c({
+	__name: "FpScrew",
+	setup(e) {
+		return (e, t) => (p(), i("span", $));
+	}
+}), be = /* @__PURE__ */ c({
+	__name: "FpSilk",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "span" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-silk"
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), xe = ["id"], Se = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpSlider",
+	props: /*@__PURE__*/ l({
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		orientation: { default: "vertical" },
+		label: {},
+		valueText: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l(["valueCommit"], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let a = e, o = n, c = S(e, "modelValue"), l = b(), d = t(() => ({
+			class: l.class,
+			style: l.style
+		})), f = t(() => {
+			let { class: e, style: t, ...n } = l;
+			return n;
+		}), m = x(), h = t(() => [c.value]);
+		function g(e) {
+			e?.[0] !== void 0 && (c.value = e[0]);
+		}
+		let _ = C("unit");
+		function w(e) {
+			a.disabled || e.button !== 0 || _.value?.querySelector("[role=\"slider\"]")?.focus({
+				preventScroll: !0,
+				focusVisible: !1
+			});
+		}
+		function T(e) {
+			e[0] !== void 0 && o("valueCommit", e[0]);
+		}
+		return (e, t) => (p(), i("div", u({
+			ref_key: "unit",
+			ref: _,
+			class: "fp-unit"
+		}, d.value, { onPointerdownCapture: w }), [s(y(O), {
+			class: "fp-fader",
+			"model-value": h.value,
+			min: a.min,
+			max: a.max,
+			step: a.step,
+			orientation: a.orientation,
+			disabled: a.disabled,
+			"onUpdate:modelValue": g,
+			onValueCommit: T
+		}, {
+			default: E(() => [s(y(A), { class: "fp-fader-slot" }), s(y(k), u(f.value, {
+				class: "fp-fader-cap",
+				"aria-valuetext": a.valueText?.(c.value),
+				"aria-labelledby": a.label ? y(m) : void 0,
+				"aria-disabled": a.disabled || void 0
+			}), null, 16, [
+				"aria-valuetext",
+				"aria-labelledby",
+				"aria-disabled"
+			])]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"min",
+			"max",
+			"step",
+			"orientation",
+			"disabled"
+		]), a.label ? (p(), i("span", {
+			key: 0,
+			id: y(m),
+			class: "fp-silk"
+		}, v(a.label), 9, xe)) : r("", !0)], 16));
+	}
+}), Ce = /* @__PURE__ */ c({
+	__name: "FpWell",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(y(D), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-well"
+		}, {
+			default: E(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), we = { class: "fp-module-title" }, Te = /* @__PURE__ */ c({
+	__name: "FpWindow",
+	props: {
+		as: { default: "section" },
+		title: {},
+		level: { default: 2 },
+		closable: { type: Boolean },
+		closeLabel: {},
+		sheet: { type: Boolean },
+		flush: { type: Boolean }
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let i = e, c = t, l = x();
+		return (e, t) => (p(), n(y(D), {
+			as: i.as,
+			class: d(["fp-window", [i.sheet ? "fp-sheet-panel" : "fp-module"]]),
+			"aria-labelledby": y(l)
+		}, {
+			default: E(() => [a("div", we, [
+				(p(), n(g(`h${i.level}`), {
+					id: y(l),
+					class: "fp-silk fp-window-title"
+				}, {
+					default: E(() => [o(v(i.title), 1)]),
+					_: 1
+				}, 8, ["id"])),
+				h(e.$slots, "actions"),
+				i.closable ? (p(), n(j, {
+					key: 0,
+					"aria-label": i.closeLabel ?? `Close ${i.title}`,
+					onClick: t[0] ||= (e) => c("close")
+				}, {
+					default: E(() => [s(H, { name: "close" })]),
+					_: 1
+				}, 8, ["aria-label"])) : r("", !0)
+			]), a("div", { class: d(i.flush ? void 0 : "fp-window-body") }, [h(e.$slots, "default")], 2)]),
+			_: 3
+		}, 8, [
+			"as",
+			"class",
+			"aria-labelledby"
+		]));
+	}
+});
+//#endregion
+export { j as FpButton, M as FpCap, ne as FpDevice, re as FpGelButton, N as FpHousing, H as FpIcon, J as FpKnob, Y as FpLcd, se as FpLcdLine, le as FpLed, fe as FpMeter, ve as FpReadout, ye as FpScrew, be as FpSilk, Se as FpSlider, Ce as FpWell, Te as FpWindow, R as fpIconNames, Q as fpReadoutGlyph };