@pie-players/pie-assessment-player 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/pie-assessment-player.js

@@ -1,36 +1,36 @@
 import "@pie-players/pie-section-player";
-import { createNewAssessmentSession as Q, frameworkErrorFromUnknown as J, setCurrentSectionPosition as K, upsertSectionSession as Y } from "@pie-players/pie-assessment-toolkit";
-function w(e) {
+import { createNewAssessmentSession as Y, frameworkErrorFromUnknown as Z, setCurrentSectionPosition as X, upsertSectionSession as ee } from "@pie-players/pie-assessment-toolkit";
+function A(e) {
   "@babel/helpers - typeof";
-  return w = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return A = 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;
-  }, w(e);
+  }, A(e);
 }
-function Z(e, t) {
-  if (w(e) != "object" || !e) return e;
+function te(e, t) {
+  if (A(e) != "object" || !e) return e;
   var i = e[Symbol.toPrimitive];
   if (i !== void 0) {
     var n = i.call(e, t || "default");
-    if (w(n) != "object") return n;
+    if (A(n) != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-function X(e) {
-  var t = Z(e, "string");
-  return w(t) == "symbol" ? t : t + "";
+function ie(e) {
+  var t = te(e, "string");
+  return A(t) == "symbol" ? t : t + "";
 }
 function f(e, t, i) {
-  return (t = X(t)) in e ? Object.defineProperty(e, t, {
+  return (t = ie(t)) in e ? Object.defineProperty(e, t, {
     value: i,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = i, e;
 }
-var ee = class {
+var ne = class {
   constructor() {
     f(this, "initialized", !1), f(this, "config", void 0);
   }
@@ -95,17 +95,17 @@ var ee = class {
     return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
   }
 };
-function x(e) {
+function L(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;
+  if (L(e)) return e;
+  if (L(t)) return t;
 }
-var te = class extends ee {
+var se = class extends ne {
   constructor(...e) {
     super(...e), f(this, "providerId", "newrelic"), f(this, "providerName", "New Relic");
   }
@@ -133,12 +133,12 @@ var te = class extends ee {
     if (typeof t?.setCustomAttribute == "function") for (const [i, n] of Object.entries(e)) t.setCustomAttribute(i, n);
   }
 };
-function B(e) {
+function $(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([
+var oe = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -147,17 +147,17 @@ var ie = /* @__PURE__ */ new Set([
   "font-face-format",
   "font-face-name",
   "missing-glyph"
-]), ne = /^[a-z][a-z0-9._-]*-[a-z0-9._-]*$/, se = (e, t = "custom element tag") => {
+]), re = /^[a-z][a-z0-9._-]*-[a-z0-9._-]*$/, ae = (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 "-"`);
+  if (oe.has(i)) throw new Error(`Invalid ${t} "${i}": this name is reserved by the HTML spec`);
+  if (!re.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);
+}, le = (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", ce = (e, t, i = "custom element tag", n = {}) => {
+  const s = ae(e, i);
   if (customElements.get(s)) return {
     outcome: "already-defined",
     tagName: s
@@ -168,7 +168,7 @@ var ie = /* @__PURE__ */ new Set([
       tagName: s
     };
   } catch (o) {
-    if (!oe(o)) return {
+    if (!le(o)) return {
       outcome: "error",
       tagName: s,
       error: o
@@ -196,8 +196,8 @@ var ie = /* @__PURE__ */ new Set([
       };
     }
   }
-}, H = (e, t, i = "custom element tag") => {
-  const n = re(e, t, i);
+}, q = (e, t, i = "custom element tag") => {
+  const n = ce(e, t, i);
   if (n.outcome === "error" || n.outcome === "wrapped-error") throw n.error;
   return {
     status: n.outcome === "already-defined" ? "already-defined" : "defined",
@@ -210,7 +210,7 @@ var ie = /* @__PURE__ */ new Set([
   for (const i in e) Object.hasOwn(e, i) && (t[i] = y(e[i]));
   return t;
 };
-function $(e, t) {
+function G(e, t) {
   const i = `[${e}]`;
   return {
     debug: (n, ...s) => {
@@ -221,11 +221,11 @@ function $(e, t) {
     error: (n, ...s) => console.error(i, n, ...s)
   };
 }
-function q() {
+function j() {
   return typeof window < "u" && window.PIE_DEBUG === !0;
 }
-var ae = $("instrumentation-event-bridge", () => q());
-function le(e) {
+var de = G("instrumentation-event-bridge", () => j());
+function ue(e) {
   if (e === null) return !0;
   const t = typeof e;
   if (t === "function" || t === "symbol") return !1;
@@ -233,18 +233,18 @@ function le(e) {
   const i = Object.getPrototypeOf(e);
   return i === Object.prototype || i === null;
 }
-function ce(e) {
+function he(e) {
   if (e && typeof e == "object") {
     const t = {};
-    for (const [i, n] of Object.entries(e)) le(n) && (t[i] = n);
+    for (const [i, n] of Object.entries(e)) ue(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 pe(e) {
+  de.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
 }
-function ue(e) {
+function me(e) {
   try {
     e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
       component: e.component,
@@ -254,13 +254,13 @@ function ue(e) {
   } catch {
   }
 }
-function he(e) {
+function ge(e) {
   if (!e.host || !e.eventMap.length) return () => {
   };
   if (!e.instrumentationProvider) return () => {
   };
-  if (!B(e.instrumentationProvider))
-    return e.debug && de(e.component), () => {
+  if (!$(e.instrumentationProvider))
+    return e.debug && pe(e.component), () => {
     };
   const t = e.instrumentationProvider, i = [], n = Math.max(0, e.dedupeWindowMs ?? 0), s = /* @__PURE__ */ new Map(), o = (r, a) => {
     const h = [
@@ -277,7 +277,7 @@ function he(e) {
     const a = (h) => {
       try {
         if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(h)) return;
-        const d = ce(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), p = {
+        const d = he(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), p = {
           ...d,
           ...e.staticAttributes,
           component: e.component,
@@ -291,7 +291,7 @@ function he(e) {
         }
         t.trackEvent(r.instrumentationEventName, { ...p });
       } catch (d) {
-        ue({
+        me({
           provider: t,
           component: e.component,
           error: d,
@@ -307,14 +307,14 @@ function he(e) {
     for (const r of i) r();
   };
 }
-function L(e) {
+function x(e) {
   return e && typeof e == "object" ? e : {};
 }
-function D(e) {
-  const t = L(L(e).loaderConfig);
+function M(e) {
+  const t = x(x(e).loaderConfig);
   return Object.keys(t).length > 0 ? t : null;
 }
-function M(e) {
+function D(e) {
   if (!e || !("instrumentationProvider" in e)) return { kind: "unset" };
   const t = e.instrumentationProvider;
   return t === null ? { kind: "null" } : typeof t > "u" ? { kind: "unset" } : {
@@ -327,25 +327,25 @@ function F(e) {
   const t = e.trackPageActions;
   return typeof t == "boolean" ? t : void 0;
 }
-function pe(e, t) {
+function fe(e, t) {
   return e.kind === "value" || e.kind === "null" ? e : t;
 }
-var I, me = $("instrumentation-provider-resolution", () => q());
-function ge() {
-  return I || (I = new te(), I.initialize()), I;
+var E, ye = G("instrumentation-provider-resolution", () => j());
+function ve() {
+  return E || (E = new se(), E.initialize()), E;
 }
-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));
+function be(e) {
+  const t = M(e.runtimePlayer), i = M(e.player), n = F(t), s = F(i), o = n ?? s ?? !1, r = fe(D(t), D(i));
   if (r.kind !== "null") {
-    if (r.kind === "unset") return o ? ge() : void 0;
-    if (B(r.value)) return r.value;
+    if (r.kind === "unset") return o ? ve() : void 0;
+    if ($(r.value)) return r.value;
     if (e.debug) {
       const a = e.component ? `[${e.component}] ` : "";
-      me.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+      ye.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
     }
   }
 }
-var ye = [
+var Se = [
   {
     sourceEventName: "assessment-controller-ready",
     instrumentationEventName: "pie-assessment-controller-ready"
@@ -379,7 +379,7 @@ var ye = [
     instrumentationEventName: "pie-assessment-error"
   }
 ];
-function R(e, t = !1) {
+function N(e, t = !1) {
   if (typeof e == "boolean") return e;
   if (e == null) return t;
   const i = String(e).trim().toLowerCase();
@@ -390,35 +390,7 @@ function R(e, t = !1) {
     "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 E(e) {
-  return e ? e.trim().replace(/_/g, "-") : "";
-}
-function we(e) {
-  const t = A(e);
-  if (!t) return [];
-  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 n;
-}
-function Ae(e, t) {
-  for (const i of we(e)) {
-    const n = t.find((s) => A(s) === i);
-    if (n != null) return n;
-  }
-}
-var Ie = {
+var W = {
   common: {
     close: "Close",
     cancel: "Cancel",
@@ -451,6 +423,8 @@ var Ie = {
     apply: "Apply",
     enabled: "Enabled",
     disabled: "Disabled",
+    lookUp: "Look up",
+    wordOrPhrase: "Word or phrase",
     closeA11y: "Close",
     settingsA11y: "Open settings menu"
   },
@@ -479,6 +453,10 @@ var Ie = {
     resizeMediaRegion: "Resize media region",
     resizeQuestionAndMediaA11y: "Resize question and media panels",
     resizePassageAndMediaA11y: "Resize passage and media panels",
+    resizePassageAndQuestionA11y: "Resize passage and question panels",
+    passageWidthA11y: "{percent}% passage width",
+    questionPositionA11y: "Question {position} of {total}",
+    questionPositionLabeledA11y: "{label}, question {position} of {total}",
     assessment: {
       sectionPosition: "Section {position} of {total}",
       noSections: "No sections",
@@ -505,6 +483,13 @@ var Ie = {
       playbackPaused: "Playback paused. Answer question {position} to continue.",
       playbackAdvisory: "Answer question {position} before continuing with the media.",
       playbackReleased: "Answer accepted. Continue playing the media."
+    },
+    summary: {
+      correctA11y: "Correct answer",
+      answer: "Answer",
+      manualScoring: "Scored by a teacher",
+      audio: "Audio",
+      video: "Video"
     }
   },
   toolkit: {
@@ -524,13 +509,16 @@ var Ie = {
       moveRightA11y: "Move tool right",
       moveUpA11y: "Move tool up",
       moveDownA11y: "Move tool down",
-      shrinkA11y: "Shrink tool window",
-      growA11y: "Grow tool window",
+      narrowerA11y: "Make tool window narrower",
+      widerA11y: "Make tool window wider",
+      shorterA11y: "Make tool window shorter",
+      tallerA11y: "Make tool window taller",
       centerA11y: "Center tool window",
       closeA11y: "Close tool"
     },
     placement: {
       controlsA11y: "Move and rotate",
+      moveAndResizeA11y: "Move and resize",
       rotateClockwiseA11y: "Rotate {degrees}° clockwise",
       rotateCounterclockwiseA11y: "Rotate {degrees}° counterclockwise"
     },
@@ -557,7 +545,8 @@ var Ie = {
       closedGraphing: "Graphing calculator closed",
       toolA11y: "Calculator tool",
       loading: "Loading calculator…",
-      providerUnavailable: "The calculator is unavailable."
+      providerUnavailable: "The calculator is unavailable.",
+      initFailed: "Calculator failed to initialize."
     },
     graph: {
       name: "Graph",
@@ -639,14 +628,32 @@ var Ie = {
       description: "Look up word definitions",
       buttonA11y: "Dictionary, look up word definitions",
       tooltip: "Dictionary",
-      toolA11y: "Dictionary"
+      toolA11y: "Dictionary",
+      notConfigured: "No dictionary service is configured for this assessment.",
+      idleHint: "Type a word to look it up.",
+      lookingUp: "Looking up “{term}”…",
+      noEntryFor: "No entry for “{term}”.",
+      entriesCount: {
+        one: "{count} entry",
+        other: "{count} entries"
+      },
+      noEntryStatusFor: "No dictionary entry for {term}."
     },
     pictureDictionary: {
       name: "Picture Dictionary",
       description: "Look up pictures for words",
       buttonA11y: "Picture Dictionary, look up pictures for words",
       tooltip: "Picture Dictionary",
-      toolA11y: "Picture Dictionary"
+      toolA11y: "Picture Dictionary",
+      notConfigured: "No picture dictionary service is configured for this assessment.",
+      idleHint: "Type a word to see a picture of it.",
+      lookingUp: "Looking up “{term}”…",
+      noEntryFor: "No picture for “{term}”.",
+      entriesCount: {
+        one: "{count} picture",
+        other: "{count} pictures"
+      },
+      noEntryStatusFor: "No picture for {term}."
     },
     dictionarySpanish: {
       name: "Spanish Dictionary",
@@ -674,10 +681,36 @@ var Ie = {
       windowHeightAnnounce: "Reading window height {pixels} pixels",
       frameHeightAnnounce: "Frame height {pixels} pixels",
       widthAnnounce: "Width {pixels} pixels",
+      shorterWindowA11y: "Make the reading window shorter",
+      tallerWindowA11y: "Make the reading window taller",
+      shorterFrameA11y: "Make the frame shorter",
+      tallerFrameA11y: "Make the frame taller",
+      narrowerA11y: "Make the line reader narrower",
+      widerA11y: "Make the line reader wider",
       applicationA11y: "Line Reader tool. A clear reading window inside an obscuring frame. Use arrow keys to move, +/- to resize the reading window, Escape to close. Reading window height: {paneHeight} pixels, Frame height: {frameHeight} pixels",
       resizeWindowFullA11y: "Resize the reading window. Drag, or use the up and down arrow keys to change its height. Current height {paneHeight} pixels",
       resizeFrameFullA11y: "Resize the frame. Drag, or use the up and down arrow keys to change the frame height and the left and right arrow keys to change the width. Current frame height {frameHeight} pixels, width {width} pixels"
     },
+    magnification: {
+      name: "Magnifier",
+      description: "Magnify the content under a movable lens",
+      buttonA11y: "Magnifier, enlarge the content under a lens",
+      tooltip: "Magnifier",
+      roleA11y: "Draggable and resizable magnifying lens",
+      applicationA11y: "Magnifier at {zoom} times. Use the arrow keys to move the lens, + and - to change the zoom, and Escape to close.",
+      zoomIn: "Zoom in",
+      zoomOut: "Zoom out",
+      zoomLevel: "{zoom}×",
+      zoomAnnounce: "Zoom {zoom} times",
+      close: "Close magnifier",
+      resizeA11y: "Drag to resize the magnifier",
+      resizeFullA11y: "Resize the magnifier. Drag, or use the arrow keys. Current size {width} by {height} pixels",
+      sizeAnnounce: "Magnifier {width} by {height} pixels",
+      narrowerA11y: "Make the magnifier narrower",
+      widerA11y: "Make the magnifier wider",
+      shorterA11y: "Make the magnifier shorter",
+      tallerA11y: "Make the magnifier taller"
+    },
     answerEliminator: {
       name: "Answer Eliminator",
       description: "Strike through answer choices",
@@ -816,6 +849,30 @@ var Ie = {
     toggleEventPanelA11y: "Toggle event broadcast panel",
     toggleDatabasePanelA11y: "Toggle database state panel",
     toggleInstrumentationPanelA11y: "Toggle instrumentation panel",
+    clear: "clear",
+    pause: "pause",
+    resume: "resume",
+    controllerUnavailable: "controller unavailable",
+    noMatchingEvents: "No matching events yet. Interact with an item to capture controller events.",
+    noSectionSessionYet: "No section session data yet. Interact with the questions to see updates.",
+    eventLevelItem: "item",
+    eventLevelSection: "section",
+    instrumentationKindAll: "all",
+    instrumentationKindEvent: "event",
+    instrumentationKindError: "error",
+    instrumentationKindMetric: "metric",
+    instrumentationKindUserContext: "user-context",
+    instrumentationKindGlobalAttributes: "global-attributes",
+    instrumentationFieldName: "name:",
+    instrumentationFieldKind: "kind:",
+    instrumentationFieldProvider: "provider:",
+    instrumentationFieldTimestamp: "timestamp:",
+    instrumentationFieldValue: "value:",
+    instrumentationFieldError: "error:",
+    sessionDbAssessmentId: "assessmentId:",
+    sessionDbSectionId: "sectionId:",
+    sessionDbAttemptId: "attemptId:",
+    sessionDbMode: "mode:",
     pnp: {
       title: "PNP Profile",
       noAssessmentBound: "No assessment bound",
@@ -833,7 +890,13 @@ var Ie = {
       provenanceSummary: "Tool Policy Provenance Summary",
       perToolDecisions: "Per-Tool Decisions",
       policyDiagnostics: "Policy Diagnostics",
-      profileReadOnly: "PNP Profile (read-only)"
+      profileReadOnly: "PNP Profile (read-only)",
+      on: "On",
+      effective: "Effective:",
+      needs: "needs",
+      hostSurfaceNotPlaced: "host surface (not placed)",
+      support: "support",
+      prohibit: "prohibit"
     },
     tts: {
       title: "TTS settings",
@@ -927,10 +990,58 @@ var Ie = {
       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."
+      previewHintTracking: "Tracking enabled while preview plays.",
+      formatMp3: "MP3",
+      formatOgg: "OGG",
+      formatPcm: "PCM",
+      sampleRate8000: "8000 Hz",
+      sampleRate16000: "16000 Hz",
+      sampleRate22050: "22050 Hz",
+      sampleRate24000: "24000 Hz",
+      apiEndpointPlaceholder: "/api/tts",
+      languagePlaceholder: "en-US",
+      ssml: "SSML"
     }
   }
-}, k = "en-US", Ee = /* @__PURE__ */ new Set([
+}, we = { "nl-NL": () => import("./nl-NL-DAsk17yt.js") }, Ae = ["en-US", "nl-NL"];
+async function Ie(e) {
+  if (e === "en-US") return W;
+  const t = we[e];
+  if (!t) throw new Error(`No bundled i18n catalog for locale: ${e}`);
+  return (await t()).default;
+}
+function I(e) {
+  return e ? e.trim().replace(/_/g, "-").split(/[.@]/)[0].toLowerCase() : "";
+}
+function w(e) {
+  return e ? e.trim().replace(/_/g, "-") : "";
+}
+function Ee(e) {
+  const t = I(e);
+  if (!t) return [];
+  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 n;
+}
+function Pe(e, t) {
+  for (const i of Ee(e)) {
+    const n = t.find((s) => I(s) === i);
+    if (n != null) return n;
+  }
+}
+function Ce(e) {
+  const t = w(e).split(/[.@]/)[0];
+  if (/^[a-z]{2,3}(-|$)/i.test(t))
+    try {
+      return Intl.getCanonicalLocales(t)[0];
+    } catch {
+      return;
+    }
+}
+var C = "en-US", ke = /* @__PURE__ */ new Set([
   "ar",
   "ckb",
   "dv",
@@ -946,7 +1057,7 @@ var Ie = {
   "ug",
   "ur",
   "yi"
-]), Pe = /* @__PURE__ */ new Set([
+]), Ne = /* @__PURE__ */ new Set([
   "zero",
   "one",
   "two",
@@ -954,23 +1065,23 @@ var Ie = {
   "many",
   "other"
 ]);
-function _(e) {
+function z(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.keys(e);
-  return t.length > 0 && t.every((i) => Pe.has(i));
+  return t.length > 0 && t.every((i) => Ne.has(i));
 }
-function z(e) {
+function _(e) {
   try {
     const i = new Intl.Locale(e).textInfo;
     if (i?.direction === "rtl" || i?.direction === "ltr") return i.direction;
   } catch {
   }
-  const t = A(e).split("-")[0] ?? "";
-  return Ee.has(t) ? "rtl" : "ltr";
+  const t = I(e).split("-")[0] ?? "";
+  return ke.has(t) ? "rtl" : "ltr";
 }
-var G = class C {
+var V = class k {
   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 = 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";
+    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 = w(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[C, W]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
   }
   async initialize(t) {
     if (this.config = {
@@ -985,7 +1096,7 @@ var G = class C {
   async setLocale(t) {
     const i = this.resolveLocaleTag(t);
     if (!i) {
-      this.locale = E(t) || "en-US", this.notify();
+      this.locale = w(t) || "en-US", this.notify();
       return;
     }
     if (!this.catalogs.has(i) && this.config.availableLocales?.includes(i)) {
@@ -1005,14 +1116,14 @@ var G = class C {
   }
   t(t, i) {
     const n = this.lookup(t);
-    return n === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : U(n, i);
+    return n === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : O(n, i, this.locale);
   }
   plural(t, i) {
     const n = this.lookupNode(t);
-    return n === void 0 || !_(n) ? this.t(t, i) : U(n[this.selectPluralCategory(i.count)] ?? n.other, i);
+    return n === void 0 || !z(n) ? this.t(t, i) : O(n[this.selectPluralCategory(i.count)] ?? n.other, i, this.locale);
   }
   getDirection() {
-    return z(this.locale);
+    return _(this.locale);
   }
   getAvailableLocales() {
     return [.../* @__PURE__ */ new Set([
@@ -1034,13 +1145,13 @@ var G = class C {
     return this.lookup(t) !== void 0;
   }
   addCustomMessages(t, i) {
-    const n = E(t);
-    this.customMessages[n] = j(this.customMessages[n] ?? {}, i), this.notify();
+    const n = w(t);
+    this.customMessages[n] = Q(this.customMessages[n] ?? {}, i), this.notify();
   }
   withLocale(t) {
-    const i = this.resolveLocaleTag(t) ?? E(t);
+    const i = this.resolveLocaleTag(t) ?? w(t);
     if (i === this.locale) return this;
-    const n = new C({
+    const n = new k({
       ...this.config,
       locale: i
     });
@@ -1050,14 +1161,14 @@ var G = class C {
     try {
       return new Intl.NumberFormat(this.locale, i).format(t);
     } catch {
-      return new Intl.NumberFormat(k, i).format(t);
+      return new Intl.NumberFormat(C, i).format(t);
     }
   }
   formatDate(t, i) {
     try {
       return new Intl.DateTimeFormat(this.locale, i).format(t);
     } catch {
-      return new Intl.DateTimeFormat(k, i).format(t);
+      return new Intl.DateTimeFormat(C, i).format(t);
     }
   }
   getBundle(t = this.locale) {
@@ -1068,16 +1179,16 @@ var G = class C {
       return {
         locale: i,
         translations: n,
-        direction: z(i)
+        direction: _(i)
       };
   }
   resolveLocaleTag(t) {
     if (!t) return;
-    const i = this.getAvailableLocales(), n = Ae(t, i);
+    const i = this.getAvailableLocales(), n = Pe(t, i);
     if (n) return n;
-    const s = A(t).split("-")[0];
+    const s = I(t).split("-")[0];
     if (s)
-      return i.find((o) => A(o).split("-")[0] === s);
+      return i.find((o) => I(o).split("-")[0] === s);
   }
   async loadCatalog(t) {
     const i = this.config.loadCatalog;
@@ -1096,24 +1207,24 @@ var G = class C {
       this.catalogs.get(this.fallbackLocale)
     ];
     for (const n of i) {
-      const s = Ce(n, t);
+      const s = Re(n, t);
       if (s !== void 0) return s;
     }
   }
   lookup(t) {
     const i = this.lookupNode(t);
     if (typeof i == "string") return i;
-    if (i !== void 0 && _(i)) return i.other;
+    if (i !== void 0 && z(i)) return i.other;
   }
   selectPluralCategory(t) {
-    let i = C.pluralRules.get(this.locale);
+    let i = k.pluralRules.get(this.locale);
     if (!i) {
       try {
         i = new Intl.PluralRules(this.locale);
       } catch {
         return t === 1 ? "one" : "other";
       }
-      C.pluralRules.set(this.locale, i);
+      k.pluralRules.set(this.locale, i);
     }
     return i.select(t);
   }
@@ -1121,32 +1232,66 @@ var G = class C {
     for (const t of this.listeners) t();
   }
 };
-f(G, "pluralRules", /* @__PURE__ */ new Map());
-function Ce(e, t) {
+f(V, "pluralRules", /* @__PURE__ */ new Map());
+function Re(e, t) {
   if (!e) return;
   let i = e;
   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, n) => {
-    const s = t[n];
-    return s == null ? i : String(s);
+var U = /* @__PURE__ */ new Map();
+function Te(e, t) {
+  let i = U.get(t);
+  if (!i) {
+    try {
+      i = new Intl.NumberFormat(t);
+    } catch {
+      i = new Intl.NumberFormat(C);
+    }
+    U.set(t, i);
+  }
+  return i.format(e);
+}
+function O(e, t, i) {
+  return t ? e.replace(/\{(\w+)\}/g, (n, s) => {
+    const o = t[s];
+    return o == null ? n : i !== void 0 && typeof o == "number" && Number.isFinite(o) ? Te(o, i) : String(o);
   }) : e;
 }
-function j(e, t) {
+function Q(e, t) {
   const i = { ...e };
   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;
+    s && typeof s == "object" && o && typeof o == "object" ? i[n] = Q(o, s) : i[n] = s;
   }
   return i;
 }
-function ke(e = {}) {
-  return new G({
-    loadCatalog: Se,
-    availableLocales: be,
+function B(e, t) {
+  const i = t.getLocale();
+  e.setAttribute("lang", Ce(i) ?? i), e.setAttribute("dir", t.getDirection?.() ?? "ltr");
+}
+function Le(e, t, i) {
+  if (!e) return;
+  const n = {
+    kind: "i18n-locale-load",
+    source: t,
+    message: i instanceof Error && i.message.trim().length > 0 ? i.message : String(i ?? "Unknown catalog load failure"),
+    details: [],
+    recoverable: !0,
+    scope: "runtime",
+    cause: i
+  };
+  e.dispatchEvent(new CustomEvent("framework-error", {
+    detail: n,
+    bubbles: !0,
+    composed: !0
+  }));
+}
+function xe(e = {}) {
+  return new V({
+    loadCatalog: Ie,
+    availableLocales: Ae,
     ...e
   });
 }
@@ -1156,25 +1301,25 @@ function S() {
 function P(e) {
   return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function Re(e) {
+function Me(e) {
   if (e.attemptId) return `aas_v1_${P(e.assessmentId)}_${P(e.attemptId)}`;
-  const t = W(), i = t ? Ne(t) : "anon";
+  const t = K(), i = t ? De(t) : "anon";
   return `aas_v1_${P(e.assessmentId)}_${P(i)}`;
 }
-function W() {
+function K() {
   try {
     return typeof window > "u" ? null : window.localStorage;
   } catch {
     return null;
   }
 }
-function Ne(e) {
+function De(e) {
   const t = "pie:assessment-player:anonymous-device-id", i = e.getItem(t);
   if (i) return i;
   const n = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
   return e.setItem(t, n), n;
 }
-function Te(e) {
+function Fe(e) {
   if (!e) return [];
   const t = [], i = e.testParts || [];
   return i.length > 0 ? (i.forEach((n, s) => {
@@ -1197,7 +1342,7 @@ function Te(e) {
     });
   }), t);
 }
-var xe = class {
+var ze = 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,
@@ -1230,7 +1375,7 @@ var xe = class {
   async getPersistenceStrategy() {
     if (this.persistenceStrategy) return this.persistenceStrategy;
     const e = { createDefaultPersistence: () => {
-      const t = W(), { assessmentId: i, attemptId: n } = this.storageContext, s = n ? `pie:assessment-controller:v1:${i}:${n}` : null;
+      const t = K(), { assessmentId: i, attemptId: n } = this.storageContext, s = n ? `pie:assessment-controller:v1:${i}:${n}` : null;
       return {
         async loadSession() {
           if (!t || !s) return null;
@@ -1253,7 +1398,7 @@ var xe = class {
     return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = { createDefaultDeliveryPlan: () => ({ sections: Te(this.args.assessment) }) }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: Fe(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -1263,8 +1408,8 @@ var xe = class {
   ensureSession() {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
-    return this.session = Q({
-      assessmentAttemptSessionIdentifier: Re({
+    return this.session = Y({
+      assessmentAttemptSessionIdentifier: Me({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -1359,7 +1504,7 @@ var xe = class {
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
     const i = t.currentSectionId, n = this.deliveryPlan.sections[e];
-    this.session = K(this.ensureSession(), {
+    this.session = X(this.ensureSession(), {
       currentSectionIndex: e,
       currentSectionIdentifier: n?.sectionIdentifier
     });
@@ -1424,7 +1569,7 @@ var xe = class {
     return this.disposed ? null : this.ensureSession().sectionSessions[e]?.session || null;
   }
   updateSectionSession(e, t) {
-    this.disposed || (this.session = Y(this.ensureSession(), {
+    this.disposed || (this.session = ee(this.ensureSession(), {
       sectionIdentifier: e,
       sectionSession: t
     }), this.emit({
@@ -1442,7 +1587,7 @@ var xe = class {
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
 };
-function Le(e) {
+function _e(e) {
   const { sectionPlayerRuntime: t, playerType: i, assessmentId: n, env: s, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
     ...t.player,
     backend: t.player.backend ? y(t.player.backend) : void 0
@@ -1456,21 +1601,21 @@ function Le(e) {
     ...r !== void 0 ? { player: r } : {}
   };
 }
-function O(e) {
+function H(e) {
   return !!e && typeof e == "object";
 }
-function N(e, t) {
+function R(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((n, s) => N(n, t[s]));
-  if (!O(e) || !O(t)) return !1;
+    return !Array.isArray(e) || !Array.isArray(t) || e.length !== t.length ? !1 : e.every((n, s) => R(n, t[s]));
+  if (!H(e) || !H(t)) return !1;
   const i = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
-  for (const n of i) if (!N(e[n], t[n])) return !1;
+  for (const n of i) if (!R(e[n], t[n])) return !1;
   return !0;
 }
-var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe = class extends HTMLElement {
+var Ue = "pie-section-player-splitpane", Oe = "pie-section-player-vertical", Be = 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 = 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" };
+    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.ownedI18n = xe(), this.suppliedI18n = null, this.subscribedI18n = null, 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 [
@@ -1483,6 +1628,9 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
       "locale"
     ];
   }
+  get i18n() {
+    return this.suppliedI18n ?? this.ownedI18n;
+  }
   get assessmentId() {
     return this._assessmentId;
   }
@@ -1512,7 +1660,7 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
   }
   set session(e) {
     const t = e ?? null;
-    t !== this.pendingSession && (t && this.controller && N(t, this.controller.getSession()) || (this.pendingSession = t, this.queueReconciliation()));
+    t !== this.pendingSession && (t && this.controller && R(t, this.controller.getSession()) || (this.pendingSession = t, this.queueReconciliation()));
   }
   get locale() {
     return this._locale;
@@ -1554,9 +1702,12 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     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?.(() => {
+    const e = this.i18n;
+    this.unsubscribeI18n && this.subscribedI18n !== e && (this.unsubscribeI18n(), this.unsubscribeI18n = void 0), this.unsubscribeI18n || (this.subscribedI18n = e, this.unsubscribeI18n = e.subscribe?.(() => {
       this.isConnected && this.updateNavigationChrome();
-    })), this.i18n.setLocale(this.locale || "en-US"), this.forwardLocaleToSection();
+    })), (this.locale || e === this.ownedI18n) && Promise.resolve(e.setLocale(this.locale || "en-US")).catch((t) => {
+      Le(this, "pie-assessment-player", t);
+    }), this.forwardLocaleToSection(), B(this, e);
   }
   forwardLocaleToSection() {
     const e = this.sectionHost?.firstElementChild;
@@ -1572,7 +1723,7 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     return this._sectionPlayerRuntime;
   }
   set sectionPlayerRuntime(e) {
-    this._sectionPlayerRuntime = e, this.isConnected && (this.attachInstrumentationBridge(), this.updateCurrentSectionRuntime());
+    this._sectionPlayerRuntime = e, this.suppliedI18n = e?.i18n ?? null, this.isConnected && (this.attachInstrumentationBridge(), this.updateCurrentSectionRuntime(), this.applyLocale());
   }
   connectedCallback() {
     this.assessmentId || (this.assessmentId = this.getAttribute("assessment-id") || ""), this.attemptId || (this.attemptId = this.getAttribute("attempt-id") || ""), this.showNavigation = this.getAttribute("show-navigation") ?? this.showNavigation;
@@ -1582,7 +1733,7 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     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.reconcileQueued = !1, this.retireController(), this.restoreFocusOnRender = !1, this.settleControllerWaiters(null), this.unsubscribeI18n?.(), this.unsubscribeI18n = void 0, this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = void 0;
+    this.reconcileQueued = !1, this.retireController(), this.restoreFocusOnRender = !1, this.settleControllerWaiters(null), this.unsubscribeI18n?.(), this.unsubscribeI18n = void 0, this.subscribedI18n = null, this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = void 0;
   }
   settleControllerWaiters(e) {
     for (const t of this.controllerWaiters) t(e);
@@ -1613,7 +1764,7 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
       return;
     }
     this.readiness = { phase: "bootstrapping" }, this.renderEmptyState();
-    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, n = this.pendingSession, s = new xe({
+    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, n = this.pendingSession, s = new ze({
       assessmentId: this.assessmentId,
       attemptId: this.attemptId || void 0,
       assessment: this.assessment,
@@ -1664,17 +1815,17 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     }
   }
   resolveInstrumentationProvider() {
-    return fe({
+    return be({
       runtimePlayer: this.sectionPlayerRuntime?.player,
       component: "pie-assessment-player-default"
     });
   }
   attachInstrumentationBridge() {
-    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = he({
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = ge({
       host: this,
       instrumentationProvider: this.resolveInstrumentationProvider(),
       component: "pie-assessment-player-default",
-      eventMap: ye,
+      eventMap: Se,
       staticAttributes: {
         instrumentationLayer: "assessment",
         assessmentId: this.assessmentId,
@@ -1747,10 +1898,10 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
         return;
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? Me : De;
+    return this.sectionPlayerLayout === "vertical" ? Oe : Ue;
   }
   buildSectionRuntime() {
-    return Le({
+    return _e({
       sectionPlayerRuntime: this.sectionPlayerRuntime,
       playerType: this.playerType,
       assessmentId: this.assessmentId || void 0,
@@ -1769,7 +1920,7 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
       try {
         i.stop();
       } catch (n) {
-        t?.reportFrameworkError?.(J({
+        t?.reportFrameworkError?.(Z({
           kind: "tts-init",
           source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
           error: n,
@@ -1795,8 +1946,8 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
         p || (p = !0, clearTimeout(m), n.removeEventListener("pie-stage-change", l), c(v));
       }, l = (v) => {
         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);
+        const { stage: T, status: J } = v.detail;
+        J === "failed" || T === "disposed" ? u(null) : T === "engine-ready" && u(n.getSectionController?.() || null);
       }, m = setTimeout(() => u(null), 5e3);
       n.addEventListener("pie-stage-change", l), h = () => u(null);
     }).then(async (c) => {
@@ -1896,7 +2047,7 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     let h = null, d = null;
     {
       const u = document.createElement("div");
-      u.className = "pie-assessment-player-navigation", u.hidden = !R(this.showNavigation, !0);
+      u.className = "pie-assessment-player-navigation", u.hidden = !N(this.showNavigation, !0);
       const l = document.createElement("div");
       l.className = "pie-assessment-player-current-position", l.textContent = a;
       const m = document.createElement("div");
@@ -1924,11 +2075,12 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     }), this.announceSectionChange(a));
   }
   updateNavigationChrome() {
+    B(this, this.i18n);
     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 = !R(this.showNavigation, !0), i.hidden && i.contains(document.activeElement) && this.sectionHost?.focus());
+    i && (i.hidden = !N(this.showNavigation, !0), i.hidden && i.contains(document.activeElement) && this.sectionHost?.focus());
     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"]');
@@ -2038,22 +2190,28 @@ var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe
     }));
   }
 };
-H("pie-assessment-player-default", Fe, "assessment player default tag");
-var _e = class extends HTMLElement {
+q("pie-assessment-player-default", Be, "assessment player default tag");
+var He = class extends HTMLElement {
   static get observedAttributes() {
     return ["show-navigation"];
   }
   constructor() {
-    super(), this.showNavigation = !0, this.attachShadow({ mode: "open" });
+    super(), this._showNavigation = !0, this.attachShadow({ mode: "open" });
+  }
+  get showNavigation() {
+    return this._showNavigation;
+  }
+  set showNavigation(e) {
+    this._showNavigation = e, this.isConnected && this.render();
   }
   connectedCallback() {
-    this.showNavigation = this.getAttribute("show-navigation") ?? this.showNavigation, this.render();
+    this.render();
   }
   attributeChangedCallback(e, t, i) {
-    e === "show-navigation" && (this.showNavigation = i), this.render();
+    e === "show-navigation" && (this.showNavigation = i);
   }
   render() {
-    const e = R(this.showNavigation, !0), t = document.createElement("style");
+    const e = N(this._showNavigation, !0), t = document.createElement("style");
     t.textContent = `
 			:host {
 				display: block;
@@ -2084,7 +2242,7 @@ var _e = class extends HTMLElement {
     n.appendChild(s), i.appendChild(n), this.shadowRoot?.replaceChildren(t, i);
   }
 };
-H("pie-assessment-player-shell", _e, "assessment player shell tag");
+q("pie-assessment-player-shell", He, "assessment player shell tag");
 export {
   g as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };