@pie-players/pie-section-player 0.3.59 → 0.3.60

package/dist/pie-section-player.js

@@ -4418,9 +4418,11 @@ function Q3(e) {
     "pie-multiple-choice",
     "pie-inline-choice",
     "pie-select-text",
+    "pie-ebsr",
     "multiple-choice",
     "inline-choice",
-    "select-text"
+    "select-text",
+    "ebsr"
   ];
   if (j5(e)) {
     const n = e.item.config;
@@ -15926,9 +15928,11 @@ function zae(e) {
     "pie-multiple-choice",
     "pie-inline-choice",
     "pie-select-text",
+    "pie-ebsr",
     "multiple-choice",
     "inline-choice",
-    "select-text"
+    "select-text",
+    "ebsr"
   ];
   if (uV(e)) {
     const n = e.item.config;
@@ -51641,9 +51645,11 @@ function Zye(e) {
     "pie-multiple-choice",
     "pie-inline-choice",
     "pie-select-text",
+    "pie-ebsr",
     "multiple-choice",
     "inline-choice",
-    "select-text"
+    "select-text",
+    "ebsr"
   ];
   if (JG(e)) {
     const n = e.item.config;
@@ -54332,7 +54338,7 @@ var eu = qbe("ToolCoordinator"), jf;
 })(jf || (jf = {}));
 var Gbe = class {
   constructor(e = {}) {
-    L(this, "config", void 0), L(this, "tools", /* @__PURE__ */ new Map()), L(this, "layerCounters", /* @__PURE__ */ new Map()), L(this, "listeners", /* @__PURE__ */ new Set()), this.config = e, this.layerCounters.set(jf.BASE, 0), this.layerCounters.set(jf.TOOL, 0), this.layerCounters.set(jf.MODAL, 0), this.layerCounters.set(jf.CONTROL, 0), this.layerCounters.set(jf.HIGHLIGHT, 0);
+    L(this, "config", void 0), L(this, "tools", /* @__PURE__ */ new Map()), L(this, "layerCounters", /* @__PURE__ */ new Map()), L(this, "listeners", /* @__PURE__ */ new Set()), L(this, "visibilityState", /* @__PURE__ */ new Map()), this.config = e, this.layerCounters.set(jf.BASE, 0), this.layerCounters.set(jf.TOOL, 0), this.layerCounters.set(jf.MODAL, 0), this.layerCounters.set(jf.CONTROL, 0), this.layerCounters.set(jf.HIGHLIGHT, 0);
   }
   subscribe(e) {
     return this.listeners.add(e), () => {
@@ -54352,41 +54358,45 @@ var Gbe = class {
       eu(`Tool ${e} is already registered`);
       return;
     }
+    const o = this.visibilityState.get(e) ?? !1;
     if (!n) {
       this.tools.set(e, {
         id: e,
         name: t,
         element: null,
         layer: r,
-        isVisible: !1,
+        isVisible: o,
         baseZIndex: r
       }), eu("Tool registered without element:", e);
       return;
     }
-    const o = r + this.getNextLayerOffset(r);
-    n.style.zIndex = String(o);
-    const s = () => this.bringToFront(n);
-    n.addEventListener("mousedown", s), this.tools.set(e, {
+    const s = r + this.getNextLayerOffset(r);
+    n.style.zIndex = String(s), n.style.display = o ? "" : "none";
+    const a = () => this.bringToFront(n);
+    n.addEventListener("mousedown", a), this.tools.set(e, {
       id: e,
       name: t,
       element: n,
       layer: r,
-      isVisible: !1,
-      baseZIndex: o,
-      mouseDownHandler: s
-    }), eu("Tool registered with element:", e);
+      isVisible: o,
+      baseZIndex: s,
+      mouseDownHandler: a
+    }), o && this.bringToFront(n), eu("Tool registered with element:", e);
   }
   unregisterTool(e) {
     const t = this.tools.get(e);
     t && (t.element && t.mouseDownHandler && t.element.removeEventListener("mousedown", t.mouseDownHandler), this.tools.delete(e));
   }
+  releaseTool(e) {
+    this.unregisterTool(e), this.visibilityState.delete(e);
+  }
   showTool(e) {
     const t = this.tools.get(e);
     if (!t) {
       eu(`Tool ${e} not found`);
       return;
     }
-    t.element && (t.element.style.display = "", this.bringToFront(t.element)), t.isVisible = !0, this.notifyListeners();
+    t.element && (t.element.style.display = "", this.bringToFront(t.element)), t.isVisible = !0, this.visibilityState.set(e, !0), this.notifyListeners();
   }
   hideTool(e) {
     const t = this.tools.get(e);
@@ -54394,7 +54404,7 @@ var Gbe = class {
       eu(`Tool ${e} not found`);
       return;
     }
-    t.element && (t.element.style.display = "none"), t.isVisible = !1, this.notifyListeners();
+    t.element && (t.element.style.display = "none"), t.isVisible = !1, this.visibilityState.set(e, !1), this.notifyListeners();
   }
   toggleTool(e) {
     eu("toggleTool called for:", e);
@@ -54406,7 +54416,8 @@ var Gbe = class {
     eu("Tool found, current visibility:", t.isVisible), t.isVisible ? this.hideTool(e) : this.showTool(e);
   }
   isToolVisible(e) {
-    return this.tools.get(e)?.isVisible ?? !1;
+    const t = this.tools.get(e);
+    return t ? t.isVisible : this.visibilityState.get(e) ?? !1;
   }
   bringToFront(e) {
     const t = Array.from(this.tools.values()).find((o) => o.element === e);
@@ -66745,9 +66756,11 @@ function ICe(e) {
     "pie-multiple-choice",
     "pie-inline-choice",
     "pie-select-text",
+    "pie-ebsr",
     "multiple-choice",
     "inline-choice",
-    "select-text"
+    "select-text",
+    "ebsr"
   ];
   if (lY(e)) {
     const n = e.item.config;
@@ -70565,7 +70578,15 @@ var AAe = /* @__PURE__ */ Lr('<aside class="pie-section-player-passages-pane sve
 		   region. Padding lives inside the scroll box, letting any child
 		   that uses position:sticky bleed into it as content scrolls past.
 		   Kept as margin so this pane composes cleanly with arbitrary
-		   descendant content (sticky headers, floating toolbars, etc.). */margin:0.5rem;box-sizing:border-box;background:var(--pie-passage-header-background, #ecedf1);scrollbar-width:thin;scrollbar-color:var(--pie-scrollbar-thumb, #6b7280) var(--pie-scrollbar-track, #d1d5db);}.pie-section-player-items-pane.svelte-1psecfm .pie-section-player-scroll-hint {bottom:-0.5rem;}.pie-section-player-passages-pane.svelte-1psecfm::-webkit-scrollbar,
+		   descendant content (sticky headers, floating toolbars, etc.). */margin:0.5rem;box-sizing:border-box;
+		/* --pie-passage-header-background is owned by the hosted passage-player
+		   custom element and is often unset, so the fallback has to be a theme
+		   token rather than a literal — otherwise the panes stay light gray
+		   under dark themes and color schemes. --pie-background-dark resolves
+		   to #ecedf1 in the default light theme, matching the previous fill. */background:var(
+			--pie-passage-header-background,
+			var(--pie-background-dark, #ecedf1)
+		);scrollbar-width:thin;scrollbar-color:var(--pie-scrollbar-thumb, #6b7280) var(--pie-scrollbar-track, #d1d5db);}.pie-section-player-items-pane.svelte-1psecfm .pie-section-player-scroll-hint {bottom:-0.5rem;}.pie-section-player-passages-pane.svelte-1psecfm::-webkit-scrollbar,
 	.pie-section-player-items-pane.svelte-1psecfm::-webkit-scrollbar {width:0.75rem;height:0.75rem;}.pie-section-player-passages-pane.svelte-1psecfm::-webkit-scrollbar-track,
 	.pie-section-player-items-pane.svelte-1psecfm::-webkit-scrollbar-track {background:var(--pie-scrollbar-track, #d1d5db);border-radius:999px;}.pie-section-player-passages-pane.svelte-1psecfm::-webkit-scrollbar-thumb,
 	.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,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-section-player",
-	"version": "0.3.59",
+	"version": "0.3.60",
 	"type": "module",
 	"description": "Web component for rendering QTI 3.0 assessment sections with passages and items",
 	"license": "MIT",
@@ -94,11 +94,11 @@
 		"test": "bun test '.test.ts'"
 	},
 	"dependencies": {
-		"@pie-players/pie-assessment-toolkit": "0.3.59",
-		"@pie-players/pie-default-tool-loaders": "0.3.59",
-		"@pie-players/pie-item-player": "0.3.59",
-		"@pie-players/pie-context": "0.3.59",
-		"@pie-players/pie-players-shared": "0.3.59"
+		"@pie-players/pie-assessment-toolkit": "0.3.60",
+		"@pie-players/pie-default-tool-loaders": "0.3.60",
+		"@pie-players/pie-item-player": "0.3.60",
+		"@pie-players/pie-context": "0.3.60",
+		"@pie-players/pie-players-shared": "0.3.60"
 	},
 	"devDependencies": {
 		"@axe-core/playwright": "^4.11.1",