@everymatrix/mini-games-hub 0.1.13 → 0.1.15

package/components/CoinFlip-BgRZmhbg.js

@@ -0,0 +1,367 @@
+import { d as vt, c as ft, p as P, o as pt, n as oe, i as le, l as he, s as U, h as S, m as J, b as I, f as V, u as mt } from "./WheelOfFortuneWheel-DgVQP4GA.js";
+import { G as gt, aM as k, aC as yt, W as we, au as y, a0 as t, aN as Ue, aS as u, aT as o, ah as H, L as ht, aO as wt, aP as bt, aY as Tt, aU as xt, aV as Et, aG as F, aQ as Mt, aW as l, b0 as St } from "./utils-DwrHy7a0.js";
+import { E as be, R as Rt, T as At, k as Ct, j as Pt, l as Te, m as Ft, n as He, o as Ve, p as It } from "./constants-DgCBmV7S.js";
+import { f as kt } from "./countdown-CH5h-cVr.js";
+import { c as $e } from "./coin-heads-loqcEtH2.js";
+import { c as Lt } from "./coin-tails-BTbsTwkz.js";
+var Dt = V('<div><span class="coin-royale__chev">︿</span> <span class="coin-royale__hint-text"> </span> <span class="coin-royale__chev coin-royale__chev--down">﹀</span></div> <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 11V5.5a1.5 1.5 0 0 1 3 0V11h.5V7.5a1.5 1.5 0 0 1 3 0V11h.5V9a1.5 1.5 0 0 1 3 0v6.5c0 3-2 5.5-5.5 5.5H12c-2 0-3.2-.8-4.2-2.3l-2.4-3.6a1.5 1.5 0 0 1 2.3-1.9L9 15.5V11Z"></path></svg>', 1), Yt = V('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-countdown"> </p></div>'), Ot = V('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-body"> </p> <button class="coin-royale__badge-close" type="button"> </button></div>'), zt = V('<span class="coin-royale__flips-loader"></span>'), Nt = V('<p class="coin-royale__flips"> <span class="coin-royale__flips-count"><img class="coin-royale__flips-icon" alt="" aria-hidden="true"/> <!></span></p>'), Ut = V('<div class="coin-royale__play"><div class="coin-royale__stage"><div role="button"><div class="coin-royale__coin-shadow"></div> <div class="coin-royale__coin"><div class="coin-royale__coin-drop-shadow" aria-hidden="true"></div> <div class="coin-royale__coin-edge" aria-hidden="true"></div> <div class="coin-royale__face coin-royale__face--front"><img alt="" draggable="false"/></div> <div class="coin-royale__face coin-royale__face--back"><img alt="" draggable="false"/></div></div> <!></div> <!></div></div> <!> <button class="coin-royale__cta" type="button"> </button>', 1);
+function Ht(Ge, h) {
+  gt(h, !0);
+  const w = () => wt(bt, "$_", Xe), [Xe, We] = Mt();
+  let R = P(h, "program", 7, null), K = P(h, "endpoint", 7, null), Q = P(h, "session", 7, null), f = P(h, "isAvailable", 7, !1), ce = P(h, "spinResults", 15, null), p = P(h, "spinActive", 15, !1), ee = P(h, "remainingTimesLoading", 7, !1), de = P(h, "onFlip", 7, () => {
+  }), $ = k(yt({}));
+  we(() => {
+    if (!f() && R()) {
+      const e = () => y($, kt(R()?.next?.startTime), !0);
+      e();
+      const a = setInterval(e, 1e3);
+      return () => clearInterval(a);
+    }
+  });
+  let G = k(!1);
+  we(() => {
+    if (f()) {
+      const e = setTimeout(() => y(G, !0), 2e3);
+      return () => clearTimeout(e);
+    }
+  });
+  let X = k(!1), A = k(void 0), i = k(void 0), L = k(void 0), C = k(void 0);
+  const ue = Tt(() => f() && !p() && !t(X) && !ee());
+  let D = 0, Y = !1, W = !1, _e = 0, j = 0, ve = 0, _ = null, te = null, xe, Z = !1;
+  const O = (e, a = 1, n = 0) => {
+    t(i) && (t(i).style.transform = `translateY(${n}px) rotateX(${e}deg) scale(${a})`);
+  };
+  we(() => {
+    if (!t(A) || !t(i) || !t(L)) return;
+    Ee(), O(D);
+    const e = new ResizeObserver(() => Ee());
+    return e.observe(t(A)), () => e.disconnect();
+  });
+  const Ee = () => {
+    if (!t(A) || !t(i) || !t(L)) return;
+    const e = t(A).clientWidth;
+    if (!e) return;
+    const a = e / 2 * Rt, n = Math.max(14, e * At), r = 2 * a * Math.tan(Math.PI / be) + 0.6;
+    t(i).style.setProperty("--half-t", `${(n / 2).toFixed(2)}px`), t(L).replaceChildren();
+    for (let s = 0; s < be; s++) {
+      const d = document.createElement("div");
+      d.className = `coin-royale__edge-seg coin-royale__edge-seg--${s % 2 === 0 ? "a" : "b"}`, d.style.width = `${r.toFixed(2)}px`, d.style.height = `${n.toFixed(2)}px`, d.style.transform = `translate(-50%,-50%) rotateZ(${s * 360 / be}deg) translateY(${(-a).toFixed(2)}px) rotateX(90deg)`, t(L).appendChild(d);
+    }
+  }, Me = (e) => {
+    D = e, _?.cancel(), _ = null, O(e, 1), t(i) && (t(i).style.animation = ""), t(C) && (t(C).style.opacity = "", t(C).style.width = "");
+  }, je = (e, a) => new Promise((n) => {
+    if (!t(i)) return n();
+    _?.cancel(), _ = t(i).animate(e, { fill: "forwards", ...a }), _.onfinish = () => n(), _.oncancel = () => n();
+  }), Ze = async (e, a) => {
+    const n = new Headers({ "Content-Type": "application/json" });
+    Q() && n.append("X-SessionId", Q());
+    const r = await fetch(new URL(`${K()}/v1/wof/draw/${R()?.id}`), {
+      method: "PUT",
+      headers: n,
+      cache: "no-store",
+      body: JSON.stringify({ action: 1, guid: e }),
+      signal: a
+    });
+    if (!r.ok) throw new Error(`draw request failed: ${r.status}`);
+    return r.json();
+  }, ae = async (e) => {
+    if (!t(ue) || !t(i) || !t(A) || !K()) return;
+    de()();
+    const a = typeof e == "number" ? e : D;
+    p(!0), y(G, !0), y(X, !1), _?.cancel();
+    const n = -(t(A).clientHeight * Ct);
+    t(C) && (t(C).style.opacity = "0.3", t(C).style.width = "34%");
+    const r = () => new Promise((x, E) => requestAnimationFrame((me) => Z ? E(new Error("destroyed")) : x(me)));
+    let s = !1, d = !1, v;
+    const g = xt(), c = new AbortController();
+    te = c;
+    const b = Promise.race([
+      Ze(g, c.signal),
+      new Promise((x, E) => {
+        v = setTimeout(
+          () => {
+            d = !0, c.abort(), E(new Error("draw timed out"));
+          },
+          Pt
+        );
+      })
+    ]);
+    b.then(() => s = !0, () => s = !0);
+    let T = a;
+    try {
+      let x = await r();
+      const E = x;
+      for (; !s || x - E < Te; ) {
+        const M = await r(), z = Math.min(M - x, 50) / 1e3;
+        x = M;
+        const q = M - E, N = Math.min(q / Ft, 1);
+        T += He * N * N * (3 - 2 * N) * z;
+        const B = Math.min(q / Te, 1), re = 1 - (1 - B) ** 3, Ne = B >= 1 ? Math.sin((q - Te) / 380) * 0.015 : 0;
+        O(T, 1 + Ve * (re + Ne), n * (re + Ne));
+      }
+      const me = await b;
+      clearTimeout(v);
+      const ie = Et(me, "draw");
+      if (ie.success !== !0) throw new Error("draw failed");
+      const ct = {
+        ...ie,
+        guid: g,
+        lotteryProgramID: ie.lotteryProgramID ?? R()?.id
+      }, dt = ie.type === "noprize" ? 180 : 0, Oe = 360, ge = Oe + (dt - ((T + Oe) % 360 + 360) % 360 + 360) % 360, ut = T + ge, ze = 2 * ge / He * 1e3, _t = T, ye = await r();
+      for (let M = ye; M - ye < ze; M = await r()) {
+        const z = (M - ye) / ze, q = 1 - (1 - z) ** 2, N = Math.min(z / 0.78, 1), B = 1 - N * N, re = z > 0.78 ? Math.sin((z - 0.78) / 0.22 * Math.PI) * 5 : 0;
+        O(_t + ge * q, 1 + Ve * B, n * B + re);
+      }
+      if (Me(ut), await new Promise((M) => xe = setTimeout(M, 550)), Z) return;
+      ce(ct), p(!1);
+    } catch (x) {
+      if (clearTimeout(v), Z) return;
+      console.log(x);
+      const E = T + ((a - T) % 360 + 360) % 360;
+      if (t(i) && await je(
+        [
+          { transform: t(i).style.transform },
+          { transform: `translateY(0px) rotateX(${E}deg) scale(1)` }
+        ],
+        { duration: 420, easing: "cubic-bezier(.55,0,.75,.4)" }
+      ), Z) return;
+      Me(E), d && y(X, !0), p(!1);
+    } finally {
+      te === c && (te = null);
+    }
+  }, qe = () => {
+    y(X, !1), p(!1);
+  }, Se = (e) => {
+    t(i) && (_?.cancel(), _ = t(i).animate(
+      [
+        { transform: `translateY(0px) rotateX(${e}deg) scale(1)` },
+        {
+          transform: `translateY(0px) rotateX(${D}deg) scale(1)`
+        }
+      ],
+      {
+        duration: 320,
+        easing: "cubic-bezier(.22,.61,.32,1)",
+        fill: "forwards"
+      }
+    ), _.onfinish = () => {
+      _?.cancel(), _ = null, O(D, 1), t(i) && (t(i).style.animation = "");
+    });
+  }, Be = (e) => {
+    t(ue) && (Y = !0, W = !1, _e = e.clientY, ve = 0, j = D, _?.cancel(), t(i) && (t(i).style.animation = "none"), y(G, !0));
+  }, Re = (e) => {
+    if (!Y || p()) return;
+    const a = _e - e.clientY;
+    ve = a, Math.abs(a) > 4 && (W = !0), O(j + a * 1.1, 1 + Math.min(Math.abs(a) / 400, 0.12));
+  }, Ae = (e) => {
+    if (!Y) return;
+    Y = !1;
+    const a = _e - e.clientY;
+    if (Math.abs(a) > It) {
+      ae(j + a * 1.1);
+      return;
+    }
+    Se(j + a * 1.1);
+  }, Ce = () => {
+    Y && (Y = !1, W = !1, Se(j + ve * 1.1));
+  }, Je = () => {
+    if (W) {
+      W = !1;
+      return;
+    }
+    ae();
+  };
+  pt(() => (window.addEventListener("pointermove", Re), window.addEventListener("pointerup", Ae), window.addEventListener("pointercancel", Ce), () => {
+    Z = !0, te?.abort(), clearTimeout(xe), window.removeEventListener("pointermove", Re), window.removeEventListener("pointerup", Ae), window.removeEventListener("pointercancel", Ce), _?.cancel();
+  }));
+  var Ke = {
+    get program() {
+      return R();
+    },
+    set program(e = null) {
+      R(e), F();
+    },
+    get endpoint() {
+      return K();
+    },
+    set endpoint(e = null) {
+      K(e), F();
+    },
+    get session() {
+      return Q();
+    },
+    set session(e = null) {
+      Q(e), F();
+    },
+    get isAvailable() {
+      return f();
+    },
+    set isAvailable(e = !1) {
+      f(e), F();
+    },
+    get spinResults() {
+      return ce();
+    },
+    set spinResults(e = null) {
+      ce(e), F();
+    },
+    get spinActive() {
+      return p();
+    },
+    set spinActive(e = !1) {
+      p(e), F();
+    },
+    get remainingTimesLoading() {
+      return ee();
+    },
+    set remainingTimesLoading(e = !1) {
+      ee(e), F();
+    },
+    get onFlip() {
+      return de();
+    },
+    set onFlip(e = () => {
+    }) {
+      de(e), F();
+    }
+  }, Pe = Ut(), fe = Ue(Pe), Fe = o(fe), m = o(Fe);
+  let Ie;
+  var ke = o(m);
+  oe(ke, (e) => y(C, e), () => t(C));
+  var ne = u(ke, 2), Le = u(o(ne), 2);
+  oe(Le, (e) => y(L, e), () => t(L));
+  var pe = u(Le, 2), Qe = o(pe);
+  l(pe);
+  var De = u(pe, 2), et = o(De);
+  l(De), l(ne), oe(ne, (e) => y(i, e), () => t(i));
+  var tt = u(ne, 2);
+  {
+    var at = (e) => {
+      var a = Dt(), n = Ue(a);
+      let r;
+      var s = u(o(n), 2), d = o(s, !0);
+      l(s), St(2), l(n);
+      var v = u(n, 2);
+      let g;
+      H(
+        (c) => {
+          r = he(n, 1, "coin-royale__drag-hint", null, r, {
+            "coin-royale__drag-hint--hidden": t(G) || p()
+          }), S(d, c), g = he(v, 0, "coin-royale__finger-cue", null, g, {
+            "coin-royale__finger-cue--hidden": t(G) || p()
+          });
+        },
+        [() => w()("dragToFlip")]
+      ), I(e, a);
+    };
+    le(tt, (e) => {
+      f() && e(at);
+    });
+  }
+  l(m), oe(m, (e) => y(A, e), () => t(A));
+  var nt = u(m, 2);
+  {
+    var st = (e) => {
+      var a = Yt(), n = o(a), r = o(n, !0);
+      l(n);
+      var s = u(n, 2), d = o(s, !0);
+      l(s), l(a), H(
+        (v, g) => {
+          S(r, v), S(d, g);
+        },
+        [
+          () => w()("nextAvailable"),
+          () => w()("countdown", {
+            values: {
+              days: t($).days,
+              hours: t($).hours,
+              minutes: t($).minutes,
+              seconds: t($).seconds
+            }
+          })
+        ]
+      ), I(e, a);
+    }, it = (e) => {
+      var a = Ot(), n = o(a), r = o(n, !0);
+      l(n);
+      var s = u(n, 2), d = o(s, !0);
+      l(s);
+      var v = u(s, 2), g = o(v, !0);
+      l(v), l(a), H(
+        (c, b, T) => {
+          S(r, c), S(d, b), S(g, T);
+        },
+        [
+          () => w()("timeoutTitle"),
+          () => w()("timeoutDescription"),
+          () => w()("close")
+        ]
+      ), J("click", v, qe), I(e, a);
+    };
+    le(nt, (e) => {
+      f() ? t(X) && e(it, 1) : e(st);
+    });
+  }
+  l(Fe), l(fe);
+  var Ye = u(fe, 2);
+  {
+    var rt = (e) => {
+      var a = Nt(), n = o(a), r = u(n), s = o(r), d = u(s, 2);
+      {
+        var v = (c) => {
+          var b = zt();
+          I(c, b);
+        }, g = (c) => {
+          var b = mt();
+          H(() => S(b, R()?.current?.remainingTimes ?? R()?.remainingTimes)), I(c, b);
+        };
+        le(d, (c) => {
+          ee() ? c(v) : c(g, -1);
+        });
+      }
+      l(r), l(a), H(
+        (c) => {
+          S(n, `${c ?? ""} `), U(s, "src", $e);
+        },
+        [() => w()("remainingFlips")]
+      ), I(e, a);
+    };
+    le(Ye, (e) => {
+      f() && e(rt);
+    });
+  }
+  var se = u(Ye, 2), ot = o(se, !0);
+  l(se), H(
+    (e, a) => {
+      Ie = he(m, 1, "coin-royale__flip-zone", null, Ie, {
+        "coin-royale__flip-zone--disabled": !f(),
+        "coin-royale__flip-zone--settling": p()
+      }), U(m, "tabindex", f() ? 0 : -1), U(m, "aria-label", e), U(m, "aria-disabled", !t(ue)), U(Qe, "src", $e), U(et, "src", Lt), se.disabled = !f(), S(ot, a);
+    },
+    [() => w()("flipCoin"), () => w()("flipCoin")]
+  ), J("pointerdown", m, Be), J("click", m, Je), J("keydown", m, (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ae());
+  }), J("click", se, () => ae()), I(Ge, Pe);
+  var lt = ht(Ke);
+  return We(), lt;
+}
+vt(["pointerdown", "click", "keydown"]);
+ft(
+  Ht,
+  {
+    program: {},
+    endpoint: {},
+    session: {},
+    isAvailable: {},
+    spinResults: {},
+    spinActive: {},
+    remainingTimesLoading: {},
+    onFlip: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  Ht as C
+};

package/components/CoinFlip-COwy7cq1.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./WheelOfFortuneWheel-BQFaJ7ZB.cjs"),e=require("./utils-fG_nzyoc.cjs"),d=require("./constants-DNSPUges.cjs"),Be=require("./countdown-CnUPVFlE.cjs"),Se=require("./coin-heads-BuJOLpyg.cjs"),Je=require("./coin-tails-20vJmhwv.cjs");var Ke=n.from_html('<div><span class="coin-royale__chev">︿</span> <span class="coin-royale__hint-text"> </span> <span class="coin-royale__chev coin-royale__chev--down">﹀</span></div> <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 11V5.5a1.5 1.5 0 0 1 3 0V11h.5V7.5a1.5 1.5 0 0 1 3 0V11h.5V9a1.5 1.5 0 0 1 3 0v6.5c0 3-2 5.5-5.5 5.5H12c-2 0-3.2-.8-4.2-2.3l-2.4-3.6a1.5 1.5 0 0 1 2.3-1.9L9 15.5V11Z"></path></svg>',1),Qe=n.from_html('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-countdown"> </p></div>'),et=n.from_html('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-body"> </p> <button class="coin-royale__badge-close" type="button"> </button></div>'),tt=n.from_html('<span class="coin-royale__flips-loader"></span>'),nt=n.from_html('<p class="coin-royale__flips"> <span class="coin-royale__flips-count"><img class="coin-royale__flips-icon" alt="" aria-hidden="true"/> <!></span></p>'),it=n.from_html('<div class="coin-royale__play"><div class="coin-royale__stage"><div role="button"><div class="coin-royale__coin-shadow"></div> <div class="coin-royale__coin"><div class="coin-royale__coin-drop-shadow" aria-hidden="true"></div> <div class="coin-royale__coin-edge" aria-hidden="true"></div> <div class="coin-royale__face coin-royale__face--front"><img alt="" draggable="false"/></div> <div class="coin-royale__face coin-royale__face--back"><img alt="" draggable="false"/></div></div> <!></div> <!></div></div> <!> <button class="coin-royale__cta" type="button"> </button>',1);function Te(Me,m){e.push(m,!0);const h=()=>e.store_get(e.$format,"$_",Ie),[Ie,Ae]=e.setup_stores();let S=n.prop(m,"program",7,null),G=n.prop(m,"endpoint",7,null),q=n.prop(m,"session",7,null),v=n.prop(m,"isAvailable",7,!1),B=n.prop(m,"spinResults",15,null),u=n.prop(m,"spinActive",15,!1),U=n.prop(m,"remainingTimesLoading",7,!1),J=n.prop(m,"onFlip",7,()=>{}),L=e.state(e.proxy({}));e.user_effect(()=>{if(!v()&&S()){const t=()=>e.set(L,Be.formatTimeRemaining(S()?.next?.startTime),!0);t();const i=setInterval(t,1e3);return()=>clearInterval(i)}});let I=e.state(!1),K;const Re=()=>{clearTimeout(K),K=setTimeout(()=>e.set(I,!1),400)};let N=e.state(!1),T=e.state(void 0),r=e.state(void 0),A=e.state(void 0),M=e.state(void 0);const Q=e.user_derived(()=>v()&&!u()&&!e.get(N)&&!U());let R=0,F=!1,Y=!1,ee=0,H=0,te=0,_=null,$=null,oe,P=!1;const C=(t,i=1,s=0)=>{e.get(r)&&(e.get(r).style.transform=`translateY(${s}px) rotateX(${t}deg) scale(${i})`)};e.user_effect(()=>{if(!e.get(T)||!e.get(r)||!e.get(A))return;le(),C(R);const t=new ResizeObserver(()=>le());return t.observe(e.get(T)),()=>t.disconnect()});const le=()=>{if(!e.get(T)||!e.get(r)||!e.get(A))return;const t=e.get(T).clientWidth;if(!t)return;const i=t/2*d.RIM_FACTOR,s=Math.max(14,t*d.THICKNESS_FACTOR),o=2*i*Math.tan(Math.PI/d.EDGE_SEGMENTS)+.6;e.get(r).style.setProperty("--half-t",`${(s/2).toFixed(2)}px`),e.get(A).replaceChildren();for(let a=0;a<d.EDGE_SEGMENTS;a++){const c=document.createElement("div");c.className=`coin-royale__edge-seg coin-royale__edge-seg--${a%2===0?"a":"b"}`,c.style.width=`${o.toFixed(2)}px`,c.style.height=`${s.toFixed(2)}px`,c.style.transform=`translate(-50%,-50%) rotateZ(${a*360/d.EDGE_SEGMENTS}deg) translateY(${(-i).toFixed(2)}px) rotateX(90deg)`,e.get(A).appendChild(c)}},ce=t=>{R=t,_?.cancel(),_=null,C(t,1),e.get(r)&&(e.get(r).style.animation=""),e.get(M)&&(e.get(M).style.opacity="",e.get(M).style.width="")},Fe=(t,i)=>new Promise(s=>{if(!e.get(r))return s();_?.cancel(),_=e.get(r).animate(t,{fill:"forwards",...i}),_.onfinish=()=>s(),_.oncancel=()=>s()}),Pe=async(t,i)=>{const s=new Headers({"Content-Type":"application/json"});q()&&s.append("X-SessionId",q());const o=await fetch(new URL(`${G()}/v1/wof/draw/${S()?.id}`),{method:"PUT",headers:s,cache:"no-store",body:JSON.stringify({action:1,guid:t}),signal:i});if(!o.ok)throw new Error(`draw request failed: ${o.status}`);return o.json()},V=async t=>{if(!e.get(Q)||!e.get(r)||!e.get(T)||!G())return;J()();const i=typeof t=="number"?t:R;u(!0),e.set(I,!0),e.set(N,!1),_?.cancel();const s=-(e.get(T).clientHeight*d.RISE_FACTOR);e.get(M)&&(e.get(M).style.opacity="0.3",e.get(M).style.width="34%");const o=()=>new Promise((w,E)=>requestAnimationFrame(se=>P?E(new Error("destroyed")):w(se)));let a=!1,c=!1,g;const p=e.generateUUID(),l=new AbortController;$=l;const y=Promise.race([Pe(p,l.signal),new Promise((w,E)=>{g=setTimeout(()=>{c=!0,l.abort(),E(new Error("draw timed out"))},d.SPIN_TIMEOUT_MS)})]);y.then(()=>a=!0,()=>a=!0);let b=i;try{let w=await o();const E=w;for(;!a||w-E<d.RISE_MS;){const x=await o(),k=Math.min(x-w,50)/1e3;w=x;const O=x-E,D=Math.min(O/d.SPIN_UP_MS,1);b+=d.SPIN_SPEED*D*D*(3-2*D)*k;const z=Math.min(O/d.RISE_MS,1),j=1-(1-z)**3,xe=z>=1?Math.sin((O-d.RISE_MS)/380)*.015:0;C(b,1+d.SCALE_GAIN*(j+xe),s*(j+xe))}const se=await y;clearTimeout(g);const Z=e.normalizeDrawResult(se,"draw");if(Z.success!==!0)throw new Error("draw failed");const Xe={...Z,guid:p,lotteryProgramID:Z.lotteryProgramID??S()?.id},We=Z.type==="noprize"?180:0,we=360,ae=we+(We-((b+we)%360+360)%360+360)%360,Ze=b+ae,Ee=2*ae/d.SPIN_SPEED*1e3,je=b,re=await o();for(let x=re;x-re<Ee;x=await o()){const k=(x-re)/Ee,O=1-(1-k)**2,D=Math.min(k/.78,1),z=1-D*D,j=k>.78?Math.sin((k-.78)/.22*Math.PI)*5:0;C(je+ae*O,1+d.SCALE_GAIN*z,s*z+j)}if(ce(Ze),await new Promise(x=>oe=setTimeout(x,550)),P)return;B(Xe),u(!1)}catch(w){if(clearTimeout(g),P)return;console.log(w);const E=b+((i-b)%360+360)%360;if(e.get(r)&&await Fe([{transform:e.get(r).style.transform},{transform:`translateY(0px) rotateX(${E}deg) scale(1)`}],{duration:420,easing:"cubic-bezier(.55,0,.75,.4)"}),P)return;ce(E),c&&e.set(N,!0),u(!1)}finally{$===l&&($=null),P||Re()}},Ce=()=>{e.set(N,!1),u(!1)},de=t=>{e.get(r)&&(_?.cancel(),_=e.get(r).animate([{transform:`translateY(0px) rotateX(${t}deg) scale(1)`},{transform:`translateY(0px) rotateX(${R}deg) scale(1)`}],{duration:320,easing:"cubic-bezier(.22,.61,.32,1)",fill:"forwards"}),_.onfinish=()=>{_?.cancel(),_=null,C(R,1),e.get(r)&&(e.get(r).style.animation=""),e.set(I,!1)})},ke=t=>{e.get(Q)&&(F=!0,Y=!1,ee=t.clientY,te=0,H=R,_?.cancel(),e.get(r)&&(e.get(r).style.animation="none"),e.set(I,!0))},_e=t=>{if(!F||u())return;const i=ee-t.clientY;te=i,Math.abs(i)>4&&(Y=!0),C(H+i*1.1,1+Math.min(Math.abs(i)/400,.12))},ge=t=>{if(!F)return;F=!1;const i=ee-t.clientY;if(Math.abs(i)>d.DRAG_THRESHOLD){V(H+i*1.1);return}de(H+i*1.1)},ue=()=>{F&&(F=!1,Y=!1,de(H+te*1.1))},De=()=>{if(Y){Y=!1;return}V()};n.onMount(()=>(window.addEventListener("pointermove",_e),window.addEventListener("pointerup",ge),window.addEventListener("pointercancel",ue),()=>{P=!0,$?.abort(),clearTimeout(oe),clearTimeout(K),window.removeEventListener("pointermove",_e),window.removeEventListener("pointerup",ge),window.removeEventListener("pointercancel",ue),_?.cancel()}));var Le={get program(){return S()},set program(t=null){S(t),e.flushSync()},get endpoint(){return G()},set endpoint(t=null){G(t),e.flushSync()},get session(){return q()},set session(t=null){q(t),e.flushSync()},get isAvailable(){return v()},set isAvailable(t=!1){v(t),e.flushSync()},get spinResults(){return B()},set spinResults(t=null){B(t),e.flushSync()},get spinActive(){return u()},set spinActive(t=!1){u(t),e.flushSync()},get remainingTimesLoading(){return U()},set remainingTimesLoading(t=!1){U(t),e.flushSync()},get onFlip(){return J()},set onFlip(t=()=>{}){J(t),e.flushSync()}},fe=it(),ne=e.first_child(fe),pe=e.child(ne),f=e.child(pe);let ve;var me=e.child(f);n.bind_this(me,t=>e.set(M,t),()=>e.get(M));var X=e.sibling(me,2),he=e.sibling(e.child(X),2);n.bind_this(he,t=>e.set(A,t),()=>e.get(A));var ie=e.sibling(he,2),Ne=e.child(ie);e.reset(ie);var ye=e.sibling(ie,2),Ye=e.child(ye);e.reset(ye),e.reset(X),n.bind_this(X,t=>e.set(r,t),()=>e.get(r));var He=e.sibling(X,2);{var Oe=t=>{var i=Ke(),s=e.first_child(i);let o;var a=e.sibling(e.child(s),2),c=e.child(a,!0);e.reset(a),e.next(2),e.reset(s);var g=e.sibling(s,2);let p;e.template_effect(l=>{o=n.set_class(s,1,"coin-royale__drag-hint",null,o,{"coin-royale__drag-hint--hidden":e.get(I)||u()}),n.set_text(c,l),p=n.set_class(g,0,"coin-royale__finger-cue",null,p,{"coin-royale__finger-cue--hidden":e.get(I)||u()})},[()=>h()("dragToFlip")]),n.append(t,i)};n.if_block(He,t=>{v()&&t(Oe)})}e.reset(f),n.bind_this(f,t=>e.set(T,t),()=>e.get(T));var ze=e.sibling(f,2);{var Ge=t=>{var i=Qe(),s=e.child(i),o=e.child(s,!0);e.reset(s);var a=e.sibling(s,2),c=e.child(a,!0);e.reset(a),e.reset(i),e.template_effect((g,p)=>{n.set_text(o,g),n.set_text(c,p)},[()=>h()("nextAvailable"),()=>h()("countdown",{values:{days:e.get(L).days,hours:e.get(L).hours,minutes:e.get(L).minutes,seconds:e.get(L).seconds}})]),n.append(t,i)},qe=t=>{var i=et(),s=e.child(i),o=e.child(s,!0);e.reset(s);var a=e.sibling(s,2),c=e.child(a,!0);e.reset(a);var g=e.sibling(a,2),p=e.child(g,!0);e.reset(g),e.reset(i),e.template_effect((l,y,b)=>{n.set_text(o,l),n.set_text(c,y),n.set_text(p,b)},[()=>h()("timeoutTitle"),()=>h()("timeoutDescription"),()=>h()("close")]),n.delegated("click",g,Ce),n.append(t,i)};n.if_block(ze,t=>{v()?e.get(N)&&t(qe,1):t(Ge)})}e.reset(pe),e.reset(ne);var be=e.sibling(ne,2);{var Ue=t=>{var i=nt(),s=e.child(i),o=e.sibling(s),a=e.child(o),c=e.sibling(a,2);{var g=l=>{var y=tt();n.append(l,y)},p=l=>{var y=n.text();e.template_effect(()=>n.set_text(y,S()?.current?.remainingTimes??S()?.remainingTimes)),n.append(l,y)};n.if_block(c,l=>{U()?l(g):l(p,-1)})}e.reset(o),e.reset(i),e.template_effect(l=>{n.set_text(s,`${l??""} `),n.set_attribute(a,"src",Se.coinHeads)},[()=>h()("remainingFlips")]),n.append(t,i)};n.if_block(be,t=>{v()&&t(Ue)})}var W=e.sibling(be,2),$e=e.child(W,!0);e.reset(W),e.template_effect((t,i)=>{ve=n.set_class(f,1,"coin-royale__flip-zone",null,ve,{"coin-royale__flip-zone--disabled":!v(),"coin-royale__flip-zone--settling":u()}),n.set_attribute(f,"tabindex",v()?0:-1),n.set_attribute(f,"aria-label",t),n.set_attribute(f,"aria-disabled",!e.get(Q)),n.set_attribute(Ne,"src",Se.coinHeads),n.set_attribute(Ye,"src",Je.coinTails),W.disabled=!v(),n.set_text($e,i)},[()=>h()("flipCoin"),()=>h()("flipCoin")]),n.delegated("pointerdown",f,ke),n.delegated("click",f,De),n.delegated("keydown",f,t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),V())}),n.delegated("click",W,()=>V()),n.append(Me,fe);var Ve=e.pop(Le);return Ae(),Ve}n.delegate(["pointerdown","click","keydown"]);n.create_custom_element(Te,{program:{},endpoint:{},session:{},isAvailable:{},spinResults:{},spinActive:{},remainingTimesLoading:{},onFlip:{}},[],[],{mode:"open"});exports.CoinFlip=Te;