@pie-framework/pie-fixed-player-static 1.0.0-152280c.2 → 1.0.0-152280c.4

package/README.md

@@ -1,6 +1,6 @@
 # @pie-framework/pie-fixed-player-static
 
-Version: 1.0.0-152280c.2
+Version: 1.0.0-152280c.4
 
 Pre-bundled PIE fixed player with static element versions for production use.
 
@@ -18,7 +18,7 @@ in Pieoneer, use `pie-inline-player` instead.
 ## Installation
 
 ```bash
-npm install @pie-framework/pie-fixed-player-static@1.0.0-152280c.2
+npm install @pie-framework/pie-fixed-player-static@1.0.0-152280c.4
 ```
 
 ## Usage

package/dist/index.js

@@ -141,6 +141,13 @@
               duration,
               errorMessage
             });
+
+            // Dispatch the event failed load event
+            document.dispatchEvent(new CustomEvent('PiePlayerLoadEvent', {
+              detail: 'PIE-Fixed-Player-Load-Failed',
+              bubbles: true,
+              cancelable: true
+            }));
           } catch {
             // Tracking failed, continue anyway
           }
@@ -234,6 +241,13 @@
     try {
       if (typeof window !== 'undefined' && typeof window.performance !== 'undefined') {
         window.performance.mark('PIE-Fixed-Player-Load-Complete');
+
+        // Dispatch the event load complete event      
+        document.dispatchEvent(new CustomEvent('PiePlayerLoadEvent', {
+          detail: 'PIE-Fixed-Player-Load-Complete', 
+          bubbles: true,
+          cancelable: true
+        }));
       }
     } catch {
       // Performance marking failed, continue anyway

package/dist/pie-fixed-player.js

@@ -8,7 +8,7 @@ var V = (e, t, n) => (xn(e, t, "read from private field"), n ? n.call(e) : t.get
 const ns = "5";
 var rr;
 typeof window < "u" && ((rr = window.__svelte ?? (window.__svelte = {})).v ?? (rr.v = /* @__PURE__ */ new Set())).add(ns);
-const rs = 1, ss = 2, is = 4, os = 8, ls = 16, as = 2, Tt = "[", un = "[!", fn = "]", We = {}, J = Symbol(), P = Symbol("filename"), Sn = !0, fe = 2, sr = 4, kt = 8, dn = 16, ve = 32, Oe = 64, Rt = 128, ne = 256, Ft = 512, q = 1024, _e = 2048, De = 4096, He = 8192, Ot = 16384, cs = 32768, hn = 65536, us = 1 << 17, ir = 1 << 18, fs = 1 << 19, or = 1 << 20, tn = 1 << 21, Re = Symbol("$state"), st = Symbol("$state metadata"), lr = Symbol("legacy props");
+const rs = 1, ss = 2, is = 4, os = 8, ls = 16, as = 2, Tt = "[", un = "[!", fn = "]", We = {}, q = Symbol(), P = Symbol("filename"), Sn = !0, fe = 2, sr = 4, kt = 8, dn = 16, ve = 32, De = 64, Rt = 128, ne = 256, Ft = 512, J = 1024, _e = 2048, Oe = 4096, He = 8192, Dt = 16384, cs = 32768, hn = 65536, us = 1 << 17, ir = 1 << 18, fs = 1 << 19, or = 1 << 20, tn = 1 << 21, Re = Symbol("$state"), st = Symbol("$state metadata"), lr = Symbol("legacy props");
 var gn = Array.isArray, ds = Array.prototype.indexOf, hs = Array.from, Ct = Object.keys, ce = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, ar = Object.prototype, gs = Array.prototype, cr = Object.getPrototypeOf, Pn = Object.isExtensible;
 function ur(e) {
   for (var t = 0; t < e.length; t++)
@@ -262,7 +262,7 @@ function xe(e, t) {
       defineProperty(a, u, d) {
         (!("value" in d) || d.configurable === !1 || d.enumerable === !1 || d.writable === !1) && Us();
         var f = r.get(u);
-        return f === void 0 ? (f = l(() => T(d.value)), r.set(u, f)) : b(
+        return f === void 0 ? (f = l(() => T(d.value)), r.set(u, f)) : y(
           f,
           l(() => xe(d.value))
         ), !0;
@@ -272,7 +272,7 @@ function xe(e, t) {
         if (d === void 0)
           u in a && r.set(
             u,
-            l(() => T(J))
+            l(() => T(q))
           );
         else {
           if (s && typeof u == "string") {
@@ -280,9 +280,9 @@ function xe(e, t) {
               /** @type {Source<number>} */
               r.get("length")
             ), g = Number(u);
-            Number.isInteger(g) && g < f.v && b(f, g);
+            Number.isInteger(g) && g < f.v && y(f, g);
           }
-          b(d, J), kn(i);
+          y(d, q), kn(i);
         }
         return !0;
       },
@@ -292,13 +292,13 @@ function xe(e, t) {
         if (u === Re)
           return e;
         var f = r.get(u), g = u in a;
-        if (f === void 0 && (!g || Pe(a, u)?.writable) && (f = l(() => T(xe(g ? a[u] : J))), r.set(u, f)), f !== void 0) {
+        if (f === void 0 && (!g || Pe(a, u)?.writable) && (f = l(() => T(xe(g ? a[u] : q))), r.set(u, f)), f !== void 0) {
           var v = p(f);
           {
-            var y = v?.[st];
-            y && y?.parent !== c && Jn(c, y);
+            var b = v?.[st];
+            b && b?.parent !== c && qn(c, b);
           }
-          return v === J ? void 0 : v;
+          return v === q ? void 0 : v;
         }
         return Reflect.get(a, u, d);
       },
@@ -309,7 +309,7 @@ function xe(e, t) {
           f && (d.value = p(f));
         } else if (d === void 0) {
           var g = r.get(u), v = g?.v;
-          if (g !== void 0 && v !== J)
+          if (g !== void 0 && v !== q)
             return {
               enumerable: !0,
               configurable: !0,
@@ -322,11 +322,11 @@ function xe(e, t) {
       has(a, u) {
         if (u === st || u === Re)
           return !0;
-        var d = r.get(u), f = d !== void 0 && d.v !== J || Reflect.has(a, u);
+        var d = r.get(u), f = d !== void 0 && d.v !== q || Reflect.has(a, u);
         if (d !== void 0 || x !== null && (!f || Pe(a, u)?.writable)) {
-          d === void 0 && (d = l(() => T(f ? xe(a[u]) : J)), r.set(u, d));
+          d === void 0 && (d = l(() => T(f ? xe(a[u]) : q)), r.set(u, d));
           var g = p(d);
-          if (g === J)
+          if (g === q)
             return !1;
         }
         return f;
@@ -334,21 +334,21 @@ function xe(e, t) {
       set(a, u, d, f) {
         var g = r.get(u), v = u in a;
         if (s && u === "length")
-          for (var y = d; y < /** @type {Source<number>} */
-          g.v; y += 1) {
-            var $ = r.get(y + "");
-            $ !== void 0 ? b($, J) : y in a && ($ = l(() => T(J)), r.set(y + "", $));
+          for (var b = d; b < /** @type {Source<number>} */
+          g.v; b += 1) {
+            var $ = r.get(b + "");
+            $ !== void 0 ? y($, q) : b in a && ($ = l(() => T(q)), r.set(b + "", $));
           }
-        g === void 0 ? (!v || Pe(a, u)?.writable) && (g = l(() => T(void 0)), b(
+        g === void 0 ? (!v || Pe(a, u)?.writable) && (g = l(() => T(void 0)), y(
           g,
           l(() => xe(d))
-        ), r.set(u, g)) : (v = g.v !== J, b(
+        ), r.set(u, g)) : (v = g.v !== q, y(
           g,
           l(() => xe(d))
         ));
         {
           var I = d?.[st];
-          I && I?.parent !== c && Jn(c, I), ai(c);
+          I && I?.parent !== c && qn(c, I), ai(c);
         }
         var k = Reflect.getOwnPropertyDescriptor(a, u);
         if (k?.set && k.set.call(f, d), !v) {
@@ -357,7 +357,7 @@ function xe(e, t) {
               /** @type {Source<number>} */
               r.get("length")
             ), N = Number(u);
-            Number.isInteger(N) && N >= A.v && b(A, N + 1);
+            Number.isInteger(N) && N >= A.v && y(A, N + 1);
           }
           kn(i);
         }
@@ -367,10 +367,10 @@ function xe(e, t) {
         p(i);
         var u = Reflect.ownKeys(a).filter((g) => {
           var v = r.get(g);
-          return v === void 0 || v.v !== J;
+          return v === void 0 || v.v !== q;
         });
         for (var [d, f] of r)
-          f.v !== J && !(d in a) && u.push(d);
+          f.v !== q && !(d in a) && u.push(d);
         return u;
       },
       setPrototypeOf() {
@@ -380,7 +380,7 @@ function xe(e, t) {
   );
 }
 function kn(e, t = 1) {
-  b(e, e.v + t);
+  y(e, e.v + t);
 }
 function lt(e) {
   try {
@@ -392,7 +392,7 @@ function lt(e) {
 }
 let Ge = /* @__PURE__ */ new Set();
 const dt = /* @__PURE__ */ new Map();
-function On(e) {
+function Dn(e) {
   Ge = e;
 }
 function mn(e, t) {
@@ -417,18 +417,18 @@ function gr(e, t = !1) {
   const n = mn(e);
   return t || (n.equals = pn), Ke && B !== null && B.l !== null && ((r = B.l).s ?? (r.s = [])).push(n), n;
 }
-function b(e, t, n = !1) {
+function y(e, t, n = !1) {
   R !== null && !ae && zt() && (R.f & (fe | dn)) !== 0 && !ge?.includes(e) && Bs();
   let r = n ? xe(t, e) : t;
-  return Os(e, r);
+  return Ds(e, r);
 }
-function Os(e, t) {
+function Ds(e, t) {
   if (!e.equals(t)) {
     var n = e.v;
-    if (vt ? dt.set(e, t) : dt.set(e, n), e.v = t, e.wv = Er(), pr(e, _e), zt() && x !== null && (x.f & q) !== 0 && (x.f & (ve | Oe)) === 0 && (ee === null ? Ws([e]) : ee.push(e)), Ge.size > 0) {
+    if (vt ? dt.set(e, t) : dt.set(e, n), e.v = t, e.wv = Er(), pr(e, _e), zt() && x !== null && (x.f & J) !== 0 && (x.f & (ve | De)) === 0 && (ee === null ? Ws([e]) : ee.push(e)), Ge.size > 0) {
       const r = Array.from(Ge);
       for (const s of r)
-        (s.f & q) !== 0 && ie(s, De), nt(s) && Nt(s);
+        (s.f & J) !== 0 && ie(s, Oe), nt(s) && Nt(s);
       Ge.clear();
     }
   }
@@ -444,10 +444,10 @@ function pr(e, t) {
           Ge.add(o);
           continue;
         }
-        ie(o, t), (l & (q | ne)) !== 0 && ((l & fe) !== 0 ? pr(
+        ie(o, t), (l & (J | ne)) !== 0 && ((l & fe) !== 0 ? pr(
           /** @type {Derived} */
           o,
-          De
+          Oe
         ) : At(
           /** @type {Effect} */
           o
@@ -483,7 +483,7 @@ function K(e) {
   return br(t), t;
 }
 // @__NO_SIDE_EFFECTS__
-function Ds(e) {
+function Os(e) {
   const t = /* @__PURE__ */ ht(e);
   return t.equals = pn, t;
 }
@@ -515,17 +515,17 @@ function Ns(e) {
   Ye(Is(e));
   {
     let r = Ge;
-    On(/* @__PURE__ */ new Set());
+    Dn(/* @__PURE__ */ new Set());
     try {
       Zt.includes(e) && ys(), Zt.push(e), mr(e), t = Rr(e);
     } finally {
-      Ye(n), On(r), Zt.pop();
+      Ye(n), Dn(r), Zt.pop();
     }
   }
   return t;
 }
 function vr(e) {
-  var t = Ns(e), n = (we || (e.f & ne) !== 0) && e.deps !== null ? De : q;
+  var t = Ns(e), n = (we || (e.f & ne) !== 0) && e.deps !== null ? Oe : J;
   ie(e, n), e.equals(t) || (e.v = t, e.wv = Er());
 }
 var et = "font-weight: bold", tt = "font-weight: normal";
@@ -539,7 +539,7 @@ function Ms(e) {
 %c${e ? `The value of an \`{@html ...}\` block ${e} changed between server and client renders. The client value will be ignored in favour of the server value` : "The value of an `{@html ...}` block changed between server and client renders. The client value will be ignored in favour of the server value"}
 https://svelte.dev/e/hydration_html_changed`, et, tt);
 }
-function Dt(e) {
+function Ot(e) {
   console.warn(`%c[svelte] hydration_mismatch
 %cHydration failed because the initial UI does not match what was rendered on the server
 https://svelte.dev/e/hydration_mismatch`, et, tt);
@@ -549,7 +549,7 @@ function js() {
 %cTried to unmount a component that was not mounted
 https://svelte.dev/e/lifecycle_double_unmount`, et, tt);
 }
-function Dn(e, t) {
+function On(e, t) {
   console.warn(`%c[svelte] ownership_invalid_mutation
 %c${e ? `${e} mutated a value owned by ${t}. This is strongly discouraged. Consider passing values to child components with \`bind:\`, or use a callback instead` : "Mutating a value outside the component that created it is strongly discouraged. Consider passing values to child components with `bind:`, or use a callback instead"}
 https://svelte.dev/e/ownership_invalid_mutation`, et, tt);
@@ -559,31 +559,31 @@ function wt(e) {
 %cReactive \`$state(...)\` proxies and the values they proxy have different identities. Because of this, comparisons with \`${e}\` will produce unexpected results
 https://svelte.dev/e/state_proxy_equality_mismatch`, et, tt);
 }
-let D = !1;
-function qe(e) {
-  D = e;
+let O = !1;
+function Je(e) {
+  O = e;
 }
-let O;
+let D;
 function pe(e) {
   if (e === null)
-    throw Dt(), We;
-  return O = e;
+    throw Ot(), We;
+  return D = e;
 }
 function gt() {
   return pe(
     /** @type {TemplateNode} */
-    /* @__PURE__ */ Ie(O)
+    /* @__PURE__ */ Ie(D)
   );
 }
 function oe(e) {
-  if (D) {
-    if (/* @__PURE__ */ Ie(O) !== null)
-      throw Dt(), We;
-    O = e;
+  if (O) {
+    if (/* @__PURE__ */ Ie(D) !== null)
+      throw Ot(), We;
+    D = e;
   }
 }
 function zs() {
-  for (var e = 0, t = O; ; ) {
+  for (var e = 0, t = D; ; ) {
     if (t.nodeType === 8) {
       var n = (
         /** @type {Comment} */
@@ -666,14 +666,14 @@ function Ie(e) {
   return yr.call(e);
 }
 function le(e, t) {
-  if (!D)
+  if (!O)
     return /* @__PURE__ */ pt(e);
   var n = (
     /** @type {TemplateNode} */
-    /* @__PURE__ */ pt(O)
+    /* @__PURE__ */ pt(D)
   );
   if (n === null)
-    n = O.appendChild(Ut());
+    n = D.appendChild(Ut());
   else if (t && n.nodeType !== 3) {
     var r = Ut();
     return n?.before(r), pe(r), r;
@@ -681,11 +681,11 @@ function le(e, t) {
   return pe(n), n;
 }
 function sn(e, t = 1, n = !1) {
-  let r = D ? O : e;
+  let r = O ? D : e;
   for (var s; t--; )
     s = r, r = /** @type {TemplateNode} */
     /* @__PURE__ */ Ie(r);
-  if (!D)
+  if (!O)
     return r;
   var i = r?.nodeType;
   if (n && i !== 3) {
@@ -695,7 +695,7 @@ function sn(e, t = 1, n = !1) {
   return pe(r), /** @type {TemplateNode} */
   r;
 }
-function Js(e) {
+function qs(e) {
   e.textContent = "";
 }
 const Nn = /* @__PURE__ */ new WeakSet();
@@ -712,11 +712,11 @@ function Ye(e) {
   x = e;
 }
 let ge = null;
-function qs(e) {
+function Js(e) {
   ge = e;
 }
 function br(e) {
-  R !== null && R.f & tn && (ge === null ? qs([e]) : ge.push(e));
+  R !== null && R.f & tn && (ge === null ? Js([e]) : ge.push(e));
 }
 let j = null, X = 0, ee = null;
 function Ws(e) {
@@ -730,7 +730,7 @@ function nt(e) {
   var t = e.f;
   if ((t & _e) !== 0)
     return !0;
-  if ((t & De) !== 0) {
+  if ((t & Oe) !== 0) {
     var n = e.deps, r = (t & ne) !== 0;
     if (n !== null) {
       var s, i, o = (t & Ft) !== 0, l = r && x !== null && !we, c = n.length;
@@ -753,7 +753,7 @@ function nt(e) {
         ), i.wv > e.wv)
           return !0;
     }
-    (!r || x !== null && !we) && ie(e, q);
+    (!r || x !== null && !we) && ie(e, J);
   }
   return !1;
 }
@@ -771,7 +771,7 @@ function Mn(e, t) {
   throw Et = !1, e;
 }
 function jn(e) {
-  return (e.f & Ot) === 0 && (e.parent === null || (e.parent.f & Rt) === 0);
+  return (e.f & Dt) === 0 && (e.parent === null || (e.parent.f & Rt) === 0);
 }
 function It(e, t, n, r) {
   if (Et) {
@@ -832,7 +832,7 @@ function $r(e, t, n = !0) {
         i,
         t,
         !1
-      ) : t === i && (n ? ie(i, _e) : (i.f & q) !== 0 && ie(i, De), At(
+      ) : t === i && (n ? ie(i, _e) : (i.f & J) !== 0 && ie(i, Oe), At(
         /** @type {Effect} */
         i
       )));
@@ -842,7 +842,7 @@ function Rr(e) {
   var g;
   var t = j, n = X, r = ee, s = R, i = we, o = ge, l = B, c = ae, a = e.f;
   j = /** @type {null | Value[]} */
-  null, X = 0, ee = null, we = (a & ne) !== 0 && (ae || !Le || R === null), R = (a & (ve | Oe)) === 0 ? e : null, ge = null, qn(e.ctx), ae = !1, St++, e.f |= tn;
+  null, X = 0, ee = null, we = (a & ne) !== 0 && (ae || !Le || R === null), R = (a & (ve | De)) === 0 ? e : null, ge = null, Jn(e.ctx), ae = !1, St++, e.f |= tn;
   try {
     var u = (
       /** @type {Function} */
@@ -859,7 +859,7 @@ function Rr(e) {
         for (f = X; f < d.length; f++)
           ((g = d[f]).reactions ?? (g.reactions = [])).push(e);
     } else d !== null && X < d.length && (Pt(e, X), d.length = X);
-    if (zt() && ee !== null && !ae && d !== null && (e.f & (fe | De | _e)) === 0)
+    if (zt() && ee !== null && !ae && d !== null && (e.f & (fe | Oe | _e)) === 0)
       for (f = 0; f < /** @type {Source[]} */
       ee.length; f++)
         $r(
@@ -870,7 +870,7 @@ function Rr(e) {
     return s !== null && (St++, ee !== null && (r === null ? r = ee : r.push(.../** @type {Source[]} */
     ee))), u;
   } finally {
-    j = t, X = n, ee = r, R = s, we = i, ge = o, qn(l), ae = c, e.f ^= tn;
+    j = t, X = n, ee = r, R = s, we = i, ge = o, Jn(l), ae = c, e.f ^= tn;
   }
 }
 function Gs(e, t) {
@@ -885,7 +885,7 @@ function Gs(e, t) {
   n === null && (t.f & fe) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
   // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
   // allows us to skip the expensive work of disconnecting and immediately reconnecting it
-  (j === null || !j.includes(t)) && (ie(t, De), (t.f & (ne | Ft)) === 0 && (t.f ^= Ft), mr(
+  (j === null || !j.includes(t)) && (ie(t, Oe), (t.f & (ne | Ft)) === 0 && (t.f ^= Ft), mr(
     /** @type {Derived} **/
     t
   ), Pt(
@@ -902,8 +902,8 @@ function Pt(e, t) {
 }
 function Nt(e) {
   var t = e.f;
-  if ((t & Ot) === 0) {
-    ie(e, q);
+  if ((t & Dt) === 0) {
+    ie(e, J);
     var n = x, r = B, s = Le;
     x = e, Le = !0;
     {
@@ -967,7 +967,7 @@ function Hs(e) {
   if (t !== 0)
     for (var n = 0; n < t; n++) {
       var r = e[n];
-      if ((r.f & (Ot | He)) === 0)
+      if ((r.f & (Dt | He)) === 0)
         try {
           nt(r) && (Nt(r), r.deps === null && r.first === null && r.nodes_start === null && (r.teardown === null ? xr(r) : r.fn = null));
         } catch (s) {
@@ -980,21 +980,21 @@ function At(e) {
   for (var t = Bt = e; t.parent !== null; ) {
     t = t.parent;
     var n = t.f;
-    if ((n & (Oe | ve)) !== 0) {
-      if ((n & q) === 0) return;
-      t.f ^= q;
+    if ((n & (De | ve)) !== 0) {
+      if ((n & J) === 0) return;
+      t.f ^= J;
     }
   }
   at.push(t);
 }
 function Ys(e) {
   for (var t = [], n = e; n !== null; ) {
-    var r = n.f, s = (r & (ve | Oe)) !== 0, i = s && (r & q) !== 0;
+    var r = n.f, s = (r & (ve | De)) !== 0, i = s && (r & J) !== 0;
     if (!i && (r & He) === 0) {
       if ((r & sr) !== 0)
         t.push(n);
       else if (s)
-        n.f ^= q;
+        n.f ^= J;
       else {
         var o = R;
         try {
@@ -1105,7 +1105,7 @@ function Ne(e, t, n, r = !0) {
 }
 function ti(e) {
   const t = Ne(kt, null, !1);
-  return ie(t, q), t.teardown = e, t;
+  return ie(t, J), t.teardown = e, t;
 }
 function Ee(e) {
   Ks("$effect");
@@ -1128,13 +1128,13 @@ function Ee(e) {
   }
 }
 function ni(e) {
-  const t = Ne(Oe, e, !0);
+  const t = Ne(De, e, !0);
   return () => {
     me(t);
   };
 }
 function ri(e) {
-  const t = Ne(Oe, e, !0);
+  const t = Ne(De, e, !0);
   return (n = {}) => new Promise((r) => {
     n.outro ? on(t, () => {
       me(t), r(void 0);
@@ -1175,7 +1175,7 @@ function Br(e, t = !1) {
   var n = e.first;
   for (e.first = e.last = null; n !== null; ) {
     var r = n.next;
-    (n.f & Oe) !== 0 ? n.parent = null : me(n, t), n = r;
+    (n.f & De) !== 0 ? n.parent = null : me(n, t), n = r;
   }
 }
 function si(e) {
@@ -1196,7 +1196,7 @@ function me(e, t = !0) {
     }
     n = !0;
   }
-  Br(e, t && !n), Pt(e, 0), ie(e, Ot);
+  Br(e, t && !n), Pt(e, 0), ie(e, Dt);
   var o = e.transitions;
   if (o !== null)
     for (const c of o)
@@ -1240,7 +1240,7 @@ function Vn(e) {
 }
 function Pr(e, t) {
   if ((e.f & He) !== 0) {
-    e.f ^= He, (e.f & q) === 0 && (e.f ^= q), nt(e) && (ie(e, _e), At(e));
+    e.f ^= He, (e.f & J) === 0 && (e.f ^= J), nt(e) && (ie(e, _e), At(e));
     for (var n = e.first; n !== null; ) {
       var r = n.next, s = (n.f & hn) !== 0 || (n.f & ve) !== 0;
       Pr(n, s ? t : !1), n = r;
@@ -1302,7 +1302,7 @@ function En(e) {
     r.end = t, r.component = e;
   }
 }
-function Jn(e, t) {
+function qn(e, t) {
   if (t.owners !== null)
     for (; e; ) {
       if (e.owners === null) {
@@ -1333,10 +1333,10 @@ function ai(e) {
   const t = Lr();
   if (t && !Tr(e, t)) {
     let n = kr(e);
-    n[P] !== t[P] ? Dn(t[P], n[P]) : Dn();
+    n[P] !== t[P] ? On(t[P], n[P]) : On();
   }
 }
-function Or(e) {
+function Dr(e) {
   {
     const t = new Error(`lifecycle_outside_component
 \`${e}(...)\` can only be used during component initialisation
@@ -1345,7 +1345,7 @@ https://svelte.dev/e/lifecycle_outside_component`);
   }
 }
 let B = null;
-function qn(e) {
+function Jn(e) {
   B = e;
 }
 let ke = null;
@@ -1419,18 +1419,18 @@ function gi(e, t) {
 function Ce(e, t, n) {
   return (...r) => {
     const s = e(...r);
-    var i = D ? s : s.nodeType === 11 ? s.firstChild : s;
-    return Dr(i, t, n), s;
+    var i = O ? s : s.nodeType === 11 ? s.firstChild : s;
+    return Or(i, t, n), s;
   };
 }
 function pi(e, t, n) {
   e.__svelte_meta = {
     loc: { file: t, line: n[0], column: n[1] }
-  }, n[2] && Dr(e.firstChild, t, n[2]);
+  }, n[2] && Or(e.firstChild, t, n[2]);
 }
-function Dr(e, t, n) {
+function Or(e, t, n) {
   for (var r = 0, s = 0; e && r < n.length; ) {
-    if (D && e.nodeType === 8) {
+    if (O && e.nodeType === 8) {
       var i = (
         /** @type {Comment} */
         e
@@ -1481,16 +1481,16 @@ function _t(e) {
         var v = i.assignedSlot || i.parentNode || /** @type {any} */
         i.host || null;
         try {
-          var y = i["__" + r];
-          if (y != null && (!/** @type {any} */
+          var b = i["__" + r];
+          if (b != null && (!/** @type {any} */
           i.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
           // -> the target could not have been disabled because it emits the event in the first place
           e.target === i))
-            if (gn(y)) {
-              var [$, ...I] = y;
+            if (gn(b)) {
+              var [$, ...I] = b;
               $.apply(i, [e, ...I]);
             } else
-              y.call(i, e);
+              b.call(i, e);
         } catch (k) {
           f ? g.push(k) : f = k;
         }
@@ -1525,8 +1525,8 @@ function mt(e, t) {
 function Ue(e, t) {
   var n = (t & as) !== 0, r, s = !e.startsWith("<!>");
   return () => {
-    if (D)
-      return mt(O, null), O;
+    if (O)
+      return mt(D, null), D;
     r === void 0 && (r = Ir(s ? e : "<!>" + e), r = /** @type {Node} */
     /* @__PURE__ */ pt(r));
     var i = (
@@ -1537,8 +1537,8 @@ function Ue(e, t) {
   };
 }
 function he(e, t) {
-  if (D) {
-    x.nodes_end = O, gt();
+  if (O) {
+    x.nodes_end = D, gt();
     return;
   }
   e !== null && e.before(
@@ -1555,7 +1555,7 @@ function Nr(e, t) {
 }
 function _i(e, t) {
   rn(), t.intro = t.intro ?? !1;
-  const n = t.target, r = D, s = O;
+  const n = t.target, r = O, s = D;
   try {
     for (var i = (
       /** @type {TemplateNode} */
@@ -1566,25 +1566,25 @@ function _i(e, t) {
       /* @__PURE__ */ Ie(i);
     if (!i)
       throw We;
-    qe(!0), pe(
+    Je(!0), pe(
       /** @type {Comment} */
       i
     ), gt();
     const o = Ar(e, { ...t, anchor: i });
-    if (O === null || O.nodeType !== 8 || /** @type {Comment} */
-    O.data !== fn)
-      throw Dt(), We;
-    return qe(!1), /**  @type {Exports} */
+    if (D === null || D.nodeType !== 8 || /** @type {Comment} */
+    D.data !== fn)
+      throw Ot(), We;
+    return Je(!1), /**  @type {Exports} */
     o;
   } catch (o) {
     if (o === We)
-      return t.recover === !1 && Rs(), rn(), Js(n), qe(!1), Nr(e, t);
+      return t.recover === !1 && Rs(), rn(), qs(n), Je(!1), Nr(e, t);
     throw o;
   } finally {
-    qe(r), pe(s);
+    Je(r), pe(s);
   }
 }
-const Je = /* @__PURE__ */ new Map();
+const qe = /* @__PURE__ */ new Map();
 function Ar(e, { target: t, anchor: n, props: r = {}, events: s, context: i, intro: o = !0 }) {
   rn();
   var l = /* @__PURE__ */ new Set(), c = (d) => {
@@ -1594,8 +1594,8 @@ function Ar(e, { target: t, anchor: n, props: r = {}, events: s, context: i, int
         l.add(g);
         var v = di(g);
         t.addEventListener(g, _t, { passive: v });
-        var y = Je.get(g);
-        y === void 0 ? (document.addEventListener(g, _t, { passive: v }), Je.set(g, 1)) : Je.set(g, y + 1);
+        var b = qe.get(g);
+        b === void 0 ? (document.addEventListener(g, _t, { passive: v }), qe.set(g, 1)) : qe.set(g, b + 1);
       }
     }
   };
@@ -1611,19 +1611,19 @@ function Ar(e, { target: t, anchor: n, props: r = {}, events: s, context: i, int
         );
         f.c = i;
       }
-      s && (r.$$events = s), D && mt(
+      s && (r.$$events = s), O && mt(
         /** @type {TemplateNode} */
         d,
         null
-      ), a = e(d, r) || {}, D && (x.nodes_end = O), i && jt();
+      ), a = e(d, r) || {}, O && (x.nodes_end = D), i && jt();
     }), () => {
       for (var f of l) {
         t.removeEventListener(f, _t);
         var g = (
           /** @type {number} */
-          Je.get(f)
+          qe.get(f)
         );
-        --g === 0 ? (document.removeEventListener(f, _t), Je.delete(f)) : Je.set(f, g);
+        --g === 0 ? (document.removeEventListener(f, _t), qe.delete(f)) : qe.set(f, g);
       }
       Xn.delete(c), d !== n && d.parentNode?.removeChild(d);
     };
@@ -1651,14 +1651,14 @@ function Rn() {
   };
 }
 function ut(e, t, [n, r] = [0, 0]) {
-  D && n === 0 && gt();
-  var s = e, i = null, o = null, l = J, c = n > 0 ? hn : 0, a = !1;
+  O && n === 0 && gt();
+  var s = e, i = null, o = null, l = q, c = n > 0 ? hn : 0, a = !1;
   const u = (f, g = !0) => {
     a = !0, d(g, f);
   }, d = (f, g) => {
     if (l === (l = f)) return;
     let v = !1;
-    if (D && r !== -1) {
+    if (O && r !== -1) {
       if (n === 0) {
         const $ = (
           /** @type {Comment} */
@@ -1666,18 +1666,18 @@ function ut(e, t, [n, r] = [0, 0]) {
         );
         $ === Tt ? r = 0 : $ === un ? r = 1 / 0 : (r = parseInt($.substring(1)), r !== r && (r = l ? 1 / 0 : -1));
       }
-      const y = r > n;
-      !!l === y && (s = zs(), pe(s), qe(!1), v = !0, r = -1);
+      const b = r > n;
+      !!l === b && (s = zs(), pe(s), Je(!1), v = !0, r = -1);
     }
     l ? (i ? Vn(i) : g && (i = Lt(() => g(s))), o && on(o, () => {
       o = null;
     })) : (o ? Vn(o) : g && (o = Lt(() => g(s, [n + 1, r]))), i && on(i, () => {
       i = null;
-    })), v && qe(!0);
+    })), v && Je(!0);
   };
   yn(() => {
     a = !1, t(u), a || d(null, null);
-  }, c), D && (s = O);
+  }, c), O && (s = D);
 }
 function bi(e, t, n) {
   if (!t || t === ui(String(n ?? ""))) return;
@@ -1689,26 +1689,26 @@ function Hn(e, t, n, r, s) {
   var i = e, o = "", l;
   yn(() => {
     if (o === (o = t() ?? "")) {
-      D && gt();
+      O && gt();
       return;
     }
     l !== void 0 && (me(l), l = void 0), o !== "" && (l = Lt(() => {
-      if (D) {
+      if (O) {
         for (var c = (
           /** @type {Comment} */
-          O.data
+          D.data
         ), a = gt(), u = a; a !== null && (a.nodeType !== 8 || /** @type {Comment} */
         a.data !== ""); )
           u = a, a = /** @type {TemplateNode} */
           /* @__PURE__ */ Ie(a);
         if (a === null)
-          throw Dt(), We;
+          throw Ot(), We;
         bi(
           /** @type {Element} */
           a.parentNode,
           c,
           o
-        ), mt(O, u), i = pe(a);
+        ), mt(D, u), i = pe(a);
         return;
       }
       var d = o + "", f = Ir(d);
@@ -1746,9 +1746,9 @@ function wi(e, t, n) {
 }
 function Se(e, t, n, r, s, i) {
   var o = e.__className;
-  if (D || o !== n || o === void 0) {
+  if (O || o !== n || o === void 0) {
     var l = wi(n, r);
-    (!D || l !== e.getAttribute("class")) && (l == null ? e.removeAttribute("class") : e.className = l), e.__className = n;
+    (!O || l !== e.getAttribute("class")) && (l == null ? e.removeAttribute("class") : e.className = l), e.__className = n;
   }
   return i;
 }
@@ -1791,7 +1791,7 @@ function Mr(e = {}, t, n, r) {
   e("$state"), e("$effect"), e("$derived"), e("$inspect"), e("$props"), e("$bindable");
 }
 function Ei(e) {
-  B === null && Or("onMount"), Ke && B.l !== null ? Ri(B).m.push(e) : Ee(() => {
+  B === null && Dr("onMount"), Ke && B.l !== null ? Ri(B).m.push(e) : Ee(() => {
     const t = Te(e);
     if (typeof t == "function") return (
       /** @type {() => void} */
@@ -1800,7 +1800,7 @@ function Ei(e) {
   });
 }
 function $i(e) {
-  B === null && Or("onDestroy"), Ei(() => () => Te(e));
+  B === null && Dr("onDestroy"), Ei(() => () => Te(e));
 }
 function Ri(e) {
   var t = (
@@ -1831,12 +1831,12 @@ function U(e, t, n, r) {
   var u = Re in e || lr in e, d = o && (Pe(e, t)?.set ?? (u && t in e && ((F) => e[t] = F))) || void 0, f = (
     /** @type {V} */
     r
-  ), g = !0, v = !1, y = () => (v = !0, g && (g = !1, l ? f = Te(
+  ), g = !0, v = !1, b = () => (v = !0, g && (g = !1, l ? f = Te(
     /** @type {() => V} */
     r
   ) : f = /** @type {V} */
   r), f);
-  a === void 0 && r !== void 0 && (d && i && Fs(t), a = y(), d && d(a));
+  a === void 0 && r !== void 0 && (d && i && Fs(t), a = b(), d && d(a));
   var $;
   if (i)
     $ = () => {
@@ -1844,10 +1844,10 @@ function U(e, t, n, r) {
         /** @type {V} */
         e[t]
       );
-      return F === void 0 ? y() : (g = !0, v = !1, F);
+      return F === void 0 ? b() : (g = !0, v = !1, F);
     };
   else {
-    var I = (s ? ht : Ds)(
+    var I = (s ? ht : Os)(
       () => (
         /** @type {V} */
         e[t]
@@ -1875,7 +1875,7 @@ function U(e, t, n, r) {
     if (arguments.length > 0) {
       const W = M ? p(S) : i && o ? xe(F) : F;
       if (!S.equals(W)) {
-        if (A = !0, b(N, W), v && f !== void 0 && (f = W), Zn(S))
+        if (A = !0, y(N, W), v && f !== void 0 && (f = W), Zn(S))
           return F;
         Te(() => p(S));
       }
@@ -1913,7 +1913,7 @@ class Ui {
           return o === lr ? !0 : (p(n.get(o) ?? r(o, Reflect.get(i, o))), Reflect.has(i, o));
         },
         set(i, o, l) {
-          return b(n.get(o) ?? r(o, l), l), Reflect.set(i, o, l);
+          return y(n.get(o) ?? r(o, l), l), Reflect.set(i, o, l);
         }
       }
     );
@@ -2206,7 +2206,7 @@ function Ti(e) {
 const Un = () => {
   let e;
   return Ti(window) ? e = window.PIE_REGISTRY : (e = {}, window.PIE_REGISTRY = e), e;
-}, Jr = (e) => {
+}, qr = (e) => {
   if (!e)
     throw new Error("Parameter is required: input");
   const t = e.charAt(0) === "@" ? e.match(/^(@[^/]+\/[^/@]+)(?:\/([^@]+))?(?:@([\s\S]+))?/) : e.match(/^([^/@]+)(?:\/([^@]+))?(?:@([\s\S]+))?/);
@@ -2217,7 +2217,7 @@ const Un = () => {
     path: t[2] || "",
     version: t[3] || ""
   };
-}, ki = (e) => e.split("+").map((t) => Jr(t).name).join("+"), qr = (e, t, n) => {
+}, ki = (e) => e.split("+").map((t) => qr(t).name).join("+"), Jr = (e, t, n) => {
   if (!e)
     throw new Error("session data is required");
   const r = e.find((i) => i.id === t);
@@ -2272,7 +2272,7 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
     );
   }
   return r;
-}, H = Ae("pie-updates", () => Ze()), Oi = async (e, t, n, r, s, i) => {
+}, H = Ae("pie-updates", () => Ze()), Di = async (e, t, n, r, s, i) => {
   H.debug(`${i} Using controller, env:`, s), H.debug(`${i} Model before filter:`, {
     id: t.id,
     element: t.element,
@@ -2317,7 +2317,7 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
     if (!u)
       throw H.error("[updatePieElement] Model not found for", e, t), new Error(`model not found for ${e}`);
     H.debug(`[updatePieElement] Updating ${e}#${c.id}, env:`, s);
-    const d = qr(r, u.id, u.element);
+    const d = Jr(r, u.id, u.element);
     if (a.session = d, i && Object.entries(i).forEach(([f, g]) => {
       a.addEventListener(f, g);
     }), s && o) {
@@ -2326,7 +2326,7 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
         mode: s.mode,
         role: s.role,
         hasCorrectResponse: "correctResponse" in u
-      }), Oi(
+      }), Di(
         a,
         u,
         d,
@@ -2345,7 +2345,7 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
   H.debug("[updatePieElements] Updating all elements with env:", n), Object.entries(e.elements).forEach(([r, s]) => {
     cn(r, { config: e, session: t, env: n });
   });
-}, C = Ae("pie-initialization", () => Ze()), Di = {
+}, C = Ae("pie-initialization", () => Ze()), Oi = {
   buildServiceBase: Si,
   bundleType: z.player,
   // Default to player.js (no controllers, server-processed models)
@@ -2361,7 +2361,7 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
     );
     return;
   }
-  const c = qr(r, l.id, l.element);
+  const c = Jr(r, l.id, l.element);
   e.session = c, C.debug(`[initializePieElement] Session set for ${o}#${e.id}:`, c);
   const a = Qn(o);
   if (!s)
@@ -2448,12 +2448,12 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
         d.forEach((g) => {
           g.type === "childList" && g.addedNodes.forEach((v) => {
             if (v.nodeType === Node.ELEMENT_NODE) {
-              const y = v.tagName.toLowerCase();
-              r[y] && Kt(v, {
+              const b = v.tagName.toLowerCase();
+              r[b] && Kt(v, {
                 config: f.config,
                 session: f.session,
                 env: f.env,
-                eventListeners: s.eventListeners?.[y]
+                eventListeners: s.eventListeners?.[b]
               }), v.querySelectorAll("*").forEach(($) => {
                 const I = $.tagName.toLowerCase();
                 r[I] && Kt($, {
@@ -2488,7 +2488,7 @@ const se = Ae("pie-scoring", () => Ze()), Qn = (e) => {
       );
   }), i;
 }, nr = (e, t, n = {}) => {
-  const r = Un(), s = zr(Di, n);
+  const r = Un(), s = zr(Oi, n);
   if (Li(window)) {
     C.debug("[initializePiesFromLoadedBundle] window.pie available");
     const i = window.pie.default;
@@ -2775,16 +2775,58 @@ class Mi {
   /**
    * Check if resource is relevant to our container
    * Uses container-scoped tracking via MutationObserver
+   * Also retroactively checks if resource belongs to container if not yet tracked
    */
   isRelevantResource(t) {
-    const n = t.name, r = this.containerResources.has(n);
+    const n = t.name;
+    let r = this.containerResources.has(n);
     if (!r) {
       for (const s of this.containerResources)
         if (n.endsWith(s) || s.endsWith(n))
           return !0;
+      if (this.container && this.isResourceInContainer(n, t.initiatorType))
+        return this.containerResources.add(n), this.isDebugEnabled() && this.logger.debug(`📌 Retroactively tracked resource: ${this.truncateUrl(n)}`), !0;
     }
     return r;
   }
+  /**
+   * Check if a resource URL actually belongs to our container by checking DOM elements
+   * This is a fallback for resources that loaded before MutationObserver scanned
+   */
+  isResourceInContainer(t, n) {
+    if (!this.container)
+      return !1;
+    try {
+      const r = new URL(t), s = r.pathname + r.search;
+      if (n === "img" || n === "audio" || n === "video") {
+        const i = this.container.querySelectorAll(`${n}[src]`);
+        for (const o of i) {
+          const l = o;
+          if (l.src && (l.src === t || l.src.endsWith(s)))
+            return !0;
+        }
+      }
+      if (n === "link") {
+        const i = this.container.querySelectorAll("link[href]");
+        for (const o of i) {
+          const l = o;
+          if (l.href && (l.href === t || l.href.endsWith(s)))
+            return !0;
+        }
+      }
+      if (n === "source") {
+        const i = this.container.querySelectorAll("source[src]");
+        for (const o of i) {
+          const l = o;
+          if (l.src && (l.src === t || l.src.endsWith(s)))
+            return !0;
+        }
+      }
+    } catch (r) {
+      this.isDebugEnabled() && this.logger.debug(`Error checking if resource is in container: ${r}`);
+    }
+    return !1;
+  }
   /**
    * Set up error event handler for resource loading failures
    */
@@ -2943,11 +2985,16 @@ function zi(e, t, n, r = "pie-player") {
   let i = T(null), o = T(!1);
   return Ee(() => {
     const l = e(), c = t(), a = n();
+    if (!l && p(i)) {
+      s.debug(`Host element removed, stopping resource monitor for ${r}`), p(i).stop(), y(i, null), y(o, !1);
+      return;
+    }
     l && !p(o) && (s.debug(`Initializing resource monitor for ${r}`, {
       trackPageActions: c?.trackPageActions ?? !1,
       maxRetries: c?.maxResourceRetries ?? $e.maxResourceRetries,
-      retryDelay: c?.resourceRetryDelay ?? $e.resourceRetryDelay
-    }), b(
+      retryDelay: c?.resourceRetryDelay ?? $e.resourceRetryDelay,
+      hasContainer: !!l
+    }), y(
       i,
       new Mi({
         trackPageActions: c?.trackPageActions ?? !1,
@@ -2957,11 +3004,11 @@ function zi(e, t, n, r = "pie-player") {
         debug: a
       }),
       !0
-    ), p(i).start(l), b(o, !0), s.info(`✅ Resource monitoring enabled for ${r}` + (c?.trackPageActions ? " (with New Relic tracking)" : " (retry only)")));
+    ), p(i).start(l), y(o, !0), s.info(`✅ Resource monitoring enabled for ${r}` + (c?.trackPageActions ? " (with New Relic tracking)" : " (retry only)")));
   }), $i(() => {
     if (p(i)) {
       const l = p(i).getStats();
-      s.debug(`Resource monitor stats at cleanup for ${r}:`, l), p(i).stop(), b(i, null), b(o, !1);
+      s.debug(`Resource monitor stats at cleanup for ${r}:`, l), p(i).stop(), y(i, null), y(o, !1);
     }
   }), {
     get instance() {
@@ -2977,7 +3024,7 @@ function zi(e, t, n, r = "pie-player") {
 }
 wn();
 ue[P] = "src/lib/components/PieItemPlayer.svelte";
-var Vi = Ce(/* @__PURE__ */ Ue("<div><!></div>"), ue[P], [[265, 2]]), Ji = Ce(/* @__PURE__ */ Ue("<div><!></div>"), ue[P], [[271, 2]]), qi = Ce(/* @__PURE__ */ Ue('<div class="pie-item-player svelte-d1rctr"><!> <!></div>'), ue[P], [[263, 0]]);
+var Vi = Ce(/* @__PURE__ */ Ue("<div><!></div>"), ue[P], [[265, 2]]), qi = Ce(/* @__PURE__ */ Ue("<div><!></div>"), ue[P], [[271, 2]]), Ji = Ce(/* @__PURE__ */ Ue('<div class="pie-item-player svelte-d1rctr"><!> <!></div>'), ue[P], [[263, 0]]);
 const Wi = {
   hash: "svelte-d1rctr",
   code: `
@@ -2997,9 +3044,9 @@ const Wi = {
 function ue(e, t) {
   $n(new.target), Mt(t, !0, ue), Fn(e, Wi);
   const n = Ae("pie-item-player", () => Ze());
-  let r = U(t, "itemConfig", 7), s = U(t, "passageConfig", 7, null), i = U(t, "env", 23, () => ({ mode: "gather", role: "student" })), o = U(t, "session", 23, () => []), l = U(t, "addCorrectResponse", 7, !1), c = U(t, "customClassname", 7, ""), a = U(t, "passageContainerClass", 7, ""), u = U(t, "containerClass", 7, ""), d = U(t, "bundleType", 23, () => z.player), f = U(t, "loaderConfig", 7, $e), g = U(t, "onLoadComplete", 7), v = U(t, "onPlayerError", 7), y = U(t, "onSessionChanged", 7), $ = T(!1);
+  let r = U(t, "itemConfig", 7), s = U(t, "passageConfig", 7, null), i = U(t, "env", 23, () => ({ mode: "gather", role: "student" })), o = U(t, "session", 23, () => []), l = U(t, "addCorrectResponse", 7, !1), c = U(t, "customClassname", 7, ""), a = U(t, "passageContainerClass", 7, ""), u = U(t, "containerClass", 7, ""), d = U(t, "bundleType", 23, () => z.player), f = U(t, "loaderConfig", 7, $e), g = U(t, "onLoadComplete", 7), v = U(t, "onPlayerError", 7), b = U(t, "onSessionChanged", 7), $ = T(!1);
   const I = (m, h) => {
-    Q(m, "load-complete") && g() ? g()(h) : Q(m, "player-error") && v() ? v()(h) : Q(m, "session-changed") && y() && y()(h);
+    Q(m, "load-complete") && g() ? g()(h) : Q(m, "player-error") && v() ? v()(h) : Q(m, "session-changed") && b() && b()(h);
     const _ = new CustomEvent(m, {
       detail: h,
       bubbles: !0,
@@ -3026,7 +3073,7 @@ function ue(e, t) {
           n.warn(`[PieItemPlayer] Failed to create correct response for ${h.element}:`, w);
         }
     }
-    o().length = 0, o().push(...m), b($, !0), n.debug("[PieItemPlayer] Correct responses added to session:", o());
+    o().length = 0, o().push(...m), y($, !0), n.debug("[PieItemPlayer] Correct responses added to session:", o());
   }
   const A = K(() => [
     "pie-passage-container",
@@ -3049,24 +3096,24 @@ function ue(e, t) {
           sessionLength: o().length,
           addCorrectResponse: l(),
           env: i()
-        }), nr(r(), [], { env: i(), bundleType: d() }), n.debug("[PieItemPlayer] Item bundle initialized (bundle type: %s)", d()), s() && (nr(s(), [], { env: i(), bundleType: d() }), n.debug("[PieItemPlayer] Passage bundle initialized (bundle type: %s)", d())), await k(), n.debug("[PieItemPlayer] Updating elements with session (length=" + o().length + ")"), bt(r(), o(), i()), s() && bt(s(), o(), i()), b(S, !0), !p(F)) {
+        }), nr(r(), [], { env: i(), bundleType: d() }), n.debug("[PieItemPlayer] Item bundle initialized (bundle type: %s)", d()), s() && (nr(s(), [], { env: i(), bundleType: d() }), n.debug("[PieItemPlayer] Passage bundle initialized (bundle type: %s)", d())), await k(), n.debug("[PieItemPlayer] Updating elements with session (length=" + o().length + ")"), bt(r(), o(), i()), s() && bt(s(), o(), i()), y(S, !0), !p(F)) {
           const m = document.querySelector(".pie-item-player"), h = (_) => {
             if (p(M))
               return;
             const w = _;
-            n.debug("[PieItemPlayer] session-changed event received from PIE element"), b(M, !0);
+            n.debug("[PieItemPlayer] session-changed event received from PIE element"), y(M, !0);
             try {
               I("session-changed", w.detail);
             } finally {
               setTimeout(
                 () => {
-                  b(M, !1);
+                  y(M, !1);
                 },
                 0
               );
             }
           };
-          m && (m.addEventListener("session-changed", h), b(F, !0), n.debug("[PieItemPlayer] session-changed listener attached to root element"));
+          m && (m.addEventListener("session-changed", h), y(F, !0), n.debug("[PieItemPlayer] session-changed listener attached to root element"));
         }
         n.debug("[PieItemPlayer] ✅ Initialization complete, dispatching load-complete event"), I("load-complete");
       } catch (m) {
@@ -3084,7 +3131,7 @@ function ue(e, t) {
       }
     }));
   });
-  var Y = qi(), je = le(Y);
+  var Y = Ji(), je = le(Y);
   {
     var Be = (m) => {
       var h = Vi(), _ = le(h);
@@ -3096,15 +3143,15 @@ function ue(e, t) {
   }
   var Vt = sn(je, 2);
   {
-    var Jt = (m) => {
-      var h = Ji(), _ = le(h);
+    var qt = (m) => {
+      var h = qi(), _ = le(h);
       Hn(_, () => r().markup), oe(h), Xe(() => Se(h, 1, p(N), "svelte-d1rctr")), he(m, h);
     };
     ut(Vt, (m) => {
-      r()?.markup && m(Jt);
+      r()?.markup && m(qt);
     });
   }
-  return oe(Y), Mr(Y, (m) => b(W, m), () => p(W)), he(e, Y), jt({
+  return oe(Y), Mr(Y, (m) => y(W, m), () => p(W)), he(e, Y), jt({
     get itemConfig() {
       return r();
     },
@@ -3178,10 +3225,10 @@ function ue(e, t) {
       v(m), E();
     },
     get onSessionChanged() {
-      return y();
+      return b();
     },
     set onSessionChanged(m) {
-      y(m), E();
+      b(m), E();
     },
     ...Rn()
   });
@@ -3319,7 +3366,7 @@ const en = (e) => {
       existingVersion: a[1].replace(/-/g, ".")
     } : { baseName: c };
   }, r = (c, a) => {
-    const { baseName: u, existingVersion: d } = n(c), { version: f } = Jr(a);
+    const { baseName: u, existingVersion: d } = n(c), { version: f } = qr(a);
     return d !== f ? `${u}${t}${f.replace(/\./g, "-")}` : c;
   }, s = Object.entries(e.config.elements).reduce(
     (c, [a, u]) => {
@@ -3409,7 +3456,7 @@ const eo = {
 };
 function Qe(e, t) {
   $n(new.target), Mt(t, !0, Qe), Fn(e, eo);
-  let n = U(t, "config", 7, null), r = U(t, "session", 23, () => ({ id: "", data: [] })), s = U(t, "env", 23, () => ({ mode: "gather", role: "student" })), i = U(t, "addCorrectResponse", 7, !1), o = U(t, "renderStimulus", 7, !0), l = U(t, "allowedResize", 7, !1), c = U(t, "showBottomBorder", 7, !1), a = U(t, "debug", 7, ""), u = U(t, "customClassname", 7, ""), d = U(t, "containerClass", 7, ""), f = U(t, "passageContainerClass", 7, ""), g = U(t, "externalStyleUrls", 7, ""), v = U(t, "bundleType", 7, "player.js"), y = U(t, "loaderConfig", 7, $e);
+  let n = U(t, "config", 7, null), r = U(t, "session", 23, () => ({ id: "", data: [] })), s = U(t, "env", 23, () => ({ mode: "gather", role: "student" })), i = U(t, "addCorrectResponse", 7, !1), o = U(t, "renderStimulus", 7, !0), l = U(t, "allowedResize", 7, !1), c = U(t, "showBottomBorder", 7, !1), a = U(t, "debug", 7, ""), u = U(t, "customClassname", 7, ""), d = U(t, "containerClass", 7, ""), f = U(t, "passageContainerClass", 7, ""), g = U(t, "externalStyleUrls", 7, ""), v = U(t, "bundleType", 7, "player.js"), b = U(t, "loaderConfig", 7, $e);
   const $ = Q(typeof window, "undefined", !1) && Q(typeof document, "undefined", !1), I = K(() => {
     if (Q(a(), void 0, !1) && Q(a(), null, !1)) {
       const _ = String(a()), w = !(Q(_.toLowerCase(), "false") || Q(_, "0") || Q(_, ""));
@@ -3432,13 +3479,13 @@ function Qe(e, t) {
         const h = Q(typeof n(), "string") ? JSON.parse(n()) : n();
         if (h.pie && h.passage) {
           const _ = en({ config: h.pie }), w = en({ config: h.passage });
-          b(S, _.config, !0), b(F, o() ? w.config : null, !0), b(A, !1), b(N, null);
+          y(S, _.config, !0), y(F, o() ? w.config : null, !0), y(A, !1), y(N, null);
         } else if (h.elements || h.models || h.markup) {
           const _ = en({ config: h });
-          b(S, _.config, !0), b(F, null), b(A, !1), b(N, null);
+          y(S, _.config, !0), y(F, null), y(A, !1), y(N, null);
         } else {
           const _ = "Invalid config: must contain elements, models, and markup, or pie/passage structure";
-          if (b(N, _), b(A, !1), $ && y()?.trackPageActions)
+          if (y(N, _), y(A, !1), $ && b()?.trackPageActions)
             try {
               const w = window?.newrelic;
               w && Q(typeof w.noticeError, "function") && w.noticeError(new Error(_), {
@@ -3451,7 +3498,7 @@ function Qe(e, t) {
         }
       } catch (h) {
         const _ = `Error parsing config: ${h.message}`;
-        if (b(N, _), b(A, !1), $ && y()?.trackPageActions)
+        if (y(N, _), y(A, !1), $ && b()?.trackPageActions)
           try {
             const w = window?.newrelic;
             w && Q(typeof w.noticeError, "function") && w.noticeError(h, {
@@ -3463,7 +3510,7 @@ function Qe(e, t) {
           }
       }
     } else
-      b(S, null), b(F, null), b(A, !0);
+      y(S, null), y(F, null), y(A, !0);
   });
   const Me = async (h) => {
     if (!(!$ || !h || Q(typeof h, "string", !1))) {
@@ -3513,7 +3560,7 @@ function Qe(e, t) {
   Se(Be, 1, `pie-fixed-player ${W ?? ""}`);
   var Vt = le(Be);
   {
-    var Jt = (h) => {
+    var qt = (h) => {
       var _ = Hi(), w = sn(le(_), 2), re = le(w, !0);
       oe(w), oe(_), Xe(() => vi(re, p(N))), he(h, _);
     }, m = (h, _) => {
@@ -3523,9 +3570,9 @@ function Qe(e, t) {
         }, re = (Z, Wr) => {
           {
             var Gr = (ze) => {
-              var ye = Yi(), Ve = le(ye), qt = le(Ve);
+              var ye = Yi(), Ve = le(ye), Jt = le(Ve);
               const Wt = K(() => Q(typeof s(), "string") ? JSON.parse(s()) : s()), Gt = K(() => (Q(typeof r(), "string") ? JSON.parse(r()) : r()).data || []), be = K(() => Q(v(), "client-player.js") ? z.clientPlayer : z.player);
-              ue(qt, {
+              ue(Jt, {
                 get itemConfig() {
                   return p(F);
                 },
@@ -3573,7 +3620,7 @@ function Qe(e, t) {
               }), he(ze, ye);
             }, Xr = (ze) => {
               var ye = Zi(), Ve = le(ye);
-              const qt = K(() => Q(typeof s(), "string") ? JSON.parse(s()) : s()), Wt = K(() => (Q(typeof r(), "string") ? JSON.parse(r()) : r()).data || []), Gt = K(() => Q(v(), "client-player.js") ? z.clientPlayer : z.player);
+              const Jt = K(() => Q(typeof s(), "string") ? JSON.parse(s()) : s()), Wt = K(() => (Q(typeof r(), "string") ? JSON.parse(r()) : r()).data || []), Gt = K(() => Q(v(), "client-player.js") ? z.clientPlayer : z.player);
               ue(Ve, {
                 get itemConfig() {
                   return p(S);
@@ -3582,7 +3629,7 @@ function Qe(e, t) {
                   return p(F);
                 },
                 get env() {
-                  return p(qt);
+                  return p(Jt);
                 },
                 get session() {
                   return p(Wt);
@@ -3601,7 +3648,7 @@ function Qe(e, t) {
                   return p(Gt);
                 },
                 get loaderConfig() {
-                  return y();
+                  return b();
                 },
                 onLoadComplete: (be) => Y(new CustomEvent("load-complete", { detail: be })),
                 onPlayerError: (be) => Y(new CustomEvent("player-error", { detail: be })),
@@ -3627,10 +3674,10 @@ function Qe(e, t) {
       }
     };
     ut(Vt, (h) => {
-      p(N) ? h(Jt) : h(m, !1);
+      p(N) ? h(qt) : h(m, !1);
     });
   }
-  return oe(Be), Mr(Be, (h) => b(M, h), () => p(M)), he(e, Be), jt({
+  return oe(Be), Mr(Be, (h) => y(M, h), () => p(M)), he(e, Be), jt({
     get config() {
       return n();
     },
@@ -3710,10 +3757,10 @@ function Qe(e, t) {
       v(h), E();
     },
     get loaderConfig() {
-      return y();
+      return b();
     },
     set loaderConfig(h = $e) {
-      y(h), E();
+      b(h), E();
     },
     ...Rn()
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-framework/pie-fixed-player-static",
-  "version": "1.0.0-152280c.2",
+  "version": "1.0.0-152280c.4",
   "description": "PIE fixed player static bundle containing: categorize, drag-in-the-blank, hotspot, image-cloze-association, multiple-choice. Production-ready, self-contained package with pre-bundled elements (hash: 152280c).",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -25,9 +25,9 @@
   "license": "MIT",
   "pie": {
     "bundleHash": "152280c",
-    "iteration": 2,
+    "iteration": 4,
     "loaderVersion": "1.0.0",
-    "generatedAt": "2025-11-04T02:40:45.482Z",
+    "generatedAt": "2025-11-10T19:08:53.201Z",
     "elements": {
       "@pie-element/categorize": "11.3.2",
       "@pie-element/drag-in-the-blank": "8.3.2",