@bedard/hexboard 0.0.8 → 0.0.9

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+# 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

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 tt, useTemplateRef as Co, computed as W, onMounted as Eo, onUnmounted as $o, watch as ro, createCommentVNode as ot, unref as c, normalizeStyle as ft, Fragment as nt, renderList as lt, 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 A, San as dt, 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, ue),
-    x(u, 0, ue),
-    x(u, -60, ue),
-    x(u, -120, ue),
-    x(u, -180, ue),
-    x(u, -240, ue)
+    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 V = Ro($);
+function x(i, B, v) {
+  const Q = Ro(B);
   return [
-    d * Math.cos(V) + u[0],
-    d * Math.sin(V) + 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 de(u) {
-  return he / 2 + u;
+function ve(i) {
+  return de / 2 + i;
 }
-function ve(u) {
-  return he / 2 - u;
+function he(i) {
+  return de / 2 - i;
 }
-const he = 23.6, So = {
+const de = 23.6, So = {
   colors: [
     "oklch(0.9015 0.0729 70.7)",
     "oklch(0.8366 0.1165 66.29)",
@@ -57,37 +57,37 @@ const he = 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, U = 1.7, ue = 2 / Math.sqrt(3), p = ue * (Math.sqrt(3) / 2) * 2, w = p * 2, y = p * 3, k = p * 4, E = p * 5, m = [0, 0], D = x(m, 150, E), S = x(m, 150, k), H = x(m, 150, y), q = x(m, 150, w), M = 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, E), Z = l(D, [0, -E]), j = l(S, [0, -E]), pe = l(H, [0, -E]), me = l(q, [0, -E]), ge = l(M, [0, -E]), we = l(m, [0, -E]), ye = l(T, [0, -E]), be = l(N, [0, -E]), xe = l(O, [0, -E]), G = l(z, [0, -E]), J = l(X, [0, -E]), I = l(D, [0, -k]), _ = l(S, [0, -k]), ke = l(H, [0, -k]), Pe = l(q, [0, -k]), Ce = l(M, [0, -k]), Ee = l(m, [0, -k]), $e = l(T, [0, -k]), Le = l(N, [0, -k]), Be = l(O, [0, -k]), ee = l(z, [0, -k]), te = l(X, [0, -k]), Me = l(D, [0, -y]), Te = l(S, [0, -y]), vt = l(H, [0, -y]), ht = l(q, [0, -y]), pt = l(M, [0, -y]), mt = l(m, [0, -y]), gt = l(T, [0, -y]), wt = l(N, [0, -y]), yt = l(O, [0, -y]), Fe = l(z, [0, -y]), Re = l(X, [0, -y]), Se = l(D, [0, -w]), qe = l(S, [0, -w]), bt = l(H, [0, -w]), xt = l(q, [0, -w]), kt = l(M, [0, -w]), Pt = l(m, [0, -w]), Ct = l(T, [0, -w]), Et = l(N, [0, -w]), $t = 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(M, [0, -p]), Tt = l(m, [0, -p]), Ft = l(T, [0, -p]), Rt = l(N, [0, -p]), St = l(O, [0, -p]), De = l(z, [0, -p]), He = l(X, [0, -p]), Oe = l(S, [0, p]), Xe = l(H, [0, p]), qt = l(q, [0, p]), Nt = l(M, [0, p]), zt = l(m, [0, p]), Wt = l(T, [0, p]), At = l(N, [0, p]), Ye = l(O, [0, p]), Ke = l(z, [0, p]), Qe = l(H, [0, w]), Ve = l(q, [0, w]), Dt = l(M, [0, w]), Ht = l(m, [0, w]), Ot = l(T, [0, w]), Ue = l(N, [0, w]), Ze = l(O, [0, w]), je = l(q, [0, y]), Ge = l(M, [0, y]), Xt = l(m, [0, y]), Je = l(T, [0, y]), Ie = l(N, [0, y]), oe = l(M, [0, k]), ne = l(m, [0, k]), le = l(T, [0, k]), se = l(m, [0, E]), o = [
-  [2, se, t(se), e(se), n(e(se))],
-  [1, oe, t(oe), e(oe), n(e(oe))],
-  [0, ne, t(ne), e(ne), n(e(ne))],
-  [1, le, t(le), e(le), n(e(le))],
+}, 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, je, t(je), e(je), n(e(je))],
   [2, Ge, t(Ge), e(Ge), n(e(Ge))],
-  [1, Xt, t(Xt), e(Xt), n(e(Xt))],
-  [2, Je, t(Je), e(Je), n(e(Je))],
-  [0, Ie, t(Ie), e(Ie), n(e(Ie))],
+  [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, Qe, t(Qe), e(Qe), n(e(Qe))],
   [1, Ve, t(Ve), e(Ve), n(e(Ve))],
-  [0, Dt, t(Dt), e(Dt), n(e(Dt))],
-  [2, Ht, t(Ht), e(Ht), n(e(Ht))],
-  [0, Ot, t(Ot), e(Ot), n(e(Ot))],
+  [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, 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, qt, t(qt), e(qt), n(e(qt))],
-  [1, Nt, t(Nt), e(Nt), n(e(Nt))],
-  [0, zt, t(zt), e(zt), n(e(zt))],
-  [1, Wt, t(Wt), e(Wt), n(e(Wt))],
-  [2, At, t(At), e(At), n(e(At))],
+  [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, 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, M, t(M), e(M), n(e(M))],
+  [2, $, t($), e($), n(e($))],
   [1, m, t(m), e(m), n(e(m))],
   [2, T, t(T), e(T), n(e(T))],
   [0, N, t(N), e(N), n(e(N))],
@@ -99,47 +99,47 @@ const he = 23.6, So = {
   [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, Tt, t(Tt), e(Tt), n(e(Tt))],
-  [0, Ft, t(Ft), e(Ft), n(e(Ft))],
-  [1, Rt, t(Rt), e(Rt), n(e(Rt))],
-  [2, St, t(St), e(St), n(e(St))],
+  [2, $t, t($t), e($t), n(e($t))],
+  [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, 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, bt, t(bt), e(bt), n(e(bt))],
-  [2, xt, t(xt), e(xt), n(e(xt))],
-  [1, kt, t(kt), e(kt), n(e(kt))],
-  [0, Pt, t(Pt), e(Pt), n(e(Pt))],
-  [1, Ct, t(Ct), e(Ct), n(e(Ct))],
-  [2, Et, t(Et), e(Et), n(e(Et))],
-  [0, $t, t($t), e($t), n(e($t))],
+  [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))],
+  [0, kt, t(kt), e(kt), n(e(kt))],
+  [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, Ne, t(Ne), e(Ne), n(e(Ne))],
   [2, ze, t(ze), e(ze), n(e(ze))],
-  [0, Me, t(Me), e(Me), n(e(Me))],
+  [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, pt, t(pt), e(pt), n(e(pt))],
-  [1, mt, t(mt), e(mt), n(e(mt))],
-  [2, gt, t(gt), e(gt), n(e(gt))],
-  [0, wt, t(wt), e(wt), n(e(wt))],
-  [1, yt, t(yt), e(yt), n(e(yt))],
+  [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, 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, _, t(_), e(_), n(e(_))],
+  [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, $e, t($e), e($e), n(e($e))],
-  [1, Le, t(Le), e(Le), n(e(Le))],
-  [2, Be, t(Be), e(Be), n(e(Be))],
-  [0, ee, t(ee), e(ee), n(e(ee))],
-  [1, te, t(te), e(te), n(e(te))],
-  [2, Z, t(Z), e(Z), n(e(Z))],
-  [1, j, t(j), e(j), n(e(j))],
+  [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, 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))],
@@ -147,42 +147,42 @@ const he = 23.6, So = {
   [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, G, t(G), e(G), n(e(G))],
-  [2, J, t(J), e(J), n(e(J))]
+  [1, j, t(j), e(j), n(e(j))],
+  [2, G, t(G), e(G), n(e(G))]
 ], No = [
-  ["11", r(le, se, i), t(r(le, se, i))],
-  ["10", r(ne, oe, i), t(r(ne, oe, i))],
-  ["9", r(Ge, je, i), t(r(Ge, je, i))],
-  ["8", r(Ve, Qe, i), t(r(Ve, Qe, i))],
-  ["7", r(Xe, Oe, i), t(r(Xe, Oe, i))],
-  ["6", r(S, D, i), t(r(S, D, i))],
-  ["5", r(Ae, We, i), t(r(Ae, We, i))],
-  ["4", r(qe, Se, i), t(r(qe, Se, i))],
-  ["3", r(Te, Me, i), t(r(Te, Me, i))],
-  ["2", r(_, I, i), t(r(_, I, i))],
-  ["1", r(j, Z, i), t(r(j, Z, i))],
-  ["a", r(I, Z, i), t(r(I, Z, i))],
-  ["b", r(_, j, i), t(r(_, j, i))],
-  ["c", r(ke, pe, i), t(r(ke, pe, i))],
-  ["d", r(Pe, me, i), t(r(Pe, me, i))],
-  ["e", r(Ce, ge, i), t(r(Ce, ge, i))],
-  ["f", r(Ee, we, i), t(r(Ee, we, i))],
-  ["g", r($e, ye, i), t(r($e, ye, i))],
-  ["h", r(Le, be, i), t(r(Le, be, i))],
-  ["i", r(Be, xe, i), t(r(Be, xe, i))],
-  ["k", r(ee, G, i), t(r(ee, G, i))],
-  ["l", r(te, J, i), t(r(te, J, i))],
-  ["1", r(G, J, i), t(r(G, J, i))],
-  ["2", r(ee, te, i), t(r(ee, te, i))],
-  ["3", r(Fe, Re, i), t(r(Fe, Re, i))],
-  ["4", r(Ne, ze, i), t(r(Ne, ze, i))],
-  ["5", r(De, He, i), t(r(De, He, i))],
-  ["6", r(z, X, i), t(r(z, X, i))],
-  ["7", r(Ye, Ke, i), t(r(Ye, Ke, i))],
-  ["8", r(Ue, Ze, i), t(r(Ue, Ze, i))],
-  ["9", r(Je, Ie, i), t(r(Je, Ie, i))],
-  ["10", r(ne, le, i), t(r(ne, le, i))],
-  ["11", r(oe, se, i), t(r(oe, se, 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 he = 23.6, So = {
     /* e10 */
   ][3][0]
 ];
-function Yt(u) {
-  if (u.length === 0)
+function Xt(i) {
+  if (i.length === 0)
     return "";
-  const [$, ...d] = u;
-  let V = `M ${R(de($[0]))} ${R(ve($[1]))} L `;
-  for (const F of d)
-    V += `${R(de(F[0]))} ${R(ve(F[1]))} `;
-  return `${V} Z`;
+  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 R(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, V = $, F = Zt(u, "mouseover-position"), L = Zt(u, "selected"), Y = Zt(u, "targets"), _e = tt({ x: 0, y: 0 }), B = tt(null), ce = tt(re()), h = tt({
+  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"), K = tt(re());
-    let Qt = !1;
-    const ho = W(() => h.value.hexchess ? [] : Y.value), ae = W(() => h.value.hexchess ? h.value.hexchess : d.hexchess ? d.hexchess : co.init()), po = W(() => ae.value.board.reduce(
-      (s, f, a) => (f && a !== B.value && s.push({ piece: f, index: a }), 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),
       []
-    )), st = W(() => typeof h.value.selected == "number" ? null : L.value), jt = W(() => {
-      var s, f, a;
+    )), 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 && Y.value.includes(F.value)) {
-          const v = (s = ae.value) == null ? void 0 : s.board[L.value];
-          if (v) {
-            const g = v === v.toLowerCase() ? "b" : "w", C = ((f = ae.value) == null ? void 0 : f.turn) === g;
-            if ((d.playing === !0 || C) && ut(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 (rt.value)
-          return d.playing === !0 || d.playing && Jt.value === ((a = ae.value) == null ? void 0 : a.turn) && d.playing === Jt.value ? "grab" : "pointer";
+        if (st.value)
+          return v.playing === !0 || v.playing && It.value === ((c = ce.value) == null ? void 0 : c.turn) && v.playing === It.value ? "grab" : "pointer";
       }
-    }), Gt = W(() => ({
-      x: _e.value.x - K.value.width / 2,
-      y: _e.value.y - K.value.height / 2
-    })), Vt = W(() => !d.hexchess || h.value.hexchess || B.value === null ? null : d.hexchess.board[B.value]), Q = W(() => ({ ...So, ...d.options })), Jt = W(() => rt.value ? rt.value === rt.value.toLowerCase() ? "b" : "w" : null), rt = W(() => {
+    }), 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 = ae.value) == null ? void 0 : s.board[F.value]) ?? null;
-    }), it = W(() => {
-      var v;
-      const s = (v = h.value.hexchess) == null ? void 0 : v.board[h.value.selected ?? -1], f = s === (s == null ? void 0 : s.toUpperCase()), a = (g) => (C) => To(d.pieces, { ...C, type: g });
+      return F.value === null ? null : ((s = ce.value) == null ? void 0 : s.board[F.value]) ?? null;
+    }), 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: a(f ? "N" : "n"),
-        b: a(f ? "B" : "b"),
-        r: a(f ? "R" : "r"),
-        q: a(f ? "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, f) {
-      var C, ie;
-      if (!Y.value.includes(s.to))
+      var E, re;
+      if (!W.value.includes(s.to))
         return;
-      const a = (C = d.hexchess) == null ? void 0 : C.board[s.from];
-      if (!a)
+      const c = (E = v.hexchess) == null ? void 0 : E.board[s.from];
+      if (!c)
         return;
-      const v = a === a.toLowerCase() ? "b" : "w", g = ((ie = d.hexchess) == null ? void 0 : ie.turn) === v;
-      if (d.hexchess && (a === "p" || a === "P") && Fo(s.to, v)) {
-        const fe = d.hexchess.clone();
-        fe.board[s.from] = null, fe.board[s.to] = a, h.value = {
-          hexchess: fe,
+      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: (f == null ? void 0 : f.target) instanceof Element ? f.target : null,
           promotionFrom: s.from,
           promotionTo: s.to,
           selected: s.to
-        }, (f == null ? void 0 : f.target) instanceof Element && (ce.value = f.target.getBoundingClientRect());
+        }, (f == null ? void 0 : f.target) instanceof Element && (ie.value = f.target.getBoundingClientRect());
         return;
       }
-      ut(s.from) && (d.ignoreTurn || g) && eo(s);
+      ut(s.from) && (v.ignoreTurn || g) && eo(s);
     }
     function ut(s) {
-      var v;
-      const f = (v = d.hexchess) == null ? void 0 : v.board[s];
+      var h;
+      const f = (h = v.hexchess) == null ? void 0 : h.board[s];
       if (!f)
         return !1;
-      const a = f === f.toLowerCase() ? "b" : "w";
-      return d.playing === !0 || d.playing === a;
+      const c = f === f.toLowerCase() ? "b" : "w";
+      return v.playing === !0 || v.playing === c;
     }
     function mo(s) {
-      var f, a;
-      return F.value === null ? Q.value.labelColor : (f = A(F.value)) != null && f.startsWith(s) || (a = A(F.value)) != null && a.endsWith(s) ? Q.value.labelActiveColor : Q.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() {
-      _e.value = { x: 0, y: 0 }, window.addEventListener("keyup", _t), window.addEventListener("pointermove", to), window.addEventListener("pointerup", no), window.addEventListener("resize", ct), window.addEventListener("scroll", ct), 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 ct() {
+    function it() {
       var s;
-      ce.value = ((s = h.value.promotionEl) == null ? void 0 : s.getBoundingClientRect()) ?? re();
+      ie.value = ((s = d.value.promotionEl) == null ? void 0 : s.getBoundingClientRect()) ?? se();
     }
     function go(s, f) {
-      if (d.active) {
-        if (Qt) {
-          Qt = !1;
+      if (v.active) {
+        if (Kt) {
+          Kt = !1;
           return;
         }
-        if (h.value.hexchess) {
-          h.value.selected !== s && et();
+        if (d.value.hexchess) {
+          d.value.selected !== s && et();
           return;
         }
-        if (L.value !== null && Y.value.includes(s)) {
-          const a = new dt({ from: L.value, to: s });
-          Ut(a, f);
+        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, Y.value = []), V("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) {
+        if (d.value.hexchess) {
           et();
           return;
         }
-        d.autoselect && (L.value = null, Y.value = []);
+        v.autoselect && (C.value = null, W.value = []);
       }
     }
     function eo(s) {
-      V("move", s), at();
+      Q("move", s), ct();
     }
     function wo(s, f) {
-      var a;
-      if (f.stopPropagation(), B.value !== null) {
-        let v = s;
+      var c;
+      if (f.stopPropagation(), M.value !== null) {
+        let h = s;
         const g = document.elementFromPoint(
           f.clientX,
           f.clientY
-        ), C = g == null ? void 0 : g.getAttribute("data-hexboard-position");
-        C !== null && (v = Number(C));
-        const ie = new dt({ from: B.value, to: v });
-        if (Ut(ie, f), h.value.hexchess)
+        ), 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, K.value = re();
+        M.value = null, Y.value = se();
         return;
       }
-      if (L.value !== null && Y.value.includes(s)) {
-        const v = new dt({ from: L.value, to: s });
-        return Ut(v, f), 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) {
+      if (d.value.hexchess) {
         et();
         return;
       }
-      if ((a = d.hexchess) != null && a.board[s]) {
-        B.value = null, K.value = re();
+      if ((c = v.hexchess) != null && c.board[s]) {
+        M.value = null, Y.value = se();
         return;
       }
-      at();
+      ct();
     }
     function et() {
-      const s = h.value.promotionFrom;
-      h.value = {
+      const s = d.value.promotionFrom;
+      d.value = {
         hexchess: null,
         promotionEl: null,
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, typeof s == "number" && (L.value = s, Y.value = d.hexchess.movesFrom(s).map((f) => f.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, f) {
-      var C, ie, fe;
-      if (f.preventDefault(), h.value.hexchess)
+      var E, re, ae;
+      if (f.preventDefault(), d.value.hexchess || C.value !== null && W.value.includes(s))
         return;
-      const a = (C = d.hexchess) == null ? void 0 : C.board[s];
-      if (!a || (d.autoselect && (L.value = s, Y.value = ((ie = d.hexchess) == null ? void 0 : ie.movesFrom(s).map((Po) => Po.to)) ?? []), !ut(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 = a === a.toLowerCase() ? "b" : "w", g = ((fe = d.hexchess) == null ? void 0 : fe.turn) === v;
-      !d.ignoreTurn && !g || (B.value = s, _e.value = { x: f.clientX, y: f.clientY }, Kt.value instanceof Element && (K.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,33 +806,33 @@ const Wo = {
       F.value = null;
     }
     function to(s) {
-      d.active && (_e.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) {
+      if (d.value.hexchess) {
         et();
         return;
       }
-      if (B.value !== null) {
-        B.value = null, K.value = re();
+      if (M.value !== null) {
+        M.value = null, Y.value = se();
         return;
       }
-      at();
+      ct();
     }
     function ko(s) {
-      if (typeof h.value.promotionFrom == "number" && ut(h.value.promotionFrom)) {
-        const f = new dt({
-          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(f);
       }
     }
-    function re() {
+    function se() {
       return {
         bottom: 0,
         height: 0,
@@ -844,145 +844,138 @@ const Wo = {
         y: 0
       };
     }
-    function at() {
-      document.body.style.setProperty("cursor", null), B.value = null, L.value = null, h.value = {
+    function ct() {
+      document.body.style.setProperty("cursor", null), M.value = null, C.value = null, d.value = {
         hexchess: null,
         promotionEl: null,
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, K.value = re(), Y.value = [];
+      }, Y.value = se(), W.value = [];
     }
     function lo() {
-      at(), window.removeEventListener("keyup", _t), window.removeEventListener("pointermove", to), window.removeEventListener("pointerup", no), window.removeEventListener("resize", ct), window.removeEventListener("scroll", ct), 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, f) => (b(), P("div", null, [
       (b(), P("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         ref_key: "svgEl",
-        ref: Kt,
-        style: ft({ cursor: jt.value }),
-        viewBox: `0 0 ${c(he)} ${c(he)}`
+        ref: Yt,
+        style: at({ cursor: jt.value }),
+        viewBox: `0 0 ${a(de)} ${a(de)}`
       }, [
         fo("path", {
-          d: c(Yt)(c(zo)),
-          fill: Q.value.colors[1],
+          d: a(Xt)(a(zo)),
+          fill: K.value.colors[1],
           style: { pointerEvents: "none" }
         }, null, 8, Oo),
-        (b(!0), P(nt, null, lt(c(o), (a, 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: c(Yt)(u.flipped ? a[4] : a[3]),
-            "data-hexboard-position": v,
-            "data-testid": `position-${c(A)(v)}`,
-            fill: Q.value.colors[c(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(nt, null, lt(u.highlight, (a) => (b(), P("path", {
-          d: c(Yt)(u.flipped ? c(o)[a][4] : c(o)[a][3]),
-          "data-testid": `highlight-${c(A)(a)}`,
-          fill: Q.value.highlightColor,
-          key: `highlight-${a}`,
+        (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 st.value == "number" ? (b(), P("path", {
+        typeof Qt.value == "number" ? (b(), P("path", {
           key: 0,
-          d: c(Yt)(u.flipped ? c(o)[st.value][4] : c(o)[st.value][3]),
-          "data-testid": `selected-${c(A)(st.value)}`,
-          fill: Q.value.selectedColor,
+          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)) : ot("", !0),
-        Q.value.labels ? (b(!0), P(nt, { key: 1 }, lt(c(No), ([a, v, g], C) => (b(), P("text", {
-          textContent: vo(a),
+        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-${a}`,
-          key: `label-${C}`,
-          style: ft({
-            fill: mo(a),
+          key: `label-${E}`,
+          style: at({
+            fill: mo(c),
             fontSize: ".5px",
             pointerEvents: "none",
             userSelect: "none"
           }),
-          x: c(R)(c(de)(u.flipped ? g[0] : v[0])),
-          y: c(R)(c(ve)(u.flipped ? g[1] : v[1]))
+          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),
-        ae.value ? (b(!0), P(nt, { key: 2 }, lt(po.value, ({ piece: a, index: v }) => (b(), io(uo(u.pieces), {
-          "data-piece-type": a,
-          "data-testid": `piece-${c(A)(v)}`,
-          height: c(U),
-          key: `piece-${c(A)(v)}`,
+        ce.value ? (b(!0), P(nt, { key: 2 }, lt(po.value, ({ piece: c, index: h }) => (b(), uo(io(i.pieces), {
+          "data-piece-type": c,
+          height: a(V),
+          key: `piece-${a(fe)(h)}`,
           style: { pointerEvents: "none" },
-          type: a,
-          width: c(U),
-          x: c(R)(c(de)(c(o)[v][u.flipped ? 2 : 1][0] - c(U) / 2)),
-          y: c(R)(c(ve)(c(o)[v][u.flipped ? 2 : 1][1] + c(U) / 2))
-        }, null, 8, ["data-piece-type", "data-testid", "height", "type", "width", "x", "y"]))), 128)) : ot("", !0),
-        (b(!0), P(nt, null, lt(ho.value, (a) => (b(), P("circle", {
-          cx: c(R)(c(de)(c(o)[a][u.flipped ? 2 : 1][0])),
-          cy: c(R)(c(ve)(c(o)[a][u.flipped ? 2 : 1][1])),
-          "data-testid": `target-${c(A)(a)}`,
-          fill: Q.value.targetColor,
-          key: `target-${c(A)(a)}`,
+          type: 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-${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: ft({
-          height: K.value.height + "px",
+        style: at({
+          height: Y.value.height + "px",
           left: "0px",
           pointerEvents: "none",
           position: "fixed",
           top: "0px",
           transform: `translate(${Gt.value.x}px, ${Gt.value.y}px) scale(1.1)`,
-          width: K.value.width + "px",
+          width: Y.value.width + "px",
           willChange: "transform"
         }),
-        viewBox: `0 0 ${c(he)} ${c(he)}`
+        viewBox: `0 0 ${a(de)} ${a(de)}`
       }, [
-        (b(), io(uo(u.pieces), {
-          height: c(U),
+        (b(), uo(io(i.pieces), {
+          height: a(V),
           style: { pointerEvents: "none" },
           type: Vt.value,
-          width: c(U),
-          x: c(R)(c(de)(c(U) / -2)),
-          y: c(R)(c(ve)(c(U) / 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)) : ot("", !0),
-      typeof h.value.selected == "number" ? (b(), P("div", {
+      typeof d.value.selected == "number" ? (b(), P("div", {
         key: 1,
-        style: ft({
-          height: ce.value.height + "px",
-          left: ce.value.left + "px",
+        style: at({
+          height: ie.value.height + "px",
+          left: ie.value.left + "px",
           position: "fixed",
-          top: ce.value.top + "px",
-          width: ce.value.width + "px"
+          top: ie.value.top + "px",
+          width: ie.value.width + "px"
         }),
-        onPointerup: f[0] || (f[0] = Bo(() => {
+        onPointerup: f[0] || (f[0] = Mo(() => {
         }, ["stop"]))
       }, [
-        Mo(s.$slots, "promotion", {
-          b: it.value.b,
+        $o(s.$slots, "promotion", {
+          b: rt.value.b,
           cancel: et,
-          file: c(A)(h.value.selected)[0],
-          n: it.value.n,
+          file: a(fe)(d.value.selected)[0],
+          n: rt.value.n,
           promote: ko,
-          q: it.value.q,
-          r: it.value.r,
-          rank: Number(c(A)(h.value.selected).slice(1))
+          q: rt.value.q,
+          r: rt.value.r,
+          rank: Number(a(fe)(d.value.selected).slice(1))
         })
       ], 36)) : ot("", !0)
     ]));

package/package.json

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

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

@@ -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: {