@bedard/hexboard 0.0.7 → 0.0.9

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# 0.0.9
+
+- Fix click-move capturing (https://github.com/scottbedard/hexboard/issues/1)
+- Remove `data-testid` from built files
+
+# 0.0.8
+
+- Round SVG coordinates for better SSR hydration
+
 # 0.0.7
 
 - Export `defaultOptions` constant and `HexboardOptions` type

package/dist/index.js

@@ -1,44 +1,44 @@
-import { defineComponent as ao, createElementBlock as P, openBlock as b, createElementVNode as fo, toDisplayString as vo, mergeModels as so, useModel as Zt, shallowRef as et, useTemplateRef as Co, computed as z, onMounted as Eo, onUnmounted as $o, watch as ro, createCommentVNode as tt, unref as f, normalizeStyle as at, Fragment as ot, renderList as nt, mergeProps as Lo, createBlock as io, resolveDynamicComponent as uo, withModifiers as Bo, renderSlot as Mo, h as To } from "vue";
-import { Hexchess as co, position as W, San as ft, isPromotionPosition as Fo } from "@bedard/hexchess";
-function r(u, $, d) {
-  return [u[0] + d * ($[0] - u[0]), u[1] + d * ($[1] - u[1])];
+import { defineComponent as ao, createElementBlock as P, openBlock as b, createElementVNode as fo, toDisplayString as vo, mergeModels as so, useModel as Zt, shallowRef as tt, useTemplateRef as Co, computed as A, onMounted as Eo, onUnmounted as Lo, watch as ro, createCommentVNode as ot, unref as a, normalizeStyle as at, Fragment as nt, renderList as lt, mergeProps as Bo, createBlock as uo, resolveDynamicComponent as io, withModifiers as Mo, renderSlot as $o, h as To } from "vue";
+import { Hexchess as co, position as fe, San as ft, isPromotionPosition as Fo } from "@bedard/hexchess";
+function r(i, B, v) {
+  return [i[0] + v * (B[0] - i[0]), i[1] + v * (B[1] - i[1])];
 }
-function n(u) {
-  return u.map(t);
+function n(i) {
+  return i.map(t);
 }
-function e(u) {
+function e(i) {
   return [
-    x(u, -300, ie),
-    x(u, 0, ie),
-    x(u, -60, ie),
-    x(u, -120, ie),
-    x(u, -180, ie),
-    x(u, -240, ie)
+    x(i, -300, ue),
+    x(i, 0, ue),
+    x(i, -60, ue),
+    x(i, -120, ue),
+    x(i, -180, ue),
+    x(i, -240, ue)
   ];
 }
-function x(u, $, d) {
-  const Q = Ro($);
+function x(i, B, v) {
+  const Q = Ro(B);
   return [
-    d * Math.cos(Q) + u[0],
-    d * Math.sin(Q) + u[1]
+    v * Math.cos(Q) + i[0],
+    v * Math.sin(Q) + i[1]
   ];
 }
-function Ro(u) {
-  return u * (Math.PI / 180);
+function Ro(i) {
+  return i * (Math.PI / 180);
 }
-function t(u) {
-  return [-u[0], -u[1]];
+function t(i) {
+  return [-i[0], -i[1]];
 }
-function l(u, $) {
-  return [u[0] + $[0], u[1] + $[1]];
+function l(i, B) {
+  return [i[0] + B[0], i[1] + B[1]];
 }
-function fe(u) {
-  return ve / 2 + u;
+function ve(i) {
+  return de / 2 + i;
 }
-function de(u) {
-  return ve / 2 - u;
+function he(i) {
+  return de / 2 - i;
 }
-const ve = 23.6, So = {
+const de = 23.6, So = {
   colors: [
     "oklch(0.9015 0.0729 70.7)",
     "oklch(0.8366 0.1165 66.29)",
@@ -57,56 +57,56 @@ const ve = 23.6, So = {
   // red-500
   targetColor: "oklch(63.7% 0.237 25.331)"
   // red-500
-}, qo = "b/qbk/n1b1n/r5r/ppppppppp/11/5P5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w - 0 1", i = 1.7, V = 1.7, ie = 2 / Math.sqrt(3), p = ie * (Math.sqrt(3) / 2) * 2, w = p * 2, y = p * 3, k = p * 4, E = p * 5, m = [0, 0], A = x(m, 150, E), R = x(m, 150, k), D = x(m, 150, y), S = x(m, 150, w), M = x(m, 150, p), T = x(m, 30, p), q = x(m, 30, w), H = x(m, 30, y), N = x(m, 30, k), O = x(m, 30, E), U = l(A, [0, -E]), Z = l(R, [0, -E]), he = l(D, [0, -E]), pe = l(S, [0, -E]), me = l(M, [0, -E]), ge = l(m, [0, -E]), we = l(T, [0, -E]), ye = l(q, [0, -E]), be = l(H, [0, -E]), j = l(N, [0, -E]), G = l(O, [0, -E]), J = l(A, [0, -k]), I = l(R, [0, -k]), xe = l(D, [0, -k]), ke = l(S, [0, -k]), Pe = l(M, [0, -k]), Ce = l(m, [0, -k]), Ee = l(T, [0, -k]), $e = l(q, [0, -k]), Le = l(H, [0, -k]), _ = l(N, [0, -k]), ee = l(O, [0, -k]), Be = l(A, [0, -y]), Me = l(R, [0, -y]), dt = l(D, [0, -y]), vt = l(S, [0, -y]), ht = l(M, [0, -y]), pt = l(m, [0, -y]), mt = l(T, [0, -y]), gt = l(q, [0, -y]), wt = l(H, [0, -y]), Te = l(N, [0, -y]), Fe = l(O, [0, -y]), Re = l(A, [0, -w]), Se = l(R, [0, -w]), yt = l(D, [0, -w]), bt = l(S, [0, -w]), xt = l(M, [0, -w]), kt = l(m, [0, -w]), Pt = l(T, [0, -w]), Ct = l(q, [0, -w]), Et = l(H, [0, -w]), qe = l(N, [0, -w]), Ne = l(O, [0, -w]), ze = l(A, [0, -p]), We = l(R, [0, -p]), $t = l(D, [0, -p]), Lt = l(S, [0, -p]), Bt = l(M, [0, -p]), Mt = l(m, [0, -p]), Tt = l(T, [0, -p]), Ft = l(q, [0, -p]), Rt = l(H, [0, -p]), Ae = l(N, [0, -p]), De = l(O, [0, -p]), He = l(R, [0, p]), Oe = l(D, [0, p]), St = l(S, [0, p]), qt = l(M, [0, p]), Nt = l(m, [0, p]), zt = l(T, [0, p]), Wt = l(q, [0, p]), Xe = l(H, [0, p]), Ye = l(N, [0, p]), Ke = l(D, [0, w]), Qe = l(S, [0, w]), At = l(M, [0, w]), Dt = l(m, [0, w]), Ht = l(T, [0, w]), Ve = l(q, [0, w]), Ue = l(H, [0, w]), Ze = l(S, [0, y]), je = l(M, [0, y]), Ot = l(m, [0, y]), Ge = l(T, [0, y]), Je = l(q, [0, y]), te = l(M, [0, k]), oe = l(m, [0, k]), ne = l(T, [0, k]), le = l(m, [0, E]), o = [
+}, qo = "b/qbk/n1b1n/r5r/ppppppppp/11/5P5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w - 0 1", u = 1.7, V = 1.7, ue = 2 / Math.sqrt(3), p = ue * (Math.sqrt(3) / 2) * 2, w = p * 2, y = p * 3, k = p * 4, L = p * 5, m = [0, 0], D = x(m, 150, L), S = x(m, 150, k), H = x(m, 150, y), q = x(m, 150, w), $ = x(m, 150, p), T = x(m, 30, p), N = x(m, 30, w), O = x(m, 30, y), z = x(m, 30, k), X = x(m, 30, L), U = l(D, [0, -L]), Z = l(S, [0, -L]), pe = l(H, [0, -L]), me = l(q, [0, -L]), ge = l($, [0, -L]), we = l(m, [0, -L]), ye = l(T, [0, -L]), be = l(N, [0, -L]), xe = l(O, [0, -L]), j = l(z, [0, -L]), G = l(X, [0, -L]), I = l(D, [0, -k]), J = l(S, [0, -k]), ke = l(H, [0, -k]), Pe = l(q, [0, -k]), Ce = l($, [0, -k]), Ee = l(m, [0, -k]), Le = l(T, [0, -k]), Be = l(N, [0, -k]), Me = l(O, [0, -k]), _ = l(z, [0, -k]), ee = l(X, [0, -k]), $e = l(D, [0, -y]), Te = l(S, [0, -y]), vt = l(H, [0, -y]), ht = l(q, [0, -y]), dt = l($, [0, -y]), pt = l(m, [0, -y]), mt = l(T, [0, -y]), gt = l(N, [0, -y]), wt = l(O, [0, -y]), Fe = l(z, [0, -y]), Re = l(X, [0, -y]), Se = l(D, [0, -w]), qe = l(S, [0, -w]), yt = l(H, [0, -w]), bt = l(q, [0, -w]), xt = l($, [0, -w]), kt = l(m, [0, -w]), Pt = l(T, [0, -w]), Ct = l(N, [0, -w]), Et = l(O, [0, -w]), Ne = l(z, [0, -w]), ze = l(X, [0, -w]), We = l(D, [0, -p]), Ae = l(S, [0, -p]), Lt = l(H, [0, -p]), Bt = l(q, [0, -p]), Mt = l($, [0, -p]), $t = l(m, [0, -p]), Tt = l(T, [0, -p]), Ft = l(N, [0, -p]), Rt = l(O, [0, -p]), De = l(z, [0, -p]), He = l(X, [0, -p]), Oe = l(S, [0, p]), Xe = l(H, [0, p]), St = l(q, [0, p]), qt = l($, [0, p]), Nt = l(m, [0, p]), zt = l(T, [0, p]), Wt = l(N, [0, p]), Ye = l(O, [0, p]), Ke = l(z, [0, p]), Qe = l(H, [0, w]), Ve = l(q, [0, w]), At = l($, [0, w]), Dt = l(m, [0, w]), Ht = l(T, [0, w]), Ue = l(N, [0, w]), Ze = l(O, [0, w]), je = l(q, [0, y]), Ge = l($, [0, y]), Ot = l(m, [0, y]), Ie = l(T, [0, y]), Je = l(N, [0, y]), te = l($, [0, k]), oe = l(m, [0, k]), ne = l(T, [0, k]), le = l(m, [0, L]), o = [
   [2, le, t(le), e(le), n(e(le))],
   [1, te, t(te), e(te), n(e(te))],
   [0, oe, t(oe), e(oe), n(e(oe))],
   [1, ne, t(ne), e(ne), n(e(ne))],
-  [0, Ze, t(Ze), e(Ze), n(e(Ze))],
-  [2, je, t(je), e(je), n(e(je))],
-  [1, Ot, t(Ot), e(Ot), n(e(Ot))],
+  [0, je, t(je), e(je), n(e(je))],
   [2, Ge, t(Ge), e(Ge), n(e(Ge))],
+  [1, Ot, t(Ot), e(Ot), n(e(Ot))],
+  [2, Ie, t(Ie), e(Ie), n(e(Ie))],
   [0, Je, t(Je), e(Je), n(e(Je))],
-  [2, Ke, t(Ke), e(Ke), n(e(Ke))],
-  [1, Qe, t(Qe), e(Qe), n(e(Qe))],
+  [2, Qe, t(Qe), e(Qe), n(e(Qe))],
+  [1, Ve, t(Ve), e(Ve), n(e(Ve))],
   [0, At, t(At), e(At), n(e(At))],
   [2, Dt, t(Dt), e(Dt), n(e(Dt))],
   [0, Ht, t(Ht), e(Ht), n(e(Ht))],
-  [1, Ve, t(Ve), e(Ve), n(e(Ve))],
-  [2, Ue, t(Ue), e(Ue), n(e(Ue))],
-  [1, He, t(He), e(He), n(e(He))],
-  [0, Oe, t(Oe), e(Oe), n(e(Oe))],
+  [1, Ue, t(Ue), e(Ue), n(e(Ue))],
+  [2, Ze, t(Ze), e(Ze), n(e(Ze))],
+  [1, Oe, t(Oe), e(Oe), n(e(Oe))],
+  [0, Xe, t(Xe), e(Xe), n(e(Xe))],
   [2, St, t(St), e(St), n(e(St))],
   [1, qt, t(qt), e(qt), n(e(qt))],
   [0, Nt, t(Nt), e(Nt), n(e(Nt))],
   [1, zt, t(zt), e(zt), n(e(zt))],
   [2, Wt, t(Wt), e(Wt), n(e(Wt))],
-  [0, Xe, t(Xe), e(Xe), n(e(Xe))],
-  [1, Ye, t(Ye), e(Ye), n(e(Ye))],
-  [0, A, t(A), e(A), n(e(A))],
-  [2, R, t(R), e(R), n(e(R))],
-  [1, D, t(D), e(D), n(e(D))],
-  [0, S, t(S), e(S), n(e(S))],
-  [2, M, t(M), e(M), n(e(M))],
+  [0, Ye, t(Ye), e(Ye), n(e(Ye))],
+  [1, Ke, t(Ke), e(Ke), n(e(Ke))],
+  [0, D, t(D), e(D), n(e(D))],
+  [2, S, t(S), e(S), n(e(S))],
+  [1, H, t(H), e(H), n(e(H))],
+  [0, q, t(q), e(q), n(e(q))],
+  [2, $, t($), e($), n(e($))],
   [1, m, t(m), e(m), n(e(m))],
   [2, T, t(T), e(T), n(e(T))],
-  [0, q, t(q), e(q), n(e(q))],
-  [1, H, t(H), e(H), n(e(H))],
-  [2, N, t(N), e(N), n(e(N))],
-  [0, O, t(O), e(O), n(e(O))],
-  [1, ze, t(ze), e(ze), n(e(ze))],
-  [0, We, t(We), e(We), n(e(We))],
+  [0, N, t(N), e(N), n(e(N))],
+  [1, O, t(O), e(O), n(e(O))],
+  [2, z, t(z), e(z), n(e(z))],
+  [0, X, t(X), e(X), n(e(X))],
+  [1, We, t(We), e(We), n(e(We))],
+  [0, Ae, t(Ae), e(Ae), n(e(Ae))],
+  [2, Lt, t(Lt), e(Lt), n(e(Lt))],
+  [1, Bt, t(Bt), e(Bt), n(e(Bt))],
+  [0, Mt, t(Mt), e(Mt), n(e(Mt))],
   [2, $t, t($t), e($t), n(e($t))],
-  [1, Lt, t(Lt), e(Lt), n(e(Lt))],
-  [0, Bt, t(Bt), e(Bt), n(e(Bt))],
-  [2, Mt, t(Mt), e(Mt), n(e(Mt))],
   [0, Tt, t(Tt), e(Tt), n(e(Tt))],
   [1, Ft, t(Ft), e(Ft), n(e(Ft))],
   [2, Rt, t(Rt), e(Rt), n(e(Rt))],
-  [0, Ae, t(Ae), e(Ae), n(e(Ae))],
-  [1, De, t(De), e(De), n(e(De))],
-  [2, Re, t(Re), e(Re), n(e(Re))],
-  [1, Se, t(Se), e(Se), n(e(Se))],
+  [0, De, t(De), e(De), n(e(De))],
+  [1, He, t(He), e(He), n(e(He))],
+  [2, Se, t(Se), e(Se), n(e(Se))],
+  [1, qe, t(qe), e(qe), n(e(qe))],
   [0, yt, t(yt), e(yt), n(e(yt))],
   [2, bt, t(bt), e(bt), n(e(bt))],
   [1, xt, t(xt), e(xt), n(e(xt))],
@@ -114,75 +114,75 @@ const ve = 23.6, So = {
   [1, Pt, t(Pt), e(Pt), n(e(Pt))],
   [2, Ct, t(Ct), e(Ct), n(e(Ct))],
   [0, Et, t(Et), e(Et), n(e(Et))],
-  [1, qe, t(qe), e(qe), n(e(qe))],
-  [2, Ne, t(Ne), e(Ne), n(e(Ne))],
-  [0, Be, t(Be), e(Be), n(e(Be))],
-  [2, Me, t(Me), e(Me), n(e(Me))],
-  [1, dt, t(dt), e(dt), n(e(dt))],
-  [0, vt, t(vt), e(vt), n(e(vt))],
-  [2, ht, t(ht), e(ht), n(e(ht))],
+  [1, Ne, t(Ne), e(Ne), n(e(Ne))],
+  [2, ze, t(ze), e(ze), n(e(ze))],
+  [0, $e, t($e), e($e), n(e($e))],
+  [2, Te, t(Te), e(Te), n(e(Te))],
+  [1, vt, t(vt), e(vt), n(e(vt))],
+  [0, ht, t(ht), e(ht), n(e(ht))],
+  [2, dt, t(dt), e(dt), n(e(dt))],
   [1, pt, t(pt), e(pt), n(e(pt))],
   [2, mt, t(mt), e(mt), n(e(mt))],
   [0, gt, t(gt), e(gt), n(e(gt))],
   [1, wt, t(wt), e(wt), n(e(wt))],
-  [2, Te, t(Te), e(Te), n(e(Te))],
-  [0, Fe, t(Fe), e(Fe), n(e(Fe))],
-  [1, J, t(J), e(J), n(e(J))],
-  [0, I, t(I), e(I), n(e(I))],
-  [2, xe, t(xe), e(xe), n(e(xe))],
-  [1, ke, t(ke), e(ke), n(e(ke))],
-  [0, Pe, t(Pe), e(Pe), n(e(Pe))],
-  [2, Ce, t(Ce), e(Ce), n(e(Ce))],
-  [0, Ee, t(Ee), e(Ee), n(e(Ee))],
-  [1, $e, t($e), e($e), n(e($e))],
-  [2, Le, t(Le), e(Le), n(e(Le))],
+  [2, Fe, t(Fe), e(Fe), n(e(Fe))],
+  [0, Re, t(Re), e(Re), n(e(Re))],
+  [1, I, t(I), e(I), n(e(I))],
+  [0, J, t(J), e(J), n(e(J))],
+  [2, ke, t(ke), e(ke), n(e(ke))],
+  [1, Pe, t(Pe), e(Pe), n(e(Pe))],
+  [0, Ce, t(Ce), e(Ce), n(e(Ce))],
+  [2, Ee, t(Ee), e(Ee), n(e(Ee))],
+  [0, Le, t(Le), e(Le), n(e(Le))],
+  [1, Be, t(Be), e(Be), n(e(Be))],
+  [2, Me, t(Me), e(Me), n(e(Me))],
   [0, _, t(_), e(_), n(e(_))],
   [1, ee, t(ee), e(ee), n(e(ee))],
   [2, U, t(U), e(U), n(e(U))],
   [1, Z, t(Z), e(Z), n(e(Z))],
-  [0, he, t(he), e(he), n(e(he))],
-  [2, pe, t(pe), e(pe), n(e(pe))],
-  [1, me, t(me), e(me), n(e(me))],
-  [0, ge, t(ge), e(ge), n(e(ge))],
-  [1, we, t(we), e(we), n(e(we))],
-  [2, ye, t(ye), e(ye), n(e(ye))],
-  [0, be, t(be), e(be), n(e(be))],
+  [0, pe, t(pe), e(pe), n(e(pe))],
+  [2, me, t(me), e(me), n(e(me))],
+  [1, ge, t(ge), e(ge), n(e(ge))],
+  [0, we, t(we), e(we), n(e(we))],
+  [1, ye, t(ye), e(ye), n(e(ye))],
+  [2, be, t(be), e(be), n(e(be))],
+  [0, xe, t(xe), e(xe), n(e(xe))],
   [1, j, t(j), e(j), n(e(j))],
   [2, G, t(G), e(G), n(e(G))]
 ], No = [
-  ["11", r(ne, le, i), t(r(ne, le, i))],
-  ["10", r(oe, te, i), t(r(oe, te, i))],
-  ["9", r(je, Ze, i), t(r(je, Ze, i))],
-  ["8", r(Qe, Ke, i), t(r(Qe, Ke, i))],
-  ["7", r(Oe, He, i), t(r(Oe, He, i))],
-  ["6", r(R, A, i), t(r(R, A, i))],
-  ["5", r(We, ze, i), t(r(We, ze, i))],
-  ["4", r(Se, Re, i), t(r(Se, Re, i))],
-  ["3", r(Me, Be, i), t(r(Me, Be, i))],
-  ["2", r(I, J, i), t(r(I, J, i))],
-  ["1", r(Z, U, i), t(r(Z, U, i))],
-  ["a", r(J, U, i), t(r(J, U, i))],
-  ["b", r(I, Z, i), t(r(I, Z, i))],
-  ["c", r(xe, he, i), t(r(xe, he, i))],
-  ["d", r(ke, pe, i), t(r(ke, pe, i))],
-  ["e", r(Pe, me, i), t(r(Pe, me, i))],
-  ["f", r(Ce, ge, i), t(r(Ce, ge, i))],
-  ["g", r(Ee, we, i), t(r(Ee, we, i))],
-  ["h", r($e, ye, i), t(r($e, ye, i))],
-  ["i", r(Le, be, i), t(r(Le, be, i))],
-  ["k", r(_, j, i), t(r(_, j, i))],
-  ["l", r(ee, G, i), t(r(ee, G, i))],
-  ["1", r(j, G, i), t(r(j, G, i))],
-  ["2", r(_, ee, i), t(r(_, ee, i))],
-  ["3", r(Te, Fe, i), t(r(Te, Fe, i))],
-  ["4", r(qe, Ne, i), t(r(qe, Ne, i))],
-  ["5", r(Ae, De, i), t(r(Ae, De, i))],
-  ["6", r(N, O, i), t(r(N, O, i))],
-  ["7", r(Xe, Ye, i), t(r(Xe, Ye, i))],
-  ["8", r(Ve, Ue, i), t(r(Ve, Ue, i))],
-  ["9", r(Ge, Je, i), t(r(Ge, Je, i))],
-  ["10", r(oe, ne, i), t(r(oe, ne, i))],
-  ["11", r(te, le, i), t(r(te, le, i))]
+  ["11", r(ne, le, u), t(r(ne, le, u))],
+  ["10", r(oe, te, u), t(r(oe, te, u))],
+  ["9", r(Ge, je, u), t(r(Ge, je, u))],
+  ["8", r(Ve, Qe, u), t(r(Ve, Qe, u))],
+  ["7", r(Xe, Oe, u), t(r(Xe, Oe, u))],
+  ["6", r(S, D, u), t(r(S, D, u))],
+  ["5", r(Ae, We, u), t(r(Ae, We, u))],
+  ["4", r(qe, Se, u), t(r(qe, Se, u))],
+  ["3", r(Te, $e, u), t(r(Te, $e, u))],
+  ["2", r(J, I, u), t(r(J, I, u))],
+  ["1", r(Z, U, u), t(r(Z, U, u))],
+  ["a", r(I, U, u), t(r(I, U, u))],
+  ["b", r(J, Z, u), t(r(J, Z, u))],
+  ["c", r(ke, pe, u), t(r(ke, pe, u))],
+  ["d", r(Pe, me, u), t(r(Pe, me, u))],
+  ["e", r(Ce, ge, u), t(r(Ce, ge, u))],
+  ["f", r(Ee, we, u), t(r(Ee, we, u))],
+  ["g", r(Le, ye, u), t(r(Le, ye, u))],
+  ["h", r(Be, be, u), t(r(Be, be, u))],
+  ["i", r(Me, xe, u), t(r(Me, xe, u))],
+  ["k", r(_, j, u), t(r(_, j, u))],
+  ["l", r(ee, G, u), t(r(ee, G, u))],
+  ["1", r(j, G, u), t(r(j, G, u))],
+  ["2", r(_, ee, u), t(r(_, ee, u))],
+  ["3", r(Fe, Re, u), t(r(Fe, Re, u))],
+  ["4", r(Ne, ze, u), t(r(Ne, ze, u))],
+  ["5", r(De, He, u), t(r(De, He, u))],
+  ["6", r(z, X, u), t(r(z, X, u))],
+  ["7", r(Ye, Ke, u), t(r(Ye, Ke, u))],
+  ["8", r(Ue, Ze, u), t(r(Ue, Ze, u))],
+  ["9", r(Ie, Je, u), t(r(Ie, Je, u))],
+  ["10", r(oe, ne, u), t(r(oe, ne, u))],
+  ["11", r(te, le, u), t(r(te, le, u))]
 ], zo = [
   o[
     0
@@ -557,17 +557,17 @@ const ve = 23.6, So = {
     /* e10 */
   ][3][0]
 ];
-function Xt(u) {
-  if (u.length === 0)
+function Xt(i) {
+  if (i.length === 0)
     return "";
-  const [$, ...d] = u;
-  let Q = `M ${Yt(fe($[0]))} ${Yt(de($[1]))} L `;
-  for (const F of d)
-    Q += `${Yt(fe(F[0]))} ${Yt(de(F[1]))} `;
+  const [B, ...v] = i;
+  let Q = `M ${R(ve(B[0]))} ${R(he(B[1]))} L `;
+  for (const F of v)
+    Q += `${R(ve(F[0]))} ${R(he(F[1]))} `;
   return `${Q} Z`;
 }
-function Yt(u) {
-  return u.toFixed(8);
+function R(i) {
+  return i.toFixed(8);
 }
 const Wo = {
   viewBox: "0 0 50 50",
@@ -577,10 +577,10 @@ const Wo = {
   props: {
     type: {}
   },
-  setup(u) {
-    return ($, d) => (b(), P("svg", Wo, [
+  setup(i) {
+    return (B, v) => (b(), P("svg", Wo, [
       fo("text", {
-        textContent: vo(u.type),
+        textContent: vo(i.type),
         "dominant-baseline": "middle",
         "font-family": "sans-serif",
         "font-size": "30",
@@ -590,11 +590,11 @@ const Wo = {
         y: "27",
         stroke: "oklch(37.3% 0.034 259.733)",
         "stroke-width": "2",
-        fill: u.type === u.type.toLowerCase() ? "oklch(13% 0.028 261.692)" : "oklch(98.5% 0.002 247.839)"
+        fill: i.type === i.type.toLowerCase() ? "oklch(13% 0.028 261.692)" : "oklch(98.5% 0.002 247.839)"
       }, null, 8, Ao)
     ]));
   }
-}), Ho = ["viewBox"], Oo = ["d", "fill"], Xo = ["d", "data-hexboard-position", "data-testid", "fill"], Yo = ["d", "data-testid", "fill"], Ko = ["d", "data-testid", "fill"], Qo = ["textContent", "data-testid", "x", "y"], Vo = ["cx", "cy", "data-testid", "fill"], Uo = ["viewBox"], Go = /* @__PURE__ */ ao({
+}), Ho = ["viewBox"], Oo = ["d", "fill"], Xo = ["d", "data-hexboard-position", "fill"], Yo = ["d", "fill"], Ko = ["d", "fill"], Qo = ["textContent", "x", "y"], Vo = ["cx", "cy", "fill"], Uo = ["viewBox"], Go = /* @__PURE__ */ ao({
   __name: "Hexboard",
   props: /* @__PURE__ */ so({
     active: { type: Boolean, default: !1 },
@@ -625,179 +625,179 @@ const Wo = {
     targetsModifiers: {}
   }),
   emits: /* @__PURE__ */ so(["clickPosition", "move"], ["update:mouseover-position", "update:selected", "update:targets"]),
-  setup(u, { emit: $ }) {
-    const d = u, Q = $, F = Zt(u, "mouseover-position"), L = Zt(u, "selected"), X = Zt(u, "targets"), Ie = et({ x: 0, y: 0 }), B = et(null), ue = et(se()), h = et({
+  setup(i, { emit: B }) {
+    const v = i, Q = B, F = Zt(i, "mouseover-position"), C = Zt(i, "selected"), W = Zt(i, "targets"), _e = tt({ x: 0, y: 0 }), M = tt(null), ie = tt(se()), d = tt({
       hexchess: null,
       promotionEl: null,
       promotionFrom: null,
       promotionTo: null,
       selected: null
-    }), Kt = Co("svgEl"), Y = et(se());
-    let Qt = !1;
-    const ho = z(() => h.value.hexchess ? [] : X.value), ce = z(() => h.value.hexchess ? h.value.hexchess : d.hexchess ? d.hexchess : co.init()), po = z(() => ce.value.board.reduce(
-      (s, a, c) => (a && c !== B.value && s.push({ piece: a, index: c }), s),
+    }), Yt = Co("svgEl"), Y = tt(se());
+    let Kt = !1;
+    const ho = A(() => d.value.hexchess ? [] : W.value), ce = A(() => d.value.hexchess ? d.value.hexchess : v.hexchess ? v.hexchess : co.init()), po = A(() => ce.value.board.reduce(
+      (s, f, c) => (f && c !== M.value && s.push({ piece: f, index: c }), s),
       []
-    )), lt = z(() => typeof h.value.selected == "number" ? null : L.value), jt = z(() => {
-      var s, a, c;
+    )), Qt = A(() => typeof d.value.selected == "number" ? null : C.value), jt = A(() => {
+      var s, f, c;
       if (Vt.value)
         return "grabbing";
-      if (!(!d.active || F.value === null || h.value.hexchess)) {
-        if (L.value !== null && X.value.includes(F.value)) {
-          const v = (s = ce.value) == null ? void 0 : s.board[L.value];
-          if (v) {
-            const g = v === v.toLowerCase() ? "b" : "w", C = ((a = ce.value) == null ? void 0 : a.turn) === g;
-            if ((d.playing === !0 || C) && it(L.value))
+      if (!(!v.active || F.value === null || d.value.hexchess)) {
+        if (C.value !== null && W.value.includes(F.value)) {
+          const h = (s = ce.value) == null ? void 0 : s.board[C.value];
+          if (h) {
+            const g = h === h.toLowerCase() ? "b" : "w", E = ((f = ce.value) == null ? void 0 : f.turn) === g;
+            if ((v.playing === !0 || E) && ut(C.value))
               return "pointer";
           }
         }
         if (st.value)
-          return d.playing === !0 || d.playing && Jt.value === ((c = ce.value) == null ? void 0 : c.turn) && d.playing === Jt.value ? "grab" : "pointer";
+          return v.playing === !0 || v.playing && It.value === ((c = ce.value) == null ? void 0 : c.turn) && v.playing === It.value ? "grab" : "pointer";
       }
-    }), Gt = z(() => ({
-      x: Ie.value.x - Y.value.width / 2,
-      y: Ie.value.y - Y.value.height / 2
-    })), Vt = z(() => !d.hexchess || h.value.hexchess || B.value === null ? null : d.hexchess.board[B.value]), K = z(() => ({ ...So, ...d.options })), Jt = z(() => st.value ? st.value === st.value.toLowerCase() ? "b" : "w" : null), st = z(() => {
+    }), Gt = A(() => ({
+      x: _e.value.x - Y.value.width / 2,
+      y: _e.value.y - Y.value.height / 2
+    })), Vt = A(() => !v.hexchess || d.value.hexchess || M.value === null ? null : v.hexchess.board[M.value]), K = A(() => ({ ...So, ...v.options })), It = A(() => st.value ? st.value === st.value.toLowerCase() ? "b" : "w" : null), st = A(() => {
       var s;
       return F.value === null ? null : ((s = ce.value) == null ? void 0 : s.board[F.value]) ?? null;
-    }), rt = z(() => {
-      var v;
-      const s = (v = h.value.hexchess) == null ? void 0 : v.board[h.value.selected ?? -1], a = s === (s == null ? void 0 : s.toUpperCase()), c = (g) => (C) => To(d.pieces, { ...C, type: g });
+    }), rt = A(() => {
+      var h;
+      const s = (h = d.value.hexchess) == null ? void 0 : h.board[d.value.selected ?? -1], f = s === (s == null ? void 0 : s.toUpperCase()), c = (g) => (E) => To(v.pieces, { ...E, type: g });
       return {
-        n: c(a ? "N" : "n"),
-        b: c(a ? "B" : "b"),
-        r: c(a ? "R" : "r"),
-        q: c(a ? "Q" : "q")
+        n: c(f ? "N" : "n"),
+        b: c(f ? "B" : "b"),
+        r: c(f ? "R" : "r"),
+        q: c(f ? "Q" : "q")
       };
     });
     Eo(() => {
-      d.active && It();
-    }), $o(lo), ro(jt, (s) => {
+      v.active && Jt();
+    }), Lo(lo), ro(jt, (s) => {
       document.body.style.setProperty(
         "cursor",
         s === "grabbing" ? "grabbing" : null
       );
     }), ro(
-      () => d.active,
-      (s) => s ? It() : lo()
+      () => v.active,
+      (s) => s ? Jt() : lo()
     );
-    function Ut(s, a) {
-      var C, re;
-      if (!X.value.includes(s.to))
+    function Ut(s, f) {
+      var E, re;
+      if (!W.value.includes(s.to))
         return;
-      const c = (C = d.hexchess) == null ? void 0 : C.board[s.from];
+      const c = (E = v.hexchess) == null ? void 0 : E.board[s.from];
       if (!c)
         return;
-      const v = c === c.toLowerCase() ? "b" : "w", g = ((re = d.hexchess) == null ? void 0 : re.turn) === v;
-      if (d.hexchess && (c === "p" || c === "P") && Fo(s.to, v)) {
-        const ae = d.hexchess.clone();
-        ae.board[s.from] = null, ae.board[s.to] = c, h.value = {
+      const h = c === c.toLowerCase() ? "b" : "w", g = ((re = v.hexchess) == null ? void 0 : re.turn) === h;
+      if (v.hexchess && (c === "p" || c === "P") && Fo(s.to, h)) {
+        const ae = v.hexchess.clone();
+        ae.board[s.from] = null, ae.board[s.to] = c, d.value = {
           hexchess: ae,
-          promotionEl: (a == null ? void 0 : a.target) instanceof Element ? a.target : null,
+          promotionEl: (f == null ? void 0 : f.target) instanceof Element ? f.target : null,
           promotionFrom: s.from,
           promotionTo: s.to,
           selected: s.to
-        }, (a == null ? void 0 : a.target) instanceof Element && (ue.value = a.target.getBoundingClientRect());
+        }, (f == null ? void 0 : f.target) instanceof Element && (ie.value = f.target.getBoundingClientRect());
         return;
       }
-      it(s.from) && (d.ignoreTurn || g) && eo(s);
+      ut(s.from) && (v.ignoreTurn || g) && eo(s);
     }
-    function it(s) {
-      var v;
-      const a = (v = d.hexchess) == null ? void 0 : v.board[s];
-      if (!a)
+    function ut(s) {
+      var h;
+      const f = (h = v.hexchess) == null ? void 0 : h.board[s];
+      if (!f)
         return !1;
-      const c = a === a.toLowerCase() ? "b" : "w";
-      return d.playing === !0 || d.playing === c;
+      const c = f === f.toLowerCase() ? "b" : "w";
+      return v.playing === !0 || v.playing === c;
     }
     function mo(s) {
-      var a, c;
-      return F.value === null ? K.value.labelColor : (a = W(F.value)) != null && a.startsWith(s) || (c = W(F.value)) != null && c.endsWith(s) ? K.value.labelActiveColor : K.value.labelInactiveColor;
+      var f, c;
+      return F.value === null ? K.value.labelColor : (f = fe(F.value)) != null && f.startsWith(s) || (c = fe(F.value)) != null && c.endsWith(s) ? K.value.labelActiveColor : K.value.labelInactiveColor;
     }
-    function It() {
-      Ie.value = { x: 0, y: 0 }, window.addEventListener("keyup", _t), window.addEventListener("pointermove", to), window.addEventListener("pointerup", no), window.addEventListener("resize", ut), window.addEventListener("scroll", ut), window.addEventListener("touchmove", oo, { passive: !1 });
+    function Jt() {
+      _e.value = { x: 0, y: 0 }, window.addEventListener("keyup", _t), window.addEventListener("pointermove", to), window.addEventListener("pointerup", no), window.addEventListener("resize", it), window.addEventListener("scroll", it), window.addEventListener("touchmove", oo, { passive: !1 });
     }
-    function ut() {
+    function it() {
       var s;
-      ue.value = ((s = h.value.promotionEl) == null ? void 0 : s.getBoundingClientRect()) ?? se();
+      ie.value = ((s = d.value.promotionEl) == null ? void 0 : s.getBoundingClientRect()) ?? se();
     }
-    function go(s, a) {
-      if (d.active) {
-        if (Qt) {
-          Qt = !1;
+    function go(s, f) {
+      if (v.active) {
+        if (Kt) {
+          Kt = !1;
           return;
         }
-        if (h.value.hexchess) {
-          h.value.selected !== s && _e();
+        if (d.value.hexchess) {
+          d.value.selected !== s && et();
           return;
         }
-        if (L.value !== null && X.value.includes(s)) {
-          const c = new ft({ from: L.value, to: s });
-          Ut(c, a);
+        if (C.value !== null && W.value.includes(s)) {
+          const c = new ft({ from: C.value, to: s });
+          Ut(c, f);
           return;
         }
-        d.autoselect && !d.hexchess.board[s] && (L.value = null, X.value = []), Q("clickPosition", s);
+        v.autoselect && !v.hexchess.board[s] && (C.value = null, W.value = []), Q("clickPosition", s);
       }
     }
     function _t(s) {
       if (s.key === "Escape") {
-        if (h.value.hexchess) {
-          _e();
+        if (d.value.hexchess) {
+          et();
           return;
         }
-        d.autoselect && (L.value = null, X.value = []);
+        v.autoselect && (C.value = null, W.value = []);
       }
     }
     function eo(s) {
       Q("move", s), ct();
     }
-    function wo(s, a) {
+    function wo(s, f) {
       var c;
-      if (a.stopPropagation(), B.value !== null) {
-        let v = s;
+      if (f.stopPropagation(), M.value !== null) {
+        let h = s;
         const g = document.elementFromPoint(
-          a.clientX,
-          a.clientY
-        ), C = g == null ? void 0 : g.getAttribute("data-hexboard-position");
-        C !== null && (v = Number(C));
-        const re = new ft({ from: B.value, to: v });
-        if (Ut(re, a), h.value.hexchess)
+          f.clientX,
+          f.clientY
+        ), E = g == null ? void 0 : g.getAttribute("data-hexboard-position");
+        E !== null && (h = Number(E));
+        const re = new ft({ from: M.value, to: h });
+        if (Ut(re, f), d.value.hexchess)
           return;
-        B.value = null, Y.value = se();
+        M.value = null, Y.value = se();
         return;
       }
-      if (L.value !== null && X.value.includes(s)) {
-        const v = new ft({ from: L.value, to: s });
-        return Ut(v, a), h.value.hexchess, void 0;
+      if (C.value !== null && W.value.includes(s)) {
+        const h = new ft({ from: C.value, to: s });
+        return Ut(h, f), d.value.hexchess, void 0;
       }
-      if (h.value.hexchess) {
-        _e();
+      if (d.value.hexchess) {
+        et();
         return;
       }
-      if ((c = d.hexchess) != null && c.board[s]) {
-        B.value = null, Y.value = se();
+      if ((c = v.hexchess) != null && c.board[s]) {
+        M.value = null, Y.value = se();
         return;
       }
       ct();
     }
-    function _e() {
-      const s = h.value.promotionFrom;
-      h.value = {
+    function et() {
+      const s = d.value.promotionFrom;
+      d.value = {
         hexchess: null,
         promotionEl: null,
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, typeof s == "number" && (L.value = s, X.value = d.hexchess.movesFrom(s).map((a) => a.to) ?? []), B.value = null, Qt = !0;
+      }, typeof s == "number" && (C.value = s, W.value = v.hexchess.movesFrom(s).map((f) => f.to) ?? []), M.value = null, Kt = !0;
     }
-    function yo(s, a) {
-      var C, re, ae;
-      if (a.preventDefault(), h.value.hexchess)
+    function yo(s, f) {
+      var E, re, ae;
+      if (f.preventDefault(), d.value.hexchess || C.value !== null && W.value.includes(s))
         return;
-      const c = (C = d.hexchess) == null ? void 0 : C.board[s];
-      if (!c || (d.autoselect && (L.value = s, X.value = ((re = d.hexchess) == null ? void 0 : re.movesFrom(s).map((Po) => Po.to)) ?? []), !it(s)))
+      const c = (E = v.hexchess) == null ? void 0 : E.board[s];
+      if (!c || (v.autoselect && (C.value = s, W.value = ((re = v.hexchess) == null ? void 0 : re.movesFrom(s).map((Po) => Po.to)) ?? []), !ut(s)))
         return;
-      const v = c === c.toLowerCase() ? "b" : "w", g = ((ae = d.hexchess) == null ? void 0 : ae.turn) === v;
-      !d.ignoreTurn && !g || (B.value = s, Ie.value = { x: a.clientX, y: a.clientY }, Kt.value instanceof Element && (Y.value = Kt.value.getBoundingClientRect()));
+      const h = c === c.toLowerCase() ? "b" : "w", g = ((ae = v.hexchess) == null ? void 0 : ae.turn) === h;
+      !v.ignoreTurn && !g || (M.value = s, _e.value = { x: f.clientX, y: f.clientY }, Yt.value instanceof Element && (Y.value = Yt.value.getBoundingClientRect()));
     }
     function bo(s) {
       F.value = s;
@@ -806,30 +806,30 @@ const Wo = {
       F.value = null;
     }
     function to(s) {
-      d.active && (Ie.value = { x: s.clientX, y: s.clientY });
+      v.active && (_e.value = { x: s.clientX, y: s.clientY });
     }
     function oo(s) {
-      B.value !== null && s.preventDefault();
+      M.value !== null && s.preventDefault();
     }
     function no() {
-      if (h.value.hexchess) {
-        _e();
+      if (d.value.hexchess) {
+        et();
         return;
       }
-      if (B.value !== null) {
-        B.value = null, Y.value = se();
+      if (M.value !== null) {
+        M.value = null, Y.value = se();
         return;
       }
       ct();
     }
     function ko(s) {
-      if (typeof h.value.promotionFrom == "number" && it(h.value.promotionFrom)) {
-        const a = new ft({
-          from: h.value.promotionFrom ?? 0,
-          to: h.value.promotionTo ?? 0,
+      if (typeof d.value.promotionFrom == "number" && ut(d.value.promotionFrom)) {
+        const f = new ft({
+          from: d.value.promotionFrom ?? 0,
+          to: d.value.promotionTo ?? 0,
           promotion: s
         });
-        eo(a);
+        eo(f);
       }
     }
     function se() {
@@ -845,101 +845,94 @@ const Wo = {
       };
     }
     function ct() {
-      document.body.style.setProperty("cursor", null), B.value = null, L.value = null, h.value = {
+      document.body.style.setProperty("cursor", null), M.value = null, C.value = null, d.value = {
         hexchess: null,
         promotionEl: null,
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, Y.value = se(), X.value = [];
+      }, Y.value = se(), W.value = [];
     }
     function lo() {
-      ct(), window.removeEventListener("keyup", _t), window.removeEventListener("pointermove", to), window.removeEventListener("pointerup", no), window.removeEventListener("resize", ut), window.removeEventListener("scroll", ut), window.removeEventListener("touchmove", oo);
+      ct(), window.removeEventListener("keyup", _t), window.removeEventListener("pointermove", to), window.removeEventListener("pointerup", no), window.removeEventListener("resize", it), window.removeEventListener("scroll", it), window.removeEventListener("touchmove", oo);
     }
-    return (s, a) => (b(), P("div", null, [
+    return (s, f) => (b(), P("div", null, [
       (b(), P("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         ref_key: "svgEl",
-        ref: Kt,
+        ref: Yt,
         style: at({ cursor: jt.value }),
-        viewBox: `0 0 ${f(ve)} ${f(ve)}`
+        viewBox: `0 0 ${a(de)} ${a(de)}`
       }, [
         fo("path", {
-          d: f(Xt)(f(zo)),
+          d: a(Xt)(a(zo)),
           fill: K.value.colors[1],
           style: { pointerEvents: "none" }
         }, null, 8, Oo),
-        (b(!0), P(ot, null, nt(f(o), (c, v) => (b(), P("path", Lo(
+        (b(!0), P(nt, null, lt(a(o), (c, h) => (b(), P("path", Bo(
           { ref_for: !0 },
-          u.active ? {
-            onClick: (g) => go(v, g),
-            onMouseenter: () => bo(v),
+          i.active ? {
+            onClick: (g) => go(h, g),
+            onMouseenter: () => bo(h),
             onMouseleave: () => xo(),
-            onPointerdown: (g) => yo(v, g),
-            onPointerup: (g) => wo(v, g)
+            onPointerdown: (g) => yo(h, g),
+            onPointerup: (g) => wo(h, g)
           } : {},
           {
-            d: f(Xt)(u.flipped ? c[4] : c[3]),
-            "data-hexboard-position": v,
-            "data-testid": `position-${f(W)(v)}`,
-            fill: K.value.colors[f(o)[v][0]],
-            key: v
+            d: a(Xt)(i.flipped ? c[4] : c[3]),
+            "data-hexboard-position": h,
+            fill: K.value.colors[a(o)[h][0]],
+            key: h
           }
         ), null, 16, Xo))), 128)),
-        (b(!0), P(ot, null, nt(u.highlight, (c) => (b(), P("path", {
-          d: f(Xt)(u.flipped ? f(o)[c][4] : f(o)[c][3]),
-          "data-testid": `highlight-${f(W)(c)}`,
+        (b(!0), P(nt, null, lt(i.highlight, (c) => (b(), P("path", {
+          d: a(Xt)(i.flipped ? a(o)[c][4] : a(o)[c][3]),
           fill: K.value.highlightColor,
           key: `highlight-${c}`,
           style: { pointerEvents: "none" }
         }, null, 8, Yo))), 128)),
-        typeof lt.value == "number" ? (b(), P("path", {
+        typeof Qt.value == "number" ? (b(), P("path", {
           key: 0,
-          d: f(Xt)(u.flipped ? f(o)[lt.value][4] : f(o)[lt.value][3]),
-          "data-testid": `selected-${f(W)(lt.value)}`,
+          d: a(Xt)(i.flipped ? a(o)[Qt.value][4] : a(o)[Qt.value][3]),
           fill: K.value.selectedColor,
           ref: "selectedEl",
           style: { pointerEvents: "none" }
-        }, null, 8, Ko)) : tt("", !0),
-        K.value.labels ? (b(!0), P(ot, { key: 1 }, nt(f(No), ([c, v, g], C) => (b(), P("text", {
+        }, null, 8, Ko)) : ot("", !0),
+        K.value.labels ? (b(!0), P(nt, { key: 1 }, lt(a(No), ([c, h, g], E) => (b(), P("text", {
           textContent: vo(c),
           "dominant-baseline": "central",
           "text-anchor": "middle",
-          "data-testid": `label-${c}`,
-          key: `label-${C}`,
+          key: `label-${E}`,
           style: at({
             fill: mo(c),
             fontSize: ".5px",
             pointerEvents: "none",
             userSelect: "none"
           }),
-          x: f(fe)(u.flipped ? g[0] : v[0]),
-          y: f(de)(u.flipped ? g[1] : v[1])
-        }, null, 12, Qo))), 128)) : tt("", !0),
-        ce.value ? (b(!0), P(ot, { key: 2 }, nt(po.value, ({ piece: c, index: v }) => (b(), io(uo(u.pieces), {
+          x: a(R)(a(ve)(i.flipped ? g[0] : h[0])),
+          y: a(R)(a(he)(i.flipped ? g[1] : h[1]))
+        }, null, 12, Qo))), 128)) : ot("", !0),
+        ce.value ? (b(!0), P(nt, { key: 2 }, lt(po.value, ({ piece: c, index: h }) => (b(), uo(io(i.pieces), {
           "data-piece-type": c,
-          "data-testid": `piece-${f(W)(v)}`,
-          height: f(V),
-          key: `piece-${f(W)(v)}`,
+          height: a(V),
+          key: `piece-${a(fe)(h)}`,
           style: { pointerEvents: "none" },
           type: c,
-          width: f(V),
-          x: f(fe)(f(o)[v][u.flipped ? 2 : 1][0] - f(V) / 2),
-          y: f(de)(f(o)[v][u.flipped ? 2 : 1][1] + f(V) / 2)
-        }, null, 8, ["data-piece-type", "data-testid", "height", "type", "width", "x", "y"]))), 128)) : tt("", !0),
-        (b(!0), P(ot, null, nt(ho.value, (c) => (b(), P("circle", {
-          cx: f(fe)(f(o)[c][u.flipped ? 2 : 1][0]),
-          cy: f(de)(f(o)[c][u.flipped ? 2 : 1][1]),
-          "data-testid": `target-${f(W)(c)}`,
+          width: a(V),
+          x: a(R)(a(ve)(a(o)[h][i.flipped ? 2 : 1][0] - a(V) / 2)),
+          y: a(R)(a(he)(a(o)[h][i.flipped ? 2 : 1][1] + a(V) / 2))
+        }, null, 8, ["data-piece-type", "height", "type", "width", "x", "y"]))), 128)) : ot("", !0),
+        (b(!0), P(nt, null, lt(ho.value, (c) => (b(), P("circle", {
+          cx: a(R)(a(ve)(a(o)[c][i.flipped ? 2 : 1][0])),
+          cy: a(R)(a(he)(a(o)[c][i.flipped ? 2 : 1][1])),
           fill: K.value.targetColor,
-          key: `target-${f(W)(c)}`,
+          key: `target-${a(fe)(c)}`,
           r: 0.3,
           style: { pointerEvents: "none" }
         }, null, 8, Vo))), 128))
       ], 12, Ho)),
       Vt.value ? (b(), P("svg", {
         key: 0,
-        "data-testid": "drag-piece",
         xmlns: "http://www.w3.org/2000/svg",
         style: at({
           height: Y.value.height + "px",
@@ -951,40 +944,40 @@ const Wo = {
           width: Y.value.width + "px",
           willChange: "transform"
         }),
-        viewBox: `0 0 ${f(ve)} ${f(ve)}`
+        viewBox: `0 0 ${a(de)} ${a(de)}`
       }, [
-        (b(), io(uo(u.pieces), {
-          height: f(V),
+        (b(), uo(io(i.pieces), {
+          height: a(V),
           style: { pointerEvents: "none" },
           type: Vt.value,
-          width: f(V),
-          x: f(fe)(f(V) / -2),
-          y: f(de)(f(V) / 2)
+          width: a(V),
+          x: a(R)(a(ve)(a(V) / -2)),
+          y: a(R)(a(he)(a(V) / 2))
         }, null, 8, ["height", "type", "width", "x", "y"]))
-      ], 12, Uo)) : tt("", !0),
-      typeof h.value.selected == "number" ? (b(), P("div", {
+      ], 12, Uo)) : ot("", !0),
+      typeof d.value.selected == "number" ? (b(), P("div", {
         key: 1,
         style: at({
-          height: ue.value.height + "px",
-          left: ue.value.left + "px",
+          height: ie.value.height + "px",
+          left: ie.value.left + "px",
           position: "fixed",
-          top: ue.value.top + "px",
-          width: ue.value.width + "px"
+          top: ie.value.top + "px",
+          width: ie.value.width + "px"
         }),
-        onPointerup: a[0] || (a[0] = Bo(() => {
+        onPointerup: f[0] || (f[0] = Mo(() => {
         }, ["stop"]))
       }, [
-        Mo(s.$slots, "promotion", {
+        $o(s.$slots, "promotion", {
           b: rt.value.b,
-          cancel: _e,
-          file: f(W)(h.value.selected)[0],
+          cancel: et,
+          file: a(fe)(d.value.selected)[0],
           n: rt.value.n,
           promote: ko,
           q: rt.value.q,
           r: rt.value.r,
-          rank: Number(f(W)(h.value.selected).slice(1))
+          rank: Number(a(fe)(d.value.selected).slice(1))
         })
-      ], 36)) : tt("", !0)
+      ], 36)) : ot("", !0)
     ]));
   }
 });

package/package.json

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

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

@@ -69,8 +69,8 @@
             pointerEvents: 'none',
             userSelect: 'none',
           }"
-          :x="x(flipped ? positionFlipped[0] : p[0])"
-          :y="y(flipped ? positionFlipped[1] : p[1])"
+          :x="rounded(x(flipped ? positionFlipped[0] : p[0]))"
+          :y="rounded(y(flipped ? positionFlipped[1] : p[1]))"
         />
       </template>
 
@@ -86,16 +86,16 @@
           :style="{ pointerEvents: 'none' }"
           :type="piece"
           :width="pieceSize"
-          :x="x(board[index][flipped ? 2 : 1][0] - pieceSize / 2)"
-          :y="y(board[index][flipped ? 2 : 1][1] + pieceSize / 2)"
+          :x="rounded(x(board[index][flipped ? 2 : 1][0] - pieceSize / 2))"
+          :y="rounded(y(board[index][flipped ? 2 : 1][1] + pieceSize / 2))"
         />
       </template>
 
       <!-- targets -->
       <circle
         v-for="targetIndex in currentTargets"
-        :cx="x(board[targetIndex][flipped ? 2 : 1][0])"
-        :cy="y(board[targetIndex][flipped ? 2 : 1][1])"
+        :cx="rounded(x(board[targetIndex][flipped ? 2 : 1][0]))"
+        :cy="rounded(y(board[targetIndex][flipped ? 2 : 1][1]))"
         :data-testid="`target-${indexToPosition(targetIndex)}`"
         :fill="normalizedOptions.targetColor"
         :key="`target-${indexToPosition(targetIndex)}`"
@@ -127,8 +127,8 @@
         :style="{ pointerEvents: 'none' }"
         :type="dragPiece"
         :width="pieceSize"
-        :x="x(pieceSize / -2)"
-        :y="y(pieceSize / 2)"
+        :x="rounded(x(pieceSize / -2))"
+        :y="rounded(y(pieceSize / 2))"
       />
     </svg>
 
@@ -188,7 +188,7 @@ import {
   perimeter,
   pieceSize,
 } from './constants'
-import { d } from './dom'
+import { d, rounded } from './dom'
 import { x, y } from './geometry'
 import LetterPiece from './pieces/Letter.vue'
 import type { HexboardOptions, Rect } from './types'
@@ -738,6 +738,12 @@ function onPointerdownPosition(index: number, evt: PointerEvent) {
     return
   }
 
+  // If clicking on a valid target for the selected piece, don't re-select
+  // (the move will be handled in onPointerupPosition/onClickPosition)
+  if (selected.value !== null && targets.value.includes(index)) {
+    return
+  }
+
   const piece = props.hexchess?.board[index]
 
   if (!piece) {

package/src/tests/hexboard.test.tsx

@@ -3,7 +3,7 @@ import { expect, test, vi } from 'vitest'
 import { Hexboard } from '../lib'
 import { Hexchess } from '@bedard/hexchess'
 import { index, San } from '@bedard/hexchess'
-import { makeMove, setup } from './utils'
+import { dragMove, clickMove, setup } from './utils'
 import { page } from 'vitest/browser'
 import { ref, nextTick } from 'vue'
 import { userEvent } from 'vitest/browser'
@@ -520,23 +520,7 @@ test('drag and drop piece emits move event', async () => {
     )
   })
 
-  const fromPosition = page.getByTestId('position-f5')
-  const toPosition = page.getByTestId('position-f6')
-
-  // Start dragging the piece (pointerdown)
-  await fromPosition
-    .element()
-    .dispatchEvent(new PointerEvent('pointerdown', { bubbles: true }))
-  await nextTick()
-
-  // Verify dragging started
-  await expect.element(page.getByTestId('drag-piece')).toBeVisible()
-
-  // Move pointer to target position and release (pointerup)
-  await toPosition
-    .element()
-    .dispatchEvent(new PointerEvent('pointerup', { bubbles: true }))
-  await nextTick()
+  await dragMove(page, 'f5f6')
 
   // Verify move event was emitted with correct San object
   await expect(onMove).toHaveBeenCalledOnce()
@@ -644,7 +628,7 @@ test('promotion', async () => {
     )
   })
 
-  await makeMove(page, 'f10f11')
+  await clickMove(page, 'f10f11')
   await page.getByTestId('promote').click()
   await expect(page.getByTestId('piece-f11')).toHaveAttribute(
     'data-piece-type',
@@ -682,7 +666,7 @@ test('canceled promotion', async () => {
   })
 
   // Move pawn to promotion square
-  await makeMove(page, 'f10f11')
+  await clickMove(page, 'f10f11')
 
   // Promotion UI should be visible
   await expect.element(page.getByTestId('cancel')).toBeVisible()
@@ -730,7 +714,7 @@ test('clicking position during promotion cancels it', async () => {
   })
 
   // Move pawn to promotion square
-  await makeMove(page, 'f10f11')
+  await clickMove(page, 'f10f11')
 
   // Promotion UI should be visible
   await expect.element(page.getByTestId('promote')).toBeVisible()
@@ -771,14 +755,14 @@ test('ignoreTurn allows moving pieces out of turn', async () => {
   })
 
   // Initial position is white's turn, try to move black's pawn without ignoreTurn
-  await makeMove(page, 'f7f6')
+  await clickMove(page, 'f7f6')
   await expect(onMove).not.toHaveBeenCalled()
 
   // Enable ignoreTurn and try again
   ignoreTurn.value = true
   await nextTick()
 
-  await makeMove(page, 'f7f6')
+  await clickMove(page, 'f7f6')
   await expect(onMove).toHaveBeenCalledOnce()
   await expect(onMove).toHaveBeenCalledWith(
     expect.objectContaining({
@@ -791,6 +775,7 @@ test('ignoreTurn allows moving pieces out of turn', async () => {
 test('dragging piece to non-target position keeps selection', async () => {
   const selected = ref<number | null>(null)
   const targets = ref<number[]>([])
+  const onMove = vi.fn()
 
   setup(() => {
     return () => (
@@ -801,32 +786,63 @@ test('dragging piece to non-target position keeps selection', async () => {
           playing="w"
           v-model:selected={selected.value}
           v-model:targets={targets.value}
+          onMove={onMove}
         />
         <div data-testid="selected-value" v-text={selected.value} />
       </>
     )
   })
 
-  const piecePosition = page.getByTestId('position-f5')
-  const nonTargetPosition = page.getByTestId('position-a1')
-
-  // Start dragging the piece
-  await piecePosition
-    .element()
-    .dispatchEvent(new PointerEvent('pointerdown', { bubbles: true }))
-  await nextTick()
+  await dragMove(page, 'f5a1')
 
-  // Verify piece is selected
+  // Piece should still be selected
   await expect.element(page.getByTestId('selected-f5')).toBeVisible()
   await expect(selected.value).toBe(index('f5'))
 
-  // Release on a non-target position
-  await nonTargetPosition
-    .element()
-    .dispatchEvent(new PointerEvent('pointerup', { bubbles: true }))
-  await nextTick()
+  // No move should have been emitted
+  await expect(onMove).not.toHaveBeenCalled()
+})
 
-  // Piece should still be selected
-  await expect.element(page.getByTestId('selected-f5')).toBeVisible()
-  await expect(selected.value).toBe(index('f5'))
+test('click capture', async () => {
+  const hexchess = ref(
+    Hexchess.parse('b/qbk/n1b1n/r5r/ppp1ppppp/11/4pP5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w e6 0 2'),
+  )
+
+  setup(() => {
+    return () => (
+      <Hexboard
+        active
+        autoselect
+        playing={true}
+        hexchess={hexchess.value}
+        onMove={san => hexchess.value.applyMoveUnsafe(san)}
+      />
+    )
+  })
+
+  await clickMove(page, 'f5e5')
+
+  await expect(hexchess.value.toString()).toBe('b/qbk/n1b1n/r5r/ppp1ppppp/11/4P6/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 b - 0 2')
+})
+
+test('drag capture', async () => {
+  const hexchess = ref(
+    Hexchess.parse('b/qbk/n1b1n/r5r/ppp1ppppp/11/4pP5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w e6 0 2'),
+  )
+
+  setup(() => {
+    return () => (
+      <Hexboard
+        active
+        autoselect
+        playing={true}
+        hexchess={hexchess.value}
+        onMove={san => hexchess.value.applyMoveUnsafe(san)}
+      />
+    )
+  })
+
+  await dragMove(page, 'f5e5')
+
+  await expect(hexchess.value.toString()).toBe('b/qbk/n1b1n/r5r/ppp1ppppp/11/4P6/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 b - 0 2')
 })

package/src/tests/utils.ts

@@ -1,11 +1,12 @@
 import { position } from '@bedard/hexchess'
 import { San } from '@bedard/hexchess'
+import { expect } from 'vitest'
 import type { BrowserPage } from 'vitest/browser'
 import { render } from 'vitest-browser-vue'
 import { nextTick } from 'vue'
 
-/** make a move on the hexboard */
-export async function makeMove(
+/** make a move on the hexboard by clicking */
+export async function clickMove(
   page: BrowserPage,
   ...sans: string[]
 ): Promise<void> {
@@ -20,6 +21,31 @@ export async function makeMove(
   }
 }
 
+/** drag and drop a piece on the hexboard */
+export async function dragMove(
+  page: BrowserPage,
+  ...sans: string[]
+): Promise<void> {
+  for (const str of sans) {
+    const san = San.from(str)
+
+    const fromPosition = page.getByTestId(`position-${position(san.from)}`)
+    const toPosition = page.getByTestId(`position-${position(san.to)}`)
+
+    await fromPosition
+      .element()
+      .dispatchEvent(new PointerEvent('pointerdown', { bubbles: true }))
+    await nextTick()
+
+    await expect.element(page.getByTestId('drag-piece')).toBeVisible()
+
+    await toPosition
+      .element()
+      .dispatchEvent(new PointerEvent('pointerup', { bubbles: true }))
+    await nextTick()
+  }
+}
+
 /** setup a component */
 export function setup(setup: () => any): ReturnType<typeof render> {
   return render({ setup })

package/vite.config.ts

@@ -27,7 +27,24 @@ export default defineConfig({
       rollupTypes: true,
     }),
     tailwindcss(),
-    vue(),
+    vue({
+      template: {
+        compilerOptions: {
+          nodeTransforms: [
+            (node) => {
+              // remove data-testid attributes from production build
+              if (node.type === 1 && node.props) {
+                node.props = node.props
+                  .filter(prop =>
+                    !(prop.type === 6 && prop.name === 'data-testid')
+                    && !(prop.type === 7 && prop.name === 'bind' && prop.arg?.type === 4 && prop.arg.content === 'data-testid'),
+                  )
+              }
+            },
+          ],
+        },
+      },
+    }),
   ],
   resolve: {
     alias: {