@bedard/hexboard 0.0.3 → 0.0.5

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# 0.0.5
+
+- Rounded SVG path points for consistent SSR hydration
+
+# 0.0.4
+
+- Removed reference to `DOMRect` browser API
+
 # 0.0.3
 
 - Initial release of `@bedard/hexchess`, see sandbox for example usage.

package/README.md

@@ -2,6 +2,7 @@
 
 [![Build](https://github.com/scottbedard/hexboard/actions/workflows/build.yml/badge.svg)](https://github.com/scottbedard/hexboard/actions/workflows/build.yml)
 [![NPM Version](https://img.shields.io/npm/v/%40bedard%2Fhexboard)](https://www.npmjs.com/package/@bedard/hexboard)
+[![Bundle size](https://img.shields.io/bundlephobia/minzip/%40bedard%2Fhexboard?label=gzipped)](https://bundlephobia.com/package/@bedard/hexboard)
 [![License](https://img.shields.io/badge/license-MIT-blue)](https://github.com/scottbedard/hexboard/blob/main/LICENSE)
 
 User interfaces for [hexchess.club](https://hexchess.club).

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as c2, createElementBlock as g, createCommentVNode as de, openBlock as v, createStaticVNode as B, mergeModels as i2, useModel as Q1, shallowRef as t1, useTemplateRef as k2, computed as j, onMounted as y2, onUnmounted as x2, watch as r2, unref as f, normalizeStyle as u1, createElementVNode as M2, Fragment as o1, renderList as n1, mergeProps as z2, toDisplayString as G2, createBlock as s2, resolveDynamicComponent as l2, withModifiers as P2, renderSlot as U2, h as C2 } from "vue";
-import { Hexchess as a2, position as R, San as d1, isPromotionPosition as S2 } from "@bedard/hexchess";
+import { defineComponent as dt, createElementBlock as g, createCommentVNode as fe, openBlock as v, createStaticVNode as B, mergeModels as st, useModel as Y1, shallowRef as o1, useTemplateRef as xt, computed as j, onMounted as Mt, onUnmounted as zt, watch as lt, unref as f, normalizeStyle as d1, createElementVNode as Gt, Fragment as n1, renderList as i1, mergeProps as Pt, toDisplayString as Ut, createBlock as at, resolveDynamicComponent as ct, withModifiers as Ct, renderSlot as St, h as Tt } from "vue";
+import { Hexchess as ut, position as H, San as f1, isPromotionPosition as Et } from "@bedard/hexchess";
 function l(c, P, s) {
   return [c[0] + s * (P[0] - c[0]), c[1] + s * (P[1] - c[1])];
 }
@@ -8,22 +8,22 @@ function n(c) {
 }
 function e(c) {
   return [
-    x(c, -300, le),
-    x(c, 0, le),
-    x(c, -60, le),
-    x(c, -120, le),
-    x(c, -180, le),
-    x(c, -240, le)
+    x(c, -300, ae),
+    x(c, 0, ae),
+    x(c, -60, ae),
+    x(c, -120, ae),
+    x(c, -180, ae),
+    x(c, -240, ae)
   ];
 }
 function x(c, P, s) {
-  const K = T2(P);
+  const K = Bt(P);
   return [
     s * Math.cos(K) + c[0],
     s * Math.sin(K) + c[1]
   ];
 }
-function T2(c) {
+function Bt(c) {
   return c * (Math.PI / 180);
 }
 function t(c) {
@@ -32,13 +32,13 @@ function t(c) {
 function i(c, P) {
   return [c[0] + P[0], c[1] + P[1]];
 }
-function fe(c) {
-  return he / 2 + c;
-}
 function pe(c) {
-  return he / 2 - c;
+  return ve / 2 + c;
+}
+function he(c) {
+  return ve / 2 - c;
 }
-const he = 23.6, E2 = {
+const ve = 23.6, $t = {
   colors: [
     "oklch(0.9015 0.0729 70.7)",
     "oklch(0.8366 0.1165 66.29)",
@@ -57,133 +57,133 @@ const he = 23.6, E2 = {
   // red-500
   targetColor: "oklch(63.7% 0.237 25.331)"
   // red-500
-}, B2 = "b/qbk/n1b1n/r5r/ppppppppp/11/5P5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w - 0 1", a = 1.7, Q = 1.7, le = 2 / Math.sqrt(3), w = le * (Math.sqrt(3) / 2) * 2, k = w * 2, y = w * 3, M = w * 4, G = w * 5, m = [0, 0], H = x(m, 150, G), O = x(m, 150, M), F = x(m, 150, y), $ = x(m, 150, k), S = x(m, 150, w), T = x(m, 30, w), L = x(m, 30, k), D = x(m, 30, y), q = x(m, 30, M), N = x(m, 30, G), X = i(H, [0, -G]), Y = i(O, [0, -G]), ve = i(F, [0, -G]), ge = i($, [0, -G]), we = i(S, [0, -G]), me = i(m, [0, -G]), be = i(T, [0, -G]), ke = i(L, [0, -G]), ye = i(D, [0, -G]), Z = i(q, [0, -G]), J = i(N, [0, -G]), I = i(H, [0, -M]), _ = i(O, [0, -M]), xe = i(F, [0, -M]), Me = i($, [0, -M]), ze = i(S, [0, -M]), Ge = i(m, [0, -M]), Pe = i(T, [0, -M]), Ue = i(L, [0, -M]), Ce = i(D, [0, -M]), ee = i(q, [0, -M]), te = i(N, [0, -M]), Se = i(H, [0, -y]), Te = i(O, [0, -y]), f1 = i(F, [0, -y]), p1 = i($, [0, -y]), h1 = i(S, [0, -y]), v1 = i(m, [0, -y]), g1 = i(T, [0, -y]), w1 = i(L, [0, -y]), m1 = i(D, [0, -y]), Ee = i(q, [0, -y]), Be = i(N, [0, -y]), Oe = i(H, [0, -k]), $e = i(O, [0, -k]), b1 = i(F, [0, -k]), k1 = i($, [0, -k]), y1 = i(S, [0, -k]), x1 = i(m, [0, -k]), M1 = i(T, [0, -k]), z1 = i(L, [0, -k]), G1 = i(D, [0, -k]), Le = i(q, [0, -k]), qe = i(N, [0, -k]), je = i(H, [0, -w]), Re = i(O, [0, -w]), P1 = i(F, [0, -w]), U1 = i($, [0, -w]), C1 = i(S, [0, -w]), S1 = i(m, [0, -w]), T1 = i(T, [0, -w]), E1 = i(L, [0, -w]), B1 = i(D, [0, -w]), He = i(q, [0, -w]), Fe = i(N, [0, -w]), De = i(O, [0, w]), Ne = i(F, [0, w]), O1 = i($, [0, w]), $1 = i(S, [0, w]), L1 = i(m, [0, w]), q1 = i(T, [0, w]), j1 = i(L, [0, w]), We = i(D, [0, w]), Ve = i(q, [0, w]), Ae = i(F, [0, k]), Ke = i($, [0, k]), R1 = i(S, [0, k]), H1 = i(m, [0, k]), F1 = i(T, [0, k]), Qe = i(L, [0, k]), Xe = i(D, [0, k]), Ye = i($, [0, y]), Ze = i(S, [0, y]), D1 = i(m, [0, y]), Je = i(T, [0, y]), Ie = i(L, [0, y]), oe = i(S, [0, M]), ne = i(m, [0, M]), ie = i(T, [0, M]), re = i(m, [0, G]), o = [
+}, Lt = "b/qbk/n1b1n/r5r/ppppppppp/11/5P5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w - 0 1", a = 1.7, Q = 1.7, ae = 2 / Math.sqrt(3), w = ae * (Math.sqrt(3) / 2) * 2, k = w * 2, y = w * 3, M = w * 4, G = w * 5, m = [0, 0], F = x(m, 150, G), $ = x(m, 150, M), R = x(m, 150, y), L = x(m, 150, k), S = x(m, 150, w), T = x(m, 30, w), q = x(m, 30, k), N = x(m, 30, y), O = x(m, 30, M), W = x(m, 30, G), X = i(F, [0, -G]), Y = i($, [0, -G]), ge = i(R, [0, -G]), we = i(L, [0, -G]), me = i(S, [0, -G]), be = i(m, [0, -G]), ke = i(T, [0, -G]), ye = i(q, [0, -G]), xe = i(N, [0, -G]), Z = i(O, [0, -G]), J = i(W, [0, -G]), I = i(F, [0, -M]), _ = i($, [0, -M]), Me = i(R, [0, -M]), ze = i(L, [0, -M]), Ge = i(S, [0, -M]), Pe = i(m, [0, -M]), Ue = i(T, [0, -M]), Ce = i(q, [0, -M]), Se = i(N, [0, -M]), ee = i(O, [0, -M]), te = i(W, [0, -M]), Te = i(F, [0, -y]), Ee = i($, [0, -y]), p1 = i(R, [0, -y]), h1 = i(L, [0, -y]), v1 = i(S, [0, -y]), g1 = i(m, [0, -y]), w1 = i(T, [0, -y]), m1 = i(q, [0, -y]), b1 = i(N, [0, -y]), Be = i(O, [0, -y]), $e = i(W, [0, -y]), Le = i(F, [0, -k]), qe = i($, [0, -k]), k1 = i(R, [0, -k]), y1 = i(L, [0, -k]), x1 = i(S, [0, -k]), M1 = i(m, [0, -k]), z1 = i(T, [0, -k]), G1 = i(q, [0, -k]), P1 = i(N, [0, -k]), Oe = i(O, [0, -k]), je = i(W, [0, -k]), He = i(F, [0, -w]), Fe = i($, [0, -w]), U1 = i(R, [0, -w]), C1 = i(L, [0, -w]), S1 = i(S, [0, -w]), T1 = i(m, [0, -w]), E1 = i(T, [0, -w]), B1 = i(q, [0, -w]), $1 = i(N, [0, -w]), Re = i(O, [0, -w]), Ne = i(W, [0, -w]), We = i($, [0, w]), Ve = i(R, [0, w]), L1 = i(L, [0, w]), q1 = i(S, [0, w]), O1 = i(m, [0, w]), j1 = i(T, [0, w]), H1 = i(q, [0, w]), Ae = i(N, [0, w]), De = i(O, [0, w]), Ke = i(R, [0, k]), Qe = i(L, [0, k]), F1 = i(S, [0, k]), R1 = i(m, [0, k]), N1 = i(T, [0, k]), Xe = i(q, [0, k]), Ye = i(N, [0, k]), Ze = i(L, [0, y]), Je = i(S, [0, y]), W1 = i(m, [0, y]), Ie = i(T, [0, y]), _e = i(q, [0, y]), oe = i(S, [0, M]), ne = i(m, [0, M]), ie = i(T, [0, M]), re = i(m, [0, G]), o = [
   [2, re, t(re), e(re), n(e(re))],
   [1, oe, t(oe), e(oe), n(e(oe))],
   [0, ne, t(ne), e(ne), n(e(ne))],
   [1, ie, t(ie), e(ie), n(e(ie))],
-  [0, Ye, t(Ye), e(Ye), n(e(Ye))],
-  [2, Ze, t(Ze), e(Ze), n(e(Ze))],
-  [1, D1, t(D1), e(D1), n(e(D1))],
+  [0, Ze, t(Ze), e(Ze), n(e(Ze))],
   [2, Je, t(Je), e(Je), n(e(Je))],
-  [0, Ie, t(Ie), e(Ie), n(e(Ie))],
-  [2, Ae, t(Ae), e(Ae), n(e(Ae))],
-  [1, Ke, t(Ke), e(Ke), n(e(Ke))],
-  [0, R1, t(R1), e(R1), n(e(R1))],
-  [2, H1, t(H1), e(H1), n(e(H1))],
-  [0, F1, t(F1), e(F1), n(e(F1))],
+  [1, W1, t(W1), e(W1), n(e(W1))],
+  [2, Ie, t(Ie), e(Ie), n(e(Ie))],
+  [0, _e, t(_e), e(_e), n(e(_e))],
+  [2, Ke, t(Ke), e(Ke), n(e(Ke))],
   [1, Qe, t(Qe), e(Qe), n(e(Qe))],
-  [2, Xe, t(Xe), e(Xe), n(e(Xe))],
-  [1, De, t(De), e(De), n(e(De))],
-  [0, Ne, t(Ne), e(Ne), n(e(Ne))],
-  [2, O1, t(O1), e(O1), n(e(O1))],
-  [1, $1, t($1), e($1), n(e($1))],
-  [0, L1, t(L1), e(L1), n(e(L1))],
+  [0, F1, t(F1), e(F1), n(e(F1))],
+  [2, R1, t(R1), e(R1), n(e(R1))],
+  [0, N1, t(N1), e(N1), n(e(N1))],
+  [1, Xe, t(Xe), e(Xe), n(e(Xe))],
+  [2, Ye, t(Ye), e(Ye), n(e(Ye))],
+  [1, We, t(We), e(We), n(e(We))],
+  [0, Ve, t(Ve), e(Ve), n(e(Ve))],
+  [2, L1, t(L1), e(L1), n(e(L1))],
   [1, q1, t(q1), e(q1), n(e(q1))],
-  [2, j1, t(j1), e(j1), n(e(j1))],
-  [0, We, t(We), e(We), n(e(We))],
-  [1, Ve, t(Ve), e(Ve), n(e(Ve))],
-  [0, H, t(H), e(H), n(e(H))],
-  [2, O, t(O), e(O), n(e(O))],
-  [1, F, t(F), e(F), n(e(F))],
-  [0, $, t($), e($), n(e($))],
+  [0, O1, t(O1), e(O1), n(e(O1))],
+  [1, j1, t(j1), e(j1), n(e(j1))],
+  [2, H1, t(H1), e(H1), n(e(H1))],
+  [0, Ae, t(Ae), e(Ae), n(e(Ae))],
+  [1, De, t(De), e(De), n(e(De))],
+  [0, F, t(F), e(F), n(e(F))],
+  [2, $, t($), e($), n(e($))],
+  [1, R, t(R), e(R), n(e(R))],
+  [0, L, t(L), e(L), n(e(L))],
   [2, S, t(S), e(S), n(e(S))],
   [1, m, t(m), e(m), n(e(m))],
   [2, T, t(T), e(T), n(e(T))],
-  [0, L, t(L), e(L), n(e(L))],
-  [1, D, t(D), e(D), n(e(D))],
-  [2, q, t(q), e(q), n(e(q))],
-  [0, N, t(N), e(N), n(e(N))],
-  [1, je, t(je), e(je), n(e(je))],
+  [0, q, t(q), e(q), n(e(q))],
+  [1, N, t(N), e(N), n(e(N))],
+  [2, O, t(O), e(O), n(e(O))],
+  [0, W, t(W), e(W), n(e(W))],
+  [1, He, t(He), e(He), n(e(He))],
+  [0, Fe, t(Fe), e(Fe), n(e(Fe))],
+  [2, U1, t(U1), e(U1), n(e(U1))],
+  [1, C1, t(C1), e(C1), n(e(C1))],
+  [0, S1, t(S1), e(S1), n(e(S1))],
+  [2, T1, t(T1), e(T1), n(e(T1))],
+  [0, E1, t(E1), e(E1), n(e(E1))],
+  [1, B1, t(B1), e(B1), n(e(B1))],
+  [2, $1, t($1), e($1), n(e($1))],
   [0, Re, t(Re), e(Re), n(e(Re))],
-  [2, P1, t(P1), e(P1), n(e(P1))],
-  [1, U1, t(U1), e(U1), n(e(U1))],
-  [0, C1, t(C1), e(C1), n(e(C1))],
-  [2, S1, t(S1), e(S1), n(e(S1))],
-  [0, T1, t(T1), e(T1), n(e(T1))],
-  [1, E1, t(E1), e(E1), n(e(E1))],
-  [2, B1, t(B1), e(B1), n(e(B1))],
-  [0, He, t(He), e(He), n(e(He))],
-  [1, Fe, t(Fe), e(Fe), n(e(Fe))],
-  [2, Oe, t(Oe), e(Oe), n(e(Oe))],
-  [1, $e, t($e), e($e), n(e($e))],
-  [0, b1, t(b1), e(b1), n(e(b1))],
-  [2, k1, t(k1), e(k1), n(e(k1))],
-  [1, y1, t(y1), e(y1), n(e(y1))],
-  [0, x1, t(x1), e(x1), n(e(x1))],
-  [1, M1, t(M1), e(M1), n(e(M1))],
-  [2, z1, t(z1), e(z1), n(e(z1))],
-  [0, G1, t(G1), e(G1), n(e(G1))],
-  [1, Le, t(Le), e(Le), n(e(Le))],
-  [2, qe, t(qe), e(qe), n(e(qe))],
-  [0, Se, t(Se), e(Se), n(e(Se))],
-  [2, Te, t(Te), e(Te), n(e(Te))],
-  [1, f1, t(f1), e(f1), n(e(f1))],
-  [0, p1, t(p1), e(p1), n(e(p1))],
-  [2, h1, t(h1), e(h1), n(e(h1))],
-  [1, v1, t(v1), e(v1), n(e(v1))],
-  [2, g1, t(g1), e(g1), n(e(g1))],
-  [0, w1, t(w1), e(w1), n(e(w1))],
-  [1, m1, t(m1), e(m1), n(e(m1))],
+  [1, Ne, t(Ne), e(Ne), n(e(Ne))],
+  [2, Le, t(Le), e(Le), n(e(Le))],
+  [1, qe, t(qe), e(qe), n(e(qe))],
+  [0, k1, t(k1), e(k1), n(e(k1))],
+  [2, y1, t(y1), e(y1), n(e(y1))],
+  [1, x1, t(x1), e(x1), n(e(x1))],
+  [0, M1, t(M1), e(M1), n(e(M1))],
+  [1, z1, t(z1), e(z1), n(e(z1))],
+  [2, G1, t(G1), e(G1), n(e(G1))],
+  [0, P1, t(P1), e(P1), n(e(P1))],
+  [1, Oe, t(Oe), e(Oe), n(e(Oe))],
+  [2, je, t(je), e(je), n(e(je))],
+  [0, Te, t(Te), e(Te), n(e(Te))],
   [2, Ee, t(Ee), e(Ee), n(e(Ee))],
-  [0, Be, t(Be), e(Be), n(e(Be))],
+  [1, p1, t(p1), e(p1), n(e(p1))],
+  [0, h1, t(h1), e(h1), n(e(h1))],
+  [2, v1, t(v1), e(v1), n(e(v1))],
+  [1, g1, t(g1), e(g1), n(e(g1))],
+  [2, w1, t(w1), e(w1), n(e(w1))],
+  [0, m1, t(m1), e(m1), n(e(m1))],
+  [1, b1, t(b1), e(b1), n(e(b1))],
+  [2, Be, t(Be), e(Be), n(e(Be))],
+  [0, $e, t($e), e($e), n(e($e))],
   [1, I, t(I), e(I), n(e(I))],
   [0, _, t(_), e(_), n(e(_))],
-  [2, xe, t(xe), e(xe), n(e(xe))],
-  [1, Me, t(Me), e(Me), n(e(Me))],
-  [0, ze, t(ze), e(ze), n(e(ze))],
-  [2, Ge, t(Ge), e(Ge), n(e(Ge))],
-  [0, Pe, t(Pe), e(Pe), n(e(Pe))],
-  [1, Ue, t(Ue), e(Ue), n(e(Ue))],
-  [2, Ce, t(Ce), e(Ce), n(e(Ce))],
+  [2, Me, t(Me), e(Me), n(e(Me))],
+  [1, ze, t(ze), e(ze), n(e(ze))],
+  [0, Ge, t(Ge), e(Ge), n(e(Ge))],
+  [2, Pe, t(Pe), e(Pe), n(e(Pe))],
+  [0, Ue, t(Ue), e(Ue), n(e(Ue))],
+  [1, Ce, t(Ce), e(Ce), n(e(Ce))],
+  [2, Se, t(Se), e(Se), n(e(Se))],
   [0, ee, t(ee), e(ee), n(e(ee))],
   [1, te, t(te), e(te), n(e(te))],
   [2, X, t(X), e(X), n(e(X))],
   [1, Y, t(Y), e(Y), n(e(Y))],
-  [0, ve, t(ve), e(ve), n(e(ve))],
-  [2, ge, t(ge), e(ge), n(e(ge))],
-  [1, we, t(we), e(we), n(e(we))],
-  [0, me, t(me), e(me), n(e(me))],
-  [1, be, t(be), e(be), n(e(be))],
-  [2, ke, t(ke), e(ke), n(e(ke))],
-  [0, ye, t(ye), e(ye), n(e(ye))],
+  [0, ge, t(ge), e(ge), n(e(ge))],
+  [2, we, t(we), e(we), n(e(we))],
+  [1, me, t(me), e(me), n(e(me))],
+  [0, be, t(be), e(be), n(e(be))],
+  [1, ke, t(ke), e(ke), n(e(ke))],
+  [2, ye, t(ye), e(ye), n(e(ye))],
+  [0, xe, t(xe), e(xe), n(e(xe))],
   [1, Z, t(Z), e(Z), n(e(Z))],
   [2, J, t(J), e(J), n(e(J))]
-], O2 = [
+], qt = [
   ["11", l(ie, re, a), t(l(ie, re, a))],
   ["10", l(ne, oe, a), t(l(ne, oe, a))],
-  ["9", l(Ze, Ye, a), t(l(Ze, Ye, a))],
-  ["8", l(Ke, Ae, a), t(l(Ke, Ae, a))],
-  ["7", l(Ne, De, a), t(l(Ne, De, a))],
-  ["6", l(O, H, a), t(l(O, H, a))],
-  ["5", l(Re, je, a), t(l(Re, je, a))],
-  ["4", l($e, Oe, a), t(l($e, Oe, a))],
-  ["3", l(Te, Se, a), t(l(Te, Se, a))],
+  ["9", l(Je, Ze, a), t(l(Je, Ze, a))],
+  ["8", l(Qe, Ke, a), t(l(Qe, Ke, a))],
+  ["7", l(Ve, We, a), t(l(Ve, We, a))],
+  ["6", l($, F, a), t(l($, F, a))],
+  ["5", l(Fe, He, a), t(l(Fe, He, a))],
+  ["4", l(qe, Le, a), t(l(qe, Le, a))],
+  ["3", l(Ee, Te, a), t(l(Ee, Te, a))],
   ["2", l(_, I, a), t(l(_, I, a))],
   ["1", l(Y, X, a), t(l(Y, X, a))],
   ["a", l(I, X, a), t(l(I, X, a))],
   ["b", l(_, Y, a), t(l(_, Y, a))],
-  ["c", l(xe, ve, a), t(l(xe, ve, a))],
-  ["d", l(Me, ge, a), t(l(Me, ge, a))],
-  ["e", l(ze, we, a), t(l(ze, we, a))],
-  ["f", l(Ge, me, a), t(l(Ge, me, a))],
-  ["g", l(Pe, be, a), t(l(Pe, be, a))],
-  ["h", l(Ue, ke, a), t(l(Ue, ke, a))],
-  ["i", l(Ce, ye, a), t(l(Ce, ye, a))],
+  ["c", l(Me, ge, a), t(l(Me, ge, a))],
+  ["d", l(ze, we, a), t(l(ze, we, a))],
+  ["e", l(Ge, me, a), t(l(Ge, me, a))],
+  ["f", l(Pe, be, a), t(l(Pe, be, a))],
+  ["g", l(Ue, ke, a), t(l(Ue, ke, a))],
+  ["h", l(Ce, ye, a), t(l(Ce, ye, a))],
+  ["i", l(Se, xe, a), t(l(Se, xe, a))],
   ["k", l(ee, Z, a), t(l(ee, Z, a))],
   ["l", l(te, J, a), t(l(te, J, a))],
   ["1", l(Z, J, a), t(l(Z, J, a))],
   ["2", l(ee, te, a), t(l(ee, te, a))],
-  ["3", l(Ee, Be, a), t(l(Ee, Be, a))],
-  ["4", l(Le, qe, a), t(l(Le, qe, a))],
-  ["5", l(He, Fe, a), t(l(He, Fe, a))],
-  ["6", l(q, N, a), t(l(q, N, a))],
-  ["7", l(We, Ve, a), t(l(We, Ve, a))],
-  ["8", l(Qe, Xe, a), t(l(Qe, Xe, a))],
-  ["9", l(Je, Ie, a), t(l(Je, Ie, a))],
+  ["3", l(Be, $e, a), t(l(Be, $e, a))],
+  ["4", l(Oe, je, a), t(l(Oe, je, a))],
+  ["5", l(Re, Ne, a), t(l(Re, Ne, a))],
+  ["6", l(O, W, a), t(l(O, W, a))],
+  ["7", l(Ae, De, a), t(l(Ae, De, a))],
+  ["8", l(Xe, Ye, a), t(l(Xe, Ye, a))],
+  ["9", l(Ie, _e, a), t(l(Ie, _e, a))],
   ["10", l(ne, ie, a), t(l(ne, ie, a))],
   ["11", l(oe, re, a), t(l(oe, re, a))]
-], $2 = [
+], Ot = [
   o[
     0
     /* f11 */
@@ -557,108 +557,111 @@ const he = 23.6, E2 = {
     /* e10 */
   ][3][0]
 ];
-function N1(c) {
+function V1(c) {
   if (c.length === 0)
     return "";
   const [P, ...s] = c;
-  let K = `M ${fe(P[0])} ${pe(P[1])} L `;
+  let K = `M ${A1(pe(P[0]))} ${A1(he(P[1]))} L `;
   for (const E of s)
-    K += `${fe(E[0])} ${pe(E[1])} `;
+    K += `${A1(pe(E[0]))} ${A1(he(E[1]))} `;
   return `${K} Z`;
 }
-const L2 = {
+function A1(c) {
+  return c.toFixed(8);
+}
+const jt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, q2 = {
+}, Ht = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, j2 = {
+}, Ft = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, R2 = {
+}, Rt = {
   key: 3,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, H2 = {
+}, Nt = {
   key: 4,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, F2 = {
+}, Wt = {
   key: 5,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, D2 = {
+}, Vt = {
   key: 6,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, N2 = {
+}, At = {
   key: 7,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, W2 = {
+}, Dt = {
   key: 8,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, V2 = {
+}, Kt = {
   key: 9,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, A2 = {
+}, Qt = {
   key: 10,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, K2 = {
+}, Xt = {
   key: 11,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Q2 = /* @__PURE__ */ c2({
+}, Yt = /* @__PURE__ */ dt({
   __name: "Gioco",
   props: {
     type: {}
   },
   setup(c) {
-    return (P, s) => c.type === "p" ? (v(), g("svg", L2, [...s[0] || (s[0] = [
+    return (P, s) => c.type === "p" ? (v(), g("svg", jt, [...s[0] || (s[0] = [
       B('<defs><linearGradient id="gioco-a-bp" gradientTransform="matrix(.94331 0 0 1 615.66 493.37)" gradientUnits="userSpaceOnUse" x1="-639.4" x2="-612.91" y1="-465.15" y2="-465.15"><stop offset="0" stop-color="#796c60"></stop><stop offset="1" stop-color="#4b403b"></stop></linearGradient></defs><path d="M25 12.264c-3.56 0-6.447 2.655-6.447 5.93 0 1.705.799 3.326 2.19 4.45h-1.666c-1.312 0-2.4.978-2.4 2.158v.438c0 1.18 1.088 2.157 2.4 2.157h2.376c0 7.293-9.342 6.457-8.689 16.78L25 44.167l12.236.008c.653-10.323-8.689-9.486-8.689-16.779h2.376c1.312 0 2.4-.978 2.4-2.157v-.438c0-1.18-1.087-2.157-2.4-2.157h-1.666c1.391-1.125 2.19-2.747 2.19-4.45 0-3.276-2.886-5.93-6.446-5.931z" fill="url(#gioco-a-bp)" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.6"></path><path d="M24.999 12.264c-.521 0-1.028.058-1.513.166 6.257.692 7.675 6.466 4.917 9.222-2.016 1.69-7.662.993-7.662.993 2.56.443 4.97 1.954 7.252 2.488-6.033 11.435 9.7 9.026 9.242 19.043.995-10.592-7.673-8.148-8.689-16.78h2.377c1.312 0 2.398-.977 2.398-2.156v-.438c0-1.18-1.086-2.158-2.398-2.158h-1.667c1.391-1.125 2.191-2.746 2.19-4.449 0-3.276-2.886-5.932-6.447-5.932z" opacity=".15"></path><path d="M22.959 13.401c-1.77 1.602-2.968 3.612-3.476 6.19 0 0-1.16-4.235 3.476-6.19zM13.342 43.419c.273-5.321 2.572-6.184 7.538-11.434-1.03 3.566-7.387 5.868-7.538 11.434z" fill="#fff" opacity=".25"></path>', 4)
-    ])])) : c.type === "n" ? (v(), g("svg", q2, [...s[1] || (s[1] = [
+    ])])) : c.type === "n" ? (v(), g("svg", Ht, [...s[1] || (s[1] = [
       B('<defs><linearGradient gradientTransform="matrix(1.0621 0 0 1.0589 -3487.5 459.63)" gradientUnits="userSpaceOnUse" x1="3295.1" x2="3321.5" xlink:href="#gioco-a-bn" id="gioco-b-bn" y1="-411.88" y2="-411.88"></linearGradient><linearGradient id="gioco-a-bn"><stop offset="0" stop-color="#796c60"></stop><stop offset="1" stop-color="#4b403b"></stop></linearGradient><linearGradient gradientTransform="matrix(1.1509 0 0 1.1499 214.24 -138.92)" gradientUnits="userSpaceOnUse" x1="-177.63" x2="-151.24" xlink:href="#gioco-a-bn" id="gioco-c-bn" y1="156.68" y2="156.68"></linearGradient></defs><path class="st28" d="m25.987 23.546-11.592 1.097-1.454-5.216 14.468-6.815 1.763-3.9 10.2 11.892-4.116 17.678H14.74c.245-11.292 9.64-8.1 11.247-14.736z" fill="url(#gioco-b-bn)" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.6"></path><path d="m29.173 8.72-.879 1.945.426-.943c2.692 3.722 5.608 7.279 8.45 10.888l-5.285 17.671h3.372l4.117-17.671z" opacity=".15"></path><path d="M13.24 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684h28.748l.013-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685H25z" fill="url(#gioco-c-bn)" stroke="#1e1e1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><path d="M15.62 37.633c.159-4.472 2.145-6.971 8.667-9.837-.987 1.107-6.405 2.237-8.667 9.837zM14.418 21.67l-.523-1.803L28.03 13.21l1.217-2.764-.671 3.558-14.35 5.921z" fill="#fff" opacity=".25"></path>', 5)
-    ])])) : c.type === "b" ? (v(), g("svg", j2, [...s[2] || (s[2] = [
+    ])])) : c.type === "b" ? (v(), g("svg", Ft, [...s[2] || (s[2] = [
       B('<defs><linearGradient gradientTransform="matrix(1.019 0 0 1.0751 -3392.3 527.45)" gradientUnits="userSpaceOnUse" x1="3341.2" x2="3366.2" xlink:href="#gioco-a-bb" id="gioco-b-bb" y1="-469.28" y2="-469.28"></linearGradient><linearGradient id="gioco-a-bb"><stop offset="0" stop-color="#796c60"></stop><stop offset="1" stop-color="#4b403b"></stop></linearGradient><linearGradient gradientTransform="matrix(1.1509 0 0 1.1499 214.24 -138.92)" gradientUnits="userSpaceOnUse" x1="-177.63" x2="-151.24" xlink:href="#gioco-a-bb" id="gioco-c-bb" y1="156.68" y2="156.68"></linearGradient></defs><path d="M26.87 8.223c-5.797-2.298-6.952 2.527-4.668 5.86-9.898 10.6-11.253 16.425-6.195 24.204h17.99c6.084-6.912 2.558-14.515-4.823-22.3-2.883 4.119-3.274 7.35-3.946 11.131l-3.62-.071c-.66-6.006 7.622-15.14 5.261-18.823z" fill="url(#gioco-b-bb)" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.6"></path><path d="M24.933 7.654c-.625.02-.207.197-.771.567 0 .003.01.006.01.008 3.582-.311-2.369 11.772-3.394 18.894.536-3.014 1.325-5.68 3.082-8.725 2.003-4.351 4.237-8.681 3.008-10.169-.411-.38-1.144-.601-1.934-.575zm4.24 8.338c-.6.856-.517.67-.972 1.462 6.004 6.049 8.728 13.787 3.097 20.838h2.696c6.085-6.912 2.56-14.515-4.822-22.3z" opacity=".15"></path><path d="M13.24 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684h28.749l.012-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685H25z" fill="url(#gioco-c-bb)" stroke="#1e1e1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><path d="M14.895 34.327c-.716-1.396-3.266-6.812 4.513-15.739-2.1 4.86-5.958 8.69-4.513 15.739z" fill="#fff" opacity=".25"></path>', 5)
-    ])])) : c.type === "r" ? (v(), g("svg", R2, [...s[3] || (s[3] = [
+    ])])) : c.type === "r" ? (v(), g("svg", Rt, [...s[3] || (s[3] = [
       B('<defs><linearGradient gradientTransform="matrix(.23554 0 0 .25454 -3002.1 473.49)" gradientUnits="userSpaceOnUse" x1="12797" x2="12909" xlink:href="#gioco-a-br" id="gioco-b-br" y1="-1764.6" y2="-1764.6"></linearGradient><linearGradient id="gioco-a-br"><stop offset="0" stop-color="#796c60"></stop><stop offset="1" stop-color="#4b403b"></stop></linearGradient><linearGradient gradientTransform="translate(40.423 -.922)" gradientUnits="userSpaceOnUse" x1="-30.611" x2="-.235" xlink:href="#gioco-a-br" id="gioco-c-br" y1="42.165" y2="42.165"></linearGradient></defs><path d="M12.855 10.383v7.663c0 3.268 6.53 3.774 6.53 3.774-.352 9.864-5.036 16.486-5.036 16.486l21.428-.039s-4.651-6.62-5-16.446c0 0 6.896-.507 6.896-3.774v-7.663h-4.72s.459 2.25-.47 3.26c-1.035 1.126-2.418 1.126-3.454 0-.928-1.01-.47-3.26-.47-3.26h-6.59s.459 2.25-.47 3.26c-1.122 1.22-2.699 1.22-3.82 0-.929-1.01-.47-3.26-.47-3.26z" fill="url(#gioco-b-br)" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.6"></path><path d="m37.543 10.462.014 7.585c.263 3.48-24.58 2.135-24.523 1.03 2.098 2.532 4.445 2.613 6.352 2.744 7.292.498 9.8 8.89 13.306 16.446h2.97s-4.65-6.62-5-16.446c2.547-.395 2.954-.812 4.037-1.058h.018l-.002-.004c1.023-.236 2.81-1.376 2.842-2.713v-7.663z" opacity=".15"></path><path d="M13.239 38.286c-1.437 0-2.627 1.216-2.627 2.685v.544l.013 2.685h28.75l.012-2.685v-.544c0-1.469-1.19-2.685-2.627-2.685H25z" fill="url(#gioco-c-br)" stroke="#1e1e1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><g fill="#fff"><path d="M13.656 11.168v5.54c.48-1.867.299-4.088 1.554-5.54zM22.877 11.163c.055.896-.154 1.748-.269 2.616.48-1.866 1.823-2.616 1.823-2.616zM16.947 35.312c.875-1.143 3.603-10.333 3.233-13.244.7.39.658 10.057-3.233 13.244zM33.863 11.209c.005.598-.055 1.226-.187 2.02.48-1.867 1.295-2.04 1.295-2.04z" opacity=".25"></path></g>', 5)
-    ])])) : c.type === "q" ? (v(), g("svg", H2, [...s[4] || (s[4] = [
+    ])])) : c.type === "q" ? (v(), g("svg", Nt, [...s[4] || (s[4] = [
       B('<defs><linearGradient gradientTransform="translate(209.27 -109.27) scale(.31419)" gradientUnits="userSpaceOnUse" x1="-647.27" x2="-525.69" xlink:href="#gioco-a-bq" id="gioco-b-bq" y1="418.44" y2="418.44"></linearGradient><linearGradient id="gioco-a-bq"><stop offset="0" stop-color="#796c60"></stop><stop offset="1" stop-color="#4b403b"></stop></linearGradient><linearGradient gradientTransform="matrix(1.1509 0 0 1.1499 214.23 -138.92)" gradientUnits="userSpaceOnUse" x1="-177.63" x2="-151.24" xlink:href="#gioco-a-bq" id="gioco-c-bq" y1="156.68" y2="156.68"></linearGradient></defs><path d="M25 6.122c-2.635 0-4.771 2.098-4.771 4.685.002 1.855 1.118 3.534 2.846 4.283-.369 2.286-1.51 7.558-4.68 8.009-2.355.334-3.855-1.287-4.88-3.144a4.19 4.19 0 0 0 1.767-3.4c0-2.327-1.921-4.214-4.291-4.214S6.699 14.228 6.7 16.555c0 2.142 1.64 3.943 3.809 4.183l4.973 17.54h19.036l4.973-17.54c2.169-.24 3.807-2.041 3.809-4.183 0-2.327-1.922-4.214-4.292-4.214s-4.29 1.887-4.29 4.214a4.19 4.19 0 0 0 1.766 3.4c-1.025 1.857-2.525 3.478-4.88 3.144-3.17-.45-4.31-5.723-4.68-8.01 1.729-.748 2.845-2.427 2.847-4.282 0-2.587-2.136-4.685-4.77-4.685z" fill="url(#gioco-b-bq)" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.6"></path><path d="M39.002 12.342a4.348 4.348 0 0 0-1.567.296c4.741 1.678 3.877 6.805.591 7.316L30.414 38.28h4.2l4.87-17.541c2.17-.241 3.808-2.042 3.81-4.184 0-2.327-1.922-4.214-4.292-4.213z" opacity=".15"></path><path d="M13.227 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684H39.36l.013-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685h-11.76z" fill="url(#gioco-c-bq)" stroke="#1e1e1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><g fill="#fff"><path d="M9.515 13.489c-.794 1.17-1.726 2.667-1.554 4.779 0 0-1.604-3.01 1.554-4.779zM23.659 7.23c-.853.874-2.37 2.934-2.133 5.374-.207-.084-1.73-3.893 2.133-5.374zM12.062 23.328l5.244 14.111-1.17.023z" opacity=".25"></path></g>', 5)
-    ])])) : c.type === "k" ? (v(), g("svg", F2, [...s[5] || (s[5] = [
+    ])])) : c.type === "k" ? (v(), g("svg", Wt, [...s[5] || (s[5] = [
       B('<defs><linearGradient gradientTransform="matrix(.26458 0 0 .25357 227.43 -666.55)" gradientUnits="userSpaceOnUse" x1="-825.75" x2="-704.44" xlink:href="#gioco-a-bk" id="gioco-b-bk" y1="2712.8" y2="2712.8"></linearGradient><linearGradient id="gioco-a-bk"><stop offset="0" stop-color="#796c60"></stop><stop offset="1" stop-color="#4b403b"></stop></linearGradient><linearGradient gradientTransform="translate(225.05 -690.53)" gradientUnits="userSpaceOnUse" x1="-215.24" x2="-184.86" xlink:href="#gioco-a-bk" id="gioco-c-bk" y1="731.78" y2="731.78"></linearGradient></defs><path d="M25.006 3.868c-1.803.1-3.228 1.234-3.228 2.618 0 .565.244 1.644.693 2.097h-5.766v5.106h6.306l-2.61 2.833 2.673 2.167c-5.584.362-12.02 1.643-13.154 3.997-1.268 2.638 6.215 15.6 6.215 15.6h17.73s7.484-12.963 6.215-15.6c-1.133-2.357-7.594-3.64-13.179-3.999l2.71-2.165-2.61-2.833h6.306V8.583H27.54c.449-.453.693-1.531.693-2.097 0-1.384-1.425-2.518-3.228-2.618z" fill="url(#gioco-b-bk)" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.6" style="paint-order:fill markers;"></path><path d="m31.289 38.283 2.573-.005s7.482-12.428 6.214-15.065c-4.136-3.824-13.18-4.525-13.18-4.525 11.05 2.822 12.618 5.028 4.393 19.595z" opacity=".15"></path><path d="M13.242 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684h28.749l.012-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685h-11.76z" fill="url(#gioco-c-bk)" stroke="#1e1e1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><g fill="#fff"><path d="M13.283 31.138s-3.074-6.555-2.666-8.092c.408-1.536 5.987-2.736 5.987-2.736-6.486 2.71-4.786 4.558-3.321 10.828zM17.521 12.884v-3.52l1.532-.011c-.891.007-1.532 2.147-1.532 3.531zM24.798 4.67s-2.614.92-1.53 3.522c-.178-.007-2.142-2.72 1.53-3.522z" opacity=".25"></path></g>', 5)
-    ])])) : c.type === "P" ? (v(), g("svg", D2, [...s[6] || (s[6] = [
+    ])])) : c.type === "P" ? (v(), g("svg", Vt, [...s[6] || (s[6] = [
       B('<defs><linearGradient id="gioco-a-wp" gradientTransform="matrix(.94331 0 0 1 615.66 493.37)" gradientUnits="userSpaceOnUse" x1="-639.4" x2="-612.91" y1="-465.15" y2="-465.15"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#bba38a"></stop></linearGradient></defs><path d="M25 12.264c-3.56 0-6.447 2.655-6.447 5.93 0 1.705.799 3.326 2.19 4.45h-1.666c-1.312 0-2.4.978-2.4 2.158v.438c0 1.18 1.088 2.157 2.4 2.157h2.376c0 7.293-9.342 6.457-8.689 16.78L25 44.167l12.236.008c.653-10.323-8.689-9.486-8.689-16.779h2.376c1.312 0 2.4-.978 2.4-2.157v-.438c0-1.18-1.087-2.157-2.4-2.157h-1.666c1.391-1.125 2.19-2.747 2.19-4.45 0-3.276-2.886-5.93-6.446-5.931z" fill="url(#gioco-a-wp)" stroke="#323232" stroke-linejoin="round" stroke-width="1.6"></path><path d="M24.999 12.264c-.521 0-1.028.058-1.513.166 6.257.692 7.675 6.466 4.917 9.222-2.016 1.69-7.662.993-7.662.993 2.56.443 4.97 1.954 7.252 2.488-6.033 11.435 9.7 9.026 9.242 19.043.995-10.592-7.673-8.148-8.689-16.78h2.377c1.312 0 2.398-.977 2.398-2.156v-.438c0-1.18-1.086-2.158-2.398-2.158h-1.667c1.391-1.125 2.191-2.746 2.19-4.449 0-3.276-2.886-5.932-6.447-5.932z" opacity=".15"></path><path d="M22.959 13.401c-1.77 1.602-2.968 3.612-3.476 6.19 0 0-1.16-4.235 3.476-6.19zM13.342 43.419c.273-5.321 2.572-6.184 7.538-11.434-1.03 3.566-7.387 5.868-7.538 11.434z" fill="#fff"></path>', 4)
-    ])])) : c.type === "N" ? (v(), g("svg", N2, [...s[7] || (s[7] = [
+    ])])) : c.type === "N" ? (v(), g("svg", At, [...s[7] || (s[7] = [
       B('<defs><linearGradient gradientTransform="translate(474.35 493.34)" gradientUnits="userSpaceOnUse" x1="-462.21" x2="-434.18" xlink:href="#gioco-a-wn" id="gioco-b-wn" y1="-469.84" y2="-469.84"></linearGradient><linearGradient id="gioco-a-wn"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#bba38a"></stop></linearGradient><linearGradient gradientTransform="translate(474.35 493.34)" gradientUnits="userSpaceOnUse" x1="-464.54" x2="-434.16" xlink:href="#gioco-a-wn" id="gioco-c-wn" y1="-452.1" y2="-452.1"></linearGradient></defs><path class="st28" d="m25.987 23.546-11.592 1.097-1.454-5.216 14.468-6.815 1.763-3.9 10.2 11.892-4.116 17.678H14.74c.245-11.292 9.64-8.1 11.247-14.736z" fill="url(#gioco-b-wn)" stroke="#323232" stroke-linejoin="round" stroke-width="1.6"></path><path d="m29.173 8.72-.879 1.945.426-.943c2.692 3.722 5.608 7.279 8.45 10.888l-5.285 17.671h3.372l4.117-17.671z" opacity=".1"></path><path d="M13.24 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684h28.748l.013-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685H25z" fill="url(#gioco-c-wn)" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><path d="M15.62 37.633c.159-4.472 2.145-6.971 8.667-9.837-.987 1.107-6.405 2.237-8.667 9.837zM14.418 21.67l-.523-1.803L28.03 13.21l1.217-2.764-.671 3.558-14.35 5.921z" fill="#fff"></path>', 5)
-    ])])) : c.type === "B" ? (v(), g("svg", W2, [...s[8] || (s[8] = [
+    ])])) : c.type === "B" ? (v(), g("svg", Dt, [...s[8] || (s[8] = [
       B('<defs><linearGradient gradientTransform="matrix(1.019 0 0 1.0751 -3392.3 527.45)" gradientUnits="userSpaceOnUse" x1="3341.2" x2="3366.2" xlink:href="#gioco-a-wb" id="gioco-b-wb" y1="-469.26" y2="-469.26"></linearGradient><linearGradient id="gioco-a-wb"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#bba38a"></stop></linearGradient><linearGradient gradientTransform="matrix(1.1509 0 0 1.1499 214.24 -138.92)" gradientUnits="userSpaceOnUse" x1="-177.63" x2="-151.24" xlink:href="#gioco-a-wb" id="gioco-c-wb" y1="156.68" y2="156.68"></linearGradient></defs><path d="M26.87 8.223c-5.797-2.298-6.952 2.527-4.668 5.86-9.898 10.6-11.253 16.425-6.195 24.204h17.99c6.084-6.912 2.558-14.515-4.823-22.3-2.883 4.119-3.274 7.35-3.946 11.131l-3.62-.071c-.66-6.006 7.622-15.14 5.261-18.823z" fill="url(#gioco-b-wb)" stroke="#323232" stroke-linejoin="round" stroke-width="1.6"></path><path d="M24.933 7.654c-.625.02-.207.197-.771.567 0 .003.01.006.01.008 3.582-.311-2.369 11.772-3.394 18.894.536-3.014 1.325-5.68 3.082-8.725 2.003-4.351 4.237-8.681 3.008-10.169-.411-.38-1.144-.601-1.934-.575zm4.24 8.338c-.6.856-.517.67-.972 1.462 6.004 6.049 8.728 13.787 3.097 20.838h2.696c6.085-6.912 2.56-14.515-4.822-22.3z" opacity=".1"></path><path d="M13.24 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684h28.749l.012-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685H25z" fill="url(#gioco-c-wb)" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><path d="M14.895 34.327c-.716-1.396-3.266-6.812 4.513-15.739-2.1 4.86-5.958 8.69-4.513 15.739z" fill="#fff"></path>', 5)
-    ])])) : c.type === "R" ? (v(), g("svg", V2, [...s[9] || (s[9] = [
+    ])])) : c.type === "R" ? (v(), g("svg", Kt, [...s[9] || (s[9] = [
       B('<defs><linearGradient gradientTransform="translate(582.87 492.95)" gradientUnits="userSpaceOnUse" x1="-570.82" x2="-544.4" xlink:href="#gioco-a-wr" id="gioco-b-wr" y1="-468.61" y2="-468.61"></linearGradient><linearGradient id="gioco-a-wr"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#bba38a"></stop></linearGradient><linearGradient gradientTransform="translate(582.87 492.95)" gradientUnits="userSpaceOnUse" x1="-573.06" x2="-542.69" xlink:href="#gioco-a-wr" id="gioco-c-wr" y1="-451.71" y2="-451.71"></linearGradient></defs><path d="M12.855 10.383v7.663c0 3.268 6.53 3.774 6.53 3.774-.352 9.864-5.036 16.486-5.036 16.486l21.428-.039s-4.651-6.62-5-16.446c0 0 6.896-.507 6.896-3.774v-7.663h-4.72s.459 2.25-.47 3.26c-1.035 1.126-2.418 1.126-3.454 0-.928-1.01-.47-3.26-.47-3.26h-6.59s.459 2.25-.47 3.26c-1.122 1.22-2.699 1.22-3.82 0-.929-1.01-.47-3.26-.47-3.26z" fill="url(#gioco-b-wr)" stroke="#323232" stroke-linejoin="round" stroke-width="1.6"></path><path d="m37.543 10.462.014 7.585c.263 3.48-24.58 2.135-24.523 1.03 2.098 2.532 4.445 2.613 6.352 2.744 7.292.498 9.8 8.89 13.306 16.446h2.97s-4.65-6.62-5-16.446c2.547-.395 2.954-.812 4.037-1.058h.018l-.002-.004c1.023-.236 2.81-1.376 2.842-2.713v-7.663z" opacity=".1"></path><path d="M13.239 38.286c-1.437 0-2.627 1.216-2.627 2.685v.544l.013 2.685h28.75l.012-2.685v-.544c0-1.469-1.19-2.685-2.627-2.685H25z" fill="url(#gioco-c-wr)" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><g fill="#fff"><path d="M13.656 11.168v5.54c.48-1.867.299-4.088 1.554-5.54zM22.877 11.163c.055.896-.154 1.748-.269 2.616.48-1.866 1.823-2.616 1.823-2.616zM16.947 35.312c.875-1.143 3.603-10.333 3.233-13.244.7.39.658 10.057-3.233 13.244zM33.863 11.209c.005.598-.055 1.226-.187 2.02.48-1.867 1.295-2.04 1.295-2.04z"></path></g>', 5)
-    ])])) : c.type === "Q" ? (v(), g("svg", A2, [...s[10] || (s[10] = [
+    ])])) : c.type === "Q" ? (v(), g("svg", Qt, [...s[10] || (s[10] = [
       B('<defs><linearGradient gradientTransform="translate(545.92 492.79)" gradientUnits="userSpaceOnUse" x1="-540.02" x2="-501.82" xlink:href="#gioco-a-wq" id="gioco-b-wq" y1="-470.59" y2="-470.59"></linearGradient><linearGradient id="gioco-a-wq"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#bba38a"></stop></linearGradient><linearGradient gradientTransform="translate(545.92 492.79)" gradientUnits="userSpaceOnUse" x1="-536.12" x2="-505.75" xlink:href="#gioco-a-wq" id="gioco-c-wq" y1="-451.55" y2="-451.55"></linearGradient></defs><path d="M25 6.122c-2.635 0-4.771 2.098-4.771 4.685.002 1.855 1.118 3.534 2.846 4.283-.369 2.286-1.51 7.558-4.68 8.009-2.355.334-3.855-1.287-4.88-3.144a4.19 4.19 0 0 0 1.767-3.4c0-2.327-1.921-4.214-4.291-4.214S6.699 14.228 6.7 16.555c0 2.142 1.64 3.943 3.809 4.183l4.973 17.54h19.036l4.973-17.54c2.169-.24 3.807-2.041 3.809-4.183 0-2.327-1.922-4.214-4.292-4.214s-4.29 1.887-4.29 4.214a4.19 4.19 0 0 0 1.766 3.4c-1.025 1.857-2.525 3.478-4.88 3.144-3.17-.45-4.31-5.723-4.68-8.01 1.729-.748 2.845-2.427 2.847-4.282 0-2.587-2.136-4.685-4.77-4.685z" fill="url(#gioco-b-wq)" stroke="#323232" stroke-linejoin="round" stroke-width="1.6"></path><path d="M39.002 12.342a4.348 4.348 0 0 0-1.567.296c4.741 1.678 3.877 6.805.591 7.316L30.414 38.28h4.2l4.87-17.541c2.17-.241 3.808-2.042 3.81-4.184 0-2.327-1.922-4.214-4.292-4.213z" opacity=".1"></path><path d="M13.227 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684H39.36l.013-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685h-11.76z" fill="url(#gioco-c-wq)" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><g fill="#fff"><path d="M9.515 13.489c-.794 1.17-1.726 2.667-1.554 4.779 0 0-1.604-3.01 1.554-4.779zM23.659 7.23c-.853.874-2.37 2.934-2.133 5.374-.207-.084-1.73-3.893 2.133-5.374zM12.062 23.328l5.244 14.111-1.17.023z"></path></g>', 5)
-    ])])) : c.type === "K" ? (v(), g("svg", K2, [...s[11] || (s[11] = [
+    ])])) : c.type === "K" ? (v(), g("svg", Xt, [...s[11] || (s[11] = [
       B('<defs><linearGradient gradientTransform="matrix(.26458 0 0 .25357 227.43 -666.55)" gradientUnits="userSpaceOnUse" x1="-825.75" x2="-704.44" xlink:href="#gioco-a-wk" id="gioco-b-wk" y1="2712.8" y2="2712.8"></linearGradient><linearGradient id="gioco-a-wk"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#bba38a"></stop></linearGradient><linearGradient gradientTransform="translate(225.05 -690.53)" gradientUnits="userSpaceOnUse" x1="-215.24" x2="-184.86" xlink:href="#gioco-a-wk" id="gioco-c-wk" y1="731.78" y2="731.78"></linearGradient></defs><path d="M25.006 3.868c-1.803.1-3.228 1.234-3.228 2.618 0 .565.244 1.644.693 2.097h-5.766v5.106h6.306l-2.61 2.833 2.673 2.167c-5.584.362-12.02 1.643-13.154 3.997-1.268 2.638 6.215 15.6 6.215 15.6h17.73s7.484-12.963 6.215-15.6c-1.133-2.357-7.594-3.64-13.179-3.999l2.71-2.165-2.61-2.833h6.306V8.583H27.54c.449-.453.693-1.531.693-2.097 0-1.384-1.425-2.518-3.228-2.618z" fill="url(#gioco-b-wk)" stroke="#323232" stroke-linejoin="round" stroke-width="1.6" style="paint-order:fill markers;"></path><path d="m31.289 38.283 2.573-.005s7.482-12.428 6.214-15.065c-4.136-3.824-13.18-4.525-13.18-4.525 11.05 2.822 12.618 5.028 4.393 19.595z" opacity=".1"></path><path d="M13.242 38.286c-1.437 0-2.627 1.216-2.627 2.685v.545l.013 2.684h28.749l.012-2.684v-.545c0-1.468-1.19-2.685-2.627-2.685h-11.76z" fill="url(#gioco-c-wk)" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"></path><g fill="#fff"><path d="M13.283 31.138s-3.074-6.555-2.666-8.092c.408-1.536 5.987-2.736 5.987-2.736-6.486 2.71-4.786 4.558-3.321 10.828zM17.521 12.884v-3.52l1.532-.011c-.891.007-1.532 2.147-1.532 3.531zM24.798 4.67s-2.614.92-1.53 3.522c-.178-.007-2.142-2.72 1.53-3.522z"></path></g>', 5)
-    ])])) : de("", !0);
+    ])])) : fe("", !0);
   }
-}), X2 = ["viewBox"], Y2 = ["d", "fill"], Z2 = ["d", "data-hexboard-position", "data-testid", "fill"], J2 = ["d", "data-testid", "fill"], I2 = ["d", "data-testid", "fill"], _2 = ["textContent", "data-testid", "x", "y"], et = ["cx", "cy", "data-testid", "fill"], tt = ["viewBox"], it = /* @__PURE__ */ c2({
+}), Zt = ["viewBox"], Jt = ["d", "fill"], It = ["d", "data-hexboard-position", "data-testid", "fill"], _t = ["d", "data-testid", "fill"], e2 = ["d", "data-testid", "fill"], t2 = ["textContent", "data-testid", "x", "y"], o2 = ["cx", "cy", "data-testid", "fill"], n2 = ["viewBox"], s2 = /* @__PURE__ */ dt({
   __name: "Hexboard",
-  props: /* @__PURE__ */ i2({
+  props: /* @__PURE__ */ st({
     active: { type: Boolean, default: !1 },
     autoselect: { type: Boolean, default: !1 },
     flipped: { type: Boolean, default: !1 },
-    hexchess: { default: () => a2.init() },
+    hexchess: { default: () => ut.init() },
     highlight: { default: () => [] },
     ignoreTurn: { type: Boolean, default: !1 },
     options: { default: () => ({}) },
-    pieces: { default: () => Q2 },
+    pieces: { default: () => Yt },
     playing: { type: [String, Boolean], default: !1 },
-    position: { default: B2 }
+    position: { default: Lt }
   }, {
     "mouseover-position": {
       default: null,
@@ -676,44 +679,44 @@ const L2 = {
     },
     targetsModifiers: {}
   }),
-  emits: /* @__PURE__ */ i2(["clickPosition", "move"], ["update:mouseover-position", "update:selected", "update:targets"]),
+  emits: /* @__PURE__ */ st(["clickPosition", "move"], ["update:mouseover-position", "update:selected", "update:targets"]),
   setup(c, { emit: P }) {
-    const s = c, K = P, E = Q1(c, "mouseover-position"), U = Q1(c, "selected"), W = Q1(c, "targets"), _e = t1({ x: 0, y: 0 }), C = t1(null), ae = t1(new DOMRect()), h = t1({
+    const s = c, K = P, E = Y1(c, "mouseover-position"), U = Y1(c, "selected"), V = Y1(c, "targets"), e1 = o1({ x: 0, y: 0 }), C = o1(null), ce = o1(se()), h = o1({
       hexchess: null,
       promotionEl: null,
       promotionFrom: null,
       promotionTo: null,
       selected: null
-    }), W1 = k2("svgEl"), V = t1(new DOMRect());
-    let V1 = !1;
-    const u2 = j(() => h.value.hexchess ? [] : W.value), ce = j(() => h.value.hexchess ? h.value.hexchess : s.hexchess ? s.hexchess : a2.init()), d2 = j(() => ce.value.board.reduce(
+    }), D1 = xt("svgEl"), A = o1(se());
+    let K1 = !1;
+    const ft = j(() => h.value.hexchess ? [] : V.value), ue = j(() => h.value.hexchess ? h.value.hexchess : s.hexchess ? s.hexchess : ut.init()), pt = j(() => ue.value.board.reduce(
       (r, d, u) => (d && u !== C.value && r.push({ piece: d, index: u }), r),
       []
-    )), i1 = j(() => typeof h.value.selected == "number" ? null : U.value), X1 = j(() => {
+    )), r1 = j(() => typeof h.value.selected == "number" ? null : U.value), Z1 = j(() => {
       var r, d, u;
-      if (A1.value)
+      if (Q1.value)
         return "grabbing";
       if (!(!s.active || E.value === null || h.value.hexchess)) {
-        if (U.value !== null && W.value.includes(E.value)) {
-          const p = (r = ce.value) == null ? void 0 : r.board[U.value];
+        if (U.value !== null && V.value.includes(E.value)) {
+          const p = (r = ue.value) == null ? void 0 : r.board[U.value];
           if (p) {
-            const b = p === p.toLowerCase() ? "b" : "w", z = ((d = ce.value) == null ? void 0 : d.turn) === b;
-            if ((s.playing === !0 || z) && l1(U.value))
+            const b = p === p.toLowerCase() ? "b" : "w", z = ((d = ue.value) == null ? void 0 : d.turn) === b;
+            if ((s.playing === !0 || z) && a1(U.value))
               return "pointer";
           }
         }
-        if (r1.value)
-          return s.playing === !0 || s.playing && Z1.value === ((u = ce.value) == null ? void 0 : u.turn) && s.playing === Z1.value ? "grab" : "pointer";
+        if (s1.value)
+          return s.playing === !0 || s.playing && I1.value === ((u = ue.value) == null ? void 0 : u.turn) && s.playing === I1.value ? "grab" : "pointer";
       }
-    }), Y1 = j(() => ({
-      x: _e.value.x - V.value.width / 2,
-      y: _e.value.y - V.value.height / 2
-    })), A1 = j(() => !s.hexchess || h.value.hexchess || C.value === null ? null : s.hexchess.board[C.value]), A = j(() => ({ ...E2, ...s.options })), Z1 = j(() => r1.value ? r1.value === r1.value.toLowerCase() ? "b" : "w" : null), r1 = j(() => {
+    }), J1 = j(() => ({
+      x: e1.value.x - A.value.width / 2,
+      y: e1.value.y - A.value.height / 2
+    })), Q1 = j(() => !s.hexchess || h.value.hexchess || C.value === null ? null : s.hexchess.board[C.value]), D = j(() => ({ ...$t, ...s.options })), I1 = j(() => s1.value ? s1.value === s1.value.toLowerCase() ? "b" : "w" : null), s1 = j(() => {
       var r;
-      return E.value === null ? null : ((r = ce.value) == null ? void 0 : r.board[E.value]) ?? null;
-    }), s1 = j(() => {
+      return E.value === null ? null : ((r = ue.value) == null ? void 0 : r.board[E.value]) ?? null;
+    }), l1 = j(() => {
       var p;
-      const r = (p = h.value.hexchess) == null ? void 0 : p.board[h.value.selected ?? -1], d = r === (r == null ? void 0 : r.toUpperCase()), u = (b) => (z) => C2(s.pieces, { ...z, type: b });
+      const r = (p = h.value.hexchess) == null ? void 0 : p.board[h.value.selected ?? -1], d = r === (r == null ? void 0 : r.toUpperCase()), u = (b) => (z) => Tt(s.pieces, { ...z, type: b });
       return {
         n: u(d ? "N" : "n"),
         b: u(d ? "B" : "b"),
@@ -721,39 +724,39 @@ const L2 = {
         q: u(d ? "Q" : "q")
       };
     });
-    y2(() => {
-      s.active && J1();
-    }), x2(n2), r2(X1, (r) => {
+    Mt(() => {
+      s.active && _1();
+    }), zt(rt), lt(Z1, (r) => {
       document.body.style.setProperty(
         "cursor",
         r === "grabbing" ? "grabbing" : null
       );
-    }), r2(
+    }), lt(
       () => s.active,
-      (r) => r ? J1() : n2()
+      (r) => r ? _1() : rt()
     );
-    function K1(r, d) {
-      var z, se;
-      if (!W.value.includes(r.to))
+    function X1(r, d) {
+      var z, le;
+      if (!V.value.includes(r.to))
         return;
       const u = (z = s.hexchess) == null ? void 0 : z.board[r.from];
       if (!u)
         return;
-      const p = u === u.toLowerCase() ? "b" : "w", b = ((se = s.hexchess) == null ? void 0 : se.turn) === p;
-      if (s.hexchess && (u === "p" || u === "P") && S2(r.to, p)) {
-        const ue = s.hexchess.clone();
-        ue.board[r.from] = null, ue.board[r.to] = u, h.value = {
-          hexchess: ue,
+      const p = u === u.toLowerCase() ? "b" : "w", b = ((le = s.hexchess) == null ? void 0 : le.turn) === p;
+      if (s.hexchess && (u === "p" || u === "P") && Et(r.to, p)) {
+        const de = s.hexchess.clone();
+        de.board[r.from] = null, de.board[r.to] = u, h.value = {
+          hexchess: de,
           promotionEl: (d == null ? void 0 : d.target) instanceof Element ? d.target : null,
           promotionFrom: r.from,
           promotionTo: r.to,
           selected: r.to
-        }, (d == null ? void 0 : d.target) instanceof Element && (ae.value = d.target.getBoundingClientRect());
+        }, (d == null ? void 0 : d.target) instanceof Element && (ce.value = d.target.getBoundingClientRect());
         return;
       }
-      l1(r.from) && (s.ignoreTurn || b) && _1(r);
+      a1(r.from) && (s.ignoreTurn || b) && tt(r);
     }
-    function l1(r) {
+    function a1(r) {
       var p;
       const d = (p = s.hexchess) == null ? void 0 : p.board[r];
       if (!d)
@@ -761,48 +764,48 @@ const L2 = {
       const u = d === d.toLowerCase() ? "b" : "w";
       return s.playing === !0 || s.playing === u;
     }
-    function f2(r) {
+    function ht(r) {
       var d, u;
-      return E.value === null ? A.value.labelColor : (d = R(E.value)) != null && d.startsWith(r) || (u = R(E.value)) != null && u.endsWith(r) ? A.value.labelActiveColor : A.value.labelInactiveColor;
+      return E.value === null ? D.value.labelColor : (d = H(E.value)) != null && d.startsWith(r) || (u = H(E.value)) != null && u.endsWith(r) ? D.value.labelActiveColor : D.value.labelInactiveColor;
     }
-    function J1() {
-      _e.value = { x: 0, y: 0 }, window.addEventListener("keyup", I1), window.addEventListener("pointermove", e2), window.addEventListener("pointerup", o2), window.addEventListener("resize", a1), window.addEventListener("scroll", a1), window.addEventListener("touchmove", t2, { passive: !1 });
+    function _1() {
+      e1.value = { x: 0, y: 0 }, window.addEventListener("keyup", et), window.addEventListener("pointermove", ot), window.addEventListener("pointerup", it), window.addEventListener("resize", c1), window.addEventListener("scroll", c1), window.addEventListener("touchmove", nt, { passive: !1 });
     }
-    function a1() {
+    function c1() {
       var r;
-      ae.value = ((r = h.value.promotionEl) == null ? void 0 : r.getBoundingClientRect()) ?? new DOMRect();
+      ce.value = ((r = h.value.promotionEl) == null ? void 0 : r.getBoundingClientRect()) ?? se();
     }
-    function p2(r, d) {
+    function vt(r, d) {
       if (s.active) {
-        if (V1) {
-          V1 = !1;
+        if (K1) {
+          K1 = !1;
           return;
         }
         if (h.value.hexchess) {
-          h.value.selected !== r && e1();
+          h.value.selected !== r && t1();
           return;
         }
-        if (U.value !== null && W.value.includes(r)) {
-          const u = new d1({ from: U.value, to: r });
-          K1(u, d);
+        if (U.value !== null && V.value.includes(r)) {
+          const u = new f1({ from: U.value, to: r });
+          X1(u, d);
           return;
         }
-        s.autoselect && !s.hexchess.board[r] && (U.value = null, W.value = []), K("clickPosition", r);
+        s.autoselect && !s.hexchess.board[r] && (U.value = null, V.value = []), K("clickPosition", r);
       }
     }
-    function I1(r) {
+    function et(r) {
       if (r.key === "Escape") {
         if (h.value.hexchess) {
-          e1();
+          t1();
           return;
         }
-        s.autoselect && (U.value = null, W.value = []);
+        s.autoselect && (U.value = null, V.value = []);
       }
     }
-    function _1(r) {
-      K("move", r), c1();
+    function tt(r) {
+      K("move", r), u1();
     }
-    function h2(r, d) {
+    function gt(r, d) {
       var u;
       if (d.stopPropagation(), C.value !== null) {
         let p = r;
@@ -811,27 +814,27 @@ const L2 = {
           d.clientY
         ), z = b == null ? void 0 : b.getAttribute("data-hexboard-position");
         z !== null && (p = Number(z));
-        const se = new d1({ from: C.value, to: p });
-        if (K1(se, d), h.value.hexchess)
+        const le = new f1({ from: C.value, to: p });
+        if (X1(le, d), h.value.hexchess)
           return;
-        C.value = null, V.value = new DOMRect();
+        C.value = null, A.value = se();
         return;
       }
-      if (U.value !== null && W.value.includes(r)) {
-        const p = new d1({ from: U.value, to: r });
-        return K1(p, d), h.value.hexchess, void 0;
+      if (U.value !== null && V.value.includes(r)) {
+        const p = new f1({ from: U.value, to: r });
+        return X1(p, d), h.value.hexchess, void 0;
       }
       if (h.value.hexchess) {
-        e1();
+        t1();
         return;
       }
       if ((u = s.hexchess) != null && u.board[r]) {
-        C.value = null, V.value = new DOMRect();
+        C.value = null, A.value = se();
         return;
       }
-      c1();
+      u1();
     }
-    function e1() {
+    function t1() {
       const r = h.value.promotionFrom;
       h.value = {
         hexchess: null,
@@ -839,195 +842,207 @@ const L2 = {
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, typeof r == "number" && (U.value = r, W.value = s.hexchess.movesFrom(r).map((d) => d.to) ?? []), C.value = null, V1 = !0;
+      }, typeof r == "number" && (U.value = r, V.value = s.hexchess.movesFrom(r).map((d) => d.to) ?? []), C.value = null, K1 = !0;
     }
-    function v2(r, d) {
-      var z, se, ue;
+    function wt(r, d) {
+      var z, le, de;
       if (d.preventDefault(), h.value.hexchess)
         return;
       const u = (z = s.hexchess) == null ? void 0 : z.board[r];
-      if (!u || (s.autoselect && (U.value = r, W.value = ((se = s.hexchess) == null ? void 0 : se.movesFrom(r).map((b2) => b2.to)) ?? []), !l1(r)))
+      if (!u || (s.autoselect && (U.value = r, V.value = ((le = s.hexchess) == null ? void 0 : le.movesFrom(r).map((yt) => yt.to)) ?? []), !a1(r)))
         return;
-      const p = u === u.toLowerCase() ? "b" : "w", b = ((ue = s.hexchess) == null ? void 0 : ue.turn) === p;
-      !s.ignoreTurn && !b || (C.value = r, _e.value = { x: d.clientX, y: d.clientY }, W1.value instanceof Element && (V.value = W1.value.getBoundingClientRect()));
+      const p = u === u.toLowerCase() ? "b" : "w", b = ((de = s.hexchess) == null ? void 0 : de.turn) === p;
+      !s.ignoreTurn && !b || (C.value = r, e1.value = { x: d.clientX, y: d.clientY }, D1.value instanceof Element && (A.value = D1.value.getBoundingClientRect()));
     }
-    function g2(r) {
+    function mt(r) {
       E.value = r;
     }
-    function w2() {
+    function bt() {
       E.value = null;
     }
-    function e2(r) {
-      s.active && (_e.value = { x: r.clientX, y: r.clientY });
+    function ot(r) {
+      s.active && (e1.value = { x: r.clientX, y: r.clientY });
     }
-    function t2(r) {
+    function nt(r) {
       C.value !== null && r.preventDefault();
     }
-    function o2() {
+    function it() {
       if (h.value.hexchess) {
-        e1();
+        t1();
         return;
       }
       if (C.value !== null) {
-        C.value = null, V.value = new DOMRect();
+        C.value = null, A.value = se();
         return;
       }
-      c1();
+      u1();
     }
-    function m2(r) {
-      if (typeof h.value.promotionFrom == "number" && l1(h.value.promotionFrom)) {
-        const d = new d1({
+    function kt(r) {
+      if (typeof h.value.promotionFrom == "number" && a1(h.value.promotionFrom)) {
+        const d = new f1({
           from: h.value.promotionFrom ?? 0,
           to: h.value.promotionTo ?? 0,
           promotion: r
         });
-        _1(d);
+        tt(d);
       }
     }
-    function c1() {
+    function se() {
+      return {
+        bottom: 0,
+        height: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        width: 0,
+        x: 0,
+        y: 0
+      };
+    }
+    function u1() {
       document.body.style.setProperty("cursor", null), C.value = null, U.value = null, h.value = {
         hexchess: null,
         promotionEl: null,
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, V.value = new DOMRect(), W.value = [];
+      }, A.value = se(), V.value = [];
     }
-    function n2() {
-      c1(), window.removeEventListener("keyup", I1), window.removeEventListener("pointermove", e2), window.removeEventListener("pointerup", o2), window.removeEventListener("resize", a1), window.removeEventListener("scroll", a1), window.removeEventListener("touchmove", t2);
+    function rt() {
+      u1(), window.removeEventListener("keyup", et), window.removeEventListener("pointermove", ot), window.removeEventListener("pointerup", it), window.removeEventListener("resize", c1), window.removeEventListener("scroll", c1), window.removeEventListener("touchmove", nt);
     }
     return (r, d) => (v(), g("div", null, [
       (v(), g("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         ref_key: "svgEl",
-        ref: W1,
-        style: u1({ cursor: X1.value }),
-        viewBox: `0 0 ${f(he)} ${f(he)}`
+        ref: D1,
+        style: d1({ cursor: Z1.value }),
+        viewBox: `0 0 ${f(ve)} ${f(ve)}`
       }, [
-        M2("path", {
-          d: f(N1)(f($2)),
-          fill: A.value.colors[1],
+        Gt("path", {
+          d: f(V1)(f(Ot)),
+          fill: D.value.colors[1],
           style: { pointerEvents: "none" }
-        }, null, 8, Y2),
-        (v(!0), g(o1, null, n1(f(o), (u, p) => (v(), g("path", z2(
+        }, null, 8, Jt),
+        (v(!0), g(n1, null, i1(f(o), (u, p) => (v(), g("path", Pt(
           { ref_for: !0 },
           c.active ? {
-            onClick: (b) => p2(p, b),
-            onMouseenter: () => g2(p),
-            onMouseleave: () => w2(),
-            onPointerdown: (b) => v2(p, b),
-            onPointerup: (b) => h2(p, b)
+            onClick: (b) => vt(p, b),
+            onMouseenter: () => mt(p),
+            onMouseleave: () => bt(),
+            onPointerdown: (b) => wt(p, b),
+            onPointerup: (b) => gt(p, b)
           } : {},
           {
-            d: f(N1)(c.flipped ? u[4] : u[3]),
+            d: f(V1)(c.flipped ? u[4] : u[3]),
             "data-hexboard-position": p,
-            "data-testid": `position-${f(R)(p)}`,
-            fill: A.value.colors[f(o)[p][0]],
+            "data-testid": `position-${f(H)(p)}`,
+            fill: D.value.colors[f(o)[p][0]],
             key: p
           }
-        ), null, 16, Z2))), 128)),
-        (v(!0), g(o1, null, n1(c.highlight, (u) => (v(), g("path", {
-          d: f(N1)(c.flipped ? f(o)[u][4] : f(o)[u][3]),
-          "data-testid": `highlight-${f(R)(u)}`,
-          fill: A.value.highlightColor,
+        ), null, 16, It))), 128)),
+        (v(!0), g(n1, null, i1(c.highlight, (u) => (v(), g("path", {
+          d: f(V1)(c.flipped ? f(o)[u][4] : f(o)[u][3]),
+          "data-testid": `highlight-${f(H)(u)}`,
+          fill: D.value.highlightColor,
           key: `highlight-${u}`,
           style: { pointerEvents: "none" }
-        }, null, 8, J2))), 128)),
-        typeof i1.value == "number" ? (v(), g("path", {
+        }, null, 8, _t))), 128)),
+        typeof r1.value == "number" ? (v(), g("path", {
           key: 0,
-          d: f(N1)(c.flipped ? f(o)[i1.value][4] : f(o)[i1.value][3]),
-          "data-testid": `selected-${f(R)(i1.value)}`,
-          fill: A.value.selectedColor,
+          d: f(V1)(c.flipped ? f(o)[r1.value][4] : f(o)[r1.value][3]),
+          "data-testid": `selected-${f(H)(r1.value)}`,
+          fill: D.value.selectedColor,
           ref: "selectedEl",
           style: { pointerEvents: "none" }
-        }, null, 8, I2)) : de("", !0),
-        A.value.labels ? (v(!0), g(o1, { key: 1 }, n1(f(O2), ([u, p, b], z) => (v(), g("text", {
-          textContent: G2(u),
+        }, null, 8, e2)) : fe("", !0),
+        D.value.labels ? (v(!0), g(n1, { key: 1 }, i1(f(qt), ([u, p, b], z) => (v(), g("text", {
+          textContent: Ut(u),
           "dominant-baseline": "central",
           "text-anchor": "middle",
           "data-testid": `label-${u}`,
           key: `label-${z}`,
-          style: u1({
-            fill: f2(u),
+          style: d1({
+            fill: ht(u),
             fontSize: ".5px",
             pointerEvents: "none",
             userSelect: "none"
           }),
-          x: f(fe)(c.flipped ? b[0] : p[0]),
-          y: f(pe)(c.flipped ? b[1] : p[1])
-        }, null, 12, _2))), 128)) : de("", !0),
-        ce.value ? (v(!0), g(o1, { key: 2 }, n1(d2.value, ({ piece: u, index: p }) => (v(), s2(l2(c.pieces), {
+          x: f(pe)(c.flipped ? b[0] : p[0]),
+          y: f(he)(c.flipped ? b[1] : p[1])
+        }, null, 12, t2))), 128)) : fe("", !0),
+        ue.value ? (v(!0), g(n1, { key: 2 }, i1(pt.value, ({ piece: u, index: p }) => (v(), at(ct(c.pieces), {
           "data-piece-type": u,
-          "data-testid": `piece-${f(R)(p)}`,
+          "data-testid": `piece-${f(H)(p)}`,
           height: f(Q),
-          key: `piece-${f(R)(p)}`,
+          key: `piece-${f(H)(p)}`,
           style: { pointerEvents: "none" },
           type: u,
           width: f(Q),
-          x: f(fe)(f(o)[p][c.flipped ? 2 : 1][0] - f(Q) / 2),
-          y: f(pe)(f(o)[p][c.flipped ? 2 : 1][1] + f(Q) / 2)
-        }, null, 8, ["data-piece-type", "data-testid", "height", "type", "width", "x", "y"]))), 128)) : de("", !0),
-        (v(!0), g(o1, null, n1(u2.value, (u) => (v(), g("circle", {
-          cx: f(fe)(f(o)[u][c.flipped ? 2 : 1][0]),
-          cy: f(pe)(f(o)[u][c.flipped ? 2 : 1][1]),
-          "data-testid": `target-${f(R)(u)}`,
-          fill: A.value.targetColor,
-          key: `target-${f(R)(u)}`,
+          x: f(pe)(f(o)[p][c.flipped ? 2 : 1][0] - f(Q) / 2),
+          y: f(he)(f(o)[p][c.flipped ? 2 : 1][1] + f(Q) / 2)
+        }, null, 8, ["data-piece-type", "data-testid", "height", "type", "width", "x", "y"]))), 128)) : fe("", !0),
+        (v(!0), g(n1, null, i1(ft.value, (u) => (v(), g("circle", {
+          cx: f(pe)(f(o)[u][c.flipped ? 2 : 1][0]),
+          cy: f(he)(f(o)[u][c.flipped ? 2 : 1][1]),
+          "data-testid": `target-${f(H)(u)}`,
+          fill: D.value.targetColor,
+          key: `target-${f(H)(u)}`,
           r: 0.3,
           style: { pointerEvents: "none" }
-        }, null, 8, et))), 128))
-      ], 12, X2)),
-      A1.value ? (v(), g("svg", {
+        }, null, 8, o2))), 128))
+      ], 12, Zt)),
+      Q1.value ? (v(), g("svg", {
         key: 0,
         "data-testid": "drag-piece",
         xmlns: "http://www.w3.org/2000/svg",
-        style: u1({
-          height: V.value.height + "px",
+        style: d1({
+          height: A.value.height + "px",
           left: "0px",
           pointerEvents: "none",
           position: "fixed",
           top: "0px",
-          transform: `translate(${Y1.value.x}px, ${Y1.value.y}px) scale(1.1)`,
-          width: V.value.width + "px",
+          transform: `translate(${J1.value.x}px, ${J1.value.y}px) scale(1.1)`,
+          width: A.value.width + "px",
           willChange: "transform"
         }),
-        viewBox: `0 0 ${f(he)} ${f(he)}`
+        viewBox: `0 0 ${f(ve)} ${f(ve)}`
       }, [
-        (v(), s2(l2(c.pieces), {
+        (v(), at(ct(c.pieces), {
           height: f(Q),
           style: { pointerEvents: "none" },
-          type: A1.value,
+          type: Q1.value,
           width: f(Q),
-          x: f(fe)(f(Q) / -2),
-          y: f(pe)(f(Q) / 2)
+          x: f(pe)(f(Q) / -2),
+          y: f(he)(f(Q) / 2)
         }, null, 8, ["height", "type", "width", "x", "y"]))
-      ], 12, tt)) : de("", !0),
+      ], 12, n2)) : fe("", !0),
       typeof h.value.selected == "number" ? (v(), g("div", {
         key: 1,
-        style: u1({
-          height: ae.value.height + "px",
-          left: ae.value.left + "px",
+        style: d1({
+          height: ce.value.height + "px",
+          left: ce.value.left + "px",
           position: "fixed",
-          top: ae.value.top + "px",
-          width: ae.value.width + "px"
+          top: ce.value.top + "px",
+          width: ce.value.width + "px"
         }),
-        onPointerup: d[0] || (d[0] = P2(() => {
+        onPointerup: d[0] || (d[0] = Ct(() => {
         }, ["stop"]))
       }, [
-        U2(r.$slots, "promotion", {
-          b: s1.value.b,
-          cancel: e1,
-          file: f(R)(h.value.selected)[0],
-          n: s1.value.n,
-          promote: m2,
-          q: s1.value.q,
-          r: s1.value.r,
-          rank: Number(f(R)(h.value.selected).slice(1))
+        St(r.$slots, "promotion", {
+          b: l1.value.b,
+          cancel: t1,
+          file: f(H)(h.value.selected)[0],
+          n: l1.value.n,
+          promote: kt,
+          q: l1.value.q,
+          r: l1.value.r,
+          rank: Number(f(H)(h.value.selected).slice(1))
         })
-      ], 36)) : de("", !0)
+      ], 36)) : fe("", !0)
     ]));
   }
 });
 export {
-  it as Hexboard
+  s2 as Hexboard
 };

package/package.json

@@ -58,5 +58,5 @@
   "license": "MIT",
   "type": "module",
   "types": "dist/index.d.ts",
-  "version": "0.0.3"
+  "version": "0.0.5"
 }

package/src/lib/components/hexboard/Hexboard.vue

@@ -191,7 +191,7 @@ import {
 import { d } from './dom'
 import { x, y } from './geometry'
 import GiocoPieces from './pieces/Gioco.vue'
-import type { HexboardOptions } from './types'
+import type { HexboardOptions, Rect } from './types'
 
 //
 // props
@@ -263,7 +263,7 @@ const pointerCoords = shallowRef({ x: 0, y: 0 })
 const pointerdownPosition = shallowRef<number | null>(null)
 
 /** rect of promotion anchor element */
-const promotionRect = shallowRef<DOMRect>(new DOMRect())
+const promotionRect = shallowRef(rect())
 
 /** staging display data */
 const staging = shallowRef<{
@@ -284,7 +284,7 @@ const staging = shallowRef<{
 const svgEl = useTemplateRef('svgEl')
 
 /** rect of svg element on pointerdown */
-const svgRect = shallowRef<DOMRect>(new DOMRect())
+const svgRect = shallowRef<Rect>(rect())
 
 /** flag to skip click handling after promotion cancel */
 let skipNextClick = false
@@ -581,7 +581,7 @@ function listen() {
 /** measure promotion element rect */
 function measurePromotionRect() {
   promotionRect.value
-    = staging.value.promotionEl?.getBoundingClientRect() ?? new DOMRect()
+    = staging.value.promotionEl?.getBoundingClientRect() ?? rect()
 }
 
 /** click position */
@@ -673,7 +673,7 @@ function onPointerupPosition(index: number, evt: PointerEvent) {
 
     // Keep selection but reset drag state
     pointerdownPosition.value = null
-    svgRect.value = new DOMRect()
+    svgRect.value = rect()
     return
   }
 
@@ -700,7 +700,7 @@ function onPointerupPosition(index: number, evt: PointerEvent) {
   // If clicking on any piece, keep the selection (it was set in pointerdown)
   if (props.hexchess?.board[index]) {
     pointerdownPosition.value = null
-    svgRect.value = new DOMRect()
+    svgRect.value = rect()
     return
   }
 
@@ -806,7 +806,7 @@ function onPointerupWindow() {
   // If dragging a piece, keep the selection but reset drag state
   if (pointerdownPosition.value !== null) {
     pointerdownPosition.value = null
-    svgRect.value = new DOMRect()
+    svgRect.value = rect()
     return
   }
 
@@ -829,6 +829,20 @@ function promote(promotion: 'n' | 'b' | 'r' | 'q') {
   }
 }
 
+/** create a `Rect` object */
+function rect(): Rect {
+  return {
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0,
+  }
+}
+
 /** reset state */
 function resetState() {
   document.body.style.setProperty('cursor', null)
@@ -841,7 +855,7 @@ function resetState() {
     promotionTo: null,
     selected: null,
   }
-  svgRect.value = new DOMRect()
+  svgRect.value = rect()
   targets.value = []
 }
 

package/src/lib/components/hexboard/dom.ts

@@ -9,11 +9,16 @@ export function d(arr: Vec<2>[]) {
 
   const [origin, ...points] = arr
 
-  let path = `M ${x(origin[0])} ${y(origin[1])} L `
+  let path = `M ${rounded(x(origin[0]))} ${rounded(y(origin[1]))} L `
 
   for (const point of points) {
-    path += `${x(point[0])} ${y(point[1])} `
+    path += `${rounded(x(point[0]))} ${rounded(y(point[1]))} `
   }
 
   return `${path} Z`
 }
+
+/** round a number to 5 decimal places */
+export function rounded(x: number) {
+  return x.toFixed(8)
+}

package/src/lib/components/hexboard/types.ts

@@ -18,6 +18,18 @@ export interface HexboardOptions {
   selectedColor: string
 }
 
+/** rect */
+export type Rect = {
+  bottom: number
+  height: number
+  left: number
+  right: number
+  top: number
+  width: number
+  x: number
+  y: number
+}
+
 /** uniform tuple of length `T`, `number` by default */
 export type Vec<
   T extends number,

package/src/sandbox/App.vue

@@ -10,7 +10,48 @@
       :hexchess
       :playing="true"
       @move="onMove"
-    />
+    >
+      <template #promotion="{ b, n, q, r, promote }">
+        <div class="absolute bg-gray-50 cursor-pointer flex left-1/2 bottom-full rounded-md shadow-md overflow-hidden -translate-x-1/2">
+          <button
+            class="aspect-square border-r border-gray-200 cursor-pointer flex items-center justify-center size-12 hover:bg-gray-200"
+            @click="promote('b')"
+          >
+            <Component
+              class="size-3/4"
+              :is="b"
+            />
+          </button>
+          <button
+            class="aspect-square border-r border-gray-200 cursor-pointer flex items-center justify-center size-12 hover:bg-gray-200"
+            @click="promote('n')"
+          >
+            <Component
+              class="size-3/4"
+              :is="n"
+            />
+          </button>
+          <button
+            class="aspect-square border-r border-gray-200 cursor-pointer flex items-center justify-center size-12 hover:bg-gray-200"
+            @click="promote('r')"
+          >
+            <Component
+              class="size-3/4"
+              :is="r"
+            />
+          </button>
+          <button
+            class="aspect-square cursor-pointer flex items-center justify-center size-12 hover:bg-gray-200"
+            @click="promote('q')"
+          >
+            <Component
+              class="size-3/4"
+              :is="q"
+            />
+          </button>
+        </div>
+      </template>
+    </Hexboard>
   </div>
 </template>