@pie-players/pie-assessment-player 0.3.75 → 1.0.0-beta.0

package/dist/pie-assessment-player.js

@@ -1,13 +1,5 @@
 import "@pie-players/pie-section-player";
-import { coerceBooleanLike as R, defineCustomElementSafely as O } from "@pie-players/pie-players-shared";
 import { createNewAssessmentSession as Q, frameworkErrorFromUnknown as J, setCurrentSectionPosition as K, upsertSectionSession as Y } from "@pie-players/pie-assessment-toolkit";
-var y = (e) => {
-  if (e === null || typeof e != "object") return e;
-  if (Array.isArray(e)) return e.map(y);
-  const t = {};
-  for (const i in e) Object.hasOwn(e, i) && (t[i] = y(e[i]));
-  return t;
-};
 function w(e) {
   "@babel/helpers - typeof";
   return w = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -20,8 +12,8 @@ function Z(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;
+    var n = i.call(e, t || "default");
+    if (w(n) != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
@@ -38,119 +30,7 @@ function f(e, t, i) {
     writable: !0
   }) : e[t] = i, e;
 }
-function H(e, t) {
-  const i = `[${e}]`;
-  return {
-    debug: (s, ...n) => {
-      t() && console.debug(i, s, ...n);
-    },
-    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 q() {
-  return typeof window < "u" && window.PIE_DEBUG === !0;
-}
-function G(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 ee = H("instrumentation-event-bridge", () => q());
-function te(e) {
-  if (e === null) return !0;
-  const t = typeof e;
-  if (t === "function" || t === "symbol") return !1;
-  if (t !== "object" || Array.isArray(e)) return !0;
-  const i = Object.getPrototypeOf(e);
-  return i === Object.prototype || i === null;
-}
-function ie(e) {
-  if (e && typeof e == "object") {
-    const t = {};
-    for (const [i, s] of Object.entries(e)) te(s) && (t[i] = s);
-    return t;
-  }
-  return typeof e > "u" ? {} : { value: e };
-}
-function se(e) {
-  ee.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
-}
-function ne(e) {
-  try {
-    e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
-      component: e.component,
-      errorType: "InstrumentationBridgeError",
-      sourceEventName: e.sourceEventName
-    });
-  } catch {
-  }
-}
-function oe(e) {
-  if (!e.host || !e.eventMap.length) return () => {
-  };
-  if (!e.instrumentationProvider) return () => {
-  };
-  if (!G(e.instrumentationProvider))
-    return e.debug && se(e.component), () => {
-    };
-  const t = e.instrumentationProvider, i = [], s = Math.max(0, e.dedupeWindowMs ?? 0), n = /* @__PURE__ */ new Map(), o = (r, a) => {
-    const h = [
-      a.assessmentId,
-      a.sectionId,
-      a.attemptId,
-      a.itemId,
-      a.canonicalItemId,
-      a.sourceRuntimeId
-    ].map((d) => String(d ?? "")).join("|");
-    return `${r.instrumentationEventName}|${h}`;
-  };
-  for (const r of e.eventMap) {
-    const a = (h) => {
-      try {
-        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(h)) return;
-        const d = ie(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), p = {
-          ...d,
-          ...e.staticAttributes,
-          component: e.component,
-          sourceEventName: r.sourceEventName,
-          timestamp: c
-        };
-        if (s > 0) {
-          const u = Date.now(), l = o(r, p), m = n.get(l);
-          if (typeof m == "number" && u - m < s) return;
-          n.set(l, u);
-        }
-        t.trackEvent(r.instrumentationEventName, { ...p });
-      } catch (d) {
-        ne({
-          provider: t,
-          component: e.component,
-          error: d,
-          sourceEventName: r.sourceEventName
-        });
-      }
-    };
-    e.host.addEventListener(r.sourceEventName, a), i.push(() => {
-      e.host?.removeEventListener(r.sourceEventName, a);
-    });
-  }
-  return () => {
-    for (const r of i) r();
-  };
-}
-function T(e) {
-  const t = e;
-  return typeof t?.noticeError == "function" && typeof t.addPageAction == "function";
-}
-function b() {
-  if (typeof window > "u") return;
-  const { newrelic: e, NREUM: t } = window;
-  if (T(e)) return e;
-  if (T(t)) return t;
-}
-var re = class {
+var ee = class {
   constructor() {
     f(this, "initialized", !1), f(this, "config", void 0);
   }
@@ -159,8 +39,8 @@ var re = class {
     const i = this.transformAttributes(t);
     try {
       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);
+    } catch (n) {
+      console.error(`[${this.providerName}] Error tracking error:`, n);
     }
   }
   trackEvent(e, t) {
@@ -172,8 +52,8 @@ var re = class {
     });
     try {
       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);
+    } catch (n) {
+      console.error(`[${this.providerName}] Error tracking event:`, n);
     }
   }
   trackMetric(e, t, i) {
@@ -214,7 +94,18 @@ var re = class {
   transformAttributes(e) {
     return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
   }
-}, ae = class extends re {
+};
+function x(e) {
+  const t = e;
+  return typeof t?.noticeError == "function" && typeof t.addPageAction == "function";
+}
+function b() {
+  if (typeof window > "u") return;
+  const { newrelic: e, NREUM: t } = window;
+  if (x(e)) return e;
+  if (x(t)) return t;
+}
+var te = class extends ee {
   constructor(...e) {
     super(...e), f(this, "providerId", "newrelic"), f(this, "providerName", "New Relic");
   }
@@ -235,13 +126,187 @@ var re = class {
   }
   doSetUserContext(e, t) {
     const i = b();
-    if (typeof i?.setUserId == "function" && i.setUserId(e), t && typeof i?.setCustomAttribute == "function") for (const [s, n] of Object.entries(t)) i.setCustomAttribute(s, n);
+    if (typeof i?.setUserId == "function" && i.setUserId(e), t && typeof i?.setCustomAttribute == "function") for (const [n, s] of Object.entries(t)) i.setCustomAttribute(n, s);
   }
   doSetGlobalAttributes(e) {
     const t = b();
-    if (typeof t?.setCustomAttribute == "function") for (const [i, s] of Object.entries(e)) t.setCustomAttribute(i, s);
+    if (typeof t?.setCustomAttribute == "function") for (const [i, n] of Object.entries(e)) t.setCustomAttribute(i, n);
+  }
+};
+function B(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 ie = /* @__PURE__ */ new Set([
+  "annotation-xml",
+  "color-profile",
+  "font-face",
+  "font-face-src",
+  "font-face-uri",
+  "font-face-format",
+  "font-face-name",
+  "missing-glyph"
+]), ne = /^[a-z][a-z0-9._-]*-[a-z0-9._-]*$/, se = (e, t = "custom element tag") => {
+  if (!e || typeof e != "string") throw new Error(`Invalid ${t}: expected a non-empty string`);
+  const i = e.trim();
+  if (!i) throw new Error(`Invalid ${t}: tag is empty`);
+  if (i !== i.toLowerCase()) throw new Error(`Invalid ${t} "${i}": custom element names must be lowercase`);
+  if (!i.includes("-")) throw new Error(`Invalid ${t} "${i}": custom element names must include a hyphen`);
+  if (ie.has(i)) throw new Error(`Invalid ${t} "${i}": this name is reserved by the HTML spec`);
+  if (!ne.test(i)) throw new Error(`Invalid ${t} "${i}": allowed characters are lowercase letters, numbers, ".", "_" and "-"`);
+  return i;
+}, oe = (e) => typeof DOMException < "u" && e instanceof DOMException ? e.name === "NotSupportedError" || e.code === DOMException.NOT_SUPPORTED_ERR : (typeof e == "object" && e !== null && "name" in e ? String(e.name) : "") === "NotSupportedError", re = (e, t, i = "custom element tag", n = {}) => {
+  const s = se(e, i);
+  if (customElements.get(s)) return {
+    outcome: "already-defined",
+    tagName: s
+  };
+  try {
+    return customElements.define(s, t), {
+      outcome: "defined",
+      tagName: s
+    };
+  } catch (o) {
+    if (!oe(o)) return {
+      outcome: "error",
+      tagName: s,
+      error: o
+    };
+    if (customElements.get(s)) return {
+      outcome: "already-defined",
+      tagName: s
+    };
+    if (!n.allowWrappedFallback) return {
+      outcome: "error",
+      tagName: s,
+      error: o
+    };
+    try {
+      return customElements.define(s, class extends t {
+      }), {
+        outcome: "defined-wrapped",
+        tagName: s
+      };
+    } catch (r) {
+      return {
+        outcome: "wrapped-error",
+        tagName: s,
+        error: r
+      };
+    }
   }
+}, H = (e, t, i = "custom element tag") => {
+  const n = re(e, t, i);
+  if (n.outcome === "error" || n.outcome === "wrapped-error") throw n.error;
+  return {
+    status: n.outcome === "already-defined" ? "already-defined" : "defined",
+    tagName: n.tagName
+  };
+}, y = (e) => {
+  if (e === null || typeof e != "object") return e;
+  if (Array.isArray(e)) return e.map(y);
+  const t = {};
+  for (const i in e) Object.hasOwn(e, i) && (t[i] = y(e[i]));
+  return t;
 };
+function $(e, t) {
+  const i = `[${e}]`;
+  return {
+    debug: (n, ...s) => {
+      t() && console.debug(i, n, ...s);
+    },
+    info: (n, ...s) => console.info(i, n, ...s),
+    warn: (n, ...s) => console.warn(i, n, ...s),
+    error: (n, ...s) => console.error(i, n, ...s)
+  };
+}
+function q() {
+  return typeof window < "u" && window.PIE_DEBUG === !0;
+}
+var ae = $("instrumentation-event-bridge", () => q());
+function le(e) {
+  if (e === null) return !0;
+  const t = typeof e;
+  if (t === "function" || t === "symbol") return !1;
+  if (t !== "object" || Array.isArray(e)) return !0;
+  const i = Object.getPrototypeOf(e);
+  return i === Object.prototype || i === null;
+}
+function ce(e) {
+  if (e && typeof e == "object") {
+    const t = {};
+    for (const [i, n] of Object.entries(e)) le(n) && (t[i] = n);
+    return t;
+  }
+  return typeof e > "u" ? {} : { value: e };
+}
+function de(e) {
+  ae.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+}
+function ue(e) {
+  try {
+    e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
+      component: e.component,
+      errorType: "InstrumentationBridgeError",
+      sourceEventName: e.sourceEventName
+    });
+  } catch {
+  }
+}
+function he(e) {
+  if (!e.host || !e.eventMap.length) return () => {
+  };
+  if (!e.instrumentationProvider) return () => {
+  };
+  if (!B(e.instrumentationProvider))
+    return e.debug && de(e.component), () => {
+    };
+  const t = e.instrumentationProvider, i = [], n = Math.max(0, e.dedupeWindowMs ?? 0), s = /* @__PURE__ */ new Map(), o = (r, a) => {
+    const h = [
+      a.assessmentId,
+      a.sectionId,
+      a.attemptId,
+      a.itemId,
+      a.canonicalItemId,
+      a.sourceRuntimeId
+    ].map((d) => String(d ?? "")).join("|");
+    return `${r.instrumentationEventName}|${h}`;
+  };
+  for (const r of e.eventMap) {
+    const a = (h) => {
+      try {
+        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(h)) return;
+        const d = ce(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), p = {
+          ...d,
+          ...e.staticAttributes,
+          component: e.component,
+          sourceEventName: r.sourceEventName,
+          timestamp: c
+        };
+        if (n > 0) {
+          const u = Date.now(), l = o(r, p), m = s.get(l);
+          if (typeof m == "number" && u - m < n) return;
+          s.set(l, u);
+        }
+        t.trackEvent(r.instrumentationEventName, { ...p });
+      } catch (d) {
+        ue({
+          provider: t,
+          component: e.component,
+          error: d,
+          sourceEventName: r.sourceEventName
+        });
+      }
+    };
+    e.host.addEventListener(r.sourceEventName, a), i.push(() => {
+      e.host?.removeEventListener(r.sourceEventName, a);
+    });
+  }
+  return () => {
+    for (const r of i) r();
+  };
+}
 function L(e) {
   return e && typeof e == "object" ? e : {};
 }
