@pie-players/pie-assessment-player 0.3.53 → 0.3.55

package/dist/components/AssessmentPlayerDefaultElement.d.ts

@@ -37,6 +37,8 @@ export declare class AssessmentPlayerDefaultElement extends HTMLElement implemen
     private attachInstrumentationBridge;
     private renderEmptyState;
     private buildSectionPlayerTag;
+    private buildSectionRuntime;
+    private updateCurrentSectionRuntime;
     private cleanupTtsForSectionNavigation;
     private syncCurrentSectionSessionIntoAssessment;
     private attachSectionControllerReadyListener;

package/dist/components/assessment-section-player-runtime.d.ts

@@ -0,0 +1,10 @@
+import { SectionPlayerRuntimeConfig } from '@pie-players/pie-section-player';
+import { AssessmentPlayerRuntimeConfig } from '../types.js';
+export type ResolveAssessmentSectionPlayerRuntimeArgs = {
+    sectionPlayerRuntime?: AssessmentPlayerRuntimeConfig["sectionPlayerRuntime"];
+    playerType: "iife" | "esm" | "preloaded";
+    attemptId?: string;
+    env?: Record<string, unknown> | null;
+    coordinator?: unknown;
+};
+export declare function resolveAssessmentSectionPlayerRuntime(args: ResolveAssessmentSectionPlayerRuntimeArgs): SectionPlayerRuntimeConfig;

package/dist/pie-assessment-player.js

@@ -1,8 +1,8 @@
 import "@pie-players/pie-section-player/components/section-player-splitpane-element";
 import "@pie-players/pie-section-player/components/section-player-vertical-element";
