@everymatrix/mini-games-hub 0.1.6 → 0.1.7

package/components/{WheelOfFortune-5qXt_Tgq.js → WheelOfFortune-BKUcclpm.js}

@@ -1,11 +1,11 @@
-import { d as ye, W as ve } from "./WheelOfFortuneWheel-CeSTBBTb.js";
-import { d as we, e as ke, p as We, U as Be, f as Ce, h as c, s as F, i as ze, V as Se, o as _e, k as S, j as n, m as I, t as N, q as y, v as _, Y as De, w as D, x as Ge, G as ee, E as d, M as G, y as Ae, z as Re, D as b, C as f, A as Te, K as o, T as Q, l as $ } from "./utils-CCuzS-TL.js";
-import { W as Le } from "./WheelOfFortuneHistory-CpY9Bvl5.js";
-import { W as Pe } from "./WheelOfFortuneDrawResults-tMY81TeU.js";
-import { W as He } from "./WheelOfFortuneRules-DWgbOzlP.js";
-import { p as Me } from "./constants-CWz8CXw2.js";
-var je = ee("<button> </button>"), Ye = ee('<div><button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div>  <div class="svelte-17ly5gn"><!></div> <!></div>');
-const Fe = {
+import { d as ve, c as we, a as ke, t as We, p as l, o as Be, i as J, e as Ce, W as ze, k as h, s as _, r as Se, l as $, b as j, f as E, m as De, u as _e } from "./WheelOfFortuneWheel-BvI-fAML.js";
+import { B as Ae, aN as Ge, aO as A, aB as Le, Q as Re, Y as t, aQ as m, aV as p, at as x, ad as I, G as Te, aZ as G, aR as Pe, aS as Fe, aF as c, aT as Me, aY as i } from "./utils-C0oX5v1l.js";
+import { W as Ye } from "./WheelOfFortuneHistory-BA977Hfx.js";
+import { W as je } from "./WheelOfFortuneDrawResults-C9BcE4Kr.js";
+import { W as Ie } from "./WheelOfFortuneRules-DQcA-d8i.js";
+import { p as Ee } from "./constants-CWz8CXw2.js";
+var He = E('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>', 2), Oe = E("<button> </button>"), Ve = E('<div><!> <button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div>  <div class="svelte-17ly5gn"><!></div> <!></div>');
+const Ze = {
   hash: "svelte-17ly5gn",
   code: `@keyframes svelte-17ly5gn-wheelBob {
   0%, 100% {
@@ -589,10 +589,12 @@ const Fe = {
   animation: none !important;} .WheelContainer.is-lite .segment-hit-fill {filter:none !important;
   animation: svelte-17ly5gn-liteHitPulse 1200ms ease-in-out infinite !important;} .WheelContainer.is-lite .SessionBadge {backdrop-filter:none;-webkit-backdrop-filter:none;} .WheelContainer.is-lite .Outer {filter:none;} .WheelContainer.is-lite .sparkle,
  .WheelContainer.is-lite .confetti {display:none;} .SpinButton.is-lite {
-  animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent.WheelBackgroundHalo > *:not(.WheelContainer),
- .WheelContent.WheelBackgroundHalo .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen > *:not(.WheelContainer),
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .BackButtonContainer {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .WofTitle p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .WofTabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
+  animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;position:relative;transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent > *:not(.WheelContainer):not(.WheelVideoBackground),
+ .WheelContent .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);} .WheelContent.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.is-spin-fullscreen > *:not(.WheelContainer):not(.WheelVideoBackground),
+ .WheelContent.is-spin-fullscreen .SpinsInfo,
+ .WheelContent.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .WheelVideoBackground {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (min-width: 720px) { .WheelVideoBackground {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .WheelVideoBackground.is-ready {opacity:0.2;} .BackButtonContainer {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .WofTitle p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .WofTabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
   animation: svelte-17ly5gn-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .SpinsInfo {display:flex;align-items:center;gap:8px;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .SpinsInfo .SpinsCount {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .CountdownText {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .CountdownText .TimeSegment {font-variant-numeric:tabular-nums;} .SpinButton {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-style:italic;font-weight:900;cursor:pointer;position:relative;z-index:2;
   animation: svelte-17ly5gn-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .SpinButton:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .SpinButton:disabled {
   animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;} .DrawResultPanel {inset:0;z-index:20;display:grid;place-items:center;padding:70px 20px;text-align:center;overflow:hidden;width:100%;height:100%;min-height:50dvh;background:transparent;
@@ -615,267 +617,279 @@ const Fe = {
     animation: none;}
 }`
 };
-function Ie(E, r) {
-  We(r, !0), Be(E, Fe);
-  const v = () => Ae(Re, "$_", ne), [ne, te] = Te();
-  Ce.extend(ye);
-  const t = c(r, "program", 7, null), g = c(r, "endpoint", 7, null), h = c(r, "session", 7, null), A = c(r, "outerWheelAsset", 7, null), R = c(r, "wheelButtonAsset", 7, null), T = c(r, "language", 7, "en"), L = c(r, "showBackButton", 7, !0), P = c(r, "liteMode", 7, !1), m = G(() => !g() || !t()), re = G(() => !n(m) && (t()?.remainingTimes ?? 0) > 0), ae = G(() => n(m) ? Me : t()?.partitions ?? []), i = ["history", "play", "rules"];
-  let u = F(ze(i[1]));
+function Xe(H, o) {
+  Ae(o, !0), ke(H, Ze);
+  const k = () => Pe(Fe, "$_", ee), [ee, ne] = Me();
+  Ge.extend(We);
+  const te = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", a = l(o, "program", 7, null), u = l(o, "endpoint", 7, null), y = l(o, "session", 7, null), L = l(o, "outerWheelAsset", 7, null), R = l(o, "wheelButtonAsset", 7, null), T = l(o, "backgroundVideoAsset", 7, null), P = l(o, "language", 7, "en"), F = l(o, "showBackButton", 7, !0), v = l(o, "liteMode", 7, !1), b = G(() => !u() || !a()), re = G(() => {
+    var e, n;
+    return !t(b) && ((n = (e = a()) == null ? void 0 : e.remainingTimes) != null ? n : 0) > 0;
+  }), ae = G(() => {
+    var e, n;
+    return t(b) ? Ee : (n = (e = a()) == null ? void 0 : e.partitions) != null ? n : [];
+  }), s = ["history", "play", "rules"];
+  let f = A(Le(s[1]));
   const oe = (e) => {
-    e === i[0] ? window.postMessage(
+    var n, r, g, D;
+    e === s[0] ? window.postMessage(
       {
         type: "event_wof_history_click",
-        name: t()?.name || null
+        name: ((n = a()) == null ? void 0 : n.name) || null
       },
       window.location.href
-    ) : e === i[2] ? window.postMessage({ type: "event_wof_rules_click", name: t()?.name || null }, window.location.href) : window.postMessage(
+    ) : e === s[2] ? window.postMessage({ type: "event_wof_rules_click", name: ((r = a()) == null ? void 0 : r.name) || null }, window.location.href) : window.postMessage(
       {
         type: "event_wof_accessed",
-        isUserLoggedIn: !n(m),
-        name: t()?.name || null,
-        availableSpins: t()?.remainingTimes || null
+        isUserLoggedIn: !t(b),
+        name: ((g = a()) == null ? void 0 : g.name) || null,
+        availableSpins: ((D = a()) == null ? void 0 : D.remainingTimes) || null
       },
       window.location.href
-    ), S(u, e, !0);
+    ), x(M, !1), x(f, e, !0);
   };
-  let s = F(null), H = F(!1);
+  let d = A(null), W = A(!1), M = A(!1);
+  Re(() => {
+    if (t(W)) {
+      document.body.style.overflow = "hidden";
+      const e = (n) => n.preventDefault();
+      return document.addEventListener("touchmove", e, { passive: !1 }), () => {
+        document.body.style.overflow = "", document.removeEventListener("touchmove", e);
+      };
+    }
+  });
   const ie = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), se = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), O = (e) => {
     if (e.data)
       switch (e.data.type) {
         case "SpinAgain":
         case "BackToWheel":
-          S(s, null);
+          x(d, null);
           break;
       }
   };
-  Se(() => (window.addEventListener("message", O), () => {
+  Be(() => (window.addEventListener("message", O), () => {
     window.removeEventListener("message", O);
   }));
   var le = {
     get program() {
-      return t();
+      return a();
     },
     set program(e = null) {
-      t(e), f();
+      a(e), c();
     },
     get endpoint() {
-      return g();
+      return u();
     },
     set endpoint(e = null) {
-      g(e), f();
+      u(e), c();
     },
     get session() {
-      return h();
+      return y();
     },
     set session(e = null) {
-      h(e), f();
+      y(e), c();
     },
     get outerWheelAsset() {
-      return A();
+      return L();
     },
     set outerWheelAsset(e = null) {
-      A(e), f();
+      L(e), c();
     },
     get wheelButtonAsset() {
       return R();
     },
     set wheelButtonAsset(e = null) {
-      R(e), f();
+      R(e), c();
     },
-    get language() {
+    get backgroundVideoAsset() {
       return T();
     },
+    set backgroundVideoAsset(e = null) {
+      T(e), c();
+    },
+    get language() {
+      return P();
+    },
     set language(e = "en") {
-      T(e), f();
+      P(e), c();
     },
     get showBackButton() {
-      return L();
+      return F();
     },
     set showBackButton(e = !0) {
-      L(e), f();
+      F(e), c();
     },
     get liteMode() {
-      return P();
+      return v();
     },
     set liteMode(e = !1) {
-      P(e), f();
+      v(e), c();
     }
-  }, w = Ye();
-  let X;
-  var x = d(w);
-  let Z;
-  x.__click = se;
-  var U = b(d(x), 2), pe = d(U, !0);
-  o(U), o(x);
-  var k = b(x, 2);
-  let q;
-  var M = d(k), ce = d(M, !0);
-  o(M);
-  var K = b(M, 2), de = d(K, !0);
-  o(K), o(k);
-  var W = b(k, 2);
+  }, B = Ve();
   let V;
-  _e(W, 20, () => i, (e) => e, (e, l) => {
-    var a = je();
-    let C;
-    a.__click = () => oe(l);
-    var j = d(a, !0);
-    o(a), N(
-      (p) => {
-        C = y(a, 1, "Tab svelte-17ly5gn", null, C, { Active: n(u) === l }), _(j, p);
+  var Z = p(B);
+  {
+    var pe = (e) => {
+      var n = He();
+      let r;
+      n.muted = !0;
+      var g = p(n);
+      i(n), I(() => {
+        r = h(n, 1, "WheelVideoBackground svelte-17ly5gn", null, r, { "is-ready": t(M) }), De(g, "src", T() || te);
+      }), _e("canplay", n, () => x(M, !0)), j(e, n);
+    };
+    J(Z, (e) => {
+      !v() && t(f) === s[1] && e(pe);
+    });
+  }
+  var w = m(Z, 2);
+  let X;
+  var K = m(p(w), 2), ce = p(K, !0);
+  i(K), i(w);
+  var C = m(w, 2);
+  let N;
+  var Y = p(C), de = p(Y, !0);
+  i(Y);
+  var Q = m(Y, 2), fe = p(Q, !0);
+  i(Q), i(C);
+  var z = m(C, 2);
+  let U;
+  Ce(z, 20, () => s, (e) => e, (e, n) => {
+    var r = Oe();
+    let g;
+    var D = p(r, !0);
+    i(r), I(
+      (ye) => {
+        g = h(r, 1, "Tab svelte-17ly5gn", null, g, { Active: t(f) === n }), _(D, ye);
       },
-      [() => v()(l)]
-    ), D(e, a);
-  }), o(W);
-  var B = b(W, 2);
-  let J;
-  var fe = d(B);
-  ve(fe, {
+      [() => k()(n)]
+    ), $("click", r, () => oe(n)), j(e, r);
+  }), i(z);
+  var S = m(z, 2);
+  let q;
+  var ge = p(S);
+  ze(ge, {
     get program() {
-      return t();
+      return a();
     },
     get endpoint() {
-      return g();
+      return u();
     },
     get session() {
-      return h();
+      return y();
     },
     get outerWheelAsset() {
-      return A();
+      return L();
     },
     get wheelButtonAsset() {
       return R();
     },
     get wheelSlices() {
-      return n(ae);
+      return t(ae);
     },
     get isPlaceholder() {
-      return n(m);
+      return t(b);
     },
     get isWheelAvailable() {
-      return n(re);
+      return t(re);
     },
     get liteMode() {
-      return P();
+      return v();
     },
     onLogin: ie,
     get spinResults() {
-      return n(s);
+      return t(d);
     },
     set spinResults(e) {
-      S(s, e, !0);
+      x(d, e, !0);
     },
     get spinActive() {
-      return n(H);
+      return t(W);
     },
     set spinActive(e) {
-      S(H, e, !0);
+      x(W, e, !0);
     }
-  }), o(B);
-  var ge = b(B, 2);
+  }), i(S);
+  var me = m(S, 2);
   {
-    var me = (e) => {
-      Pe(e, {
+    var ue = (e) => {
+      je(e, {
         get result() {
-          return n(s);
+          return t(d);
         },
         get endpoint() {
-          return g();
+          return u();
         },
         get session() {
-          return h();
+          return y();
         }
       });
-    }, ue = (e) => {
-      var l = Q(), a = $(l);
+    }, be = (e) => {
       {
-        var C = (p) => {
-          {
-            let z = G(() => t()?.id);
-            Le(p, {
-              get programId() {
-                return n(z);
-              },
-              get endpoint() {
-                return g();
-              },
-              get session() {
-                return h();
-              }
-            });
-          }
-        }, j = (p) => {
-          var z = Q(), he = $(z);
-          {
-            var xe = (Y) => {
-              He(Y, {
-                get program() {
-                  return t();
-                },
-                get language() {
-                  return T();
-                }
-              });
-            };
-            I(
-              he,
-              (Y) => {
-                n(u) === i[2] && Y(xe);
-              },
-              !0
-            );
-          }
-          D(p, z);
-        };
-        I(
-          a,
-          (p) => {
-            n(u) === i[0] ? p(C) : p(j, !1);
+        let n = G(() => {
+          var r;
+          return (r = a()) == null ? void 0 : r.id;
+        });
+        Ye(e, {
+          get programId() {
+            return t(n);
           },
-          !0
-        );
+          get endpoint() {
+            return u();
+          },
+          get session() {
+            return y();
+          }
+        });
       }
-      D(e, l);
+    }, he = (e) => {
+      Ie(e, {
+        get program() {
+          return a();
+        },
+        get language() {
+          return P();
+        }
+      });
     };
-    I(ge, (e) => {
-      n(s) ? e(me) : e(ue, !1);
+    J(me, (e) => {
+      t(d) ? e(ue) : t(f) === s[0] ? e(be, 1) : t(f) === s[2] && e(he, 2);
     });
   }
-  o(w), N(
-    (e, l, a) => {
-      X = y(w, 1, "WheelContent svelte-17ly5gn", null, X, {
-        WheelBackgroundHalo: n(u) === i[1],
-        "is-spin-fullscreen": n(H)
-      }), Z = y(x, 1, "BackButtonContainer svelte-17ly5gn", null, Z, { Hidden: n(m) || !L() }), _(pe, e), q = y(k, 1, "WofTitle svelte-17ly5gn", null, q, { Hidden: n(s) }), _(ce, l), _(de, a), V = y(W, 1, "WofTabs svelte-17ly5gn", null, V, { Hidden: n(m) || n(s) }), J = De(B, "", J, {
-        display: n(u) !== i[1] || n(s) ? "none" : "contents"
+  i(B), I(
+    (e, n, r) => {
+      V = h(B, 1, "WheelContent svelte-17ly5gn", null, V, {
+        "is-spin-fullscreen": t(W),
+        WheelBackgroundHalo: v() && t(f) === s[1]
+      }), X = h(w, 1, "BackButtonContainer svelte-17ly5gn", null, X, { Hidden: t(b) || !F() }), _(ce, e), N = h(C, 1, "WofTitle svelte-17ly5gn", null, N, { Hidden: t(d) }), _(de, n), _(fe, r), U = h(z, 1, "WofTabs svelte-17ly5gn", null, U, { Hidden: t(b) || t(d) }), q = Se(S, "", q, {
+        display: t(f) !== s[1] || t(d) ? "none" : "contents"
       });
     },
     [
-      () => v()("backToHub"),
-      () => v()("wofTitle"),
-      () => v()("wofSubtitle")
+      () => k()("backToHub"),
+      () => k()("wofTitle"),
+      () => k()("wofSubtitle")
     ]
-  ), D(E, w);
-  var be = Ge(le);
-  return te(), be;
+  ), $("click", w, se), j(H, B);
+  var xe = Te(le);
+  return ne(), xe;
 }
-we(["click"]);
-customElements.define("wheel-of-fortune", ke(
-  Ie,
+ve(["click"]);
+customElements.define("wheel-of-fortune", we(
+  Xe,
   {
     program: {},
     endpoint: {},
     session: {},
     outerWheelAsset: {},
     wheelButtonAsset: {},
+    backgroundVideoAsset: {},
     language: {},
     showBackButton: {},
     liteMode: {}
   },
   [],
-  [],
-  !1
+  []
 ));
 export {
-  Ie as W
+  Xe as W
 };