@yamat47/playmaker 0.0.0-stage → 0.1.0

package/dist/playmaker.js

@@ -0,0 +1,2827 @@
+// src/common/base/lifecycle.ts
+function e(e) {
+	return { dispose: e };
+}
+var t = class {
+	items = /* @__PURE__ */ new Set();
+	disposed = !1;
+	get isDisposed() {
+		return this.disposed;
+	}
+	add(e) {
+		return this.disposed ? (e.dispose(), e) : (this.items.add(e), e);
+	}
+	dispose() {
+		if (!this.disposed) {
+			this.disposed = !0;
+			for (let e of this.items) e.dispose();
+			this.items.clear();
+		}
+	}
+}, n = class {
+	_store = new t();
+	get isDisposed() {
+		return this._store.isDisposed;
+	}
+	_register(e) {
+		return this._store.add(e);
+	}
+	dispose() {
+		this._store.dispose();
+	}
+}, r = .5;
+function i(e) {
+	return Math.round(e / r) * r + 0;
+}
+function a(e) {
+	return {
+		lateralYard: i(e.lateralYard),
+		downfieldYard: i(e.downfieldYard)
+	};
+}
+// src/common/model/guards.ts
+function o(e) {
+	return typeof e == "object" && !!e;
+}
+function s(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+function c(e) {
+	return typeof e == "string" && e.trim() !== "";
+}
+function l(e, t) {
+	return t.some((t) => t === e);
+}
+function u(e, t, n) {
+	if (!Array.isArray(e)) return [];
+	let r = [], i = Math.min(e.length, t);
+	for (let t = 0; t < i; t += 1) {
+		let i = n(e[t], t);
+		i !== null && r.push(i);
+	}
+	return r;
+}
+// src/common/model/player.ts
+var d = ["circle", "square"], f = "circle", p = ["outline", "solid"], m = .93;
+function h(e) {
+	return l(e, d);
+}
+function ee(e) {
+	return l(e, p);
+}
+function te(e) {
+	if (!o(e)) return null;
+	let { lateralYard: t, downfieldYard: n } = e;
+	return !s(t) || !s(n) ? null : a({
+		lateralYard: t,
+		downfieldYard: n
+	});
+}
+function ne(e, t) {
+	if (!o(e)) return null;
+	let n = te(e.position);
+	return n === null ? null : {
+		id: c(e.id) ? e.id : `p${t}`,
+		position: n,
+		shape: h(e.shape) ? e.shape : f,
+		label: typeof e.label == "string" ? e.label : "",
+		...c(e.color) ? { color: e.color } : {},
+		...ee(e.fill) ? { fill: e.fill } : {}
+	};
+}
+function re(e) {
+	return u(e, 64, ne);
+}
+function ie(e) {
+	return {
+		id: e.id,
+		position: { ...e.position },
+		shape: e.shape,
+		label: e.label,
+		...e.color === void 0 ? {} : { color: e.color },
+		...e.fill === void 0 ? {} : { fill: e.fill }
+	};
+}
+// src/common/design/metrics.ts
+var ae = 1, oe = .0021, se = .375, ce = 2.4, le = 10, ue = 1.5, de = .45, fe = 3, pe = 1.85, me = 1.2, he = .2, ge = 2, _e = .5, ve = 8, ye = .11, be = 1.5, xe = .4, Se = .72, Ce = .24, we = 1.1, Te = .7, Ee = .08, De = .75;
+function Oe(e, t) {
+	let n = Math.max(0, e), r = Math.max(0, t), i = Math.max(ae, oe * n), a = 2 * m * r, o = Math.max(be, ye * a);
+	return {
+		yardLineWidth: i,
+		goalLineWidth: 2 * i,
+		midfieldLineWidth: ue * i,
+		hashTickLength: se * r,
+		numberHeight: Math.max(le, ce * r),
+		pylonSize: Math.max(fe, de * r),
+		goalpostCrossbarHalfLength: pe * r,
+		goalpostUprightLength: me * r,
+		goalpostStroke: Math.max(ge, he * a),
+		tokenDiameter: a,
+		markerStroke: o,
+		markerLabelFont: Math.max(ve, _e * a),
+		routeWidth: o,
+		blockWidth: o,
+		blockCapLength: xe * a,
+		arrowLength: Se * a,
+		arrowHalfWidth: Ce * a,
+		motionDash: [we * r, Te * r],
+		gridDotRadius: Math.max(De, Ee * r)
+	};
+}
+// src/common/editing/editor.ts
+var ke = [
+	"select",
+	"add-player",
+	"draw-line"
+], g = { kind: "none" };
+function Ae(e, t) {
+	return e.kind === "none" || t.kind === "none" ? e.kind === t.kind : e.kind === t.kind && e.id === t.id;
+}
+function je(e, t) {
+	switch (e) {
+		case "add-player": return t.remainingPlayerSlots > 0;
+		case "draw-line": return t.canStartLine;
+		case "select": return !0;
+	}
+}
+function Me(e, t) {
+	return e.players.length <= t.remainingPlayerSlots;
+}
+// src/common/base/event.ts
+var _ = class {
+	listeners = /* @__PURE__ */ new Set();
+	disposed = !1;
+	onListenerError;
+	constructor(e = console.error) {
+		this.onListenerError = e;
+	}
+	event = (t) => this.disposed ? e(() => {}) : (this.listeners.add(t), e(() => {
+		this.listeners.delete(t);
+	}));
+	fire(e) {
+		if (!this.disposed) for (let t of [...this.listeners]) try {
+			t(e);
+		} catch (e) {
+			this.onListenerError(e);
+		}
+	}
+	dispose() {
+		this.disposed = !0, this.listeners.clear();
+	}
+}, Ne = class {
+	model;
+	history;
+	constructor(e, t) {
+		this.model = e, this.history = t;
+	}
+	get canUndo() {
+		return this.history.canUndo;
+	}
+	get canRedo() {
+		return this.history.canRedo;
+	}
+	execute(e) {
+		let t = e.apply(this.model);
+		return t && this.history.push(e), t;
+	}
+	undo() {
+		this.history.undo((e) => e.undo(this.model));
+	}
+	redo() {
+		this.history.redo((e) => e.apply(this.model));
+	}
+}, Pe = class {
+	undoStack = [];
+	redoStack = [];
+	get canUndo() {
+		return this.undoStack.length > 0;
+	}
+	get canRedo() {
+		return this.redoStack.length > 0;
+	}
+	push(e) {
+		this.undoStack.push(e), this.redoStack.length = 0;
+	}
+	undo(e) {
+		this.move(this.undoStack, this.redoStack, e);
+	}
+	redo(e) {
+		this.move(this.redoStack, this.undoStack, e);
+	}
+	move(e, t, n) {
+		let r = e.at(-1);
+		r !== void 0 && (n(r), e.pop(), t.push(r));
+	}
+}, Fe = ["offense", "defense"];
+function Ie(e) {
+	return l(e, Fe);
+}
+function Le(e) {
+	if (typeof e == "object" && e && !Object.isFrozen(e)) {
+		Object.freeze(e);
+		for (let t of Object.values(e)) Le(t);
+	}
+	return e;
+}
+// src/common/formations/formation.ts
+function Re(e) {
+	let { id: t, ...n } = ie(e);
+	return n;
+}
+function ze(e) {
+	if (!o(e)) return null;
+	let t = re(e.players).map(Re);
+	return t.length === 0 ? null : {
+		id: c(e.id) ? e.id : "formation",
+		name: c(e.name) ? e.name : "フォーメーション",
+		side: Ie(e.side) ? e.side : "offense",
+		players: t
+	};
+}
+function Be(e, t, n) {
+	let r = new Set(n);
+	return e.players.map((e) => {
+		let n = t.next("player", r);
+		return r.add(n), {
+			...e,
+			id: n
+		};
+	});
+}
+// src/common/model/id-factory.ts
+var Ve = class {
+	counters = /* @__PURE__ */ new Map();
+	next(e, t) {
+		let n = this.counters.get(e) ?? 0, r;
+		do
+			n += 1, r = `${e}-${n}`;
+		while (t.has(r));
+		return this.counters.set(e, n), r;
+	}
+}, He = [
+	"route",
+	"block",
+	"motion"
+], Ue = ["straight", "bezier"], We = "route", Ge = "straight";
+function Ke(e) {
+	return l(e, He);
+}
+function qe(e) {
+	return l(e, Ue);
+}
+function Je(e) {
+	return s(e) && e > 0;
+}
+function Ye(e, t, n) {
+	if (!o(e) || !c(e.startPlayerId) || !n.has(e.startPlayerId)) return null;
+	let r = te(e.end);
+	return r === null ? null : {
+		id: c(e.id) ? e.id : `l${t}`,
+		kind: Ke(e.kind) ? e.kind : We,
+		startPlayerId: e.startPlayerId,
+		waypoints: u(e.waypoints, 32, te),
+		end: r,
+		interpolation: qe(e.interpolation) ? e.interpolation : Ge,
+		...c(e.color) ? { color: e.color } : {},
+		...Je(e.thickness) ? { thickness: e.thickness } : {}
+	};
+}
+function Xe(e, t) {
+	return u(e, 128, (e, n) => Ye(e, n, t));
+}
+function Ze(e) {
+	return {
+		id: e.id,
+		kind: e.kind,
+		startPlayerId: e.startPlayerId,
+		waypoints: e.waypoints.map((e) => ({ ...e })),
+		end: { ...e.end },
+		interpolation: e.interpolation,
+		...e.color === void 0 ? {} : { color: e.color },
+		...e.thickness === void 0 ? {} : { thickness: e.thickness }
+	};
+}
+function Qe(e, t) {
+	let n = t.get(e.startPlayerId);
+	if (n !== void 0) return [
+		{ ...n.position },
+		...e.waypoints.map((e) => ({ ...e })),
+		{ ...e.end }
+	];
+}
+function $e(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) t.set(n.id, n);
+	return t;
+}
+// src/common/model/play-data.ts
+var et = [
+	"own-redzone",
+	"middle",
+	"redzone"
+], tt = "middle", nt = {
+	"own-redzone": "自陣RZ",
+	middle: "中央",
+	redzone: "相手RZ"
+}, rt = {
+	"own-redzone": 10,
+	middle: 50,
+	redzone: 85
+}, it = 2;
+function at(e) {
+	return l(e, et);
+}
+function v(e) {
+	return {
+		zone: e,
+		losYard: rt[e]
+	};
+}
+function ot(e) {
+	return {
+		version: 2,
+		field: { ...e.field },
+		players: e.players.map(ie),
+		lines: e.lines.map(Ze)
+	};
+}
+function st(e) {
+	let t = o(e) ? e : {}, n = o(t.field) ? t.field.zone : void 0, r = ct(re(t.players)), i = new Set(r.map((e) => e.id));
+	return {
+		version: 2,
+		field: v(at(n) ? n : tt),
+		players: r,
+		lines: ct(Xe(t.lines, i))
+	};
+}
+function ct(e) {
+	let t = new Set(e.map((e) => e.id)), n = /* @__PURE__ */ new Set();
+	return e.map((e) => {
+		if (!n.has(e.id)) return n.add(e.id), e;
+		let r = 2;
+		for (; t.has(`${e.id}-${r}`);) r += 1;
+		let i = `${e.id}-${r}`;
+		return t.add(i), n.add(i), {
+			...e,
+			id: i
+		};
+	});
+}
+function y(e, t) {
+	if (!o(e)) return e;
+	let { absoluteYard: n, ...r } = e;
+	return s(n) ? {
+		...r,
+		downfieldYard: n - t
+	} : e;
+}
+function lt(e, t) {
+	return o(e) ? {
+		...e,
+		position: y(e.position, t)
+	} : e;
+}
+function ut(e, t) {
+	return o(e) ? {
+		...e,
+		waypoints: Array.isArray(e.waypoints) ? e.waypoints.slice(0, 32).map((e) => y(e, t)) : e.waypoints,
+		end: y(e.end, t),
+		thickness: s(e.thickness) ? e.thickness / 2 : e.thickness
+	} : e;
+}
+function dt(e) {
+	let t = v(o(e.field) && at(e.field.zone) ? e.field.zone : tt), { losYard: n } = t;
+	return {
+		...e,
+		field: t,
+		players: Array.isArray(e.players) ? e.players.slice(0, 64).map((e) => lt(e, n)) : e.players,
+		lines: Array.isArray(e.lines) ? e.lines.slice(0, 128).map((e) => ut(e, n)) : e.lines
+	};
+}
+// src/common/model/migration.ts
+var ft = [{
+	to: 2,
+	migrate: dt
+}];
+function pt(e) {
+	return o(e) && s(e.version) ? e.version : 0;
+}
+function mt(e, t, n) {
+	if (!o(e)) return e;
+	let r = e;
+	for (let e of n) e.to > t && (r = e.migrate(r));
+	return r;
+}
+function ht(e) {
+	return st(mt(e, pt(e), ft));
+}
+// src/common/model/play-model.ts
+function b(e, t, n, r) {
+	if (!Number.isInteger(t) || t < 0 || t > e.length) throw Error(`PlayModel: ${r} index out of range: ${t} (0..${e.length})`);
+	return [
+		...e.slice(0, t),
+		n,
+		...e.slice(t)
+	];
+}
+function gt(e, t, n) {
+	if (e.some((e) => e.id === t)) throw Error(`${n} "${t}"`);
+}
+function x(e, t, n) {
+	if (e > t) throw Error(`PlayModel: too many ${n}: ${e} > ${t}`);
+}
+function _t(e) {
+	x(e.players.length, 64, "players"), x(e.lines.length, 128, "lines");
+	for (let t of e.lines) x(t.waypoints.length, 32, "waypoints");
+}
+var vt = class extends n {
+	_onDidChange = this._register(new _());
+	onDidChange = this._onDidChange.event;
+	state;
+	constructor(e) {
+		super(), this.state = ht(e);
+	}
+	getData() {
+		return ot(this.state);
+	}
+	getSnapshot() {
+		return this.state;
+	}
+	getFieldZone() {
+		return this.state.field.zone;
+	}
+	findPlayer(e) {
+		return this.state.players.find((t) => t.id === e);
+	}
+	findLine(e) {
+		return this.state.lines.find((t) => t.id === e);
+	}
+	getPlayer(e) {
+		let t = this.findPlayer(e);
+		if (t === void 0) throw Error(`PlayModel: unknown player id "${e}"`);
+		return t;
+	}
+	getLine(e) {
+		let t = this.findLine(e);
+		if (t === void 0) throw Error(`PlayModel: unknown line id "${e}"`);
+		return t;
+	}
+	setFieldZone(e) {
+		this.commit({
+			...this.state,
+			field: v(e)
+		});
+	}
+	addPlayer(e) {
+		this.addPlayers([e]);
+	}
+	addPlayers(e) {
+		let t = new Set(this.state.players.map((e) => e.id));
+		for (let n of e) {
+			if (t.has(n.id)) throw Error(`PlayModel.addPlayers: duplicate player id "${n.id}"`);
+			t.add(n.id);
+		}
+		this.commit({
+			...this.state,
+			players: [...this.state.players, ...e]
+		});
+	}
+	removePlayerCore(e) {
+		let t = this.state.players.find((t) => t.id === e);
+		if (t === void 0) throw Error(`PlayModel.removePlayer: unknown player id "${e}"`);
+		let n = this.state.players.indexOf(t), r = [], i = [];
+		return this.state.lines.forEach((t, n) => {
+			t.startPlayerId === e ? r.push({
+				line: t,
+				index: n
+			}) : i.push(t);
+		}), this.state = {
+			...this.state,
+			players: this.state.players.filter((e) => e !== t),
+			lines: i
+		}, {
+			player: t,
+			index: n,
+			removedLines: r
+		};
+	}
+	removePlayer(e) {
+		let t = this.removePlayerCore(e);
+		return this.emitChange(), t;
+	}
+	removePlayers(e) {
+		let t = new Set(this.state.players.map((e) => e.id));
+		for (let n of e) if (!t.delete(n)) throw Error(`PlayModel.removePlayers: unknown or repeated player id "${n}"`);
+		let n = e.map((e) => this.removePlayerCore(e));
+		return this.emitChange(), n;
+	}
+	restorePlayer(e) {
+		gt(this.state.players, e.player.id, "PlayModel.restorePlayer: duplicate player id");
+		let t = b(this.state.players, e.index, e.player, "player"), n = this.state.lines;
+		for (let { line: t, index: r } of [...e.removedLines].sort((e, t) => e.index - t.index)) n = b(n, r, t, "line");
+		this.commit({
+			...this.state,
+			players: t,
+			lines: n
+		});
+	}
+	updatePlayer(e) {
+		let t = this.getPlayer(e.id);
+		return this.commit({
+			...this.state,
+			players: this.state.players.map((n) => n === t ? e : n)
+		}), t;
+	}
+	addLine(e) {
+		this.insertLine(e, this.state.lines.length);
+	}
+	insertLine(e, t) {
+		gt(this.state.lines, e.id, "PlayModel: duplicate line id"), this.commit({
+			...this.state,
+			lines: b(this.state.lines, t, e, "line")
+		});
+	}
+	removeLine(e) {
+		let t = this.state.lines.find((t) => t.id === e);
+		if (t === void 0) throw Error(`PlayModel.removeLine: unknown line id "${e}"`);
+		let n = this.state.lines.indexOf(t);
+		return this.commit({
+			...this.state,
+			lines: this.state.lines.filter((e) => e !== t)
+		}), {
+			line: t,
+			index: n
+		};
+	}
+	updateLine(e) {
+		let t = this.getLine(e.id);
+		return this.commit({
+			...this.state,
+			lines: this.state.lines.map((n) => n === t ? e : n)
+		}), t;
+	}
+	commit(e) {
+		_t(e), this.state = e, this.emitChange();
+	}
+	emitChange() {
+		this._onDidChange.fire(this.state);
+	}
+};
+// src/common/commands/command.ts
+function S(e, t) {
+	/* v8 ignore start -- 履歴は apply が済んだコマンドしか積まないので、編集の操作からは届かない。 */
+	if (e === void 0) throw Error(`${t.label}: apply より前に undo された`);
+	/* v8 ignore stop */
+	return e;
+}
+// src/common/commands/field-commands.ts
+var yt = class {
+	label = "フィールドゾーンの切替";
+	zone;
+	previous;
+	constructor(e) {
+		this.zone = e;
+	}
+	apply(e) {
+		return this.previous = e.getFieldZone(), this.previous !== this.zone && (e.setFieldZone(this.zone), !0);
+	}
+	undo(e) {
+		e.setFieldZone(S(this.previous, this));
+	}
+}, bt = class {
+	label = "フォーメーションの読み込み";
+	players;
+	constructor(e) {
+		this.players = e;
+	}
+	apply(e) {
+		return this.players.length !== 0 && (e.addPlayers(this.players), !0);
+	}
+	undo(e) {
+		e.removePlayers(this.players.map((e) => e.id));
+	}
+};
+// src/common/commands/patch.ts
+function xt(e) {
+	return e;
+}
+function St(e, t) {
+	let n = { ...xt(e) };
+	for (let [e, r] of Object.entries(t)) r === null ? delete n[e] : n[e] = r;
+	return n;
+}
+function Ct(e, t) {
+	let n = xt(e);
+	return Object.entries(t).some(([e, t]) => (t ?? void 0) !== n[e]);
+}
+// src/common/commands/line-commands.ts
+function wt(e, t) {
+	return St(e, t);
+}
+var Tt = class {
+	label = "線の追加";
+	line;
+	constructor(e) {
+		this.line = e;
+	}
+	apply(e) {
+		return e.addLine(this.line), !0;
+	}
+	undo(e) {
+		e.removeLine(this.line.id);
+	}
+}, Et = class {
+	label = "線の削除";
+	lineId;
+	removal;
+	constructor(e) {
+		this.lineId = e;
+	}
+	apply(e) {
+		return this.removal = e.removeLine(this.lineId), !0;
+	}
+	undo(e) {
+		let { line: t, index: n } = S(this.removal, this);
+		e.insertLine(t, n);
+	}
+}, Dt = class {
+	label = "線の編集";
+	lineId;
+	patch;
+	previous;
+	constructor(e, t) {
+		this.lineId = e, this.patch = { ...t };
+	}
+	apply(e) {
+		let t = e.getLine(this.lineId);
+		return Ct(t, this.patch) ? (this.previous = e.updateLine(wt(t, this.patch)), !0) : !1;
+	}
+	undo(e) {
+		e.updateLine(S(this.previous, this));
+	}
+};
+// src/common/commands/player-commands.ts
+function Ot(e, t) {
+	return St(e, t);
+}
+var kt = class {
+	label = "選手の追加";
+	player;
+	constructor(e) {
+		this.player = e;
+	}
+	apply(e) {
+		return e.addPlayer(this.player), !0;
+	}
+	undo(e) {
+		e.removePlayer(this.player.id);
+	}
+}, At = class {
+	label = "選手の削除";
+	playerId;
+	removal;
+	constructor(e) {
+		this.playerId = e;
+	}
+	apply(e) {
+		return this.removal = e.removePlayer(this.playerId), !0;
+	}
+	undo(e) {
+		e.restorePlayer(S(this.removal, this));
+	}
+}, jt = class {
+	label = "選手の編集";
+	playerId;
+	patch;
+	previous;
+	constructor(e, t) {
+		this.playerId = e, this.patch = { ...t };
+	}
+	apply(e) {
+		let t = e.getPlayer(this.playerId);
+		return Ct(t, this.patch) ? (this.previous = e.updatePlayer(Ot(t, this.patch)), !0) : !1;
+	}
+	undo(e) {
+		e.updatePlayer(S(this.previous, this));
+	}
+}, Mt = 53, Nt = {
+	ncaa: 6.5,
+	nfl: 3,
+	nfhs: 9
+}, Pt = "ncaa";
+function C(e) {
+	switch (e) {
+		case "own-redzone": return {
+			startYard: -10,
+			endYard: 25
+		};
+		case "redzone": return {
+			startYard: 75,
+			endYard: 110
+		};
+		case "middle": return {
+			startYard: 35,
+			endYard: 65
+		};
+	}
+}
+function Ft(e) {
+	let { startYard: t, endYard: n } = C(e);
+	return n - t;
+}
+function It(e) {
+	return 53 / Ft(e);
+}
+function Lt(e, t) {
+	let { startYard: n, endYard: r } = C(t.zone);
+	return {
+		lateralYard: Math.min(Math.max(e.lateralYard, 0), 53),
+		downfieldYard: Math.min(Math.max(e.downfieldYard, n - t.losYard), r - t.losYard)
+	};
+}
+function Rt(e) {
+	return e <= 0 || e >= 100 ? null : 50 - Math.abs(50 - e);
+}
+function w(e, t) {
+	if (t <= 0) throw Error("Playmaker: stepYards は正の数である必要があります。");
+	let { startYard: n, endYard: r } = C(e), i = [], a = Math.ceil(n / t) * t;
+	for (let e = a; e <= r + 1e-9; e += t) i.push(e);
+	return i;
+}
+var zt = class {
+	viewportWidth;
+	viewportHeight;
+	zone;
+	losYard;
+	yardWindow;
+	scale;
+	fieldPixelWidth;
+	fieldPixelHeight;
+	offsetX;
+	offsetY;
+	constructor(e, t, n) {
+		this.viewportWidth = e, this.viewportHeight = t, this.zone = n.zone, this.losYard = n.losYard, this.yardWindow = C(n.zone);
+		let r = this.yardWindow.endYard - this.yardWindow.startYard, i = Math.max(0, e), a = Math.max(0, t);
+		this.scale = Math.min(i / 53, a / r), this.fieldPixelWidth = 53 * this.scale, this.fieldPixelHeight = r * this.scale, this.offsetX = (i - this.fieldPixelWidth) / 2, this.offsetY = (a - this.fieldPixelHeight) / 2;
+	}
+	xForLateralYard(e) {
+		return this.offsetX + e * this.scale;
+	}
+	yForAbsoluteYard(e) {
+		return this.offsetY + (this.yardWindow.endYard - e) * this.scale;
+	}
+	toCanvas(e) {
+		return {
+			x: this.xForLateralYard(e.lateralYard),
+			y: this.yForAbsoluteYard(this.losYard + e.downfieldYard)
+		};
+	}
+	lateralYardForX(e) {
+		return this.scale > 0 ? (e - this.offsetX) / this.scale : 0;
+	}
+	absoluteYardForY(e) {
+		return this.scale > 0 ? this.yardWindow.endYard - (e - this.offsetY) / this.scale : this.yardWindow.endYard;
+	}
+	fromCanvas(e) {
+		return {
+			lateralYard: this.lateralYardForX(e.x),
+			downfieldYard: this.absoluteYardForY(e.y) - this.losYard
+		};
+	}
+	containsYard(e) {
+		return e >= this.yardWindow.startYard && e <= this.yardWindow.endYard;
+	}
+};
+// src/common/geometry/polyline.ts
+function* Bt(e) {
+	let t;
+	for (let n of e) t !== void 0 && (yield [t.point, n]), t = { point: n };
+}
+function Vt(e) {
+	let t = 0;
+	for (let [n, r] of Bt(e)) t += Math.hypot(r.x - n.x, r.y - n.y);
+	return t;
+}
+function Ht(e, t, n = 1) {
+	if (e.length < 2 || t <= 0) return [...e];
+	let r = n >= 1 ? t : Math.min(t, Vt(e) * n);
+	if (r <= 0) return [...e];
+	for (let t = e.length - 1; t > 0; t--) {
+		let n = e[t - 1], i = e[t];
+		/* v8 ignore start -- i は 1 から path.length - 1 までなので、a も b も範囲の内側にある。 */
+		if (n === void 0 || i === void 0) break;
+		/* v8 ignore stop */
+		let a = Math.hypot(i.x - n.x, i.y - n.y);
+		if (a > r) {
+			let o = (a - r) / a;
+			return [...e.slice(0, t), {
+				x: n.x + (i.x - n.x) * o,
+				y: n.y + (i.y - n.y) * o
+			}];
+		}
+		r -= a;
+	}
+	return e.slice(0, 1);
+}
+function Ut(e, t, n, r, i) {
+	let a = 1 - i, o = a * a * a, s = 3 * a * a * i, c = 3 * a * i * i, l = i * i * i;
+	return {
+		lateralYard: o * e.lateralYard + s * t.lateralYard + c * n.lateralYard + l * r.lateralYard,
+		downfieldYard: o * e.downfieldYard + s * t.downfieldYard + c * n.downfieldYard + l * r.downfieldYard
+	};
+}
+function Wt(e, t, n, r) {
+	return [{
+		lateralYard: t.lateralYard + (n.lateralYard - e.lateralYard) / 6,
+		downfieldYard: t.downfieldYard + (n.downfieldYard - e.downfieldYard) / 6
+	}, {
+		lateralYard: n.lateralYard - (r.lateralYard - t.lateralYard) / 6,
+		downfieldYard: n.downfieldYard - (r.downfieldYard - t.downfieldYard) / 6
+	}];
+}
+function Gt(e) {
+	let t = [];
+	for (let n of e) {
+		let e = t[t.length - 1];
+		(e === void 0 || e.lateralYard !== n.lateralYard || e.downfieldYard !== n.downfieldYard) && t.push({
+			lateralYard: n.lateralYard,
+			downfieldYard: n.downfieldYard
+		});
+	}
+	return t;
+}
+function Kt(e, t, n = 16) {
+	let r = Gt(e);
+	if (t === "straight" || r.length < 3) return r;
+	let i = Math.max(1, Math.floor(n)), a = r.slice(0, 1);
+	for (let [e, [t, n]] of [...Bt(r)].entries()) {
+		let [o, s] = Wt(r[e - 1] ?? t, t, n, r[e + 2] ?? n);
+		for (let e = 1; e <= i; e++) a.push(Ut(t, o, s, n, e / i));
+	}
+	return a;
+}
+// src/common/geometry/hit-test.ts
+function qt(e, t, n = m) {
+	if (n <= 0) throw Error("Playmaker: radiusYards は正の数である必要があります。");
+	let r = n * n;
+	for (let n of [...e].reverse()) {
+		let e = n.position.lateralYard - t.lateralYard, i = n.position.downfieldYard - t.downfieldYard;
+		if (e * e + i * i <= r) return n;
+	}
+}
+var Jt = .6;
+function Yt(e, t, n) {
+	let r = n.lateralYard - t.lateralYard, i = n.downfieldYard - t.downfieldYard, a = e.lateralYard - t.lateralYard, o = e.downfieldYard - t.downfieldYard, s = r * r + i * i, c = s > 0 ? Math.max(0, Math.min(1, (a * r + o * i) / s)) : 0, l = a - c * r, u = o - c * i;
+	return Math.sqrt(l * l + u * u);
+}
+function Xt(e, t) {
+	let n = t.length === 1 ? t[0] : void 0;
+	if (n !== void 0) return $t(e, n);
+	let r = Infinity;
+	for (let [n, i] of Bt(t)) r = Math.min(r, Yt(e, n, i));
+	return r;
+}
+function Zt(e, t, n, r = Jt) {
+	if (r <= 0) throw Error("Playmaker: toleranceYards は正の数である必要があります。");
+	let i = $e(t);
+	for (let t of [...e].reverse()) {
+		let e = Qe(t, i);
+		if (e !== void 0 && Xt(n, Kt(e, t.interpolation)) <= r) return t;
+	}
+}
+var Qt = .9;
+function $t(e, t) {
+	return Math.hypot(e.lateralYard - t.lateralYard, e.downfieldYard - t.downfieldYard);
+}
+function en(e, t) {
+	let n = (e) => $t(t, e) <= Qt;
+	if (n(e.end)) return {
+		kind: "endpoint",
+		point: e.end
+	};
+	for (let [t, r] of [...e.waypoints.entries()].reverse()) if (n(r)) return {
+		kind: "waypoint",
+		index: t,
+		point: r
+	};
+}
+// src/common/editing/editor-notifier.ts
+var tn = {
+	tool: Object.is,
+	selection: Ae,
+	canUndo: Object.is,
+	canRedo: Object.is,
+	fieldZone: Object.is,
+	isDrawing: Object.is,
+	remainingPlayerSlots: Object.is,
+	canStartLine: Object.is
+}, nn = Object.keys(tn);
+function rn(e, t, n) {
+	return tn[e](t[e], n[e]);
+}
+function an(e, t) {
+	return nn.every((n) => rn(n, e.state, t.state)) && e.player === t.player && e.line === t.line;
+}
+var on = class extends n {
+	_onDidChangeScene = this._register(new _());
+	onDidChangeScene = this._onDidChangeScene.event;
+	_onDidChangeViewState = this._register(new _());
+	onDidChangeViewState = this._onDidChangeViewState.event;
+	readView;
+	depth = 0;
+	sceneChanged = !1;
+	lastView;
+	constructor(e) {
+		super(), this.readView = e, this.lastView = e();
+	}
+	batch(e) {
+		this.depth++;
+		let t;
+		try {
+			t = e();
+		} finally {
+			this.depth--;
+		}
+		return this.flushIfIdle(), t;
+	}
+	markSceneChanged() {
+		this.sceneChanged = !0, this.flushIfIdle();
+	}
+	flushIfIdle() {
+		this.depth === 0 && this.flush();
+	}
+	flush() {
+		this.sceneChanged && (this.sceneChanged = !1, this._onDidChangeScene.fire());
+		let e = this.readView();
+		an(e, this.lastView) || (this.lastView = e, this._onDidChangeViewState.fire());
+	}
+};
+// src/common/editing/interaction.ts
+function T(e, t) {
+	return e.lateralYard === t.lateralYard && e.downfieldYard === t.downfieldYard;
+}
+var sn = 33;
+function cn(e, t, n) {
+	return {
+		type: "drag",
+		target: e,
+		origin: t,
+		grabOffset: {
+			lateralYard: t.lateralYard - n.lateralYard,
+			downfieldYard: t.downfieldYard - n.downfieldYard
+		},
+		current: t
+	};
+}
+function ln(e, t) {
+	return {
+		lateralYard: t.lateralYard + e.grabOffset.lateralYard,
+		downfieldYard: t.downfieldYard + e.grabOffset.downfieldYard
+	};
+}
+function un(e, t, n) {
+	switch (t.kind) {
+		case "player": return e.players.some((e) => e.id === t.playerId) ? {
+			kind: "player",
+			playerId: t.playerId,
+			patch: { position: n }
+		} : void 0;
+		case "endpoint": return e.lines.some((e) => e.id === t.lineId) ? {
+			kind: "line",
+			lineId: t.lineId,
+			patch: { end: n }
+		} : void 0;
+		case "waypoint": {
+			let r = e.lines.find((e) => e.id === t.lineId);
+			return r === void 0 ? void 0 : {
+				kind: "line",
+				lineId: r.id,
+				patch: { waypoints: r.waypoints.map((e, r) => r === t.index ? n : e) }
+			};
+		}
+	}
+}
+function dn(e) {
+	let t = e.at(-1);
+	return t === void 0 ? void 0 : {
+		waypoints: e.slice(0, -1),
+		end: t
+	};
+}
+function fn(e) {
+	return {
+		type: "draw-line",
+		startPlayerId: e.id,
+		start: e.position,
+		points: [],
+		cursor: e.position
+	};
+}
+function pn(e, t) {
+	let n = !T(e.points.at(-1) ?? e.start, t) && e.points.length < sn;
+	return {
+		...e,
+		points: n ? [...e.points, t] : e.points,
+		cursor: t
+	};
+}
+function mn(e, t) {
+	let n = dn(e.points);
+	if (n !== void 0) return e.points.every((e) => T(e, t)) ? void 0 : n;
+}
+function hn(e, t, n) {
+	return {
+		id: t,
+		kind: We,
+		startPlayerId: e.startPlayerId,
+		waypoints: n.waypoints,
+		end: n.end,
+		interpolation: Ge
+	};
+}
+// src/common/editing/preview.ts
+var gn = "__playmaker_draft_line__";
+function _n(e, t) {
+	switch (t.kind) {
+		case "player": return {
+			...e,
+			players: e.players.map((e) => e.id === t.playerId ? Ot(e, t.patch) : e)
+		};
+		case "line": return {
+			...e,
+			lines: e.lines.map((e) => e.id === t.lineId ? wt(e, t.patch) : e)
+		};
+	}
+}
+function vn(e) {
+	return hn(e, gn, (e.points.length >= sn ? dn(e.points) : void 0) ?? {
+		waypoints: e.points,
+		end: e.cursor
+	});
+}
+function yn(e, t) {
+	if (t === void 0) return e;
+	switch (t.type) {
+		case "drag": {
+			let n = un(e, t.target, t.current);
+			return n === void 0 ? e : _n(e, n);
+		}
+		case "draw-line": return {
+			...e,
+			lines: [...e.lines, vn(t)]
+		};
+	}
+}
+function bn(e, t) {
+	if (t.kind === "player") return {
+		kind: "player",
+		playerId: t.id
+	};
+	let n = t.kind === "line" ? e.lines.find((e) => e.id === t.id) : void 0;
+	return n === void 0 ? { kind: "none" } : {
+		kind: "line",
+		waypointHandles: n.waypoints,
+		endpointHandle: n.end
+	};
+}
+// src/common/editing/editor-controller.ts
+var xn = class extends n {
+	model;
+	commands;
+	ids;
+	notifier;
+	onDidChangeScene;
+	onDidChangeViewState;
+	tool = "select";
+	selection = g;
+	interaction;
+	constructor(e, t, n) {
+		super(), this.model = e, this.commands = t, this.ids = n, this.notifier = this._register(new on(() => ({
+			state: this.getViewState(),
+			player: this.getSelectedPlayer(),
+			line: this.getSelectedLine()
+		}))), this.onDidChangeScene = this.notifier.onDidChangeScene, this.onDidChangeViewState = this.notifier.onDidChangeViewState, this._register(this.model.onDidChange(() => this.notifier.markSceneChanged()));
+	}
+	getViewState() {
+		let { players: e, lines: t } = this.model.getSnapshot();
+		return {
+			tool: this.tool,
+			selection: this.getSelectedPlayer() === void 0 && this.getSelectedLine() === void 0 ? g : this.selection,
+			canUndo: this.commands.canUndo,
+			canRedo: this.commands.canRedo,
+			fieldZone: this.model.getFieldZone(),
+			isDrawing: this.interaction?.type === "draw-line",
+			remainingPlayerSlots: 64 - e.length,
+			canStartLine: t.length < 128
+		};
+	}
+	getSelectedPlayer() {
+		let e = this.selection;
+		return e.kind === "player" ? this.model.findPlayer(e.id) : void 0;
+	}
+	getSelectedLine() {
+		let e = this.selection;
+		return e.kind === "line" ? this.model.findLine(e.id) : void 0;
+	}
+	getFrame() {
+		let e = yn(this.model.getSnapshot(), this.interaction);
+		return {
+			scene: e,
+			overlay: bn(e, this.selection)
+		};
+	}
+	setTool(e) {
+		e !== this.tool && this.notifier.batch(() => {
+			this.tool = e, this.setInteraction(void 0);
+		});
+	}
+	pointerDown(e) {
+		this.notifier.batch(() => {
+			switch (this.tool) {
+				case "add-player":
+					this.addPlayerAt(e);
+					return;
+				case "draw-line":
+					this.drawLinePointerDown(e);
+					return;
+				case "select":
+					this.selectPointerDown(e);
+					return;
+			}
+		});
+	}
+	pointerMove(e) {
+		let t = this.interaction;
+		t !== void 0 && this.notifier.batch(() => this.setInteraction(t.type === "draw-line" ? {
+			...t,
+			cursor: this.clampToField(e)
+		} : {
+			...t,
+			current: this.clampToField(ln(t, e))
+		}));
+	}
+	pointerUp(e) {
+		let t = this.interaction;
+		t?.type === "drag" && this.notifier.batch(() => {
+			this.setInteraction(void 0);
+			let n = ln(t, e);
+			if (T(n, t.origin)) return;
+			let r = this.clampToField(n);
+			if (T(r, t.origin)) return;
+			let i = this.dropCommand(t, r);
+			i !== void 0 && this.commands.execute(i);
+		});
+	}
+	cancelInteraction() {
+		this.notifier.batch(() => this.setInteraction(void 0));
+	}
+	commitLine() {
+		let e = this.interaction;
+		e?.type === "draw-line" && this.notifier.batch(() => {
+			this.setInteraction(void 0);
+			let t = this.lineFromDraft(e);
+			t !== void 0 && (this.commands.execute(new Tt(t)), this.setTool("select"), this.setSelection({
+				kind: "line",
+				id: t.id
+			}));
+		});
+	}
+	deleteSelection() {
+		let e = this.getSelectedPlayer(), t = this.getSelectedLine();
+		this.notifier.batch(() => {
+			if (e !== void 0) this.commands.execute(new At(e.id));
+			else if (t !== void 0) this.commands.execute(new Et(t.id));
+			else return;
+			this.setSelection(g);
+		});
+	}
+	updateSelectedPlayer(e) {
+		let t = this.getSelectedPlayer();
+		t !== void 0 && this.notifier.batch(() => this.commands.execute(new jt(t.id, e)));
+	}
+	updateSelectedLine(e) {
+		let t = this.getSelectedLine();
+		t !== void 0 && this.notifier.batch(() => this.commands.execute(new Dt(t.id, e)));
+	}
+	setFieldZone(e) {
+		this.notifier.batch(() => {
+			this.commands.execute(new yt(e)) && this.setInteraction(void 0);
+		});
+	}
+	loadFormation(e) {
+		if (!Me(e, this.getViewState())) return !1;
+		let { players: t } = this.model.getSnapshot(), n = Be(e, this.ids, t.map((e) => e.id));
+		return this.notifier.batch(() => {
+			let e = this.commands.execute(new bt(n));
+			return e && (this.setInteraction(void 0), this.setSelection(g)), e;
+		});
+	}
+	undo() {
+		this.notifier.batch(() => {
+			let e = this.interaction;
+			e?.type === "draw-line" ? this.setInteraction(e.points.length === 0 ? void 0 : {
+				...e,
+				points: e.points.slice(0, -1)
+			}) : (this.setInteraction(void 0), this.commands.undo());
+		});
+	}
+	redo() {
+		this.notifier.batch(() => {
+			this.setInteraction(void 0), this.commands.redo();
+		});
+	}
+	setSelection(e) {
+		Ae(this.selection, e) || (this.selection = e, this.notifier.markSceneChanged());
+	}
+	setInteraction(e) {
+		e !== this.interaction && (this.interaction = e, this.notifier.markSceneChanged());
+	}
+	clampToField(e) {
+		return a(Lt(e, this.model.getSnapshot().field));
+	}
+	dropCommand(e, t) {
+		let n = un(this.model.getSnapshot(), e.target, t);
+		if (n !== void 0) return n.kind === "player" ? new jt(n.playerId, n.patch) : new Dt(n.lineId, n.patch);
+	}
+	lineFromDraft(e) {
+		let t = this.model.findPlayer(e.startPlayerId), n = t === void 0 ? void 0 : mn(e, t.position);
+		return n === void 0 ? void 0 : hn(e, this.ids.next("line", new Set(this.model.getSnapshot().lines.map((e) => e.id))), n);
+	}
+	selectPointerDown(e) {
+		let t = this.model.getSnapshot(), n = this.hitSelectedLineHandle(e);
+		if (n !== void 0) {
+			this.setInteraction(n);
+			return;
+		}
+		let r = qt(t.players, e);
+		if (r !== void 0) {
+			this.setSelection({
+				kind: "player",
+				id: r.id
+			}), this.setInteraction(cn({
+				kind: "player",
+				playerId: r.id
+			}, r.position, e));
+			return;
+		}
+		let i = Zt(t.lines, t.players, e);
+		this.setSelection(i === void 0 ? g : {
+			kind: "line",
+			id: i.id
+		});
+	}
+	hitSelectedLineHandle(e) {
+		let t = this.getSelectedLine(), n = t === void 0 ? void 0 : en(t, e);
+		return t === void 0 || n === void 0 ? void 0 : cn(n.kind === "endpoint" ? {
+			kind: "endpoint",
+			lineId: t.id
+		} : {
+			kind: "waypoint",
+			lineId: t.id,
+			index: n.index
+		}, n.point, e);
+	}
+	drawLinePointerDown(e) {
+		let t = this.interaction;
+		if (t?.type === "draw-line") {
+			this.setInteraction(pn(t, this.clampToField(e)));
+			return;
+		}
+		if (!je("draw-line", this.getViewState())) return;
+		let n = qt(this.model.getSnapshot().players, e);
+		n !== void 0 && this.setInteraction(fn(n));
+	}
+	addPlayerAt(e) {
+		if (!je("add-player", this.getViewState())) return;
+		let { players: t } = this.model.getSnapshot(), n = this.ids.next("player", new Set(t.map((e) => e.id)));
+		this.commands.execute(new kt({
+			id: n,
+			position: this.clampToField(e),
+			shape: f,
+			label: ""
+		})), this.setSelection({
+			kind: "player",
+			id: n
+		});
+	}
+};
+// src/common/editing/play-session.ts
+function Sn(e) {
+	let n = new t(), r = n.add(new vt(e)), i = new Ne(r, new Pe());
+	return {
+		store: n,
+		model: r,
+		controller: n.add(new xn(r, i, new Ve()))
+	};
+}
+var Cn = class extends n {
+	_onDidReset = this._register(new _());
+	onDidReset = this._onDidReset.event;
+	_onDidEdit = this._register(new _());
+	onDidChange = (e) => this._onDidEdit.event(() => e(this.getPlayData()));
+	_onDidChangeScene = this._register(new _());
+	onDidChangeScene = this._onDidChangeScene.event;
+	_onDidChangeViewState = this._register(new _());
+	onDidChangeViewState = this._onDidChangeViewState.event;
+	document;
+	constructor(e) {
+		super(), this.document = this.open(e);
+	}
+	get controller() {
+		return this.document.controller;
+	}
+	get fieldZone() {
+		return this.document.model.getFieldZone();
+	}
+	getPlayData() {
+		return this.document.model.getData();
+	}
+	getSnapshot() {
+		return this.document.model.getSnapshot();
+	}
+	setFieldZone(e) {
+		this.document.controller.setFieldZone(e);
+	}
+	loadFormation(e) {
+		let t = ze(e);
+		return t !== null && this.document.controller.loadFormation(t);
+	}
+	setPlayData(e) {
+		this.document.store.dispose(), this.document = this.open(e), this._onDidReset.fire(), this._onDidChangeScene.fire(), this._onDidChangeViewState.fire();
+	}
+	open(e) {
+		let t = Sn(e), { store: n, model: r, controller: i } = t;
+		return n.add(r.onDidChange(() => this._onDidEdit.fire())), n.add(i.onDidChangeScene(() => this._onDidChangeScene.fire())), n.add(i.onDidChangeViewState(() => this._onDidChangeViewState.fire())), t;
+	}
+	dispose() {
+		this.document.store.dispose(), super.dispose();
+	}
+}, wn = 1600, Tn = 4096;
+function En(e) {
+	return !s(e) || e < 1 ? wn : Math.min(Math.round(e), Tn);
+}
+function Dn(e, t = {}) {
+	let n = En(t.width);
+	return {
+		width: n,
+		height: Math.round(n / It(e))
+	};
+}
+// src/common/presets/alignments.ts
+function E(e, t) {
+	return {
+		lateralYard: e,
+		downfieldYard: t
+	};
+}
+function D(e, t, n, r = "circle") {
+	return {
+		id: e,
+		position: n,
+		shape: r,
+		label: t
+	};
+}
+function O(e, t = 0) {
+	return E(e.lateralYard + t, e.downfieldYard - 1);
+}
+function k(e, t) {
+	return E(e.lateralYard + t, e.downfieldYard);
+}
+var A = {
+	lt: E(21.5, -1),
+	lg: E(24, -1),
+	c: E(26.5, -1),
+	rg: E(29, -1),
+	rt: E(31.5, -1)
+}, j = {
+	eL: E(20.5, 1.5),
+	n: E(25.5, 1.5),
+	t: E(30, 1.5),
+	eR: E(32.5, 1.5)
+}, M = E(35.5, 1.5), N = {
+	eL: E(22.5, 1.5),
+	n: E(26.5, 1.5),
+	eR: E(30.5, 1.5)
+}, P = {
+	w: E(22.5, 5),
+	m: E(27, 5),
+	s: E(34.5, 5)
+}, F = {
+	m: E(24, 5),
+	w: E(30, 5),
+	nb: E(14, 5)
+};
+function I(e) {
+	return {
+		left: E(6.5, e),
+		right: E(46.5, e)
+	};
+}
+function L() {
+	return [
+		D("lt", "LT", A.lt, "square"),
+		D("lg", "LG", A.lg, "square"),
+		D("c", "C", A.c, "square"),
+		D("rg", "RG", A.rg, "square"),
+		D("rt", "RT", A.rt, "square")
+	];
+}
+function R(e = j.eR) {
+	return [
+		D("de-l", "E", j.eL),
+		D("dt-l", "N", j.n),
+		D("dt-r", "T", j.t),
+		D("de-r", "E", e)
+	];
+}
+function On() {
+	return [
+		D("de-l", "E", N.eL),
+		D("nt", "N", N.n),
+		D("de-r", "E", N.eR)
+	];
+}
+function z(e) {
+	let { left: t, right: n } = I(e);
+	return [D("cb-l", "CB", t), D("cb-r", "CB", n)];
+}
+function B() {
+	return [
+		...L(),
+		D("y", "Y", E(34.5, -1), "square"),
+		D("qb", "QB", E(26.5, -3)),
+		D("fb", "FB", E(26.5, -6)),
+		D("rb", "RB", E(26.5, -8.5)),
+		D("x", "X", E(6.5, -1)),
+		D("z", "Z", E(46.5, -2))
+	];
+}
+function V() {
+	return [
+		...L(),
+		D("y", "Y", E(34.5, -1), "square"),
+		D("qb", "QB", E(26.5, -3)),
+		D("rb", "RB", E(26.5, -7.5)),
+		D("x", "X", E(6, -1)),
+		D("h", "H", E(40, -2)),
+		D("z", "Z", E(47, -1))
+	];
+}
+function H() {
+	return [
+		...L(),
+		D("qb", "QB", E(26.5, -5)),
+		D("rb", "RB", E(29.5, -5)),
+		D("x", "X", E(5.5, -1)),
+		D("y", "Y", E(13, -2)),
+		D("h", "H", E(40, -2)),
+		D("z", "Z", E(47.5, -1))
+	];
+}
+function kn() {
+	return [
+		...L(),
+		D("qb", "QB", E(26.5, -5)),
+		D("rb", "RB", E(24, -5)),
+		D("x", "X", E(5.5, -1)),
+		D("y", "Y", E(34.5, -1), "square"),
+		D("h", "H", E(41, -2)),
+		D("z", "Z", E(47.5, -1))
+	];
+}
+function An() {
+	return [
+		...L(),
+		D("qb", "QB", E(26.5, -5)),
+		D("x", "X", E(5, -1)),
+		D("f", "F", E(12, -2)),
+		D("y", "Y", E(34.5, -1), "square"),
+		D("h", "H", E(41, -2)),
+		D("z", "Z", E(48, -1))
+	];
+}
+function jn() {
+	return [
+		...L(),
+		D("y", "Y", E(34.5, -1), "square"),
+		D("qb", "QB", E(26.5, -4.5)),
+		D("rb", "RB", E(26.5, -7.5)),
+		D("x", "X", E(6, -1)),
+		D("h", "H", E(40, -2)),
+		D("z", "Z", E(47, -1))
+	];
+}
+function Mn() {
+	return [
+		...L(),
+		D("qb", "QB", E(26.5, -5)),
+		D("rb", "RB", E(24, -5)),
+		D("x", "X", E(5.5, -1)),
+		D("z", "Z", E(37, -1)),
+		D("h", "H", E(34.5, -2)),
+		D("y", "Y", E(39.5, -2))
+	];
+}
+function U() {
+	return [
+		...R(M),
+		D("wlb", "W", P.w),
+		D("mlb", "M", P.m),
+		D("slb", "S", P.s),
+		...z(6),
+		D("fs", "FS", E(23, 11)),
+		D("ss", "SS", E(32, 9))
+	];
+}
+function Nn() {
+	return [
+		...On(),
+		D("wlb", "W", E(19, 2.5)),
+		D("mlb", "M", E(24.5, 5)),
+		D("tlb", "T", E(29, 5)),
+		D("slb", "S", E(34.5, 2.5)),
+		...z(6),
+		D("fs", "FS", E(23, 11)),
+		D("ss", "SS", E(30, 11))
+	];
+}
+function Pn(e = j.eR) {
+	return [
+		...R(e),
+		D("mlb", "M", F.m),
+		D("wlb", "W", F.w)
+	];
+}
+var W = {
+	cornerDepth: 6,
+	fs: E(22, 11),
+	ss: E(31, 11)
+};
+function G(e, t = j.eR) {
+	return [
+		...Pn(t),
+		D("nb", "NB", F.nb),
+		...z(e.cornerDepth),
+		D("fs", "FS", e.fs),
+		D("ss", "SS", e.ss)
+	];
+}
+function Fn() {
+	return [
+		...R(),
+		D("mlb", "M", E(27, 5)),
+		D("nb", "NB", F.nb),
+		D("db", "$", E(39, 5)),
+		...z(6),
+		D("fs", "FS", E(22, 11)),
+		D("ss", "SS", E(31, 11))
+	];
+}
+function In() {
+	return [
+		...R(),
+		D("mlb", "M", E(24.5, 5)),
+		D("wlb", "W", F.w),
+		D("nb", "NB", E(39, 5)),
+		...z(6),
+		D("fs", "FS", E(23, 11)),
+		D("ss", "SS", E(31, 9))
+	];
+}
+function Ln() {
+	return [
+		...On(),
+		D("wlb", "W", E(20.5, 5)),
+		D("mlb", "M", E(26.5, 5)),
+		D("slb", "S", E(32.5, 5)),
+		D("nb", "NB", F.nb),
+		...z(6),
+		D("fs", "FS", E(23, 11)),
+		D("ss", "SS", E(31, 9))
+	];
+}
+// src/common/formations/presets.ts
+function K(e, t, n, r) {
+	return {
+		id: e,
+		name: t,
+		side: n,
+		players: r.map(Re)
+	};
+}
+var Rn = /* @__PURE__ */ Le([
+	K("i-formation", "I-Formation", "offense", B()),
+	K("singleback-ace", "Singleback Ace", "offense", V()),
+	K("shotgun-spread", "Shotgun Spread", "offense", H()),
+	K("trips", "Trips", "offense", kn()),
+	K("empty", "Empty", "offense", An()),
+	K("pistol", "Pistol", "offense", jn()),
+	K("bunch", "Bunch", "offense", Mn()),
+	K("defense-4-3", "4-3 Over", "defense", U()),
+	K("defense-3-4", "3-4", "defense", Nn()),
+	K("defense-nickel", "Nickel", "defense", G(W)),
+	K("defense-dime", "Dime", "defense", Fn()),
+	K("defense-4-2-5", "4-2-5", "defense", In()),
+	K("defense-3-3-5", "3-3-5", "defense", Ln())
+]);
+function zn(e) {
+	return Rn.find((t) => t.id === e);
+}
+// src/common/geometry/line-decoration.ts
+var Bn = .9;
+function Vn(e) {
+	let t = e.at(-1);
+	if (t !== void 0) for (let n = e.length - 2; n >= 0; n--) {
+		let r = e[n];
+		if (r !== void 0 && (r.x !== t.x || r.y !== t.y)) {
+			let e = t.x - r.x, n = t.y - r.y, i = Math.hypot(e, n);
+			return {
+				tip: t,
+				ux: e / i,
+				uy: n / i
+			};
+		}
+	}
+}
+function Hn(e, t) {
+	return Ht(e, t, Bn);
+}
+function Un(e, t, n) {
+	let r = Vn(e);
+	if (r === void 0) return;
+	let { tip: i, ux: a, uy: o } = r, s = i.x - t * a, c = i.y - t * o;
+	return [
+		i,
+		{
+			x: s - n * o,
+			y: c + n * a
+		},
+		{
+			x: s + n * o,
+			y: c - n * a
+		}
+	];
+}
+function Wn(e, t) {
+	let n = Vn(e);
+	if (n === void 0) return;
+	let { tip: r, ux: i, uy: a } = n, o = t / 2;
+	return [{
+		x: r.x + o * a,
+		y: r.y - o * i
+	}, {
+		x: r.x - o * a,
+		y: r.y + o * i
+	}];
+}
+// src/common/geometry/player-marker.ts
+var Gn = .82;
+function Kn(e, t) {
+	switch (e) {
+		case "circle": return {
+			kind: "circle",
+			radius: t * Gn
+		};
+		case "square": return {
+			kind: "square",
+			halfSide: t / Math.SQRT2
+		};
+	}
+}
+// src/common/input/keymap.ts
+function qn(e) {
+	let t = e.metaKey || e.ctrlKey, n = e.key.toLowerCase();
+	return e.key === "Escape" ? "cancel-interaction" : e.key === "Enter" ? "commit-line" : t && n === "z" ? e.shiftKey ? "redo" : "undo" : t && n === "y" ? "redo" : null;
+}
+// src/common/plays/presets.ts
+function q(e, t, n, r, i, a) {
+	return {
+		id: e,
+		kind: t,
+		startPlayerId: n,
+		waypoints: r,
+		end: i,
+		interpolation: a
+	};
+}
+function J(e, t, n, r, i, a, o, s) {
+	return {
+		id: e,
+		name: t,
+		side: n,
+		category: r,
+		personnel: i,
+		summary: a,
+		data: {
+			version: 2,
+			field: v("middle"),
+			players: o,
+			lines: s
+		}
+	};
+}
+var Jn = {
+	cornerDepth: 5,
+	fs: E(18, 12),
+	ss: E(35, 12)
+}, Y = {
+	cornerDepth: 7,
+	fs: E(26.5, 12),
+	ss: E(34, 6)
+}, Yn = /* @__PURE__ */ Le([
+	J("play-inside-zone", "Inside Zone", "offense", "run-zone", "11 pers", "ゾーンブロックで内側を一気に。RB は RG の内側を狙い、3 テクの動きで B ギャップか裏の A ギャップへ切る。", [
+		...L(),
+		D("y", "Y", E(34.5, -1), "square"),
+		D("qb", "QB", E(26.5, -5)),
+		D("rb", "RB", E(24, -5)),
+		D("x", "X", E(6, -1)),
+		D("h", "H", E(40, -2)),
+		D("z", "Z", E(47, -1)),
+		...U()
+	], [
+		q("bl-lt", "block", "lt", [], O(j.eL), "straight"),
+		q("bl-lg", "block", "lg", [], O(j.n), "straight"),
+		q("bl-c", "block", "c", [k(j.n, 1)], O(P.m), "bezier"),
+		q("bl-rg", "block", "rg", [], O(j.t), "straight"),
+		q("bl-rt", "block", "rt", [k(j.t, 1.5)], O(P.s), "bezier"),
+		q("bl-y", "block", "y", [], O(M), "straight"),
+		q("run-rb", "route", "rb", [E(27.5, -2)], E(28, 3.5), "bezier")
+	]),
+	J("play-outside-zone", "Outside Zone", "offense", "run-zone", "11 pers", "ワイドゾーンで横へ伸ばす。RB は TE の外側を狙い、E と S の動きで外へ出るか縦に切り返す。", [...V(), ...U()], [
+		q("bl-lt", "block", "lt", [], O(j.eL), "straight"),
+		q("bl-lg", "block", "lg", [], O(j.n), "straight"),
+		q("bl-c", "block", "c", [k(j.n, 1)], O(P.m, .5), "bezier"),
+		q("bl-rg", "block", "rg", [], O(j.t, .5), "straight"),
+		q("bl-rt", "block", "rt", [k(j.t, 1.5)], O(P.s, .5), "bezier"),
+		q("bl-y", "block", "y", [], O(M, .5), "straight"),
+		q("run-rb", "route", "rb", [E(31, -5), E(35.5, -2)], E(37.5, 3), "bezier")
+	]),
+	J("play-power", "Power", "offense", "run-gap", "21 pers", "プレイサイドはダウンブロック、FB が 9 テクの E をキックアウト、バックサイドガードがプルして C ギャップをリードする。", [...B(), ...U()], [
+		q("bl-y", "block", "y", [], O(P.s), "straight"),
+		q("bl-rt", "block", "rt", [], O(j.t, .5), "straight"),
+		q("bl-rg", "block", "rg", [k(j.t, -1.5)], O(P.m), "bezier"),
+		q("bl-c", "block", "c", [], O(j.n), "straight"),
+		q("bl-lt", "block", "lt", [], O(j.eL), "straight"),
+		q("lead-fb", "block", "fb", [E(31, -3.5), E(33.5, -.5)], O(M, -.5), "bezier"),
+		q("pull-lg", "block", "lg", [
+			E(25, -4),
+			E(31, -4),
+			E(32.5, -2),
+			E(32.5, 1)
+		], E(31.5, 3.5), "bezier"),
+		q("run-rb", "route", "rb", [E(30, -6), E(33, -3)], E(33.5, 4), "bezier")
+	]),
+	J("play-counter", "Counter (GT)", "offense", "run-gap", "21 pers", "バックサイドのガードが 9 テクの E をキックアウト、タックルが C ギャップへ巻き込み、FB がタックルの跡を埋める（GT カウンター）。", [...B(), ...U()], [
+		q("bl-y", "block", "y", [], O(P.s), "straight"),
+		q("bl-rt", "block", "rt", [], O(j.t, .5), "straight"),
+		q("bl-rg", "block", "rg", [k(j.t, -1.5)], O(P.m), "bezier"),
+		q("bl-c", "block", "c", [], O(j.n), "straight"),
+		q("pull-lg", "block", "lg", [
+			E(25, -4),
+			E(32, -4),
+			E(33.5, -.5)
+		], O(M, -.5), "straight"),
+		q("pull-lt", "block", "lt", [
+			E(23, -5),
+			E(31, -5),
+			E(32.5, -2),
+			E(32.5, 1)
+		], E(31.5, 3.5), "straight"),
+		q("fill-fb", "block", "fb", [E(24, -3), E(22.5, -.5)], O(j.eL, 1), "bezier"),
+		q("run-rb", "route", "rb", [
+			E(24, -7.5),
+			E(30, -6.5),
+			E(33, -3)
+		], E(33.5, 4), "bezier")
+	]),
+	J("play-four-verticals", "Four Verticals", "offense", "pass-deep", "10 pers", "トリップスから 4 本の縦。対シングルハイのシームで勝負する。", [...kn(), ...G(Y, M)], [
+		q("go-x", "route", "x", [E(4, 4)], E(4, 13), "straight"),
+		q("seam-y", "route", "y", [E(33, 5)], E(31, 13), "bezier"),
+		q("seam-h", "route", "h", [E(40, 5)], E(38, 13), "bezier"),
+		q("go-z", "route", "z", [E(49, 4)], E(49, 13), "straight"),
+		q("chk-rb", "route", "rb", [], E(20, -3), "straight")
+	]),
+	J("play-mesh", "Mesh", "offense", "pass-dropback", "10 pers", "浅いクロスの交差。対マン/ゾーン両対応で空いた所へ運ぶ。", [...H(), ...G(W)], [
+		q("cross-y", "route", "y", [E(20, 3.5)], E(38, 4), "straight"),
+		q("cross-h", "route", "h", [E(33, 3)], E(15, 3.5), "straight"),
+		q("corner-x", "route", "x", [E(5, 5)], E(2, 9), "bezier"),
+		q("sit-z", "route", "z", [], E(47, 5), "straight"),
+		q("swing-rb", "route", "rb", [E(33, -4)], E(41, -3), "straight")
+	]),
+	J("play-smash", "Smash", "offense", "pass-dropback", "11 pers", "コーナー＋ヒッチのハイロー。対カバー 2 のコーナーを攻める。", [...V(), ...G(Jn, M)], [
+		q("hitch-z", "route", "z", [], E(47, 3), "straight"),
+		q("corner-h", "route", "h", [E(41, 4)], E(46, 10), "bezier"),
+		q("dig-y", "route", "y", [E(34.5, 8)], E(27, 9), "straight"),
+		q("hitch-x", "route", "x", [], E(6, 3), "straight"),
+		q("flat-rb", "route", "rb", [], E(22, -4), "straight")
+	]),
+	J("play-stick", "Stick", "offense", "pass-quick", "11 pers", "3 ステップの速攻。スティック（座り）＋フラットで素早く配球する。", [...V(), ...G(W, M)], [
+		q("stick-y", "route", "y", [], E(34.5, 4), "straight"),
+		q("flat-h", "route", "h", [], E(45, 0), "straight"),
+		q("hitch-z", "route", "z", [], E(47, 3), "straight"),
+		q("slant-x", "route", "x", [E(6, 2)], E(10, 3), "bezier"),
+		q("chk-rb", "route", "rb", [], E(21, -5), "straight")
+	]),
+	J("play-rpo-bubble", "RPO (IZ + Bubble)", "offense", "rpo", "11 pers", "バブル側の W を読み、W がボックスに入ればバブル、残ればインサイドゾーンへ分岐する。", [...H(), ...G(W)], [
+		q("bl-lt", "block", "lt", [], O(j.eL), "straight"),
+		q("bl-lg", "block", "lg", [k(j.n, -1)], O(F.m), "bezier"),
+		q("bl-c", "block", "c", [], O(j.n), "straight"),
+		q("bl-rg", "block", "rg", [], O(j.t), "straight"),
+		q("bl-rt", "block", "rt", [], O(j.eR), "straight"),
+		q("run-rb", "route", "rb", [E(26, -2.5)], E(23, 3), "straight"),
+		q("bubble-h", "route", "h", [E(43, -3)], E(46, -.5), "bezier"),
+		q("bl-z", "block", "z", [], O(I(W.cornerDepth).right), "straight"),
+		q("glance-y", "route", "y", [E(15, 1)], E(19, 3), "bezier")
+	]),
+	J("play-pa-boot", "PA Boot (Sail)", "offense", "pa", "11 pers", "プレイアクションで QB がブートし、フラット/セイル/縦の 3 段で攻める。", [...V(), ...U()], [
+		q("fake-rb", "motion", "rb", [E(24, -6)], E(20.5, -4.5), "straight"),
+		q("boot-qb", "route", "qb", [E(31, -4)], E(36.5, -5), "bezier"),
+		q("bl-lt", "block", "lt", [], O(j.eL), "straight"),
+		q("bl-c", "block", "c", [], O(j.n), "straight"),
+		q("bl-rg", "block", "rg", [], O(j.t), "straight"),
+		q("flat-y", "route", "y", [E(37, -.5)], E(43, .5), "bezier"),
+		q("sail-h", "route", "h", [E(41, 3)], E(46, 8), "bezier"),
+		q("go-z", "route", "z", [E(49, 3)], E(49, 13), "straight"),
+		q("comeback-x", "route", "x", [E(5, 9)], E(7.5, 7.5), "bezier")
+	]),
+	J("play-cover-1", "Cover 1 (Man Free)", "defense", "coverage", "Nickel", "1 ディープのフリーセイフティを残し、残りは全マン。W は穴（ラット）で待つ。", [...G({
+		cornerDepth: 6,
+		fs: E(26.5, 11),
+		ss: E(38, 6)
+	}), ...H()], [
+		q("man-cbl", "motion", "cb-l", [], E(5.5, .5), "straight"),
+		q("man-cbr", "motion", "cb-r", [], E(47.5, .5), "straight"),
+		q("man-nb", "motion", "nb", [], E(13, -.5), "straight"),
+		q("man-ss", "motion", "ss", [], E(40, -.5), "straight"),
+		q("man-mlb", "motion", "mlb", [E(27.5, 2.5), E(27.5, -2.5)], E(29, -3.5), "straight"),
+		q("rat-wlb", "motion", "wlb", [], E(27.5, 3.5), "straight"),
+		q("free-fs", "motion", "fs", [], E(26.5, 13), "straight")
+	]),
+	J("play-cover-2", "Cover 2", "defense", "coverage", "Nickel", "2 ディープ 5 アンダーのゾーン。深いハーフを 2 人で分け、CB はフラットに座る。", [...G({
+		cornerDepth: 5,
+		fs: E(15, 11),
+		ss: E(38, 11)
+	}), ...H()], [
+		q("half-fs", "motion", "fs", [], E(13, 14), "straight"),
+		q("half-ss", "motion", "ss", [], E(40, 14), "straight"),
+		q("flat-cbl", "motion", "cb-l", [], E(9.5, 4), "straight"),
+		q("flat-cbr", "motion", "cb-r", [], E(43.5, 4), "straight"),
+		q("hook-mlb", "motion", "mlb", [], E(21.5, 10), "straight"),
+		q("hook-wlb", "motion", "wlb", [], E(32.5, 10), "straight"),
+		q("curl-nb", "motion", "nb", [], E(16, 9), "straight")
+	]),
+	J("play-cover-3", "Cover 3", "defense", "coverage", "Nickel", "3 ディープ 4 アンダー。現代の基準となるシングルハイのゾーン。", [...G(Y), ...H()], [
+		q("deep-cbl", "motion", "cb-l", [], E(7, 13), "straight"),
+		q("deep-cbr", "motion", "cb-r", [], E(46, 13), "straight"),
+		q("deep-fs", "motion", "fs", [], E(26.5, 14), "straight"),
+		q("curl-nb", "motion", "nb", [], E(15.5, 9), "straight"),
+		q("hook-mlb", "motion", "mlb", [], E(22, 10), "straight"),
+		q("hook-wlb", "motion", "wlb", [], E(31, 10), "straight"),
+		q("flat-ss", "motion", "ss", [], E(39, 4), "straight")
+	]),
+	J("play-cover-4", "Cover 4 (Quarters)", "defense", "coverage", "Nickel", "4 ディープのクォーターズ。縦パスを上から踏み潰す。", [...G({
+		cornerDepth: 7,
+		fs: E(20, 11),
+		ss: E(33, 11)
+	}), ...H()], [
+		q("qtr-cbl", "motion", "cb-l", [], E(6, 13), "straight"),
+		q("qtr-cbr", "motion", "cb-r", [], E(47, 13), "straight"),
+		q("qtr-fs", "motion", "fs", [], E(18, 14), "straight"),
+		q("qtr-ss", "motion", "ss", [], E(35, 14), "straight"),
+		q("under-nb", "motion", "nb", [], E(16, 8), "straight"),
+		q("under-mlb", "motion", "mlb", [], E(23, 9), "straight"),
+		q("under-wlb", "motion", "wlb", [], E(31, 9), "straight")
+	]),
+	J("play-fire-zone", "Fire Zone", "defense", "pressure", "Nickel", "5 人ブリッツ＋ライン 1 枚をドロップ、3 ディープ 3 アンダーで覆う。", [...G(Y), ...H()], [
+		q("rush-dtl", "route", "dt-l", [], E(25, 0), "straight"),
+		q("rush-dtr", "route", "dt-r", [], E(28.5, 0), "straight"),
+		q("rush-der", "route", "de-r", [], E(33, 0), "straight"),
+		q("blz-wlb", "route", "wlb", [E(31.5, 2.5)], E(31, 0), "bezier"),
+		q("blz-nb", "route", "nb", [E(17, 2.5)], E(20, 0), "bezier"),
+		q("drop-del", "motion", "de-l", [E(19, 4)], E(17, 7), "straight"),
+		q("deep-cbl", "motion", "cb-l", [], E(7, 13), "straight"),
+		q("deep-cbr", "motion", "cb-r", [], E(46, 13), "straight"),
+		q("deep-fs", "motion", "fs", [], E(26.5, 14), "straight"),
+		q("hook-mlb", "motion", "mlb", [], E(23, 9), "straight"),
+		q("flat-ss", "motion", "ss", [], E(39, 4), "straight")
+	]),
+	J("play-cover-0", "Cover 0 Blitz", "defense", "pressure", "Nickel", "セイフティを残さず全マン、6 人で最大限の圧力をかける。FS が RB をマンで受け持つ。", [...G({
+		cornerDepth: 5,
+		fs: E(22, 9),
+		ss: E(31, 9)
+	}), ...H()], [
+		q("rush-del", "route", "de-l", [], E(20, 0), "straight"),
+		q("rush-dtl", "route", "dt-l", [], E(25, 0), "straight"),
+		q("rush-dtr", "route", "dt-r", [], E(30.5, 0), "straight"),
+		q("rush-der", "route", "de-r", [], E(33, 0), "straight"),
+		q("blz-mlb", "route", "mlb", [E(27, 2.5)], E(27.5, 0), "bezier"),
+		q("blz-wlb", "route", "wlb", [E(31.5, 2.5)], E(31, 0), "bezier"),
+		q("man-cbl", "motion", "cb-l", [], E(5.5, .5), "straight"),
+		q("man-cbr", "motion", "cb-r", [], E(47.5, .5), "straight"),
+		q("man-nb", "motion", "nb", [], E(13, -.5), "straight"),
+		q("man-fs", "motion", "fs", [E(22, 2.5), E(23, -2.5)], E(28, -4), "straight"),
+		q("man-ss", "motion", "ss", [E(37, 4)], E(39.5, -.5), "straight")
+	]),
+	J("play-double-a", "Double-A Gap", "defense", "pressure", "Nickel", "両 A ギャップに 2 人を提示。実行・シム（見せ）どちらにも化ける。", [
+		D("de-l", "E", j.eL),
+		D("dt-l", "T", E(23, 1.5)),
+		D("dt-r", "T", j.t),
+		D("de-r", "E", j.eR),
+		D("mlb", "M", E(25.5, 3)),
+		D("wlb", "W", E(27.5, 3)),
+		D("nb", "NB", F.nb),
+		D("cb-l", "CB", I(7).left),
+		D("cb-r", "CB", I(7).right),
+		D("fs", "FS", Y.fs),
+		D("ss", "SS", Y.ss),
+		...H()
+	], [
+		q("aim-mlb", "route", "mlb", [], E(25.5, .5), "straight"),
+		q("aim-wlb", "route", "wlb", [], E(27.5, .5), "straight"),
+		q("rush-del", "route", "de-l", [], E(20, 0), "straight"),
+		q("rush-dtl", "route", "dt-l", [], E(22.5, 0), "straight"),
+		q("rush-dtr", "route", "dt-r", [], E(30.5, 0), "straight"),
+		q("rush-der", "route", "de-r", [], E(33, 0), "straight"),
+		q("bail-cbl", "motion", "cb-l", [], E(7, 12), "straight"),
+		q("bail-cbr", "motion", "cb-r", [], E(46, 12), "straight"),
+		q("deep-fs", "motion", "fs", [], E(26.5, 14), "straight"),
+		q("curl-nb", "motion", "nb", [], E(15.5, 9), "straight"),
+		q("flat-ss", "motion", "ss", [], E(39, 4), "straight")
+	]),
+	J("play-cover-6", "Cover 6", "defense", "coverage", "Nickel", "クォーター×2＋ハーフの分割カバー。フィールドはクォーターズ、バウンダリは 2。", [
+		...Pn(),
+		D("nb", "NB", E(39, 5)),
+		D("cb-l", "CB", I(5).left),
+		D("cb-r", "CB", I(7).right),
+		D("fs", "FS", E(15, 11)),
+		D("ss", "SS", E(35, 10)),
+		...H()
+	], [
+		q("flat-cbl", "motion", "cb-l", [], E(10, 4), "straight"),
+		q("half-fs", "motion", "fs", [], E(12, 14), "straight"),
+		q("qtr-cbr", "motion", "cb-r", [], E(47, 13), "straight"),
+		q("qtr-ss", "motion", "ss", [], E(38, 14), "straight"),
+		q("curl-nb", "motion", "nb", [], E(41, 9), "straight"),
+		q("hook-mlb", "motion", "mlb", [], E(22, 10), "straight"),
+		q("hook-wlb", "motion", "wlb", [], E(31, 10), "straight")
+	])
+]);
+function Xn(e) {
+	return Yn.find((t) => t.id === e);
+}
+// src/browser/input/pointer-input.ts
+function Zn(e) {
+	return e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement;
+}
+var Qn = class extends n {
+	constructor(t, n, r) {
+		super();
+		let i = n.canvas;
+		i.tabIndex = 0;
+		let a = (e) => n.clientToYard(e.clientX, e.clientY), o = null, s = (e) => {
+			e.button === 0 && e.isPrimary && (o = e.pointerId, i.focus({ preventScroll: !0 }), i.setPointerCapture(e.pointerId), r.pointerDown(a(e)));
+		}, c = (e) => {
+			e.isPrimary && r.pointerMove(a(e));
+		}, l = (e) => e.pointerId === o && (o = null, !0), u = (e) => {
+			l(e) && r.pointerUp(a(e));
+		}, d = (e) => {
+			l(e) && !r.getViewState().isDrawing && r.cancelInteraction();
+		}, f = () => r.commitLine(), p = (e) => {
+			if (!Zn(e.target)) switch (qn(e)) {
+				case "cancel-interaction":
+					r.cancelInteraction();
+					return;
+				case "commit-line":
+					e.target instanceof HTMLButtonElement || r.commitLine();
+					return;
+				case "undo":
+					e.preventDefault(), r.undo();
+					return;
+				case "redo":
+					e.preventDefault(), r.redo();
+					return;
+				case null: return;
+			}
+		}, m = new AbortController(), { signal: h } = m;
+		i.addEventListener("pointerdown", s, { signal: h }), i.addEventListener("pointermove", c, { signal: h }), i.addEventListener("pointerup", u, { signal: h }), i.addEventListener("pointercancel", d, { signal: h }), i.addEventListener("lostpointercapture", d, { signal: h }), i.addEventListener("dblclick", f, { signal: h }), t.addEventListener("keydown", p, { signal: h }), this._register(e(() => {
+			m.abort(), i.removeAttribute("tabindex");
+		}));
+	}
+}, $n = "data:font/woff2;base64,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", er = "Playmaker Saira", tr = `"${er}", sans-serif`;
+function nr(e) {
+	return `700 ${e}px ${tr}`;
+}
+// src/browser/theme/field-font-face.ts
+var rr;
+function ir() {
+	return rr ??= ar(), rr;
+}
+async function ar() {
+	try {
+		let e = new FontFace(er, `url("${$n}")`, { weight: "700" });
+		document.fonts.add(e), await e.load();
+	} catch {}
+}
+// src/browser/theme/css-color.ts
+var or = { status: "unresolved" };
+function sr() {
+	if (or.status === "unresolved") {
+		let e = document.createElement("canvas").getContext("2d");
+		or = e === null ? { status: "unavailable" } : {
+			status: "ready",
+			ctx: e
+		};
+	}
+	return or;
+}
+function cr(e) {
+	let t = sr();
+	if (t.status !== "ready") return e;
+	let { ctx: n } = t;
+	n.fillStyle = "#000000", n.fillStyle = e;
+	let r = n.fillStyle;
+	return n.fillStyle = "#ffffff", n.fillStyle = e, typeof r == "string" && n.fillStyle === r ? r : void 0;
+}
+// src/browser/theme/tokens.ts
+var lr = "#ffffff", X = "#212121", ur = "#d32f2f", dr = "#1976d2", fr = "#388e3c", pr = "#ff9800", mr = "#f5f5f5", hr = "#eeeeee", gr = "#bdbdbd", _r = "#9e9e9e", vr = {
+	fieldGrass: {
+		property: "--playmaker-field-grass",
+		fallback: lr
+	},
+	fieldOob: {
+		property: "--playmaker-field-oob",
+		fallback: hr
+	},
+	fieldEndzone: {
+		property: "--playmaker-field-endzone",
+		fallback: mr
+	},
+	fieldLine: {
+		property: "--playmaker-field-line",
+		fallback: _r
+	},
+	fieldNumber: {
+		property: "--playmaker-field-number",
+		fallback: gr
+	},
+	fieldGoalLine: {
+		property: "--playmaker-field-goal-line",
+		fallback: "#616161"
+	},
+	fieldPylon: {
+		property: "--playmaker-field-pylon",
+		fallback: _r
+	},
+	fieldGoalpost: {
+		property: "--playmaker-field-goalpost",
+		fallback: _r
+	},
+	fieldGrid: {
+		property: "--playmaker-field-grid",
+		fallback: "rgba(0, 0, 0, 0.1)"
+	},
+	playerColor: {
+		property: "--playmaker-player-color",
+		fallback: X
+	},
+	playerLabel: {
+		property: "--playmaker-player-label",
+		fallback: lr
+	},
+	lineRoute: {
+		property: "--playmaker-line-route",
+		fallback: X
+	},
+	lineBlock: {
+		property: "--playmaker-line-block",
+		fallback: X
+	},
+	lineMotion: {
+		property: "--playmaker-line-motion",
+		fallback: X
+	},
+	swatch1: {
+		property: "--playmaker-swatch-1",
+		fallback: X
+	},
+	swatch2: {
+		property: "--playmaker-swatch-2",
+		fallback: ur
+	},
+	swatch3: {
+		property: "--playmaker-swatch-3",
+		fallback: dr
+	},
+	swatch4: {
+		property: "--playmaker-swatch-4",
+		fallback: fr
+	},
+	selection: {
+		property: "--playmaker-selection",
+		fallback: pr
+	},
+	selectionOutline: {
+		property: "--playmaker-selection-outline",
+		fallback: lr
+	}
+};
+function yr(e) {
+	return (t) => {
+		let { property: n, fallback: r } = vr[t], i = e(n).trim();
+		return i === "" ? r : i;
+	};
+}
+// src/browser/theme/theme-reader.ts
+function Z(e) {
+	let t = getComputedStyle(e), n = /* @__PURE__ */ new Map();
+	for (let { property: e } of Object.values(vr)) n.set(e, cr(t.getPropertyValue(e).trim()) ?? "");
+	return yr((e) => n.get(e) ?? "");
+}
+// src/browser/rendering/field-renderer.ts
+var br = .8, xr = .3, Sr = 2.5, Cr = 6, wr = .18;
+function Tr(e) {
+	return {
+		fieldColor: e("fieldGrass"),
+		oobColor: e("fieldOob"),
+		endzoneColor: e("fieldEndzone"),
+		lineColor: e("fieldLine"),
+		goalLineColor: e("fieldGoalLine"),
+		numberColor: e("fieldNumber"),
+		pylonColor: e("fieldPylon"),
+		goalpostColor: e("fieldGoalpost")
+	};
+}
+var Er = class {
+	draw(e, t) {
+		let { geometry: n, metrics: r } = t, i = Tr(t.theme), { viewportWidth: a, viewportHeight: o, yardWindow: s } = n, c = {
+			left: n.xForLateralYard(0),
+			right: n.xForLateralYard(53),
+			top: n.yForAbsoluteYard(s.endYard),
+			bottom: n.yForAbsoluteYard(s.startYard)
+		};
+		e.fillStyle = i.oobColor, e.fillRect(0, 0, a, o), e.fillStyle = i.fieldColor, e.fillRect(c.left, c.top, c.right - c.left, c.bottom - c.top), this.drawEndZones(e, n, c, i), this.drawHashes(e, n, c, r, i), this.drawYardLines(e, n, c, r, i), this.drawNumbers(e, n, r, i), this.drawEndZoneMarkers(e, n, c, r, i);
+	}
+	drawEndZones(e, t, { left: n, right: r }, i) {
+		let { startYard: a, endYard: o } = t.yardWindow;
+		if (e.fillStyle = i.endzoneColor, a < 0) {
+			let i = t.yForAbsoluteYard(0), o = t.yForAbsoluteYard(a);
+			e.fillRect(n, i, r - n, o - i);
+		}
+		if (o > 100) {
+			let i = t.yForAbsoluteYard(o), a = t.yForAbsoluteYard(100);
+			e.fillRect(n, i, r - n, a - i);
+		}
+	}
+	drawHashes(e, t, { left: n, right: r }, i, a) {
+		let o = Nt[Pt], s = 53 / 2, c = t.xForLateralYard(s - o), l = t.xForLateralYard(s + o), u = i.hashTickLength, d = u / 2;
+		e.strokeStyle = a.lineColor, e.lineWidth = i.yardLineWidth, e.beginPath();
+		for (let i of w(t.zone, 1)) {
+			if (i < 0 || i > 100 || i % 5 == 0) continue;
+			let a = t.yForAbsoluteYard(i);
+			e.moveTo(n, a), e.lineTo(n + u, a), e.moveTo(r - u, a), e.lineTo(r, a), e.moveTo(c - d, a), e.lineTo(c + d, a), e.moveTo(l - d, a), e.lineTo(l + d, a);
+		}
+		e.stroke();
+	}
+	drawYardLines(e, t, { left: n, right: r, top: i, bottom: a }, o, s) {
+		let c = new Path2D(), l = new Path2D(), u = new Path2D();
+		for (let e of w(t.zone, 5)) {
+			if (e < 0 || e > 100) continue;
+			let i = t.yForAbsoluteYard(e), a = e === 0 || e === 100 ? c : e === 50 ? l : u;
+			a.moveTo(n, i), a.lineTo(r, i);
+		}
+		e.strokeStyle = s.lineColor, e.lineWidth = o.yardLineWidth, e.stroke(u), e.lineWidth = o.midfieldLineWidth, e.stroke(l), e.lineWidth = o.goalLineWidth, e.beginPath(), e.moveTo(n, i), e.lineTo(n, a), e.moveTo(r, i), e.lineTo(r, a), e.moveTo(n, i), e.lineTo(r, i), e.moveTo(n, a), e.lineTo(r, a), e.stroke(), e.strokeStyle = s.goalLineColor, e.lineWidth = o.goalLineWidth, e.stroke(c);
+	}
+	drawNumbers(e, t, n, r) {
+		let i = t.xForLateralYard(Cr), a = t.xForLateralYard(53 - Cr), o = xr * t.scale, s = br / 2;
+		e.font = nr(n.numberHeight), e.textBaseline = "middle", e.textAlign = "center";
+		let c = n.numberHeight * wr, l = (t, n, r, i) => {
+			let [a, o] = [...t];
+			e.save(), e.translate(n, r), e.rotate(i), t.length === 2 && a !== void 0 && o !== void 0 ? (e.fillText(a, -c / 2 - e.measureText(a).width / 2, 0), e.fillText(o, c / 2 + e.measureText(o).width / 2, 0)) : e.fillText(t, 0, 0), e.restore();
+		}, u = (t, n, r) => {
+			e.beginPath(), e.moveTo(t, n), e.lineTo(t - o, r), e.lineTo(t + o, r), e.closePath(), e.fill();
+		};
+		for (let n of w(t.zone, 10)) {
+			let o = Rt(n);
+			if (o === null) continue;
+			let c = t.yForAbsoluteYard(n);
+			if (e.fillStyle = r.numberColor, l(String(o), i, c, Math.PI / 2), l(String(o), a, c, -Math.PI / 2), n === 50) continue;
+			let d = n < 50 ? -1 : 1, f = n + d * Sr, p = t.yForAbsoluteYard(f + d * s), m = t.yForAbsoluteYard(f - d * s);
+			e.fillStyle = r.lineColor, u(i, p, m), u(a, p, m);
+		}
+	}
+	drawEndZoneMarkers(e, t, { left: n, right: r }, i, a) {
+		let { startYard: o, endYard: s } = t.yardWindow, c = i.pylonSize, l = (t, n) => {
+			e.fillStyle = a.pylonColor, e.fillRect(t - c / 2, n - c / 2, c, c);
+		};
+		if (o < 0) {
+			let s = t.yForAbsoluteYard(0), c = t.yForAbsoluteYard(o);
+			l(n, s), l(r, s), l(n, c), l(r, c), this.drawGoalpost(e, t, c, "toward-top", i, a);
+		}
+		if (s > 100) {
+			let o = t.yForAbsoluteYard(100), c = t.yForAbsoluteYard(s);
+			l(n, o), l(r, o), l(n, c), l(r, c), this.drawGoalpost(e, t, c, "toward-bottom", i, a);
+		}
+	}
+	drawGoalpost(e, t, n, r, i, a) {
+		let o = t.xForLateralYard(53 / 2), s = i.goalpostCrossbarHalfLength, c = i.goalpostUprightLength, l = r === "toward-top" ? -1 : 1;
+		e.save(), e.strokeStyle = a.goalpostColor, e.lineWidth = i.goalpostStroke, e.lineCap = "round", e.beginPath(), e.moveTo(o - s, n), e.lineTo(o + s, n), e.moveTo(o - s, n), e.lineTo(o - s, n + l * c), e.moveTo(o + s, n), e.lineTo(o + s, n + l * c), e.stroke(), e.restore();
+	}
+}, Dr = class {
+	cached;
+	draw(e, t) {
+		let { geometry: n, metrics: r } = t, i = [
+			n.zone,
+			n.offsetX,
+			n.offsetY,
+			n.scale,
+			r.gridDotRadius
+		].join(":");
+		this.cached?.key !== i && (this.cached = {
+			key: i,
+			dots: Or(n, r.gridDotRadius)
+		}), e.fillStyle = t.theme("fieldGrid"), e.fill(this.cached.dots);
+	}
+};
+function Or(e, t) {
+	let n = new Path2D(), i = 2 * t;
+	for (let a of w(e.zone, r)) {
+		let { startYard: o, endYard: s } = e.yardWindow;
+		if (a >= 0 && a <= 100 && a % 5 == 0 || a === o || a === s) continue;
+		let c = e.yForAbsoluteYard(a);
+		for (let a = r; a < 53; a += r) n.rect(e.xForLateralYard(a) - t, c - t, i, i);
+	}
+	return n;
+}
+// src/browser/rendering/line-renderer.ts
+var kr = {
+	route: "lineRoute",
+	block: "lineBlock",
+	motion: "lineMotion"
+}, Ar = class {
+	draw(e, t) {
+		let { geometry: n, metrics: r } = t, { lines: i, players: a } = t.scene;
+		if (n.scale <= 0 || i.length === 0) return;
+		let o = $e(a);
+		for (let a of i) {
+			let i = Qe(a, o);
+			if (i === void 0) continue;
+			let s = Kt(i, a.interpolation).map((e) => n.toCanvas(e));
+			if (s.length < 2) continue;
+			let c = a.color ?? t.theme(kr[a.kind]), l = this.widthFor(a.kind, r) * (a.thickness ?? 1), u = a.kind === "block";
+			e.save(), e.strokeStyle = c, e.lineWidth = l, e.lineJoin = "round", e.lineCap = "round", a.kind === "motion" && e.setLineDash([...r.motionDash]);
+			let d = u ? s : Hn(s, r.arrowLength);
+			e.beginPath();
+			for (let t of d) e.lineTo(t.x, t.y);
+			e.stroke(), e.setLineDash([]), u ? this.drawBlockCap(e, s, c, r, l) : this.drawArrowHead(e, s, c, r), e.restore();
+		}
+	}
+	widthFor(e, t) {
+		return e === "block" ? t.blockWidth : t.routeWidth;
+	}
+	drawArrowHead(e, t, n, r) {
+		let i = Un(t, r.arrowLength, r.arrowHalfWidth);
+		if (i === void 0) return;
+		let [a, o, s] = i;
+		e.beginPath(), e.moveTo(a.x, a.y), e.lineTo(o.x, o.y), e.lineTo(s.x, s.y), e.closePath(), e.fillStyle = n, e.fill();
+	}
+	drawBlockCap(e, t, n, r, i) {
+		let a = Wn(t, r.blockCapLength);
+		if (a === void 0) return;
+		let [o, s] = a;
+		e.beginPath(), e.strokeStyle = n, e.lineWidth = i * 1.2, e.lineCap = "round", e.moveTo(o.x, o.y), e.lineTo(s.x, s.y), e.stroke();
+	}
+}, jr = class {
+	draw(e, t) {
+		let { overlay: n } = t;
+		switch (n.kind) {
+			case "none": return;
+			case "player":
+				Mr(e, t, n.playerId);
+				return;
+			case "line":
+				Nr(e, t, n);
+				return;
+		}
+	}
+};
+function Mr(e, t, n) {
+	let r = t.scene.players.find((e) => e.id === n);
+	if (r === void 0) return;
+	let { x: i, y: a } = t.geometry.toCanvas(r.position), o = m * t.geometry.scale + 4;
+	e.beginPath(), e.arc(i, a, o, 0, Math.PI * 2), e.strokeStyle = t.theme("selection"), e.lineWidth = 2, e.stroke();
+}
+function Nr(e, t, n) {
+	let { geometry: r } = t, i = t.theme("selection"), a = t.theme("selectionOutline"), o = Math.max(3, .45 * Qt * r.scale), s = () => {
+		e.fillStyle = i, e.fill(), e.lineWidth = 1.5, e.strokeStyle = a, e.stroke();
+	};
+	for (let t of n.waypointHandles) {
+		let { x: n, y: i } = r.toCanvas(t);
+		e.beginPath(), e.rect(n - o, i - o, o * 2, o * 2), s();
+	}
+	let { x: c, y: l } = r.toCanvas(n.endpointHandle);
+	e.beginPath(), e.arc(c, l, o + 1, 0, Math.PI * 2), s();
+}
+// src/browser/rendering/player-renderer.ts
+var Pr = class {
+	draw(e, t) {
+		let { geometry: n, metrics: r } = t, { players: i } = t.scene, a = t.theme("playerColor"), o = t.theme("fieldGrass"), s = t.theme("playerLabel"), c = m * n.scale;
+		if (c <= 0) return;
+		let l = r.markerLabelFont;
+		for (let t of i) {
+			let i = n.toCanvas(t.position), u = t.color ?? a, d = (t.fill ?? "outline") === "solid";
+			e.beginPath();
+			let f = Kn(t.shape, c);
+			if (f.kind === "circle") e.arc(i.x, i.y, f.radius, 0, Math.PI * 2);
+			else {
+				let { halfSide: t } = f;
+				e.rect(i.x - t, i.y - t, t * 2, t * 2);
+			}
+			if (e.fillStyle = d ? u : o, e.fill(), e.lineWidth = r.markerStroke, e.strokeStyle = u, e.stroke(), t.label !== "") {
+				e.fillStyle = d ? s : u, e.font = nr(l), e.textAlign = "center", e.textBaseline = "alphabetic";
+				let n = e.measureText(t.label), r = i.y + (n.actualBoundingBoxAscent - n.actualBoundingBoxDescent) / 2;
+				e.fillText(t.label, i.x, r);
+			}
+		}
+	}
+};
+// src/browser/rendering/layer.ts
+function Fr() {
+	return {
+		field: [new Er()],
+		backdrop: [new Dr()],
+		play: [new Ar(), new Pr()],
+		editor: [new jr()]
+	};
+}
+function Q(e, t, n) {
+	for (let r of n) e.save(), r.draw(e, t), e.restore();
+}
+// src/browser/rendering/canvas-surface.ts
+var Ir = class extends n {
+	canvas;
+	ctx;
+	layers;
+	scene;
+	overlay;
+	frameRequest;
+	dpr = 0;
+	lifetime = new AbortController();
+	constructor(t, n, r, i = Fr()) {
+		super(), this.scene = n, this.overlay = r, this.layers = i, this.canvas = document.createElement("canvas"), this.canvas.className = "playmaker-canvas", t.appendChild(this.canvas), this._register(e(() => this.canvas.remove()));
+		let a = this.canvas.getContext("2d");
+		if (!a) throw Error("Playmaker: 2D canvas context を取得できませんでした。");
+		this.ctx = a;
+		let o = new ResizeObserver(() => this.resize());
+		o.observe(t), this._register(e(() => {
+			o.disconnect(), this.lifetime.abort(), this.cancelFrame();
+		})), this.watchDevicePixelRatio(), this.redrawWhenFontLoads();
+	}
+	refresh() {
+		this.invalidate();
+	}
+	setScene(e, t) {
+		this.scene = e, this.overlay = t, this.invalidate();
+	}
+	clientToYard(e, t) {
+		let n = this.canvas.getBoundingClientRect();
+		return this.measure().fromCanvas({
+			x: e - n.left,
+			y: t - n.top
+		});
+	}
+	async exportToPngBlob(e, t) {
+		let { width: n, height: r } = Dn(e.field.zone, t), i = Z(this.host);
+		await ir();
+		let a = document.createElement("canvas");
+		a.width = n, a.height = r;
+		let o = a.getContext("2d");
+		if (!o) throw Error("Playmaker: エクスポート用 2D canvas context を取得できませんでした。");
+		let s = new zt(n, r, e.field);
+		return this.paint(o, this.frameFor(s, e, i), void 0), new Promise((e, t) => {
+			a.toBlob((n) => {
+				n ? e(n) : t(/* @__PURE__ */ Error("Playmaker: PNG への変換に失敗しました。"));
+			}, "image/png");
+		});
+	}
+	redrawWhenFontLoads() {
+		ir().then(() => {
+			this.isDisposed || this.invalidate();
+		});
+	}
+	resize() {
+		let e = window.devicePixelRatio || 1, { clientWidth: t, clientHeight: n } = this.host, r = Math.max(1, Math.round(t * e)), i = Math.max(1, Math.round(n * e));
+		(r !== this.canvas.width || i !== this.canvas.height || e !== this.dpr) && (this.dpr = e, this.canvas.width = r, this.canvas.height = i, this.ctx.setTransform(e, 0, 0, e, 0, 0), this.cancelFrame(), this.render());
+	}
+	watchDevicePixelRatio() {
+		window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`).addEventListener("change", () => {
+			this.resize(), this.watchDevicePixelRatio();
+		}, {
+			once: !0,
+			signal: this.lifetime.signal
+		});
+	}
+	invalidate() {
+		this.frameRequest === void 0 && this.dpr !== 0 && (this.frameRequest = requestAnimationFrame(() => {
+			this.frameRequest = void 0, this.render();
+		}));
+	}
+	cancelFrame() {
+		this.frameRequest !== void 0 && (cancelAnimationFrame(this.frameRequest), this.frameRequest = void 0);
+	}
+	render() {
+		let e = this.frameFor(this.measure(), this.scene, Z(this.host));
+		this.paint(this.ctx, e, this.overlay);
+	}
+	paint(e, t, n) {
+		let r = n === void 0 ? void 0 : {
+			...t,
+			overlay: n
+		};
+		Q(e, t, this.layers.field), r !== void 0 && Q(e, r, this.layers.backdrop), Q(e, t, this.layers.play), r !== void 0 && Q(e, r, this.layers.editor);
+	}
+	frameFor(e, t, n) {
+		return {
+			geometry: e,
+			metrics: Oe(e.fieldPixelWidth, e.scale),
+			scene: t,
+			theme: n
+		};
+	}
+	measure() {
+		let { clientWidth: e, clientHeight: t } = this.host;
+		return new zt(e, t, this.scene.field);
+	}
+	get host() {
+		return this.canvas.parentElement ?? this.canvas;
+	}
+};
+// src/browser/ui/focus.ts
+function Lr(e, t, n) {
+	let r = e.ownerDocument, i = e.contains(r.activeElement);
+	n(), i && !e.contains(r.activeElement) && t.focus({ preventScroll: !0 });
+}
+// src/browser/theme/palette.ts
+var Rr = [
+	{
+		label: "黒",
+		token: "swatch1"
+	},
+	{
+		label: "赤",
+		token: "swatch2"
+	},
+	{
+		label: "青",
+		token: "swatch3"
+	},
+	{
+		label: "緑",
+		token: "swatch4"
+	}
+], zr = {
+	circle: "丸",
+	square: "四角"
+}, Br = {
+	outline: "枠線",
+	solid: "塗りつぶし"
+}, Vr = {
+	route: "ルート",
+	block: "ブロック",
+	motion: "モーション"
+}, Hr = {
+	straight: "直線",
+	bezier: "曲線"
+};
+function Ur({ name: e, color: t, fill: n }) {
+	let r = document.createElement("button");
+	return r.type = "button", r.className = "playmaker-panel__swatch", r.title = e, r.setAttribute("aria-label", e), n === "outline" ? (r.classList.add("playmaker-panel__swatch--outline"), r.style.borderColor = t) : r.style.backgroundColor = t, r;
+}
+var Wr = class extends n {
+	element;
+	controller;
+	focusFallback;
+	shown;
+	constructor(t, n, r) {
+		super(), this.controller = n, this.focusFallback = r, this.element = document.createElement("div"), this.element.className = "playmaker-panel", t.appendChild(this.element), this._register(e(() => this.element.remove())), this._register(n.onDidChangeViewState(() => this.sync())), this.sync();
+	}
+	refresh() {
+		this.shown = void 0, this.sync();
+	}
+	sync() {
+		let e = this.selectedItem(), t = this.shown;
+		e.kind === "player" && t?.kind === "player" && t.id === e.player.id ? t.update(e.player) : e.kind === "line" && t?.kind === "line" && t.id === e.line.id ? t.update(e.line) : (e.kind !== "none" || t?.kind !== "hint") && Lr(this.element, this.focusFallback, () => {
+			this.shown = this.rebuild(e);
+		});
+	}
+	selectedItem() {
+		let e = this.controller.getSelectedPlayer();
+		if (e !== void 0) return {
+			kind: "player",
+			player: e
+		};
+		let t = this.controller.getSelectedLine();
+		return t === void 0 ? { kind: "none" } : {
+			kind: "line",
+			line: t
+		};
+	}
+	rebuild(e) {
+		switch (this.element.replaceChildren(), e.kind) {
+			case "player": {
+				let t = this.addPlayerFields();
+				return t(e.player), {
+					kind: "player",
+					id: e.player.id,
+					update: t
+				};
+			}
+			case "line": {
+				let t = this.addLineFields();
+				return t(e.line), {
+					kind: "line",
+					id: e.line.id,
+					update: t
+				};
+			}
+			case "none": {
+				let e = document.createElement("p");
+				return e.className = "playmaker-panel__hint", e.textContent = "対象を選択するとプロパティを編集できます", this.element.appendChild(e), { kind: "hint" };
+			}
+		}
+	}
+	addPlayerFields() {
+		let e = this.controller;
+		this.addTitle("選手");
+		let t = this.addText({
+			label: "ラベル",
+			onChange: (t) => e.updateSelectedPlayer({ label: t })
+		}), n = this.addSelect("形状", d, zr, (t) => e.updateSelectedPlayer({ shape: t })), r = Z(this.element), i = p.flatMap((e) => Rr.map((t) => ({
+			name: `${t.label}の${Br[e]}`,
+			color: r(t.token),
+			fill: e
+		}))), a = this.addSwatches("色", i, {
+			onChange: ({ color: t, fill: n }) => e.updateSelectedPlayer({
+				color: t,
+				fill: n
+			}),
+			onReset: () => e.updateSelectedPlayer({
+				color: null,
+				fill: null
+			})
+		}), o = r("playerColor");
+		return (e) => {
+			t(e.label), n(e.shape);
+			let r = e.color === void 0 ? o : cr(e.color), i = e.fill ?? "outline";
+			a((e) => e.color === r && e.fill === i);
+		};
+	}
+	addLineFields() {
+		let e = this.controller;
+		this.addTitle("線");
+		let t = this.addSelect("種別", He, Vr, (t) => e.updateSelectedLine({ kind: t })), n = this.addSelect("補間", Ue, Hr, (t) => e.updateSelectedLine({ interpolation: t })), r = Z(this.element), i = Rr.map((e) => ({
+			name: e.label,
+			color: r(e.token),
+			fill: "solid"
+		})), a = this.addSwatches("色", i, {
+			onChange: ({ color: t }) => e.updateSelectedLine({ color: t }),
+			onReset: () => e.updateSelectedLine({ color: null })
+		}), o = this.addNumber({
+			label: "太さ",
+			onChange: (t) => e.updateSelectedLine({ thickness: t }),
+			onReset: () => e.updateSelectedLine({ thickness: null })
+		});
+		return (e) => {
+			t(e.kind), n(e.interpolation);
+			let r = e.color === void 0 ? void 0 : cr(e.color);
+			a((e) => e.color === r), o(e.thickness ?? 1);
+		};
+	}
+	addTitle(e) {
+		let t = document.createElement("h2");
+		t.className = "playmaker-panel__title", t.textContent = e, this.element.appendChild(t);
+	}
+	addRow(e, t, n) {
+		let r = document.createElement("label");
+		r.className = "playmaker-panel__label", r.append(this.createRowText(e), t), this.appendRow(e, [r], n);
+	}
+	addGroupRow(e, t, n) {
+		t.setAttribute("role", "group"), t.setAttribute("aria-label", e), this.appendRow(e, [this.createRowText(e), t], n);
+	}
+	createRowText(e) {
+		let t = document.createElement("span");
+		return t.className = "playmaker-panel__row-text", t.textContent = e, t;
+	}
+	appendRow(e, t, n) {
+		let r = document.createElement("div");
+		if (r.className = "playmaker-panel__row", r.append(...t), n !== void 0) {
+			let t = document.createElement("button");
+			t.type = "button", t.className = "playmaker-panel__reset", t.textContent = "既定", t.setAttribute("aria-label", `${e}を既定に戻す`), t.addEventListener("click", n), r.appendChild(t);
+		}
+		this.element.appendChild(r);
+	}
+	addText({ label: e, onChange: t, onReset: n }) {
+		let r = document.createElement("input");
+		return r.type = "text", r.addEventListener("change", () => t(r.value)), this.addRow(e, r, n), (e) => {
+			r.value = e;
+		};
+	}
+	addNumber({ label: e, onChange: t, onReset: n }) {
+		let r = document.createElement("input");
+		return r.type = "number", r.min = "0.25", r.step = "0.25", r.addEventListener("change", () => {
+			let e = Number(r.value);
+			Je(e) && t(e);
+		}), this.addRow(e, r, n), (e) => {
+			r.value = String(e);
+		};
+	}
+	addSwatches(e, t, { onChange: n, onReset: r }) {
+		let i = document.createElement("div");
+		i.className = "playmaker-panel__swatches", t.some((e) => e.fill === "outline") && i.classList.add("playmaker-panel__swatches--rows");
+		let a = t.map((e) => {
+			let t = Ur(e);
+			return t.addEventListener("click", () => n(e)), i.appendChild(t), {
+				btn: t,
+				choice: e
+			};
+		});
+		return this.addGroupRow(e, i, r), (e) => {
+			for (let { btn: t, choice: n } of a) t.setAttribute("aria-pressed", String(e(n)));
+		};
+	}
+	addSelect(e, t, n, r) {
+		let i = document.createElement("select");
+		for (let e of t) {
+			let t = document.createElement("option");
+			t.value = e, t.textContent = n[e], i.appendChild(t);
+		}
+		return i.addEventListener("change", () => {
+			l(i.value, t) && r(i.value);
+		}), this.addRow(e, i), (e) => {
+			i.value = e;
+		};
+	}
+}, Gr = {
+	select: "選択",
+	"add-player": "選手を追加",
+	"draw-line": "線を描く"
+}, Kr = "置くと 64 人を超えるフォーメーションは読み込めません", qr = {
+	"add-player": "選手は 64 人までです",
+	"draw-line": "線は 128 本までです"
+}, Jr = {
+	offense: "オフェンス",
+	defense: "ディフェンス"
+};
+function $(e, t, n) {
+	e.setAttribute("aria-disabled", String(!t)), Yr(e, t ? void 0 : n);
+}
+function Yr(e, t) {
+	t === void 0 ? e.removeAttribute("title") : e.title = t;
+}
+var Xr = class extends n {
+	element;
+	toolButtons = /* @__PURE__ */ new Map();
+	zoneButtons = /* @__PURE__ */ new Map();
+	undoButton;
+	redoButton;
+	deleteButton;
+	commitButton;
+	cancelButton;
+	formationPicker;
+	constructor(t, n) {
+		super(), this.element = document.createElement("div"), this.element.className = "playmaker-toolbar";
+		for (let e of ke) {
+			let t = this.addButton(Gr[e], () => n.setTool(e));
+			this.toolButtons.set(e, t);
+		}
+		this.addSeparator(), this.undoButton = this.addButton("元に戻す", () => n.undo()), this.redoButton = this.addButton("やり直す", () => n.redo()), this.deleteButton = this.addButton("削除", () => n.deleteSelection()), this.addSeparator();
+		for (let e of et) {
+			let t = this.addButton(nt[e], () => n.setFieldZone(e));
+			this.zoneButtons.set(e, t);
+		}
+		this.addSeparator(), this.formationPicker = this.addFormationPicker(n), this.addSeparator(), this.commitButton = this.addButton("線を確定", () => n.commitLine()), this.cancelButton = this.addButton("取消", () => n.cancelInteraction()), t.appendChild(this.element), this._register(e(() => this.element.remove())), this._register(n.onDidChangeViewState(() => this.sync(n))), this.sync(n);
+	}
+	addButton(e, t) {
+		let n = document.createElement("button");
+		return n.type = "button", n.textContent = e, n.className = "playmaker-toolbar__button", n.addEventListener("click", () => {
+			n.getAttribute("aria-disabled") !== "true" && t();
+		}), this.element.appendChild(n), n;
+	}
+	addSeparator() {
+		let e = document.createElement("span");
+		e.className = "playmaker-toolbar__sep", e.setAttribute("aria-hidden", "true"), this.element.appendChild(e);
+	}
+	addFormationPicker(e) {
+		let t = document.createElement("select");
+		t.className = "playmaker-toolbar__select", t.setAttribute("aria-label", "フォーメーション");
+		let n = document.createElement("option");
+		n.value = "", n.textContent = "フォーメーション読込…", t.appendChild(n);
+		for (let e of Fe) {
+			let n = document.createElement("optgroup");
+			n.label = Jr[e];
+			for (let t of Rn.filter((t) => t.side === e)) {
+				let e = document.createElement("option");
+				e.value = t.id, e.textContent = t.name, n.appendChild(e);
+			}
+			t.appendChild(n);
+		}
+		return t.addEventListener("change", () => {
+			let n = zn(t.value);
+			n !== void 0 && e.loadFormation(n), t.value = "";
+		}), this.element.appendChild(t), t;
+	}
+	sync(e) {
+		let t = e.getViewState();
+		for (let [e, n] of this.toolButtons) n.setAttribute("aria-pressed", String(e === t.tool)), $(n, je(e, t), qr[e]);
+		for (let [e, n] of this.zoneButtons) n.setAttribute("aria-pressed", String(e === t.fieldZone));
+		$(this.undoButton, t.canUndo), $(this.redoButton, t.canRedo), $(this.deleteButton, t.selection.kind !== "none"), $(this.commitButton, t.isDrawing), $(this.cancelButton, t.isDrawing), this.syncFormationPicker(t);
+	}
+	syncFormationPicker(e) {
+		let t = !1;
+		for (let n of this.formationPicker.options) {
+			let r = zn(n.value);
+			n.disabled = r !== void 0 && !Me(r, e), t ||= n.disabled;
+		}
+		Yr(this.formationPicker, t ? Kr : void 0);
+	}
+};
+// src/playmaker.ts
+function Zr() {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return !1;
+	}
+}
+var Qr = class {
+	onDidChange;
+	store = new t();
+	root;
+	surface;
+	session;
+	currentMode;
+	panel;
+	ui;
+	constructor(t, n = {}) {
+		this.currentMode = n.mode ?? "edit", this.session = this.store.add(new Cn(n.initialData)), this.onDidChange = this.session.onDidChange, n.onChange !== void 0 && this.store.add(this.session.onDidChange(n.onChange)), this.root = document.createElement("div"), this.root.className = "playmaker-root", this.root.dataset.mode = this.currentMode, t.appendChild(this.root), this.store.add(e(() => this.root.remove()));
+		let r = document.createElement("div");
+		r.className = "playmaker-stage", this.root.appendChild(r);
+		let { scene: i, overlay: a } = this.session.controller.getFrame();
+		this.surface = this.store.add(new Ir(r, i, this.surfaceOverlay(a))), this.ui = this.createUi(), this.store.add(this.session.onDidChangeScene(() => this.draw())), this.store.add(this.session.onDidReset(() => this.replaceUi()));
+	}
+	get mode() {
+		return this.currentMode;
+	}
+	setMode(e) {
+		this.store.isDisposed ? this.warnIgnoredAfterDispose("setMode") : e !== this.currentMode && (this.currentMode = e, this.root.dataset.mode = e, e === "view" && this.session.controller.cancelInteraction(), this.replaceUi(), this.draw());
+	}
+	get fieldZone() {
+		return this.session.fieldZone;
+	}
+	setFieldZone(e) {
+		this.store.isDisposed ? this.warnIgnoredAfterDispose("setFieldZone") : this.session.setFieldZone(e);
+	}
+	loadFormation(e) {
+		return this.store.isDisposed ? (this.warnIgnoredAfterDispose("loadFormation"), !1) : this.session.loadFormation(e);
+	}
+	setPlayData(e) {
+		this.store.isDisposed ? this.warnIgnoredAfterDispose("setPlayData") : this.session.setPlayData(e);
+	}
+	restorePlayData(e) {
+		this.store.isDisposed ? this.warnIgnoredAfterDispose("restorePlayData") : this.session.setPlayData(e);
+	}
+	getPlayData() {
+		return this.session.getPlayData();
+	}
+	exportToPng(e) {
+		return this.store.isDisposed ? Promise.reject(/* @__PURE__ */ Error("Playmaker: dispose したあとは PNG を書き出せません。")) : this.surface.exportToPngBlob(this.session.getSnapshot(), e);
+	}
+	refresh() {
+		this.store.isDisposed ? this.warnIgnoredAfterDispose("refresh") : (this.surface.refresh(), this.panel?.refresh());
+	}
+	dispose() {
+		this.ui.dispose(), this.store.dispose();
+	}
+	warnIgnoredAfterDispose(e) {
+		Zr() && console.warn(`Playmaker: dispose したあとに ${e} を呼んだので、何もしません。`);
+	}
+	replaceUi() {
+		Lr(this.root, this.surface.canvas, () => {
+			this.ui.dispose(), this.ui = this.createUi();
+		});
+	}
+	createUi() {
+		let e = new t(), n = this.session.controller;
+		return this.panel = void 0, this.currentMode === "edit" && (e.add(new Xr(this.root, n)), this.panel = e.add(new Wr(this.root, n, this.surface.canvas)), e.add(new Qn(this.root, this.surface, n))), e;
+	}
+	draw() {
+		let { scene: e, overlay: t } = this.session.controller.getFrame();
+		this.surface.setScene(e, this.surfaceOverlay(t));
+	}
+	surfaceOverlay(e) {
+		return this.currentMode === "edit" ? e : void 0;
+	}
+};
+export { it as CURRENT_PLAY_DATA_VERSION, Mt as FIELD_WIDTH_YARDS, nt as FIELD_ZONE_LABELS, et as FIELD_ZONE_VALUES, Rn as FORMATION_PRESETS, r as GRID_STEP_YARDS, Yn as PLAY_PRESETS, Qr as Playmaker, zn as getFormationPreset, Xn as getPlayPreset, ht as migratePlayData };
+
+//# sourceMappingURL=playmaker.js.map