@everymatrix/mini-games-hub 0.1.14 → 0.1.15

package/components/CoinFlip-ClRh6gz2.js

@@ -0,0 +1,363 @@
+import { d as pt, c as mt, p as P, o as gt, n as oe, i as le, l as we, s as V, h as S, m as J, b as F, f as X, v as yt } from "./WheelOfFortuneWheel-CQCLWOFi.js";
+import { D as ht, aM as k, az as wt, S as Ne, ar as f, b6 as bt, Z as t, aN as Ue, aS as u, aT as o, ae as $, I as Tt, aO as xt, aP as Et, aY as Mt, aU as St, aV as Rt, aD as C, aQ as At, aW as l, b0 as It } from "./utils-DQ220WK3.js";
+import { E as be, R as Pt, T as Ct, k as Ft, j as kt, l as Te, m as Dt, n as Ve, o as $e, q as Lt } from "./constants-DdcZGwlM.js";
+import { c as Xe } from "./coin-heads-loqcEtH2.js";
+import { c as Yt } from "./coin-tails-BTbsTwkz.js";
+var Ot = X('<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), zt = X('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-countdown"> </p></div>'), Ht = X('<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>'), Nt = X('<span class="coin-royale__flips-loader"></span>'), Ut = X('<p class="coin-royale__flips"> <span class="coin-royale__flips-count"><img class="coin-royale__flips-icon" alt="" aria-hidden="true"/> <!></span></p>'), Vt = X('<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 $t(Ge, h) {
+  ht(h, !0);
+  const w = () => xt(Et, "$_", Ze), [Ze, je] = At();
+  let R = P(h, "program", 7, null), K = P(h, "endpoint", 7, null), Q = P(h, "session", 7, null), y = 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, () => {
+  }), G = k(wt({}));
+  Ne(() => {
+    if (!y() && R()) {
+      const e = () => f(G, bt(R()?.next?.startTime), !0);
+      e();
+      const a = setInterval(e, 1e3);
+      return () => clearInterval(a);
+    }
+  });
+  let D = k(!1), ue;
+  const qe = () => {
+    clearTimeout(ue), ue = setTimeout(() => f(D, !1), 400);
+  };
+  let Z = k(!1), A = k(void 0), i = k(void 0), L = k(void 0), I = k(void 0);
+  const ve = Mt(() => y() && !p() && !t(Z) && !ee());
+  let Y = 0, O = !1, j = !1, _e = 0, q = 0, fe = 0, v = null, te = null, xe, z = !1;
+  const H = (e, a = 1, n = 0) => {
+    t(i) && (t(i).style.transform = `translateY(${n}px) rotateX(${e}deg) scale(${a})`);
+  };
+  Ne(() => {
+    if (!t(A) || !t(i) || !t(L)) return;
+    Ee(), H(Y);
+    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 * Pt, n = Math.max(14, e * Ct), 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) => {
+    Y = e, v?.cancel(), v = null, H(e, 1), t(i) && (t(i).style.animation = ""), t(I) && (t(I).style.opacity = "", t(I).style.width = "");
+  }, We = (e, a) => new Promise((n) => {
+    if (!t(i)) return n();
+    v?.cancel(), v = t(i).animate(e, { fill: "forwards", ...a }), v.onfinish = () => n(), v.oncancel = () => n();
+  }), Be = 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(ve) || !t(i) || !t(A) || !K()) return;
+    de()();
+    const a = typeof e == "number" ? e : Y;
+    p(!0), f(D, !0), f(Z, !1), v?.cancel();
+    const n = -(t(A).clientHeight * Ft);
+    t(I) && (t(I).style.opacity = "0.3", t(I).style.width = "34%");
+    const r = () => new Promise((x, E) => requestAnimationFrame((ge) => z ? E(new Error("destroyed")) : x(ge)));
+    let s = !1, d = !1, _;
+    const g = St(), c = new AbortController();
+    te = c;
+    const b = Promise.race([
+      Be(g, c.signal),
+      new Promise((x, E) => {
+        _ = setTimeout(
+          () => {
+            d = !0, c.abort(), E(new Error("draw timed out"));
+          },
+          kt
+        );
+      })
+    ]);
+    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(), N = Math.min(M - x, 50) / 1e3;
+        x = M;
+        const W = M - E, U = Math.min(W / Dt, 1);
+        T += Ve * U * U * (3 - 2 * U) * N;
+        const B = Math.min(W / Te, 1), re = 1 - (1 - B) ** 3, He = B >= 1 ? Math.sin((W - Te) / 380) * 0.015 : 0;
+        H(T, 1 + $e * (re + He), n * (re + He));
+      }
+      const ge = await b;
+      clearTimeout(_);
+      const ie = Rt(ge, "draw");
+      if (ie.success !== !0) throw new Error("draw failed");
+      const ut = {
+        ...ie,
+        guid: g,
+        lotteryProgramID: ie.lotteryProgramID ?? R()?.id
+      }, vt = ie.type === "noprize" ? 180 : 0, Oe = 360, ye = Oe + (vt - ((T + Oe) % 360 + 360) % 360 + 360) % 360, _t = T + ye, ze = 2 * ye / Ve * 1e3, ft = T, he = await r();
+      for (let M = he; M - he < ze; M = await r()) {
+        const N = (M - he) / ze, W = 1 - (1 - N) ** 2, U = Math.min(N / 0.78, 1), B = 1 - U * U, re = N > 0.78 ? Math.sin((N - 0.78) / 0.22 * Math.PI) * 5 : 0;
+        H(ft + ye * W, 1 + $e * B, n * B + re);
+      }
+      if (Me(_t), await new Promise((M) => xe = setTimeout(M, 550)), z) return;
+      ce(ut), p(!1);
+    } catch (x) {
+      if (clearTimeout(_), z) return;
+      console.log(x);
+      const E = T + ((a - T) % 360 + 360) % 360;
+      if (t(i) && await We(
+        [
+          { 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 && f(Z, !0), p(!1);
+    } finally {
+      te === c && (te = null), z || qe();
+    }
+  }, Je = () => {
+    f(Z, !1), p(!1);
+  }, Se = (e) => {
+    t(i) && (v?.cancel(), v = t(i).animate(
+      [
+        { transform: `translateY(0px) rotateX(${e}deg) scale(1)` },
+        {
+          transform: `translateY(0px) rotateX(${Y}deg) scale(1)`
+        }
+      ],
+      {
+        duration: 320,
+        easing: "cubic-bezier(.22,.61,.32,1)",
+        fill: "forwards"
+      }
+    ), v.onfinish = () => {
+      v?.cancel(), v = null, H(Y, 1), t(i) && (t(i).style.animation = ""), f(D, !1);
+    });
+  }, Ke = (e) => {
+    t(ve) && (O = !0, j = !1, _e = e.clientY, fe = 0, q = Y, v?.cancel(), t(i) && (t(i).style.animation = "none"), f(D, !0));
+  }, Re = (e) => {
+    if (!O || p()) return;
+    const a = _e - e.clientY;
+    fe = a, Math.abs(a) > 4 && (j = !0), H(q + a * 1.1, 1 + Math.min(Math.abs(a) / 400, 0.12));
+  }, Ae = (e) => {
+    if (!O) return;
+    O = !1;
+    const a = _e - e.clientY;
+    if (Math.abs(a) > Lt) {
+      ae(q + a * 1.1);
+      return;
+    }
+    Se(q + a * 1.1);
+  }, Ie = () => {
+    O && (O = !1, j = !1, Se(q + fe * 1.1));
+  }, Qe = () => {
+    if (j) {
+      j = !1;
+      return;
+    }
+    ae();
+  };
+  gt(() => (window.addEventListener("pointermove", Re), window.addEventListener("pointerup", Ae), window.addEventListener("pointercancel", Ie), () => {
+    z = !0, te?.abort(), clearTimeout(xe), clearTimeout(ue), window.removeEventListener("pointermove", Re), window.removeEventListener("pointerup", Ae), window.removeEventListener("pointercancel", Ie), v?.cancel();
+  }));
+  var et = {
+    get program() {
+      return R();
+    },
+    set program(e = null) {
+      R(e), C();
+    },
+    get endpoint() {
+      return K();
+    },
+    set endpoint(e = null) {
+      K(e), C();
+    },
+    get session() {
+      return Q();
+    },
+    set session(e = null) {
+      Q(e), C();
+    },
+    get isAvailable() {
+      return y();
+    },
+    set isAvailable(e = !1) {
+      y(e), C();
+    },
+    get spinResults() {
+      return ce();
+    },
+    set spinResults(e = null) {
+      ce(e), C();
+    },
+    get spinActive() {
+      return p();
+    },
+    set spinActive(e = !1) {
+      p(e), C();
+    },
+    get remainingTimesLoading() {
+      return ee();
+    },
+    set remainingTimesLoading(e = !1) {
+      ee(e), C();
+    },
+    get onFlip() {
+      return de();
+    },
+    set onFlip(e = () => {
+    }) {
+      de(e), C();
+    }
+  }, Pe = Vt(), pe = Ue(Pe), Ce = o(pe), m = o(Ce);
+  let Fe;
+  var ke = o(m);
+  oe(ke, (e) => f(I, e), () => t(I));
+  var ne = u(ke, 2), De = u(o(ne), 2);
+  oe(De, (e) => f(L, e), () => t(L));
+  var me = u(De, 2), tt = o(me);
+  l(me);
+  var Le = u(me, 2), at = o(Le);
+  l(Le), l(ne), oe(ne, (e) => f(i, e), () => t(i));
+  var nt = u(ne, 2);
+  {
+    var st = (e) => {
+      var a = Ot(), n = Ue(a);
+      let r;
+      var s = u(o(n), 2), d = o(s, !0);
+      l(s), It(2), l(n);
+      var _ = u(n, 2);
+      let g;
+      $(
+        (c) => {
+          r = we(n, 1, "coin-royale__drag-hint", null, r, {
+            "coin-royale__drag-hint--hidden": t(D) || p()
+          }), S(d, c), g = we(_, 0, "coin-royale__finger-cue", null, g, {
+            "coin-royale__finger-cue--hidden": t(D) || p()
+          });
+        },
+        [() => w()("dragToFlip")]
+      ), F(e, a);
+    };
+    le(nt, (e) => {
+      y() && e(st);
+    });
+  }
+  l(m), oe(m, (e) => f(A, e), () => t(A));
+  var it = u(m, 2);
+  {
+    var rt = (e) => {
+      var a = zt(), n = o(a), r = o(n, !0);
+      l(n);
+      var s = u(n, 2), d = o(s, !0);
+      l(s), l(a), $(
+        (_, g) => {
+          S(r, _), S(d, g);
+        },
+        [
+          () => w()("nextAvailable"),
+          () => w()("countdown", {
+            values: {
+              days: t(G).days,
+              hours: t(G).hours,
+              minutes: t(G).minutes,
+              seconds: t(G).seconds
+            }
+          })
+        ]
+      ), F(e, a);
+    }, ot = (e) => {
+      var a = Ht(), n = o(a), r = o(n, !0);
+      l(n);
+      var s = u(n, 2), d = o(s, !0);
+      l(s);
+      var _ = u(s, 2), g = o(_, !0);
+      l(_), l(a), $(
+        (c, b, T) => {
+          S(r, c), S(d, b), S(g, T);
+        },
+        [
+          () => w()("timeoutTitle"),
+          () => w()("timeoutDescription"),
+          () => w()("close")
+        ]
+      ), J("click", _, Je), F(e, a);
+    };
+    le(it, (e) => {
+      y() ? t(Z) && e(ot, 1) : e(rt);
+    });
+  }
+  l(Ce), l(pe);
+  var Ye = u(pe, 2);
+  {
+    var lt = (e) => {
+      var a = Ut(), n = o(a), r = u(n), s = o(r), d = u(s, 2);
+      {
+        var _ = (c) => {
+          var b = Nt();
+          F(c, b);
+        }, g = (c) => {
+          var b = yt();
+          $(() => S(b, R()?.current?.remainingTimes ?? R()?.remainingTimes)), F(c, b);
+        };
+        le(d, (c) => {
+          ee() ? c(_) : c(g, -1);
+        });
+      }
+      l(r), l(a), $(
+        (c) => {
+          S(n, `${c ?? ""} `), V(s, "src", Xe);
+        },
+        [() => w()("remainingFlips")]
+      ), F(e, a);
+    };
+    le(Ye, (e) => {
+      y() && e(lt);
+    });
+  }
+  var se = u(Ye, 2), ct = o(se, !0);
+  l(se), $(
+    (e, a) => {
+      Fe = we(m, 1, "coin-royale__flip-zone", null, Fe, {
+        "coin-royale__flip-zone--disabled": !y(),
+        "coin-royale__flip-zone--settling": p()
+      }), V(m, "tabindex", y() ? 0 : -1), V(m, "aria-label", e), V(m, "aria-disabled", !t(ve)), V(tt, "src", Xe), V(at, "src", Yt), se.disabled = !y(), S(ct, a);
+    },
+    [() => w()("flipCoin"), () => w()("flipCoin")]
+  ), J("pointerdown", m, Ke), J("click", m, Qe), J("keydown", m, (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ae());
+  }), J("click", se, () => ae()), F(Ge, Pe);
+  var dt = Tt(et);
+  return je(), dt;
+}
+pt(["pointerdown", "click", "keydown"]);
+mt(
+  $t,
+  {
+    program: {},
+    endpoint: {},
+    session: {},
+    isAvailable: {},
+    spinResults: {},
+    spinActive: {},
+    remainingTimesLoading: {},
+    onFlip: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  $t as C
+};

package/components/CoinFlip-D7Bwnl8W.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./WheelOfFortuneWheel-CsOjhUcv.cjs"),e=require("./utils-Dwz-wUFC.cjs"),d=require("./constants-BDMySuIA.cjs"),Se=require("./coin-heads-BuJOLpyg.cjs"),Be=require("./coin-tails-20vJmhwv.cjs");var Je=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),Ke=n.from_html('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-countdown"> </p></div>'),Qe=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>'),et=n.from_html('<span class="coin-royale__flips-loader"></span>'),tt=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>'),nt=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),U=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),q=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,e.getTimeRemaining(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)&&!q());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"});U()&&s.append("X-SessionId",U());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 U()},set session(t=null){U(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 q()},set remainingTimesLoading(t=!1){q(t),e.flushSync()},get onFlip(){return J()},set onFlip(t=()=>{}){J(t),e.flushSync()}},fe=nt(),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=Je(),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=Ke(),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)},Ue=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);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(Ue,1):t(Ge)})}e.reset(pe),e.reset(ne);var be=e.sibling(ne,2);{var qe=t=>{var i=tt(),s=e.child(i),o=e.sibling(s),a=e.child(o),c=e.sibling(a,2);{var g=l=>{var y=et();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=>{q()?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(qe)})}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",Be.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;