@bedard/hexboard 0.0.4 → 0.0.5

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 0.0.5
+
+- Rounded SVG path points for consistent SSR hydration
+
 # 0.0.4
 
 - Removed reference to `DOMRect` browser API

package/dist/index.js

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

package/package.json

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

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

@@ -829,7 +829,8 @@ function promote(promotion: 'n' | 'b' | 'r' | 'q') {
   }
 }
 
-function rect(data: Partial<Rect> = {}): Rect {
+/** create a `Rect` object */
+function rect(): Rect {
   return {
     bottom: 0,
     height: 0,
@@ -839,7 +840,6 @@ function rect(data: Partial<Rect> = {}): Rect {
     width: 0,
     x: 0,
     y: 0,
-    ...data,
   }
 }
 

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

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