@pie-players/pie-assessment-player 0.3.70 → 0.3.72

package/dist/pie-assessment-player.js

@@ -1,15 +1,16 @@
 import "@pie-players/pie-section-player/components/section-player-splitpane-element";
 import "@pie-players/pie-section-player/components/section-player-vertical-element";
-import { coerceBooleanLike as $, defineCustomElementSafely as H } from "@pie-players/pie-players-shared";
-import { createNewAssessmentSession as ne, frameworkErrorFromUnknown as ie, setCurrentSectionPosition as se, upsertSectionSession as oe } from "@pie-players/pie-assessment-toolkit";
-var P = (e) => {
+import { SECTION_PLAYER_PUBLIC_EVENTS as x } from "@pie-players/pie-section-player/contracts/public-events";
+import { coerceBooleanLike as L, defineCustomElementSafely as V } from "@pie-players/pie-players-shared";
+import { createNewAssessmentSession as re, frameworkErrorFromUnknown as ae, setCurrentSectionPosition as le, upsertSectionSession as ce } from "@pie-players/pie-assessment-toolkit";
+var S = (e) => {
   if (e === null || typeof e != "object") return e;
-  if (Array.isArray(e)) return e.map(P);
+  if (Array.isArray(e)) return e.map(S);
   const t = {};
-  for (const n in e) Object.hasOwn(e, n) && (t[n] = P(e[n]));
+  for (const i in e) Object.hasOwn(e, i) && (t[i] = S(e[i]));
   return t;
-}, q = "https://proxy.pie-api.com", re = `${q}/bundles/`;
-function j(e) {
+}, Y = "https://proxy.pie-api.com", de = `${Y}/bundles/`;
+function W(e) {
   try {
     const t = {
       BASE_URL: "/",
@@ -22,170 +23,170 @@ function j(e) {
   } catch {
   }
 }
-var Xe = typeof window < "u" && window.PIE_BUILDER_ORIGIN_URL || j("PUBLIC_BUILDER_ORIGIN_URL") || q, ae = typeof window < "u" && window.PIE_BUILDER_BUNDLE_URL || j("PUBLIC_BUILDER_BUNDLE_URL") || re, le = {
+var nt = typeof window < "u" && window.PIE_BUILDER_ORIGIN_URL || W("PUBLIC_BUILDER_ORIGIN_URL") || Y, ue = typeof window < "u" && window.PIE_BUILDER_BUNDLE_URL || W("PUBLIC_BUILDER_BUNDLE_URL") || de, he = {
   retryDelayMs: 3e3,
   timeoutMs: 12e4
 };
-function y(e) {
+function w(e) {
   "@babel/helpers - typeof";
-  return y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return w = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, y(e);
+  }, w(e);
 }
-function ce(e, t) {
-  if (y(e) != "object" || !e) return e;
-  var n = e[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var i = n.call(e, t || "default");
-    if (y(i) != "object") return i;
+function pe(e, t) {
+  if (w(e) != "object" || !e) return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var s = i.call(e, t || "default");
+    if (w(s) != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-function de(e) {
-  var t = ce(e, "string");
-  return y(t) == "symbol" ? t : t + "";
+function me(e) {
+  var t = pe(e, "string");
+  return w(t) == "symbol" ? t : t + "";
 }
-function a(e, t, n) {
-  return (t = de(t)) in e ? Object.defineProperty(e, t, {
-    value: n,
+function a(e, t, i) {
+  return (t = me(t)) in e ? Object.defineProperty(e, t, {
+    value: i,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[t] = n, e;
+  }) : e[t] = i, e;
 }
-var T;
+var D;
 (function(e) {
   e.SAVE = "save", e.MODEL = "model", e.SCORE = "score", e.MANUAL_SCORE = "manual-score";
-})(T || (T = {}));
-var N;
+})(D || (D = {}));
+var _;
 (function(e) {
   e.AUTO = "auto", e.MANUAL = "manual";
-})(N || (N = {}));
-var L;
+})(_ || (_ = {}));
+var U;
 (function(e) {
   e.GATHER = "gather", e.VIEW = "view", e.EVALUATE = "evaluate";
-})(L || (L = {}));
-var x;
+})(U || (U = {}));
+var M;
 (function(e) {
   e.PENDING = "pending", e.IN_PROGRESS = "in_progress", e.COMPLETED = "completed", e.FAILED = "failed";
-})(x || (x = {}));
-var ue = class V extends CustomEvent {
-  constructor(t, n = !1) {
-    super(V.TYPE, {
+})(M || (M = {}));
+var ge = class Q extends CustomEvent {
+  constructor(t, i = !1) {
+    super(Q.TYPE, {
       bubbles: !0,
       detail: {
         update: t,
-        reset: n
+        reset: i
       }
-    }), a(this, "update", void 0), a(this, "reset", void 0), this.update = t, this.reset = n;
+    }), a(this, "update", void 0), a(this, "reset", void 0), this.update = t, this.reset = i;
   }
 };
-a(ue, "TYPE", "model.updated");
-var he = class Y extends CustomEvent {
-  constructor(t, n) {
-    super(Y.TYPE, {
+a(ge, "TYPE", "model.updated");
+var fe = class J extends CustomEvent {
+  constructor(t, i) {
+    super(J.TYPE, {
       bubbles: !0,
       detail: {
         src: t,
-        done: n
+        done: i
       }
-    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = n;
+    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = i;
   }
 };
-a(he, "TYPE", "delete.image");
-var pe = class W extends CustomEvent {
+a(fe, "TYPE", "delete.image");
+var ve = class K extends CustomEvent {
   constructor(t) {
-    super(W.TYPE, {
+    super(K.TYPE, {
       bubbles: !0,
       detail: t
     }), a(this, "handler", void 0), this.handler = t;
   }
 };
-a(pe, "TYPE", "insert.image");
-var me = class J extends CustomEvent {
-  constructor(t, n) {
-    super(J.TYPE, {
+a(ve, "TYPE", "insert.image");
+var ye = class Z extends CustomEvent {
+  constructor(t, i) {
+    super(Z.TYPE, {
       bubbles: !0,
       detail: {
         src: t,
-        done: n
+        done: i
       }
-    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = n;
+    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = i;
   }
 };
-a(me, "TYPE", "delete.sound");
-var ge = class Q extends CustomEvent {
+a(ye, "TYPE", "delete.sound");
+var be = class X extends CustomEvent {
   constructor(t) {
-    super(Q.TYPE, {
+    super(X.TYPE, {
       bubbles: !0,
       detail: t
     }), a(this, "handler", void 0), this.handler = t;
   }
 };
-a(ge, "TYPE", "insert.sound");
-var fe = class K extends CustomEvent {
-  constructor(t, n) {
-    super(K.TYPE, {
+a(be, "TYPE", "insert.sound");
+var Se = class ee extends CustomEvent {
+  constructor(t, i) {
+    super(ee.TYPE, {
       bubbles: !0,
       composed: !0,
       detail: {
-        complete: n,
+        complete: i,
         component: t
       }
-    }), a(this, "component", void 0), a(this, "complete", void 0), this.component = t, this.complete = n;
+    }), a(this, "component", void 0), a(this, "complete", void 0), this.component = t, this.complete = i;
   }
 };
-a(fe, "TYPE", "session-changed");
-var D;
+a(Se, "TYPE", "session-changed");
+var F;
 (function(e) {
   e[e.ROOT = 0] = "ROOT", e[e.SUBJECT = 1] = "SUBJECT", e[e.LEVEL = 2] = "LEVEL", e[e.STANDARD = 3] = "STANDARD";
-})(D || (D = {}));
-function u(e, t) {
-  const n = `[${e}]`;
+})(F || (F = {}));
+function v(e, t) {
+  const i = `[${e}]`;
   return {
-    debug: (i, ...s) => {
-      t() && console.debug(n, i, ...s);
+    debug: (s, ...n) => {
+      t() && console.debug(i, s, ...n);
     },
-    info: (i, ...s) => console.info(n, i, ...s),
-    warn: (i, ...s) => console.warn(n, i, ...s),
-    error: (i, ...s) => console.error(n, i, ...s)
+    info: (s, ...n) => console.info(i, s, ...n),
+    warn: (s, ...n) => console.warn(i, s, ...n),
+    error: (s, ...n) => console.error(i, s, ...n)
   };
 }
-function h() {
+function y() {
   return typeof window < "u" && window.PIE_DEBUG === !0;
 }
-var C;
+var T;
 (function(e) {
   e.player = "player.js", e.clientPlayer = "client-player.js", e.editor = "editor.js";
-})(C || (C = {}));
-var U;
+})(T || (T = {}));
+var B;
 (function(e) {
   e.loading = "loading", e.loaded = "loaded";
-})(U || (U = {}));
-var et = u("pie-scoring", () => h()), tt = u("pie-initialize-element", () => h()), nt = u("math-rendering", () => h()), it = u("pie-updates", () => h()), st = u("pie-initialization", () => h()), ot = le.timeoutMs, rt = {
-  buildServiceBase: ae,
-  bundleType: C.player,
+})(B || (B = {}));
+var ot = v("pie-scoring", () => y()), rt = v("pie-initialize-element", () => y()), at = v("math-rendering", () => y()), lt = v("pie-updates", () => y()), ct = v("pie-initialization", () => y()), dt = he.timeoutMs, ut = {
+  buildServiceBase: ue,
+  bundleType: T.player,
   env: {
     mode: "gather",
     role: "student"
   }
-}, at = u("pie-element-observer", () => h()), lt = u("asset-handler", () => h()), ct = u("authoring", () => h());
-function Z(e) {
+}, ht = v("pie-element-observer", () => y()), pt = v("asset-handler", () => y()), mt = v("authoring", () => y());
+function te(e) {
   if (!e || typeof e != "object") return !1;
   const t = e;
   return typeof t.providerId == "string" && typeof t.providerName == "string" && typeof t.initialize == "function" && typeof t.trackError == "function" && typeof t.trackEvent == "function" && typeof t.destroy == "function" && typeof t.isReady == "function";
 }
-var ve = u("instrumentation-event-bridge", () => h());
-function ye(e) {
+var we = v("instrumentation-event-bridge", () => y());
+function Ae(e) {
   return e && typeof e == "object" ? e : typeof e > "u" ? {} : { value: e };
 }
-function be(e) {
-  ve.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+function Ee(e) {
+  we.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
 }
-function Se(e) {
+function Ie(e) {
   try {
     e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
       component: e.component,
@@ -195,88 +196,88 @@ function Se(e) {
   } catch {
   }
 }
-function we(e) {
+function Pe(e) {
   if (!e.host || !e.eventMap.length) return () => {
   };
   if (!e.instrumentationProvider) return () => {
   };
-  if (!Z(e.instrumentationProvider))
-    return e.debug && be(e.component), () => {
+  if (!te(e.instrumentationProvider))
+    return e.debug && Ee(e.component), () => {
     };
-  const t = e.instrumentationProvider, n = [], i = Math.max(0, e.dedupeWindowMs ?? 0), s = /* @__PURE__ */ new Map(), o = (r, l) => {
-    const d = [
+  const t = e.instrumentationProvider, i = [], s = Math.max(0, e.dedupeWindowMs ?? 0), n = /* @__PURE__ */ new Map(), o = (r, l) => {
+    const p = [
       l.assessmentId,
       l.sectionId,
       l.attemptId,
       l.itemId,
       l.canonicalItemId,
       l.sourceRuntimeId
-    ].map((p) => String(p ?? "")).join("|");
-    return `${r.instrumentationEventName}|${d}`;
+    ].map((u) => String(u ?? "")).join("|");
+    return `${r.instrumentationEventName}|${p}`;
   };
   for (const r of e.eventMap) {
-    const l = (d) => {
+    const l = (p) => {
       try {
-        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(d)) return;
-        const p = ye(d.detail), f = (/* @__PURE__ */ new Date()).toISOString(), c = {
-          ...p,
+        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(p)) return;
+        const u = Ae(p.detail), d = (/* @__PURE__ */ new Date()).toISOString(), g = {
+          ...u,
           ...e.staticAttributes,
           component: e.component,
           sourceEventName: r.sourceEventName,
-          timestamp: f
+          timestamp: d
         };
-        if (i > 0) {
-          const g = Date.now(), k = o(r, c), R = s.get(k);
-          if (typeof R == "number" && g - R < i) return;
-          s.set(k, g);
+        if (s > 0) {
+          const h = Date.now(), c = o(r, g), f = n.get(c);
+          if (typeof f == "number" && h - f < s) return;
+          n.set(c, h);
         }
-        t.trackEvent(r.instrumentationEventName, { ...c });
-      } catch (p) {
-        Se({
+        t.trackEvent(r.instrumentationEventName, { ...g });
+      } catch (u) {
+        Ie({
           provider: t,
           component: e.component,
-          error: p,
+          error: u,
           sourceEventName: r.sourceEventName
         });
       }
     };
-    e.host.addEventListener(r.sourceEventName, l), n.push(() => {
+    e.host.addEventListener(r.sourceEventName, l), i.push(() => {
       e.host?.removeEventListener(r.sourceEventName, l);
     });
   }
   return () => {
-    for (const r of n) r();
+    for (const r of i) r();
   };
 }
-var Ae = class {
+var Ce = class {
   constructor() {
     a(this, "initialized", !1), a(this, "config", void 0);
   }
   trackError(e, t) {
     if (!this.guardedOperation("trackError", e, t) || !this.applyErrorFilter(e, t)) return;
-    const n = this.transformAttributes(t);
+    const i = this.transformAttributes(t);
     try {
-      this.doTrackError(e, n), this.config?.debug && console.log(`[${this.providerName}] Tracked error:`, e, n);
-    } catch (i) {
-      console.error(`[${this.providerName}] Error tracking error:`, i);
+      this.doTrackError(e, i), this.config?.debug && console.log(`[${this.providerName}] Tracked error:`, e, i);
+    } catch (s) {
+      console.error(`[${this.providerName}] Error tracking error:`, s);
     }
   }
   trackEvent(e, t) {
     if (!this.guardedOperation("trackEvent", e, t) || !this.applyEventFilter(e, t) || !this.applySampling(e)) return;
-    let n = this.transformAttributes(t);
-    n.timestamp || (n = {
-      ...n,
+    let i = this.transformAttributes(t);
+    i.timestamp || (i = {
+      ...i,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
     try {
-      this.doTrackEvent(e, n), this.config?.debug && console.log(`[${this.providerName}] Tracked event:`, e, n);
-    } catch (i) {
-      console.error(`[${this.providerName}] Error tracking event:`, i);
+      this.doTrackEvent(e, i), this.config?.debug && console.log(`[${this.providerName}] Tracked event:`, e, i);
+    } catch (s) {
+      console.error(`[${this.providerName}] Error tracking event:`, s);
     }
   }
-  trackMetric(e, t, n) {
+  trackMetric(e, t, i) {
     this.trackEvent(`metric:${e}`, {
-      ...n,
+      ...i,
       metricValue: t,
       metricName: e
     });
@@ -285,8 +286,8 @@ var Ae = class {
     if (this.guardedOperation("setUserContext", e, t))
       try {
         this.doSetUserContext(e, t), this.config?.debug && console.log(`[${this.providerName}] Set user context:`, e, t);
-      } catch (n) {
-        console.error(`[${this.providerName}] Error setting user context:`, n);
+      } catch (i) {
+        console.error(`[${this.providerName}] Error setting user context:`, i);
       }
   }
   setGlobalAttributes(e) {
@@ -312,7 +313,7 @@ var Ae = class {
   transformAttributes(e) {
     return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
   }
-}, Ie = class extends Ae {
+}, Re = class extends Ce {
   constructor(...e) {
     super(...e), a(this, "providerId", "newrelic"), a(this, "providerName", "New Relic");
   }
@@ -332,22 +333,22 @@ var Ae = class {
     window.newrelic.addPageAction(e, t);
   }
   doSetUserContext(e, t) {
-    const n = window.newrelic;
-    if (n.setUserId && n.setUserId(e), t && n.setCustomAttribute) for (const [i, s] of Object.entries(t)) n.setCustomAttribute(i, s);
+    const i = window.newrelic;
+    if (i.setUserId && i.setUserId(e), t && i.setCustomAttribute) for (const [s, n] of Object.entries(t)) i.setCustomAttribute(s, n);
   }
   doSetGlobalAttributes(e) {
     const t = window.newrelic;
-    if (t.setCustomAttribute) for (const [n, i] of Object.entries(e)) t.setCustomAttribute(n, i);
+    if (t.setCustomAttribute) for (const [i, s] of Object.entries(e)) t.setCustomAttribute(i, s);
   }
 };
-function M(e) {
+function z(e) {
   return e && typeof e == "object" ? e : {};
 }
-function F(e) {
-  const t = M(M(e).loaderConfig);
+function O(e) {
+  const t = z(z(e).loaderConfig);
   return Object.keys(t).length > 0 ? t : null;
 }
-function B(e) {
+function G(e) {
   if (!e || !("instrumentationProvider" in e)) return { kind: "unset" };
   const t = e.instrumentationProvider;
   return t === null ? { kind: "null" } : typeof t > "u" ? { kind: "unset" } : {
@@ -355,35 +356,35 @@ function B(e) {
     value: t
   };
 }
-function _(e) {
+function $(e) {
   if (!e || !("trackPageActions" in e)) return;
   const t = e.trackPageActions;
   return typeof t == "boolean" ? t : void 0;
 }
-function Ee(e, t) {
+function ke(e, t) {
   return e.kind === "value" || e.kind === "null" ? e : t;
 }
-var S, Pe = u("instrumentation-provider-resolution", () => h());
-function Ce() {
-  return S || (S = new Ie(), S.initialize()), S;
+var I, Le = v("instrumentation-provider-resolution", () => y());
+function Te() {
+  return I || (I = new Re(), I.initialize()), I;
 }
-function ke(e) {
-  const t = F(e.runtimePlayer), n = F(e.player), i = _(t), s = _(n), o = i ?? s ?? !1, r = Ee(B(t), B(n));
+function Ne(e) {
+  const t = O(e.runtimePlayer), i = O(e.player), s = $(t), n = $(i), o = s ?? n ?? !1, r = ke(G(t), G(i));
   if (r.kind !== "null") {
-    if (r.kind === "unset") return o ? Ce() : void 0;
-    if (Z(r.value)) return r.value;
+    if (r.kind === "unset") return o ? Te() : void 0;
+    if (te(r.value)) return r.value;
     if (e.debug) {
       const l = e.component ? `[${e.component}] ` : "";
-      Pe.warn(`${l}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+      Le.warn(`${l}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
     }
   }
 }
-var dt = Object.freeze([
+var gt = Object.freeze([
   "composed",
   "engine-ready",
   "interactive",
   "disposed"
-]), Re = [
+]), xe = [
   {
     sourceEventName: "assessment-controller-ready",
     instrumentationEventName: "pie-assessment-controller-ready"
@@ -416,7 +417,7 @@ var dt = Object.freeze([
     sourceEventName: "assessment-error",
     instrumentationEventName: "pie-assessment-error"
   }
-], ut = /* @__PURE__ */ new Set([
+], ft = /* @__PURE__ */ new Set([
   "id",
   "element",
   .../* @__PURE__ */ new Set([
@@ -425,32 +426,32 @@ var dt = Object.freeze([
     "timestamp",
     "sourceRuntimeId"
   ])
-]), ht = u("pie-overrides", () => h()), Te = { "nl-NL": () => import("./nl-NL-BnK-g-oc.js") }, Ne = ["en-US", "nl-NL"];
-async function Le(e) {
-  const t = Te[e];
+]), vt = v("pie-overrides", () => y()), De = { "nl-NL": () => import("./nl-NL-FLtEAIq9.js") }, _e = ["en-US", "nl-NL"];
+async function Ue(e) {
+  const t = De[e];
   if (!t) throw new Error(`No bundled i18n catalog for locale: ${e}`);
   return (await t()).default;
 }
-function b(e) {
+function A(e) {
   return e ? e.trim().replace(/_/g, "-").split(/[.@]/)[0].toLowerCase() : "";
 }
-function xe(e) {
-  const t = b(e);
+function Me(e) {
+  const t = A(e);
   if (!t) return [];
-  const n = t.split("-"), i = [];
-  for (let s = n.length; s > 0; s--) {
-    const o = n.slice(0, s);
-    o.length > 1 && o[o.length - 1].length === 1 || i.push(o.join("-"));
+  const i = t.split("-"), s = [];
+  for (let n = i.length; n > 0; n--) {
+    const o = i.slice(0, n);
+    o.length > 1 && o[o.length - 1].length === 1 || s.push(o.join("-"));
   }
-  return i;
+  return s;
 }
-function De(e, t) {
-  for (const n of xe(e)) {
-    const i = t.find((s) => b(s) === n);
-    if (i != null) return i;
+function Fe(e, t) {
+  for (const i of Me(e)) {
+    const s = t.find((n) => A(n) === i);
+    if (s != null) return s;
   }
 }
-var Ue = {
+var Be = {
   common: {
     close: "Close",
     cancel: "Cancel",
@@ -512,7 +513,9 @@ var Ue = {
     resizePassageAndMediaA11y: "Resize passage and media panels",
     assessment: {
       sectionPosition: "Section {position} of {total}",
-      noSections: "No sections"
+      noSections: "No sections",
+      loadFailed: "The assessment could not be loaded. Try again.",
+      restoreFailed: "Your saved answers for this section could not be restored. Try again."
     },
     formative: {
       checkAnswer: "Check answer",
@@ -949,7 +952,7 @@ var Ue = {
       coordinatorUnavailable: "Toolkit coordinator is not available for text-to-speech updates."
     }
   }
-}, E = "en-US", Me = /* @__PURE__ */ new Set([
+}, k = "en-US", ze = /* @__PURE__ */ new Set([
   "ar",
   "ckb",
   "dv",
@@ -965,7 +968,7 @@ var Ue = {
   "ug",
   "ur",
   "yi"
-]), Fe = /* @__PURE__ */ new Set([
+]), Oe = /* @__PURE__ */ new Set([
   "zero",
   "one",
   "two",
@@ -973,65 +976,65 @@ var Ue = {
   "many",
   "other"
 ]);
-function O(e) {
+function H(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.keys(e);
-  return t.length > 0 && t.every((n) => Fe.has(n));
+  return t.length > 0 && t.every((i) => Oe.has(i));
 }
-function z(e) {
+function q(e) {
   try {
-    const n = new Intl.Locale(e).textInfo;
-    if (n?.direction === "rtl" || n?.direction === "ltr") return n.direction;
+    const i = new Intl.Locale(e).textInfo;
+    if (i?.direction === "rtl" || i?.direction === "ltr") return i.direction;
   } catch {
   }
-  const t = b(e).split("-")[0] ?? "";
-  return Me.has(t) ? "rtl" : "ltr";
+  const t = A(e).split("-")[0] ?? "";
+  return ze.has(t) ? "rtl" : "ltr";
 }
-var X = class I {
+var ie = class R {
   constructor(t = {}) {
-    a(this, "locale", void 0), a(this, "fallbackLocale", void 0), a(this, "catalogs", void 0), a(this, "customMessages", void 0), a(this, "loading", void 0), a(this, "listeners", /* @__PURE__ */ new Set()), a(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = w(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[E, Ue]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
+    a(this, "locale", void 0), a(this, "fallbackLocale", void 0), a(this, "catalogs", void 0), a(this, "customMessages", void 0), a(this, "loading", void 0), a(this, "listeners", /* @__PURE__ */ new Set()), a(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = P(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, Be]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
   }
   async initialize(t) {
     if (this.config = {
       ...this.config,
       ...t
-    }, t.customMessages) for (const [n, i] of Object.entries(t.customMessages)) this.addCustomMessages(n, i);
+    }, t.customMessages) for (const [i, s] of Object.entries(t.customMessages)) this.addCustomMessages(i, s);
     await this.setLocale(t.locale ?? this.locale);
   }
   getLocale() {
     return this.locale;
   }
   async setLocale(t) {
-    const n = this.resolveLocaleTag(t);
-    if (!n) {
-      this.locale = w(t) || "en-US", this.notify();
+    const i = this.resolveLocaleTag(t);
+    if (!i) {
+      this.locale = P(t) || "en-US", this.notify();
       return;
     }
-    if (!this.catalogs.has(n)) {
-      const i = this.loading.get(n);
-      if (i) await i;
+    if (!this.catalogs.has(i)) {
+      const s = this.loading.get(i);
+      if (s) await s;
       else {
-        const s = this.loadCatalog(n);
-        this.loading.set(n, s);
+        const n = this.loadCatalog(i);
+        this.loading.set(i, n);
         try {
-          await s;
+          await n;
         } finally {
-          this.loading.delete(n);
+          this.loading.delete(i);
         }
       }
     }
-    this.locale = n, this.notify();
+    this.locale = i, this.notify();
   }
-  t(t, n) {
-    const i = this.lookup(t);
-    return i === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : G(i, n);
+  t(t, i) {
+    const s = this.lookup(t);
+    return s === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : j(s, i);
   }
-  plural(t, n) {
-    const i = this.lookupNode(t);
-    return i === void 0 || !O(i) ? this.t(t, n) : G(i[this.selectPluralCategory(n.count)] ?? i.other, n);
+  plural(t, i) {
+    const s = this.lookupNode(t);
+    return s === void 0 || !H(s) ? this.t(t, i) : j(s[this.selectPluralCategory(i.count)] ?? s.other, i);
   }
   getDirection() {
-    return z(this.locale);
+    return q(this.locale);
   }
   getAvailableLocales() {
     return [.../* @__PURE__ */ new Set([
@@ -1041,8 +1044,8 @@ var X = class I {
     ])];
   }
   isLocaleLoaded(t) {
-    const n = this.resolveLocaleTag(t);
-    return n !== void 0 && this.catalogs.has(n);
+    const i = this.resolveLocaleTag(t);
+    return i !== void 0 && this.catalogs.has(i);
   }
   subscribe(t) {
     return this.listeners.add(t), () => {
@@ -1052,217 +1055,223 @@ var X = class I {
   hasKey(t) {
     return this.lookup(t) !== void 0;
   }
-  addCustomMessages(t, n) {
-    const i = w(t);
-    this.customMessages[i] = ee(this.customMessages[i] ?? {}, n), this.notify();
+  addCustomMessages(t, i) {
+    const s = P(t);
+    this.customMessages[s] = se(this.customMessages[s] ?? {}, i), this.notify();
   }
   withLocale(t) {
-    const n = this.resolveLocaleTag(t) ?? w(t);
-    if (n === this.locale) return this;
-    const i = new I({
+    const i = this.resolveLocaleTag(t) ?? P(t);
+    if (i === this.locale) return this;
+    const s = new R({
       ...this.config,
-      locale: n
+      locale: i
     });
-    return i.locale = n || "en-US", i.catalogs = this.catalogs, i.customMessages = this.customMessages, i.loading = this.loading, i;
+    return s.locale = i || "en-US", s.catalogs = this.catalogs, s.customMessages = this.customMessages, s.loading = this.loading, s;
   }
-  formatNumber(t, n) {
+  formatNumber(t, i) {
     try {
-      return new Intl.NumberFormat(this.locale, n).format(t);
+      return new Intl.NumberFormat(this.locale, i).format(t);
     } catch {
-      return new Intl.NumberFormat(E, n).format(t);
+      return new Intl.NumberFormat(k, i).format(t);
     }
   }
-  formatDate(t, n) {
+  formatDate(t, i) {
     try {
-      return new Intl.DateTimeFormat(this.locale, n).format(t);
+      return new Intl.DateTimeFormat(this.locale, i).format(t);
     } catch {
-      return new Intl.DateTimeFormat(E, n).format(t);
+      return new Intl.DateTimeFormat(k, i).format(t);
     }
   }
   getBundle(t = this.locale) {
-    const n = this.resolveLocaleTag(t);
-    if (!n) return;
-    const i = this.catalogs.get(n);
-    if (i)
+    const i = this.resolveLocaleTag(t);
+    if (!i) return;
+    const s = this.catalogs.get(i);
+    if (s)
       return {
-        locale: n,
-        translations: i,
-        direction: z(n)
+        locale: i,
+        translations: s,
+        direction: q(i)
       };
   }
   resolveLocaleTag(t) {
     if (!t) return;
-    const n = this.getAvailableLocales(), i = De(t, n);
-    if (i) return i;
-    const s = b(t).split("-")[0];
-    if (s)
-      return n.find((o) => b(o).split("-")[0] === s);
+    const i = this.getAvailableLocales(), s = Fe(t, i);
+    if (s) return s;
+    const n = A(t).split("-")[0];
+    if (n)
+      return i.find((o) => A(o).split("-")[0] === n);
   }
   async loadCatalog(t) {
-    const n = this.config.loadCatalog;
-    if (n)
+    const i = this.config.loadCatalog;
+    if (i)
       try {
-        this.catalogs.set(t, await n(t));
-      } catch (i) {
-        throw new Error(`Failed to load i18n catalog for locale: ${t}`, { cause: i });
+        this.catalogs.set(t, await i(t));
+      } catch (s) {
+        throw new Error(`Failed to load i18n catalog for locale: ${t}`, { cause: s });
       }
   }
   lookupNode(t) {
-    const n = [
+    const i = [
       this.customMessages[this.locale],
       this.catalogs.get(this.locale),
       this.customMessages[this.fallbackLocale],
       this.catalogs.get(this.fallbackLocale)
     ];
-    for (const i of n) {
-      const s = Be(i, t);
-      if (s !== void 0) return s;
+    for (const s of i) {
+      const n = Ge(s, t);
+      if (n !== void 0) return n;
     }
   }
   lookup(t) {
-    const n = this.lookupNode(t);
-    if (typeof n == "string") return n;
-    if (n !== void 0 && O(n)) return n.other;
+    const i = this.lookupNode(t);
+    if (typeof i == "string") return i;
+    if (i !== void 0 && H(i)) return i.other;
   }
   selectPluralCategory(t) {
-    let n = I.pluralRules.get(this.locale);
-    if (!n) {
+    let i = R.pluralRules.get(this.locale);
+    if (!i) {
       try {
-        n = new Intl.PluralRules(this.locale);
+        i = new Intl.PluralRules(this.locale);
       } catch {
         return t === 1 ? "one" : "other";
       }
-      I.pluralRules.set(this.locale, n);
+      R.pluralRules.set(this.locale, i);
     }
-    return n.select(t);
+    return i.select(t);
   }
   notify() {
     for (const t of this.listeners) t();
   }
 };
-a(X, "pluralRules", /* @__PURE__ */ new Map());
-function w(e) {
+a(ie, "pluralRules", /* @__PURE__ */ new Map());
+function P(e) {
   return e ? e.trim().replace(/_/g, "-") : "";
 }
-function Be(e, t) {
+function Ge(e, t) {
   if (!e) return;
-  let n = e;
-  for (const i of t.split("."))
-    if (typeof n != "object" || n === null || (n = n[i], n === void 0)) return;
-  return n;
+  let i = e;
+  for (const s of t.split("."))
+    if (typeof i != "object" || i === null || (i = i[s], i === void 0)) return;
+  return i;
 }
-function G(e, t) {
-  return t ? e.replace(/\{(\w+)\}/g, (n, i) => {
-    const s = t[i];
-    return s == null ? n : String(s);
+function j(e, t) {
+  return t ? e.replace(/\{(\w+)\}/g, (i, s) => {
+    const n = t[s];
+    return n == null ? i : String(n);
   }) : e;
 }
-function ee(e, t) {
-  const n = { ...e };
-  for (const [i, s] of Object.entries(t)) {
-    const o = n[i];
-    s && typeof s == "object" && o && typeof o == "object" ? n[i] = ee(o, s) : n[i] = s;
+function se(e, t) {
+  const i = { ...e };
+  for (const [s, n] of Object.entries(t)) {
+    const o = i[s];
+    n && typeof n == "object" && o && typeof o == "object" ? i[s] = se(o, n) : i[s] = n;
   }
-  return n;
+  return i;
 }
-function _e(e = {}) {
-  return new X({
-    loadCatalog: Le,
-    availableLocales: Ne,
+function $e(e = {}) {
+  return new ie({
+    loadCatalog: Ue,
+    availableLocales: _e,
     ...e
   });
 }
-function v() {
+function b() {
   return Date.now();
 }
-function A(e) {
+function C(e) {
   return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function Oe(e) {
-  if (e.attemptId) return `aas_v1_${A(e.assessmentId)}_${A(e.attemptId)}`;
-  const t = te(), n = t ? ze(t) : "anon";
-  return `aas_v1_${A(e.assessmentId)}_${A(n)}`;
+function He(e) {
+  if (e.attemptId) return `aas_v1_${C(e.assessmentId)}_${C(e.attemptId)}`;
+  const t = ne(), i = t ? qe(t) : "anon";
+  return `aas_v1_${C(e.assessmentId)}_${C(i)}`;
 }
-function te() {
+function ne() {
   try {
     return typeof window > "u" ? null : window.localStorage;
   } catch {
     return null;
   }
 }
-function ze(e) {
-  const t = "pie:assessment-player:anonymous-device-id", n = e.getItem(t);
-  if (n) return n;
-  const i = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
-  return e.setItem(t, i), i;
+function qe(e) {
+  const t = "pie:assessment-player:anonymous-device-id", i = e.getItem(t);
+  if (i) return i;
+  const s = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+  return e.setItem(t, s), s;
 }
-function Ge(e) {
+function je(e) {
   if (!e) return [];
-  const t = [], n = e.testParts || [];
-  return n.length > 0 ? (n.forEach((i, s) => {
-    (i.sections || []).forEach((o, r) => {
+  const t = [], i = e.testParts || [];
+  return i.length > 0 ? (i.forEach((s, n) => {
+    (s.sections || []).forEach((o, r) => {
       t.push({
-        stageIdentifier: i.identifier,
-        stageIndex: s,
+        stageIdentifier: s.identifier,
+        stageIndex: n,
         sectionIndex: t.length,
-        sectionIdentifier: o.identifier || `section-${s}-${r}`,
+        sectionIdentifier: o.identifier || `section-${n}-${r}`,
         section: o
       });
     });
-  }), t) : ((e.sections || []).forEach((i, s) => {
+  }), t) : ((e.sections || []).forEach((s, n) => {
     t.push({
       stageIdentifier: "default",
       stageIndex: 0,
-      sectionIndex: s,
-      sectionIdentifier: i.identifier || `section-${s}`,
-      section: i
+      sectionIndex: n,
+      sectionIdentifier: s.identifier || `section-${n}`,
+      section: s
     });
   }), t);
 }
-var $e = class {
+var Ve = class {
   constructor(e) {
-    this.args = e, this.listeners = /* @__PURE__ */ new Set(), this.deliveryPlan = { sections: [] }, this.session = null, this.readiness = "bootstrapping", this.submitted = !1, this.storageContext = {
+    this.args = e, this.listeners = /* @__PURE__ */ new Set(), this.deliveryPlan = { sections: [] }, this.session = null, this.readiness = "bootstrapping", this.submitted = !1, this.disposed = !1, this.storageContext = {
       assessmentId: e.assessmentId,
       attemptId: e.attemptId
     };
   }
   emit(e) {
-    for (const t of this.listeners) t(e);
+    if (!this.disposed)
+      for (const t of this.listeners) t(e);
   }
-  handleError(e, t, n) {
-    const i = e instanceof Error ? e : new Error(String(e));
-    this.args.hooks?.onError?.(i, {
+  assertActive() {
+    if (!this.disposed) return;
+    const e = /* @__PURE__ */ new Error("Assessment controller has been disposed");
+    throw e.name = "AbortError", e;
+  }
+  handleError(e, t, i) {
+    const s = e instanceof Error ? e : new Error(String(e));
+    this.args.hooks?.onError?.(s, {
       phase: t,
-      details: n
+      details: i
     });
   }
   async getPersistenceStrategy() {
     if (this.persistenceStrategy) return this.persistenceStrategy;
     const e = { createDefaultPersistence: () => {
-      const t = te(), n = `pie:assessment-controller:v1:${this.storageContext.assessmentId}:${this.storageContext.attemptId || "default"}`;
+      const t = ne(), i = `pie:assessment-controller:v1:${this.storageContext.assessmentId}:${this.storageContext.attemptId || "default"}`;
       return {
         async loadSession() {
           if (!t) return null;
-          const i = t.getItem(n);
-          if (!i) return null;
+          const s = t.getItem(i);
+          if (!s) return null;
           try {
-            return JSON.parse(i);
+            return JSON.parse(s);
           } catch {
             return null;
           }
         },
-        async saveSession(i, s) {
-          t && t.setItem(n, JSON.stringify(s));
+        async saveSession(s, n) {
+          t && t.setItem(i, JSON.stringify(n));
         },
         async clearSession() {
-          t && t.removeItem(n);
+          t && t.removeItem(i);
         }
       };
     } };
     return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = { createDefaultDeliveryPlan: () => ({ sections: Ge(this.args.assessment) }) }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: je(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -1272,8 +1281,8 @@ var $e = class {
   ensureSession() {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
-    return this.session = ne({
-      assessmentAttemptSessionIdentifier: Oe({
+    return this.session = re({
+      assessmentAttemptSessionIdentifier: He({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -1283,31 +1292,60 @@ var $e = class {
     }), this.session;
   }
   async initialize() {
+    return this.assertActive(), this.initializationPromise ?? (this.initializationPromise = this.initializeOnce());
+  }
+  async initializeOnce() {
+    let e = "delivery-plan-create";
     try {
-      this.readiness = "bootstrapping", this.deliveryPlan = await this.createDeliveryPlan(), this.ensureSession(), await this.hydrate(), this.readiness = "ready", await this.args.hooks?.onAssessmentControllerReady?.(this);
-    } catch (e) {
-      this.readiness = "error", this.handleError(e, "controller-init");
+      this.readiness = "bootstrapping";
+      const t = await this.createDeliveryPlan();
+      this.assertActive(), this.deliveryPlan = t, this.ensureSession(), e = null, await this.hydrate(), this.assertActive(), this.readiness = "ready";
+    } catch (t) {
+      try {
+        this.disposed || (this.readiness = "error", e && this.handleError(t, e));
+      } catch (i) {
+        console.error("Assessment error hook failed", i);
+      }
+      throw t;
     }
   }
   async hydrate() {
-    this.readiness = "hydrating";
+    this.assertActive(), this.readiness = "hydrating";
     try {
-      await this.args.hooks?.onBeforeAssessmentHydrate?.(this.storageContext);
-      const e = await (await this.getPersistenceStrategy()).loadSession(this.storageContext);
-      e && (this.session = e, this.emit({
+      await this.args.hooks?.onBeforeAssessmentHydrate?.(this.storageContext), this.assertActive();
+      const e = await this.getPersistenceStrategy();
+      this.assertActive();
+      const t = await e.loadSession(this.storageContext);
+      this.assertActive(), t && (this.session = t), this.ensureSession(), this.readiness = "ready", t && this.emit({
         type: "assessment-session-applied",
-        timestamp: v()
-      })), this.ensureSession(), this.readiness = "ready";
+        timestamp: b()
+      }), this.assertActive();
     } catch (e) {
-      this.readiness = "error", this.handleError(e, "session-load");
+      try {
+        this.disposed || (this.readiness = "error", this.handleError(e, "session-load"));
+      } catch (t) {
+        console.error("Assessment error hook failed", t);
+      }
+      throw e;
     }
   }
+  dispose() {
+    return this.disposalPromise ? this.disposalPromise : (this.disposed = !0, this.listeners.clear(), this.session = null, this.deliveryPlan = { sections: [] }, this.readiness = "error", this.disposalPromise = Promise.resolve().then(async () => {
+      try {
+        await this.args.hooks?.onAssessmentControllerDispose?.(this);
+      } catch (e) {
+        throw this.handleError(e, "controller-dispose"), e;
+      }
+    }), this.disposalPromise);
+  }
   async persist() {
+    this.assertActive();
     try {
       const e = await this.getPersistenceStrategy();
-      await this.args.hooks?.onBeforeAssessmentPersist?.(this.storageContext, this.session), await e.saveSession(this.storageContext, this.session);
+      if (this.disposed || (await this.args.hooks?.onBeforeAssessmentPersist?.(this.storageContext, this.session), this.disposed)) return;
+      await e.saveSession(this.storageContext, this.session);
     } catch (e) {
-      this.handleError(e, "session-save");
+      this.disposed || this.handleError(e, "session-save");
     }
   }
   getSession() {
@@ -1337,36 +1375,37 @@ var $e = class {
     };
   }
   setIndex(e) {
+    if (this.disposed) return !1;
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
-    const n = t.currentSectionId, i = this.deliveryPlan.sections[e];
-    this.session = se(this.ensureSession(), {
+    const i = t.currentSectionId, s = this.deliveryPlan.sections[e];
+    this.session = le(this.ensureSession(), {
       currentSectionIndex: e,
-      currentSectionIdentifier: i?.sectionIdentifier
+      currentSectionIdentifier: s?.sectionIdentifier
     });
-    const s = this.buildNavigationSnapshot();
+    const n = this.buildNavigationSnapshot();
     return this.emit({
       type: "assessment-route-changed",
-      timestamp: v(),
-      currentSectionIndex: s.currentSectionIndex,
-      totalSections: s.totalSections,
-      currentSectionId: s.currentSectionId,
-      previousSectionId: n,
-      canNext: s.canNext,
-      canPrevious: s.canPrevious
-    }), this.emit({
+      timestamp: b(),
+      currentSectionIndex: n.currentSectionIndex,
+      totalSections: n.totalSections,
+      currentSectionId: n.currentSectionId,
+      previousSectionId: i,
+      canNext: n.canNext,
+      canPrevious: n.canPrevious
+    }), this.disposed || (this.emit({
       type: "assessment-session-changed",
-      timestamp: v()
-    }), this.emit({
+      timestamp: b()
+    }), this.disposed) ? !1 : (this.emit({
       type: "assessment-progress-changed",
-      timestamp: v(),
+      timestamp: b(),
       visitedSectionCount: this.ensureSession().navigationState.visitedSectionIdentifiers.length,
-      totalSections: s.totalSections
-    }), !0;
+      totalSections: n.totalSections
+    }), !0);
   }
   navigateTo(e) {
     if (typeof e == "number") return this.setIndex(e);
-    const t = this.deliveryPlan.sections.findIndex((n) => n.sectionIdentifier === e);
+    const t = this.deliveryPlan.sections.findIndex((i) => i.sectionIdentifier === e);
     return t < 0 ? !1 : this.setIndex(t);
   }
   navigateNext() {
@@ -1378,14 +1417,15 @@ var $e = class {
     return this.setIndex(e.currentSectionIndex - 1);
   }
   async submit() {
-    this.submitted = !0, this.emit({
+    this.assertActive(), this.submitted = !0, this.emit({
       type: "assessment-submission-state-changed",
-      timestamp: v(),
+      timestamp: b(),
       submitted: !0
     }), await this.persist();
   }
   subscribe(e) {
-    return this.listeners.add(e), () => this.listeners.delete(e);
+    return this.disposed ? () => {
+    } : (this.listeners.add(e), () => this.listeners.delete(e));
   }
   getCurrentSection() {
     const e = this.buildNavigationSnapshot();
@@ -1395,16 +1435,16 @@ var $e = class {
     return this.deliveryPlan.sections[e] || null;
   }
   getSectionSession(e) {
-    return this.ensureSession().sectionSessions[e]?.session || null;
+    return this.disposed ? null : this.ensureSession().sectionSessions[e]?.session || null;
   }
   updateSectionSession(e, t) {
-    this.session = oe(this.ensureSession(), {
+    this.disposed || (this.session = ce(this.ensureSession(), {
       sectionIdentifier: e,
       sectionSession: t
     }), this.emit({
       type: "assessment-session-changed",
-      timestamp: v()
-    });
+      timestamp: b()
+    }));
   }
 }, m = {
   controllerReady: "assessment-controller-ready",
@@ -1417,7 +1457,7 @@ var $e = class {
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
 };
-function He(e, t) {
+function Ye(e, t) {
   return !e?.delivery || e.delivery.enabled === !1 || !t || e.delivery.assignmentId !== void 0 ? e : {
     ...e,
     delivery: {
@@ -1426,20 +1466,23 @@ function He(e, t) {
     }
   };
 }
-function qe(e) {
-  const { sectionPlayerRuntime: t, playerType: n, attemptId: i, env: s, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
+function We(e) {
+  const { sectionPlayerRuntime: t, playerType: i, attemptId: s, env: n, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
     ...t.player,
-    backend: He(t.player.backend ? P(t.player.backend) : void 0, i)
+    backend: Ye(t.player.backend ? S(t.player.backend) : void 0, s)
   } : t?.player;
   return {
-    playerType: n,
-    ...s ? { env: s } : {},
+    playerType: i,
+    ...n ? { env: n } : {},
     ...o ? { coordinator: o } : {},
     ...t || {},
     ...r !== void 0 ? { player: r } : {}
   };
 }
-var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye = class extends HTMLElement {
+var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke = class extends HTMLElement {
+  constructor(...e) {
+    super(...e), this._assessmentId = "", this._attemptId = "", this._locale = "", this._assessment = null, this._env = null, this._coordinator = null, this._hooks = null, this._showNavigation = !0, this._sectionPlayerLayout = "splitpane", this._playerType = "iife", this._debug = void 0, this.controller = null, this.initializingController = null, this.generation = 0, this.reconcileQueued = !1, this.controllerWaiters = /* @__PURE__ */ new Set(), this.i18n = $e(), this.sectionHost = null, this.sectionControllerRef = null, this.sectionSessionReady = !1, this.containerRef = null, this.announcer = null, this.restoreFocusOnRender = !1, this._sectionPlayerRuntime = null, this.readiness = { phase: "bootstrapping" };
+  }
   static get observedAttributes() {
     return [
       "assessment-id",
@@ -1451,17 +1494,72 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
       "locale"
     ];
   }
-  constructor() {
-    super(), this.assessmentId = "", this.attemptId = "", this.locale = "", this.assessment = null, this.env = null, this.coordinator = null, this.hooks = null, this.showNavigation = !0, this.sectionPlayerLayout = "splitpane", this.playerType = "iife", this._debug = void 0, this.controller = null, this.controllerReadyPromise = null, this.controllerReadyResolve = null, this.i18n = _e(), this.sectionHost = null, this.sectionControllerRef = null, this.containerRef = null, this.announcer = null, this.restoreFocusOnRender = !1, this._sectionPlayerRuntime = null, this.readiness = { phase: "bootstrapping" }, this.controllerReadyPromise = new Promise((e) => {
-      this.controllerReadyResolve = e;
-    });
+  get assessmentId() {
+    return this._assessmentId;
+  }
+  set assessmentId(e) {
+    this._assessmentId !== e && (this._assessmentId = e, this.queueReconciliation());
+  }
+  get attemptId() {
+    return this._attemptId;
+  }
+  set attemptId(e) {
+    this._attemptId !== e && (this._attemptId = e, this.queueReconciliation());
+  }
+  get assessment() {
+    return this._assessment;
+  }
+  set assessment(e) {
+    this._assessment !== e && (this._assessment = e, this.queueReconciliation());
+  }
+  get hooks() {
+    return this._hooks;
+  }
+  set hooks(e) {
+    this._hooks !== e && (this._hooks = e, this.queueReconciliation());
+  }
+  get locale() {
+    return this._locale;
+  }
+  set locale(e) {
+    this._locale !== e && (this._locale = e, this.isConnected && this.applyLocale());
+  }
+  get env() {
+    return this._env;
+  }
+  set env(e) {
+    this._env = e, this.isConnected && this.updateCurrentSectionRuntime();
+  }
+  get coordinator() {
+    return this._coordinator;
+  }
+  set coordinator(e) {
+    this._coordinator = e, this.isConnected && this.updateCurrentSectionRuntime();
   }
-  attributeChangedCallback(e, t, n) {
-    e === "assessment-id" && (this.assessmentId = n || ""), e === "attempt-id" && (this.attemptId = n || ""), e === "show-navigation" && (this.showNavigation = n), e === "section-player-layout" && (this.sectionPlayerLayout = n === "vertical" ? "vertical" : "splitpane"), e === "player-type" && (this.playerType = n || "iife"), e === "debug" && (this.debug = n), e === "locale" && (this.locale = n || "", this.applyLocale()), this.isConnected && this.bootstrapController();
+  get showNavigation() {
+    return this._showNavigation;
+  }
+  set showNavigation(e) {
+    this._showNavigation = e, this.isConnected && this.updateNavigationChrome();
+  }
+  get sectionPlayerLayout() {
+    return this._sectionPlayerLayout;
+  }
+  set sectionPlayerLayout(e) {
+    this._sectionPlayerLayout !== e && (this._sectionPlayerLayout = e, this.isConnected && this.controller && this.render());
+  }
+  get playerType() {
+    return this._playerType;
+  }
+  set playerType(e) {
+    this._playerType = e, this.isConnected && this.updateCurrentSectionRuntime();
+  }
+  attributeChangedCallback(e, t, i) {
+    t !== i && (e === "assessment-id" && (this.assessmentId = i || ""), e === "attempt-id" && (this.attemptId = i || ""), e === "show-navigation" && (this.showNavigation = i), e === "section-player-layout" && (this.sectionPlayerLayout = i === "vertical" ? "vertical" : "splitpane"), e === "player-type" && (this.playerType = i || "iife"), e === "debug" && (this.debug = i), e === "locale" && (this.locale = i || ""));
   }
   applyLocale() {
     this.unsubscribeI18n || (this.unsubscribeI18n = this.i18n.subscribe?.(() => {
-      this.isConnected && this.render();
+      this.isConnected && this.updateNavigationChrome();
     })), this.i18n.setLocale(this.locale || "en-US"), this.forwardLocaleToSection();
   }
   forwardLocaleToSection() {
@@ -1485,52 +1583,101 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
     const e = this.getAttribute("section-player-layout");
     this.sectionPlayerLayout = e === "vertical" ? "vertical" : this.sectionPlayerLayout;
     const t = this.getAttribute("player-type");
-    t && (this.playerType = t), this.debug = this.getAttribute("debug") ?? this.debug, this.locale || (this.locale = this.getAttribute("locale") || ""), this.applyLocale(), this.attachInstrumentationBridge(), this.bootstrapController();
+    t && (this.playerType = t), this.debug = this.getAttribute("debug") ?? this.debug, this.locale || (this.locale = this.getAttribute("locale") || ""), this.applyLocale(), this.attachInstrumentationBridge(), this.queueReconciliation();
   }
   disconnectedCallback() {
-    this.unsubscribeI18n?.(), this.unsubscribeI18n = void 0, this.unsubscribeController?.(), this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = void 0, this.hooks?.onAssessmentControllerDispose?.(this.controller || void 0);
+    this.reconcileQueued = !1, this.retireController(), this.restoreFocusOnRender = !1, this.settleControllerWaiters(null), this.unsubscribeI18n?.(), this.unsubscribeI18n = void 0, this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = void 0;
+  }
+  settleControllerWaiters(e) {
+    for (const t of this.controllerWaiters) t(e);
+  }
+  retireController() {
+    this.restoreFocusOnRender || (this.restoreFocusOnRender = this.contains(document.activeElement)), this.generation += 1, this.detachSectionListeners?.(), this.detachSectionListeners = void 0;
+    const e = this.controller || this.initializingController;
+    this.controller = null, this.initializingController = null, this.unsubscribeController?.(), this.unsubscribeController = void 0, this.sectionControllerRef = null, this.sectionSessionReady = !1, this.sectionHost = null, this.containerRef?.remove(), this.containerRef = null, this.readiness = { phase: "bootstrapping" }, e && (this.settleControllerWaiters(null), e.dispose().catch((t) => {
+      console.error("Assessment controller disposal failed", t);
+    }));
+  }
+  queueReconciliation() {
+    this.isConnected && ((this.controller || this.initializingController) && this.retireController(), this.readiness = { phase: "bootstrapping" }, !this.reconcileQueued && (this.reconcileQueued = !0, queueMicrotask(() => {
+      this.reconcileQueued && (this.reconcileQueued = !1, this.isConnected && this.bootstrapController());
+    })));
   }
-  dispatch(e, t, n = !1) {
+  dispatch(e, t, i = !1) {
     return this.dispatchEvent(new CustomEvent(e, {
       detail: t,
       bubbles: !0,
       composed: !0,
-      cancelable: n
+      cancelable: i
     }));
   }
   async bootstrapController() {
     if (!this.assessmentId || !this.assessment) {
-      this.renderEmptyState("assessment-id and assessment are required");
+      this.renderEmptyState();
       return;
     }
-    this.readiness = { phase: "bootstrapping" }, this.render();
-    const e = new $e({
+    this.readiness = { phase: "bootstrapping" }, this.renderEmptyState();
+    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, s = new Ve({
       assessmentId: this.assessmentId,
       attemptId: this.attemptId || void 0,
       assessment: this.assessment,
-      hooks: this.hooks || void 0
+      hooks: {
+        ...t,
+        onError: (n, o) => {
+          if (i())
+            try {
+              t?.onError?.(n, o);
+            } finally {
+              i() && o.phase === "session-load" && this.controller === s && (this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(m.error, { error: n }));
+            }
+        }
+      }
     });
-    this.unsubscribeController?.(), this.controller = e, this.unsubscribeController = e.subscribe((t) => {
-      t.type === "assessment-route-changed" && (this.cleanupTtsForSectionNavigation(t), this.dispatch(m.routeChanged, t), this.restoreFocusOnRender = !0, this.render()), t.type === "assessment-session-applied" && this.dispatch(m.sessionApplied, t), t.type === "assessment-session-changed" && this.dispatch(m.sessionChanged, t), t.type === "assessment-progress-changed" && this.dispatch(m.progressChanged, t), t.type === "assessment-submission-state-changed" && this.dispatch(m.submissionStateChanged, t);
+    this.initializingController = s, this.unsubscribeController = s.subscribe((n) => {
+      if (i()) {
+        if (n.type === "assessment-route-changed") {
+          if (this.syncCurrentSectionSessionIntoAssessment(), !i() || (this.cleanupTtsForSectionNavigation(n), !i()) || (this.dispatch(m.routeChanged, n), !i())) return;
+          this.restoreFocusOnRender = !0, this.render(!1);
+        }
+        n.type === "assessment-session-applied" && this.dispatch(m.sessionApplied, n), n.type === "assessment-session-changed" && this.dispatch(m.sessionChanged, n), n.type === "assessment-progress-changed" && this.dispatch(m.progressChanged, n), n.type === "assessment-submission-state-changed" && this.dispatch(m.submissionStateChanged, n);
+      }
     });
     try {
-      await e.initialize(), this.readiness = { phase: "ready" }, this.controllerReadyResolve?.(e), this.dispatch(m.controllerReady, { controller: e }), this.hooks?.onAssessmentControllerReady?.(e), this.render();
-    } catch (t) {
-      this.readiness = { phase: "error" }, this.dispatch(m.error, { error: t }), this.renderEmptyState("Failed to initialize assessment player");
+      if (await s.initialize(), !i()) return;
+      this.initializingController = null, this.controller = s, this.readiness = { phase: "ready" }, this.render(), this.settleControllerWaiters(s);
+      const n = (o) => {
+        if (i()) {
+          try {
+            t?.onError?.(o instanceof Error ? o : new Error(String(o)), { phase: "controller-init" });
+          } catch (r) {
+            console.error("Assessment error hook failed", r);
+          }
+          i() && this.dispatch(m.error, { error: o });
+        }
+      };
+      try {
+        Promise.resolve(t?.onAssessmentControllerReady?.(s)).catch(n);
+      } catch (o) {
+        n(o);
+      }
+      i() && this.dispatch(m.controllerReady, { controller: s });
+    } catch (n) {
+      if (!i()) return;
+      this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(m.error, { error: n });
     }
   }
   resolveInstrumentationProvider() {
-    return ke({
+    return Ne({
       runtimePlayer: this.sectionPlayerRuntime?.player,
       component: "pie-assessment-player-default"
     });
   }
   attachInstrumentationBridge() {
-    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = we({
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = Pe({
       host: this,
       instrumentationProvider: this.resolveInstrumentationProvider(),
       component: "pie-assessment-player-default",
-      eventMap: Re,
+      eventMap: xe,
       staticAttributes: {
         instrumentationLayer: "assessment",
         assessmentId: this.assessmentId,
@@ -1538,25 +1685,58 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
       }
     });
   }
-  renderEmptyState(e) {
-    const t = document.createElement("div");
-    t.className = "pie-assessment-player-empty", t.textContent = e, this.swapContent(t);
+  renderEmptyState() {
+    if (!this.isConnected) return;
+    const e = this.restoreFocusOnRender || this.contains(document.activeElement), t = this.readiness.phase === "error", i = this.createStatusContent(t ? "player.assessment.loadFailed" : "common.loading", t ? () => this.queueReconciliation() : void 0);
+    this.swapContent(i), e && i.focus();
+  }
+  createStatusContent(e, t) {
+    const i = document.createElement("div");
+    i.className = "pie-assessment-player-empty", i.tabIndex = -1;
+    const s = document.createElement("style");
+    s.textContent = `
+			.pie-assessment-player-empty { display: grid; justify-items: start; gap: 0.75rem; padding: 1rem; }
+			.pie-assessment-player-status-message { margin: 0; }
+			.pie-assessment-player-retry {
+				font: inherit; min-height: 2rem; padding: 0.5rem 0.75rem;
+				border: 1px solid var(--pie-button-border, var(--pie-border, #8f8f8f));
+				border-radius: 4px;
+				background: var(--pie-button-bg, var(--pie-white, #fff));
+				color: var(--pie-button-color, var(--pie-text, #374151));
+				cursor: pointer;
+			}
+			.pie-assessment-player-retry:hover {
+				background: var(--pie-button-hover-bg, var(--pie-background-dark, #f9fafb));
+				border-color: var(--pie-button-hover-border, var(--pie-border, #8b919c));
+				color: var(--pie-button-hover-color, var(--pie-text, #111827));
+			}
+			.pie-assessment-player-retry:focus-visible {
+				outline: 2px solid var(--pie-button-focus-outline, var(--pie-primary, #0066cc));
+				outline-offset: 2px;
+			}
+		`, i.appendChild(s);
+    const n = document.createElement("p");
+    if (n.className = "pie-assessment-player-status-message", n.setAttribute("role", t ? "alert" : "status"), n.dataset.pieMessageKey = e, n.textContent = this.i18n.t(e), i.appendChild(n), t) {
+      const o = document.createElement("button");
+      o.type = "button", o.className = "pie-assessment-player-retry", o.textContent = this.i18n.t("common.retry"), o.addEventListener("click", t), i.appendChild(o);
+    }
+    return i;
   }
   swapContent(e) {
     this.containerRef?.remove(), this.containerRef = e, this.appendChild(e);
   }
   ensureAnnouncer() {
-    if (this.announcer?.isConnected) return this.announcer;
+    if (this.announcer?.parentNode === this) return this.announcer;
     const e = document.createElement("div");
     return e.className = "pie-assessment-player-announcer", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), e.style.cssText = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;", this.announcer = e, this.appendChild(e), e;
   }
   captureFocusIntent() {
     if (typeof document > "u") return null;
     const e = document.activeElement;
-    return !e || !this.contains(e) ? null : e.classList?.contains("pie-assessment-player-nav-btn") ? e.textContent === "Back" ? "previous" : "next" : "section";
+    return !e || !this.contains(e) ? null : e.classList?.contains("pie-assessment-player-nav-btn") ? e.getAttribute("data-pie-navigation") === "previous" ? "previous" : "next" : "section";
   }
   applyFocusIntent(e, t) {
-    const n = e === "section" ? [this.sectionHost] : e === "next" ? [
+    const i = e === "section" ? [this.sectionHost] : e === "next" ? [
       t.next,
       t.previous,
       this.sectionHost
@@ -1565,15 +1745,15 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
       t.next,
       this.sectionHost
     ];
-    for (const i of n)
-      if (i && !(i instanceof HTMLButtonElement && i.disabled) && (i.focus(), document.activeElement === i))
+    for (const s of i)
+      if (s && !(s instanceof HTMLButtonElement && s.disabled) && (s.focus(), document.activeElement === s))
         return;
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? Ve : je;
+    return this.sectionPlayerLayout === "vertical" ? Je : Qe;
   }
   buildSectionRuntime() {
-    return qe({
+    return We({
       sectionPlayerRuntime: this.sectionPlayerRuntime,
       playerType: this.playerType,
       attemptId: this.attemptId || void 0,
@@ -1587,55 +1767,95 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
   }
   cleanupTtsForSectionNavigation(e) {
     if (e.currentSectionId && e.previousSectionId && e.currentSectionId === e.previousSectionId) return;
-    const t = this.coordinator, n = t?.ttsService;
-    if (!n) return;
-    const i = (s) => {
-      t?.reportFrameworkError?.(ie({
+    const t = this.coordinator, i = t?.ttsService;
+    if (!i) return;
+    const s = (n) => {
+      t?.reportFrameworkError?.(ae({
         kind: "tts-init",
         source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
-        error: s,
+        error: n,
         recoverable: !0
       }));
     };
     try {
-      n.stop?.();
-    } catch (s) {
-      i(s);
+      i.stop?.();
+    } catch (n) {
+      s(n);
     }
     try {
-      n.requestControlHandoff?.();
-    } catch (s) {
-      i(s);
+      i.requestControlHandoff?.();
+    } catch (n) {
+      s(n);
     }
   }
   syncCurrentSectionSessionIntoAssessment() {
     const e = this.controller;
-    if (!e) return;
-    const t = this.sectionHost?.firstElementChild?.getSectionController?.() || this.sectionControllerRef;
+    if (!e || !this.sectionSessionReady) return;
+    const t = this.sectionControllerRef;
     if (!t?.getSession) return;
-    const n = e.getCurrentSection();
-    n && e.updateSectionSession(n.sectionIdentifier, t.getSession());
+    const i = this.sectionHost?.firstElementChild?.getAttribute("section-id");
+    i && e.updateSectionSession(i, S(t.getSession()));
   }
   attachSectionControllerReadyListener(e, t) {
-    const n = e;
-    queueMicrotask(() => {
-      (async () => {
-        const i = await n.waitForSectionController?.(5e3) || null;
-        if (this.sectionControllerRef = i, !i) return;
-        const s = this.controller?.getSectionSession(t);
-        s && i.applySession && await i.applySession(s, { mode: "replace" });
-      })();
-    }), e.addEventListener("session-changed", () => this.syncCurrentSectionSessionIntoAssessment()), e.addEventListener("item-session-changed", () => this.syncCurrentSectionSessionIntoAssessment());
+    const i = e, s = this.generation, n = this.sectionHost, o = this.controller, r = S(o.getSectionSession(t)), l = () => this.isConnected && this.generation === s && this.sectionHost === n && this.controller === o;
+    n.setAttribute("aria-busy", "true"), i.inert = !0;
+    let p;
+    new Promise((d) => {
+      let g = !1;
+      const h = (E) => {
+        g || (g = !0, clearTimeout(f), i.removeEventListener(x.stageChange, c), d(E));
+      }, c = (E) => {
+        if (E.target !== i) return;
+        const { stage: N, status: oe } = E.detail;
+        oe === "failed" || N === "disposed" ? h(null) : N === "engine-ready" && h(i.getSectionController?.() || null);
+      }, f = setTimeout(() => h(null), 5e3);
+      i.addEventListener(x.stageChange, c), p = () => h(null);
+    }).then(async (d) => {
+      if (l()) {
+        if (!d) throw new Error("Section controller did not become ready");
+        if (r) {
+          if (!d.applySession) throw new Error("Section controller cannot restore its saved session");
+          await d.applySession(r, { mode: "replace" });
+        }
+        l() && (this.sectionControllerRef = d, this.sectionSessionReady = !0, i.inert = !1, n.setAttribute("aria-busy", "false"));
+      }
+    }).catch((d) => {
+      if (!l()) return;
+      this.detachSectionListeners?.(), this.detachSectionListeners = void 0, this.sectionControllerRef = null, this.sectionSessionReady = !1;
+      const g = n.contains(document.activeElement), h = this.createStatusContent(r ? "player.assessment.restoreFailed" : "player.assessment.loadFailed", () => {
+        this.restoreFocusOnRender = this.contains(document.activeElement), this.render();
+      });
+      n.replaceChildren(h), n.setAttribute("aria-busy", "false"), g && h.focus();
+      try {
+        this.hooks?.onError?.(d instanceof Error ? d : new Error(String(d)), {
+          phase: "navigation",
+          details: { sectionIdentifier: t }
+        });
+      } catch (c) {
+        console.error("Assessment error hook failed", c);
+      }
+      l() && this.dispatch(m.error, { error: d });
+    });
+    const u = () => {
+      l() && this.syncCurrentSectionSessionIntoAssessment();
+    };
+    e.addEventListener("session-changed", u), e.addEventListener("item-session-changed", u), this.detachSectionListeners = () => {
+      p(), e.removeEventListener("session-changed", u), e.removeEventListener("item-session-changed", u);
+    };
   }
-  render() {
-    const e = this.controller;
+  render(e = !0) {
+    if (!this.isConnected || !this.controller) return;
+    const t = this.generation;
+    if (e && this.syncCurrentSectionSessionIntoAssessment(), !this.isConnected || !this.controller || this.generation !== t) return;
+    this.detachSectionListeners?.(), this.detachSectionListeners = void 0;
+    const i = this.controller;
     this.attachInstrumentationBridge();
-    const t = this.restoreFocusOnRender ? this.captureFocusIntent() : null;
-    this.restoreFocusOnRender = !1, this.ensureAnnouncer(), this.sectionControllerRef = null;
+    const s = this.restoreFocusOnRender || this.containerRef?.classList.contains("pie-assessment-player-empty") ? this.captureFocusIntent() : null;
+    this.restoreFocusOnRender = !1, this.ensureAnnouncer(), this.sectionControllerRef = null, this.sectionSessionReady = !1;
     const n = document.createElement("div");
     n.className = "pie-assessment-player-default";
-    const i = document.createElement("style");
-    i.textContent = `
+    const o = document.createElement("style");
+    o.textContent = `
 			:host {
 				display: block;
 				height: 100%;
@@ -1658,6 +1878,7 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
 				border-radius: 0.375rem;
 				background: var(--pie-background-light, var(--pie-background, #fff));
 			}
+			.pie-assessment-player-navigation[hidden] { display: none; }
 			.pie-assessment-player-current-position {
 				font-size: 0.9rem;
 				font-weight: 600;
@@ -1682,39 +1903,54 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
 				height: 100%;
 				overflow: hidden;
 			}
-		`, n.appendChild(i);
-    const s = this.getSnapshot(), o = s.navigation.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
-      position: s.navigation.currentIndex + 1,
-      total: s.navigation.totalSections
+		`, n.appendChild(o);
+    const r = this.getSnapshot(), l = r.navigation.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
+      position: r.navigation.currentIndex + 1,
+      total: r.navigation.totalSections
     }) : this.i18n.t("player.assessment.noSections");
-    let r = null, l = null;
-    if ($(this.showNavigation, !0)) {
-      const f = document.createElement("div");
-      f.className = "pie-assessment-player-navigation";
+    let p = null, u = null;
+    {
+      const h = document.createElement("div");
+      h.className = "pie-assessment-player-navigation", h.hidden = !L(this.showNavigation, !0);
       const c = document.createElement("div");
-      c.className = "pie-assessment-player-current-position", c.textContent = o;
-      const g = document.createElement("div");
-      g.className = "pie-assessment-player-nav-controls", r = document.createElement("button"), r.className = "pie-assessment-player-nav-btn", r.textContent = this.i18n.t("common.back"), r.disabled = !s.navigation.canPrevious, r.addEventListener("click", () => {
+      c.className = "pie-assessment-player-current-position", c.textContent = l;
+      const f = document.createElement("div");
+      f.className = "pie-assessment-player-nav-controls", p = document.createElement("button"), p.type = "button", p.className = "pie-assessment-player-nav-btn", p.setAttribute("data-pie-navigation", "previous"), p.textContent = this.i18n.t("common.back"), p.disabled = !r.navigation.canPrevious, p.addEventListener("click", () => {
         this.navigatePrevious();
-      }), l = document.createElement("button"), l.className = "pie-assessment-player-nav-btn", l.textContent = this.i18n.t("common.next"), l.disabled = !s.navigation.canNext, l.addEventListener("click", () => {
+      }), u = document.createElement("button"), u.type = "button", u.className = "pie-assessment-player-nav-btn", u.setAttribute("data-pie-navigation", "next"), u.textContent = this.i18n.t("common.next"), u.disabled = !r.navigation.canNext, u.addEventListener("click", () => {
         this.navigateNext();
-      }), g.appendChild(r), g.appendChild(l), f.appendChild(c), f.appendChild(g), n.appendChild(f);
+      }), f.appendChild(p), f.appendChild(u), h.appendChild(c), h.appendChild(f), n.appendChild(h);
     }
     const d = document.createElement("div");
-    d.className = "pie-assessment-player-section-host", d.setAttribute("role", "region"), d.setAttribute("aria-label", o), d.tabIndex = -1, this.sectionHost = d;
-    const p = e?.getCurrentSection() || null;
-    if (p) {
-      const f = this.buildSectionPlayerTag(), c = document.createElement(f);
-      if (c.setAttribute("assessment-id", this.assessmentId), c.setAttribute("section-id", p.sectionIdentifier), this.attemptId && c.setAttribute("attempt-id", this.attemptId), this.locale && c.setAttribute("locale", this.locale), this.debug !== void 0 && this.debug !== null) {
-        const g = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
-        c.setAttribute("debug", g);
+    d.className = "pie-assessment-player-section-host", d.setAttribute("role", "region"), d.setAttribute("aria-label", l), d.tabIndex = -1, this.sectionHost = d;
+    const g = i?.getCurrentSection() || null;
+    if (g) {
+      const h = this.buildSectionPlayerTag(), c = document.createElement(h);
+      if (c.setAttribute("assessment-id", this.assessmentId), c.setAttribute("section-id", g.sectionIdentifier), this.attemptId && c.setAttribute("attempt-id", this.attemptId), this.locale && c.setAttribute("locale", this.locale), this.debug !== void 0 && this.debug !== null) {
+        const f = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
+        c.setAttribute("debug", f);
       }
-      c.section = p.section, c.runtime = this.buildSectionRuntime(), c.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, d.appendChild(c), this.attachSectionControllerReadyListener(c, p.sectionIdentifier);
+      c.section = g.section, c.runtime = this.buildSectionRuntime(), c.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, d.appendChild(c), this.attachSectionControllerReadyListener(c, g.sectionIdentifier);
     }
-    n.appendChild(d), this.swapContent(n), t && (this.applyFocusIntent(t, {
-      previous: r,
-      next: l
-    }), this.announceSectionChange(o));
+    n.appendChild(d), this.swapContent(n), s && (this.applyFocusIntent(s, {
+      previous: p,
+      next: u
+    }), this.announceSectionChange(l));
+  }
+  updateNavigationChrome() {
+    const e = this.selectNavigation(), t = e.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
+      position: e.currentIndex + 1,
+      total: e.totalSections
+    }) : this.i18n.t("player.assessment.noSections"), i = this.containerRef?.querySelector(".pie-assessment-player-navigation");
+    i && (i.hidden = !L(this.showNavigation, !0), i.hidden && i.contains(document.activeElement) && this.sectionHost?.focus());
+    const s = this.containerRef?.querySelector(".pie-assessment-player-current-position");
+    s && (s.textContent = t);
+    const n = i?.querySelector('[data-pie-navigation="previous"]'), o = i?.querySelector('[data-pie-navigation="next"]');
+    n && (n.textContent = this.i18n.t("common.back")), o && (o.textContent = this.i18n.t("common.next")), this.sectionHost?.setAttribute("aria-label", t);
+    const r = this.containerRef?.querySelector(".pie-assessment-player-status-message");
+    r instanceof HTMLElement && r.dataset.pieMessageKey && (r.textContent = this.i18n.t(r.dataset.pieMessageKey));
+    const l = this.containerRef?.querySelector(".pie-assessment-player-retry");
+    l && (l.textContent = this.i18n.t("common.retry")), this.forwardLocaleToSection();
   }
   announceSectionChange(e) {
     const t = this.ensureAnnouncer();
@@ -1730,7 +1966,7 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
   }
   getSnapshot() {
     const e = this.controller?.getRuntimeState() || {
-      readiness: this.readiness.phase,
+      readiness: this.initializingController?.getRuntimeState().readiness === "hydrating" ? "hydrating" : this.readiness.phase,
       currentSectionIndex: 0,
       totalSections: 0,
       currentSectionId: void 0,
@@ -1764,19 +2000,18 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
     return this.getSnapshot().progress;
   }
   navigateTo(e) {
-    const t = this.selectNavigation(), n = t.currentIndex, i = t.currentSectionId;
-    let s = n, o;
+    const t = this.selectNavigation(), i = t.currentIndex, s = t.currentSectionId;
+    let n = i, o;
     if (typeof e == "number")
-      s = e, o = this.controller?.getSectionAt(s)?.sectionIdentifier;
+      n = e, o = this.controller?.getSectionAt(n)?.sectionIdentifier;
     else if (o = e, this.controller?.getCurrentSection()?.sectionIdentifier === o) return !0;
     if (!this.dispatch(m.navigationRequested, {
-      fromIndex: n,
-      toIndex: s,
-      fromSectionId: i,
+      fromIndex: i,
+      toIndex: n,
+      fromSectionId: s,
       toSectionId: o,
       reason: "navigate-to"
     }, !0)) return !1;
-    this.syncCurrentSectionSessionIntoAssessment();
     const r = this.controller?.navigateTo(e) === !0;
     return r && this.controller?.persist(), r;
   }
@@ -1789,9 +2024,8 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
       toSectionId: t?.sectionIdentifier,
       reason: "navigate-next"
     }, !0)) return !1;
-    this.syncCurrentSectionSessionIntoAssessment();
-    const n = this.controller?.navigateNext() === !0;
-    return n && this.controller?.persist(), n;
+    const i = this.controller?.navigateNext() === !0;
+    return i && this.controller?.persist(), i;
   }
   navigatePrevious() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex - 1);
@@ -1802,23 +2036,24 @@ var je = "pie-section-player-splitpane", Ve = "pie-section-player-vertical", Ye
       toSectionId: t?.sectionIdentifier,
       reason: "navigate-previous"
     }, !0)) return !1;
-    this.syncCurrentSectionSessionIntoAssessment();
-    const n = this.controller?.navigatePrevious() === !0;
-    return n && this.controller?.persist(), n;
+    const i = this.controller?.navigatePrevious() === !0;
+    return i && this.controller?.persist(), i;
   }
   getAssessmentController() {
-    return this.controller;
+    return this.isConnected && this.controller?.getRuntimeState().readiness === "ready" ? this.controller : null;
   }
   async waitForAssessmentController(e = 5e3) {
-    if (this.controller) return this.controller;
-    const t = this.controllerReadyPromise || Promise.resolve(null), n = new Promise((i) => {
-      setTimeout(() => i(null), e);
-    });
-    return Promise.race([t, n]);
+    const t = this.getAssessmentController();
+    return t || (!this.isConnected || this.controller || this.readiness.phase === "error" ? null : new Promise((i) => {
+      const s = (o) => {
+        clearTimeout(n), this.controllerWaiters.delete(s), i(o);
+      }, n = setTimeout(() => s(null), e);
+      this.controllerWaiters.add(s);
+    }));
   }
 };
-H("pie-assessment-player-default", Ye, "assessment player default tag");
-var We = class extends HTMLElement {
+V("pie-assessment-player-default", Ke, "assessment player default tag");
+var Ze = class extends HTMLElement {
   constructor(...e) {
     super(...e), this.showNavigation = !0;
   }
@@ -1828,11 +2063,11 @@ var We = class extends HTMLElement {
   connectedCallback() {
     this.showNavigation = this.getAttribute("show-navigation") ?? this.showNavigation, this.render();
   }
-  attributeChangedCallback(e, t, n) {
-    e === "show-navigation" && (this.showNavigation = n), this.render();
+  attributeChangedCallback(e, t, i) {
+    e === "show-navigation" && (this.showNavigation = i), this.render();
   }
   render() {
-    const e = $(this.showNavigation, !0);
+    const e = L(this.showNavigation, !0);
     this.innerHTML = "";
     const t = document.createElement("style");
     t.textContent = `
@@ -1853,18 +2088,18 @@ var We = class extends HTMLElement {
 				overflow: hidden;
 			}
 		`;
-    const n = document.createElement("div");
-    if (n.className = "pie-assessment-player-shell", e) {
+    const i = document.createElement("div");
+    if (i.className = "pie-assessment-player-shell", e) {
       const o = document.createElement("slot");
-      o.name = "navigation", n.appendChild(o);
+      o.name = "navigation", i.appendChild(o);
     }
-    const i = document.createElement("div");
-    i.className = "pie-assessment-player-shell__body";
-    const s = document.createElement("slot");
-    i.appendChild(s), n.appendChild(i), this.appendChild(t), this.appendChild(n);
+    const s = document.createElement("div");
+    s.className = "pie-assessment-player-shell__body";
+    const n = document.createElement("slot");
+    s.appendChild(n), i.appendChild(s), this.appendChild(t), this.appendChild(i);
   }
 };
-H("pie-assessment-player-shell", We, "assessment player shell tag");
+V("pie-assessment-player-shell", Ze, "assessment player shell tag");
 export {
   m as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };