/* icons.jsx - inline icons, simple flags, and radar chart */ function Flag({ team, ...p }) { const common = { viewBox: "0 0 60 40", preserveAspectRatio: "none", ...p }; const map = { ned: , jpn: , swe: , tun: }; return map[team] || null; } function BallMark({ size = 22, color = "currentColor" }) { return ; } const I = { arrow: , tv: , cast: , device: , hdmi: , audio: , flag: , moon: , info: , play: }; function HexRadar({ axes, series, size = 320, max = 100, labels = true }) { const cx = size / 2; const cy = size / 2; const n = axes.length; const radius = size * (labels ? 0.31 : 0.39); const angle = (i) => Math.PI * 2 * i / n - Math.PI / 2; const point = (i, r) => [cx + Math.cos(angle(i)) * r, cy + Math.sin(angle(i)) * r]; const poly = (factor) => axes.map((_, i) => point(i, radius * factor).join(",")).join(" "); return ( {[0.25, 0.5, 0.75, 1].map((f, i) => )} {axes.map((_, i) => { const [x, y] = point(i, radius); return ; })} {series.map((s, si) => { const points = s.values.map((v, i) => point(i, radius * Math.max(0, Math.min(v, max)) / max).join(",")).join(" "); return {s.values.map((v, i) => { const [x, y] = point(i, radius * v / max); return ; })}; })} {labels && axes.map((label, i) => { const [x, y] = point(i, radius + 32); const anchor = Math.abs(x - cx) < 10 ? "middle" : x > cx ? "start" : "end"; return {label}; })} ); } Object.assign(window, { Flag, BallMark, I, HexRadar });