@pie-players/pie-section-player 0.3.55 → 0.3.57

package/README.md

@@ -204,6 +204,11 @@ Passage and item cards share a common header row
 - When a header fill is provided, header top corners default just inside the
   card radius. Hosts/themes can override them independently via
   `--pie-section-player-card-header-radius`.
+- `pie-section-player-passage-card` also bridges
+  `--pie-passage-header-background` to `--pie-section-player-card-header-background`,
+  so a hosted passage-player custom element (defined outside this package)
+  picks up the same header fill without either side hardcoding the other's
+  token name.
 
 Example (host CSS):
 

package/dist/chunks/dist-c770ad18.js

@@ -5,7 +5,7 @@ var n = class {
       "basic",
       "scientific",
       "graphing"
-    ]), s(this, "version", "1.10"), s(this, "initialized", !1), s(this, "apiKey", void 0), s(this, "proxyEndpoint", void 0), s(this, "isDevelopment", !1), s(this, "onTelemetry", void 0);
+    ]), s(this, "version", "1.12"), s(this, "initialized", !1), s(this, "apiKey", void 0), s(this, "proxyEndpoint", void 0), s(this, "isDevelopment", !1), s(this, "onTelemetry", void 0);
   }
   async emitTelemetry(e, o) {
     try {
@@ -20,7 +20,7 @@ var n = class {
   async loadDesmosScript() {
     return new Promise((e, o) => {
       const t = document.createElement("script");
-      t.src = this.apiKey ? `https://www.desmos.com/api/v1.10/calculator.js?apiKey=${this.apiKey}` : "https://www.desmos.com/api/v1.10/calculator.js", t.async = !0, t.onload = () => {
+      t.src = this.apiKey ? `https://www.desmos.com/api/v1.12/calculator.js?apiKey=${this.apiKey}` : "https://www.desmos.com/api/v1.12/calculator.js", t.async = !0, t.onload = () => {
         window.Desmos ? (console.log("[DesmosProvider] Desmos API loaded successfully"), e()) : o(/* @__PURE__ */ new Error("Desmos API loaded but window.Desmos is undefined"));
       }, t.onerror = () => {
         o(/* @__PURE__ */ new Error("Failed to load Desmos API from CDN"));

package/dist/chunks/module-a516757f.js

@@ -65131,7 +65131,8 @@ var X$ = new As.SerializedMmlVisitor(), _N = (e) => X$.visitTree(e), V$ = G$("pi
     parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
     overarc: "\\overparen",
     napprox: "\\not\\approx",
-    longdiv: "\\enclose{longdiv}"
+    longdiv: "\\enclose{longdiv}",
+    abs: ["\\left|#1\\right|", 1]
   }, o = e.useSingleDollar ? {
     packages: r,
     macros: n,

package/dist/components/shared/use-zoom-compensation.svelte.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Reactive browser-zoom compensation factor.
+ *
+ * Browser zoom is approximated as outerWidth / innerWidth: outerWidth is the
+ * OS window size (zoom-independent) while innerWidth is in CSS pixels (shrinks
+ * as zoom increases). Zoom changes always fire a resize event, so listening to
+ * resize keeps the value current.
+ *
+ * The factor is min(1, maxZoom / zoom): exactly 1 at zoom <= maxZoom (caller
+ * behavior unchanged), shrinking proportionally above that. `minCompensation`
+ * guards against inflated ratios (docked devtools, browser side panels, window
+ * chrome) ever making the compensated element unusably small.
+ */
+export type ZoomCompensationOptions = {
+    /**
+     * Zoom level (as a ratio, e.g. `2` for 200%) below which the factor is 1.
+     * Above this level the factor shrinks as `maxZoom / zoom`.
+     */
+    maxZoom: number;
+    /** Lower bound on the returned factor. */
+    minCompensation: number;
+};
+export type ZoomCompensationHandle = {
+    /** Compensation factor: min(1, maxZoom / zoom), clamped below by minCompensation. */
+    readonly current: number;
+    /** The raw approximated zoom ratio (1 at 100%, 2 at 200%, ...). */
+    readonly zoom: number;
+};
+/**
+ * Approximate the browser zoom level from an outer/inner width pair. Falls
+ * back to 1 (100%) if the ratio isn't finite or is non-positive (which happens
+ * during SSR, in headless envs, and briefly during resize on some browsers).
+ */
+export declare function approximateZoomFromWidths(outerWidth: number, innerWidth: number): number;
+/**
+ * Pure zoom-compensation math: exactly 1 at zoom <= maxZoom, then shrinks as
+ * `maxZoom / zoom`, floored at `minCompensation` to guard against inflated
+ * ratios from window chrome / side panels making the element unusably small.
+ */
+export declare function computeZoomCompensation(zoom: number, maxZoom: number, minCompensation: number): number;
+export declare function useZoomCompensation(options: ZoomCompensationOptions): ZoomCompensationHandle;