@pie-players/pie-section-player 0.3.24 → 0.3.25

package/dist/pie-section-player.js

@@ -6,7 +6,7 @@ if (typeof window < "u") {
   var no, io;
   ((no = (io = window).__svelte ?? (io.__svelte = {})).v ?? (no.v = /* @__PURE__ */ new Set())).add("5");
 }
-var Fn = {}, je = Symbol(), mf = Symbol("filename");
+var Fn = {}, je = Symbol(), gf = Symbol("filename");
 var xa = "http://www.w3.org/2000/svg", Tr = Array.isArray, Aa = Array.prototype.indexOf, Hn = Array.prototype.includes, zi = Array.from, Ci = Object.keys, Pi = Object.defineProperty, vn = Object.getOwnPropertyDescriptor, jo = Object.getOwnPropertyDescriptors, Ra = Object.prototype, Ma = Array.prototype, _r = Object.getPrototypeOf, ro = Object.isExtensible, Oa = () => {
 };
 function La(e) {
@@ -22,7 +22,7 @@ function Vo() {
     reject: t
   };
 }
-var gf = 1 << 24, mt = 1024, Mt = 2048, xn = 4096, Cr = 8192, Na = 16384, Pr = 32768, oo = 1 << 25, Di = 65536, vf = 1 << 17, yf = 1 << 18, qn = 1 << 19, za = 1 << 20, ei = 1 << 25, li = 65536, so = 1 << 21, Da = 1 << 22, ki = 1 << 23, yn = Symbol("$state"), Wo = Symbol("legacy props"), Ba = Symbol(""), Fa = Symbol("proxy path"), jt = new class extends Error {
+var vf = 1 << 24, mt = 1024, Mt = 2048, xn = 4096, Cr = 8192, Na = 16384, Pr = 32768, oo = 1 << 25, Di = 65536, yf = 1 << 17, bf = 1 << 18, qn = 1 << 19, za = 1 << 20, ei = 1 << 25, li = 65536, so = 1 << 21, Da = 1 << 22, ki = 1 << 23, yn = Symbol("$state"), Wo = Symbol("legacy props"), Ba = Symbol(""), Fa = Symbol("proxy path"), jt = new class extends Error {
   constructor(...t) {
     super(...t), I(this, "name", "StaleReactionError"), I(this, "message", "The reaction that called `getAbortSignal()` was re-run or destroyed");
   }
@@ -1651,7 +1651,7 @@ var jl = [
   "defer",
   "disablepictureinpicture",
   "disableremoteplayback"
-], If = [
+], Sf = [
   ...jl,
   "formNoValidate",
   "isMap",
@@ -1676,7 +1676,7 @@ var Kl = [
   "$state.raw",
   "$derived",
   "$derived.by"
-], Sf = [
+], wf = [
   ...Kl,
   "$state.eager",
   "$state.snapshot",
@@ -3275,7 +3275,7 @@ function Ys(e) {
     console.debug(`[${e}]`, ...t);
   };
 }
-var wf = Ys("I18nService"), nr = {
+var Tf = Ys("I18nService"), nr = {
   assessment: [],
   section: [],
   item: [],
@@ -4883,7 +4883,7 @@ function ud() {
   for (const n of e.getAllTools()) for (const i of n.pnpSupportIds || []) t.add(i);
   return [...t].sort();
 }
-var sa = ud(), Tf = {
+var sa = ud(), _f = {
   supports: [...sa],
   prohibitedSupports: [],
   activateAtInit: []
@@ -5008,7 +5008,7 @@ var hd = {
     itemGlossary: "itemGlossary",
     tutorialAvailable: "tutorialAvailable"
   }
-}, _f = Object.values(hd).flatMap((e) => Object.values(e)), Et = Ys("ToolCoordinator"), Zt;
+}, Cf = Object.values(hd).flatMap((e) => Object.values(e)), Et = Ys("ToolCoordinator"), Zt;
 (function(e) {
   e[e.BASE = 0] = "BASE", e[e.TOOL = 1e3] = "TOOL", e[e.MODAL = 2e3] = "MODAL", e[e.CONTROL = 3e3] = "CONTROL", e[e.HIGHLIGHT = 4e3] = "HIGHLIGHT";
 })(Zt || (Zt = {}));
@@ -7878,12 +7878,19 @@ function _u(e) {
     return String(e.itemId || "");
   }
 }
-var Cu = /* @__PURE__ */ Ie('<div class="pie-assessment-toolkit-anchor svelte-vpe4u2" aria-hidden="true"></div> <!>', 1), Pu = {
+var Cu = (e, t) => {
+  if (!customElements.get(e))
+    try {
+      customElements.define(e, t);
+    } catch (n) {
+      if (!(n instanceof DOMException && n.name === "NotSupportedError" || n && typeof n == "object" && n.name === "NotSupportedError") || !customElements.get(e)) throw n;
+    }
+}, Pu = /* @__PURE__ */ Ie('<div class="pie-assessment-toolkit-anchor svelte-vpe4u2" aria-hidden="true"></div> <!>', 1), ku = {
   hash: "svelte-vpe4u2",
   code: ".pie-assessment-toolkit-anchor.svelte-vpe4u2 {display:none;}"
 };
-function ku(e, t) {
-  We(t, !0), Qe(e, Pu);
+function Eu(e, t) {
+  We(t, !0), Qe(e, ku);
   const n = yu("toolkit"), i = new vu(), r = {
     mode: "gather",
     role: "student"
@@ -8392,12 +8399,12 @@ function ku(e, t) {
     set isolation(T) {
       x(T), p();
     }
-  }, hi = Cu(), O = Ue(hi);
+  }, hi = Pu(), O = Ue(hi);
   Ge(O, (T) => H(L, T), () => a(L));
   var bt = xe(O, 2);
   return On(bt, t, "default", {}, null), ce(e, hi), Ke(Gi);
 }
-customElements.define("pie-assessment-toolkit", Ye(ku, {
+Cu("pie-assessment-toolkit", Ye(Eu, {
   assessmentId: {
     attribute: "assessment-id",
     type: "String"
@@ -8458,7 +8465,7 @@ customElements.define("pie-assessment-toolkit", Ye(ku, {
   "persist",
   "hydrate"
 ], { mode: "open" }));
-var Eu = class {
+var xu = class {
   createUniqueId(e, t, n) {
     const i = e.trim() || n;
     let r = i, o = 2;
@@ -8533,7 +8540,7 @@ var Eu = class {
       adapterItemRefs: c
     };
   }
-}, xu = class {
+}, Au = class {
   navigate(e) {
     if (e.isPageMode || e.index < 0 || e.index >= e.items.length) return null;
     const t = e.items[e.currentItemIndex]?.id || "", n = e.items[e.index], i = n?.id || "", r = typeof n?.title == "string" && n.title.trim() || void 0, o = Td(_d(e.testAttemptSession, {
@@ -8553,7 +8560,7 @@ var Eu = class {
       }
     };
   }
-}, Au = class {
+}, Ru = class {
   createEmptyCanonicalAttempt(e) {
     const t = e.adapterItemRefs.map((n) => n?.identifier || n?.item?.id).filter((n) => typeof n == "string" && !!n);
     return wd({
@@ -8609,9 +8616,9 @@ var Eu = class {
       }
     };
   }
-}, Ru = Ho("section-controller", () => Fo()), Mu = class {
+}, Mu = Ho("section-controller", () => Fo()), Ou = class {
   constructor() {
-    this.contentService = new Eu(), this.sessionService = new Au(), this.itemNavigationService = new xu(), this.sessionPersistence = null, this.state = {
+    this.contentService = new xu(), this.sessionService = new Ru(), this.itemNavigationService = new Au(), this.sessionPersistence = null, this.state = {
       input: null,
       viewModel: {
         passages: [],
@@ -8630,7 +8637,7 @@ var Eu = class {
     for (const t of this.listeners) try {
       t(e);
     } catch (n) {
-      Ru.warn("listener failed", n);
+      Mu.warn("listener failed", n);
     }
   }
   subscribe(e) {
@@ -9084,12 +9091,12 @@ var Eu = class {
       }
     }
   }
-}, Ou = /* @__PURE__ */ Ie("<pie-tool-annotation-toolbar></pie-tool-annotation-toolbar>", 2), Lu = /* @__PURE__ */ Ie("<pie-assessment-toolkit><!> <!></pie-assessment-toolkit>", 2), Nu = {
+}, Lu = /* @__PURE__ */ Ie("<pie-tool-annotation-toolbar></pie-tool-annotation-toolbar>", 2), Nu = /* @__PURE__ */ Ie("<pie-assessment-toolkit><!> <!></pie-assessment-toolkit>", 2), zu = {
   hash: "svelte-19m8zbn",
   code: ":host {display:block;width:100%;height:100%;min-height:0;}pie-assessment-toolkit.svelte-19m8zbn {display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;overflow:hidden;}"
 };
-function zu(e, t) {
-  We(t, !0), Qe(e, Nu);
+function Du(e, t) {
+  We(t, !0), Qe(e, zu);
   let n = m(t, "assessmentId", 7, Mo), i = m(t, "runtime", 7, null), r = m(t, "section", 7, null), o = m(t, "sectionId", 7, ""), s = m(t, "attemptId", 7, ""), l = m(t, "playerType", 7, Oo), c = m(t, "player", 7, null), d = m(t, "lazyInit", 7, !0), f = m(t, "tools", 7, null), h = m(t, "accessibility", 7, null), u = m(t, "coordinator", 7, null), g = m(t, "createSectionController", 7, null), y = m(t, "isolation", 7, Lo), _ = m(t, "env", 7, null), S = /* @__PURE__ */ $(null), v = /* @__PURE__ */ $(null), z = /* @__PURE__ */ $(-1);
   const x = Mn(), L = /* @__PURE__ */ M(() => i()?.assessmentId ?? n()), A = /* @__PURE__ */ M(() => i()?.playerType ?? l()), V = /* @__PURE__ */ M(() => i()?.player ?? c()), R = /* @__PURE__ */ M(() => i()?.lazyInit ?? d()), P = /* @__PURE__ */ M(() => i()?.tools ?? f()), N = /* @__PURE__ */ M(() => i()?.accessibility ?? h()), W = /* @__PURE__ */ M(() => i()?.coordinator ?? u()), Y = /* @__PURE__ */ M(() => i()?.createSectionController ?? g()), U = /* @__PURE__ */ M(() => i()?.isolation ?? y()), q = /* @__PURE__ */ M(() => i()?.env ?? _() ?? ha), j = /* @__PURE__ */ M(() => o() || a(X)?.identifier || "");
   let X = /* @__PURE__ */ M(() => {
@@ -9128,7 +9135,7 @@ function zu(e, t) {
       b = !0;
     };
   }), ie(() => {
-    a(S) && (a(S).createSectionController = a(Y) || (() => new Mu()));
+    a(S) && (a(S).createSectionController = a(Y) || (() => new Ou()));
   });
   function ae(b) {
     return a(S)?.navigateToItem ? a(S).navigateToItem(b) : null;
@@ -9257,10 +9264,10 @@ function zu(e, t) {
     set env(b = null) {
       _(b), p();
     }
-  }, C = Lu();
+  }, C = Nu();
   E(() => k(C, "assessment-id", a(L))), E(() => k(C, "section", a(X))), E(() => k(C, "section-id", o())), E(() => k(C, "attempt-id", s())), E(() => k(C, "player-type", a(A))), E(() => k(C, "player", a(V))), E(() => k(C, "env", a(q))), E(() => k(C, "lazy-init", a(R))), E(() => k(C, "tools", a(P))), E(() => k(C, "accessibility", a(N))), E(() => k(C, "coordinator", a(W))), E(() => k(C, "isolation", a(U))), wt(C, 1, "svelte-19m8zbn");
   var me = ke(C), ge = (b) => {
-    var Q = Ou();
+    var Q = Lu();
     k(Q, "enabled", !0), E(() => k(Q, "ttsService", a(v).ttsService)), E(() => k(Q, "highlightCoordinator", a(v).highlightCoordinator)), ce(b, Q);
   };
   Pt(me, (b) => {
@@ -9269,7 +9276,7 @@ function zu(e, t) {
   var Xe = xe(me, 2);
   return On(Xe, t, "default", {}, null), Pe(C), Ge(C, (b) => H(S, b), () => a(S)), Ee("composition-changed", C, de), Ee("toolkit-ready", C, (b) => fe(b, "toolkit-ready")), Ee("section-ready", C, (b) => fe(b, "section-ready")), Ee("runtime-error", C, (b) => fe(b, "runtime-error")), Ee("session-changed", C, (b) => fe(b, "session-changed")), Ee("runtime-owned", C, (b) => fe(b, "runtime-owned")), Ee("runtime-inherited", C, (b) => fe(b, "runtime-inherited")), ce(e, C), Ke(D);
 }
-customElements.define("pie-section-player-base", Ye(zu, {
+customElements.define("pie-section-player-base", Ye(Du, {
   assessmentId: {
     attribute: "assessment-id",
     type: "String"
@@ -9309,7 +9316,7 @@ customElements.define("pie-section-player-base", Ye(zu, {
   "getSectionController",
   "waitForSectionController"
 ], { mode: "open" }));
-var Du = /* @__PURE__ */ Ie("<pie-section-toolbar></pie-section-toolbar>", 2), Bu = /* @__PURE__ */ Ie('<aside class="pie-section-player-toolbar-pane pie-section-player-toolbar-pane--left svelte-klnow4" aria-label="Section tools"><pie-section-toolbar></pie-section-toolbar></aside>', 2), Fu = /* @__PURE__ */ Ie('<aside class="pie-section-player-toolbar-pane pie-section-player-toolbar-pane--right svelte-klnow4" aria-label="Section tools"><pie-section-toolbar></pie-section-toolbar></aside>', 2), Hu = /* @__PURE__ */ Ie("<pie-section-toolbar></pie-section-toolbar>", 2), ju = /* @__PURE__ */ Ie("<div><!> <div><!> <!> <!></div> <!></div>"), Vu = {
+var Bu = /* @__PURE__ */ Ie("<pie-section-toolbar></pie-section-toolbar>", 2), Fu = /* @__PURE__ */ Ie('<aside class="pie-section-player-toolbar-pane pie-section-player-toolbar-pane--left svelte-klnow4" aria-label="Section tools"><pie-section-toolbar></pie-section-toolbar></aside>', 2), Hu = /* @__PURE__ */ Ie('<aside class="pie-section-player-toolbar-pane pie-section-player-toolbar-pane--right svelte-klnow4" aria-label="Section tools"><pie-section-toolbar></pie-section-toolbar></aside>', 2), ju = /* @__PURE__ */ Ie("<pie-section-toolbar></pie-section-toolbar>", 2), Vu = /* @__PURE__ */ Ie("<div><!> <div><!> <!> <!></div> <!></div>"), Wu = {
   hash: "svelte-klnow4",
   code: `:host {display:block;width:100%;height:100%;min-height:0;}.pie-section-player-shell.svelte-klnow4 {display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--pie-background-dark, #ecedf1);}.pie-section-player-layout-body.svelte-klnow4 {display:grid;grid-template-columns:minmax(0, 1fr);flex:1;min-height:0;overflow:hidden;background:var(--pie-background-dark, #ecedf1);}.pie-section-player-layout-body--inline.svelte-klnow4 {gap:0;}.pie-section-player-layout-body--inline-left.svelte-klnow4 {grid-template-columns:auto minmax(0, 1fr);}.pie-section-player-layout-body--inline-right.svelte-klnow4 {grid-template-columns:minmax(0, 1fr) auto;}.pie-section-player-toolbar-pane.svelte-klnow4 {min-height:0;overflow:auto;padding:0.25rem;box-sizing:border-box;background:var(--pie-background-dark, #ecedf1);}.pie-section-player-toolbar-pane--right.svelte-klnow4 {border-left:1px solid var(--pie-border-light, #e5e7eb);}.pie-section-player-toolbar-pane--left.svelte-klnow4 {border-right:1px solid var(--pie-border-light, #e5e7eb);}.pie-section-player-toolbar.svelte-klnow4 {margin:0.25rem;}.pie-section-player-toolbar-pane.svelte-klnow4 pie-section-toolbar:where(.svelte-klnow4) {margin:0.25rem;}
 
@@ -9317,8 +9324,8 @@ var Du = /* @__PURE__ */ Ie("<pie-section-toolbar></pie-section-toolbar>", 2), B
 		.pie-section-player-toolbar-pane--right.svelte-klnow4 {border:none;padding:0;}
 	}`
 };
-function Wu(e, t) {
-  We(t, !0), Qe(e, Vu);
+function Ku(e, t) {
+  We(t, !0), Qe(e, Wu);
   const n = 1100;
   let i = m(t, "showToolbar", 7, "false"), r = m(t, "toolbarPosition", 7, "right"), o = m(t, "enabledTools", 7, ""), s = /* @__PURE__ */ $(!1);
   ie(() => {
@@ -9348,15 +9355,15 @@ function Wu(e, t) {
     set enabledTools(P = "") {
       o(P), p();
     }
-  }, g = ju(), y = ke(g), _ = (P) => {
-    var N = Du();
+  }, g = Vu(), y = ke(g), _ = (P) => {
+    var N = Bu();
     E(() => k(N, "position", a(l))), E(() => k(N, "enabled-tools", o())), E(() => wt(N, 1, `pie-section-player-toolbar pie-section-player-toolbar--${a(l)}`, "svelte-klnow4")), ce(P, N);
   };
   Pt(y, (P) => {
     a(c) && a(d) && P(_);
   });
   var S = xe(y, 2), v = ke(S), z = (P) => {
-    var N = Bu(), W = ke(N);
+    var N = Fu(), W = ke(N);
     k(W, "position", "left"), E(() => k(W, "enabled-tools", o())), wt(W, 1, "svelte-klnow4"), Pe(N), ce(P, N);
   };
   Pt(v, (P) => {
@@ -9365,14 +9372,14 @@ function Wu(e, t) {
   var x = xe(v, 2);
   On(x, t, "default", {}, null);
   var L = xe(x, 2), A = (P) => {
-    var N = Fu(), W = ke(N);
+    var N = Hu(), W = ke(N);
     k(W, "position", "right"), E(() => k(W, "enabled-tools", o())), wt(W, 1, "svelte-klnow4"), Pe(N), ce(P, N);
   };
   Pt(L, (P) => {
     a(c) && a(h) && a(l) === "right" && P(A);
   }), Pe(S);
   var V = xe(S, 2), R = (P) => {
-    var N = Hu();
+    var N = ju();
     E(() => k(N, "position", a(l))), E(() => k(N, "enabled-tools", o())), E(() => wt(N, 1, `pie-section-player-toolbar pie-section-player-toolbar--${a(l)}`, "svelte-klnow4")), ce(P, N);
   };
   return Pt(V, (P) => {
@@ -9381,7 +9388,7 @@ function Wu(e, t) {
     wt(g, 1, `pie-section-player-shell pie-section-player-shell--${a(l)}`, "svelte-klnow4"), wt(S, 1, `pie-section-player-layout-body ${a(c) && a(h) ? `pie-section-player-layout-body--inline pie-section-player-layout-body--inline-${a(l)}` : ""}`, "svelte-klnow4");
   }), ce(e, g), Ke(u);
 }
-customElements.define("pie-section-player-shell", Ye(Wu, {
+customElements.define("pie-section-player-shell", Ye(Ku, {
   showToolbar: {
     attribute: "show-toolbar",
     type: "String"
@@ -9395,14 +9402,14 @@ customElements.define("pie-section-player-shell", Ye(Wu, {
     type: "String"
   }
 }, ["default"], [], { mode: "open" }));
-var Ku = /* @__PURE__ */ Ie('<div class="pie-section-player-layout-scaffold-anchor svelte-9tgqlk" aria-hidden="true"></div> <div class="pie-section-player-nav-status svelte-9tgqlk" role="status" aria-live="polite" aria-atomic="true"> </div> <pie-section-player-base><pie-section-player-shell><!></pie-section-player-shell></pie-section-player-base>', 3), $u = {
+var $u = /* @__PURE__ */ Ie('<div class="pie-section-player-layout-scaffold-anchor svelte-9tgqlk" aria-hidden="true"></div> <div class="pie-section-player-nav-status svelte-9tgqlk" role="status" aria-live="polite" aria-atomic="true"> </div> <pie-section-player-base><pie-section-player-shell><!></pie-section-player-shell></pie-section-player-base>', 3), qu = {
   hash: "svelte-9tgqlk",
   code: `.pie-section-player-layout-scaffold-anchor.svelte-9tgqlk {display:none;}
 
 	/* Visually hidden but available to screen readers (WCAG 4.1.3). */.pie-section-player-nav-status.svelte-9tgqlk {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}`
 };
 function ga(e, t) {
-  We(t, !0), Qe(e, $u);
+  We(t, !0), Qe(e, qu);
   let n = m(t, "runtime", 7, null), i = m(t, "section", 7, null), r = m(t, "sectionId", 7, ""), o = m(t, "attemptId", 7, ""), s = m(t, "showToolbar", 7, "false"), l = m(t, "toolbarPosition", 7, "right"), c = m(t, "enabledTools", 7, ""), d = m(t, "focusPolicy", 23, () => ({ autoFocusFirstItem: !1 })), f = m(t, "cardRenderContext", 7, null), h = m(t, "onCompositionChanged", 7), u = m(t, "onSectionReady", 7), g = m(t, "onRuntimeError", 7), y = m(t, "onSessionChanged", 7), _ = m(t, "onRuntimeOwned", 7), S = m(t, "onRuntimeInherited", 7), v = m(t, "onToolkitReady", 7), z = /* @__PURE__ */ $(null), x = /* @__PURE__ */ $(""), L = null;
   function A(C) {
     const me = typeof C.itemIndex == "number" ? C.itemIndex + 1 : null, ge = typeof C.totalItems == "number" ? C.totalItems : null;
@@ -9579,7 +9586,7 @@ function ga(e, t) {
     set onToolkitReady(C) {
       v(C), p();
     }
-  }, ae = Ku(), Fe = Ue(ae);
+  }, ae = $u(), Fe = Ue(ae);
   Ge(Fe, (C) => H(z, C), () => a(z));
   var Se = xe(Fe, 2), $e = ke(Se, !0);
   Pe(Se);
@@ -10066,7 +10073,7 @@ Ye(qi, {
   "getSectionController",
   "waitForSectionController"
 ], { mode: "open" });
-var qu = /* @__PURE__ */ Ie('<section class="pie-section-player-passages-section svelte-1p2kjkn" aria-label="Passages"><pie-section-player-passages-pane></pie-section-player-passages-pane></section>', 2), Uu = /* @__PURE__ */ Ie('<div class="pie-section-player-vertical-content svelte-1p2kjkn"><!> <section class="pie-section-player-items-section svelte-1p2kjkn" aria-label="Items"><pie-section-player-items-pane></pie-section-player-items-pane></section></div>', 2), Gu = {
+var Uu = /* @__PURE__ */ Ie('<section class="pie-section-player-passages-section svelte-1p2kjkn" aria-label="Passages"><pie-section-player-passages-pane></pie-section-player-passages-pane></section>', 2), Gu = /* @__PURE__ */ Ie('<div class="pie-section-player-vertical-content svelte-1p2kjkn"><!> <section class="pie-section-player-items-section svelte-1p2kjkn" aria-label="Items"><pie-section-player-items-pane></pie-section-player-items-pane></section></div>', 2), Yu = {
   hash: "svelte-1p2kjkn",
   code: `.pie-section-player-vertical-content.svelte-1p2kjkn {height:100%;max-height:100%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1rem;padding:0.5rem;box-sizing:border-box;background:var(--pie-background-dark, #ecedf1);scrollbar-width:thin;scrollbar-color:var(--pie-scrollbar-thumb, #6b7280) var(--pie-scrollbar-track, #d1d5db);}.pie-section-player-vertical-content.svelte-1p2kjkn::-webkit-scrollbar {width:0.75rem;height:0.75rem;}.pie-section-player-vertical-content.svelte-1p2kjkn::-webkit-scrollbar-track {background:var(--pie-scrollbar-track, #d1d5db);border-radius:999px;}.pie-section-player-vertical-content.svelte-1p2kjkn::-webkit-scrollbar-thumb {background:var(--pie-scrollbar-thumb, #6b7280);border-radius:999px;border:2px solid var(--pie-scrollbar-track, #d1d5db);}.pie-section-player-vertical-content.svelte-1p2kjkn::-webkit-scrollbar-thumb:hover {background:var(--pie-scrollbar-thumb-hover, #4b5563);}.pie-section-player-passages-section.svelte-1p2kjkn,
 	.pie-section-player-items-section.svelte-1p2kjkn {min-height:0;
@@ -10074,7 +10081,7 @@ var qu = /* @__PURE__ */ Ie('<section class="pie-section-player-passages-section
 		   Let the vertical container own scrolling instead. */flex:0 0 auto;}.pie-section-player-passages-section.svelte-1p2kjkn {width:100%;}`
 };
 function Qr(e, t) {
-  We(t, !0), Qe(e, Gu);
+  We(t, !0), Qe(e, Yu);
   let n = m(t, "layoutModel", 7), i = m(t, "itemToolbarTools", 7, ""), r = m(t, "passageToolbarTools", 7, ""), o = m(t, "iifeBundleHost", 7), s = m(t, "preloadComponentTag", 7, "pie-section-player-vertical");
   var l = {
     get layoutModel() {
@@ -10107,8 +10114,8 @@ function Qr(e, t) {
     set preloadComponentTag(g = "pie-section-player-vertical") {
       s(g), p();
     }
-  }, c = Uu(), d = ke(c), f = (g) => {
-    var y = qu(), _ = ke(y);
+  }, c = Gu(), d = ke(c), f = (g) => {
+    var y = Uu(), _ = ke(y);
     E(() => k(_, "passages", n().passages)), E(() => k(_, "elementsLoaded", n().paneElementsLoaded)), E(() => k(_, "resolvedPlayerEnv", n().resolvedPlayerEnv)), E(() => k(_, "resolvedPlayerAttributes", n().resolvedPlayerAttributes)), E(() => k(_, "resolvedPlayerProps", n().resolvedPlayerProps)), E(() => k(_, "playerStrategy", n().playerStrategy)), E(() => k(_, "passageToolbarTools", r())), Pe(y), ce(g, y);
   };
   Pt(d, (g) => {
@@ -10130,14 +10137,14 @@ Ye(Qr, {
   iifeBundleHost: {},
   preloadComponentTag: {}
 }, [], [], { mode: "open" });
-var Yu = /* @__PURE__ */ Ie('<div role="separator" aria-orientation="vertical"><span class="pie-section-player-split-divider-handle svelte-1ncvi88"></span></div>'), Xu = {
+var Xu = /* @__PURE__ */ Ie('<div role="separator" aria-orientation="vertical"><span class="pie-section-player-split-divider-handle svelte-1ncvi88"></span></div>'), Ju = {
   hash: "svelte-1ncvi88",
   code: `.pie-section-player-split-divider.svelte-1ncvi88 {border:none;padding:0;margin:0;font:inherit;align-self:stretch;height:100%;min-height:0;position:relative;cursor:col-resize;background:var(--pie-secondary-background, #f3f4f6);display:flex;align-items:center;justify-content:center;user-select:none;touch-action:none;transition:background 0.2s ease;}.pie-section-player-split-divider.svelte-1ncvi88:hover {background:var(--pie-border-light, #e5e7eb);}.pie-section-player-split-divider.svelte-1ncvi88:focus {outline:2px solid var(--pie-focus-checked-border, #1976d2);outline-offset:-2px;}.pie-section-player-split-divider-handle.svelte-1ncvi88 {position:absolute;inset:0;margin:auto;width:6px;height:60px;background:var(--pie-blue-grey-600, #9ca3af);border-radius:3px;transition:all 0.2s ease;pointer-events:none;}.pie-section-player-split-divider-handle.svelte-1ncvi88::before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:20px;background:var(--pie-white, white);border-radius:1px;opacity:0.8;}.pie-section-player-split-divider.svelte-1ncvi88:hover .pie-section-player-split-divider-handle:where(.svelte-1ncvi88),
 	.pie-section-player-split-divider.svelte-1ncvi88:focus .pie-section-player-split-divider-handle:where(.svelte-1ncvi88),
 	.pie-section-player-split-divider--dragging.svelte-1ncvi88 .pie-section-player-split-divider-handle:where(.svelte-1ncvi88) {background:var(--pie-primary, #1976d2);height:80px;box-shadow:0 2px 8px rgba(25, 118, 210, 0.3);}.pie-section-player-split-divider--dragging.svelte-1ncvi88 {background:var(--pie-primary-light, #dbeafe);}`
 };
 function va(e, t) {
-  We(t, !0), Qe(e, Xu);
+  We(t, !0), Qe(e, Ju);
   let n = m(t, "value", 7, 50), i = m(t, "min", 7, 20), r = m(t, "max", 7, 80), o = m(t, "step", 7, 5), s = m(t, "disabled", 7, !1), l = m(t, "ariaLabel", 7, "Resize panels"), c = m(t, "ariaControls", 7, ""), d = m(t, "ariaValueText", 7, "");
   const f = Mn();
   let h = /* @__PURE__ */ $(!1), u = 0, g = 0;
@@ -10237,7 +10244,7 @@ function va(e, t) {
     set ariaValueText(A = "") {
       d(A), p();
     }
-  }, L = Yu();
+  }, L = Xu();
   return E((A) => {
     wt(L, 1, `pie-section-player-split-divider ${a(h) ? "pie-section-player-split-divider--dragging" : ""}`, "svelte-1ncvi88"), ft(L, "aria-label", l()), ft(L, "aria-controls", c() || void 0), ft(L, "aria-valuemin", i()), ft(L, "aria-valuemax", r()), ft(L, "aria-valuenow", A), ft(L, "aria-valuetext", d() || void 0), ft(L, "aria-disabled", s() ? "true" : void 0), ft(L, "tabindex", s() ? void 0 : 0);
   }, [() => Math.round(n())]), yo("mousedown", L, _), yo("keydown", L, z), ce(e, L), Ke(x);
@@ -10253,7 +10260,7 @@ Ye(va, {
   ariaControls: {},
   ariaValueText: {}
 }, [], [], { mode: "open" });
-var Ju = /* @__PURE__ */ Ie('<aside class="pie-section-player-passages-pane svelte-1psecfm" aria-label="Passages"><pie-section-player-passages-pane></pie-section-player-passages-pane></aside> <!>', 3), Zu = /* @__PURE__ */ Ie('<div><!> <main class="pie-section-player-items-pane svelte-1psecfm" aria-label="Items"><pie-section-player-items-pane></pie-section-player-items-pane></main></div>', 2), Qu = /* @__PURE__ */ Ie('<div class="pie-section-player-observability-anchor svelte-1psecfm" aria-hidden="true"></div> <!>', 1), ef = {
+var Zu = /* @__PURE__ */ Ie('<aside class="pie-section-player-passages-pane svelte-1psecfm" aria-label="Passages"><pie-section-player-passages-pane></pie-section-player-passages-pane></aside> <!>', 3), Qu = /* @__PURE__ */ Ie('<div><!> <main class="pie-section-player-items-pane svelte-1psecfm" aria-label="Items"><pie-section-player-items-pane></pie-section-player-items-pane></main></div>', 2), ef = /* @__PURE__ */ Ie('<div class="pie-section-player-observability-anchor svelte-1psecfm" aria-hidden="true"></div> <!>', 1), tf = {
   hash: "svelte-1psecfm",
   code: `:host {display:block;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;}.pie-section-player-split-content.svelte-1psecfm {display:grid;gap:0;min-height:0;height:100%;overflow:hidden;}.pie-section-player-passages-pane.svelte-1psecfm,
 	.pie-section-player-items-pane.svelte-1psecfm {height:100%;max-height:100%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0.5rem;box-sizing:border-box;background:var(--pie-background-dark, #ecedf1);scrollbar-width:thin;scrollbar-color:var(--pie-scrollbar-thumb, #6b7280) var(--pie-scrollbar-track, #d1d5db);}.pie-section-player-passages-pane.svelte-1psecfm:focus-visible,
@@ -10263,8 +10270,8 @@ var Ju = /* @__PURE__ */ Ie('<aside class="pie-section-player-passages-pane svel
 	.pie-section-player-items-pane.svelte-1psecfm::-webkit-scrollbar-thumb {background:var(--pie-scrollbar-thumb, #6b7280);border-radius:999px;border:2px solid var(--pie-scrollbar-track, #d1d5db);}.pie-section-player-passages-pane.svelte-1psecfm::-webkit-scrollbar-thumb:hover,
 	.pie-section-player-items-pane.svelte-1psecfm::-webkit-scrollbar-thumb:hover {background:var(--pie-scrollbar-thumb-hover, #4b5563);}.pie-section-player-observability-anchor.svelte-1psecfm {display:none;}`
 };
-function tf(e, t) {
-  We(t, !0), Qe(e, ef);
+function nf(e, t) {
+  We(t, !0), Qe(e, tf);
   const n = 1100, i = 400, r = 2e3;
   let o = m(t, "assessmentId", 7), s = m(t, "runtime", 7, null), l = m(t, "section", 7, null), c = m(t, "sectionId", 7, ""), d = m(t, "attemptId", 7, ""), f = m(t, "playerType", 7), h = m(t, "player", 7), u = m(t, "lazyInit", 7), g = m(t, "tools", 7), y = m(t, "accessibility", 7), _ = m(t, "coordinator", 7), S = m(t, "createSectionController", 7), v = m(t, "isolation", 7), z = m(t, "env", 7), x = m(t, "iifeBundleHost", 7), L = m(t, "debug", 7, void 0), A = m(t, "showToolbar", 7, "false"), V = m(t, "toolbarPosition", 7, "right"), R = m(t, "enabledTools", 7, ""), P = m(t, "itemToolbarTools", 7, ""), N = m(t, "passageToolbarTools", 7, ""), W = m(t, "policies", 7, void 0), Y = m(t, "narrowLayoutBreakpoint", 7, void 0);
   const U = /* @__PURE__ */ M(() => {
@@ -10494,7 +10501,7 @@ function tf(e, t) {
     set narrowLayoutBreakpoint(F = void 0) {
       Y(F), p();
     }
-  }, Ce = Qu(), Me = Ue(Ce);
+  }, Ce = ef(), Me = Ue(Ce);
   Ge(Me, (F) => H(X, F), () => a(X));
   var zt = xe(Me, 2);
   {
@@ -10603,8 +10610,8 @@ function tf(e, t) {
             preloadComponentTag: "pie-section-player-vertical"
           });
         }, qe = (De) => {
-          var et = Zu(), Dt = ke(et), Gn = (Je) => {
-            var qt = Ju(), Ut = Ue(qt), yt = ke(Ut);
+          var et = Qu(), Dt = ke(et), Gn = (Je) => {
+            var qt = Zu(), Ut = Ue(qt), yt = ke(Ut);
             E(() => k(yt, "passages", a(pe).passages)), E(() => k(yt, "elementsLoaded", a(pe).paneElementsLoaded)), E(() => k(yt, "resolvedPlayerEnv", a(pe).resolvedPlayerEnv)), E(() => k(yt, "resolvedPlayerAttributes", a(pe).resolvedPlayerAttributes)), E(() => k(yt, "resolvedPlayerProps", a(pe).resolvedPlayerProps)), E(() => k(yt, "playerStrategy", a(pe).playerStrategy)), E(() => k(yt, "passageToolbarTools", N())), Pe(Ut), va(xe(Ut, 2), {
               get value() {
                 return a(q);
@@ -10644,7 +10651,7 @@ function tf(e, t) {
   }
   return ce(e, Ce), Ke(Z);
 }
-customElements.define("pie-section-player-splitpane", Ye(tf, {
+customElements.define("pie-section-player-splitpane", Ye(nf, {
   assessmentId: {
     attribute: "assessment-id",
     type: "String"
@@ -10721,12 +10728,12 @@ customElements.define("pie-section-player-splitpane", Ye(tf, {
   "getSectionController",
   "waitForSectionController"
 ]));
-var nf = /* @__PURE__ */ Ie('<div class="pie-section-player-observability-anchor svelte-j50lbm" aria-hidden="true"></div> <!>', 1), rf = {
+var rf = /* @__PURE__ */ Ie('<div class="pie-section-player-observability-anchor svelte-j50lbm" aria-hidden="true"></div> <!>', 1), of = {
   hash: "svelte-j50lbm",
   code: ":host {display:block;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;}.pie-section-player-observability-anchor.svelte-j50lbm {display:none;}"
 };
-function of(e, t) {
-  We(t, !0), Qe(e, rf);
+function sf(e, t) {
+  We(t, !0), Qe(e, of);
   const n = 1100, i = 400, r = 2e3;
   let o = m(t, "assessmentId", 7), s = m(t, "runtime", 7, null), l = m(t, "section", 7, null), c = m(t, "sectionId", 7, ""), d = m(t, "attemptId", 7, ""), f = m(t, "playerType", 7), h = m(t, "player", 7), u = m(t, "lazyInit", 7), g = m(t, "tools", 7), y = m(t, "accessibility", 7), _ = m(t, "coordinator", 7), S = m(t, "createSectionController", 7), v = m(t, "isolation", 7), z = m(t, "env", 7), x = m(t, "iifeBundleHost", 7), L = m(t, "debug", 7, void 0), A = m(t, "showToolbar", 7, "false"), V = m(t, "toolbarPosition", 7, "right"), R = m(t, "enabledTools", 7, ""), P = m(t, "itemToolbarTools", 7, ""), N = m(t, "passageToolbarTools", 7, ""), W = m(t, "policies", 7, void 0), Y = m(t, "narrowLayoutBreakpoint", 7, void 0);
   const U = Mn();
@@ -10952,7 +10959,7 @@ function of(e, t) {
     set narrowLayoutBreakpoint(b = void 0) {
       Y(b), p();
     }
-  }, me = nf(), ge = Ue(me);
+  }, me = rf(), ge = Ue(me);
   Ge(ge, (b) => H(q, b), () => a(q));
   var Xe = xe(ge, 2);
   return Ge(qi(Xe, {
@@ -11060,7 +11067,7 @@ function of(e, t) {
     } }
   }), (b) => H(j, b, !0), () => a(j)), ce(e, me), Ke(C);
 }
-customElements.define("pie-section-player-vertical", Ye(of, {
+customElements.define("pie-section-player-vertical", Ye(sf, {
   assessmentId: {
     attribute: "assessment-id",
     type: "String"
@@ -11137,12 +11144,12 @@ customElements.define("pie-section-player-vertical", Ye(of, {
   "getSectionController",
   "waitForSectionController"
 ]));
-var sf = /* @__PURE__ */ Ie("<pie-section-player-passages-pane></pie-section-player-passages-pane>", 2), af = /* @__PURE__ */ Ie('<div class="pie-section-player-kernel-host-content svelte-18wms89"><!> <pie-section-player-items-pane></pie-section-player-items-pane></div>', 2), lf = /* @__PURE__ */ Ie('<div class="pie-section-player-observability-anchor svelte-18wms89" aria-hidden="true"></div> <!>', 1), cf = {
+var af = /* @__PURE__ */ Ie("<pie-section-player-passages-pane></pie-section-player-passages-pane>", 2), lf = /* @__PURE__ */ Ie('<div class="pie-section-player-kernel-host-content svelte-18wms89"><!> <pie-section-player-items-pane></pie-section-player-items-pane></div>', 2), cf = /* @__PURE__ */ Ie('<div class="pie-section-player-observability-anchor svelte-18wms89" aria-hidden="true"></div> <!>', 1), df = {
   hash: "svelte-18wms89",
   code: ":host {display:block;width:100%;height:100%;min-height:0;overflow:hidden;}.pie-section-player-kernel-host-content.svelte-18wms89 {display:flex;flex-direction:column;gap:1rem;min-height:0;height:100%;padding:0.5rem;box-sizing:border-box;}.pie-section-player-observability-anchor.svelte-18wms89 {display:none;}"
 };
-function df(e, t) {
-  We(t, !0), Qe(e, cf);
+function uf(e, t) {
+  We(t, !0), Qe(e, df);
   let n = m(t, "assessmentId", 7), i = m(t, "runtime", 7, null), r = m(t, "section", 7, null), o = m(t, "sectionId", 7, ""), s = m(t, "attemptId", 7, ""), l = m(t, "playerType", 7), c = m(t, "player", 7, null), d = m(t, "lazyInit", 7), f = m(t, "tools", 7), h = m(t, "accessibility", 7), u = m(t, "coordinator", 7), g = m(t, "createSectionController", 7), y = m(t, "isolation", 7), _ = m(t, "env", 7), S = m(t, "iifeBundleHost", 7), v = m(t, "debug", 7, void 0), z = m(t, "showToolbar", 7, "false"), x = m(t, "toolbarPosition", 7, "right"), L = m(t, "enabledTools", 7, ""), A = m(t, "itemToolbarTools", 7, ""), V = m(t, "passageToolbarTools", 7, ""), R = m(t, "policies", 7);
   const P = Mn();
   let N = /* @__PURE__ */ $(null), W = /* @__PURE__ */ $(null), Y = /* @__PURE__ */ $(nn({
@@ -11370,7 +11377,7 @@ function df(e, t) {
     set policies(D) {
       R(D), p();
     }
-  }, $e = lf(), he = Ue($e);
+  }, $e = cf(), he = Ue($e);
   Ge(he, (D) => H(N, D), () => a(N));
   var He = xe(he, 2);
   return Ge(qi(He, {
@@ -11471,8 +11478,8 @@ function df(e, t) {
     children: kr,
     $$slots: { default: (D, C) => {
       const me = /* @__PURE__ */ M(() => C.items), ge = /* @__PURE__ */ M(() => C.passages), Xe = /* @__PURE__ */ M(() => C.compositionModel), b = /* @__PURE__ */ M(() => C.resolvedPlayerEnv), Q = /* @__PURE__ */ M(() => C.resolvedPlayerAttributes), Z = /* @__PURE__ */ M(() => C.resolvedPlayerProps), Ce = /* @__PURE__ */ M(() => C.playerStrategy), Me = /* @__PURE__ */ M(() => C.preloadedRenderables), zt = /* @__PURE__ */ M(() => C.preloadedRenderablesSignature), F = /* @__PURE__ */ M(() => C.onItemsPaneElementsLoaded), ve = /* @__PURE__ */ M(() => C.onItemsPanePreloadRetry), ze = /* @__PURE__ */ M(() => C.onItemsPanePreloadError);
-      var pe = af(), lt = ke(pe), cn = (qe) => {
-        var De = sf();
+      var pe = lf(), lt = ke(pe), cn = (qe) => {
+        var De = af();
         E(() => k(De, "passages", a(ge))), E(() => k(De, "elementsLoaded", a(Y).readiness.allLoadingComplete)), E(() => k(De, "resolvedPlayerEnv", a(b))), E(() => k(De, "resolvedPlayerAttributes", a(Q))), E(() => k(De, "resolvedPlayerProps", a(Z))), E(() => k(De, "playerStrategy", a(Ce))), E(() => k(De, "passageToolbarTools", V())), ce(qe, De);
       };
       Pt(lt, (qe) => {
@@ -11489,7 +11496,7 @@ function df(e, t) {
     } }
   }), (D) => H(W, D, !0), () => a(W)), ce(e, $e), Ke(Se);
 }
-customElements.define("pie-section-player-kernel-host", Ye(df, {
+customElements.define("pie-section-player-kernel-host", Ye(uf, {
   assessmentId: {
     attribute: "assessment-id",
     type: "String"
@@ -11624,7 +11631,7 @@ var Ft = {
   "passage-toolbar",
   "readiness-events",
   "navigation-events"
-], Cf = {
+], Pf = {
   version: 1,
   layout: "splitpane",
   props: ya,
@@ -11633,7 +11640,7 @@ var Ft = {
   events: ba,
   commands: Ia,
   capabilities: Sa
-}, Pf = {
+}, kf = {
   version: 1,
   layout: "vertical",
   props: ya,
@@ -11646,6 +11653,6 @@ var Ft = {
 export {
   No as DEFAULT_SECTION_PLAYER_POLICIES,
   Ft as SECTION_PLAYER_PUBLIC_EVENTS,
-  Cf as SPLITPANE_LAYOUT_CONTRACT,
-  Pf as VERTICAL_LAYOUT_CONTRACT
+  Pf as SPLITPANE_LAYOUT_CONTRACT,
+  kf as VERTICAL_LAYOUT_CONTRACT
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-section-player",
-	"version": "0.3.24",
+	"version": "0.3.25",
 	"type": "module",
 	"description": "Web component for rendering QTI 3.0 assessment sections with passages and items",
 	"license": "MIT",
@@ -89,7 +89,7 @@
 		"lint": "biome check ."
 	},
 	"peerDependencies": {
-		"@pie-players/pie-tool-annotation-toolbar": "0.3.24"
+		"@pie-players/pie-tool-annotation-toolbar": "0.3.25"
 	},
 	"peerDependenciesMeta": {
 		"@pie-players/pie-tool-annotation-toolbar": {
@@ -97,14 +97,14 @@
 		}
 	},
 	"dependencies": {
-		"@pie-players/pie-assessment-toolkit": "0.3.24",
-		"@pie-players/pie-item-player": "0.3.24",
-		"@pie-players/pie-context": "0.3.24",
-		"@pie-players/pie-players-shared": "0.3.24",
-		"@pie-players/pie-tool-calculator-desmos": "0.3.24",
-		"@pie-players/pie-tool-text-to-speech": "0.3.24",
-		"@pie-players/pie-tool-tts-inline": "0.3.24",
-		"@pie-players/pie-toolbars": "0.3.24"
+		"@pie-players/pie-assessment-toolkit": "0.3.25",
+		"@pie-players/pie-item-player": "0.3.25",
+		"@pie-players/pie-context": "0.3.25",
+		"@pie-players/pie-players-shared": "0.3.25",
+		"@pie-players/pie-tool-calculator-desmos": "0.3.25",
+		"@pie-players/pie-tool-text-to-speech": "0.3.25",
+		"@pie-players/pie-tool-tts-inline": "0.3.25",
+		"@pie-players/pie-toolbars": "0.3.25"
 	},
 	"devDependencies": {
 		"@axe-core/playwright": "^4.11.1",