@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/music-staff.js

@@ -0,0 +1,915 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d, useId as f, watchEffect as p } from "vue";
+//#region src/components/music-staff/glyphs.ts
+var m = "M0.68 2.58L0.84 2.44L1 2.29L1.15 2.13L1.28 1.95L1.37 1.74L1.43 1.52L1.48 1.29L1.52 1.07L1.54 0.85L1.56 0.63L1.58 0.41L1.59 0.19L1.61 -0.03L1.62 -0.25L1.63 -0.47L1.63 -0.69L1.64 -0.91L1.64 -1.13L1.65 -1.35L1.65 -1.57L1.66 -1.79L1.66 -2.01L1.66 -2.23L1.66 -2.45L1.66 -2.67L1.65 -2.89L1.65 -3.11L1.64 -3.34L1.63 -3.56L1.6 -3.79L1.55 -4.03L1.43 -4.27L1.17 -4.39L0.91 -4.28L0.76 -4.07L0.68 -3.84L0.62 -3.62L0.59 -3.4L0.56 -3.18L0.53 -2.96L0.49 -2.74L0.45 -2.53L0.41 -2.31L0.37 -2.1L0.34 -1.88L0.3 -1.66L0.26 -1.45L0.23 -1.23L0.19 -1.02L0.15 -0.8L0.12 -0.58L0.08 -0.36L0.04 -0.14L0.02 0.08L0 0.31L0 0.55L0.02 0.78L0.07 1.03L0.17 1.27L0.32 1.48L0.53 1.64L0.76 1.74L1 1.78L1.24 1.77L1.47 1.73L1.68 1.66L1.89 1.56L2.09 1.43L2.27 1.27L2.43 1.07L2.54 0.84L2.61 0.61L2.66 0.37L2.68 0.12L2.66 -0.13L2.59 -0.37L2.48 -0.6L2.34 -0.79L2.15 -0.96L1.93 -1.06L1.71 -1.12L1.47 -1.12L1.24 -1.07L1.03 -0.96L0.86 -0.78L0.73 -0.58L0.66 -0.34L0.64 -0.09L0.69 0.16L0.81 0.38L1.01 0.53L1.27 0.58L1.51 0.47L1.67 0.2L1.54 -0.05L1.34 0.09L1.43 0.2L1.36 0.28L1.24 0.35L1.09 0.33L0.96 0.24L0.88 0.08L0.85 -0.1L0.86 -0.29L0.93 -0.47L1.03 -0.62L1.16 -0.74L1.32 -0.81L1.5 -0.85L1.67 -0.85L1.84 -0.79L1.99 -0.7L2.11 -0.58L2.2 -0.42L2.27 -0.24L2.31 -0.07L2.32 0.12L2.3 0.31L2.26 0.5L2.19 0.68L2.11 0.84L2 0.97L1.87 1.08L1.71 1.18L1.54 1.26L1.37 1.32L1.2 1.36L1.02 1.37L0.85 1.35L0.7 1.29L0.58 1.2L0.48 1.07L0.41 0.9L0.37 0.72L0.35 0.52L0.33 0.31L0.33 0.11L0.35 -0.1L0.37 -0.32L0.39 -0.54L0.42 -0.75L0.45 -0.97L0.48 -1.19L0.51 -1.4L0.54 -1.62L0.56 -1.84L0.59 -2.06L0.61 -2.28L0.63 -2.5L0.66 -2.71L0.69 -2.93L0.73 -3.15L0.76 -3.36L0.81 -3.57L0.87 -3.77L0.95 -3.95L1.05 -4.08L1.16 -4.14L1.27 -4.08L1.33 -3.94L1.37 -3.75L1.39 -3.54L1.4 -3.33L1.4 -3.11L1.4 -2.89L1.4 -2.67L1.4 -2.45L1.39 -2.24L1.39 -2.02L1.38 -1.8L1.37 -1.58L1.37 -1.36L1.36 -1.14L1.35 -0.92L1.34 -0.7L1.34 -0.48L1.33 -0.26L1.32 -0.04L1.32 0.18L1.32 0.4L1.32 0.62L1.32 0.83L1.31 1.05L1.28 1.26L1.25 1.47L1.2 1.67L1.13 1.86L1.03 2.04L0.91 2.21L0.78 2.38L0.63 2.52ZM1.33 -0.23C1.21 -0.23 1.11 -0.13 1.11 0C1.11 0.13 1.21 0.23 1.33 0.23C1.45 0.23 1.55 0.13 1.55 0C1.55 -0.13 1.45 -0.23 1.33 -0.23Z", h = "M0.12 2.54L0.21 2.51L0.31 2.49L0.4 2.48L0.5 2.47L0.6 2.45L0.69 2.42L0.79 2.39L0.88 2.35L0.97 2.32L1.07 2.28L1.16 2.25L1.26 2.21L1.35 2.17L1.44 2.13L1.53 2.08L1.61 2.03L1.7 1.97L1.78 1.92L1.86 1.86L1.95 1.8L2.03 1.75L2.11 1.69L2.19 1.62L2.27 1.55L2.35 1.47L2.42 1.39L2.48 1.29L2.54 1.19L2.59 1.09L2.63 0.98L2.67 0.88L2.7 0.77L2.72 0.66L2.73 0.55L2.74 0.44L2.74 0.33L2.73 0.23L2.71 0.11L2.69 0L2.66 -0.12L2.61 -0.25L2.54 -0.38L2.45 -0.49L2.37 -0.58L2.27 -0.65L2.18 -0.73L2.07 -0.8L1.95 -0.87L1.82 -0.93L1.65 -0.98L1.46 -1L1.25 -0.97L1.08 -0.91L0.95 -0.84L0.84 -0.77L0.75 -0.7L0.66 -0.64L0.57 -0.58L0.48 -0.52L0.4 -0.46L0.32 -0.41L0.25 -0.36L0.19 -0.31L0.98 0.51L1.06 0.44L1.13 0.36L1.19 0.28L1.24 0.21L1.3 0.14L1.35 0.08L1.4 0.02L1.45 -0.04L1.5 -0.07L1.54 -0.1L1.54 -0.11L1.52 -0.12L1.52 -0.13L1.54 -0.13L1.59 -0.13L1.64 -0.11L1.7 -0.08L1.75 -0.04L1.81 0L1.86 0.03L1.9 0.06L1.93 0.09L1.96 0.13L1.99 0.18L2.01 0.25L2.03 0.31L2.04 0.39L2.05 0.46L2.05 0.54L2.06 0.61L2.06 0.68L2.05 0.76L2.04 0.83L2.03 0.9L2.01 0.97L1.98 1.03L1.94 1.09L1.9 1.15L1.85 1.21L1.8 1.28L1.75 1.35L1.7 1.41L1.64 1.48L1.57 1.54L1.51 1.61L1.44 1.67L1.37 1.72L1.3 1.77L1.23 1.82L1.15 1.88L1.08 1.93L1.01 1.99L0.93 2.04L0.85 2.09L0.77 2.14L0.69 2.18L0.61 2.22L0.52 2.26L0.44 2.3L0.35 2.35L0.27 2.4L0.18 2.45L0.1 2.48ZM0.58 -0.45C0.26 -0.45 0 -0.2 0 0.1C0 0.41 0.26 0.65 0.58 0.65C0.91 0.65 1.17 0.41 1.17 0.1C1.17 -0.2 0.91 -0.45 0.58 -0.45Z", g = [{
+	x: 3.15,
+	y: -.5,
+	r: .24
+}, {
+	x: 3.15,
+	y: .5,
+	r: .24
+}], _ = "M0 0C0.86 0.52 1.18 1.32 1.03 2.14C0.94 2.7 0.74 3.02 0.56 3.2C0.74 2.56 0.82 2.04 0.69 1.58C0.55 1.06 0.3 0.66 0 0.4Z", v = "M0 0C0.86 -0.52 1.18 -1.32 1.03 -2.14C0.94 -2.7 0.74 -3.02 0.56 -3.2C0.74 -2.56 0.82 -2.04 0.69 -1.58C0.55 -1.06 0.3 -0.66 0 -0.4Z", y = "M0 -1.75L0.17 -1.78L0.17 0.66L0 0.7ZM0.15 -0.45C0.55 -0.62 0.8 -0.2 0.66 0.16C0.55 0.46 0.3 0.6 0.1 0.68C0.36 0.4 0.52 0.14 0.44 -0.08C0.38 -0.26 0.24 -0.28 0.15 -0.1Z", b = "M0.23 -1.18L0.34 -1.18L0.34 1.4L0.23 1.4ZM0.7 -1.4L0.81 -1.4L0.81 1.18L0.7 1.18ZM0 -0.16L0 -0.46L1.04 -0.74L1.04 -0.44ZM0 0.62L0 0.32L1.04 0.04L1.04 0.34Z", x = "M0 -1.35L0.11 -1.35L0.11 0.44L0 0.44ZM0.52 -0.34L0.63 -0.34L0.63 1.35L0.52 1.35ZM0 -0.34L0 -0.62L0.63 -0.8L0.63 -0.52ZM0 0.44L0 0.16L0.63 -0.02L0.63 0.26Z", S = {
+	gClef: {
+		x0: 0,
+		x1: 2.68,
+		y0: -4.39,
+		y1: 2.63
+	},
+	fClef: {
+		x0: 0,
+		x1: 2.74,
+		y0: -1.05,
+		y1: 2.54
+	},
+	flag: {
+		x0: 0,
+		x1: 1.07,
+		y0: 0,
+		y1: 3.2
+	},
+	flat: {
+		x0: 0,
+		x1: .7,
+		y0: -1.78,
+		y1: .7
+	},
+	sharp: {
+		x0: 0,
+		x1: 1.04,
+		y0: -1.4,
+		y1: 1.4
+	},
+	natural: {
+		x0: 0,
+		x1: .63,
+		y0: -1.35,
+		y1: 1.35
+	}
+}, C = {
+	treble: S.gClef.x1,
+	bass: Math.max(S.fClef.x1, ...g.map((e) => e.x + e.r))
+}, w = {
+	flat: y,
+	sharp: b,
+	natural: x
+}, T = .12, E = .59, D = {
+	staffLineThickness: .13,
+	stemThickness: T,
+	ledgerThickness: .16,
+	ledgerExtension: .4,
+	stemLength: 3.5,
+	stemAttachX: E - T / 2,
+	stemAttachY: .168,
+	beamThickness: .5,
+	beamInboard: .75,
+	beamMinStem: 2.5,
+	beamOverhang: T / 2,
+	barlineThin: .16,
+	barlineThick: .5,
+	barlineGap: .4,
+	dotRadius: .2,
+	dotGap: .5,
+	headHalfWidth: E,
+	wholeHalfWidth: .844,
+	headTilt: -20,
+	blackHeadRx: .6,
+	blackHeadRy: .485,
+	halfHeadRx: .52,
+	halfHeadRy: .4,
+	wholeHeadRy: .5,
+	wholeCounterRx: .42,
+	wholeCounterRy: .3,
+	wholeCounterTilt: 55,
+	clefX: .8,
+	clefGap: 1.6,
+	tail: 1.6,
+	playheadRise: 1.4,
+	pad: 1
+}, O = [
+	{
+		beats: 4,
+		dots: 0,
+		flags: 0,
+		head: "whole",
+		name: "whole"
+	},
+	{
+		beats: 3,
+		dots: 1,
+		flags: 0,
+		head: "half",
+		name: "dotted half"
+	},
+	{
+		beats: 2,
+		dots: 0,
+		flags: 0,
+		head: "half",
+		name: "half"
+	},
+	{
+		beats: 1.5,
+		dots: 1,
+		flags: 0,
+		head: "black",
+		name: "dotted quarter"
+	},
+	{
+		beats: 1,
+		dots: 0,
+		flags: 0,
+		head: "black",
+		name: "quarter"
+	},
+	{
+		beats: .75,
+		dots: 1,
+		flags: 1,
+		head: "black",
+		name: "dotted eighth"
+	},
+	{
+		beats: .5,
+		dots: 0,
+		flags: 1,
+		head: "black",
+		name: "eighth"
+	},
+	{
+		beats: .25,
+		dots: 0,
+		flags: 2,
+		head: "black",
+		name: "sixteenth"
+	},
+	{
+		beats: .125,
+		dots: 0,
+		flags: 3,
+		head: "black",
+		name: "thirty-second"
+	}
+];
+function k(e) {
+	return O.find((t) => t.beats <= e + 1e-6) ?? O[O.length - 1];
+}
+var A = [
+	0,
+	null,
+	1,
+	null,
+	2,
+	3,
+	null,
+	4,
+	null,
+	5,
+	null,
+	6
+], j = [
+	"C",
+	"D",
+	"E",
+	"F",
+	"G",
+	"A",
+	"B"
+];
+function M(e, t) {
+	let n = (e % 12 + 12) % 12, r = Math.floor(e / 12) - 1, i = A[n];
+	if (i !== null) return {
+		step: r * 7 + i,
+		letter: j[i],
+		alter: 0,
+		octave: r
+	};
+	let a = t === "flat", o = A[n + (a ? 1 : -1)];
+	return {
+		step: r * 7 + o,
+		letter: j[o],
+		alter: a ? -1 : 1,
+		octave: r
+	};
+}
+function N(e, t) {
+	let { letter: n, alter: r, octave: i } = M(e, t);
+	return `${n}${r === 1 ? "♯" : r === -1 ? "♭" : ""}${i}`;
+}
+var P = {
+	treble: 30,
+	bass: 18
+};
+function F(e, t, n) {
+	return M(e, n).step - P[t];
+}
+function I(e) {
+	return 1.6 + 3.5 * e ** .6;
+}
+function L(e) {
+	let t = [];
+	for (let n = -2; n >= e; n -= 2) t.push(n);
+	for (let n = 10; n <= e; n += 2) t.push(n);
+	return t;
+}
+function R(e) {
+	if (!e.id) throw TypeError("MusicStaff note ids must be non-empty.");
+	if (!Number.isInteger(e.midi) || e.midi < 0 || e.midi > 127) throw RangeError(`MusicStaff note ${e.id} has a MIDI pitch outside 0–127.`);
+	if (!Number.isFinite(e.beat) || e.beat < 0) throw RangeError(`MusicStaff note ${e.id} has an invalid beat.`);
+	if (!Number.isFinite(e.beats) || e.beats <= 0) throw RangeError(`MusicStaff note ${e.id} has an invalid beats length.`);
+}
+var ee = (e) => (e % 1 + 1) % 1, z = (e) => Math.round(e * 1e3) / 1e3, B = [
+	-1,
+	-.5,
+	-.25,
+	0,
+	.25,
+	.5,
+	1
+], V = 4;
+function H(e, t = {}) {
+	e.forEach(R);
+	let n = [...e].sort((e, t) => e.beat - t.beat || e.midi - t.midi), r = (e) => {
+		let t = n.map((t) => L(F(t.midi, e, t.accidental)).length);
+		return [Math.max(0, ...t), t.reduce((e, t) => e + t, 0)];
+	}, i = "treble";
+	if (t.clef === "bass" || t.clef === "treble") i = t.clef;
+	else if (n.length) {
+		let [e, t] = r("treble"), [n, a] = r("bass");
+		i = n < e || n === e && a < t ? "bass" : "treble";
+	}
+	let a = i === "treble" ? S.gClef : S.fClef, o = i === "treble" ? 3 : 1, s = D.clefX + C[i] + D.clefGap, c = s - D.clefGap / 2, l = [];
+	for (let e of n) {
+		let t = l[l.length - 1];
+		t && Math.abs(t.beat - e.beat) < 1e-6 ? t.members.push(e) : l.push({
+			beat: e.beat,
+			members: [e]
+		});
+	}
+	let u = t.loopBeats, d = l.map((e, t) => {
+		let n = l[t + 1];
+		return n ? n.beat - e.beat : u === void 0 ? Math.max(...e.members.map((e) => e.beats)) : u + l[0].beat - e.beat;
+	}), f = (e) => (8 - e) / 2, p = f(4), m = (e) => {
+		let { alter: t } = M(e.midi, e.accidental);
+		return t === -1 ? "flat" : t === 1 ? "sharp" : e.accidental === "natural" ? "natural" : void 0;
+	}, h = l.map((e) => {
+		let t = k(Math.min(...e.members.map((e) => e.beats))), n = e.members.map((e) => F(e.midi, i, e.accidental)), r = t.head === "whole" ? D.wholeHalfWidth : D.headHalfWidth;
+		return {
+			rhythm: t,
+			positions: n,
+			half: r,
+			lead: r + Math.max(0, ...e.members.map((e, t) => {
+				let r = m(e);
+				return r ? .2 + (L(n[t]).length ? .4 : 0) + S[r].x1 : 0;
+			})),
+			trail: r + (t.dots ? D.dotGap + (t.dots - 1) * D.dotGap + D.dotRadius : 0)
+		};
+	}), g = .42, _ = [], v = c + D.barlineThin;
+	for (let e = 0; e < l.length; e += 1) {
+		let t = e === 0 ? s : _[e - 1] + I(d[e - 1]), n = Math.max(t, v + g + h[e].lead);
+		_.push(n), v = n + h[e].trail;
+	}
+	let y = _[0] ?? s, b = l.length ? Math.max(_[_.length - 1] + I(d[d.length - 1]), v + g + h[0].lead) - y : 0, x = y + (1 - 1 / ((1 + Math.sqrt(5)) / 2)) * b, w = [], T = [], E = [], O = [], A = l.map((e, t) => {
+		let { rhythm: n, positions: r } = h[t], i = r.reduce((e, t) => Math.abs(t - 4) > Math.abs(e - 4) ? t : e);
+		return {
+			column: e,
+			x: _[t],
+			rhythm: n,
+			positions: r,
+			up: i < 4,
+			delayMs: 190 + Math.min(900, t * 44),
+			index: t,
+			tipY: void 0
+		};
+	}), j = /* @__PURE__ */ new Set();
+	for (let e = 0; e < A.length;) {
+		let t = A[e];
+		if (t.rhythm.flags === 0) {
+			e += 1;
+			continue;
+		}
+		let n = [t];
+		for (; n.length < 4 && A[e + n.length]?.rhythm.flags && Math.floor(A[e + n.length].column.beat) === Math.floor(t.column.beat);) n.push(A[e + n.length]);
+		if (n.length < 2) {
+			e += 1;
+			continue;
+		}
+		n.forEach((e) => j.add(e.index));
+		let r = n.reduce((e, t) => {
+			let n = Math.max(...e.positions.map((e) => Math.abs(e - 4)));
+			return Math.max(...t.positions.map((e) => Math.abs(e - 4))) > n ? t : e;
+		}).up;
+		n.forEach((e) => {
+			e.up = r;
+		});
+		let i = (e) => e.x + (r ? D.stemAttachX : -D.stemAttachX), a = (e) => {
+			let t = r ? Math.max(...e.positions) : Math.min(...e.positions);
+			return f(t) + (r ? -D.stemLength : D.stemLength);
+		}, o = n[0], s = n[n.length - 1], c = a(s) - a(o), l = B.reduce((e, t) => Math.abs(t - c) < Math.abs(e - c) ? t : e) / (i(s) - i(o)), u = n.reduce((e, t) => {
+			let n = a(t) - l * (i(t) - i(o));
+			return r ? Math.min(e, n) : Math.max(e, n);
+		}, r ? Infinity : -Infinity), d = (e) => u + l * (e - i(o)), p = Math.max(...n.map((e) => e.delayMs)) + 90;
+		for (let e of [
+			1,
+			2,
+			3
+		]) {
+			let t = (e - 1) * D.beamInboard * (r ? 1 : -1), a = 0;
+			for (; a < n.length;) {
+				if (n[a].rhythm.flags < e) {
+					a += 1;
+					continue;
+				}
+				let o = a;
+				for (; o + 1 < n.length && n[o + 1].rhythm.flags >= e;) o += 1;
+				if (e > 1 && o === a) {
+					let o = i(n[a]), s = a === 0 ? 1 : -1, c = o - s * D.beamOverhang, l = o + s * .9;
+					O.push({
+						id: `${n[a].column.members[0].id}-b${e}`,
+						x1: c,
+						y1: d(c) + t,
+						x2: l,
+						y2: d(l) + t,
+						up: r,
+						level: e,
+						delayMs: p
+					});
+				} else if (o > a || e === 1) {
+					let s = i(n[a]) - D.beamOverhang, c = i(n[o]) + D.beamOverhang;
+					O.push({
+						id: `${n[a].column.members[0].id}-b${e}`,
+						x1: s,
+						y1: d(s) + t,
+						x2: c,
+						y2: d(c) + t,
+						up: r,
+						level: e,
+						delayMs: p
+					});
+				}
+				a = o + 1;
+			}
+		}
+		n.forEach((e) => {
+			e.tipY = d(i(e));
+		}), e += n.length;
+	}
+	for (let e of A) {
+		let { column: t, x: n, rhythm: r, positions: i, up: a, delayMs: o, index: s } = e, c = r.head === "whole" ? D.wholeHalfWidth : D.headHalfWidth, l = j.has(s), u = t.members[0].id;
+		if (t.members.forEach((e, t) => {
+			let a = i[t], s = f(a), l = m(e), u = L(a).map(f), d = u.length ? .4 : 0;
+			w.push({
+				id: e.id,
+				midi: e.midi,
+				beat: e.beat,
+				beats: e.beats,
+				accidental: e.accidental,
+				staffPos: a,
+				x: n,
+				y: s,
+				head: r.head,
+				dots: r.dots,
+				dotX: n + c + D.dotGap,
+				dotY: a % 2 == 0 ? s - .5 : s,
+				ledgerYs: u,
+				accidentalGlyph: l,
+				accidentalX: n - c - .2 - d - (l ? S[l].x1 : 0),
+				revealDelayMs: o,
+				strikePhase: 0,
+				pitchName: N(e.midi, e.accidental),
+				rhythmName: r.name
+			});
+		}), r.head === "whole") continue;
+		let d = a ? Math.max(...i) : Math.min(...i), h = f(d) + (a ? -D.stemAttachY : D.stemAttachY), g = f(d) + (a ? -1 : 1) * (D.stemLength + Math.max(0, r.flags - 1) * D.beamInboard), _ = e.tipY === void 0 ? a ? Math.min(g, p) : Math.max(g, p) : e.tipY;
+		if (T.push({
+			id: u,
+			x: n + (a ? D.stemAttachX : -D.stemAttachX),
+			y1: h,
+			y2: _,
+			up: a,
+			delayMs: o
+		}), !l && r.flags > 0) for (let e = 0; e < r.flags; e += 1) E.push({
+			id: `${u}-f${e}`,
+			x: n + (a ? D.stemAttachX : -D.stemAttachX),
+			y: _ + e * D.beamInboard * (a ? 1 : -1),
+			up: a,
+			delayMs: o
+		});
+	}
+	let P = _.length ? _[_.length - 1] : y, H = u === void 0 ? P + D.tail : y + b * V, U = u === void 0 ? [
+		{
+			x: c,
+			width: D.barlineThin
+		},
+		{
+			x: H,
+			width: D.barlineThin
+		},
+		{
+			x: H + D.barlineThin + D.barlineGap,
+			width: D.barlineThick
+		}
+	] : [{
+		x: c,
+		width: D.barlineThin
+	}], W = u === void 0 ? H + D.barlineThin + D.barlineGap + D.barlineThick : H, G = [
+		0,
+		4,
+		-D.playheadRise,
+		4 + D.playheadRise,
+		o + a.y0,
+		o + a.y1,
+		...w.flatMap((e) => [
+			e.y - .5,
+			e.y + .5,
+			...e.ledgerYs,
+			...e.accidentalGlyph ? [e.y + S[e.accidentalGlyph].y0, e.y + S[e.accidentalGlyph].y1] : []
+		]),
+		...T.map((e) => e.y2),
+		...E.map((e) => e.y + (e.up ? S.flag.y1 : -S.flag.y1)),
+		...O.flatMap((e) => {
+			let t = D.beamThickness * (e.up ? 1 : -1);
+			return [
+				e.y1,
+				e.y2,
+				e.y1 + t,
+				e.y2 + t
+			];
+		})
+	], K = Math.min(...G), q = Math.max(...G), J = D.pad - K, Y = q - K + D.pad * 2, X = z(b), Z = z(x);
+	for (let e of w) e.x = z(e.x), e.strikePhase = u === void 0 ? 0 : ee((Z - e.x) / X), e.y = z(e.y + J), e.dotX = z(e.dotX), e.dotY = z(e.dotY + J), e.accidentalX = z(e.accidentalX), e.ledgerYs = e.ledgerYs.map((e) => z(e + J));
+	for (let e of T) e.x = z(e.x), e.y1 = z(e.y1 + J), e.y2 = z(e.y2 + J);
+	for (let e of E) e.x = z(e.x), e.y = z(e.y + J);
+	for (let e of O) e.x1 = z(e.x1), e.x2 = z(e.x2), e.y1 = z(e.y1 + J), e.y2 = z(e.y2 + J);
+	return {
+		clef: i,
+		staffTop: z(J),
+		staffLines: [
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((e) => z(J + e)),
+		widthSp: z(W),
+		heightSp: z(Y),
+		viewBox: `0 0 ${z(W)} ${z(Y)}`,
+		clefX: D.clefX,
+		clefY: z(o + J),
+		noteX0: z(y),
+		contentEnd: z(H),
+		period: X,
+		reelCopies: u === void 0 ? 0 : V,
+		readingX: Z,
+		notes: w,
+		stems: T,
+		flags: E,
+		beams: O,
+		barlines: U.map((e) => ({
+			x: z(e.x),
+			width: e.width
+		}))
+	};
+}
+var U = [
+	{
+		id: "m01",
+		midi: 67,
+		beat: 0,
+		beats: .5
+	},
+	{
+		id: "m02",
+		midi: 71,
+		beat: .5,
+		beats: .5
+	},
+	{
+		id: "m03",
+		midi: 74,
+		beat: 1,
+		beats: .5
+	},
+	{
+		id: "m04",
+		midi: 76,
+		beat: 1.5,
+		beats: .5
+	},
+	{
+		id: "m05",
+		midi: 74,
+		beat: 2,
+		beats: .25
+	},
+	{
+		id: "m06",
+		midi: 72,
+		beat: 2.25,
+		beats: .25
+	},
+	{
+		id: "m07",
+		midi: 71,
+		beat: 2.5,
+		beats: .25
+	},
+	{
+		id: "m08",
+		midi: 69,
+		beat: 2.75,
+		beats: .25
+	},
+	{
+		id: "m09",
+		midi: 67,
+		beat: 3,
+		beats: 1
+	},
+	{
+		id: "m10",
+		midi: 64,
+		beat: 4,
+		beats: .5
+	},
+	{
+		id: "m11",
+		midi: 67,
+		beat: 4.5,
+		beats: .5
+	},
+	{
+		id: "m12",
+		midi: 69,
+		beat: 5,
+		beats: 1.5
+	},
+	{
+		id: "m13",
+		midi: 71,
+		beat: 6.5,
+		beats: .5
+	},
+	{
+		id: "m14",
+		midi: 67,
+		beat: 7,
+		beats: 1
+	}
+], W = [
+	"data-material",
+	"data-mode",
+	"data-sealed",
+	"aria-hidden"
+], G = {
+	class: "music-staff__furniture",
+	"aria-hidden": "true"
+}, K = {
+	key: 1,
+	class: "music-staff__progress-ink"
+}, q = ["viewBox"], J = ["id", "d"], Y = ["id", "d"], X = ["id", "d"], Z = [
+	"x",
+	"width",
+	"height"
+], te = ["x1", "x2"], ne = ["offset"], re = ["offset"], ie = [
+	"x",
+	"width",
+	"height"
+], ae = [
+	"x",
+	"width",
+	"height",
+	"fill"
+], oe = ["transform"], se = { class: "music-staff__clef" }, ce = ["d"], le = [
+	"cx",
+	"cy",
+	"r"
+], ue = ["mask"], de = { class: "music-staff__reel" }, fe = ["d"], pe = [
+	"data-up",
+	"x",
+	"y",
+	"width",
+	"height"
+], me = [
+	"href",
+	"x",
+	"y"
+], he = ["data-note-id"], ge = [
+	"x",
+	"y",
+	"width",
+	"height"
+], _e = [
+	"href",
+	"x",
+	"y"
+], ve = [
+	"cx",
+	"cy",
+	"rx",
+	"ry",
+	"transform"
+], ye = ["d"], be = [
+	"cx",
+	"cy",
+	"r"
+], xe = ["href", "x"], Se = ["href", "clip-path"], Ce = ["y"], we = ["cy"], Te = {
+	key: 0,
+	class: "music-staff__seal",
+	"aria-hidden": "true"
+}, Ee = 1.2, Q = .5523, $ = /* @__PURE__ */ a({
+	__name: "MusicStaff",
+	props: {
+		label: {},
+		notes: { default: () => [] },
+		mode: { default: "score" },
+		progress: { default: void 0 },
+		clef: { default: "auto" },
+		material: { default: "folio" },
+		decorative: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let y = a, b = f(), x = `music-staff-ink-${b}`, S = `music-staff-clip-${b}`, C = `music-staff-mask-${b}`, T = `music-staff-fade-${b}`, E = t(() => y.mode === "loading");
+		p(() => {
+			!E.value || y.clef === "auto" || console.error("[glass-ui] MusicStaff: `clef` does not apply in loading mode — the composed motif is engraved for the treble staff.");
+		});
+		let O = t(() => E.value ? H(U, {
+			clef: y.clef,
+			loopBeats: 8
+		}) : H(y.notes, { clef: y.clef })), k = t(() => y.progress === void 0 ? void 0 : Math.max(0, Math.min(1, y.progress))), A = t(() => E.value && k.value !== void 0 && k.value >= 1), j = t(() => O.value.noteX0 + (k.value ?? 0) * (O.value.contentEnd - O.value.noteX0)), M = t(() => O.value.clef === "treble" ? m : h), N = t(() => O.value.clef === "bass" ? g : []), P = t(() => O.value.barlines[0].x + D.barlineThin), F = t(() => Ee / (O.value.widthSp - P.value)), I = [
+			2,
+			1,
+			0,
+			1,
+			2
+		], L = t(() => {
+			let e = O.value.notes, t = O.value.clef === "treble" ? "Treble" : "Bass";
+			if (!e.length) return `${y.label}. Empty ${t.toLowerCase()} staff.`;
+			let n = e.slice(0, 16).map((e) => `${e.pitchName} ${e.rhythmName}`), r = e.length - n.length;
+			return `${y.label}. ${t} staff, ${e.length} notes: ${n.join(", ")}${r > 0 ? `, and ${r} more` : ""}.`;
+		}), R = t(() => y.decorative ? {} : E.value ? {
+			role: "progressbar",
+			...A.value ? {} : { "aria-busy": !0 },
+			"aria-label": y.label,
+			"aria-valuemin": "0",
+			"aria-valuemax": "1",
+			...k.value === void 0 ? {} : {
+				"aria-valuenow": String(k.value),
+				"aria-valuetext": `${Math.round(k.value * 100)}%`
+			}
+		} : {
+			role: "img",
+			tabindex: "0",
+			"aria-label": L.value
+		}), ee = t(() => ({
+			"--_music-staff-progress": String(k.value ?? 0),
+			"--_music-staff-staff-top": String(O.value.staffTop),
+			"--_music-staff-period": String(O.value.period),
+			"--_music-staff-width": String(O.value.widthSp),
+			"--_music-staff-height": String(O.value.heightSp)
+		})), z = (e) => E.value ? { animationDelay: `calc(var(--_music-staff-loop-duration) * -${e.strikePhase})` } : { "--_music-staff-delay": `calc(${e.revealDelayMs}ms * var(--motion-tempo))` }, B = (e) => E.value ? void 0 : { "--_music-staff-delay": `calc(${e}ms * var(--motion-tempo))` }, V = (e) => e.head === "whole" ? D.wholeHalfWidth : D.headHalfWidth;
+		function $(e, t, n, r, i) {
+			let a = i * Math.PI / 180, o = Math.cos(a), s = Math.sin(a), c = (n, r) => `${e + n * o - r * s} ${t + n * s + r * o}`;
+			return `M${c(0, -r)}C${c(n * Q, -r)} ${c(n, -r * Q)} ${c(n, 0)}C${c(n, r * Q)} ${c(n * Q, r)} ${c(0, r)}C${c(-n * Q, r)} ${c(-n, r * Q)} ${c(-n, 0)}C${c(-n, -r * Q)} ${c(-n * Q, -r)} ${c(0, -r)}Z`;
+		}
+		let De = (e) => $(e.x, e.y, D.wholeHalfWidth, D.wholeHeadRy, 0) + $(e.x, e.y, D.wholeCounterRx, D.wholeCounterRy, D.wholeCounterTilt), Oe = (e) => {
+			let t = D.beamThickness * (e.up ? 1 : -1);
+			return `M${e.x1} ${e.y1}L${e.x2} ${e.y2}L${e.x2} ${e.y2 + t}L${e.x1} ${e.y1 + t}Z`;
+		};
+		return (t, f) => (l(), r("figure", {
+			class: "music-staff",
+			"data-material": a.material,
+			"data-mode": a.mode,
+			"data-sealed": A.value || void 0,
+			"aria-hidden": a.decorative || void 0,
+			style: c(ee.value)
+		}, [i("div", o({ class: ["music-staff__window", { "glass-resting": a.material === "folio" }] }, R.value), [
+			i("div", G, [
+				(l(!0), r(e, null, u(O.value.staffLines, (e, t) => (l(), r("div", {
+					key: e,
+					class: "music-staff__line",
+					style: c({
+						"--_music-staff-rule-index": I[t],
+						"--_music-staff-y": e - d(D).staffLineThickness / 2,
+						"--_music-staff-rise": d(D).staffLineThickness
+					})
+				}, null, 4))), 128)),
+				(l(!0), r(e, null, u(O.value.barlines, (e) => (l(), r("div", {
+					key: e.x,
+					class: "music-staff__barline",
+					style: c({
+						"--_music-staff-x": e.x,
+						"--_music-staff-run": e.width,
+						"--_music-staff-y": O.value.staffTop,
+						"--_music-staff-rise": 4
+					})
+				}, null, 4))), 128)),
+				E.value ? (l(), r("div", {
+					key: 0,
+					class: "music-staff__reading",
+					style: c({
+						"--_music-staff-x": O.value.readingX - .05,
+						"--_music-staff-run": .1,
+						"--_music-staff-y": O.value.staffTop - d(D).playheadRise,
+						"--_music-staff-rise": 4 + d(D).playheadRise * 2
+					})
+				}, null, 4)) : n("", !0),
+				E.value && k.value !== void 0 ? (l(), r("div", K)) : n("", !0)
+			]),
+			(l(), r("svg", {
+				viewBox: O.value.viewBox,
+				"aria-hidden": "true",
+				focusable: "false"
+			}, [
+				i("defs", null, [
+					i("path", {
+						id: `${x}-flag-up`,
+						d: d(_)
+					}, null, 8, J),
+					i("path", {
+						id: `${x}-flag-down`,
+						d: d(v)
+					}, null, 8, Y),
+					(l(!0), r(e, null, u(d(w), (e, t) => (l(), r("path", {
+						id: `${x}-${t}`,
+						key: t,
+						d: e
+					}, null, 8, X))), 128)),
+					!E.value && k.value !== void 0 ? (l(), r("clipPath", {
+						key: 0,
+						id: S
+					}, [i("rect", {
+						class: "music-staff__clip-edge",
+						x: -O.value.widthSp,
+						y: "0",
+						width: O.value.widthSp,
+						height: O.value.heightSp,
+						style: c({ transform: `translateX(${j.value}px)` })
+					}, null, 12, Z)])) : n("", !0),
+					E.value ? (l(), r(e, { key: 1 }, [i("linearGradient", {
+						id: T,
+						gradientUnits: "userSpaceOnUse",
+						x1: P.value,
+						y1: "0",
+						x2: O.value.widthSp,
+						y2: "0"
+					}, [
+						f[0] ||= i("stop", {
+							offset: "0",
+							"stop-color": "#000"
+						}, null, -1),
+						i("stop", {
+							offset: F.value,
+							"stop-color": "#fff"
+						}, null, 8, ne),
+						i("stop", {
+							offset: 1 - F.value,
+							"stop-color": "#fff"
+						}, null, 8, re),
+						f[1] ||= i("stop", {
+							offset: "1",
+							"stop-color": "#000"
+						}, null, -1)
+					], 8, te), i("mask", {
+						id: C,
+						maskUnits: "userSpaceOnUse",
+						x: P.value,
+						y: "0",
+						width: O.value.widthSp - P.value,
+						height: O.value.heightSp
+					}, [i("rect", {
+						x: P.value,
+						y: "0",
+						width: O.value.widthSp - P.value,
+						height: O.value.heightSp,
+						fill: `url(#${T})`
+					}, null, 8, ae)], 8, ie)], 64)) : n("", !0)
+				]),
+				i("g", { transform: `translate(${O.value.clefX} ${O.value.clefY})` }, [i("g", se, [i("path", { d: M.value }, null, 8, ce), (l(!0), r(e, null, u(N.value, (e) => (l(), r("circle", {
+					key: e.y,
+					cx: e.x,
+					cy: e.y,
+					r: e.r
+				}, null, 8, le))), 128))])], 8, oe),
+				i("g", {
+					class: "music-staff__transport",
+					mask: E.value ? `url(#${C})` : void 0
+				}, [i("g", de, [i("g", {
+					id: x,
+					class: "music-staff__layer"
+				}, [
+					(l(!0), r(e, null, u(O.value.beams, (e) => (l(), r("path", {
+						key: e.id,
+						class: "music-staff__beam",
+						style: c(B(e.delayMs)),
+						d: Oe(e)
+					}, null, 12, fe))), 128)),
+					(l(!0), r(e, null, u(O.value.stems, (e) => (l(), r("rect", {
+						key: e.id,
+						class: "music-staff__stem",
+						"data-up": e.up || void 0,
+						style: c(B(e.delayMs)),
+						x: e.x - d(D).stemThickness / 2,
+						y: Math.min(e.y1, e.y2),
+						width: d(D).stemThickness,
+						height: Math.abs(e.y2 - e.y1)
+					}, null, 12, pe))), 128)),
+					(l(!0), r(e, null, u(O.value.flags, (e) => (l(), r("use", {
+						key: e.id,
+						class: "music-staff__flag",
+						href: `#${x}-flag-${e.up ? "up" : "down"}`,
+						style: c(B(e.delayMs)),
+						x: e.x,
+						y: e.y
+					}, null, 12, me))), 128)),
+					(l(!0), r(e, null, u(O.value.notes, (t) => (l(), r("g", {
+						key: t.id,
+						class: "music-staff__note",
+						"data-note-id": t.id,
+						style: c(z(t))
+					}, [
+						(l(!0), r(e, null, u(t.ledgerYs, (e) => (l(), r("rect", {
+							key: e,
+							class: "music-staff__ledger",
+							x: t.x - V(t) - d(D).ledgerExtension,
+							y: e - d(D).ledgerThickness / 2,
+							width: (V(t) + d(D).ledgerExtension) * 2,
+							height: d(D).ledgerThickness
+						}, null, 8, ge))), 128)),
+						t.accidentalGlyph ? (l(), r("use", {
+							key: 0,
+							class: "music-staff__accidental",
+							href: `#${x}-${t.accidentalGlyph}`,
+							x: t.accidentalX,
+							y: t.y
+						}, null, 8, _e)) : n("", !0),
+						t.head === "whole" ? (l(), r("path", {
+							key: 2,
+							class: "music-staff__head music-staff__head--whole",
+							"fill-rule": "evenodd",
+							d: De(t)
+						}, null, 8, ye)) : (l(), r("ellipse", {
+							key: 1,
+							class: s(["music-staff__head", { "music-staff__head--open": t.head === "half" }]),
+							cx: t.x,
+							cy: t.y,
+							rx: t.head === "half" ? d(D).halfHeadRx : d(D).blackHeadRx,
+							ry: t.head === "half" ? d(D).halfHeadRy : d(D).blackHeadRy,
+							transform: `rotate(${d(D).headTilt} ${t.x} ${t.y})`
+						}, null, 10, ve)),
+						(l(!0), r(e, null, u(t.dots, (e) => (l(), r("circle", {
+							key: e,
+							class: "music-staff__dot",
+							cx: t.dotX + (e - 1) * d(D).dotGap,
+							cy: t.dotY,
+							r: d(D).dotRadius
+						}, null, 8, be))), 128))
+					], 12, he))), 128))
+				]), E.value ? (l(!0), r(e, { key: 0 }, u(O.value.reelCopies, (e) => (l(), r("use", {
+					key: e,
+					href: `#${x}`,
+					x: e * O.value.period
+				}, null, 8, xe))), 128)) : n("", !0)])], 8, ue),
+				!E.value && k.value !== void 0 ? (l(), r(e, { key: 0 }, [i("use", {
+					href: `#${x}`,
+					class: "music-staff__layer music-staff__layer--accent",
+					"clip-path": `url(#${S})`
+				}, null, 8, Se), i("g", {
+					class: "music-staff__playhead",
+					style: c({ transform: `translateX(${j.value}px)` })
+				}, [i("rect", {
+					x: "-0.05",
+					y: O.value.staffTop - 1.2,
+					width: "0.1",
+					height: 6.4
+				}, null, 8, Ce), i("circle", {
+					cx: "0",
+					cy: O.value.staffTop - d(D).playheadRise,
+					r: "0.35"
+				}, null, 8, we)], 4)], 64)) : n("", !0)
+			], 8, q)),
+			A.value ? (l(), r("div", Te)) : n("", !0)
+		], 16)], 12, W));
+	}
+});
+//#endregion
+//#region src/components/music-staff/midiAdapter.ts
+function De(e) {
+	if (e?.includes("#")) return "sharp";
+	if (e?.includes("b")) return "flat";
+}
+function Oe(e) {
+	let t = e.header.ppq;
+	if (!Number.isFinite(t) || t <= 0) throw RangeError("Parsed MIDI ppq must be a finite positive number.");
+	return e.tracks.flatMap((e, n) => e.notes.map((e, r) => ({
+		id: `track-${n}-note-${r}`,
+		midi: e.midi,
+		beat: e.ticks / t,
+		beats: e.durationTicks / t,
+		accidental: De(e.name)
+	})));
+}
+//#endregion
+export { $ as MusicStaff, H as engraveMusicStaff, N as musicPitchName, Oe as noteEventsFromParsedMidi };