@@ -262,25 +327,25 @@ function F(e) {
   const t = e.trackPageActions;
   return typeof t == "boolean" ? t : void 0;
 }
-function le(e, t) {
+function pe(e, t) {
   return e.kind === "value" || e.kind === "null" ? e : t;
 }
-var I, ce = H("instrumentation-provider-resolution", () => q());
-function de() {
-  return I || (I = new ae(), I.initialize()), I;
+var I, me = $("instrumentation-provider-resolution", () => q());
+function ge() {
+  return I || (I = new te(), I.initialize()), I;
 }
-function ue(e) {
-  const t = D(e.runtimePlayer), i = D(e.player), s = F(t), n = F(i), o = s ?? n ?? !1, r = le(M(t), M(i));
+function fe(e) {
+  const t = D(e.runtimePlayer), i = D(e.player), n = F(t), s = F(i), o = n ?? s ?? !1, r = pe(M(t), M(i));
   if (r.kind !== "null") {
-    if (r.kind === "unset") return o ? de() : void 0;
-    if (G(r.value)) return r.value;
+    if (r.kind === "unset") return o ? ge() : void 0;
+    if (B(r.value)) return r.value;
     if (e.debug) {
       const a = e.component ? `[${e.component}] ` : "";
-      ce.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+      me.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
     }
   }
 }
-var he = [
+var ye = [
   {
     sourceEventName: "assessment-controller-ready",
     instrumentationEventName: "pie-assessment-controller-ready"
@@ -313,32 +378,47 @@ var he = [
     sourceEventName: "assessment-error",
     instrumentationEventName: "pie-assessment-error"
   }
-], pe = { "nl-NL": () => import("./nl-NL-CfezB59b.js") }, me = ["en-US", "nl-NL"];
-async function ge(e) {
-  const t = pe[e];
+];
+function R(e, t = !1) {
+  if (typeof e == "boolean") return e;
+  if (e == null) return t;
+  const i = String(e).trim().toLowerCase();
+  return i === "" ? t : ![
+    "false",
+    "0",
+    "off",
+    "no"
+  ].includes(i);
+}
+var ve = { "nl-NL": () => import("./nl-NL-DqnT-1mq.js") }, be = ["en-US", "nl-NL"];
+async function Se(e) {
+  const t = ve[e];
   if (!t) throw new Error(`No bundled i18n catalog for locale: ${e}`);
   return (await t()).default;
 }
 function A(e) {
   return e ? e.trim().replace(/_/g, "-").split(/[.@]/)[0].toLowerCase() : "";
 }
-function fe(e) {
+function E(e) {
+  return e ? e.trim().replace(/_/g, "-") : "";
+}
+function we(e) {
   const t = A(e);
   if (!t) return [];
-  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("-"));
+  const i = t.split("-"), n = [];
+  for (let s = i.length; s > 0; s--) {
+    const o = i.slice(0, s);
+    o.length > 1 && o[o.length - 1].length === 1 || n.push(o.join("-"));
   }
-  return s;
+  return n;
 }
-function ye(e, t) {
-  for (const i of fe(e)) {
-    const s = t.find((n) => A(n) === i);
-    if (s != null) return s;
+function Ae(e, t) {
+  for (const i of we(e)) {
+    const n = t.find((s) => A(s) === i);
+    if (n != null) return n;
   }
 }
-var ve = {
+var Ie = {
   common: {
     close: "Close",
     cancel: "Cancel",
@@ -646,20 +726,20 @@ var ve = {
     textToSpeech: {
       name: "Text to Speech",
       description: "Read content aloud",
+      initFailed: "Unable to initialize text-to-speech. Try again.",
       inline: {
         controlsA11y: "Reading controls",
         playbackSpeedA11y: "Playback speed",
         rewindA11y: "Rewind",
         fastForwardA11y: "Fast-forward",
         stopA11y: "Stop reading",
-        initializing: "Initializing text-to-speech",
-        initFailed: "Unable to initialize text-to-speech. Try again.",
         starting: "Starting reading",
         started: "Reading started",
         resumed: "Reading resumed",
         pausedAnnouncement: "Reading paused",
         stopped: "Reading stopped",
         switchedSection: "Reading switched to another section",
+        nothingToRead: "Nothing to read aloud here",
         startFailed: "Unable to start reading",
         skippedForward: "Skipped forward",
         skipForwardFailed: "Unable to skip forward",
@@ -739,6 +819,7 @@ var ve = {
     pnp: {
       title: "PNP Profile",
       noAssessmentBound: "No assessment bound",
+      noAssessmentBoundBody: "Profile, district and test-administration policy have nothing to read, so only an item's requiredTools can grant an accommodation. Pass the assessment to the toolkit's assessment property, or call updateAssessment(...) on the toolkit coordinator.",
       determinationReadOnly: "Determination (read-only)",
       toolsEditor: "Tools Editor",
       enforcement: "PNP enforcement",
@@ -814,15 +895,42 @@ var ve = {
       previewEnterText: "Enter preview text before starting playback.",
       previewUnavailable: "Cannot preview while this service is unavailable.",
       browserSynthesisUnavailable: "Browser speech synthesis is unavailable.",
-      browserSynthesisEndedEarly: "Browser speech synthesis ended before audio started. Restart the browser and try again.",
-      browserSynthesisQueueFailed: "Browser speech synthesis failed to queue preview audio.",
-      browserPreviewFailed: "Failed to play browser voice preview.",
       ssmlWordTrackingDisabled: "Google SSML preview preserves authored SSML, so word tracking is disabled.",
       applyUnavailable: "Cannot apply settings while this service is unavailable.",
-      coordinatorUnavailable: "Toolkit coordinator is not available for text-to-speech updates."
+      coordinatorUnavailable: "Toolkit coordinator is not available for text-to-speech updates.",
+      customProviderNotRegistered: "Custom provider '{id}' is not registered.",
+      customProviderNoConfig: "Custom provider '{id}' did not return an apply config.",
+      httpError: "HTTP {status}: {message}",
+      unknownError: "Unknown error",
+      previewRequestFailed: "Preview request failed ({status}).",
+      notAvailable: "n/a",
+      voiceLocal: "local",
+      voiceRemote: "remote",
+      voiceBrowserDefault: "browser default",
+      browserAvailable: {
+        one: "Browser TTS available ({count} voice detected).",
+        other: "Browser TTS available ({count} voices detected)."
+      },
+      pollyAvailable: {
+        one: "AWS Polly available ({count} matching voice, {engine} engine).",
+        other: "AWS Polly available ({count} matching voices, {engine} engine)."
+      },
+      googleAvailable: {
+        one: "Google Cloud TTS available ({count} matching voice).",
+        other: "Google Cloud TTS available ({count} matching voices)."
+      },
+      headerRowReservation: "Item header row reservation: {state}",
+      speedOptionsHelp: "Comma or semicolon-separated multipliers. Include 1 for Normal; leave empty to hide speed controls.",
+      usingSelectedVoice: "Using selected voice: {voice}",
+      autoVoice: "Best available voice (auto): {voice}",
+      autoVoiceWaiting: "Best available voice (auto): waiting for browser voices.",
+      previewHintBrowserSsml: "SSML is unsupported in Browser preview.",
+      previewHintGoogleSsml: "SSML preserved. Tracking disabled.",
+      previewHintCustom: "Tracking enabled when provider returns speech marks.",
+      previewHintTracking: "Tracking enabled while preview plays."
     }
   }
-}, k = "en-US", be = /* @__PURE__ */ new Set([
+}, k = "en-US", Ee = /* @__PURE__ */ new Set([
   "ar",
   "ckb",
   "dv",
@@ -838,7 +946,7 @@ var ve = {
   "ug",
   "ur",
   "yi"
-]), Se = /* @__PURE__ */ new Set([
+]), Pe = /* @__PURE__ */ new Set([
   "zero",
   "one",
   "two",
@@ -849,7 +957,7 @@ var ve = {
 function _(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.keys(e);
-  return t.length > 0 && t.every((i) => Se.has(i));
+  return t.length > 0 && t.every((i) => Pe.has(i));
 }
 function z(e) {
   try {
@@ -858,17 +966,17 @@ function z(e) {
   } catch {
   }
   const t = A(e).split("-")[0] ?? "";
-  return be.has(t) ? "rtl" : "ltr";
+  return Ee.has(t) ? "rtl" : "ltr";
 }
-var $ = class E {
+var G = class C {
   constructor(t = {}) {
-    f(this, "locale", void 0), f(this, "fallbackLocale", void 0), f(this, "catalogs", void 0), f(this, "customMessages", void 0), f(this, "loading", void 0), f(this, "listeners", /* @__PURE__ */ new Set()), f(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = P(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, ve]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
+    f(this, "locale", void 0), f(this, "fallbackLocale", void 0), f(this, "catalogs", void 0), f(this, "customMessages", void 0), f(this, "loading", void 0), f(this, "listeners", /* @__PURE__ */ new Set()), f(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = E(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, Ie]]), 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 [i, s] of Object.entries(t.customMessages)) this.addCustomMessages(i, s);
+    }, t.customMessages) for (const [i, n] of Object.entries(t.customMessages)) this.addCustomMessages(i, n);
     await this.setLocale(t.locale ?? this.locale);
   }
   getLocale() {
@@ -877,17 +985,17 @@ var $ = class E {
   async setLocale(t) {
     const i = this.resolveLocaleTag(t);
     if (!i) {
-      this.locale = P(t) || "en-US", this.notify();
+      this.locale = E(t) || "en-US", this.notify();
       return;
     }
-    if (!this.catalogs.has(i)) {
-      const s = this.loading.get(i);
-      if (s) await s;
+    if (!this.catalogs.has(i) && this.config.availableLocales?.includes(i)) {
+      const n = this.loading.get(i);
+      if (n) await n;
       else {
-        const n = this.loadCatalog(i);
-        this.loading.set(i, n);
+        const s = this.loadCatalog(i);
+        this.loading.set(i, s);
         try {
-          await n;
+          await s;
         } finally {
           this.loading.delete(i);
         }
@@ -896,12 +1004,12 @@ var $ = class E {
     this.locale = i, this.notify();
   }
   t(t, i) {
-    const s = this.lookup(t);
-    return s === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : U(s, i);
+    const n = this.lookup(t);
+    return n === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : U(n, i);
   }
   plural(t, i) {
-    const s = this.lookupNode(t);
-    return s === void 0 || !_(s) ? this.t(t, i) : U(s[this.selectPluralCategory(i.count)] ?? s.other, i);
+    const n = this.lookupNode(t);
+    return n === void 0 || !_(n) ? this.t(t, i) : U(n[this.selectPluralCategory(i.count)] ?? n.other, i);
   }
   getDirection() {
     return z(this.locale);
@@ -926,17 +1034,17 @@ var $ = class E {
     return this.lookup(t) !== void 0;
   }
   addCustomMessages(t, i) {
-    const s = P(t);
-    this.customMessages[s] = j(this.customMessages[s] ?? {}, i), this.notify();
+    const n = E(t);
+    this.customMessages[n] = j(this.customMessages[n] ?? {}, i), this.notify();
   }
   withLocale(t) {
-    const i = this.resolveLocaleTag(t) ?? P(t);
+    const i = this.resolveLocaleTag(t) ?? E(t);
     if (i === this.locale) return this;
-    const s = new E({
+    const n = new C({
       ...this.config,
       locale: i
     });
-    return s.locale = i || "en-US", s.catalogs = this.catalogs, s.customMessages = this.customMessages, s.loading = this.loading, s;
+    return n.locale = i || "en-US", n.catalogs = this.catalogs, n.customMessages = this.customMessages, n.loading = this.loading, n;
   }
   formatNumber(t, i) {
     try {
@@ -955,29 +1063,29 @@ var $ = class E {
   getBundle(t = this.locale) {
     const i = this.resolveLocaleTag(t);
     if (!i) return;
-    const s = this.catalogs.get(i);
-    if (s)
+    const n = this.catalogs.get(i);
+    if (n)
       return {
         locale: i,
-        translations: s,
+        translations: n,
         direction: z(i)
       };
   }
   resolveLocaleTag(t) {
     if (!t) return;
-    const i = this.getAvailableLocales(), s = ye(t, i);
-    if (s) return s;
-    const n = A(t).split("-")[0];
-    if (n)
-      return i.find((o) => A(o).split("-")[0] === n);
+    const i = this.getAvailableLocales(), n = Ae(t, i);
+    if (n) return n;
+    const s = A(t).split("-")[0];
+    if (s)
+      return i.find((o) => A(o).split("-")[0] === s);
   }
   async loadCatalog(t) {
     const i = this.config.loadCatalog;
     if (i)
       try {
         this.catalogs.set(t, await i(t));
-      } catch (s) {
-        throw new Error(`Failed to load i18n catalog for locale: ${t}`, { cause: s });
+      } catch (n) {
+        throw new Error(`Failed to load i18n catalog for locale: ${t}`, { cause: n });
       }
   }
   lookupNode(t) {
@@ -987,9 +1095,9 @@ var $ = class E {
       this.customMessages[this.fallbackLocale],
       this.catalogs.get(this.fallbackLocale)
     ];
-    for (const s of i) {
-      const n = we(s, t);
-      if (n !== void 0) return n;
+    for (const n of i) {
+      const s = Ce(n, t);
+      if (s !== void 0) return s;
     }
   }
   lookup(t) {
@@ -998,14 +1106,14 @@ var $ = class E {
     if (i !== void 0 && _(i)) return i.other;
   }
   selectPluralCategory(t) {
-    let i = E.pluralRules.get(this.locale);
+    let i = C.pluralRules.get(this.locale);
     if (!i) {
       try {
         i = new Intl.PluralRules(this.locale);
       } catch {
         return t === 1 ? "one" : "other";
       }
-      E.pluralRules.set(this.locale, i);
+      C.pluralRules.set(this.locale, i);
     }
     return i.select(t);
   }
@@ -1013,48 +1121,45 @@ var $ = class E {
     for (const t of this.listeners) t();
   }
 };
-f($, "pluralRules", /* @__PURE__ */ new Map());
-function P(e) {
-  return e ? e.trim().replace(/_/g, "-") : "";
-}
-function we(e, t) {
+f(G, "pluralRules", /* @__PURE__ */ new Map());
+function Ce(e, t) {
   if (!e) return;
   let i = e;
-  for (const s of t.split("."))
-    if (typeof i != "object" || i === null || (i = i[s], i === void 0)) return;
+  for (const n of t.split("."))
+    if (typeof i != "object" || i === null || (i = i[n], i === void 0)) return;
   return i;
 }
 function U(e, t) {
-  return t ? e.replace(/\{(\w+)\}/g, (i, s) => {
-    const n = t[s];
-    return n == null ? i : String(n);
+  return t ? e.replace(/\{(\w+)\}/g, (i, n) => {
+    const s = t[n];
+    return s == null ? i : String(s);
   }) : e;
 }
 function j(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] = j(o, n) : i[s] = n;
+  for (const [n, s] of Object.entries(t)) {
+    const o = i[n];
+    s && typeof s == "object" && o && typeof o == "object" ? i[n] = j(o, s) : i[n] = s;
   }
   return i;
 }
-function Ae(e = {}) {
-  return new $({
-    loadCatalog: ge,
-    availableLocales: me,
+function ke(e = {}) {
+  return new G({
+    loadCatalog: Se,
+    availableLocales: be,
     ...e
   });
 }
 function S() {
   return Date.now();
 }
-function C(e) {
+function P(e) {
   return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function Ie(e) {
-  if (e.attemptId) return `aas_v1_${C(e.assessmentId)}_${C(e.attemptId)}`;
-  const t = W(), i = t ? Pe(t) : "anon";
-  return `aas_v1_${C(e.assessmentId)}_${C(i)}`;
+function Re(e) {
+  if (e.attemptId) return `aas_v1_${P(e.assessmentId)}_${P(e.attemptId)}`;
+  const t = W(), i = t ? Ne(t) : "anon";
+  return `aas_v1_${P(e.assessmentId)}_${P(i)}`;
 }
 function W() {
   try {
@@ -1063,36 +1168,36 @@ function W() {
     return null;
   }
 }
-function Pe(e) {
+function Ne(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;
+  const n = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+  return e.setItem(t, n), n;
 }
-function Ce(e) {
+function Te(e) {
   if (!e) return [];
   const t = [], i = e.testParts || [];
-  return i.length > 0 ? (i.forEach((s, n) => {
-    (s.sections || []).forEach((o, r) => {
+  return i.length > 0 ? (i.forEach((n, s) => {
+    (n.sections || []).forEach((o, r) => {
       t.push({
-        stageIdentifier: s.identifier,
-        stageIndex: n,
+        stageIdentifier: n.identifier,
+        stageIndex: s,
         sectionIndex: t.length,
-        sectionIdentifier: o.identifier || `section-${n}-${r}`,
+        sectionIdentifier: o.identifier || `section-${s}-${r}`,
         section: o
       });
     });
-  }), t) : ((e.sections || []).forEach((s, n) => {
+  }), t) : ((e.sections || []).forEach((n, s) => {
     t.push({
       stageIdentifier: "default",
       stageIndex: 0,
-      sectionIndex: n,
-      sectionIdentifier: s.identifier || `section-${n}`,
-      section: s
+      sectionIndex: s,
+      sectionIdentifier: n.identifier || `section-${s}`,
+      section: n
     });
   }), t);
 }
-var Ee = class {
+var xe = class {
   constructor(e) {
     this.args = e, this.listeners = /* @__PURE__ */ new Set(), this.deliveryPlan = { sections: [] }, this.session = null, this.readiness = "bootstrapping", this.submitted = !1, this.saveQueue = Promise.resolve(), this.disposed = !1, this.storageContext = {
       assessmentId: e.assessmentId,
@@ -1109,20 +1214,27 @@ var Ee = class {
     throw e.name = "AbortError", e;
   }
   handleError(e, t, i) {
-    const s = e instanceof Error ? e : new Error(String(e));
-    this.args.hooks?.onError?.(s, {
+    const n = e instanceof Error ? e : new Error(String(e));
+    this.args.hooks?.onError?.(n, {
       phase: t,
       details: i
     });
   }
+  reportFailure(e, t) {
+    try {
+      this.disposed || (this.readiness = "error", t && this.handleError(e, t));
+    } catch (i) {
+      console.error("Assessment error hook failed", i);
+    }
+  }
   async getPersistenceStrategy() {
     if (this.persistenceStrategy) return this.persistenceStrategy;
     const e = { createDefaultPersistence: () => {
-      const t = W(), { assessmentId: i, attemptId: s } = this.storageContext, n = s ? `pie:assessment-controller:v1:${i}:${s}` : null;
+      const t = W(), { assessmentId: i, attemptId: n } = this.storageContext, s = n ? `pie:assessment-controller:v1:${i}:${n}` : null;
       return {
         async loadSession() {
-          if (!t || !n) return null;
-          const o = t.getItem(n);
+          if (!t || !s) return null;
+          const o = t.getItem(s);
           if (!o) return null;
           try {
             return JSON.parse(o);
@@ -1131,17 +1243,17 @@ var Ee = class {
           }
         },
         async saveSession(o, r) {
-          !t || !n || t.setItem(n, JSON.stringify(r));
+          !t || !s || t.setItem(s, JSON.stringify(r));
         },
         async clearSession() {
-          !t || !n || t.removeItem(n);
+          !t || !s || t.removeItem(s);
         }
       };
     } };
     return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = { createDefaultDeliveryPlan: () => ({ sections: Ce(this.args.assessment) }) }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: Te(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -1152,7 +1264,7 @@ var Ee = class {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
     return this.session = Q({
-      assessmentAttemptSessionIdentifier: Ie({
+      assessmentAttemptSessionIdentifier: Re({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -1171,12 +1283,7 @@ var Ee = class {
       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;
+      throw this.reportFailure(t, e), t;
     }
   }
   async hydrate() {
@@ -1193,12 +1300,7 @@ var Ee = class {
         timestamp: S()
       }), this.assertActive();
     } catch (e) {
-      try {
-        this.disposed || (this.readiness = "error", this.handleError(e, "session-load"));
-      } catch (t) {
-        console.error("Assessment error hook failed", t);
-      }
-      throw e;
+      throw this.reportFailure(e, "session-load"), e;
     }
   }
   dispose() {
@@ -1256,21 +1358,21 @@ var Ee = class {
     if (this.disposed) return !1;
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
-    const i = t.currentSectionId, s = this.deliveryPlan.sections[e];
+    const i = t.currentSectionId, n = this.deliveryPlan.sections[e];
     this.session = K(this.ensureSession(), {
       currentSectionIndex: e,
-      currentSectionIdentifier: s?.sectionIdentifier
+      currentSectionIdentifier: n?.sectionIdentifier
     });
-    const n = this.buildNavigationSnapshot();
+    const s = this.buildNavigationSnapshot();
     return this.emit({
       type: "assessment-route-changed",
       timestamp: S(),
-      currentSectionIndex: n.currentSectionIndex,
-      totalSections: n.totalSections,
-      currentSectionId: n.currentSectionId,
+      currentSectionIndex: s.currentSectionIndex,
+      totalSections: s.totalSections,
+      currentSectionId: s.currentSectionId,
       previousSectionId: i,
-      canNext: n.canNext,
-      canPrevious: n.canPrevious
+      canNext: s.canNext,
+      canPrevious: s.canPrevious
     }), this.disposed || (this.emit({
       type: "assessment-session-changed",
       timestamp: S()
@@ -1278,7 +1380,7 @@ var Ee = class {
       type: "assessment-progress-changed",
       timestamp: S(),
       visitedSectionCount: this.ensureSession().navigationState.visitedSectionIdentifiers.length,
-      totalSections: n.totalSections
+      totalSections: s.totalSections
     }), !0);
   }
   navigateTo(e) {
@@ -1340,44 +1442,35 @@ var Ee = class {
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
 };
-function ke(e, t) {
-  return !e?.delivery || e.delivery.enabled === !1 || !t || e.delivery.assignmentId !== void 0 ? e : {
-    ...e,
-    delivery: {
-      ...e.delivery,
-      assignmentId: t
-    }
-  };
-}
-function Re(e) {
-  const { sectionPlayerRuntime: t, playerType: i, assessmentId: s, attemptId: n, env: o, coordinator: r } = e, a = t?.player && typeof t.player == "object" ? {
+function Le(e) {
+  const { sectionPlayerRuntime: t, playerType: i, assessmentId: n, env: s, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
     ...t.player,
-    backend: ke(t.player.backend ? y(t.player.backend) : void 0, n)
+    backend: t.player.backend ? y(t.player.backend) : void 0
   } : t?.player;
   return {
     playerType: i,
-    ...s ? { assessmentId: s } : {},
-    ...o ? { env: o } : {},
-    ...r ? { coordinator: r } : {},
+    ...n ? { assessmentId: n } : {},
+    ...s ? { env: s } : {},
+    ...o ? { coordinator: o } : {},
     ...t || {},
-    ...a !== void 0 ? { player: a } : {}
+    ...r !== void 0 ? { player: r } : {}
   };
 }
-function B(e) {
+function O(e) {
   return !!e && typeof e == "object";
 }
 function N(e, t) {
   if (Object.is(e, t)) return !0;
   if (Array.isArray(e) || Array.isArray(t))
-    return !Array.isArray(e) || !Array.isArray(t) || e.length !== t.length ? !1 : e.every((s, n) => N(s, t[n]));
-  if (!B(e) || !B(t)) return !1;
+    return !Array.isArray(e) || !Array.isArray(t) || e.length !== t.length ? !1 : e.every((n, s) => N(n, t[s]));
+  if (!O(e) || !O(t)) return !1;
   const i = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
-  for (const s of i) if (!N(e[s], t[s])) return !1;
+  for (const n of i) if (!N(e[n], t[n])) return !1;
   return !0;
 }
-var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te = class extends HTMLElement {
+var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe = 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.pendingSession = 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 = Ae(), 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" };
+    super(...e), this._assessmentId = "", this._attemptId = "", this._locale = "", this._assessment = null, this._env = null, this._coordinator = null, this._hooks = null, this.pendingSession = 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 = ke(), 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 [
@@ -1520,11 +1613,11 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
       return;
     }
     this.readiness = { phase: "bootstrapping" }, this.renderEmptyState();
-    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, s = this.pendingSession, n = new Ee({
+    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, n = this.pendingSession, s = new xe({
       assessmentId: this.assessmentId,
       attemptId: this.attemptId || void 0,
       assessment: this.assessment,
-      initialSession: s,
+      initialSession: n,
       hooks: {
         ...t,
         onError: (o, r) => {
@@ -1532,12 +1625,12 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
             try {
               t?.onError?.(o, r);
             } finally {
-              i() && r.phase === "session-load" && this.controller === n && (this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o }));
+              i() && r.phase === "session-load" && this.controller === s && (this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o }));
             }
         }
       }
     });
-    this.initializingController = n, this.unsubscribeController = n.subscribe((o) => {
+    this.initializingController = s, this.unsubscribeController = s.subscribe((o) => {
       if (i()) {
         if (o.type === "assessment-route-changed") {
           if (this.syncCurrentSectionSessionIntoAssessment(), !i() || (this.cleanupTtsForSectionNavigation(o), !i()) || (this.dispatch(g.routeChanged, o), !i())) return;
@@ -1547,8 +1640,8 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
       }
     });
     try {
-      if (await n.initialize(), !i()) return;
-      this.pendingSession === s && (this.pendingSession = null), this.initializingController = null, this.controller = n, this.readiness = { phase: "ready" }, this.render(), this.settleControllerWaiters(n);
+      if (await s.initialize(), !i()) return;
+      this.pendingSession === n && (this.pendingSession = null), this.initializingController = null, this.controller = s, this.readiness = { phase: "ready" }, this.render(), this.settleControllerWaiters(s);
       const o = (r) => {
         if (i()) {
           try {
@@ -1560,28 +1653,28 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
         }
       };
       try {
-        Promise.resolve(t?.onAssessmentControllerReady?.(n)).catch(o);
+        Promise.resolve(t?.onAssessmentControllerReady?.(s)).catch(o);
       } catch (r) {
         o(r);
       }
-      i() && this.dispatch(g.controllerReady, { controller: n });
+      i() && this.dispatch(g.controllerReady, { controller: s });
     } catch (o) {
       if (!i()) return;
       this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o });
     }
   }
   resolveInstrumentationProvider() {
-    return ue({
+    return fe({
       runtimePlayer: this.sectionPlayerRuntime?.player,
       component: "pie-assessment-player-default"
     });
   }
   attachInstrumentationBridge() {
-    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = oe({
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = he({
       host: this,
       instrumentationProvider: this.resolveInstrumentationProvider(),
       component: "pie-assessment-player-default",
-      eventMap: he,
+      eventMap: ye,
       staticAttributes: {
         instrumentationLayer: "assessment",
         assessmentId: this.assessmentId,
@@ -1597,8 +1690,8 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
   createStatusContent(e, t) {
     const i = document.createElement("div");
     i.className = "pie-assessment-player-empty", i.tabIndex = -1;
-    const s = document.createElement("style");
-    s.textContent = `
+    const n = document.createElement("style");
+    n.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 {
@@ -1618,9 +1711,9 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
 				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) {
+		`, i.appendChild(n);
+    const s = document.createElement("p");
+    if (s.className = "pie-assessment-player-status-message", s.setAttribute("role", t ? "alert" : "status"), s.dataset.pieMessageKey = e, s.textContent = this.i18n.t(e), i.appendChild(s), 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);
     }
@@ -1649,19 +1742,18 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
       t.next,
       this.sectionHost
     ];
-    for (const s of i)
-      if (s && !(s instanceof HTMLButtonElement && s.disabled) && (s.focus(), document.activeElement === s))
+    for (const n of i)
+      if (n && !(n instanceof HTMLButtonElement && n.disabled) && (n.focus(), document.activeElement === n))
         return;
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? xe : Ne;
+    return this.sectionPlayerLayout === "vertical" ? Me : De;
   }
   buildSectionRuntime() {
-    return Re({
+    return Le({
       sectionPlayerRuntime: this.sectionPlayerRuntime,
       playerType: this.playerType,
       assessmentId: this.assessmentId || void 0,
-      attemptId: this.attemptId || void 0,
       env: this.env,
       coordinator: this.coordinator
     });
@@ -1673,25 +1765,17 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
   cleanupTtsForSectionNavigation(e) {
     if (e.currentSectionId && e.previousSectionId && e.currentSectionId === e.previousSectionId) return;
     const t = this.coordinator, i = t?.ttsService;
-    if (!i) return;
-    const s = (n) => {
-      t?.reportFrameworkError?.(J({
-        kind: "tts-init",
-        source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
-        error: n,
-        recoverable: !0
-      }));
-    };
-    try {
-      i.stop?.();
-    } catch (n) {
-      s(n);
-    }
-    try {
-      i.requestControlHandoff?.();
-    } catch (n) {
-      s(n);
-    }
+    if (i)
+      try {
+        i.stop();
+      } catch (n) {
+        t?.reportFrameworkError?.(J({
+          kind: "tts-init",
+          source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
+          error: n,
+          recoverable: !0
+        }));
+      }
   }
   syncCurrentSectionSessionIntoAssessment() {
     const e = this.controller;
@@ -1702,23 +1786,23 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
     i && e.updateSectionSession(i, y(t.getSession()));
   }
   attachSectionControllerReadyListener(e, t, i) {
-    const s = e, n = this.generation, o = this.sectionHost, r = this.controller, a = () => this.isConnected && this.generation === n && this.sectionHost === o && this.controller === r;
-    o.setAttribute("aria-busy", "true"), s.inert = !0;
+    const n = e, s = this.generation, o = this.sectionHost, r = this.controller, a = () => this.isConnected && this.generation === s && this.sectionHost === o && this.controller === r;
+    o.setAttribute("aria-busy", "true"), n.inert = !0;
     let h;
     new Promise((c) => {
       let p = !1;
       const u = (v) => {
-        p || (p = !0, clearTimeout(m), s.removeEventListener("pie-stage-change", l), c(v));
+        p || (p = !0, clearTimeout(m), n.removeEventListener("pie-stage-change", l), c(v));
       }, l = (v) => {
-        if (v.target !== s) return;
-        const { stage: x, status: V } = v.detail;
-        V === "failed" || x === "disposed" ? u(null) : x === "engine-ready" && u(s.getSectionController?.() || null);
+        if (v.target !== n) return;
+        const { stage: T, status: V } = v.detail;
+        V === "failed" || T === "disposed" ? u(null) : T === "engine-ready" && u(n.getSectionController?.() || null);
       }, m = setTimeout(() => u(null), 5e3);
-      s.addEventListener("pie-stage-change", l), h = () => u(null);
+      n.addEventListener("pie-stage-change", l), h = () => u(null);
     }).then(async (c) => {
       if (a()) {
         if (!c) throw new Error("Section controller did not become ready");
-        a() && (this.sectionControllerRef = c, this.sectionSessionReady = !0, s.inert = !1, o.setAttribute("aria-busy", "false"));
+        a() && (this.sectionControllerRef = c, this.sectionSessionReady = !0, n.inert = !1, o.setAttribute("aria-busy", "false"));
       }
     }).catch((c) => {
       if (!a()) return;
@@ -1751,10 +1835,10 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
     this.detachSectionListeners?.(), this.detachSectionListeners = void 0;
     const i = this.controller;
     this.attachInstrumentationBridge();
-    const s = this.restoreFocusOnRender || this.containerRef?.classList.contains("pie-assessment-player-empty") ? this.captureFocusIntent() : null;
+    const n = 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 s = document.createElement("div");
+    s.className = "pie-assessment-player-default";
     const o = document.createElement("style");
     o.textContent = `
 			:host {
@@ -1804,7 +1888,7 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
 				height: 100%;
 				overflow: hidden;
 			}
-		`, n.appendChild(o);
+		`, s.appendChild(o);
     const r = this.getSnapshot(), a = r.navigation.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
       position: r.navigation.currentIndex + 1,
       total: r.navigation.totalSections
@@ -1820,7 +1904,7 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
         this.navigatePrevious();
       }), d = document.createElement("button"), d.type = "button", d.className = "pie-assessment-player-nav-btn", d.setAttribute("data-pie-navigation", "next"), d.textContent = this.i18n.t("common.next"), d.disabled = !r.navigation.canNext, d.addEventListener("click", () => {
         this.navigateNext();
-      }), m.appendChild(h), m.appendChild(d), u.appendChild(l), u.appendChild(m), n.appendChild(u);
+      }), m.appendChild(h), m.appendChild(d), u.appendChild(l), u.appendChild(m), s.appendChild(u);
     }
     const c = document.createElement("div");
     c.className = "pie-assessment-player-section-host", c.setAttribute("role", "region"), c.setAttribute("aria-label", a), c.tabIndex = -1, this.sectionHost = c;
@@ -1834,7 +1918,7 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
       const m = y(i.getSectionSession(p.sectionIdentifier));
       l.section = p.section, m && (l.session = m), l.runtime = this.buildSectionRuntime(), l.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, c.appendChild(l), this.attachSectionControllerReadyListener(l, p.sectionIdentifier, !!m);
     }
-    n.appendChild(c), this.swapContent(n), s && (this.applyFocusIntent(s, {
+    s.appendChild(c), this.swapContent(s), n && (this.applyFocusIntent(n, {
       previous: h,
       next: d
     }), this.announceSectionChange(a));
@@ -1845,10 +1929,10 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
       total: e.totalSections
     }) : this.i18n.t("player.assessment.noSections"), i = this.containerRef?.querySelector(".pie-assessment-player-navigation");
     i && (i.hidden = !R(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 n = this.containerRef?.querySelector(".pie-assessment-player-current-position");
+    n && (n.textContent = t);
+    const s = i?.querySelector('[data-pie-navigation="previous"]'), o = i?.querySelector('[data-pie-navigation="next"]');
+    s && (s.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 a = this.containerRef?.querySelector(".pie-assessment-player-retry");
@@ -1902,15 +1986,15 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
     return this.getSnapshot().progress;
   }
   navigateTo(e) {
-    const t = this.selectNavigation(), i = t.currentIndex, s = t.currentSectionId;
-    let n = i, o;
+    const t = this.selectNavigation(), i = t.currentIndex, n = t.currentSectionId;
+    let s = i, o;
     if (typeof e == "number")
-      n = e, o = this.controller?.getSectionAt(n)?.sectionIdentifier;
+      s = e, o = this.controller?.getSectionAt(s)?.sectionIdentifier;
     else if (o = e, this.controller?.getCurrentSection()?.sectionIdentifier === o) return !0;
     if (!this.dispatch(g.navigationRequested, {
       fromIndex: i,
-      toIndex: n,
-      fromSectionId: s,
+      toIndex: s,
+      fromSectionId: n,
       toSectionId: o,
       reason: "navigate-to"
     }, !0)) return !1;
@@ -1947,21 +2031,21 @@ var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te
   async waitForAssessmentController(e = 5e3) {
     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);
+      const n = (o) => {
+        clearTimeout(s), this.controllerWaiters.delete(n), i(o);
+      }, s = setTimeout(() => n(null), e);
+      this.controllerWaiters.add(n);
     }));
   }
 };
-O("pie-assessment-player-default", Te, "assessment player default tag");
-var Le = class extends HTMLElement {
-  constructor(...e) {
-    super(...e), this.showNavigation = !0;
-  }
+H("pie-assessment-player-default", Fe, "assessment player default tag");
+var _e = class extends HTMLElement {
   static get observedAttributes() {
     return ["show-navigation"];
   }
+  constructor() {
+    super(), this.showNavigation = !0, this.attachShadow({ mode: "open" });
+  }
   connectedCallback() {
     this.showNavigation = this.getAttribute("show-navigation") ?? this.showNavigation, this.render();
   }
@@ -1969,9 +2053,7 @@ var Le = class extends HTMLElement {
     e === "show-navigation" && (this.showNavigation = i), this.render();
   }
   render() {
-    const e = R(this.showNavigation, !0);
-    this.innerHTML = "";
-    const t = document.createElement("style");
+    const e = R(this.showNavigation, !0), t = document.createElement("style");
     t.textContent = `
 			:host {
 				display: block;
@@ -1979,13 +2061,14 @@ var Le = class extends HTMLElement {
 				min-height: 0;
 			}
 			.pie-assessment-player-shell {
-				display: grid;
-				grid-template-rows: auto minmax(0, 1fr);
+				display: flex;
+				flex-direction: column;
 				height: 100%;
 				min-height: 0;
 				gap: 0.5rem;
 			}
 			.pie-assessment-player-shell__body {
+				flex: 1 1 0;
 				min-height: 0;
 				overflow: hidden;
 			}
@@ -1995,13 +2078,13 @@ var Le = class extends HTMLElement {
       const o = document.createElement("slot");
       o.name = "navigation", i.appendChild(o);
     }
-    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);
+    const n = document.createElement("div");
+    n.className = "pie-assessment-player-shell__body";
+    const s = document.createElement("slot");
+    n.appendChild(s), i.appendChild(n), this.shadowRoot?.replaceChildren(t, i);
   }
 };
-O("pie-assessment-player-shell", Le, "assessment player shell tag");
+H("pie-assessment-player-shell", _e, "assessment player shell tag");
 export {
   g as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };