@everymatrix/mini-games-hub 0.1.5 → 0.1.7

package/components/{WheelOfFortune-B7NMoATV.js → WheelOfFortune-BKUcclpm.js}

@@ -1,11 +1,11 @@
-import { d as xe, W as ye } from "./WheelOfFortuneWheel-jv0TkAX_.js";
-import { d as ve, e as we, p as ke, U as We, f as Be, h as g, s as I, i as ze, V as Ce, n as x, E as c, q as Se, k as D, j as n, m as M, t as N, r as w, w as A, Y as _e, x as G, y as De, H as ee, M as L, z as Ae, A as Ge, D as f, B as Le, L as o, G as Q, l as $ } from "./utils-De4h5fhB.js";
-import { W as Re } from "./WheelOfFortuneHistory-C_EX6Ecx.js";
-import { W as Te } from "./WheelOfFortuneDrawResults-DIO74xIg.js";
-import { W as Pe } from "./WheelOfFortuneRules-ssp6aAUp.js";
-import { p as He } from "./constants-syi43uVY.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% {
@@ -570,10 +570,31 @@ const Fe = {
    .CenterButton {filter:none !important;} .segment-hit-fill,
    .segment-hit-edge,
    .segment-hit-spark-edge {animation-duration:1800ms !important;}
-} .WofLottiePlayer {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;} .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);
+}
+@keyframes svelte-17ly5gn-liteHitPulse {
+  0%, 100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+} .WheelContainer.is-lite .WheelWrapper {
+  animation: svelte-17ly5gn-wheelBob 3200ms ease-in-out infinite !important;will-change:transform;filter:none;} .WheelContainer.is-lite .WheelWrapper::before,  .WheelContainer.is-lite .WheelWrapper::after {
+  animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .DropWrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));} .WheelContainer.is-lite .DropWrap::before {
+  animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .SparkleLayer {display:none;} .WheelContainer.is-lite .ButtonGlow {
+  animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .ButtonGlow::before,  .WheelContainer.is-lite .ButtonGlow::after {
+  animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .CenterButton {
+  animation: none !important;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) !important;} .WheelContainer.is-lite .CenterButton.is-pressing {
+  animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both !important;} .WheelContainer.is-lite .WheelWrapper.is-spin-active .CenterButton:not(.is-pressing) {
+  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;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;
@@ -596,240 +617,251 @@ const Fe = {
     animation: none;}
 }`
 };
-function Ie(E, s) {
-  ke(s, !0), We(E, Fe);
-  const k = () => Ae(Ge, "$_", ne), [ne, te] = Le();
-  Be.extend(xe);
-  const r = g(s, "program", 7, null), m = g(s, "endpoint", 7, null), y = g(s, "session", 7, null), R = g(s, "outerWheelAsset", 7, null), T = g(s, "wheelButtonAsset", 7, null), P = g(s, "language", 7, "en"), H = g(s, "showBackButton", 7, !0), u = L(() => !m() || !r()), re = L(() => {
-    var e, t;
-    return !n(u) && ((t = (e = r()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
-  }), ae = L(() => {
-    var e, t;
-    return n(u) ? He : (t = (e = r()) == null ? void 0 : e.partitions) != null ? t : [];
-  }), i = ["history", "play", "rules"];
-  let b = I(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) => {
-    var t, a, d, h;
-    e === i[0] ? window.postMessage(
+    var n, r, g, D;
+    e === s[0] ? window.postMessage(
       {
         type: "event_wof_history_click",
-        name: ((t = r()) == null ? void 0 : 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: ((a = r()) == null ? void 0 : a.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(u),
-        name: ((d = r()) == null ? void 0 : d.name) || null,
-        availableSpins: ((h = r()) == null ? void 0 : h.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
-    ), D(b, e, !0);
+    ), x(M, !1), x(f, e, !0);
   };
-  let l = I(null), j = I(!1);
-  const se = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), ie = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), X = (e) => {
+  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":
-          D(l, null);
+          x(d, null);
           break;
       }
   };
-  Ce(() => (window.addEventListener("message", X), () => {
-    window.removeEventListener("message", X);
+  Be(() => (window.addEventListener("message", O), () => {
+    window.removeEventListener("message", O);
   }));
   var le = {
     get program() {
-      return r();
+      return a();
     },
     set program(e = null) {
-      r(e), f();
+      a(e), c();
     },
     get endpoint() {
-      return m();
+      return u();
     },
     set endpoint(e = null) {
-      m(e), f();
+      u(e), c();
     },
     get session() {
       return y();
     },
     set session(e = null) {
-      y(e), f();
+      y(e), c();
     },
     get outerWheelAsset() {
-      return R();
+      return L();
     },
     set outerWheelAsset(e = null) {
-      R(e), f();
+      L(e), c();
     },
     get wheelButtonAsset() {
-      return T();
+      return R();
     },
     set wheelButtonAsset(e = null) {
-      T(e), f();
+      R(e), c();
+    },
+    get backgroundVideoAsset() {
+      return T();
+    },
+    set backgroundVideoAsset(e = null) {
+      T(e), c();
     },
     get language() {
       return P();
     },
     set language(e = "en") {
-      P(e), f();
+      P(e), c();
     },
     get showBackButton() {
-      return H();
+      return F();
     },
     set showBackButton(e = !0) {
-      H(e), f();
+      F(e), c();
+    },
+    get liteMode() {
+      return v();
+    },
+    set liteMode(e = !1) {
+      v(e), c();
     }
-  }, W = Ye();
-  let Z;
-  var v = c(W);
-  let O;
-  v.__click = ie;
-  var U = x(c(v), 2), pe = c(U, !0);
-  o(U), o(v);
-  var B = x(v, 2);
-  let q;
-  var Y = c(B), ce = c(Y, !0);
-  o(Y);
-  var V = x(Y, 2), de = c(V, !0);
-  o(V), o(B);
-  var z = x(B, 2);
-  let J;
-  Se(z, 20, () => i, (e) => e, (e, t) => {
-    var a = je();
-    let d;
-    a.__click = () => oe(t);
-    var h = c(a, !0);
-    o(a), N(
-      (p) => {
-        d = w(a, 1, "Tab svelte-17ly5gn", null, d, { Active: n(b) === t }), A(h, p);
+  }, B = Ve();
+  let V;
+  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);
       },
-      [() => k()(t)]
-    ), G(e, a);
-  }), o(z);
-  var C = x(z, 2);
-  let K;
-  var ge = c(C);
-  ye(ge, {
+      [() => 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 r();
+      return a();
     },
     get endpoint() {
-      return m();
+      return u();
     },
     get session() {
       return y();
     },
     get outerWheelAsset() {
-      return R();
+      return L();
     },
     get wheelButtonAsset() {
-      return T();
+      return R();
     },
     get wheelSlices() {
-      return n(ae);
+      return t(ae);
     },
     get isPlaceholder() {
-      return n(u);
+      return t(b);
     },
     get isWheelAvailable() {
-      return n(re);
+      return t(re);
+    },
+    get liteMode() {
+      return v();
     },
-    onLogin: se,
+    onLogin: ie,
     get spinResults() {
-      return n(l);
+      return t(d);
     },
     set spinResults(e) {
-      D(l, e, !0);
+      x(d, e, !0);
     },
     get spinActive() {
-      return n(j);
+      return t(W);
     },
     set spinActive(e) {
-      D(j, e, !0);
+      x(W, e, !0);
     }
-  }), o(C);
-  var fe = x(C, 2);
+  }), i(S);
+  var me = m(S, 2);
   {
-    var me = (e) => {
-      Te(e, {
+    var ue = (e) => {
+      je(e, {
         get result() {
-          return n(l);
+          return t(d);
         },
         get endpoint() {
-          return m();
+          return u();
         },
         get session() {
           return y();
         }
       });
-    }, ue = (e) => {
-      var t = Q(), a = $(t);
+    }, be = (e) => {
       {
-        var d = (p) => {
-          {
-            let S = L(() => {
-              var _;
-              return (_ = r()) == null ? void 0 : _.id;
-            });
-            Re(p, {
-              get programId() {
-                return n(S);
-              },
-              get endpoint() {
-                return m();
-              },
-              get session() {
-                return y();
-              }
-            });
-          }
-        }, h = (p) => {
-          var S = Q(), _ = $(S);
-          {
-            var he = (F) => {
-              Pe(F, {
-                get program() {
-                  return r();
-                },
-                get language() {
-                  return P();
-                }
-              });
-            };
-            M(
-              _,
-              (F) => {
-                n(b) === i[2] && F(he);
-              },
-              !0
-            );
-          }
-          G(p, S);
-        };
-        M(
-          a,
-          (p) => {
-            n(b) === i[0] ? p(d) : p(h, !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();
+          }
+        });
       }
-      G(e, t);
+    }, he = (e) => {
+      Ie(e, {
+        get program() {
+          return a();
+        },
+        get language() {
+          return P();
+        }
+      });
     };
-    M(fe, (e) => {
-      n(l) ? 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, t, a) => {
-      Z = w(W, 1, "WheelContent svelte-17ly5gn", null, Z, {
-        WheelBackgroundHalo: n(b) === i[1],
-        "is-spin-fullscreen": n(j)
-      }), O = w(v, 1, "BackButtonContainer svelte-17ly5gn", null, O, { Hidden: n(u) || !H() }), A(pe, e), q = w(B, 1, "WofTitle svelte-17ly5gn", null, q, { Hidden: n(l) }), A(ce, t), A(de, a), J = w(z, 1, "WofTabs svelte-17ly5gn", null, J, { Hidden: n(u) || n(l) }), K = _e(C, "", K, {
-        display: n(b) !== i[1] || n(l) ? "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"
       });
     },
     [
@@ -837,26 +869,27 @@ function Ie(E, s) {
       () => k()("wofTitle"),
       () => k()("wofSubtitle")
     ]
-  ), G(E, W);
-  var be = De(le);
-  return te(), be;
+  ), $("click", w, se), j(H, B);
+  var xe = Te(le);
+  return ne(), xe;
 }
 ve(["click"]);
 customElements.define("wheel-of-fortune", we(
-  Ie,
+  Xe,
   {
     program: {},
     endpoint: {},
     session: {},
     outerWheelAsset: {},
     wheelButtonAsset: {},
+    backgroundVideoAsset: {},
     language: {},
-    showBackButton: {}
+    showBackButton: {},
+    liteMode: {}
   },
   [],
-  [],
-  !1
+  []
 ));
 export {
-  Ie as W
+  Xe as W
 };