playlight-sdk 0.3.7 → 0.3.9

package/dist/playlight-sdk.es.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _e3, _t2, _n2, _r, _s, _i, _o, _Batch_instances, a_fn, c_fn, l_fn, u_fn, _n3, _d2, _f, _p, _h, _g, __, _v, _m, _b2, _y, _w, _$, _x, _k, _S, _C, _Boundary_instances, I_fn, M_fn, E_fn, T_fn, O_fn, P_fn, _L, _D, _A, _W, _u, _j, _B, _N, _ResizeObserverSingleton_instances, q_fn, _a, _z, _R, _b, _F, _G, _c, _H, _Y, _V, _d, _U, _PlayLightAPI_instances, K_fn, _e2;
+var _e3, _t2, _n2, _r, _s, _i, _o, _Batch_instances, a_fn, c_fn, l_fn, u_fn, _n3, _d2, _f, _p, _h, _g, __, _v, _m, _b2, _y, _w, _$, _x, _k, _S, _C, _Boundary_instances, I_fn, M_fn, E_fn, T_fn, O_fn, P_fn, _L, _D, _A, _j, _u, _W, _B, _N, _ResizeObserverSingleton_instances, q_fn, _a, _z, _R, _b, _F, _G, _c, _H, _Y, _V, _d, _U, _PlayLightAPI_instances, K_fn, _e2;
 const e = {
   exitIntent: {
     enabled: true,
@@ -82,17 +82,17 @@ function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
 let A = false;
-const W = Symbol();
-let j = null;
+const j = Symbol();
+let W = null;
 function set_component_context(e2) {
-  j = e2;
+  W = e2;
 }
 function getContext(e2) {
   return get_or_init_context_map().get(e2);
 }
 function push(e2, t2 = false, n2) {
-  j = {
-    p: j,
+  W = {
+    p: W,
     c: null,
     e: null,
     s: e2,
@@ -107,17 +107,17 @@ function push(e2, t2 = false, n2) {
 function pop(e2) {
   var t2 = (
     /** @type {ComponentContext} */
-    j
+    W
   ), n2 = t2.e;
   if (null !== n2) for (var s2 of (t2.e = null, n2)) create_user_effect(s2);
-  return j = t2.p, /** @type {T} */
+  return W = t2.p, /** @type {T} */
   {};
 }
 function is_runes() {
-  return !A || null !== j && null === j.l;
+  return !A || null !== W && null === W.l;
 }
 function get_or_init_context_map(e2) {
-  return null === j && lifecycle_outside_component(), j.c ?? (j.c = new Map(
+  return null === W && lifecycle_outside_component(), W.c ?? (W.c = new Map(
     /**
     * @param {ComponentContext} component_context
     * @returns {Map<unknown, unknown> | null}
@@ -130,7 +130,7 @@ function get_or_init_context_map(e2) {
         t2 = t2.p;
       }
       return null;
-    })(j) || void 0
+    })(W) || void 0
   ));
 }
 let B = [];
@@ -194,10 +194,10 @@ function proxy(e2) {
         var n2 = s2.get(t3);
         if (void 0 === n2) {
           if (t3 in e3) {
-            const e4 = with_parent(() => /* @__PURE__ */ state(W));
+            const e4 = with_parent(() => /* @__PURE__ */ state(j));
             s2.set(t3, e4), increment(o2);
           }
-        } else set(n2, W), increment(o2);
+        } else set(n2, j), increment(o2);
         return true;
       },
       get(t3, n2, i3) {
@@ -206,10 +206,10 @@ function proxy(e2) {
         var o3 = s2.get(n2), l3 = n2 in t3;
         if (
           // create a source, but only if it's an own property and not a prototype property
-          void 0 !== o3 || l3 && !((_a2 = a(t3, n2)) == null ? void 0 : _a2.writable) || (o3 = with_parent(() => /* @__PURE__ */ state(proxy(l3 ? t3[n2] : W))), s2.set(n2, o3)), void 0 !== o3
+          void 0 !== o3 || l3 && !((_a2 = a(t3, n2)) == null ? void 0 : _a2.writable) || (o3 = with_parent(() => /* @__PURE__ */ state(proxy(l3 ? t3[n2] : j))), s2.set(n2, o3)), void 0 !== o3
         ) {
           var c2 = get$1(o3);
-          return c2 === W ? void 0 : c2;
+          return c2 === j ? void 0 : c2;
         }
         return Reflect.get(t3, n2, i3);
       },
@@ -220,7 +220,7 @@ function proxy(e2) {
           i3 && (n2.value = get$1(i3));
         } else if (void 0 === n2) {
           var o3 = s2.get(t3), a2 = o3 == null ? void 0 : o3.v;
-          if (void 0 !== o3 && a2 !== W) return {
+          if (void 0 !== o3 && a2 !== j) return {
             enumerable: true,
             configurable: true,
             value: a2,
@@ -232,8 +232,8 @@ function proxy(e2) {
       has(e3, t3) {
         var _a2;
         if (t3 === T) return true;
-        var n2 = s2.get(t3), i3 = void 0 !== n2 && n2.v !== W || Reflect.has(e3, t3);
-        if ((void 0 !== n2 || null !== ae && (!i3 || ((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable))) && (void 0 === n2 && (n2 = with_parent(() => /* @__PURE__ */ state(i3 ? proxy(e3[t3]) : W)), s2.set(t3, n2)), get$1(n2) === W)) return false;
+        var n2 = s2.get(t3), i3 = void 0 !== n2 && n2.v !== j || Reflect.has(e3, t3);
+        if ((void 0 !== n2 || null !== ae && (!i3 || ((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable))) && (void 0 === n2 && (n2 = with_parent(() => /* @__PURE__ */ state(i3 ? proxy(e3[t3]) : j)), s2.set(t3, n2)), get$1(n2) === j)) return false;
         return i3;
       },
       set(e3, t3, n2, l3) {
@@ -242,12 +242,12 @@ function proxy(e2) {
         if (i2 && "length" === t3) for (var d2 = n2; d2 < /** @type {Source<number>} */
         c2.v; d2 += 1) {
           var f2 = s2.get(d2 + "");
-          void 0 !== f2 ? set(f2, W) : d2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
+          void 0 !== f2 ? set(f2, j) : d2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
           // else a later read of the property would result in a source being created with
           // the value of the original item at that index.
-          (f2 = with_parent(() => /* @__PURE__ */ state(W)), s2.set(d2 + "", f2));
+          (f2 = with_parent(() => /* @__PURE__ */ state(j)), s2.set(d2 + "", f2));
         }
-        void 0 === c2 ? u2 && !((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable) || (set(c2 = with_parent(() => /* @__PURE__ */ state(void 0)), proxy(n2)), s2.set(t3, c2)) : (u2 = c2.v !== W, set(c2, with_parent(() => proxy(n2))));
+        void 0 === c2 ? u2 && !((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable) || (set(c2 = with_parent(() => /* @__PURE__ */ state(void 0)), proxy(n2)), s2.set(t3, c2)) : (u2 = c2.v !== j, set(c2, with_parent(() => proxy(n2))));
         var p2 = Reflect.getOwnPropertyDescriptor(e3, t3);
         if ((p2 == null ? void 0 : p2.set) && p2.set.call(l3, n2), !u2) {
           if (i2 && "string" == typeof t3) {
@@ -265,9 +265,9 @@ function proxy(e2) {
         get$1(o2);
         var t3 = Reflect.ownKeys(e3).filter((e4) => {
           var t4 = s2.get(e4);
-          return void 0 === t4 || t4.v !== W;
+          return void 0 === t4 || t4.v !== j;
         });
-        for (var [n2, i3] of s2) i3.v === W || n2 in e3 || t3.push(n2);
+        for (var [n2, i3] of s2) i3.v === j || n2 in e3 || t3.push(n2);
         return t3;
       },
       setPrototypeOf() {
@@ -907,7 +907,7 @@ E_fn = function() {
 * @param {() => Effect | null} fn
 */
 T_fn = function(e2) {
-  var t2 = ae, n2 = ie, s2 = j;
+  var t2 = ae, n2 = ie, s2 = W;
   set_active_effect(__privateGet(this, _g)), set_active_reaction(__privateGet(this, _g)), set_component_context(__privateGet(this, _g).ctx);
   try {
     return e2();
@@ -951,7 +951,7 @@ function flatten(e2, t2, n2) {
       * causes `b` to be registered as a dependency).
       */
       /* @__PURE__ */ (function capture() {
-        var e3 = ae, t3 = ie, n3 = j, s3 = H;
+        var e3 = ae, t3 = ie, n3 = W, s3 = H;
         return function restore2() {
           set_active_effect(e3), set_active_reaction(t3), set_component_context(n3), s3 == null ? void 0 : s3.activate();
         };
@@ -981,7 +981,7 @@ function flatten(e2, t2, n2) {
           void 0
         ), o3 = source(
           /** @type {V} */
-          W
+          j
         ), a3 = !ie, l2 = /* @__PURE__ */ new Map();
         return (function async_effect(e5) {
           return create_effect(4718592, e5, true);
@@ -1064,7 +1064,7 @@ function derived(e2) {
     ae.f |= S
   );
   return {
-    ctx: j,
+    ctx: W,
     deps: null,
     effects: null,
     equals,
@@ -1074,7 +1074,7 @@ function derived(e2) {
     rv: 0,
     v: (
       /** @type {V} */
-      W
+      j
     ),
     wv: 0,
     parent: n2 ?? ae,
@@ -1146,7 +1146,7 @@ function mutable_source(e2, t2 = false, n2 = true) {
   const s2 = source(e2);
   return t2 || (s2.equals = safe_equals), // bind the signal to the component context, in case we need to
   // track updates to trigger beforeUpdate/afterUpdate callbacks
-  A && n2 && null !== j && null !== j.l && ((_a2 = j.l).s ?? (_a2.s = [])).push(s2), s2;
+  A && n2 && null !== W && null !== W.l && ((_a2 = W.l).s ?? (_a2.s = [])).push(s2), s2;
 }
 function set(e2, t2, n2 = false) {
   return null !== ie && // since we are untracking the function inside `$inspect.with` we need to add this check
@@ -1319,7 +1319,7 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = ce, n2 = ue, s2 = de, i2 = ie, o2 = ge, a2 = le, l2 = j, c2 = oe, u2 = he, d2 = e2.f;
+  var t2 = ce, n2 = ue, s2 = de, i2 = ie, o2 = ge, a2 = le, l2 = W, c2 = oe, u2 = he, d2 = e2.f;
   ce = /** @type {null | Value[]} */
   null, ue = 0, de = null, ge = 0 !== (d2 & C) && (oe || !re || null === ie), ie = 96 & d2 ? null : e2, le = null, set_component_context(e2.ctx), oe = false, he = ++pe, null !== e2.ac && (without_reactive_context(() => {
     e2.ac.abort(D);
@@ -1473,7 +1473,7 @@ function get$1(e2) {
   return e2.v;
 }
 function depends_on_old_values(e2) {
-  if (e2.v === W) return true;
+  if (e2.v === j) return true;
   if (null === e2.deps) return false;
   for (const t2 of e2.deps) {
     if (te.has(t2)) return true;
@@ -1518,7 +1518,7 @@ function create_effect(e2, t2, n2, s2 = true) {
   var i2 = ae;
   null !== i2 && 0 !== (i2.f & y) && (e2 |= y);
   var o2 = {
-    ctx: j,
+    ctx: W,
     deps: null,
     nodes_start: null,
     nodes_end: null,
@@ -1571,7 +1571,7 @@ function user_effect(e2) {
     return create_user_effect(e2);
   var n2 = (
     /** @type {ComponentContext} */
-    j
+    W
   );
   (n2.e ?? (n2.e = [])).push(e2);
 }
@@ -1973,7 +1973,7 @@ function mount(e2, t2) {
           },
           (t4) => {
             l2 && (push({}), /** @type {ComponentContext} */
-            j.c = l2);
+            W.c = l2);
             o2 && // We can't spread the object or else we'd lose the state proxy stuff, if it is one
             /** @type {any} */
             (s2.$$events = o2), xe = c2, // @ts-expect-error the public typings are not what the actual function looks like
@@ -2020,7 +2020,7 @@ class BranchManager {
     * Whether to pause (i.e. outro) on change, or destroy immediately.
     * This is necessary for `<svelte:element>`
     */
-    __privateAdd(this, _W, true);
+    __privateAdd(this, _j, true);
     __privateAdd(this, _u, () => {
       var e2 = (
         /** @type {Batch} */
@@ -2061,11 +2061,11 @@ class BranchManager {
             } else destroy_effect(s3);
             __privateGet(this, _D).delete(e3);
           };
-          __privateGet(this, _W) || !n2 ? pause_effect(s3, on_destroy, false) : on_destroy();
+          __privateGet(this, _j) || !n2 ? pause_effect(s3, on_destroy, false) : on_destroy();
         }
       }
     });
-    this.anchor = e2, __privateSet(this, _W, t2);
+    this.anchor = e2, __privateSet(this, _j, t2);
   }
   /**
   *
@@ -2084,7 +2084,7 @@ class BranchManager {
 _L = new WeakMap();
 _D = new WeakMap();
 _A = new WeakMap();
-_W = new WeakMap();
+_j = new WeakMap();
 _u = new WeakMap();
 function if_block(e2, t2, n2 = false) {
   var s2 = new BranchManager(e2);
@@ -2209,7 +2209,7 @@ function each(e2, t2, s2, o2, a2, l2 = null) {
         var _a3;
         if (void 0 !== f3) for (g3 of f3) (_a3 = g3.a) == null ? void 0 : _a3.apply();
       });
-      for (var W2 of (e3.first = n2.first && n2.first.e, e3.last = k2 && k2.e, s3.values())) destroy_effect(W2.e);
+      for (var j2 of (e3.first = n2.first && n2.first.e, e3.last = k2 && k2.e, s3.values())) destroy_effect(j2.e);
       s3.clear();
     })(f2, d2, u2, g2, c2, a2, t2, o2, s2), null !== l2 && (0 === d2.length ? p2 ? resume_effect(p2) : p2 = branch(() => l2(c2)) : null !== p2 && pause_effect(p2, () => {
       p2 = null;
@@ -2484,7 +2484,7 @@ function attribute_effect(e2, t2, n2 = [], s2 = [], i2, o2 = false, a2 = false)
                 if (null != y2 || l3 || m2) m2 || p3.includes(v2) && (l3 || "string" != typeof y2) ? (
                   // @ts-ignore
                   (e3[v2] = y2, // remove it from attributes's cache
-                  v2 in a3 && (a3[v2] = W))
+                  v2 in a3 && (a3[v2] = j))
                 ) : "function" != typeof y2 && set_attribute(e3, v2, y2);
                 else if (a3[b2] = null, "value" === v2 || "checked" === v2) {
                   let k2 = (
@@ -2774,7 +2774,7 @@ const _ResizeObserverSingleton = class _ResizeObserverSingleton {
   constructor(e2) {
     __privateAdd(this, _ResizeObserverSingleton_instances);
     /** */
-    __privateAdd(this, _j, /* @__PURE__ */ new WeakMap());
+    __privateAdd(this, _W, /* @__PURE__ */ new WeakMap());
     /** @type {ResizeObserver | undefined} */
     __privateAdd(this, _B);
     /** @type {ResizeObserverOptions} */
@@ -2786,15 +2786,15 @@ const _ResizeObserverSingleton = class _ResizeObserverSingleton {
   * @param {(entry: ResizeObserverEntry) => any} listener
   */
   observe(e2, t2) {
-    var n2 = __privateGet(this, _j).get(e2) || /* @__PURE__ */ new Set();
-    return n2.add(t2), __privateGet(this, _j).set(e2, n2), __privateMethod(this, _ResizeObserverSingleton_instances, q_fn).call(this).observe(e2, __privateGet(this, _N)), () => {
-      var n3 = __privateGet(this, _j).get(e2);
-      n3.delete(t2), 0 === n3.size && (__privateGet(this, _j).delete(e2), /** @type {ResizeObserver} */
+    var n2 = __privateGet(this, _W).get(e2) || /* @__PURE__ */ new Set();
+    return n2.add(t2), __privateGet(this, _W).set(e2, n2), __privateMethod(this, _ResizeObserverSingleton_instances, q_fn).call(this).observe(e2, __privateGet(this, _N)), () => {
+      var n3 = __privateGet(this, _W).get(e2);
+      n3.delete(t2), 0 === n3.size && (__privateGet(this, _W).delete(e2), /** @type {ResizeObserver} */
       __privateGet(this, _B).unobserve(e2));
     };
   }
 };
-_j = new WeakMap();
+_W = new WeakMap();
 _B = new WeakMap();
 _N = new WeakMap();
 _ResizeObserverSingleton_instances = new WeakSet();
@@ -2802,7 +2802,7 @@ q_fn = function() {
   return __privateGet(this, _B) ?? __privateSet(this, _B, new ResizeObserver(
     /** @param {any} entries */
     (e2) => {
-      for (var t2 of e2) for (var n2 of (_ResizeObserverSingleton.entries.set(t2.target, t2), __privateGet(this, _j).get(t2.target) || [])) n2(t2);
+      for (var t2 of e2) for (var n2 of (_ResizeObserverSingleton.entries.set(t2.target, t2), __privateGet(this, _W).get(t2.target) || [])) n2(t2);
     }
   ));
 };
@@ -2832,14 +2832,14 @@ function bind_this(e2 = {}, t2, n2, s2) {
     };
   }), e2;
 }
-let Ae = false, We = Symbol();
+let Ae = false, je = Symbol();
 function store_get(e2, t2, n2) {
   const s2 = n2[t2] ?? (n2[t2] = {
     store: null,
     source: /* @__PURE__ */ mutable_source(void 0),
     unsubscribe: noop
   });
-  if (s2.store !== e2 && !(We in n2)) if (s2.unsubscribe(), s2.store = e2 ?? null, null == e2) s2.source.v = void 0, // see synchronous callback comment below
+  if (s2.store !== e2 && !(je in n2)) if (s2.unsubscribe(), s2.store = e2 ?? null, null == e2) s2.source.v = void 0, // see synchronous callback comment below
   s2.unsubscribe = noop;
   else {
     var i2 = true;
@@ -2851,7 +2851,7 @@ function store_get(e2, t2, n2) {
       ) : set(s2.source, e3);
     }), i2 = false;
   }
-  return e2 && We in n2 ? get(e2) : get$1(s2.source);
+  return e2 && je in n2 ? get(e2) : get$1(s2.source);
 }
 function store_set(e2, t2) {
   return e2.set(t2), t2;
@@ -2863,14 +2863,14 @@ function setup_stores() {
       for (var t2 in e2) {
         e2[t2].unsubscribe();
       }
-      o(e2, We, {
+      o(e2, je, {
         enumerable: false,
         value: true
       });
     });
   }];
 }
-const je = {
+const We = {
   get(e2, t2) {
     if (!e2.exclude.includes(t2)) return e2.props[t2];
   },
@@ -2890,7 +2890,7 @@ function rest_props(e2, t2, n2) {
   return new Proxy({
     props: e2,
     exclude: t2
-  }, je);
+  }, We);
 }
 const Be = {
   get(e2, t2) {
@@ -3018,7 +3018,7 @@ function prop(e2, t2, n2, s2) {
   };
 }
 function onMount(e2) {
-  null === j && lifecycle_outside_component(), A && null !== j.l ? (
+  null === W && lifecycle_outside_component(), A && null !== W.l ? (
     /**
     * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate
     * @param {ComponentContext} context
@@ -3033,7 +3033,7 @@ function onMount(e2) {
         b: [],
         m: []
       });
-    })(j).m.push(e2)
+    })(W).m.push(e2)
   ) : user_effect(() => {
     const t2 = untrack(e2);
     if ("function" == typeof t2) return t2;
@@ -3768,7 +3768,7 @@ function Toast(e2, t2) {
   })(), L2 = user_derived(() => t2.toast.invert || t2.invert), D2 = user_derived(() => "loading" === get$1($2)), A2 = user_derived(() => ({
     ...l2,
     ...t2.classes
-  })), W2 = user_derived(() => t2.toast.title), j2 = user_derived(() => t2.toast.description);
+  })), j2 = user_derived(() => t2.toast.title), W2 = user_derived(() => t2.toast.description);
   let B2 = /* @__PURE__ */ state(0), N2 = /* @__PURE__ */ state(0);
   const q2 = user_derived(() => Math.round(14 * get$1(C2) + get$1(T2)));
   function deleteToast() {
@@ -3780,7 +3780,7 @@ function Toast(e2, t2) {
   let z2;
   user_effect(() => {
     let e3;
-    get$1(W2), get$1(j2), e3 = t2.expanded || t2.expandByDefault ? 1 : 1 - 0.05 * t2.index;
+    get$1(j2), get$1(W2), e3 = t2.expanded || t2.expandByDefault ? 1 : 1 - 0.05 * t2.index;
     const n3 = untrack(() => get$1(v2));
     if (void 0 === n3) return;
     n3.style.setProperty("height", "auto");
@@ -4537,16 +4537,6 @@ const bt = new (_e2 = class {
   const e2 = window.location.hostname;
   return e2.startsWith("www.") ? e2.substring(4) : e2;
 }, _e2)();
-const gameBadge = (e2, t2 = noop, n2 = noop) => {
-  var s2 = yt();
-  let i2;
-  var o2 = child(s2), a2 = child(o2);
-  template_effect((e3) => {
-    i2 = set_class(s2, 1, "bg-background absolute top-4 right-4 z-3 px-2 py-0.5 transition-opacity select-none", null, i2, e3), set_text(a2, n2());
-  }, [() => ({
-    "opacity-0": t2()
-  })]), append(e2, s2);
-};
 var yt = /* @__PURE__ */ from_html('<div><p class="font-bold text-white uppercase"> </p></div>'), on_click$3 = (e2, t2, n2, s2, i2, o2, a2) => {
   !get$1(t2) || get$1(n2) || s2() ? (function openGame(e3, t3, n3) {
     if (!e3 || null == t3) return console.error("Domain or Game ID are missing!");
@@ -4555,7 +4545,18 @@ var yt = /* @__PURE__ */ from_html('<div><p class="font-bold text-white uppercas
 }, wt = /* @__PURE__ */ from_html('<video playsinline="" loop fetchpriority="low"></video>', 2), $t = /* @__PURE__ */ from_html('<div class="bg-background/25 text-muted-foreground flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), xt = /* @__PURE__ */ from_html('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-2 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), kt = /* @__PURE__ */ from_html('<div class="prevent-image-select bg-background absolute right-0 -bottom-[18%] left-0 mx-auto aspect-square w-1/5 animate-pulse rounded-full shadow-xl svelte-n3ft5o"></div> <img alt="game logo" fetchpriority="high"/>', 1), St = /* @__PURE__ */ from_html('<div role="button" tabindex="0"><!> <!> <img alt="cover" fetchpriority="high"/> <!> <!></div>');
 function GameCard(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores();
+  const [n2, s2] = setup_stores(), gameBadge = (e3, t3 = noop, n3 = noop) => {
+    var s3 = yt();
+    let i3;
+    var l3 = child(s3), c3 = child(l3);
+    template_effect((e4) => {
+      i3 = set_class(s3, 1, `bg-background absolute ${a2() ? "top-2 right-2" : "top-3 right-3"} z-3 px-2 py-0.5 transition-opacity select-none`, null, i3, e4), set_text(c3, n3());
+    }, [() => ({
+      "opacity-0": t3(),
+      "text-xs": a2(),
+      "text-sm": o2()
+    })]), append(e3, s3);
+  };
   let i2, o2 = prop(t2, "inWidget", 3, false), a2 = prop(t2, "inSidebar", 3, false), l2 = /* @__PURE__ */ state(false), c2 = /* @__PURE__ */ state(false), u2 = /* @__PURE__ */ state(false), d2 = /* @__PURE__ */ state(false), f2 = /* @__PURE__ */ state(false), p2 = /* @__PURE__ */ state(void 0), h2 = /* @__PURE__ */ state(false), g2 = /* @__PURE__ */ state(void 0);
   function handleHover() {
     get$1(l2) || get$1(u2) || (function playSound(e3, t3 = 1) {
@@ -4761,7 +4762,7 @@ var on_click$2 = (e2, t2, n2) => {
 }, Ct = /* @__PURE__ */ from_html('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), Et = /* @__PURE__ */ from_html('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, s2, i2) => {
   var _a2;
   t2(n2), set(s2, false), (_a2 = i2.onCategoryChange) == null ? void 0 : _a2.call(i2);
-}, Ot = /* @__PURE__ */ from_html("<button> </button>"), It = /* @__PURE__ */ from_html('<div class="space-y-2 p-2"></div>'), Mt = /* @__PURE__ */ from_html('<div class="bg-background/85 fixed left-1/2 z-50 mt-22 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 bg-transparent p-1 pl-10 text-white focus:ring-0 focus:outline-none"/></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), Tt = /* @__PURE__ */ from_html('<div class="flex w-full flex-col"><h1 class="mb-0! text-center text-2xl font-bold text-white drop-shadow-xl sm:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="max-w-[40vw] truncate text-2xl font-bold text-black sm:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, Ot = /* @__PURE__ */ from_html("<button> </button>"), It = /* @__PURE__ */ from_html('<div class="space-y-2 p-2"></div>'), Mt = /* @__PURE__ */ from_html('<div class="bg-background/85 fixed left-1/2 z-50 mt-22 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 bg-transparent text-base p-1 pl-10 text-white focus:ring-0 focus:outline-none"/></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), Tt = /* @__PURE__ */ from_html('<div class="flex w-full flex-col"><h1 class="mb-0! text-center text-2xl font-bold text-white drop-shadow-xl sm:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="max-w-[40vw] truncate text-2xl font-bold text-black sm:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
   let n2, s2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), o2 = /* @__PURE__ */ state(false), a2 = user_derived(() => i2() || (s2().length > 0 ? s2()[0] : "...")), l2 = /* @__PURE__ */ state(""), c2 = /* @__PURE__ */ state(void 0), u2 = user_derived(() => get$1(l2) ? s2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : s2());
@@ -5197,7 +5198,7 @@ function restore(e2, t2, n2, s2, i2) {
   });
 }
 delegate(["click"]);
-var At = /* @__PURE__ */ from_html('<div class="bg-background/85 fixed bottom-4 left-4 z-2 touch-none border p-4 shadow-lg backdrop-blur-xl max-sm:right-4 sm:w-72" role="button" tabindex="0"><!></div>'), Wt = /* @__PURE__ */ from_html('<div class="fixed bottom-0 z-3 shadow-xl max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72"><button class="bg-background/85 hover:bg-background/95 w-full rounded-t-md border border-b-0 px-4 py-2 backdrop-blur-sm transition" aria-label="Show game display"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button></div>'), jt = /* @__PURE__ */ from_html("<!> <!>", 1);
+var At = /* @__PURE__ */ from_html('<div class="bg-background/85 fixed bottom-4 left-4 z-2 touch-none border p-4 shadow-lg backdrop-blur-xl max-sm:right-4 sm:w-72" role="button" tabindex="0"><!></div>'), jt = /* @__PURE__ */ from_html('<div class="fixed bottom-0 z-3 shadow-xl max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72"><button class="bg-background/85 hover:bg-background/95 w-full rounded-t-md border border-b-0 px-4 py-2 backdrop-blur-sm transition" aria-label="Show game display"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button></div>'), Wt = /* @__PURE__ */ from_html("<!> <!>", 1);
 function DiscoveryDrawer(e2, t2) {
   push(t2, true);
   let n2 = /* @__PURE__ */ state(false), s2 = /* @__PURE__ */ state(0), i2 = /* @__PURE__ */ state(1), o2 = /* @__PURE__ */ state(false), a2 = 0;
@@ -5231,7 +5232,7 @@ function DiscoveryDrawer(e2, t2) {
     }
   }
   onMount(() => animate2(250, (e3) => set(i2, e3, true)));
-  var l2 = jt(), c2 = first_child(l2), consequent = (e3) => {
+  var l2 = Wt(), c2 = first_child(l2), consequent = (e3) => {
     var n3 = At();
     n3.__mousedown = startDrag, n3.__mousemove = drag, n3.__mouseup = endDrag, n3.__touchstart = startDrag, n3.__touchmove = drag, n3.__touchend = endDrag, CurrentGameDisplay(child(n3), {
       get currentGame() {
@@ -5243,7 +5244,7 @@ function DiscoveryDrawer(e2, t2) {
     t2.currentGame && !get$1(n2) && e3(consequent);
   });
   var u2 = sibling(c2, 2), consequent_1 = (e3) => {
-    var t3 = Wt(), o3 = child(t3);
+    var t3 = jt(), o3 = child(t3);
     o3.__mousedown = [restore, n2, s2, i2, animate2], o3.__touchstart = [restore, n2, s2, i2, animate2], transition(3, o3, () => fly, () => ({
       delay: 150,
       y: 30
@@ -5556,7 +5557,7 @@ function App(e2) {
   var o2 = sibling(i2, 2);
   !(function ExitIntent(e3, t3) {
     push(t3, true);
-    const $config = () => store_get(jn, "$config", n3), $discoveryOpen2 = () => store_get(Nn, "$discoveryOpen", n3), [n3, s3] = setup_stores();
+    const $config = () => store_get(Wn, "$config", n3), $discoveryOpen2 = () => store_get(Nn, "$discoveryOpen", n3), [n3, s3] = setup_stores();
     let i3, o3 = /* @__PURE__ */ state(void 0), a3 = /* @__PURE__ */ state(void 0), l2 = /* @__PURE__ */ state(proxy([])), c2 = /* @__PURE__ */ state(false), u2 = /* @__PURE__ */ state(void 0);
     function handleBarTrigger() {
       setTimeout(async () => {
@@ -6071,11 +6072,11 @@ function activateCSSViewportOverride(e2) {
               console.warn(`Playlight failed to process stylesheet ${e4.href || "inline"}:`, t4);
             });
           } else {
-            const e5 = i2.textContent;
+            const o2 = i2.textContent.trim(), a2 = o2 || Array.from(e4.cssRules).map((e5) => e5.cssText).join("\n");
             hn.set(i2, {
-              originalCSS: e5,
+              originalCSS: a2,
               originalElement: null
-            }), transformStylesheet(i2, e5, t3, n3, s2);
+            }), transformStylesheet(i2, a2, t3, n3, s2);
           }
         }
       } catch (t4) {
@@ -6138,7 +6139,7 @@ function applyCSSOverrides(e2, t2, n2, s2) {
   (e2 = e2.replace(/\(([\d.]+[a-z]+)\s*([<>=]+)\s*width\s*([<>=]+)\s*([\d.]+[a-z]+)\)/gi, (e3, t3, n3, i3, o3) => `(calc(${t3} + ${s2}px) ${n3} width ${i3} calc(${o3} + ${s2}px))`)).replace(/\(width\s*([<>=]+)\s*([\d.]+[a-z]+)\)/gi, (e3, t3, n3) => `(width ${t3} calc(${n3} + ${s2}px))`)).replace(/\(([\d.]+[a-z]+)\s*([<>=]+)\s*width\)/gi, (e3, t3, n3) => `(calc(${t3} + ${s2}px) ${n3} width)`)).replace(/\(\s*orientation:\s*portrait\s*\)/gi, `(max-width: ${o2}px)`)).replace(/\(\s*orientation:\s*landscape\s*\)/gi, `(min-width: ${o2 + 1}px)`)).replace(/\bbody\s*\{([^}]*)\}/gi, (e3, t3) => `.playlight-sdk-inner-wrapper {${t3.replace(/\s*!important\s*/gi, "")}}`);
 }
 let _n, vn = null, mn = null, bn = null, yn = null, wn = null, $n = null, xn = null, kn = null, Sn = null, Cn = null, En = /* @__PURE__ */ new Map();
-let On = null, In = null, Mn = null, Tn = false, Pn = false, Ln = [], Dn = null, An = null, Wn = null;
+let On = null, In = null, Mn = null, Tn = false, Pn = false, Ln = [], Dn = null, An = null, jn = null;
 function mountPlaylight() {
   try {
     const e2 = document.createElement("div");
@@ -6146,7 +6147,7 @@ function mountPlaylight() {
     const t2 = mount(App, {
       target: e2
     }), n2 = new MutationObserver(() => {
-      document.body.contains(e2) || (clearTimeout(Wn), Wn = setTimeout(() => {
+      document.body.contains(e2) || (clearTimeout(jn), jn = setTimeout(() => {
         document.body.contains(e2) || (console.warn("Re-mounting Playlight's main container as it was removed!"), n2.disconnect(), unmount(t2), mountPlaylight());
       }, 0));
     });
@@ -6170,10 +6171,10 @@ function setupSidebarLayout() {
         return !["SCRIPT", "STYLE"].includes(e3.tagName) && !((_a3 = e3.id) == null ? void 0 : _a3.includes("playlight"));
       }).forEach((e3) => t3.appendChild(e3)), e2.appendChild(t3), Pn = true, t3;
     };
-    if (false !== ((_b3 = (_a2 = get(jn)) == null ? void 0 : _a2.sidebar) == null ? void 0 : _b3.hasFrameworkRoot) && s2.length > 0) {
+    if (false !== ((_b3 = (_a2 = get(Wn)) == null ? void 0 : _a2.sidebar) == null ? void 0 : _b3.hasFrameworkRoot) && s2.length > 0) {
       if (1 === s2.length)
         In = s2[0], Pn = false;
-      else if (true === ((_d3 = (_c2 = get(jn)) == null ? void 0 : _c2.sidebar) == null ? void 0 : _d3.hasFrameworkRoot)) {
+      else if (true === ((_d3 = (_c2 = get(Wn)) == null ? void 0 : _c2.sidebar) == null ? void 0 : _d3.hasFrameworkRoot)) {
         const e3 = s2.map((e4) => e4.querySelectorAll("*").length), t3 = Math.max(...e3);
         In = s2[e3.indexOf(t3)], Pn = false;
       }
@@ -6304,7 +6305,7 @@ function removeSidebarLayout() {
     console.error("Error during sidebar removal:", e2);
   }
 }
-const jn = writable(null), Bn = writable(false), Nn = writable(false), qn = writable(false), zn = writable(0), Rn = writable(false), Fn = writable(false), Gn = readable("https://sdk.playlight.dev"), Hn = readable("https://api.playlight.dev/platform");
+const Wn = writable(null), Bn = writable(false), Nn = writable(false), qn = writable(false), zn = writable(0), Rn = writable(false), Fn = writable(false), Gn = readable("https://sdk.playlight.dev"), Hn = readable("https://api.playlight.dev/platform");
 let Yn;
 Nn.subscribe((e2) => {
   try {
@@ -6312,7 +6313,7 @@ Nn.subscribe((e2) => {
   } catch (e3) {
     console.error("Error in discoveryOpen store subscription:", e3);
   }
-}), jn.subscribe((e2) => {
+}), Wn.subscribe((e2) => {
   var _a2;
   ((_a2 = e2 == null ? void 0 : e2.sidebar) == null ? void 0 : _a2.forceVisible) || get(Bn) ? Rn.set(true) : Rn.set(false);
 }), Bn.subscribe((e2) => {
@@ -6619,7 +6620,7 @@ class PlaylightSDK {
   * @param {object} [configParam] - Playlight configuration object
   */
   setConfig(e2 = {}) {
-    jn.set(createConfig(e2));
+    Wn.set(createConfig(e2));
   }
 }();
 "undefined" != typeof window && (window.playlightSDK = er);