speakid-hangman 1.0.13 → 1.0.14

package/dist/speakid-hangman.es.js

@@ -209,7 +209,7 @@ function je({
   maxMistakes: J,
   size: P = 200
 }) {
-  const p = P, u = P * 1.25, w = Math.max(3, P / 100), C = 10 * (p / 200), x = 240 * (u / 250), y = 150 * (p / 200), b = 80 * (p / 200), ee = 20 * (u / 250), _ = 240 * (u / 250), M = 80 * (p / 200), N = 20 * (u / 250), L = 150 * (p / 200), H = 150 * (p / 200), S = 20 * (u / 250), I = 50 * (u / 250), F = 150 * (p / 200), R = 70 * (u / 250), U = 20 * (p / 200), T = 150 * (p / 200), te = 90 * (u / 250), D = 150 * (u / 250), f = 150 * (p / 200), B = 110 * (u / 250), d = 130 * (p / 200), O = 130 * (u / 250), ne = 150 * (p / 200), E = 110 * (u / 250), me = 170 * (p / 200), W = 130 * (u / 250), oe = 150 * (p / 200), V = 150 * (u / 250), g = 130 * (p / 200), re = 190 * (u / 250), j = 150 * (p / 200), ie = 150 * (u / 250), a = 170 * (p / 200), ae = 190 * (u / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
+  const p = P, u = P * 1.25, w = Math.max(3, P / 100), C = 10 * (p / 200), x = 240 * (u / 250), y = 150 * (p / 200), b = 80 * (p / 200), ee = 20 * (u / 250), _ = 240 * (u / 250), M = 80 * (p / 200), N = 20 * (u / 250), L = 150 * (p / 200), H = 150 * (p / 200), S = 20 * (u / 250), I = 50 * (u / 250), F = 150 * (p / 200), R = 70 * (u / 250), U = 20 * (p / 200), T = 150 * (p / 200), te = 90 * (u / 250), D = 150 * (u / 250), f = 150 * (p / 200), B = 110 * (u / 250), g = 130 * (p / 200), O = 130 * (u / 250), ne = 150 * (p / 200), E = 110 * (u / 250), me = 170 * (p / 200), W = 130 * (u / 250), oe = 150 * (p / 200), V = 150 * (u / 250), d = 130 * (p / 200), re = 190 * (u / 250), j = 150 * (p / 200), ie = 150 * (u / 250), a = 170 * (p / 200), ae = 190 * (u / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
   return /* @__PURE__ */ m(
     "svg",
     {
@@ -298,7 +298,7 @@ function je({
           {
             x1: f,
             y1: B,
-            x2: d,
+            x2: g,
             y2: O,
             stroke: k,
             strokeWidth: w
@@ -320,7 +320,7 @@ function je({
           {
             x1: oe,
             y1: V,
-            x2: g,
+            x2: d,
             y2: re,
             stroke: k,
             strokeWidth: w
@@ -367,36 +367,36 @@ function Oe({
     Environment: ["tree", "forest", "air", "water", "pollution", "recycle", "nature", "clean", "waste", "plastic", "energy", "animal", "climate", "earth", "ocean", "river", "planet", "save", "green", "environment", "litter", "organic"],
     Space: ["planet", "star", "sun", "moon", "astronaut", "rocket", "space", "galaxy", "universe", "telescope", "comet", "asteroid", "orbit", "gravity", "alien", "spaceship", "mars", "satellite", "sky", "eclipse"],
     Devices: ["computer", "laptop", "phone", "tablet", "tv", "keyboard", "mouse", "printer", "camera", "headphones", "charger", "screen", "watch", "microphone", "speaker", "console", "router", "battery", "cable", "remote"]
-  }, [x, y] = h("lobby"), [b, ee] = h(""), [_] = h("Normal"), [M, N] = h(0), [L, H] = h(1), [S, I] = h(""), [F, R] = h([]), [U, T] = h(0), [te, D] = h(0), [f, B] = h(null), [d, O] = h(null), [ne, E] = h(1), [me, W] = h([]), oe = _ === "Easy" ? 8 : _ === "Normal" ? 6 : 4, V = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [g, re] = h(!1), [j, ie] = h(!1), [a, ae] = h(!1), [$, k] = h(!1), s = Q(() => {
-    const e = (d || r || 1e3) / 400, n = a ? 0.8 : 1, i = $ ? 0.9 : 1, c = n * i;
+  }, [x, y] = h("lobby"), [b, ee] = h(""), [_] = h("Normal"), [M, N] = h(0), [L, H] = h(1), [S, I] = h(""), [F, R] = h([]), [U, T] = h(0), [te, D] = h(0), [f, B] = h(null), [g, O] = h(null), [ne, E] = h(1), [me, W] = h([]), oe = _ === "Easy" ? 8 : _ === "Normal" ? 6 : 4, V = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [d, re] = h(!1), [j, ie] = h(!1), [a, ae] = h(!1), [$, k] = h(!1), s = Q(() => {
+    const e = (g || r || 1e3) / 400, n = a ? 0.8 : 1, i = $ ? 0.9 : 1, c = n * i;
     return {
-      headline1: g ? Math.max(24, Math.min(30, 30 * e * c)) : Math.max(28, Math.min(32, 32 * e * i)),
+      headline1: d ? Math.max(24, Math.min(30, 30 * e * c)) : Math.max(28, Math.min(32, 32 * e * i)),
       // Desktop: 32px
       headline2: Math.max(20, Math.min(28, 24 * e * c)),
       // Desktop: 24px
-      headline3: g ? Math.max(14, Math.min(18, 16 * e * c)) : Math.max(20, Math.min(26, 24 * e * c)),
+      headline3: d ? Math.max(14, Math.min(18, 16 * e * c)) : Math.max(20, Math.min(26, 24 * e * c)),
       // Desktop: 24px
       bodyL: Math.max(14, Math.min(20, 18 * e * c)),
       // Desktop: 18px
-      bodyM: g ? Math.max(12, Math.min(16, 14 * e * c)) : Math.max(14, Math.min(18, 16 * e * c)),
+      bodyM: d ? Math.max(12, Math.min(16, 14 * e * c)) : Math.max(14, Math.min(18, 16 * e * c)),
       // Desktop: 16px
-      bodyS: g ? Math.max(10, Math.min(14, 12 * e * c)) : Math.max(12, Math.min(16, 14 * e * c)),
+      bodyS: d ? Math.max(10, Math.min(14, 12 * e * c)) : Math.max(12, Math.min(16, 14 * e * c)),
       // Desktop: 14px
       wordDisplay: Math.max(18, Math.min(32, 26 * e * c)),
       // Адаптивный размер
       button: Math.max(12, Math.min(18, 16 * e * c))
       // Desktop: 16px
     };
-  }, [g, d, r, a, $]), fe = Q(() => {
-    const e = (d || r || 1e3) / 400, n = a ? 0.65 : 1, i = $ ? 0.85 : 1;
+  }, [d, g, r, a, $]), fe = Q(() => {
+    const e = (g || r || 1e3) / 400, n = a ? 0.65 : 1, i = $ ? 0.85 : 1;
     return j ? Math.max(8, Math.min(12, 10 * e)) : Math.max(12, Math.min(24, 16 * e)) * n * i;
-  }, [j, d, r, a, $]), t = Q(() => {
-    const e = (d || r || 1e3) / 400, n = a ? 0.65 : 1, i = $ ? 0.85 : 1;
+  }, [j, g, r, a, $]), t = Q(() => {
+    const e = (g || r || 1e3) / 400, n = a ? 0.65 : 1, i = $ ? 0.85 : 1;
     return j ? Math.max(3, Math.min(6, 5 * e)) : Math.max(4, Math.min(12, 8 * e)) * n * i;
-  }, [j, d, r, a, $]), v = Q(() => {
-    const e = (d || r || 1e3) / 400, n = $ ? 0.9 : 1;
+  }, [j, g, r, a, $]), v = Q(() => {
+    const e = (g || r || 1e3) / 400, n = $ ? 0.9 : 1;
     return Math.max(6, Math.min(10, 8 * e * n));
-  }, [d, r, $]), we = (e, n) => e.split("").every((i) => n.includes(i)), ke = (e, n) => e.split("").map((i) => n.includes(i) ? i : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), Z = (e, n = []) => {
+  }, [g, r, $]), we = (e, n) => e.split("").every((i) => n.includes(i)), ke = (e, n) => e.split("").map((i) => n.includes(i) ? i : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), Z = (e, n = []) => {
     var Y;
     if (!e || !C[e]) {
       const z = Object.keys(C)[0];
@@ -534,7 +534,7 @@ function Oe({
       <path d="M 35% 85% Q 37% 83%, 39% 85% T 43% 85% T 47% 85%" 
             fill="none" stroke="#FF4500" stroke-width="3.5" stroke-linecap="round"/>
     </svg>
-  `, Fe = !g && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !g && u && (x !== "game" || Fe), Te = {
+  `, Fe = !d && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !d && u && (x !== "game" || Fe), Te = {
     ...l.gmCenterScreen,
     width: "100%",
     height: "100%",
@@ -551,7 +551,7 @@ function Oe({
       if (!de)
         return null;
       const e = window.innerWidth;
-      if (g && e > window.innerHeight)
+      if (d && e > window.innerHeight)
         return null;
       const n = p || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman/logo` : "/cloud/speakid/games/hangman/logo");
       return /* @__PURE__ */ o("div", { style: l.gmLogoFixed, children: /* @__PURE__ */ m("picture", { children: [
@@ -573,7 +573,7 @@ function Oe({
         )
       ] }) });
     },
-    [g, de, p, x]
+    [d, de, p, x]
   ), Be = () => x === "lobby" ? /* @__PURE__ */ m(G, { children: [
     X,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
@@ -658,10 +658,10 @@ function Oe({
           alt: "Sun",
           style: {
             position: "absolute",
-            left: g ? "-10%" : "5%",
+            left: d ? "-10%" : "5%",
             top: "20%",
             width: "auto",
-            height: g ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((d || r || 1e3) * 0.33, 300)}px`,
+            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((g || r || 1e3) * 0.33, 300)}px`,
             maxHeight: "33vh",
             objectFit: "contain",
             opacity: 0.6
@@ -675,10 +675,10 @@ function Oe({
           alt: "Hangman character",
           style: {
             position: "absolute",
-            right: g ? "5%" : "10%",
+            right: d ? "5%" : "10%",
             bottom: "10%",
             width: "auto",
-            height: g ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((d || r || 1e3) * 0.33, 300)}px`,
+            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((g || r || 1e3) * 0.33, 300)}px`,
             maxHeight: "33vh",
             objectFit: "contain",
             opacity: 0.6
@@ -706,8 +706,8 @@ function Oe({
           padding: `${t}px ${t * 1.5}px`,
           borderRadius: `${v}px`,
           position: "absolute",
-          top: "24px",
-          // ✅ Поднял кнопку назад выше
+          top: d ? "24px" : "64px",
+          // ✅ На десктопе под логотипом (24px + 28px логотип + 12px отступ)
           left: "24px",
           // ✅ Та же позиция что и логотип
           zIndex: 10
@@ -766,8 +766,8 @@ function Oe({
           padding: `${t}px ${t * 1.5}px`,
           borderRadius: `${v}px`,
           position: "absolute",
-          top: "24px",
-          // ✅ Поднял кнопку назад выше
+          top: d ? "24px" : "64px",
+          // ✅ На десктопе под логотипом (24px + 28px логотип + 12px отступ)
           left: "24px",
           // ✅ Та же позиция что и логотип
           zIndex: 10
@@ -817,7 +817,7 @@ function Oe({
       // ✅ Унифицированный padding для всех landscape iPhone
       marginBottom: `${a ? t * 0.2 : t * 0.5}px`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      maxWidth: `${(d || r) * 0.9}px`,
+      maxWidth: `${(g || r) * 0.9}px`,
       textAlign: "center",
       // ✅ Центрируем текст по плашке
       display: "flex",
@@ -859,7 +859,7 @@ function Oe({
       {
         mistakes: U,
         maxMistakes: oe,
-        size: j ? Math.max(80, Math.min(110, (d || r) * 0.16)) : g ? a ? Math.max(90, Math.min(130, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, (d || r) * 0.2))
+        size: j ? Math.max(80, Math.min(110, (g || r) * 0.16)) : d ? a ? Math.max(90, Math.min(130, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, (g || r) * 0.2))
       }
     ) }),
     /* @__PURE__ */ o("div", { style: {
@@ -878,7 +878,7 @@ function Oe({
       // ✅ Унифицированный margin для всех landscape iPhone
       marginBottom: `${a ? t * 0.3 : t}px`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      maxWidth: `${(d || r) * 0.95}px`
+      maxWidth: `${(g || r) * 0.95}px`
     }, children: /* @__PURE__ */ o("div", { style: {
       display: "flex",
       flexWrap: "wrap",
@@ -888,7 +888,7 @@ function Oe({
       alignItems: "center",
       fontFamily: '"Onest", system-ui, sans-serif'
     }, children: Se.map((e) => {
-      const n = a ? Math.max((d || r) * 0.05, t * 1.5) : Math.max((d || r) * 0.06, t * 2), i = a ? Math.max((d || r) * 0.1, t * 2.5) : Math.max((d || r) * 0.12, t * 3);
+      const n = a ? Math.max((g || r) * 0.05, t * 1.5) : Math.max((g || r) * 0.06, t * 2), i = a ? Math.max((g || r) * 0.1, t * 2.5) : Math.max((g || r) * 0.12, t * 3);
       return /* @__PURE__ */ o(
         "button",
         {
@@ -1087,19 +1087,19 @@ function Oe({
         "div",
         {
           style: {
-            width: g ? "100%" : d || r || 1e3,
-            height: g ? "100%" : d || r || 1e3,
+            width: d ? "100%" : g || r || 1e3,
+            height: d ? "100%" : g || r || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
             overflow: "hidden",
-            borderRadius: g ? 0 : "20px",
+            borderRadius: d ? 0 : "20px",
             background: "#ffffff",
-            boxShadow: g ? "none" : "0 0 40px rgba(0,0,0,0.1)",
-            margin: g ? "0 auto" : "unset",
+            boxShadow: d ? "none" : "0 0 40px rgba(0,0,0,0.1)",
+            margin: d ? "0 auto" : "unset",
             position: "relative",
             // needed so absolute logo is inside the square
-            transform: g && !a ? `scale(${ne})` : void 0
+            transform: d && !a ? `scale(${ne})` : void 0
             // ✅ scale только для портретного режима мобильных
           },
           children: /* @__PURE__ */ o(