@bedard/hexboard 0.0.6 → 0.0.8

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# 0.0.8
+
+- Round SVG coordinates for better SSR hydration
+
+# 0.0.7
+
+- Export `defaultOptions` constant and `HexboardOptions` type
+
 # 0.0.6
 
 - Replaced CC-licensed piece artwork with simple letter representations. Custom piece assets can be provided via the `pieces` prop

package/dist/index.d.ts

@@ -97,10 +97,12 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 /** cancel promotion and restore original selection */
 declare function cancelPromotion(): void;
 
+export declare const defaultOptions: HexboardOptions;
+
 export declare const Hexboard: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 /** hexboard options */
-declare interface HexboardOptions {
+export declare interface HexboardOptions {
     /** position colors */
     colors: [string, string, string];
     /** color of highlighted position */

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

package/package.json

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

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

@@ -69,8 +69,8 @@
             pointerEvents: 'none',
             userSelect: 'none',
           }"
-          :x="x(flipped ? positionFlipped[0] : p[0])"
-          :y="y(flipped ? positionFlipped[1] : p[1])"
+          :x="rounded(x(flipped ? positionFlipped[0] : p[0]))"
+          :y="rounded(y(flipped ? positionFlipped[1] : p[1]))"
         />
       </template>
 
@@ -86,16 +86,16 @@
           :style="{ pointerEvents: 'none' }"
           :type="piece"
           :width="pieceSize"
-          :x="x(board[index][flipped ? 2 : 1][0] - pieceSize / 2)"
-          :y="y(board[index][flipped ? 2 : 1][1] + pieceSize / 2)"
+          :x="rounded(x(board[index][flipped ? 2 : 1][0] - pieceSize / 2))"
+          :y="rounded(y(board[index][flipped ? 2 : 1][1] + pieceSize / 2))"
         />
       </template>
 
       <!-- targets -->
       <circle
         v-for="targetIndex in currentTargets"
-        :cx="x(board[targetIndex][flipped ? 2 : 1][0])"
-        :cy="y(board[targetIndex][flipped ? 2 : 1][1])"
+        :cx="rounded(x(board[targetIndex][flipped ? 2 : 1][0]))"
+        :cy="rounded(y(board[targetIndex][flipped ? 2 : 1][1]))"
         :data-testid="`target-${indexToPosition(targetIndex)}`"
         :fill="normalizedOptions.targetColor"
         :key="`target-${indexToPosition(targetIndex)}`"
@@ -127,8 +127,8 @@
         :style="{ pointerEvents: 'none' }"
         :type="dragPiece"
         :width="pieceSize"
-        :x="x(pieceSize / -2)"
-        :y="y(pieceSize / 2)"
+        :x="rounded(x(pieceSize / -2))"
+        :y="rounded(y(pieceSize / 2))"
       />
     </svg>
 
@@ -188,7 +188,7 @@ import {
   perimeter,
   pieceSize,
 } from './constants'
-import { d } from './dom'
+import { d, rounded } from './dom'
 import { x, y } from './geometry'
 import LetterPiece from './pieces/Letter.vue'
 import type { HexboardOptions, Rect } from './types'

package/src/lib/index.ts

@@ -1 +1,3 @@
+export { defaultOptions } from './components/hexboard/constants'
 export { default as Hexboard } from './components/hexboard/Hexboard.vue'
+export type { HexboardOptions } from './components/hexboard/types'