-import { defineCustomElementSafely as _ } from "@pie-players/pie-players-shared";
-var U = "https://proxy.pie-api.com", H = `${U}/bundles/`;
-function $(e) {
+import { defineCustomElementSafely as U } from "@pie-players/pie-players-shared";
+var $ = "https://proxy.pie-api.com", J = `${$}/bundles/`;
+function B(e) {
   try {
     const t = {
       BASE_URL: "/",
@@ -15,7 +15,7 @@ function $(e) {
   } catch {
   }
 }
-var Le = typeof window < "u" && window.PIE_BUILDER_ORIGIN_URL || $("PUBLIC_BUILDER_ORIGIN_URL") || U, V = typeof window < "u" && window.PIE_BUILDER_BUNDLE_URL || $("PUBLIC_BUILDER_BUNDLE_URL") || H;
+var Be = typeof window < "u" && window.PIE_BUILDER_ORIGIN_URL || B("PUBLIC_BUILDER_ORIGIN_URL") || $, K = typeof window < "u" && window.PIE_BUILDER_BUNDLE_URL || B("PUBLIC_BUILDER_BUNDLE_URL") || J;
 function g(e) {
   "@babel/helpers - typeof";
   return g = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -24,7 +24,7 @@ function g(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, g(e);
 }
-function J(e, t) {
+function W(e, t) {
   if (g(e) != "object" || !e) return e;
   var s = e[Symbol.toPrimitive];
   if (s !== void 0) {
@@ -34,105 +34,105 @@ function J(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function K(e) {
-  var t = J(e, "string");
+function Z(e) {
+  var t = W(e, "string");
   return g(t) == "symbol" ? t : t + "";
 }
-function a(e, t, s) {
-  return (t = K(t)) in e ? Object.defineProperty(e, t, {
+function c(e, t, s) {
+  return (t = Z(t)) in e ? Object.defineProperty(e, t, {
     value: s,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = s, e;
 }
-var P;
-(function(e) {
-  e.SAVE = "save", e.MODEL = "model", e.SCORE = "score", e.MANUAL_SCORE = "manual-score";
-})(P || (P = {}));
 var N;
 (function(e) {
-  e.AUTO = "auto", e.MANUAL = "manual";
+  e.SAVE = "save", e.MODEL = "model", e.SCORE = "score", e.MANUAL_SCORE = "manual-score";
 })(N || (N = {}));
 var C;
 (function(e) {
-  e.GATHER = "gather", e.VIEW = "view", e.EVALUATE = "evaluate";
+  e.AUTO = "auto", e.MANUAL = "manual";
 })(C || (C = {}));
 var A;
 (function(e) {
-  e.PENDING = "pending", e.IN_PROGRESS = "in_progress", e.COMPLETED = "completed", e.FAILED = "failed";
+  e.GATHER = "gather", e.VIEW = "view", e.EVALUATE = "evaluate";
 })(A || (A = {}));
-var W = class B extends CustomEvent {
+var x;
+(function(e) {
+  e.PENDING = "pending", e.IN_PROGRESS = "in_progress", e.COMPLETED = "completed", e.FAILED = "failed";
+})(x || (x = {}));
+var Q = class O extends CustomEvent {
   constructor(t, s = !1) {
-    super(B.TYPE, {
+    super(O.TYPE, {
       bubbles: !0,
       detail: {
         update: t,
         reset: s
       }
-    }), a(this, "update", void 0), a(this, "reset", void 0), this.update = t, this.reset = s;
+    }), c(this, "update", void 0), c(this, "reset", void 0), this.update = t, this.reset = s;
   }
 };
-a(W, "TYPE", "model.updated");
-var Z = class O extends CustomEvent {
+c(Q, "TYPE", "model.updated");
+var X = class M extends CustomEvent {
   constructor(t, s) {
-    super(O.TYPE, {
+    super(M.TYPE, {
       bubbles: !0,
       detail: {
         src: t,
         done: s
       }
-    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = s;
+    }), c(this, "src", void 0), c(this, "done", void 0), this.src = t, this.done = s;
   }
 };
-a(Z, "TYPE", "delete.image");
-var Q = class M extends CustomEvent {
+c(X, "TYPE", "delete.image");
+var ee = class F extends CustomEvent {
   constructor(t) {
-    super(M.TYPE, {
+    super(F.TYPE, {
       bubbles: !0,
       detail: t
-    }), a(this, "handler", void 0), this.handler = t;
+    }), c(this, "handler", void 0), this.handler = t;
   }
 };
-a(Q, "TYPE", "insert.image");
-var X = class F extends CustomEvent {
+c(ee, "TYPE", "insert.image");
+var te = class q extends CustomEvent {
   constructor(t, s) {
-    super(F.TYPE, {
+    super(q.TYPE, {
       bubbles: !0,
       detail: {
         src: t,
         done: s
       }
-    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = s;
+    }), c(this, "src", void 0), c(this, "done", void 0), this.src = t, this.done = s;
   }
 };
-a(X, "TYPE", "delete.sound");
-var ee = class z extends CustomEvent {
+c(te, "TYPE", "delete.sound");
+var se = class j extends CustomEvent {
   constructor(t) {
-    super(z.TYPE, {
+    super(j.TYPE, {
       bubbles: !0,
       detail: t
-    }), a(this, "handler", void 0), this.handler = t;
+    }), c(this, "handler", void 0), this.handler = t;
   }
 };
-a(ee, "TYPE", "insert.sound");
-var te = class G extends CustomEvent {
+c(se, "TYPE", "insert.sound");
+var ne = class z extends CustomEvent {
   constructor(t, s) {
-    super(G.TYPE, {
+    super(z.TYPE, {
       bubbles: !0,
       composed: !0,
       detail: {
         complete: s,
         component: t
       }
-    }), a(this, "component", void 0), a(this, "complete", void 0), this.component = t, this.complete = s;
+    }), c(this, "component", void 0), c(this, "complete", void 0), this.component = t, this.complete = s;
   }
 };
-a(te, "TYPE", "session-changed");
-var x;
+c(ne, "TYPE", "session-changed");
+var R;
 (function(e) {
   e[e.ROOT = 0] = "ROOT", e[e.SUBJECT = 1] = "SUBJECT", e[e.LEVEL = 2] = "LEVEL", e[e.STANDARD = 3] = "STANDARD";
-})(x || (x = {}));
+})(R || (R = {}));
 function h(e, t) {
   const s = `[${e}]`;
   return {
@@ -147,35 +147,35 @@ function h(e, t) {
 function m() {
   return typeof window < "u" && window.PIE_DEBUG === !0;
 }
-var ke = h("math-rendering", () => m()), S;
+var Oe = h("math-rendering", () => m()), S;
 (function(e) {
   e.player = "player.js", e.clientPlayer = "client-player.js", e.editor = "editor.js";
 })(S || (S = {}));
-var R;
+var L;
 (function(e) {
   e.loading = "loading", e.loaded = "loaded";
-})(R || (R = {}));
-var Te = h("pie-scoring", () => m()), De = h("pie-updates", () => m()), _e = h("pie-initialization", () => m()), Ue = {
-  buildServiceBase: V,
+})(L || (L = {}));
+var Me = h("pie-scoring", () => m()), Fe = h("pie-updates", () => m()), qe = h("pie-initialization", () => m()), je = {
+  buildServiceBase: K,
   bundleType: S.player,
   env: {
     mode: "gather",
     role: "student"
   }
-}, $e = h("asset-handler", () => m()), Be = h("authoring", () => m());
-function j(e) {
+}, ze = h("asset-handler", () => m()), Ge = h("authoring", () => m());
+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 se = h("instrumentation-event-bridge", () => m());
-function ne(e) {
+var ie = h("instrumentation-event-bridge", () => m());
+function re(e) {
   return e && typeof e == "object" ? e : typeof e > "u" ? {} : { value: e };
 }
-function ie(e) {
-  se.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+function oe(e) {
+  ie.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
 }
-function re(e) {
+function ae(e) {
   try {
     e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
       component: e.component,
@@ -185,15 +185,15 @@ function re(e) {
   } catch {
   }
 }
-function oe(e) {
+function ce(e) {
   if (!e.host || !e.eventMap.length) return () => {
   };
   if (!e.instrumentationProvider) return () => {
   };
-  if (!j(e.instrumentationProvider))
-    return e.debug && ie(e.component), () => {
+  if (!G(e.instrumentationProvider))
+    return e.debug && oe(e.component), () => {
     };
-  const t = e.instrumentationProvider, s = [], n = Math.max(0, e.dedupeWindowMs ?? 0), i = /* @__PURE__ */ new Map(), c = (r, o) => {
+  const t = e.instrumentationProvider, s = [], n = Math.max(0, e.dedupeWindowMs ?? 0), i = /* @__PURE__ */ new Map(), a = (r, o) => {
     const d = [
       o.assessmentId,
       o.sectionId,
@@ -201,31 +201,31 @@ function oe(e) {
       o.itemId,
       o.canonicalItemId,
       o.sourceRuntimeId
-    ].map((l) => String(l ?? "")).join("|");
+    ].map((u) => String(u ?? "")).join("|");
     return `${r.instrumentationEventName}|${d}`;
   };
   for (const r of e.eventMap) {
     const o = (d) => {
       try {
         if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(d)) return;
-        const l = ne(d.detail), p = (/* @__PURE__ */ new Date()).toISOString(), I = {
-          ...l,
+        const u = re(d.detail), p = (/* @__PURE__ */ new Date()).toISOString(), E = {
+          ...u,
           ...e.staticAttributes,
           component: e.component,
           sourceEventName: r.sourceEventName,
           timestamp: p
         };
         if (n > 0) {
-          const b = Date.now(), E = c(r, I), w = i.get(E);
-          if (typeof w == "number" && b - w < n) return;
-          i.set(E, b);
+          const b = Date.now(), w = a(r, E), P = i.get(w);
+          if (typeof P == "number" && b - P < n) return;
+          i.set(w, b);
         }
-        t.trackEvent(r.instrumentationEventName, { ...I });
-      } catch (l) {
-        re({
+        t.trackEvent(r.instrumentationEventName, { ...E });
+      } catch (u) {
+        ae({
           provider: t,
           component: e.component,
-          error: l,
+          error: u,
           sourceEventName: r.sourceEventName
         });
       }
@@ -238,9 +238,9 @@ function oe(e) {
     for (const r of s) r();
   };
 }
-var ae = class {
+var de = class {
   constructor() {
-    a(this, "initialized", !1), a(this, "config", void 0);
+    c(this, "initialized", !1), c(this, "config", void 0);
   }
   trackError(e, t) {
     if (!this.guardedOperation("trackError", e, t) || !this.applyErrorFilter(e, t)) return;
@@ -302,9 +302,9 @@ var ae = class {
   transformAttributes(e) {
     return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
   }
-}, ce = class extends ae {
+}, ue = class extends de {
   constructor(...e) {
-    super(...e), a(this, "providerId", "newrelic"), a(this, "providerName", "New Relic");
+    super(...e), c(this, "providerId", "newrelic"), c(this, "providerName", "New Relic");
   }
   async initialize(e) {
     this.config = e, typeof window < "u" && window.newrelic ? (this.initialized = !0, this.config?.debug && console.log("[NewRelicProvider] Initialized successfully")) : (this.config?.debug && console.warn("[NewRelicProvider] New Relic not available (window.newrelic not found)"), this.initialized = !1);
@@ -330,14 +330,14 @@ var ae = class {
     if (t.setCustomAttribute) for (const [s, n] of Object.entries(e)) t.setCustomAttribute(s, n);
   }
 };
-function L(e) {
+function T(e) {
   return e && typeof e == "object" ? e : {};
 }
-function k(e) {
-  const t = L(L(e).loaderConfig);
+function D(e) {
+  const t = T(T(e).loaderConfig);
   return Object.keys(t).length > 0 ? t : null;
 }
-function T(e) {
+function _(e) {
   if (!e || !("instrumentationProvider" in e)) return { kind: "unset" };
   const t = e.instrumentationProvider;
   return t === null ? { kind: "null" } : typeof t > "u" ? { kind: "unset" } : {
@@ -345,35 +345,35 @@ function T(e) {
     value: t
   };
 }
-function D(e) {
+function k(e) {
   if (!e || !("trackPageActions" in e)) return;
   const t = e.trackPageActions;
   return typeof t == "boolean" ? t : void 0;
 }
-function de(e, t) {
+function le(e, t) {
   return e.kind === "value" || e.kind === "null" ? e : t;
 }
-var v, le = h("instrumentation-provider-resolution", () => m());
-function ue() {
-  return v || (v = new ce(), v.initialize()), v;
+var v, he = h("instrumentation-provider-resolution", () => m());
+function me() {
+  return v || (v = new ue(), v.initialize()), v;
 }
-function he(e) {
-  const t = k(e.runtimePlayer), s = k(e.player), n = D(t), i = D(s), c = n ?? i ?? !1, r = de(T(t), T(s));
+function pe(e) {
+  const t = D(e.runtimePlayer), s = D(e.player), n = k(t), i = k(s), a = n ?? i ?? !1, r = le(_(t), _(s));
   if (r.kind !== "null") {
-    if (r.kind === "unset") return c ? ue() : void 0;
-    if (j(r.value)) return r.value;
+    if (r.kind === "unset") return a ? me() : void 0;
+    if (G(r.value)) return r.value;
     if (e.debug) {
       const o = e.component ? `[${e.component}] ` : "";
-      le.warn(`${o}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+      he.warn(`${o}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
     }
   }
 }
-var Oe = Object.freeze([
+var Ye = Object.freeze([
   "composed",
   "engine-ready",
   "interactive",
   "disposed"
-]), me = [
+]), fe = [
   {
     sourceEventName: "assessment-controller-ready",
     instrumentationEventName: "pie-assessment-controller-ready"
@@ -406,7 +406,7 @@ var Oe = Object.freeze([
     sourceEventName: "assessment-error",
     instrumentationEventName: "pie-assessment-error"
   }
-], Me = /* @__PURE__ */ new Set([
+], He = /* @__PURE__ */ new Set([
   "id",
   "element",
   .../* @__PURE__ */ new Set([
@@ -415,16 +415,16 @@ var Oe = Object.freeze([
     "timestamp",
     "sourceRuntimeId"
   ])
-]), Fe = h("pie-overrides", () => m());
+]), Ve = h("pie-overrides", () => m());
 function f() {
   return Date.now();
 }
 function y(e) {
   return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function pe(e) {
+function ge(e) {
   if (e.attemptId) return `aas_v1_${y(e.assessmentId)}_${y(e.attemptId)}`;
-  const t = Y(), s = t ? fe(t) : "anon";
+  const t = Y(), s = t ? ve(t) : "anon";
   return `aas_v1_${y(e.assessmentId)}_${y(s)}`;
 }
 function Y() {
@@ -434,17 +434,17 @@ function Y() {
     return null;
   }
 }
-function fe(e) {
+function ve(e) {
   const t = "pie:assessment-player:anonymous-device-id", s = e.getItem(t);
   if (s) return s;
   const n = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
   return e.setItem(t, n), n;
 }
-function q() {
+function H() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-function ge(e) {
-  const t = q(), s = e.sectionIdentifiers[0];
+function ye(e) {
+  const t = H(), s = e.sectionIdentifiers[0];
   return {
     version: 1,
     assessmentAttemptSessionIdentifier: e.assessmentAttemptSessionIdentifier,
@@ -463,8 +463,8 @@ function ge(e) {
     sectionSessions: {}
   };
 }
-function ve(e, t) {
-  const s = q();
+function Se(e, t) {
+  const s = H();
   return {
     ...e,
     updatedAt: s,
@@ -478,7 +478,7 @@ function ve(e, t) {
     }
   };
 }
-function ye(e, t) {
+function Ie(e, t) {
   const s = new Set(e.navigationState.visitedSectionIdentifiers || []);
   return t.currentSectionIdentifier && s.add(t.currentSectionIdentifier), {
     ...e,
@@ -490,17 +490,17 @@ function ye(e, t) {
     }
   };
 }
-function Se(e) {
+function Ee(e) {
   if (!e) return [];
   const t = [], s = e.testParts || [];
   return s.length > 0 ? (s.forEach((n, i) => {
-    (n.sections || []).forEach((c, r) => {
+    (n.sections || []).forEach((a, r) => {
       t.push({
         stageIdentifier: n.identifier,
         stageIndex: i,
         sectionIndex: t.length,
-        sectionIdentifier: c.identifier || `section-${i}-${r}`,
-        section: c
+        sectionIdentifier: a.identifier || `section-${i}-${r}`,
+        section: a
       });
     });
   }), t) : ((e.sections || []).forEach((n, i) => {
@@ -513,7 +513,7 @@ function Se(e) {
     });
   }), t);
 }
-var Ie = class {
+var be = class {
   constructor(e) {
     this.args = e, this.listeners = /* @__PURE__ */ new Set(), this.deliveryPlan = { sections: [] }, this.session = null, this.readiness = "bootstrapping", this.submitted = !1, this.storageContext = {
       assessmentId: e.assessmentId,
@@ -556,7 +556,7 @@ var Ie = class {
     return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = { createDefaultDeliveryPlan: () => ({ sections: Se(this.args.assessment) }) }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: Ee(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -566,8 +566,8 @@ var Ie = class {
   ensureSession() {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
-    return this.session = ge({
-      assessmentAttemptSessionIdentifier: pe({
+    return this.session = ye({
+      assessmentAttemptSessionIdentifier: ge({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -634,7 +634,7 @@ var Ie = class {
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
     const s = t.currentSectionId, n = this.deliveryPlan.sections[e];
-    this.session = ye(this.ensureSession(), {
+    this.session = Ie(this.ensureSession(), {
       currentSectionIndex: e,
       currentSectionIdentifier: n?.sectionIdentifier
     });
@@ -692,7 +692,7 @@ var Ie = class {
     return this.ensureSession().sectionSessions[e]?.session || null;
   }
   updateSectionSession(e, t) {
-    this.session = ve(this.ensureSession(), {
+    this.session = Se(this.ensureSession(), {
       sectionIdentifier: e,
       sectionSession: t
     }), this.emit({
@@ -700,7 +700,7 @@ var Ie = class {
       timestamp: f()
     });
   }
-}, u = {
+}, l = {
   controllerReady: "assessment-controller-ready",
   navigationRequested: "assessment-navigation-requested",
   submitRequested: "assessment-submit-requested",
@@ -710,14 +710,83 @@ var Ie = class {
   progressChanged: "assessment-progress-changed",
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
-}, be = "pie-section-player-splitpane", Ee = "pie-section-player-vertical";
-function we(e, t = !1) {
+};
+function I(e) {
+  return e && { ...e };
+}
+function we(e) {
+  return e && typeof e == "object" && !Array.isArray(e) ? { ...e } : e;
+}
+function V(e) {
+  return e && Object.fromEntries(Object.entries(e).map(([t, s]) => [t, we(s)]));
+}
+function Pe(e) {
+  if (e)
+    return {
+      ...e,
+      auth: I(e.auth),
+      endpoints: V(e.endpoints),
+      request: e.request ? {
+        ...e.request,
+        headers: e.request.headers ? { ...e.request.headers } : void 0
+      } : void 0,
+      options: e.options ? {
+        ...e.options,
+        overrides: e.options.overrides ? { ...e.options.overrides } : void 0
+      } : void 0,
+      autosave: e.autosave && typeof e.autosave == "object" ? { ...e.autosave } : e.autosave,
+      client: e.client ? { ...e.client } : void 0
+    };
+}
+function Ne(e) {
+  if (e)
+    return {
+      ...e,
+      auth: I(e.auth),
+      delivery: Pe(e.delivery),
+      authoring: e.authoring ? {
+        ...e.authoring,
+        auth: I(e.authoring.auth),
+        endpoints: V(e.authoring.endpoints),
+        request: e.authoring.request ? {
+          ...e.authoring.request,
+          headers: e.authoring.request.headers ? { ...e.authoring.request.headers } : void 0
+        } : void 0,
+        media: e.authoring.media ? { ...e.authoring.media } : void 0,
+        client: e.authoring.client ? { ...e.authoring.client } : void 0
+      } : void 0
+    };
+}
+function Ce(e, t) {
+  return !e?.delivery || e.delivery.enabled === !1 || !t || e.delivery.assignmentId !== void 0 ? e : {
+    ...e,
+    delivery: {
+      ...e.delivery,
+      assignmentId: t
+    }
+  };
+}
+function Ae(e) {
+  const { sectionPlayerRuntime: t, playerType: s, attemptId: n, env: i, coordinator: a } = e, r = t?.player && typeof t.player == "object" ? {
+    ...t.player,
+    backend: Ce(Ne(t.player.backend), n)
+  } : t?.player;
+  return {
+    playerType: s,
+    ...i ? { env: i } : {},
+    ...a ? { coordinator: a } : {},
+    ...t || {},
+    ...r !== void 0 ? { player: r } : {}
+  };
+}
+var xe = "pie-section-player-splitpane", Re = "pie-section-player-vertical";
+function Le(e, t = !1) {
   if (e == null) return t;
   if (typeof e == "boolean") return e;
   const s = e.trim().toLowerCase();
   return s === "" || s === "true" || s === "1" || s === "yes";
 }
-var Pe = class extends HTMLElement {
+var Te = class extends HTMLElement {
   static get observedAttributes() {
     return [
       "assessment-id",
@@ -746,7 +815,7 @@ var Pe = class extends HTMLElement {
     return this._sectionPlayerRuntime;
   }
   set sectionPlayerRuntime(e) {
-    this._sectionPlayerRuntime = e, this.isConnected && this.attachInstrumentationBridge();
+    this._sectionPlayerRuntime = e, this.isConnected && (this.attachInstrumentationBridge(), this.updateCurrentSectionRuntime());
   }
   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;
@@ -772,33 +841,33 @@ var Pe = class extends HTMLElement {
       return;
     }
     this.readiness = { phase: "bootstrapping" }, this.render();
-    const e = new Ie({
+    const e = new be({
       assessmentId: this.assessmentId,
       attemptId: this.attemptId || void 0,
       assessment: this.assessment,
       hooks: this.hooks || void 0
     });
     this.unsubscribeController?.(), this.controller = e, this.unsubscribeController = e.subscribe((t) => {
-      t.type === "assessment-route-changed" && (this.cleanupTtsForSectionNavigation(t), this.dispatch(u.routeChanged, t), this.render()), t.type === "assessment-session-applied" && this.dispatch(u.sessionApplied, t), t.type === "assessment-session-changed" && this.dispatch(u.sessionChanged, t), t.type === "assessment-progress-changed" && this.dispatch(u.progressChanged, t), t.type === "assessment-submission-state-changed" && this.dispatch(u.submissionStateChanged, t);
+      t.type === "assessment-route-changed" && (this.cleanupTtsForSectionNavigation(t), this.dispatch(l.routeChanged, t), this.render()), t.type === "assessment-session-applied" && this.dispatch(l.sessionApplied, t), t.type === "assessment-session-changed" && this.dispatch(l.sessionChanged, t), t.type === "assessment-progress-changed" && this.dispatch(l.progressChanged, t), t.type === "assessment-submission-state-changed" && this.dispatch(l.submissionStateChanged, t);
     });
     try {
-      await e.initialize(), this.readiness = { phase: "ready" }, this.controllerReadyResolve?.(e), this.dispatch(u.controllerReady, { controller: e }), this.hooks?.onAssessmentControllerReady?.(e), this.render();
+      await e.initialize(), this.readiness = { phase: "ready" }, this.controllerReadyResolve?.(e), this.dispatch(l.controllerReady, { controller: e }), this.hooks?.onAssessmentControllerReady?.(e), this.render();
     } catch (t) {
-      this.readiness = { phase: "error" }, this.dispatch(u.error, { error: t }), this.renderEmptyState("Failed to initialize assessment player");
+      this.readiness = { phase: "error" }, this.dispatch(l.error, { error: t }), this.renderEmptyState("Failed to initialize assessment player");
     }
   }
   resolveInstrumentationProvider() {
-    return he({
+    return pe({
       runtimePlayer: this.sectionPlayerRuntime?.player,
       component: "pie-assessment-player-default"
     });
   }
   attachInstrumentationBridge() {
-    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = oe({
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = ce({
       host: this,
       instrumentationProvider: this.resolveInstrumentationProvider(),
       component: "pie-assessment-player-default",
-      eventMap: me,
+      eventMap: fe,
       staticAttributes: {
         instrumentationLayer: "assessment",
         assessmentId: this.assessmentId,
@@ -812,7 +881,20 @@ var Pe = class extends HTMLElement {
     t.className = "pie-assessment-player-empty", t.textContent = e, this.appendChild(t);
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? Ee : be;
+    return this.sectionPlayerLayout === "vertical" ? Re : xe;
+  }
+  buildSectionRuntime() {
+    return Ae({
+      sectionPlayerRuntime: this.sectionPlayerRuntime,
+      playerType: this.playerType,
+      attemptId: this.attemptId || void 0,
+      env: this.env,
+      coordinator: this.coordinator
+    });
+  }
+  updateCurrentSectionRuntime() {
+    const e = this.sectionHost?.firstElementChild;
+    e && (e.runtime = this.buildSectionRuntime());
   }
   cleanupTtsForSectionNavigation(e) {
     if (e.currentSectionId && e.previousSectionId && e.currentSectionId === e.previousSectionId) return;
@@ -902,37 +984,32 @@ var Pe = class extends HTMLElement {
 			}
 		`, t.appendChild(s);
     const n = this.getSnapshot();
-    if (we(this.showNavigation, !0)) {
+    if (Le(this.showNavigation, !0)) {
       const r = document.createElement("div");
       r.className = "pie-assessment-player-navigation";
       const o = document.createElement("div");
       o.className = "pie-assessment-player-current-position", o.textContent = n.navigation.totalSections > 0 ? `Section ${n.navigation.currentIndex + 1} of ${n.navigation.totalSections}` : "No sections";
       const d = document.createElement("div");
       d.className = "pie-assessment-player-nav-controls";
-      const l = document.createElement("button");
-      l.className = "pie-assessment-player-nav-btn", l.textContent = "Back", l.disabled = !n.navigation.canPrevious, l.addEventListener("click", () => {
+      const u = document.createElement("button");
+      u.className = "pie-assessment-player-nav-btn", u.textContent = "Back", u.disabled = !n.navigation.canPrevious, u.addEventListener("click", () => {
         this.navigatePrevious();
       });
       const p = document.createElement("button");
       p.className = "pie-assessment-player-nav-btn", p.textContent = "Next", p.disabled = !n.navigation.canNext, p.addEventListener("click", () => {
         this.navigateNext();
-      }), d.appendChild(l), d.appendChild(p), r.appendChild(o), r.appendChild(d), t.appendChild(r);
+      }), d.appendChild(u), d.appendChild(p), r.appendChild(o), r.appendChild(d), t.appendChild(r);
     }
     const i = document.createElement("div");
     i.className = "pie-assessment-player-section-host", this.sectionHost = i;
-    const c = e?.getCurrentSection() || null;
-    if (c) {
+    const a = e?.getCurrentSection() || null;
+    if (a) {
       const r = this.buildSectionPlayerTag(), o = document.createElement(r);
-      if (o.setAttribute("assessment-id", this.assessmentId), o.setAttribute("section-id", c.sectionIdentifier), this.attemptId && o.setAttribute("attempt-id", this.attemptId), this.debug !== void 0 && this.debug !== null) {
+      if (o.setAttribute("assessment-id", this.assessmentId), o.setAttribute("section-id", a.sectionIdentifier), this.attemptId && o.setAttribute("attempt-id", this.attemptId), this.debug !== void 0 && this.debug !== null) {
         const d = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
         o.setAttribute("debug", d);
       }
-      o.section = c.section, o.runtime = {
-        playerType: this.playerType,
-        ...this.env ? { env: this.env } : {},
-        ...this.coordinator ? { coordinator: this.coordinator } : {},
-        ...this.sectionPlayerRuntime || {}
-      }, o.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, i.appendChild(o), this.attachSectionControllerReadyListener(o, c.sectionIdentifier);
+      o.section = a.section, o.runtime = this.buildSectionRuntime(), o.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, i.appendChild(o), this.attachSectionControllerReadyListener(o, a.sectionIdentifier);
     }
     t.appendChild(i), this.appendChild(t);
   }
@@ -981,15 +1058,15 @@ var Pe = class extends HTMLElement {
   }
   navigateTo(e) {
     const t = this.selectNavigation(), s = t.currentIndex, n = t.currentSectionId;
-    let i = s, c;
+    let i = s, a;
     if (typeof e == "number")
-      i = e, c = this.controller?.getSectionAt(i)?.sectionIdentifier;
-    else if (c = e, this.controller?.getCurrentSection()?.sectionIdentifier === c) return !0;
-    if (!this.dispatch(u.navigationRequested, {
+      i = e, a = this.controller?.getSectionAt(i)?.sectionIdentifier;
+    else if (a = e, this.controller?.getCurrentSection()?.sectionIdentifier === a) return !0;
+    if (!this.dispatch(l.navigationRequested, {
       fromIndex: s,
       toIndex: i,
       fromSectionId: n,
-      toSectionId: c,
+      toSectionId: a,
       reason: "navigate-to"
     }, !0)) return !1;
     this.syncCurrentSectionSessionIntoAssessment();
@@ -998,7 +1075,7 @@ var Pe = class extends HTMLElement {
   }
   navigateNext() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex + 1);
-    if (!this.dispatch(u.navigationRequested, {
+    if (!this.dispatch(l.navigationRequested, {
       fromIndex: e.currentIndex,
       toIndex: e.currentIndex + 1,
       fromSectionId: e.currentSectionId,
@@ -1011,7 +1088,7 @@ var Pe = class extends HTMLElement {
   }
   navigatePrevious() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex - 1);
-    if (!this.dispatch(u.navigationRequested, {
+    if (!this.dispatch(l.navigationRequested, {
       fromIndex: e.currentIndex,
       toIndex: e.currentIndex - 1,
       fromSectionId: e.currentSectionId,
@@ -1033,14 +1110,14 @@ var Pe = class extends HTMLElement {
     return Promise.race([t, s]);
   }
 };
-_("pie-assessment-player-default", Pe, "assessment player default tag");
-function Ne(e, t = !1) {
+U("pie-assessment-player-default", Te, "assessment player default tag");
+function De(e, t = !1) {
   if (e == null) return t;
   if (typeof e == "boolean") return e;
   const s = e.trim().toLowerCase();
   return s === "" || s === "true" || s === "1" || s === "yes";
 }
-var Ce = class extends HTMLElement {
+var _e = class extends HTMLElement {
   constructor(...e) {
     super(...e), this.showNavigation = !0;
   }
@@ -1054,7 +1131,7 @@ var Ce = class extends HTMLElement {
     e === "show-navigation" && (this.showNavigation = s), this.render();
   }
   render() {
-    const e = Ne(this.showNavigation, !0);
+    const e = De(this.showNavigation, !0);
     this.innerHTML = "";
     const t = document.createElement("style");
     t.textContent = `
@@ -1077,8 +1154,8 @@ var Ce = class extends HTMLElement {
 		`;
     const s = document.createElement("div");
     if (s.className = "pie-assessment-player-shell", e) {
-      const c = document.createElement("slot");
-      c.name = "navigation", s.appendChild(c);
+      const a = document.createElement("slot");
+      a.name = "navigation", s.appendChild(a);
     }
     const n = document.createElement("div");
     n.className = "pie-assessment-player-shell__body";
@@ -1086,7 +1163,7 @@ var Ce = class extends HTMLElement {
     n.appendChild(i), s.appendChild(n), this.appendChild(t), this.appendChild(s);
   }
 };
-_("pie-assessment-player-shell", Ce, "assessment player shell tag");
+U("pie-assessment-player-shell", _e, "assessment player shell tag");
 export {
-  u as ASSESSMENT_PLAYER_PUBLIC_EVENTS
+  l as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 import { AssessmentSection, Env, TestPart } from '@pie-players/pie-players-shared/types';
 import { LoaderConfig } from '@pie-players/pie-players-shared/loader-config';
+import { SectionPlayerRuntimeConfig } from '@pie-players/pie-section-player';
 export interface SectionSessionSnapshot {
     currentItemIndex?: number;
     visitedItemIdentifiers?: string[];
@@ -87,10 +88,10 @@ export interface SectionPlayerLoaderOverrides {
     loaderOptions?: Record<string, unknown>;
     [key: string]: unknown;
 }
-export interface SectionPlayerRuntimeOverrides {
-    player?: SectionPlayerLoaderOverrides | null;
+export type SectionPlayerRuntimeOverrides = SectionPlayerRuntimeConfig & {
+    player?: (SectionPlayerRuntimeConfig["player"] & SectionPlayerLoaderOverrides) | null;
     [key: string]: unknown;
-}
+};
 export interface AssessmentPlayerRuntimeConfig {
     assessmentId?: string;
     attemptId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-assessment-player",
-	"version": "0.3.53",
+	"version": "0.3.55",
 	"type": "module",
 	"description": "Assessment-level coordinator custom elements for orchestrating section-player instances",
 	"license": "MIT",
@@ -49,9 +49,9 @@
 		"lint": "biome check ."
 	},
 	"dependencies": {
-		"@pie-players/pie-assessment-toolkit": "0.3.53",
-		"@pie-players/pie-players-shared": "0.3.53",
-		"@pie-players/pie-section-player": "0.3.53"
+		"@pie-players/pie-assessment-toolkit": "0.3.55",
+		"@pie-players/pie-players-shared": "0.3.55",
+		"@pie-players/pie-section-player": "0.3.55"
 	},
 	"devDependencies": {
 		"@axe-core/playwright": "^4.11.1",