@orvui/vue 0.0.0-stage → 0.1.1

package/dist/knockout-bracket-Dj5UsAKA.js

@@ -0,0 +1,1799 @@
+import { a as e, i as t, s as n } from "./composables-BJ1sih_H.js";
+import { c as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { t as o } from "./tooltip-DWqJD6DG.js";
+import { a as s } from "./shared-DAEawhBJ.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderList as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useId as D, watch as O, withCtx as k } from "vue";
+import { motion as A } from "motion-v";
+import { ChevronLeft as j, ChevronRight as M, Shield as N } from "lucide-vue-next";
+// src/blocks/knockout-bracket/src/bracket-model.ts
+var P = (e) => e.status ? e.status === "finished" : e.winner != null;
+function F(e, t) {
+	let n = P(t), r = (e) => (e.team?.name ?? "TBD") + (e.score == null ? "" : ` ${e.score}` + (e.penalties == null ? "" : ` (${e.penalties} on penalties)`)), i = n ? [] : [t.date, t.time].filter(Boolean), a = t.winner ? t[t.winner].team?.name : void 0;
+	return e + ": " + r(t.home) + (n ? ", " : " versus ") + r(t.away) + (i.length ? ", " + i.join(", ") : "") + (a ? ", " + a + " won" : "");
+}
+function I(e, t, n) {
+	let r = e.map(() => []);
+	r[t] = (e[t]?.matches ?? []).map((e, t) => 74 + t * 144);
+	for (let n = t + 1; n < e.length; n++) {
+		let t = r[n - 1], i = r[n];
+		for (let r = 0; r < e[n].matches.length; r++) {
+			let e = t[r * 2];
+			i[r] = e == null ? (i[r - 1] ?? -70) + 144 : (e + (t[r * 2 + 1] ?? e)) / 2;
+		}
+	}
+	for (let n = t - 1; n >= 0; n--) {
+		let i = 144 / 2 ** (t - n + 1);
+		r[n] = e[n].matches.map((e, t) => (r[n + 1][Math.floor(t / 2)] ?? 12) + (t % 2 ? i : -i));
+	}
+	let i = (e) => e >= t && e < t + n, a = [];
+	for (let n = 1; n < e.length; n++) for (let o = 0; o < e[n].matches.length; o++) {
+		let e = r[n - 1][o * 2] ?? r[n][o] ?? 74, s = r[n - 1][o * 2 + 1] ?? e;
+		a.push({
+			key: `${n}-${o}`,
+			x: 258 + (n - 1 - t) * 290,
+			y: e,
+			height: Math.max(0, s - e),
+			visible: i(n) && i(n - 1)
+		});
+	}
+	let o = 74;
+	for (let e of r.slice(t, t + n)) for (let t of e) o = Math.max(o, t);
+	return {
+		centers: r,
+		connectors: a,
+		height: o + 74
+	};
+}
+var ee = 14.2, te = 2.2, ne = .9, re = "M5 1H17V4H20Q22 4 22 6C22 9.3 19.8 11.6 16.8 12A6 6 0 0 1 12 15A6 6 0 0 1 7.2 12.1C4.2 11.6 2 9.3 2 6Q2 4 4 4H5ZM4 6C4 7.9 5.1 9.2 6.6 9.7A12 12 0 0 1 5 6ZM18 6A12 12 0 0 1 16.4 9.7C17.9 9.2 19 7.9 19 6ZM9 16.5H15V19H17.5V21H6.5V19H9Z", L = (e) => Math.round(e * 1e3) / 1e3;
+function R(e, t) {
+	let n = t / 180 * Math.PI;
+	return {
+		x: L(380 + e * Math.cos(n)),
+		y: L(380 + e * Math.sin(n))
+	};
+}
+function z(e, t) {
+	let n = R(e, t);
+	return n.x.toFixed(2) + " " + n.y.toFixed(2);
+}
+var B = (e) => (e / 760 * 100).toFixed(4) + "%", V = (e) => e.split(" ").join("\xA0"), H = (e) => V(e.team?.name ?? "TBD"), U = (e) => e.logo ?? (e.code ? "https://flagcdn.com/w80/" + e.code + ".png" : null), W = (e) => e.split(/\s+/).slice(0, 2).map((e) => Array.from(e)[0]).join("").toUpperCase();
+function G(e) {
+	let t = H(e.home) + " v " + H(e.away);
+	if (e.home.score == null || e.away.score == null) return t;
+	let n = e.home.penalties != null && e.away.penalties != null ? ` (${e.home.penalties}–${e.away.penalties} pens)` : "";
+	return `${t} · ${e.home.score}–${e.away.score}${n}`;
+}
+function ie(e) {
+	let t = [], n = [], r = e.length, i = e.at(-1)?.matches[0];
+	if (!i) return {
+		nodes: t,
+		links: n,
+		champion: null
+	};
+	let a = i.winner ? i[i.winner].team : null, o = {
+		id: i.id,
+		parentId: null,
+		depth: 0,
+		angle: 90,
+		x: 380,
+		y: 380,
+		r: 34,
+		team: a,
+		label: G(i),
+		round: e.at(-1).name
+	};
+	t.push(o);
+	let s = (e) => e / r * 318, c = [{
+		match: i,
+		level: r - 1,
+		index: 0,
+		parent: o,
+		angle: 90,
+		wedge: 360
+	}];
+	for (; c.length;) {
+		let r = c.pop(), i = r.parent.depth + 1, a = s(i), o = r.wedge / 4 * (r.parent.depth === 0 ? 1 : ne), l = [r.angle - o, r.angle + o], u = l.map((n, o) => {
+			let s = o === 0 ? "home" : "away", c = r.level > 0 ? e[r.level - 1].matches[r.index * 2 + o] : void 0, l = {
+				id: c?.id ?? `${r.match.id}-${s}`,
+				parentId: r.parent.id,
+				depth: i,
+				angle: n,
+				...R(a, n),
+				r: ee + (i - 1) * te,
+				team: c ? c.winner ? c[c.winner].team : null : r.match[s].team,
+				label: c ? G(c) : r.match[s].team?.name ?? "TBD",
+				round: c ? e[r.level - 1].name : null
+			};
+			return t.push(l), {
+				node: l,
+				feeder: c,
+				angle: n
+			};
+		});
+		if (r.parent.depth === 0) for (let e of u) n.push({
+			id: `${r.parent.id}-${e.node.id}`,
+			d: `M ${z(a, e.angle)} L 380 380`,
+			depth: i
+		});
+		else {
+			let e = (s(r.parent.depth) + a) / 2;
+			n.push({
+				id: r.parent.id + "-arc",
+				d: `M ${z(a, l[0])} L ${z(e, l[0])} A ${e} ${e} 0 0 1 ${z(e, l[1])} L ${z(a, l[1])}`,
+				depth: i
+			}, {
+				id: r.parent.id + "-stem",
+				d: `M ${z(e, r.angle)} L ${z(s(r.parent.depth), r.angle)}`,
+				depth: i
+			});
+		}
+		for (let e = u.length - 1; e >= 0; e--) {
+			let t = u[e];
+			t.feeder && c.push({
+				match: t.feeder,
+				level: r.level - 1,
+				index: r.index * 2 + e,
+				parent: t.node,
+				angle: t.angle,
+				wedge: r.wedge / 2
+			});
+		}
+	}
+	return {
+		nodes: t,
+		links: n,
+		champion: a
+	};
+}
+function ae(e) {
+	let t = /* @__PURE__ */ new Set(), n = 0;
+	for (let r = e.length - 1; r >= 0; r--) {
+		let i = e[r].matches[n];
+		if (!i?.winner) break;
+		t.add(i.id), r === 0 && t.add(`${i.id}-${i.winner}`), n = 2 * n + (i.winner === "home" ? 0 : 1);
+	}
+	return t;
+}
+// src/blocks/knockout-bracket/src/TeamCrest.vue?vue&type=script&setup=true&lang.ts
+var oe = { class: "flex h-5 w-7 shrink-0 items-center justify-center" }, K = ["src"], q = {
+	key: 1,
+	class: "grid size-5 place-items-center rounded-full bg-foreground/10 text-[10px] font-semibold leading-none text-foreground"
+}, se = /* @__PURE__ */ g({
+	__name: "TeamCrest",
+	props: { team: {} },
+	setup(e) {
+		let t = e, n = S(null), r = l(() => {
+			let e = t.team ? U(t.team) : null;
+			return n.value === e ? null : e;
+		});
+		return (t, i) => (x(), f("span", oe, [r.value ? (x(), f("img", {
+			key: 0,
+			src: r.value,
+			alt: "",
+			loading: "lazy",
+			draggable: !1,
+			class: _(E(a)("shrink-0 rounded-[4px] border border-border/40", e.team?.logo ? "h-5 w-5 border-transparent object-contain" : "h-5 w-7 object-cover")),
+			onError: i[0] ||= (e) => n.value = r.value
+		}, null, 42, K)) : e.team ? (x(), f("span", q, T(E(W)(e.team.name)), 1)) : (x(), u(E(N), {
+			key: 2,
+			class: "size-5 fill-current text-muted-foreground/50"
+		}))]));
+	}
+}), ce = {
+	style: {
+		width: "250px",
+		height: "124px"
+	},
+	class: "rounded-2xl border border-border bg-card p-4"
+}, le = { class: "mb-3 flex h-5 items-center justify-between gap-2" }, ue = { class: "min-w-0 flex-1 truncate text-sm leading-5 text-muted-foreground" }, de = {
+	key: 0,
+	class: "shrink-0 rounded-full bg-background px-2.5 text-xs font-medium leading-5 text-muted-foreground"
+}, fe = { class: "space-y-2.5" }, pe = { class: "flex w-1.5 shrink-0 items-center" }, me = {
+	key: 0,
+	viewBox: "0 0 6 8",
+	"aria-hidden": "true",
+	class: "h-2 w-1.5 shrink-0 fill-foreground"
+}, J = /* @__PURE__ */ g({
+	__name: "MatchCard",
+	props: { match: {} },
+	setup(e) {
+		let t = e, n = l(() => P(t.match) && t.match.winner != null), r = l(() => t.match.badge ?? (P(t.match) ? t.match.home.penalties != null || t.match.away.penalties != null ? "FT (P)" : "FT" : null));
+		return (t, i) => (x(), f("div", ce, [p("div", le, [p("span", ue, T([e.match.date, e.match.time].filter(Boolean).join(", ")), 1), r.value ? (x(), f("span", de, T(r.value), 1)) : d("", !0)]), p("div", fe, [(x(), f(c, null, C(["home", "away"], (t) => p("div", {
+			key: t,
+			class: "flex items-center gap-3"
+		}, [
+			h(se, { team: e.match[t].team }, null, 8, ["team"]),
+			p("span", { class: _(E(a)("min-w-0 flex-1 truncate text-base font-medium", n.value && e.match.winner !== t && "text-muted-foreground")) }, T(e.match[t].team?.name ?? "TBD"), 3),
+			e.match[t].score == null ? d("", !0) : (x(), f("span", {
+				key: 0,
+				class: _(E(a)("shrink-0 text-base font-medium tabular-nums", n.value && e.match.winner !== t && "text-muted-foreground"))
+			}, T(e.match[t].penalties == null ? e.match[t].score : `${e.match[t].score} (${e.match[t].penalties})`), 3)),
+			p("span", pe, [n.value && e.match.winner === t ? (x(), f("svg", me, [...i[0] ||= [p("path", { d: "M6 0 0 4 6 8Z" }, null, -1)]])) : d("", !0)])
+		])), 64))])]));
+	}
+}), he = { class: "w-full max-w-full overflow-x-auto overscroll-x-contain" }, ge = {
+	class: "sr-only",
+	"aria-live": "polite"
+}, _e = {
+	class: "relative",
+	style: { height: "44px" }
+}, ve = { class: "absolute inset-0 overflow-hidden" }, ye = ["aria-label", "onClick"], be = { class: "grid size-9 place-items-center rounded-full text-muted-foreground transition-colors group-hover:bg-foreground/10 group-hover:text-foreground group-focus-visible:ring-2 group-focus-visible:ring-ring" }, xe = ["aria-label", "aria-hidden"], Se = {
+	key: 0,
+	class: "mt-8 border-t border-border pt-6",
+	style: { paddingLeft: "8px" }
+}, Ce = ["aria-label"], we = ["aria-label"], Te = { class: "mb-2 text-sm leading-5 text-muted-foreground/80" }, Ee = /* @__PURE__ */ g({
+	__name: "KnockoutBracket",
+	props: {
+		rounds: {},
+		initialRound: { default: 1 },
+		thirdPlace: {},
+		thirdPlaceLabel: { default: "Third place play-off" }
+	},
+	setup(e) {
+		let t = e, r = l(() => Math.max(0, t.rounds.length - Math.min(2, t.rounds.length))), a = S(Math.min(r.value, Math.max(0, t.initialRound))), o = l(() => Math.min(3, t.rounds.length)), s = n(), g = l(() => s.value ? { duration: 0 } : {
+			type: "spring",
+			stiffness: 260,
+			damping: 32,
+			mass: .9,
+			opacity: {
+				duration: .28,
+				ease: i
+			}
+		}), _ = l(() => Math.max(0, o.value * 250 + (o.value - 1) * 40 + 16)), y = (e) => 8 + (e - a.value) * 290, b = (e) => e >= a.value && e < a.value + o.value, D = l(() => I(t.rounds, a.value, o.value)), N = l(() => {
+			let e = t.rounds.slice(a.value, a.value + o.value).map((e) => e.name);
+			return e.length <= 1 ? "Showing " + (e[0] ?? "rounds") : e.length === 2 ? `Showing ${e[0]} and ${e[1]}` : `Showing ${e.slice(0, -1).join(", ")}, and ${e.at(-1)}`;
+		});
+		return O(r, (e) => {
+			a.value = Math.min(e, a.value);
+		}), (t, n) => (x(), f("div", he, [p("section", {
+			"aria-label": "Tournament bracket",
+			class: "relative mx-auto",
+			style: v({ width: _.value + "px" })
+		}, [
+			p("div", ge, T(N.value), 1),
+			p("div", _e, [p("div", ve, [(x(!0), f(c, null, C(e.rounds, (e, t) => (x(), u(E(A).div, {
+				key: e.name,
+				"aria-hidden": !b(t) || void 0,
+				initial: !1,
+				animate: {
+					x: y(t),
+					opacity: +!!b(t)
+				},
+				transition: g.value,
+				class: "absolute left-0 top-0 flex h-full items-center justify-center text-sm font-bold text-foreground",
+				style: { width: "250px" }
+			}, {
+				default: k(() => [m(T(e.name), 1)]),
+				_: 2
+			}, 1032, [
+				"aria-hidden",
+				"animate",
+				"transition"
+			]))), 128))]), (x(), f(c, null, C([-1, 1], (e) => (x(), f(c, { key: e }, [(e < 0 ? a.value > 0 : a.value < r.value) ? (x(), f("button", {
+				key: 0,
+				type: "button",
+				"aria-label": e < 0 ? "Previous round" : "Next round",
+				style: v(e < 0 ? { left: "8px" } : { right: "8px" }),
+				class: "group absolute top-1/2 z-10 grid size-11 -translate-y-1/2 place-items-center rounded-full outline-none",
+				onClick: (t) => a.value = Math.min(r.value, Math.max(0, a.value + e))
+			}, [p("span", be, [(x(), u(w(E(e < 0 ? j : M)), { class: "size-5" }))])], 12, ye)) : d("", !0)], 64))), 64))]),
+			h(E(A).div, {
+				class: "relative overflow-hidden",
+				initial: !1,
+				animate: { height: D.value.height + "px" },
+				transition: g.value,
+				style: v({ width: _.value + "px" })
+			}, {
+				default: k(() => [(x(!0), f(c, null, C(D.value.connectors, (e) => (x(), u(E(A).div, {
+					key: e.key,
+					"aria-hidden": "true",
+					initial: !1,
+					animate: {
+						x: e.x,
+						y: e.y,
+						height: e.height + "px",
+						opacity: +!!e.visible
+					},
+					transition: e.visible ? g.value : {
+						...g.value,
+						x: { duration: 0 },
+						y: { duration: 0 },
+						height: { duration: 0 }
+					},
+					class: "pointer-events-none absolute left-0 top-0 rounded-r-xl border-y border-r border-border",
+					style: {
+						width: "20px",
+						willChange: "transform"
+					}
+				}, {
+					default: k(() => [...n[0] ||= [p("span", {
+						class: "absolute left-full top-1/2 h-px bg-border",
+						style: { width: "20px" }
+					}, null, -1)]]),
+					_: 1
+				}, 8, ["animate", "transition"]))), 128)), (x(!0), f(c, null, C(e.rounds, (e, t) => (x(), f("ul", {
+					key: e.name,
+					"aria-label": e.name,
+					"aria-hidden": !b(t) || void 0,
+					class: "m-0 list-none p-0"
+				}, [(x(!0), f(c, null, C(e.matches, (n, r) => (x(), u(E(A).li, {
+					key: n.id,
+					"aria-label": E(F)(e.name, n),
+					initial: !1,
+					animate: {
+						x: y(t),
+						y: (D.value.centers[t]?.[r] ?? 74) - 62,
+						opacity: +!!b(t)
+					},
+					transition: g.value,
+					class: "absolute left-0 top-0",
+					style: { willChange: "transform" }
+				}, {
+					default: k(() => [h(J, { match: n }, null, 8, ["match"])]),
+					_: 2
+				}, 1032, [
+					"aria-label",
+					"animate",
+					"transition"
+				]))), 128))], 8, xe))), 128))]),
+				_: 1
+			}, 8, [
+				"animate",
+				"transition",
+				"style"
+			]),
+			e.thirdPlace ? (x(), f("div", Se, [p("ul", {
+				"aria-label": e.thirdPlaceLabel,
+				class: "m-0 list-none p-0"
+			}, [p("li", { "aria-label": E(F)(e.thirdPlaceLabel, e.thirdPlace) }, [p("p", Te, T(e.thirdPlaceLabel), 1), h(J, { match: e.thirdPlace }, null, 8, ["match"])], 8, we)], 8, Ce)])) : d("", !0)
+		], 4)]));
+	}
+});
+// src/blocks/knockout-bracket/src/use-wheel.ts
+function De(n) {
+	let r = s(), i = D().replaceAll(":", ""), a = S(), o = S(), c = S(!1), u = e("(hover: hover) and (pointer: fine)"), d = S(null), f = S(null), p = S(null), m = l(() => d.value ?? f.value ?? p.value), h = l(() => n.rounds.slice(Math.min(Math.max(n.initialRound, 0), Math.max(n.rounds.length - 1, 0)))), g = l(() => ie(h.value)), _ = l(() => ae(h.value)), v = l(() => g.value.nodes.find((e) => e.id === m.value)), x = l(() => v.value ? /* @__PURE__ */ new Set([v.value.id]) : _.value), C = l(() => new Map(g.value.nodes.map((e) => [e.id, e.team === null ? "TBD" : e.round ? `${V(e.round)} · ${e.label}` : e.team.name]))), w = l(() => v.value?.id ?? g.value.nodes[0]?.id), T = l(() => u.value ? void 0 : v.value), E = t(l(() => f.value !== null), a), O, k;
+	function A(e, t) {
+		if (O = void 0, !e.key.startsWith("Arrow")) return;
+		e.preventDefault();
+		let n;
+		if (e.key === "ArrowUp") n = g.value.nodes.find((e) => e.id === t.parentId);
+		else if (e.key === "ArrowDown") n = g.value.nodes.find((e) => e.parentId === t.id);
+		else {
+			let r = g.value.nodes.filter((e) => e.depth === t.depth).sort((e, t) => e.angle - t.angle);
+			n = r[(r.indexOf(t) + (e.key === "ArrowRight" ? 1 : -1) + r.length) % r.length];
+		}
+		n && document.getElementById(i + "-" + n.id)?.focus();
+	}
+	function j(e, t) {
+		O = {
+			id: t.id,
+			type: e.pointerType,
+			pinned: f.value === t.id
+		};
+	}
+	function M() {
+		O = void 0;
+	}
+	function N(e, t) {
+		let n = O;
+		O = void 0, n && n.id === t.id && n.type !== "mouse" && (f.value = f.value === t.id ? null : t.id, n.pinned && e.currentTarget.blur());
+	}
+	function P() {
+		f.value = null;
+		let e = document.activeElement;
+		e instanceof HTMLElement && a.value?.contains(e) && e.blur();
+	}
+	function F(e) {
+		if (!f.value || E.containsHigher(e.target)) return;
+		let t = e.target;
+		a.value?.contains(t) && t.closest("button") || (e.preventDefault(), e.stopPropagation(), P());
+	}
+	function I(e) {
+		E.claimEscape(e) && P();
+	}
+	return b(() => {
+		o.value && typeof IntersectionObserver < "u" && (k = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && (c.value = !0, k?.disconnect());
+		}, { rootMargin: "300px" }), k.observe(o.value)), document.addEventListener("pointerdown", F, !0), document.addEventListener("keydown", I);
+	}), y(() => {
+		k?.disconnect(), document.removeEventListener("pointerdown", F, !0), document.removeEventListener("keydown", I);
+	}), {
+		reduce: r,
+		uid: i,
+		stage: a,
+		svg: o,
+		inView: c,
+		canHover: u,
+		hovered: d,
+		focused: p,
+		visible: h,
+		model: g,
+		lit: x,
+		captions: C,
+		tabStop: w,
+		tapped: T,
+		key: A,
+		down: j,
+		cancel: M,
+		click: N
+	};
+}
+// src/blocks/knockout-bracket/src/WheelMark.vue?vue&type=script&setup=true&lang.ts
+var Oe = ["transform"], ke = ["d"], Ae = [
+	"cx",
+	"cy",
+	"r"
+], je = ["id"], Me = [
+	"cx",
+	"cy",
+	"r"
+], Ne = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], Pe = /* @__PURE__ */ g({
+	__name: "WheelMark",
+	props: {
+		node: {},
+		lit: { type: Boolean },
+		dimmed: { type: Boolean },
+		loadFlag: { type: Boolean },
+		reduce: { type: Boolean },
+		showTrophy: { type: Boolean },
+		clipId: {}
+	},
+	setup(e) {
+		let t = e, n = S(null), i = l(() => {
+			let e = t.node.team ? U(t.node.team) : null;
+			return n.value === e ? null : e;
+		}), a = l(() => t.node.team?.logo ? {
+			w: t.node.r * 1.44,
+			h: t.node.r * 1.44,
+			fit: "xMidYMid meet"
+		} : {
+			w: t.node.r * 2.68,
+			h: t.node.r * 2,
+			fit: "xMidYMid slice"
+		}), o = l(() => ({ duration: t.reduce ? 0 : .18 })), s = l(() => ({ opacity: t.dimmed ? .38 : 1 }));
+		return (t, l) => (x(), u(E(A).g, {
+			initial: !e.reduce && {
+				opacity: 0,
+				scale: .6
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			transition: e.reduce ? { duration: 0 } : {
+				...E(r),
+				opacity: { duration: .24 },
+				delay: e.node.depth * .06
+			},
+			style: v({ transformOrigin: `${e.node.x}px ${e.node.y}px` })
+		}, {
+			default: k(() => [
+				e.showTrophy ? (x(), f("g", {
+					key: 0,
+					transform: `translate(${E(380) - E(24) / 2},${E(380) - E(34) - E(6) - E(24)})`
+				}, [p("path", {
+					d: E(re),
+					class: "fill-warning"
+				}, null, 8, ke)], 8, Oe)) : d("", !0),
+				p("circle", {
+					cx: e.node.x,
+					cy: e.node.y,
+					r: e.node.r,
+					class: "fill-card"
+				}, null, 8, Ae),
+				i.value && e.loadFlag && e.node.team ? (x(), f(c, { key: 1 }, [p("clipPath", { id: e.clipId }, [p("circle", {
+					cx: e.node.x,
+					cy: e.node.y,
+					r: e.node.r
+				}, null, 8, Me)], 8, je), h(E(A).image, {
+					href: i.value,
+					x: e.node.x - a.value.w / 2,
+					y: e.node.y - a.value.h / 2,
+					width: a.value.w,
+					height: a.value.h,
+					"clip-path": `url(#${e.clipId})`,
+					preserveAspectRatio: a.value.fit,
+					initial: !1,
+					animate: s.value,
+					transition: o.value,
+					onError: l[0] ||= (e) => n.value = i.value
+				}, null, 8, [
+					"href",
+					"x",
+					"y",
+					"width",
+					"height",
+					"clip-path",
+					"preserveAspectRatio",
+					"animate",
+					"transition"
+				])], 64)) : e.node.team ? (x(), u(E(A).text, {
+					key: 2,
+					x: e.node.x,
+					y: e.node.y,
+					"text-anchor": "middle",
+					"dominant-baseline": "central",
+					"font-size": Math.max(e.node.r * .8, E(15)),
+					initial: !1,
+					animate: s.value,
+					transition: o.value,
+					class: "fill-muted-foreground font-semibold"
+				}, {
+					default: k(() => [m(T(E(W)(e.node.team.name)), 1)]),
+					_: 1
+				}, 8, [
+					"x",
+					"y",
+					"font-size",
+					"animate",
+					"transition"
+				])) : (x(), u(E(A).g, {
+					key: 3,
+					initial: !1,
+					animate: s.value,
+					transition: o.value
+				}, {
+					default: k(() => [h(E(N), {
+						x: e.node.x - e.node.r * .7,
+						y: e.node.y - e.node.r * .7,
+						width: e.node.r * 1.4,
+						height: e.node.r * 1.4,
+						class: "fill-current text-muted-foreground/50"
+					}, null, 8, [
+						"x",
+						"y",
+						"width",
+						"height"
+					])]),
+					_: 1
+				}, 8, ["animate", "transition"])),
+				p("circle", {
+					cx: e.node.x,
+					cy: e.node.y,
+					r: e.node.r,
+					fill: "none",
+					"stroke-width": e.lit ? 2 : 1,
+					class: _(e.lit ? "stroke-foreground" : "stroke-border")
+				}, null, 10, Ne)
+			]),
+			_: 1
+		}, 8, [
+			"initial",
+			"transition",
+			"style"
+		]));
+	}
+}), Fe = { class: "w-full max-w-full overflow-x-auto overscroll-x-contain" }, Ie = ["viewBox", "aria-label"], Le = ["id"], Re = [
+	"cx",
+	"cy",
+	"r",
+	"fill"
+], Y = [
+	"id",
+	"tabindex",
+	"aria-label",
+	"onKeydown",
+	"onFocusCapture",
+	"onPointerenter",
+	"onPointerdown",
+	"onClick"
+], ze = { class: "sr-only" }, Be = ["aria-label"], Ve = /* @__PURE__ */ g({
+	__name: "KnockoutWheel",
+	props: {
+		rounds: {},
+		initialRound: { default: 0 }
+	},
+	setup(e) {
+		let { reduce: t, uid: n, stage: r, svg: i, inView: s, canHover: l, hovered: g, focused: y, visible: b, model: S, lit: w, captions: D, tabStop: O, tapped: j, key: M, down: N, cancel: P, click: F } = De(e);
+		return (e, I) => (x(), f("div", Fe, [p("div", {
+			ref_key: "stage",
+			ref: r,
+			class: "relative mx-auto w-full min-w-[32rem] max-w-[34rem]"
+		}, [
+			(x(), f("svg", {
+				ref_key: "svg",
+				ref: i,
+				viewBox: `0 0 ${E(760)} ${E(760)}`,
+				role: "img",
+				"aria-label": `Tournament wheel${E(S).champion ? ", won by " + E(S).champion.name : ""}`,
+				class: "h-auto w-full touch-manipulation"
+			}, [
+				p("defs", null, [p("radialGradient", { id: E(n) + "-glow" }, [...I[3] ||= [
+					p("stop", {
+						offset: "0%",
+						"stop-color": "var(--color-warning)",
+						"stop-opacity": ".14"
+					}, null, -1),
+					p("stop", {
+						offset: "45%",
+						"stop-color": "var(--color-warning)",
+						"stop-opacity": ".04"
+					}, null, -1),
+					p("stop", {
+						offset: "100%",
+						"stop-color": "var(--color-warning)",
+						"stop-opacity": "0"
+					}, null, -1)
+				]], 8, Le)]),
+				E(S).champion ? (x(), f("circle", {
+					key: 0,
+					cx: E(380),
+					cy: E(380),
+					r: E(318) * .62,
+					fill: `url(#${E(n)}-glow)`
+				}, null, 8, Re)) : d("", !0),
+				p("g", null, [(x(!0), f(c, null, C(E(S).links, (e) => (x(), u(E(A).path, {
+					key: e.id,
+					d: e.d,
+					fill: "none",
+					initial: !E(t) && { opacity: 0 },
+					animate: { opacity: 1 },
+					transition: {
+						duration: .3,
+						delay: e.depth * .06
+					},
+					class: "stroke-border-strong"
+				}, null, 8, [
+					"d",
+					"initial",
+					"transition"
+				]))), 128))]),
+				(x(!0), f(c, null, C(E(S).nodes, (e) => (x(), u(Pe, {
+					key: e.id,
+					node: e,
+					lit: E(w).has(e.id),
+					dimmed: E(w).size > 0 && !E(w).has(e.id),
+					"load-flag": E(s),
+					reduce: E(t),
+					"show-trophy": e.depth === 0 && !!E(S).champion,
+					"clip-id": E(n) + "-clip-" + e.id
+				}, null, 8, [
+					"node",
+					"lit",
+					"dimmed",
+					"load-flag",
+					"reduce",
+					"show-trophy",
+					"clip-id"
+				]))), 128))
+			], 8, Ie)),
+			(x(!0), f(c, null, C(E(S).nodes, (e) => (x(), f("div", {
+				key: e.id,
+				class: "absolute",
+				style: v({
+					left: E(B)(e.x - e.r),
+					top: E(B)(e.y - e.r),
+					width: E(B)(e.r * 2),
+					height: E(B)(e.r * 2)
+				})
+			}, [h(E(o), {
+				content: E(D).get(e.id) ?? "",
+				side: "top",
+				disabled: !E(l),
+				class: "max-w-[20rem] whitespace-normal text-balance break-words text-center"
+			}, {
+				default: k(() => [p("button", {
+					id: E(n) + "-" + e.id,
+					type: "button",
+					tabindex: e.id === E(O) ? 0 : -1,
+					"aria-label": E(D).get(e.id),
+					class: "block h-full w-full rounded-full outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+					onKeydown: (t) => E(M)(t, e),
+					onFocusCapture: (t) => y.value = e.id,
+					onBlurCapture: I[0] ||= (e) => y.value = null,
+					onPointerenter: (t) => {
+						t.pointerType !== "touch" && (g.value = e.id);
+					},
+					onPointerleave: I[1] ||= (e) => {
+						e.pointerType !== "touch" && (g.value = null);
+					},
+					onPointerdown: (t) => E(N)(t, e),
+					onPointercancel: I[2] ||= (...e) => E(P) && E(P)(...e),
+					onClick: (t) => E(F)(t, e)
+				}, null, 40, Y)]),
+				_: 2
+			}, 1032, ["content", "disabled"])], 4))), 128)),
+			E(j) ? (x(), u(E(A).p, {
+				key: 0,
+				initial: !E(t) && {
+					opacity: 0,
+					scale: .94
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				transition: { duration: E(t) ? 0 : .18 },
+				style: v({
+					left: E(B)(E(j).x),
+					top: E(B)(E(j).y + (E(j).y > E(380) ? -E(j).r : E(j).r))
+				}),
+				class: _(E(a)("pointer-events-none absolute z-10 w-max max-w-[min(18rem,80vw)] -translate-x-1/2 text-balance break-words rounded-lg border border-border bg-background px-2.5 py-1 text-center text-xs font-medium shadow-lg", E(j).y > E(380) ? "-translate-y-[calc(100%+8px)]" : "translate-y-2"))
+			}, {
+				default: k(() => [m(T(E(D).get(E(j).id)), 1)]),
+				_: 1
+			}, 8, [
+				"initial",
+				"transition",
+				"style",
+				"class"
+			])) : d("", !0)
+		], 512), p("div", ze, [(x(!0), f(c, null, C([...E(b)].reverse(), (e) => (x(), f("ul", {
+			key: e.name,
+			"aria-label": e.name
+		}, [(x(!0), f(c, null, C(e.matches, (e) => (x(), f("li", { key: e.id }, T(E(G)(e)), 1))), 128))], 8, Be))), 128))])]));
+	}
+});
+// src/blocks/knockout-bracket/src/fixture-builder.ts
+function X(e, t) {
+	let [n, r, i, a, o, s, c, l, u, d, f] = t, p = (t, n, r) => ({
+		team: t ? e[t] : null,
+		score: n,
+		...r === void 0 ? {} : { penalties: r }
+	});
+	return {
+		id: n,
+		...s === void 0 ? {} : { date: s },
+		...c === void 0 ? {} : { time: c },
+		...l === void 0 ? {} : { status: l },
+		home: p(r, i, d),
+		away: p(a, o, f),
+		...u === void 0 ? {} : { winner: u }
+	};
+}
+function Z(e, t) {
+	return t.map(([t, n]) => ({
+		name: t,
+		matches: n.map((t) => X(e, t))
+	}));
+}
+var Q = Object.fromEntries([
+	[
+		"southAfrica",
+		"Southern Bay",
+		"za"
+	],
+	[
+		"canada",
+		"Cedar FC",
+		"ca"
+	],
+	[
+		"netherlands",
+		"North Harbor",
+		"nl"
+	],
+	[
+		"morocco",
+		"Moonbay",
+		"ma"
+	],
+	[
+		"germany",
+		"Grovefield",
+		"de"
+	],
+	[
+		"paraguay",
+		"Pinehaven",
+		"py"
+	],
+	[
+		"france",
+		"Fjord FC",
+		"fr"
+	],
+	[
+		"sweden",
+		"Silverlake",
+		"se"
+	],
+	[
+		"belgium",
+		"Beacon",
+		"be"
+	],
+	[
+		"senegal",
+		"Suncrest",
+		"sn"
+	],
+	[
+		"usa",
+		"Union",
+		"us"
+	],
+	[
+		"bosnia",
+		"Bayview and Highland",
+		"ba"
+	],
+	[
+		"spain",
+		"Solar",
+		"es"
+	],
+	[
+		"austria",
+		"Aster FC",
+		"at"
+	],
+	[
+		"portugal",
+		"Port Vale",
+		"pt"
+	],
+	[
+		"croatia",
+		"Copper FC",
+		"hr"
+	],
+	[
+		"brazil",
+		"Birch FC",
+		"br"
+	],
+	[
+		"japan",
+		"Juniper",
+		"jp"
+	],
+	[
+		"ivoryCoast",
+		"Clover Coast",
+		"ci"
+	],
+	[
+		"norway",
+		"Northbay",
+		"no"
+	],
+	[
+		"mexico",
+		"Marina",
+		"mx"
+	],
+	[
+		"ecuador",
+		"Elmbridge",
+		"ec"
+	],
+	[
+		"england",
+		"Eastgate",
+		"gb-eng"
+	],
+	[
+		"drCongo",
+		"Dawn Cove",
+		"cd"
+	],
+	[
+		"switzerland",
+		"Snowfield",
+		"ch"
+	],
+	[
+		"algeria",
+		"Amber FC",
+		"dz"
+	],
+	[
+		"colombia",
+		"Coastline",
+		"co"
+	],
+	[
+		"ghana",
+		"Green FC",
+		"gh"
+	],
+	[
+		"australia",
+		"Autumn FC",
+		"au"
+	],
+	[
+		"egypt",
+		"Ember",
+		"eg"
+	],
+	[
+		"argentina",
+		"Ashford",
+		"ar"
+	],
+	[
+		"caboVerde",
+		"Cloud Vale",
+		"cv"
+	]
+].map(([e, t, n]) => [e, {
+	name: t,
+	code: n
+}])), He = Z(Q, [
+	["Round of 32", [
+		[
+			"r32-1",
+			"southAfrica",
+			0,
+			"canada",
+			1,
+			"Mon, 29 Jun",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r32-2",
+			"netherlands",
+			1,
+			"morocco",
+			1,
+			"Tue, 30 Jun",
+			void 0,
+			"finished",
+			"away",
+			2,
+			3
+		],
+		[
+			"r32-3",
+			"germany",
+			1,
+			"paraguay",
+			1,
+			"Tue, 30 Jun",
+			void 0,
+			"finished",
+			"away",
+			3,
+			4
+		],
+		[
+			"r32-4",
+			"france",
+			3,
+			"sweden",
+			0,
+			"Wed, 1 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-5",
+			"belgium",
+			3,
+			"senegal",
+			2,
+			"Thu, 2 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-6",
+			"usa",
+			2,
+			"bosnia",
+			0,
+			"Thu, 2 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-7",
+			"spain",
+			3,
+			"austria",
+			0,
+			"Fri, 3 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-8",
+			"portugal",
+			2,
+			"croatia",
+			1,
+			"Fri, 3 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-9",
+			"brazil",
+			2,
+			"japan",
+			1,
+			"Mon, 29 Jun",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-10",
+			"ivoryCoast",
+			1,
+			"norway",
+			2,
+			"Tue, 30 Jun",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r32-11",
+			"mexico",
+			2,
+			"ecuador",
+			0,
+			"Wed, 1 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-12",
+			"england",
+			2,
+			"drCongo",
+			1,
+			"Wed, 1 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-13",
+			"switzerland",
+			2,
+			"algeria",
+			0,
+			"Fri, 3 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-14",
+			"colombia",
+			1,
+			"ghana",
+			0,
+			"Sat, 4 Jul",
+			void 0,
+			"finished",
+			"home"
+		],
+		[
+			"r32-15",
+			"australia",
+			1,
+			"egypt",
+			1,
+			"Fri, 3 Jul",
+			void 0,
+			"finished",
+			"away",
+			2,
+			4
+		],
+		[
+			"r32-16",
+			"argentina",
+			3,
+			"caboVerde",
+			2,
+			"Sat, 4 Jul",
+			void 0,
+			"finished",
+			"home"
+		]
+	]],
+	["Round of 16", [
+		[
+			"r16-1",
+			"canada",
+			0,
+			"morocco",
+			3,
+			"Sat, 4 Jul",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r16-2",
+			"paraguay",
+			0,
+			"france",
+			1,
+			"Sun, 5 Jul",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r16-3",
+			"usa",
+			1,
+			"belgium",
+			4,
+			"Mon, 6 Jul",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r16-4",
+			"portugal",
+			0,
+			"spain",
+			1,
+			"Mon, 6 Jul",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r16-5",
+			"brazil",
+			1,
+			"norway",
+			2,
+			"Mon, 6 Jul",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r16-6",
+			"mexico",
+			2,
+			"england",
+			3,
+			"Mon, 6 Jul",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"r16-7",
+			"switzerland",
+			0,
+			"colombia",
+			0,
+			"Tue, 7 Jul",
+			void 0,
+			"finished",
+			"home",
+			4,
+			3
+		],
+		[
+			"r16-8",
+			"argentina",
+			3,
+			"egypt",
+			2,
+			"Tue, 7 Jul",
+			void 0,
+			"finished",
+			"home"
+		]
+	]],
+	["Quarter-finals", [
+		[
+			"qf-1",
+			"france",
+			2,
+			"morocco",
+			0,
+			"Fri, 10 Jul",
+			"4:00 am",
+			"finished",
+			"home"
+		],
+		[
+			"qf-2",
+			"spain",
+			2,
+			"belgium",
+			1,
+			"Sat, 11 Jul",
+			"3:00 am",
+			"finished",
+			"home"
+		],
+		[
+			"qf-3",
+			"norway",
+			1,
+			"england",
+			2,
+			"Today",
+			void 0,
+			"finished",
+			"away"
+		],
+		[
+			"qf-4",
+			"argentina",
+			3,
+			"switzerland",
+			1,
+			"Today",
+			void 0,
+			"finished",
+			"home"
+		]
+	]],
+	["Semi-finals", [[
+		"sf-1",
+		"france",
+		null,
+		"spain",
+		null,
+		"Wed, 15 Jul",
+		"4:00 am",
+		"upcoming"
+	], [
+		"sf-2",
+		"england",
+		null,
+		"argentina",
+		null,
+		"Thu, 16 Jul",
+		"3:00 am",
+		"upcoming"
+	]]],
+	["Final", [[
+		"f-1",
+		null,
+		null,
+		null,
+		null,
+		"Mon, 20 Jul",
+		"3:00 am",
+		"upcoming"
+	]]]
+]), Ue = X(Q, [
+	"tp-1",
+	null,
+	null,
+	null,
+	null,
+	"Sun, 19 Jul",
+	"3:00 am",
+	"upcoming"
+]), $ = Object.fromEntries([
+	[
+		"spain",
+		"Solar",
+		"es"
+	],
+	[
+		"japan",
+		"Juniper",
+		"jp"
+	],
+	[
+		"netherlands",
+		"North Harbor",
+		"nl"
+	],
+	[
+		"portugal",
+		"Port Vale",
+		"pt"
+	],
+	[
+		"england",
+		"Eastgate",
+		"gb-eng"
+	],
+	[
+		"uruguay",
+		"Upland",
+		"uy"
+	],
+	[
+		"croatia",
+		"Copper FC",
+		"hr"
+	],
+	[
+		"brazil",
+		"Birch FC",
+		"br"
+	],
+	[
+		"france",
+		"Fjord FC",
+		"fr"
+	],
+	[
+		"morocco",
+		"Moonbay",
+		"ma"
+	],
+	[
+		"belgium",
+		"Beacon",
+		"be"
+	],
+	[
+		"italy",
+		"Ivory",
+		"it"
+	],
+	[
+		"argentina",
+		"Ashford",
+		"ar"
+	],
+	[
+		"mexico",
+		"Marina",
+		"mx"
+	],
+	[
+		"germany",
+		"Grovefield",
+		"de"
+	],
+	[
+		"norway",
+		"Northbay",
+		"no"
+	],
+	[
+		"costaRica",
+		"Coral Rise",
+		"cr"
+	],
+	[
+		"serbia",
+		"Seabrook",
+		"rs"
+	],
+	[
+		"ecuador",
+		"Elmbridge",
+		"ec"
+	],
+	[
+		"ghana",
+		"Green FC",
+		"gh"
+	],
+	[
+		"wales",
+		"West FC",
+		"gb-wls"
+	],
+	[
+		"canada",
+		"Cedar FC",
+		"ca"
+	],
+	[
+		"denmark",
+		"Duskvale",
+		"dk"
+	],
+	[
+		"cameroon",
+		"Creekwood",
+		"cm"
+	],
+	[
+		"poland",
+		"Pebble FC",
+		"pl"
+	],
+	[
+		"senegal",
+		"Suncrest",
+		"sn"
+	],
+	[
+		"tunisia",
+		"Tideland",
+		"tn"
+	],
+	[
+		"switzerland",
+		"Snowfield",
+		"ch"
+	],
+	[
+		"peru",
+		"Peak",
+		"pe"
+	],
+	[
+		"qatar",
+		"Quartz",
+		"qa"
+	],
+	[
+		"sweden",
+		"Silverlake",
+		"se"
+	],
+	[
+		"austria",
+		"Aster FC",
+		"at"
+	]
+].map(([e, t, n]) => [e, {
+	name: t,
+	code: n
+}])), We = Z($, [
+	["Round of 32", [
+		[
+			"w-r32-1",
+			"spain",
+			3,
+			"costaRica",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-2",
+			"japan",
+			2,
+			"serbia",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-3",
+			"netherlands",
+			2,
+			"ecuador",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-4",
+			"ghana",
+			2,
+			"portugal",
+			3,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r32-5",
+			"england",
+			4,
+			"wales",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-6",
+			"canada",
+			0,
+			"uruguay",
+			2,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r32-7",
+			"croatia",
+			1,
+			"denmark",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-8",
+			"brazil",
+			3,
+			"cameroon",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-9",
+			"france",
+			2,
+			"poland",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-10",
+			"senegal",
+			0,
+			"morocco",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r32-11",
+			"belgium",
+			2,
+			"tunisia",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-12",
+			"switzerland",
+			1,
+			"italy",
+			3,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r32-13",
+			"argentina",
+			2,
+			"peru",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-14",
+			"qatar",
+			0,
+			"mexico",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r32-15",
+			"germany",
+			4,
+			"sweden",
+			2,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r32-16",
+			"austria",
+			1,
+			"norway",
+			2,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		]
+	]],
+	["Round of 16", [
+		[
+			"w-r16-1",
+			"spain",
+			2,
+			"japan",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r16-2",
+			"netherlands",
+			1,
+			"portugal",
+			3,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r16-3",
+			"england",
+			2,
+			"uruguay",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r16-4",
+			"croatia",
+			0,
+			"brazil",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r16-5",
+			"france",
+			3,
+			"morocco",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r16-6",
+			"belgium",
+			1,
+			"italy",
+			2,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-r16-7",
+			"argentina",
+			2,
+			"mexico",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-r16-8",
+			"germany",
+			1,
+			"norway",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home",
+			4,
+			2
+		]
+	]],
+	["Quarter-finals", [
+		[
+			"w-qf-1",
+			"spain",
+			1,
+			"portugal",
+			0,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-qf-2",
+			"england",
+			2,
+			"brazil",
+			3,
+			void 0,
+			void 0,
+			void 0,
+			"away"
+		],
+		[
+			"w-qf-3",
+			"france",
+			2,
+			"italy",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		],
+		[
+			"w-qf-4",
+			"argentina",
+			3,
+			"germany",
+			1,
+			void 0,
+			void 0,
+			void 0,
+			"home"
+		]
+	]],
+	["Semi-finals", [[
+		"w-sf-1",
+		"spain",
+		2,
+		"brazil",
+		1,
+		void 0,
+		void 0,
+		void 0,
+		"home"
+	], [
+		"w-sf-2",
+		"france",
+		0,
+		"argentina",
+		0,
+		void 0,
+		void 0,
+		void 0,
+		"away",
+		3,
+		4
+	]]],
+	["Final", [[
+		"w-f-1",
+		"spain",
+		2,
+		"argentina",
+		1,
+		void 0,
+		void 0,
+		void 0,
+		"home"
+	]]]
+]);
+export { Ue as a, Q as i, $ as n, Ve as o, He as r, Ee as s, We as t };
+
+//# sourceMappingURL=knockout-bracket-Dj5UsAKA.js.map