@bedard/hexboard 0.0.9 → 0.0.10

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 0.0.10
+
+- Fix autoselect not updating targets (https://github.com/scottbedard/hexboard/issues/3)
+
 # 0.0.9
 
 - Fix click-move capturing (https://github.com/scottbedard/hexboard/issues/1)

package/dist/index.js

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

package/package.json

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

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

@@ -172,6 +172,7 @@ import {
   type Component,
   computed,
   h,
+  onBeforeMount,
   onMounted,
   onUnmounted,
   shallowRef,
@@ -462,6 +463,12 @@ const promotionPieces = computed(() => {
 // lifecycle
 //
 
+onBeforeMount(() => {
+  if (props.autoselect) {
+    selectCurrentTargets()
+  }
+})
+
 onMounted(() => {
   if (props.active) {
     listen()
@@ -486,6 +493,8 @@ watch(
   val => (val ? listen() : unlisten()),
 )
 
+watch(selected, selectCurrentTargets)
+
 //
 // methods
 //
@@ -537,17 +546,25 @@ function attemptMove(san: San, evt?: MouseEvent) {
   }
 }
 
-/** check if user is playing the color at a position */
-function isPlayingPosition(index: number): boolean {
-  const piece = props.hexchess?.board[index]
+/** cancel promotion and restore original selection */
+function cancelPromotion() {
+  const from = staging.value.promotionFrom
 
-  if (!piece) {
-    return false
+  staging.value = {
+    hexchess: null,
+    promotionEl: null,
+    promotionFrom: null,
+    promotionTo: null,
+    selected: null,
   }
 
-  const pieceColor: Color = piece === piece.toLowerCase() ? 'b' : 'w'
+  // Keep the original piece selected
+  if (typeof from === 'number') {
+    selected.value = from
+  }
 
-  return props.playing === true || props.playing === pieceColor
+  pointerdownPosition.value = null
+  skipNextClick = true
 }
 
 /** get fill color of label */
@@ -566,6 +583,19 @@ function getLabelFill(text: string) {
   return normalizedOptions.value.labelInactiveColor
 }
 
+/** check if user is playing the color at a position */
+function isPlayingPosition(index: number): boolean {
+  const piece = props.hexchess?.board[index]
+
+  if (!piece) {
+    return false
+  }
+
+  const pieceColor: Color = piece === piece.toLowerCase() ? 'b' : 'w'
+
+  return props.playing === true || props.playing === pieceColor
+}
+
 /** listen for events */
 function listen() {
   pointerCoords.value = { x: 0, y: 0 }
@@ -614,7 +644,6 @@ function onClickPosition(index: number, evt: MouseEvent) {
   // If autoselect is enabled and clicking an unoccupied position, deselect
   if (props.autoselect && !props.hexchess.board[index]) {
     selected.value = null
-    targets.value = []
   }
 
   emit('clickPosition', index)
@@ -632,11 +661,20 @@ function onKeyupWindow(evt: KeyboardEvent) {
     // Otherwise deselect if autoselect is enabled
     if (props.autoselect) {
       selected.value = null
-      targets.value = []
     }
   }
 }
 
+/** mouseenter position */
+function onMouseenter(index: number) {
+  mouseoverPosition.value = index
+}
+
+/** mouseleave position */
+function onMouseleave() {
+  mouseoverPosition.value = null
+}
+
 /** handle piece move */
 function onPieceMove(san: San) {
   emit('move', san)
@@ -644,6 +682,60 @@ function onPieceMove(san: San) {
   resetState()
 }
 
+/** pointerdown on position */
+function onPointerdownPosition(index: number, evt: PointerEvent) {
+  evt.preventDefault()
+
+  // Don't start new interactions during promotion
+  if (staging.value.hexchess) {
+    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) {
+    return
+  }
+
+  if (props.autoselect) {
+    selected.value = index
+  }
+
+  if (!isPlayingPosition(index)) {
+    return
+  }
+
+  // Only allow dragging if it's the piece's turn (or ignoreTurn is true)
+  const pieceColor: Color = piece === piece.toLowerCase() ? 'b' : 'w'
+  const isCurrentTurn = props.hexchess?.turn === pieceColor
+
+  if (!props.ignoreTurn && !isCurrentTurn) {
+    return
+  }
+
+  pointerdownPosition.value = index
+  pointerCoords.value = { x: evt.clientX, y: evt.clientY }
+
+  if (svgEl.value instanceof Element) {
+    svgRect.value = svgEl.value.getBoundingClientRect()
+  }
+}
+
+/** pointermove window */
+function onPointermoveWindow(evt: MouseEvent) {
+  if (!props.active) {
+    return
+  }
+
+  pointerCoords.value = { x: evt.clientX, y: evt.clientY }
+}
+
 /** pointerup position */
 function onPointerupPosition(index: number, evt: PointerEvent) {
   evt.stopPropagation()
@@ -707,100 +799,6 @@ function onPointerupPosition(index: number, evt: PointerEvent) {
   resetState()
 }
 
-/** cancel promotion and restore original selection */
-function cancelPromotion() {
-  const from = staging.value.promotionFrom
-
-  staging.value = {
-    hexchess: null,
-    promotionEl: null,
-    promotionFrom: null,
-    promotionTo: null,
-    selected: null,
-  }
-
-  // Keep the original piece selected
-  if (typeof from === 'number') {
-    selected.value = from
-    targets.value = props.hexchess.movesFrom(from).map(san => san.to) ?? []
-  }
-
-  pointerdownPosition.value = null
-  skipNextClick = true
-}
-
-/** pointerdown on position */
-function onPointerdownPosition(index: number, evt: PointerEvent) {
-  evt.preventDefault()
-
-  // Don't start new interactions during promotion
-  if (staging.value.hexchess) {
-    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) {
-    return
-  }
-
-  if (props.autoselect) {
-    selected.value = index
-    targets.value = props.hexchess?.movesFrom(index).map(san => san.to) ?? []
-  }
-
-  if (!isPlayingPosition(index)) {
-    return
-  }
-
-  // Only allow dragging if it's the piece's turn (or ignoreTurn is true)
-  const pieceColor: Color = piece === piece.toLowerCase() ? 'b' : 'w'
-  const isCurrentTurn = props.hexchess?.turn === pieceColor
-
-  if (!props.ignoreTurn && !isCurrentTurn) {
-    return
-  }
-
-  pointerdownPosition.value = index
-  pointerCoords.value = { x: evt.clientX, y: evt.clientY }
-
-  if (svgEl.value instanceof Element) {
-    svgRect.value = svgEl.value.getBoundingClientRect()
-  }
-}
-
-/** mouseenter position */
-function onMouseenter(index: number) {
-  mouseoverPosition.value = index
-}
-
-/** mouseleave position */
-function onMouseleave() {
-  mouseoverPosition.value = null
-}
-
-/** pointermove window */
-function onPointermoveWindow(evt: MouseEvent) {
-  if (!props.active) {
-    return
-  }
-
-  pointerCoords.value = { x: evt.clientX, y: evt.clientY }
-}
-
-/** touchmove window - prevent scrolling while dragging */
-function onTouchmoveWindow(evt: TouchEvent) {
-  if (pointerdownPosition.value !== null) {
-    evt.preventDefault()
-  }
-}
-
 /** pointerup window */
 function onPointerupWindow() {
   // If staging a promotion, cancel it but keep the original piece selected
@@ -819,6 +817,13 @@ function onPointerupWindow() {
   resetState()
 }
 
+/** touchmove window - prevent scrolling while dragging */
+function onTouchmoveWindow(evt: TouchEvent) {
+  if (pointerdownPosition.value !== null) {
+    evt.preventDefault()
+  }
+}
+
 /** promote piece */
 function promote(promotion: 'n' | 'b' | 'r' | 'q') {
   if (
@@ -865,6 +870,16 @@ function resetState() {
   targets.value = []
 }
 
+/** select current targets */
+function selectCurrentTargets() {
+  if (typeof selected.value === 'number') {
+    targets.value = props.hexchess?.movesFrom(selected.value).map(san => san.to) ?? []
+  }
+  else {
+    targets.value = []
+  }
+}
+
 /** stop listening for events */
 function unlisten() {
   resetState()

package/src/tests/hexboard.test.tsx

@@ -846,3 +846,26 @@ test('drag capture', async () => {
 
   await expect(hexchess.value.toString()).toBe('b/qbk/n1b1n/r5r/ppp1ppppp/11/4P6/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 b - 0 2')
 })
+
+test('updates targets when autoselect is true', async () => {
+  const selected = ref<number | null>(index('f5'))
+  const targets = ref<number[]>([])
+
+  setup(() => {
+    return () => (
+      <Hexboard
+        v-model:selected={selected.value}
+        v-model:targets={targets.value}
+        autoselect
+      />
+    )
+  })
+
+  await expect(targets.value).toEqual([index('f6')])
+
+  selected.value = index('e4')
+
+  await nextTick()
+
+  await expect(targets.value).toEqual([index('e5'), index('e6')])
+})