@bedard/hexboard 0.0.1 → 0.0.3

package/.github/workflows/build.yml

@@ -5,6 +5,7 @@ on:
     branches: [main]
   pull_request:
     branches: [main]
+  workflow_call:
 
 jobs:
   build:

package/.github/workflows/release.yml

@@ -0,0 +1,45 @@
+name: Release
+
+on:
+  release:
+    types: [created]
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  build:
+    uses: ./.github/workflows/build.yml
+
+  release:
+    needs: build
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+          registry-url: https://registry.npmjs.org
+
+      - name: Update NPM
+        run: npm install -g npm@latest
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build library
+        run: pnpm build
+
+      - name: Publish package
+        run: npm publish --access public --provenance

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+# 0.0.3
+
+- Initial release of `@bedard/hexchess`, see sandbox for example usage.

package/README.md

@@ -1,6 +1,7 @@
 # `<Hexboard />`
 
 [![Build](https://github.com/scottbedard/hexboard/actions/workflows/build.yml/badge.svg)](https://github.com/scottbedard/hexboard/actions/workflows/build.yml)
+[![NPM Version](https://img.shields.io/npm/v/%40bedard%2Fhexboard)](https://www.npmjs.com/package/@bedard/hexboard)
 [![License](https://img.shields.io/badge/license-MIT-blue)](https://github.com/scottbedard/hexboard/blob/main/LICENSE)
 
 User interfaces for [hexchess.club](https://hexchess.club).

package/dist/index.d.ts

@@ -103,8 +103,6 @@ export declare const Hexboard: __VLS_WithTemplateSlots<typeof __VLS_component, _
 declare interface HexboardOptions {
     /** position colors */
     colors: [string, string, string];
-    /** haptic feedback vibrations */
-    haptics: boolean;
     /** color of highlighted position */
     highlightColor: string;
     /** color of active label relative to mouseover */

package/dist/index.js

@@ -1,50 +1,49 @@
-import { defineComponent as dt, createElementBlock as g, createCommentVNode as de, openBlock as v, createStaticVNode as B, mergeModels as it, useModel as Q1, shallowRef as t1, useTemplateRef as xt, computed as j, onMounted as Mt, onUnmounted as zt, watch as rt, unref as f, normalizeStyle as u1, createElementVNode as Gt, Fragment as o1, renderList as n1, mergeProps as Pt, toDisplayString as Ut, createBlock as st, resolveDynamicComponent as lt, withModifiers as Ct, renderSlot as Et, h as Tt } from "vue";
-import { Hexchess as at, position as R, San as d1, isPromotionPosition as St } from "@bedard/hexchess";
-function a(s, x, l) {
-  return [s[0] + l * (x[0] - s[0]), s[1] + l * (x[1] - s[1])];
+import { defineComponent as c2, createElementBlock as g, createCommentVNode as de, openBlock as v, createStaticVNode as B, mergeModels as i2, useModel as Q1, shallowRef as t1, useTemplateRef as k2, computed as j, onMounted as y2, onUnmounted as x2, watch as r2, unref as f, normalizeStyle as u1, createElementVNode as M2, Fragment as o1, renderList as n1, mergeProps as z2, toDisplayString as G2, createBlock as s2, resolveDynamicComponent as l2, withModifiers as P2, renderSlot as U2, h as C2 } from "vue";
+import { Hexchess as a2, position as R, San as d1, isPromotionPosition as S2 } from "@bedard/hexchess";
+function l(c, P, s) {
+  return [c[0] + s * (P[0] - c[0]), c[1] + s * (P[1] - c[1])];
 }
-function n(s) {
-  return s.map(t);
+function n(c) {
+  return c.map(t);
 }
-function e(s) {
+function e(c) {
   return [
-    M(s, -300, le),
-    M(s, 0, le),
-    M(s, -60, le),
-    M(s, -120, le),
-    M(s, -180, le),
-    M(s, -240, le)
+    x(c, -300, le),
+    x(c, 0, le),
+    x(c, -60, le),
+    x(c, -120, le),
+    x(c, -180, le),
+    x(c, -240, le)
   ];
 }
-function M(s, x, l) {
-  const K = Bt(x);
+function x(c, P, s) {
+  const K = T2(P);
   return [
-    l * Math.cos(K) + s[0],
-    l * Math.sin(K) + s[1]
+    s * Math.cos(K) + c[0],
+    s * Math.sin(K) + c[1]
   ];
 }
-function Bt(s) {
-  return s * (Math.PI / 180);
+function T2(c) {
+  return c * (Math.PI / 180);
 }
-function t(s) {
-  return [-s[0], -s[1]];
+function t(c) {
+  return [-c[0], -c[1]];
 }
-function i(s, x) {
-  return [s[0] + x[0], s[1] + x[1]];
+function i(c, P) {
+  return [c[0] + P[0], c[1] + P[1]];
 }
-function fe(s) {
-  return he / 2 + s;
+function fe(c) {
+  return he / 2 + c;
 }
-function pe(s) {
-  return he / 2 - s;
+function pe(c) {
+  return he / 2 - c;
 }
-const he = 23.6, Ot = {
+const he = 23.6, E2 = {
   colors: [
     "oklch(0.9015 0.0729 70.7)",
     "oklch(0.8366 0.1165 66.29)",
     "oklch(0.6806 0.1423 75.83)"
   ],
-  haptics: !0,
   highlightColor: "oklch(90.5% 0.182 98.111 / 75%)",
   // yellow-300 / 75% opacity
   labelActiveColor: "oklch(76.9% 0.188 70.08)",
@@ -58,7 +57,7 @@ const he = 23.6, Ot = {
   // red-500
   targetColor: "oklch(63.7% 0.237 25.331)"
   // red-500
-}, $t = "b/qbk/n1b1n/r5r/ppppppppp/11/5P5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w - 0 1", c = 1.7, Q = 1.7, le = 2 / Math.sqrt(3), w = le * (Math.sqrt(3) / 2) * 2, k = w * 2, y = w * 3, z = w * 4, P = w * 5, m = [0, 0], H = M(m, 150, P), O = M(m, 150, z), F = M(m, 150, y), $ = M(m, 150, k), E = M(m, 150, w), T = M(m, 30, w), L = M(m, 30, k), D = M(m, 30, y), q = M(m, 30, z), N = M(m, 30, P), X = i(H, [0, -P]), Y = i(O, [0, -P]), ve = i(F, [0, -P]), ge = i($, [0, -P]), we = i(E, [0, -P]), me = i(m, [0, -P]), be = i(T, [0, -P]), ke = i(L, [0, -P]), ye = i(D, [0, -P]), Z = i(q, [0, -P]), J = i(N, [0, -P]), I = i(H, [0, -z]), _ = i(O, [0, -z]), xe = i(F, [0, -z]), Me = i($, [0, -z]), ze = i(E, [0, -z]), Ge = i(m, [0, -z]), Pe = i(T, [0, -z]), Ue = i(L, [0, -z]), Ce = i(D, [0, -z]), ee = i(q, [0, -z]), te = i(N, [0, -z]), Ee = i(H, [0, -y]), Te = i(O, [0, -y]), f1 = i(F, [0, -y]), p1 = i($, [0, -y]), h1 = i(E, [0, -y]), v1 = i(m, [0, -y]), g1 = i(T, [0, -y]), w1 = i(L, [0, -y]), m1 = i(D, [0, -y]), Se = i(q, [0, -y]), Be = i(N, [0, -y]), Oe = i(H, [0, -k]), $e = i(O, [0, -k]), b1 = i(F, [0, -k]), k1 = i($, [0, -k]), y1 = i(E, [0, -k]), x1 = i(m, [0, -k]), M1 = i(T, [0, -k]), z1 = i(L, [0, -k]), G1 = i(D, [0, -k]), Le = i(q, [0, -k]), qe = i(N, [0, -k]), je = i(H, [0, -w]), Re = i(O, [0, -w]), P1 = i(F, [0, -w]), U1 = i($, [0, -w]), C1 = i(E, [0, -w]), E1 = i(m, [0, -w]), T1 = i(T, [0, -w]), S1 = i(L, [0, -w]), B1 = i(D, [0, -w]), He = i(q, [0, -w]), Fe = i(N, [0, -w]), De = i(O, [0, w]), Ne = i(F, [0, w]), O1 = i($, [0, w]), $1 = i(E, [0, w]), L1 = i(m, [0, w]), q1 = i(T, [0, w]), j1 = i(L, [0, w]), We = i(D, [0, w]), Ae = i(q, [0, w]), Ve = i(F, [0, k]), Ke = i($, [0, k]), R1 = i(E, [0, k]), H1 = i(m, [0, k]), F1 = i(T, [0, k]), Qe = i(L, [0, k]), Xe = i(D, [0, k]), Ye = i($, [0, y]), Ze = i(E, [0, y]), D1 = i(m, [0, y]), Je = i(T, [0, y]), Ie = i(L, [0, y]), oe = i(E, [0, z]), ne = i(m, [0, z]), ie = i(T, [0, z]), re = i(m, [0, P]), o = [
+}, B2 = "b/qbk/n1b1n/r5r/ppppppppp/11/5P5/4P1P4/3P1B1P3/2P2B2P2/1PRNQBKNRP1 w - 0 1", a = 1.7, Q = 1.7, le = 2 / Math.sqrt(3), w = le * (Math.sqrt(3) / 2) * 2, k = w * 2, y = w * 3, M = w * 4, G = w * 5, m = [0, 0], H = x(m, 150, G), O = x(m, 150, M), F = x(m, 150, y), $ = x(m, 150, k), S = x(m, 150, w), T = x(m, 30, w), L = x(m, 30, k), D = x(m, 30, y), q = x(m, 30, M), N = x(m, 30, G), X = i(H, [0, -G]), Y = i(O, [0, -G]), ve = i(F, [0, -G]), ge = i($, [0, -G]), we = i(S, [0, -G]), me = i(m, [0, -G]), be = i(T, [0, -G]), ke = i(L, [0, -G]), ye = i(D, [0, -G]), Z = i(q, [0, -G]), J = i(N, [0, -G]), I = i(H, [0, -M]), _ = i(O, [0, -M]), xe = i(F, [0, -M]), Me = i($, [0, -M]), ze = i(S, [0, -M]), Ge = i(m, [0, -M]), Pe = i(T, [0, -M]), Ue = i(L, [0, -M]), Ce = i(D, [0, -M]), ee = i(q, [0, -M]), te = i(N, [0, -M]), Se = i(H, [0, -y]), Te = i(O, [0, -y]), f1 = i(F, [0, -y]), p1 = i($, [0, -y]), h1 = i(S, [0, -y]), v1 = i(m, [0, -y]), g1 = i(T, [0, -y]), w1 = i(L, [0, -y]), m1 = i(D, [0, -y]), Ee = i(q, [0, -y]), Be = i(N, [0, -y]), Oe = i(H, [0, -k]), $e = i(O, [0, -k]), b1 = i(F, [0, -k]), k1 = i($, [0, -k]), y1 = i(S, [0, -k]), x1 = i(m, [0, -k]), M1 = i(T, [0, -k]), z1 = i(L, [0, -k]), G1 = i(D, [0, -k]), Le = i(q, [0, -k]), qe = i(N, [0, -k]), je = i(H, [0, -w]), Re = i(O, [0, -w]), P1 = i(F, [0, -w]), U1 = i($, [0, -w]), C1 = i(S, [0, -w]), S1 = i(m, [0, -w]), T1 = i(T, [0, -w]), E1 = i(L, [0, -w]), B1 = i(D, [0, -w]), He = i(q, [0, -w]), Fe = i(N, [0, -w]), De = i(O, [0, w]), Ne = i(F, [0, w]), O1 = i($, [0, w]), $1 = i(S, [0, w]), L1 = i(m, [0, w]), q1 = i(T, [0, w]), j1 = i(L, [0, w]), We = i(D, [0, w]), Ve = i(q, [0, w]), Ae = i(F, [0, k]), Ke = i($, [0, k]), R1 = i(S, [0, k]), H1 = i(m, [0, k]), F1 = i(T, [0, k]), Qe = i(L, [0, k]), Xe = i(D, [0, k]), Ye = i($, [0, y]), Ze = i(S, [0, y]), D1 = i(m, [0, y]), Je = i(T, [0, y]), Ie = i(L, [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))],
@@ -68,7 +67,7 @@ const he = 23.6, Ot = {
   [1, D1, t(D1), e(D1), n(e(D1))],
   [2, Je, t(Je), e(Je), n(e(Je))],
   [0, Ie, t(Ie), e(Ie), n(e(Ie))],
-  [2, Ve, t(Ve), e(Ve), n(e(Ve))],
+  [2, Ae, t(Ae), e(Ae), n(e(Ae))],
   [1, Ke, t(Ke), e(Ke), n(e(Ke))],
   [0, R1, t(R1), e(R1), n(e(R1))],
   [2, H1, t(H1), e(H1), n(e(H1))],
@@ -83,12 +82,12 @@ const he = 23.6, Ot = {
   [1, q1, t(q1), e(q1), n(e(q1))],
   [2, j1, t(j1), e(j1), n(e(j1))],
   [0, We, t(We), e(We), n(e(We))],
-  [1, Ae, t(Ae), e(Ae), n(e(Ae))],
+  [1, Ve, t(Ve), e(Ve), n(e(Ve))],
   [0, H, t(H), e(H), n(e(H))],
   [2, O, t(O), e(O), n(e(O))],
   [1, F, t(F), e(F), n(e(F))],
   [0, $, t($), e($), n(e($))],
-  [2, E, t(E), e(E), n(e(E))],
+  [2, S, t(S), e(S), n(e(S))],
   [1, m, t(m), e(m), n(e(m))],
   [2, T, t(T), e(T), n(e(T))],
   [0, L, t(L), e(L), n(e(L))],
@@ -100,9 +99,9 @@ const he = 23.6, Ot = {
   [2, P1, t(P1), e(P1), n(e(P1))],
   [1, U1, t(U1), e(U1), n(e(U1))],
   [0, C1, t(C1), e(C1), n(e(C1))],
-  [2, E1, t(E1), e(E1), n(e(E1))],
+  [2, S1, t(S1), e(S1), n(e(S1))],
   [0, T1, t(T1), e(T1), n(e(T1))],
-  [1, S1, t(S1), e(S1), n(e(S1))],
+  [1, E1, t(E1), e(E1), n(e(E1))],
   [2, B1, t(B1), e(B1), n(e(B1))],
   [0, He, t(He), e(He), n(e(He))],
   [1, Fe, t(Fe), e(Fe), n(e(Fe))],
@@ -117,7 +116,7 @@ const he = 23.6, Ot = {
   [0, G1, t(G1), e(G1), n(e(G1))],
   [1, Le, t(Le), e(Le), n(e(Le))],
   [2, qe, t(qe), e(qe), n(e(qe))],
-  [0, Ee, t(Ee), e(Ee), n(e(Ee))],
+  [0, Se, t(Se), e(Se), n(e(Se))],
   [2, Te, t(Te), e(Te), n(e(Te))],
   [1, f1, t(f1), e(f1), n(e(f1))],
   [0, p1, t(p1), e(p1), n(e(p1))],
@@ -126,7 +125,7 @@ const he = 23.6, Ot = {
   [2, g1, t(g1), e(g1), n(e(g1))],
   [0, w1, t(w1), e(w1), n(e(w1))],
   [1, m1, t(m1), e(m1), n(e(m1))],
-  [2, Se, t(Se), e(Se), n(e(Se))],
+  [2, Ee, t(Ee), e(Ee), n(e(Ee))],
   [0, Be, t(Be), e(Be), n(e(Be))],
   [1, I, t(I), e(I), n(e(I))],
   [0, _, t(_), e(_), n(e(_))],
@@ -150,41 +149,41 @@ const he = 23.6, Ot = {
   [0, ye, t(ye), e(ye), n(e(ye))],
   [1, Z, t(Z), e(Z), n(e(Z))],
   [2, J, t(J), e(J), n(e(J))]
-], Lt = [
-  ["11", a(ie, re, c), t(a(ie, re, c))],
-  ["10", a(ne, oe, c), t(a(ne, oe, c))],
-  ["9", a(Ze, Ye, c), t(a(Ze, Ye, c))],
-  ["8", a(Ke, Ve, c), t(a(Ke, Ve, c))],
-  ["7", a(Ne, De, c), t(a(Ne, De, c))],
-  ["6", a(O, H, c), t(a(O, H, c))],
-  ["5", a(Re, je, c), t(a(Re, je, c))],
-  ["4", a($e, Oe, c), t(a($e, Oe, c))],
-  ["3", a(Te, Ee, c), t(a(Te, Ee, c))],
-  ["2", a(_, I, c), t(a(_, I, c))],
-  ["1", a(Y, X, c), t(a(Y, X, c))],
-  ["a", a(I, X, c), t(a(I, X, c))],
-  ["b", a(_, Y, c), t(a(_, Y, c))],
-  ["c", a(xe, ve, c), t(a(xe, ve, c))],
-  ["d", a(Me, ge, c), t(a(Me, ge, c))],
-  ["e", a(ze, we, c), t(a(ze, we, c))],
-  ["f", a(Ge, me, c), t(a(Ge, me, c))],
-  ["g", a(Pe, be, c), t(a(Pe, be, c))],
-  ["h", a(Ue, ke, c), t(a(Ue, ke, c))],
-  ["i", a(Ce, ye, c), t(a(Ce, ye, c))],
-  ["k", a(ee, Z, c), t(a(ee, Z, c))],
-  ["l", a(te, J, c), t(a(te, J, c))],
-  ["1", a(Z, J, c), t(a(Z, J, c))],
-  ["2", a(ee, te, c), t(a(ee, te, c))],
-  ["3", a(Se, Be, c), t(a(Se, Be, c))],
-  ["4", a(Le, qe, c), t(a(Le, qe, c))],
-  ["5", a(He, Fe, c), t(a(He, Fe, c))],
-  ["6", a(q, N, c), t(a(q, N, c))],
-  ["7", a(We, Ae, c), t(a(We, Ae, c))],
-  ["8", a(Qe, Xe, c), t(a(Qe, Xe, c))],
-  ["9", a(Je, Ie, c), t(a(Je, Ie, c))],
-  ["10", a(ne, ie, c), t(a(ne, ie, c))],
-  ["11", a(oe, re, c), t(a(oe, re, c))]
-], qt = [
+], O2 = [
+  ["11", l(ie, re, a), t(l(ie, re, a))],
+  ["10", l(ne, oe, a), t(l(ne, oe, a))],
+  ["9", l(Ze, Ye, a), t(l(Ze, Ye, a))],
+  ["8", l(Ke, Ae, a), t(l(Ke, Ae, a))],
+  ["7", l(Ne, De, a), t(l(Ne, De, a))],
+  ["6", l(O, H, a), t(l(O, H, a))],
+  ["5", l(Re, je, a), t(l(Re, je, a))],
+  ["4", l($e, Oe, a), t(l($e, Oe, a))],
+  ["3", l(Te, Se, a), t(l(Te, Se, a))],
+  ["2", l(_, I, a), t(l(_, I, a))],
+  ["1", l(Y, X, a), t(l(Y, X, a))],
+  ["a", l(I, X, a), t(l(I, X, a))],
+  ["b", l(_, Y, a), t(l(_, Y, a))],
+  ["c", l(xe, ve, a), t(l(xe, ve, a))],
+  ["d", l(Me, ge, a), t(l(Me, ge, a))],
+  ["e", l(ze, we, a), t(l(ze, we, a))],
+  ["f", l(Ge, me, a), t(l(Ge, me, a))],
+  ["g", l(Pe, be, a), t(l(Pe, be, a))],
+  ["h", l(Ue, ke, a), t(l(Ue, ke, a))],
+  ["i", l(Ce, ye, a), t(l(Ce, ye, a))],
+  ["k", l(ee, Z, a), t(l(ee, Z, a))],
+  ["l", l(te, J, a), t(l(te, J, a))],
+  ["1", l(Z, J, a), t(l(Z, J, a))],
+  ["2", l(ee, te, a), t(l(ee, te, a))],
+  ["3", l(Ee, Be, a), t(l(Ee, Be, a))],
+  ["4", l(Le, qe, a), t(l(Le, qe, a))],
+  ["5", l(He, Fe, a), t(l(He, Fe, a))],
+  ["6", l(q, N, a), t(l(q, N, a))],
+  ["7", l(We, Ve, a), t(l(We, Ve, a))],
+  ["8", l(Qe, Xe, a), t(l(Qe, Xe, a))],
+  ["9", l(Je, Ie, a), t(l(Je, Ie, a))],
+  ["10", l(ne, ie, a), t(l(ne, ie, a))],
+  ["11", l(oe, re, a), t(l(oe, re, a))]
+], $2 = [
   o[
     0
     /* f11 */
@@ -558,130 +557,108 @@ const he = 23.6, Ot = {
     /* e10 */
   ][3][0]
 ];
-function N1(s) {
-  if (s.length === 0)
+function N1(c) {
+  if (c.length === 0)
     return "";
-  const [x, ...l] = s;
-  let K = `M ${fe(x[0])} ${pe(x[1])} L `;
-  for (const S of l)
-    K += `${fe(S[0])} ${pe(S[1])} `;
+  const [P, ...s] = c;
+  let K = `M ${fe(P[0])} ${pe(P[1])} L `;
+  for (const E of s)
+    K += `${fe(E[0])} ${pe(E[1])} `;
   return `${K} Z`;
 }
-const jt = typeof window > "u" ? !1 : window.matchMedia("(pointer: coarse)").matches;
-function ct() {
-  try {
-    if (navigator.vibrate) {
-      navigator.vibrate(50);
-      return;
-    }
-    if (!jt) return;
-    const s = document.createElement("label");
-    s.ariaHidden = "true", s.style.display = "none";
-    const x = document.createElement("input");
-    x.type = "checkbox", x.setAttribute("switch", ""), s.appendChild(x), document.head.appendChild(s), s.click(), document.head.removeChild(s);
-  } catch {
-  }
-}
-function ut() {
-  if (navigator.vibrate) {
-    navigator.vibrate([50, 70, 50]);
-    return;
-  }
-  ct(), setTimeout(ct, 120);
-}
-const Rt = {
+const L2 = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Ht = {
+}, q2 = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Ft = {
+}, j2 = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Dt = {
+}, R2 = {
   key: 3,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Nt = {
+}, H2 = {
   key: 4,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Wt = {
+}, F2 = {
   key: 5,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, At = {
+}, D2 = {
   key: 6,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Vt = {
+}, N2 = {
   key: 7,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Kt = {
+}, W2 = {
   key: 8,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Qt = {
+}, V2 = {
   key: 9,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Xt = {
+}, A2 = {
   key: 10,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Yt = {
+}, K2 = {
   key: 11,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 50 50"
-}, Zt = /* @__PURE__ */ dt({
+}, Q2 = /* @__PURE__ */ c2({
   __name: "Gioco",
   props: {
     type: {}
   },
-  setup(s) {
-    return (x, l) => s.type === "p" ? (v(), g("svg", Rt, [...l[0] || (l[0] = [
+  setup(c) {
+    return (P, s) => c.type === "p" ? (v(), g("svg", L2, [...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)
-    ])])) : s.type === "n" ? (v(), g("svg", Ht, [...l[1] || (l[1] = [
+    ])])) : c.type === "n" ? (v(), g("svg", q2, [...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)
-    ])])) : s.type === "b" ? (v(), g("svg", Ft, [...l[2] || (l[2] = [
+    ])])) : c.type === "b" ? (v(), g("svg", j2, [...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)
-    ])])) : s.type === "r" ? (v(), g("svg", Dt, [...l[3] || (l[3] = [
+    ])])) : c.type === "r" ? (v(), g("svg", R2, [...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)
-    ])])) : s.type === "q" ? (v(), g("svg", Nt, [...l[4] || (l[4] = [
+    ])])) : c.type === "q" ? (v(), g("svg", H2, [...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)
-    ])])) : s.type === "k" ? (v(), g("svg", Wt, [...l[5] || (l[5] = [
+    ])])) : c.type === "k" ? (v(), g("svg", F2, [...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)
-    ])])) : s.type === "P" ? (v(), g("svg", At, [...l[6] || (l[6] = [
+    ])])) : c.type === "P" ? (v(), g("svg", D2, [...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)
-    ])])) : s.type === "N" ? (v(), g("svg", Vt, [...l[7] || (l[7] = [
+    ])])) : c.type === "N" ? (v(), g("svg", N2, [...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)
-    ])])) : s.type === "B" ? (v(), g("svg", Kt, [...l[8] || (l[8] = [
+    ])])) : c.type === "B" ? (v(), g("svg", W2, [...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)
-    ])])) : s.type === "R" ? (v(), g("svg", Qt, [...l[9] || (l[9] = [
+    ])])) : c.type === "R" ? (v(), g("svg", V2, [...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)
-    ])])) : s.type === "Q" ? (v(), g("svg", Xt, [...l[10] || (l[10] = [
+    ])])) : c.type === "Q" ? (v(), g("svg", A2, [...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)
-    ])])) : s.type === "K" ? (v(), g("svg", Yt, [...l[11] || (l[11] = [
+    ])])) : c.type === "K" ? (v(), g("svg", K2, [...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)
     ])])) : de("", !0);
   }
-}), Jt = ["viewBox"], It = ["d", "fill"], _t = ["d", "data-hexboard-position", "data-testid", "fill"], e2 = ["d", "data-testid", "fill"], t2 = ["d", "data-testid", "fill"], o2 = ["textContent", "data-testid", "x", "y"], n2 = ["cx", "cy", "data-testid", "fill"], i2 = ["viewBox"], l2 = /* @__PURE__ */ dt({
+}), X2 = ["viewBox"], Y2 = ["d", "fill"], Z2 = ["d", "data-hexboard-position", "data-testid", "fill"], J2 = ["d", "data-testid", "fill"], I2 = ["d", "data-testid", "fill"], _2 = ["textContent", "data-testid", "x", "y"], et = ["cx", "cy", "data-testid", "fill"], tt = ["viewBox"], it = /* @__PURE__ */ c2({
   __name: "Hexboard",
-  props: /* @__PURE__ */ it({
+  props: /* @__PURE__ */ i2({
     active: { type: Boolean, default: !1 },
     autoselect: { type: Boolean, default: !1 },
     flipped: { type: Boolean, default: !1 },
-    hexchess: { default: () => at.init() },
+    hexchess: { default: () => a2.init() },
     highlight: { default: () => [] },
     ignoreTurn: { type: Boolean, default: !1 },
     options: { default: () => ({}) },
-    pieces: { default: () => Zt },
+    pieces: { default: () => Q2 },
     playing: { type: [String, Boolean], default: !1 },
-    position: { default: $t }
+    position: { default: B2 }
   }, {
     "mouseover-position": {
       default: null,
@@ -699,44 +676,44 @@ const Rt = {
     },
     targetsModifiers: {}
   }),
-  emits: /* @__PURE__ */ it(["clickPosition", "move"], ["update:mouseover-position", "update:selected", "update:targets"]),
-  setup(s, { emit: x }) {
-    const l = s, K = x, S = Q1(s, "mouseover-position"), U = Q1(s, "selected"), W = Q1(s, "targets"), _e = t1({ x: 0, y: 0 }), C = t1(null), ae = t1(new DOMRect()), h = t1({
+  emits: /* @__PURE__ */ i2(["clickPosition", "move"], ["update:mouseover-position", "update:selected", "update:targets"]),
+  setup(c, { emit: P }) {
+    const s = c, K = P, E = Q1(c, "mouseover-position"), U = Q1(c, "selected"), W = Q1(c, "targets"), _e = t1({ x: 0, y: 0 }), C = t1(null), ae = t1(new DOMRect()), h = t1({
       hexchess: null,
       promotionEl: null,
       promotionFrom: null,
       promotionTo: null,
       selected: null
-    }), W1 = xt("svgEl"), V = t1(new DOMRect());
-    let A1 = !1;
-    const ft = j(() => h.value.hexchess ? [] : W.value), ce = j(() => h.value.hexchess ? h.value.hexchess : l.hexchess ? l.hexchess : at.init()), pt = j(() => ce.value.board.reduce(
+    }), W1 = k2("svgEl"), V = t1(new DOMRect());
+    let V1 = !1;
+    const u2 = j(() => h.value.hexchess ? [] : W.value), ce = j(() => h.value.hexchess ? h.value.hexchess : s.hexchess ? s.hexchess : a2.init()), d2 = j(() => ce.value.board.reduce(
       (r, d, u) => (d && u !== C.value && r.push({ piece: d, index: u }), r),
       []
     )), i1 = j(() => typeof h.value.selected == "number" ? null : U.value), X1 = j(() => {
       var r, d, u;
-      if (V1.value)
+      if (A1.value)
         return "grabbing";
-      if (!(!l.active || S.value === null || h.value.hexchess)) {
-        if (U.value !== null && W.value.includes(S.value)) {
+      if (!(!s.active || E.value === null || h.value.hexchess)) {
+        if (U.value !== null && W.value.includes(E.value)) {
           const p = (r = ce.value) == null ? void 0 : r.board[U.value];
           if (p) {
-            const b = p === p.toLowerCase() ? "b" : "w", G = ((d = ce.value) == null ? void 0 : d.turn) === b;
-            if ((l.playing === !0 || G) && l1(U.value))
+            const b = p === p.toLowerCase() ? "b" : "w", z = ((d = ce.value) == null ? void 0 : d.turn) === b;
+            if ((s.playing === !0 || z) && l1(U.value))
               return "pointer";
           }
         }
         if (r1.value)
-          return l.playing === !0 || l.playing && Z1.value === ((u = ce.value) == null ? void 0 : u.turn) && l.playing === Z1.value ? "grab" : "pointer";
+          return s.playing === !0 || s.playing && Z1.value === ((u = ce.value) == null ? void 0 : u.turn) && s.playing === Z1.value ? "grab" : "pointer";
       }
     }), Y1 = j(() => ({
       x: _e.value.x - V.value.width / 2,
       y: _e.value.y - V.value.height / 2
-    })), V1 = j(() => !l.hexchess || h.value.hexchess || C.value === null ? null : l.hexchess.board[C.value]), A = j(() => ({ ...Ot, ...l.options })), Z1 = j(() => r1.value ? r1.value === r1.value.toLowerCase() ? "b" : "w" : null), r1 = j(() => {
+    })), A1 = j(() => !s.hexchess || h.value.hexchess || C.value === null ? null : s.hexchess.board[C.value]), A = j(() => ({ ...E2, ...s.options })), Z1 = j(() => r1.value ? r1.value === r1.value.toLowerCase() ? "b" : "w" : null), r1 = j(() => {
       var r;
-      return S.value === null ? null : ((r = ce.value) == null ? void 0 : r.board[S.value]) ?? null;
+      return E.value === null ? null : ((r = ce.value) == null ? void 0 : r.board[E.value]) ?? null;
     }), s1 = 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) => (G) => Tt(l.pieces, { ...G, 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) => C2(s.pieces, { ...z, type: b });
       return {
         n: u(d ? "N" : "n"),
         b: u(d ? "B" : "b"),
@@ -744,27 +721,27 @@ const Rt = {
         q: u(d ? "Q" : "q")
       };
     });
-    Mt(() => {
-      l.active && J1();
-    }), zt(nt), rt(X1, (r) => {
+    y2(() => {
+      s.active && J1();
+    }), x2(n2), r2(X1, (r) => {
       document.body.style.setProperty(
         "cursor",
         r === "grabbing" ? "grabbing" : null
       );
-    }), rt(
-      () => l.active,
-      (r) => r ? J1() : nt()
+    }), r2(
+      () => s.active,
+      (r) => r ? J1() : n2()
     );
     function K1(r, d) {
-      var G, se;
+      var z, se;
       if (!W.value.includes(r.to))
         return;
-      const u = (G = l.hexchess) == null ? void 0 : G.board[r.from];
+      const u = (z = s.hexchess) == null ? void 0 : z.board[r.from];
       if (!u)
         return;
-      const p = u === u.toLowerCase() ? "b" : "w", b = ((se = l.hexchess) == null ? void 0 : se.turn) === p;
-      if (l.hexchess && (u === "p" || u === "P") && St(r.to, p)) {
-        const ue = l.hexchess.clone();
+      const p = u === u.toLowerCase() ? "b" : "w", b = ((se = s.hexchess) == null ? void 0 : se.turn) === p;
+      if (s.hexchess && (u === "p" || u === "P") && S2(r.to, p)) {
+        const ue = s.hexchess.clone();
         ue.board[r.from] = null, ue.board[r.to] = u, h.value = {
           hexchess: ue,
           promotionEl: (d == null ? void 0 : d.target) instanceof Element ? d.target : null,
@@ -774,31 +751,31 @@ const Rt = {
         }, (d == null ? void 0 : d.target) instanceof Element && (ae.value = d.target.getBoundingClientRect());
         return;
       }
-      l1(r.from) && (l.ignoreTurn || b) && _1(r);
+      l1(r.from) && (s.ignoreTurn || b) && _1(r);
     }
     function l1(r) {
       var p;
-      const d = (p = l.hexchess) == null ? void 0 : p.board[r];
+      const d = (p = s.hexchess) == null ? void 0 : p.board[r];
       if (!d)
         return !1;
       const u = d === d.toLowerCase() ? "b" : "w";
-      return l.playing === !0 || l.playing === u;
+      return s.playing === !0 || s.playing === u;
     }
-    function ht(r) {
+    function f2(r) {
       var d, u;
-      return S.value === null ? A.value.labelColor : (d = R(S.value)) != null && d.startsWith(r) || (u = R(S.value)) != null && u.endsWith(r) ? A.value.labelActiveColor : A.value.labelInactiveColor;
+      return E.value === null ? A.value.labelColor : (d = R(E.value)) != null && d.startsWith(r) || (u = R(E.value)) != null && u.endsWith(r) ? A.value.labelActiveColor : A.value.labelInactiveColor;
     }
     function J1() {
-      _e.value = { x: 0, y: 0 }, window.addEventListener("keyup", I1), window.addEventListener("pointermove", et), window.addEventListener("pointerup", ot), window.addEventListener("resize", a1), window.addEventListener("scroll", a1), window.addEventListener("touchmove", tt, { passive: !1 });
+      _e.value = { x: 0, y: 0 }, window.addEventListener("keyup", I1), window.addEventListener("pointermove", e2), window.addEventListener("pointerup", o2), window.addEventListener("resize", a1), window.addEventListener("scroll", a1), window.addEventListener("touchmove", t2, { passive: !1 });
     }
     function a1() {
       var r;
       ae.value = ((r = h.value.promotionEl) == null ? void 0 : r.getBoundingClientRect()) ?? new DOMRect();
     }
-    function vt(r, d) {
-      if (l.active) {
-        if (A1) {
-          A1 = !1;
+    function p2(r, d) {
+      if (s.active) {
+        if (V1) {
+          V1 = !1;
           return;
         }
         if (h.value.hexchess) {
@@ -810,7 +787,7 @@ const Rt = {
           K1(u, d);
           return;
         }
-        l.autoselect && !l.hexchess.board[r] && (U.value = null, W.value = []), K("clickPosition", r);
+        s.autoselect && !s.hexchess.board[r] && (U.value = null, W.value = []), K("clickPosition", r);
       }
     }
     function I1(r) {
@@ -819,21 +796,21 @@ const Rt = {
           e1();
           return;
         }
-        l.autoselect && (U.value = null, W.value = []);
+        s.autoselect && (U.value = null, W.value = []);
       }
     }
     function _1(r) {
       K("move", r), c1();
     }
-    function gt(r, d) {
+    function h2(r, d) {
       var u;
       if (d.stopPropagation(), C.value !== null) {
         let p = r;
         const b = document.elementFromPoint(
           d.clientX,
           d.clientY
-        ), G = b == null ? void 0 : b.getAttribute("data-hexboard-position");
-        G !== null && (p = Number(G));
+        ), z = b == null ? void 0 : b.getAttribute("data-hexboard-position");
+        z !== null && (p = Number(z));
         const se = new d1({ from: C.value, to: p });
         if (K1(se, d), h.value.hexchess)
           return;
@@ -848,7 +825,7 @@ const Rt = {
         e1();
         return;
       }
-      if ((u = l.hexchess) != null && u.board[r]) {
+      if ((u = s.hexchess) != null && u.board[r]) {
         C.value = null, V.value = new DOMRect();
         return;
       }
@@ -862,31 +839,31 @@ const Rt = {
         promotionFrom: null,
         promotionTo: null,
         selected: null
-      }, typeof r == "number" && (U.value = r, W.value = l.hexchess.movesFrom(r).map((d) => d.to) ?? []), C.value = null, A1 = !0;
+      }, typeof r == "number" && (U.value = r, W.value = s.hexchess.movesFrom(r).map((d) => d.to) ?? []), C.value = null, V1 = !0;
     }
-    function wt(r, d) {
-      var G, se, ue;
-      if (d.preventDefault(), ut(), h.value.hexchess)
+    function v2(r, d) {
+      var z, se, ue;
+      if (d.preventDefault(), h.value.hexchess)
         return;
-      const u = (G = l.hexchess) == null ? void 0 : G.board[r];
-      if (!u || (l.autoselect && (U.value = r, W.value = ((se = l.hexchess) == null ? void 0 : se.movesFrom(r).map((yt) => yt.to)) ?? [], A.value.haptics && ut()), !l1(r)))
+      const u = (z = s.hexchess) == null ? void 0 : z.board[r];
+      if (!u || (s.autoselect && (U.value = r, W.value = ((se = s.hexchess) == null ? void 0 : se.movesFrom(r).map((b2) => b2.to)) ?? []), !l1(r)))
         return;
-      const p = u === u.toLowerCase() ? "b" : "w", b = ((ue = l.hexchess) == null ? void 0 : ue.turn) === p;
-      !l.ignoreTurn && !b || (C.value = r, _e.value = { x: d.clientX, y: d.clientY }, W1.value instanceof Element && (V.value = W1.value.getBoundingClientRect()));
+      const p = u === u.toLowerCase() ? "b" : "w", b = ((ue = s.hexchess) == null ? void 0 : ue.turn) === p;
+      !s.ignoreTurn && !b || (C.value = r, _e.value = { x: d.clientX, y: d.clientY }, W1.value instanceof Element && (V.value = W1.value.getBoundingClientRect()));
     }
-    function mt(r) {
-      S.value = r;
+    function g2(r) {
+      E.value = r;
     }
-    function bt() {
-      S.value = null;
+    function w2() {
+      E.value = null;
     }
-    function et(r) {
-      l.active && (_e.value = { x: r.clientX, y: r.clientY });
+    function e2(r) {
+      s.active && (_e.value = { x: r.clientX, y: r.clientY });
     }
-    function tt(r) {
+    function t2(r) {
       C.value !== null && r.preventDefault();
     }
-    function ot() {
+    function o2() {
       if (h.value.hexchess) {
         e1();
         return;
@@ -897,7 +874,7 @@ const Rt = {
       }
       c1();
     }
-    function kt(r) {
+    function m2(r) {
       if (typeof h.value.promotionFrom == "number" && l1(h.value.promotionFrom)) {
         const d = new d1({
           from: h.value.promotionFrom ?? 0,
@@ -916,8 +893,8 @@ const Rt = {
         selected: null
       }, V.value = new DOMRect(), W.value = [];
     }
-    function nt() {
-      c1(), window.removeEventListener("keyup", I1), window.removeEventListener("pointermove", et), window.removeEventListener("pointerup", ot), window.removeEventListener("resize", a1), window.removeEventListener("scroll", a1), window.removeEventListener("touchmove", tt);
+    function n2() {
+      c1(), window.removeEventListener("keyup", I1), window.removeEventListener("pointermove", e2), window.removeEventListener("pointerup", o2), window.removeEventListener("resize", a1), window.removeEventListener("scroll", a1), window.removeEventListener("touchmove", t2);
     }
     return (r, d) => (v(), g("div", null, [
       (v(), g("svg", {
@@ -927,59 +904,59 @@ const Rt = {
         style: u1({ cursor: X1.value }),
         viewBox: `0 0 ${f(he)} ${f(he)}`
       }, [
-        Gt("path", {
-          d: f(N1)(f(qt)),
+        M2("path", {
+          d: f(N1)(f($2)),
           fill: A.value.colors[1],
           style: { pointerEvents: "none" }
-        }, null, 8, It),
-        (v(!0), g(o1, null, n1(f(o), (u, p) => (v(), g("path", Pt(
+        }, null, 8, Y2),
+        (v(!0), g(o1, null, n1(f(o), (u, p) => (v(), g("path", z2(
           { ref_for: !0 },
-          s.active ? {
-            onClick: (b) => vt(p, b),
-            onMouseenter: () => mt(p),
-            onMouseleave: () => bt(),
-            onPointerdown: (b) => wt(p, b),
-            onPointerup: (b) => gt(p, b)
+          c.active ? {
+            onClick: (b) => p2(p, b),
+            onMouseenter: () => g2(p),
+            onMouseleave: () => w2(),
+            onPointerdown: (b) => v2(p, b),
+            onPointerup: (b) => h2(p, b)
           } : {},
           {
-            d: f(N1)(s.flipped ? u[4] : u[3]),
+            d: f(N1)(c.flipped ? u[4] : u[3]),
             "data-hexboard-position": p,
             "data-testid": `position-${f(R)(p)}`,
             fill: A.value.colors[f(o)[p][0]],
             key: p
           }
-        ), null, 16, _t))), 128)),
-        (v(!0), g(o1, null, n1(s.highlight, (u) => (v(), g("path", {
-          d: f(N1)(s.flipped ? f(o)[u][4] : f(o)[u][3]),
+        ), null, 16, Z2))), 128)),
+        (v(!0), g(o1, null, n1(c.highlight, (u) => (v(), g("path", {
+          d: f(N1)(c.flipped ? f(o)[u][4] : f(o)[u][3]),
           "data-testid": `highlight-${f(R)(u)}`,
           fill: A.value.highlightColor,
           key: `highlight-${u}`,
           style: { pointerEvents: "none" }
-        }, null, 8, e2))), 128)),
+        }, null, 8, J2))), 128)),
         typeof i1.value == "number" ? (v(), g("path", {
           key: 0,
-          d: f(N1)(s.flipped ? f(o)[i1.value][4] : f(o)[i1.value][3]),
+          d: f(N1)(c.flipped ? f(o)[i1.value][4] : f(o)[i1.value][3]),
           "data-testid": `selected-${f(R)(i1.value)}`,
           fill: A.value.selectedColor,
           ref: "selectedEl",
           style: { pointerEvents: "none" }
-        }, null, 8, t2)) : de("", !0),
-        A.value.labels ? (v(!0), g(o1, { key: 1 }, n1(f(Lt), ([u, p, b], G) => (v(), g("text", {
-          textContent: Ut(u),
+        }, null, 8, I2)) : de("", !0),
+        A.value.labels ? (v(!0), g(o1, { key: 1 }, n1(f(O2), ([u, p, b], z) => (v(), g("text", {
+          textContent: G2(u),
           "dominant-baseline": "central",
           "text-anchor": "middle",
           "data-testid": `label-${u}`,
-          key: `label-${G}`,
+          key: `label-${z}`,
           style: u1({
-            fill: ht(u),
+            fill: f2(u),
             fontSize: ".5px",
             pointerEvents: "none",
             userSelect: "none"
           }),
-          x: f(fe)(s.flipped ? b[0] : p[0]),
-          y: f(pe)(s.flipped ? b[1] : p[1])
-        }, null, 12, o2))), 128)) : de("", !0),
-        ce.value ? (v(!0), g(o1, { key: 2 }, n1(pt.value, ({ piece: u, index: p }) => (v(), st(lt(s.pieces), {
+          x: f(fe)(c.flipped ? b[0] : p[0]),
+          y: f(pe)(c.flipped ? b[1] : p[1])
+        }, null, 12, _2))), 128)) : de("", !0),
+        ce.value ? (v(!0), g(o1, { key: 2 }, n1(d2.value, ({ piece: u, index: p }) => (v(), s2(l2(c.pieces), {
           "data-piece-type": u,
           "data-testid": `piece-${f(R)(p)}`,
           height: f(Q),
@@ -987,20 +964,20 @@ const Rt = {
           style: { pointerEvents: "none" },
           type: u,
           width: f(Q),
-          x: f(fe)(f(o)[p][s.flipped ? 2 : 1][0] - f(Q) / 2),
-          y: f(pe)(f(o)[p][s.flipped ? 2 : 1][1] + f(Q) / 2)
+          x: f(fe)(f(o)[p][c.flipped ? 2 : 1][0] - f(Q) / 2),
+          y: f(pe)(f(o)[p][c.flipped ? 2 : 1][1] + f(Q) / 2)
         }, null, 8, ["data-piece-type", "data-testid", "height", "type", "width", "x", "y"]))), 128)) : de("", !0),
-        (v(!0), g(o1, null, n1(ft.value, (u) => (v(), g("circle", {
-          cx: f(fe)(f(o)[u][s.flipped ? 2 : 1][0]),
-          cy: f(pe)(f(o)[u][s.flipped ? 2 : 1][1]),
+        (v(!0), g(o1, null, n1(u2.value, (u) => (v(), g("circle", {
+          cx: f(fe)(f(o)[u][c.flipped ? 2 : 1][0]),
+          cy: f(pe)(f(o)[u][c.flipped ? 2 : 1][1]),
           "data-testid": `target-${f(R)(u)}`,
           fill: A.value.targetColor,
           key: `target-${f(R)(u)}`,
           r: 0.3,
           style: { pointerEvents: "none" }
-        }, null, 8, n2))), 128))
-      ], 12, Jt)),
-      V1.value ? (v(), g("svg", {
+        }, null, 8, et))), 128))
+      ], 12, X2)),
+      A1.value ? (v(), g("svg", {
         key: 0,
         "data-testid": "drag-piece",
         xmlns: "http://www.w3.org/2000/svg",
@@ -1016,15 +993,15 @@ const Rt = {
         }),
         viewBox: `0 0 ${f(he)} ${f(he)}`
       }, [
-        (v(), st(lt(s.pieces), {
+        (v(), s2(l2(c.pieces), {
           height: f(Q),
           style: { pointerEvents: "none" },
-          type: V1.value,
+          type: A1.value,
           width: f(Q),
           x: f(fe)(f(Q) / -2),
           y: f(pe)(f(Q) / 2)
         }, null, 8, ["height", "type", "width", "x", "y"]))
-      ], 12, i2)) : de("", !0),
+      ], 12, tt)) : de("", !0),
       typeof h.value.selected == "number" ? (v(), g("div", {
         key: 1,
         style: u1({
@@ -1034,15 +1011,15 @@ const Rt = {
           top: ae.value.top + "px",
           width: ae.value.width + "px"
         }),
-        onPointerup: d[0] || (d[0] = Ct(() => {
+        onPointerup: d[0] || (d[0] = P2(() => {
         }, ["stop"]))
       }, [
-        Et(r.$slots, "promotion", {
+        U2(r.$slots, "promotion", {
           b: s1.value.b,
           cancel: e1,
           file: f(R)(h.value.selected)[0],
           n: s1.value.n,
-          promote: kt,
+          promote: m2,
           q: s1.value.q,
           r: s1.value.r,
           rank: Number(f(R)(h.value.selected).slice(1))
@@ -1052,5 +1029,5 @@ const Rt = {
   }
 });
 export {
-  l2 as Hexboard
+  it as Hexboard
 };

package/package.json

@@ -38,6 +38,10 @@
   "main": "dist/index.js",
   "module": "dist/index.js",
   "name": "@bedard/hexboard",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/scottbedard/hexboard"
+  },
   "peerDependencies": {
     "@bedard/hexchess": "^2.5.0",
     "vue": "^3.5.0"
@@ -54,5 +58,5 @@
   "license": "MIT",
   "type": "module",
   "types": "dist/index.d.ts",
-  "version": "0.0.1"
+  "version": "0.0.3"
 }

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

@@ -190,7 +190,6 @@ import {
 } from './constants'
 import { d } from './dom'
 import { x, y } from './geometry'
-import { hapticConfirm } from './haptics'
 import GiocoPieces from './pieces/Gioco.vue'
 import type { HexboardOptions } from './types'
 
@@ -734,8 +733,6 @@ function cancelPromotion() {
 function onPointerdownPosition(index: number, evt: PointerEvent) {
   evt.preventDefault()
 
-  hapticConfirm()
-
   // Don't start new interactions during promotion
   if (staging.value.hexchess) {
     return
@@ -750,10 +747,6 @@ function onPointerdownPosition(index: number, evt: PointerEvent) {
   if (props.autoselect) {
     selected.value = index
     targets.value = props.hexchess?.movesFrom(index).map(san => san.to) ?? []
-
-    if (normalizedOptions.value.haptics) {
-      hapticConfirm()
-    }
   }
 
   if (!isPlayingPosition(index)) {

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

@@ -10,7 +10,6 @@ export const defaultOptions: HexboardOptions = {
     'oklch(0.8366 0.1165 66.29)',
     'oklch(0.6806 0.1423 75.83)',
   ],
-  haptics: true,
   highlightColor: 'oklch(90.5% 0.182 98.111 / 75%)', // yellow-300 / 75% opacity
   labelActiveColor: 'oklch(76.9% 0.188 70.08)', // amber-500
   labelColor: 'oklch(55.4% 0.046 257.417)', // slate-500

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

@@ -2,8 +2,6 @@
 export interface HexboardOptions {
   /** position colors */
   colors: [string, string, string]
-  /** haptic feedback vibrations */
-  haptics: boolean
   /** color of highlighted position */
   highlightColor: string
   /** color of active label relative to mouseover */

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

@@ -1,56 +0,0 @@
-/** check if haptics are supported */
-export const supportsHaptics
-  = typeof window === 'undefined'
-    ? false
-    : window.matchMedia('(pointer: coarse)').matches
-
-/** trigger haptic feedback */
-function tick() {
-  try {
-    // use the native api if supported
-    if (navigator.vibrate) {
-      navigator.vibrate(50)
-      return
-    }
-
-    if (!supportsHaptics) return
-
-    // otherwise simulate a tep using a checkbox
-    const labelEl = document.createElement('label')
-    labelEl.ariaHidden = 'true'
-    labelEl.style.display = 'none'
-
-    const inputEl = document.createElement('input')
-    inputEl.type = 'checkbox'
-    inputEl.setAttribute('switch', '')
-    labelEl.appendChild(inputEl)
-
-    document.head.appendChild(labelEl)
-    labelEl.click()
-    document.head.removeChild(labelEl)
-  }
-  catch {
-    // do nothing
-  }
-}
-
-export function hapticConfirm() {
-  if (navigator.vibrate) {
-    navigator.vibrate([50, 70, 50])
-    return
-  }
-
-  tick()
-  setTimeout(tick, 120)
-}
-
-export function hapticError() {
-  if (navigator.vibrate) {
-    navigator.vibrate([50, 70, 50, 70, 50])
-    return
-  }
-
-  tick()
-  setTimeout(tick, 120)
-  setTimeout(tick, 240)
-}