@pie-players/pie-section-player 0.2.12 → 0.2.13

package/dist/ItemRenderer-MsjF_Beu.js

@@ -1,467 +0,0 @@
-var fe = Object.defineProperty;
-var pe = (b, e, n) => e in b ? fe(b, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : b[e] = n;
-var te = (b, e, n) => pe(b, typeof e != "symbol" ? e + "" : e, n);
-import { y as W, p as X, b as f, D as ae, u as K, g as t, s as w, E as re, F as U, A as q, i as J, k as S, l as Z, n as p, G as ve, H as he, I as Ce, h as V, m as M, a as oe, J as ie, K as le, f as O, d as B, r as z, c as Q, L as ne, t as D, v as be, q as H, o as N, C as ye, M as se, z as P, N as _e } from "./pie-section-player-DJ5NcwdT.js";
-import "@pie-players/pie-calculator-desmos";
-class ke {
-  constructor() {
-    te(this, "catalogCounter", 0);
-  }
-  /**
-   * Extract SSML from entire item config (markup + models)
-   *
-   * @param config Item configuration with potential embedded SSML
-   * @returns Extracted catalogs and cleaned config
-   */
-  extractFromItemConfig(e) {
-    const n = [], d = {
-      ...e,
-      models: e.models ? [...e.models] : []
-    };
-    if (e.markup) {
-      const o = this.extractFromMarkup(e.markup, "markup");
-      n.push(...o.catalogs), d.markup = o.cleanedMarkup;
-    }
-    return e.models && e.models.length > 0 && (d.models = e.models.map((o) => {
-      const i = { ...o }, u = [];
-      if (o.prompt && typeof o.prompt == "string") {
-        const r = this.extractFromMarkup(o.prompt, `prompt-${o.id}`);
-        u.push(...r.catalogs), i.prompt = r.cleanedMarkup;
-      }
-      return o.choices && Array.isArray(o.choices) && (i.choices = o.choices.map((r) => {
-        if (r.label && typeof r.label == "string") {
-          const l = this.extractFromMarkup(r.label, `choice-${o.id}-${r.value}`);
-          return u.push(...l.catalogs), {
-            ...r,
-            label: l.cleanedMarkup
-          };
-        }
-        return r;
-      })), n.push(...u), i;
-    })), {
-      catalogs: n,
-      cleanedConfig: d
-    };
-  }
-  /**
-   * Extract SSML from markup string
-   *
-   * @param markup HTML markup potentially containing <speak> elements
-   * @param idPrefix Prefix for generating catalog IDs
-   * @returns Extracted catalogs and cleaned markup
-   */
-  extractFromMarkup(e, n) {
-    if (!e || e.trim() === "")
-      return { catalogs: [], cleanedMarkup: e };
-    if (typeof window > "u" || typeof DOMParser > "u")
-      return console.warn("[SSMLExtractor] DOMParser not available (SSR?), skipping extraction"), { catalogs: [], cleanedMarkup: e };
-    const d = [];
-    try {
-      const i = new DOMParser().parseFromString(e, "text/html"), u = Array.from(i.querySelectorAll("speak"));
-      if (u.length === 0)
-        return { catalogs: [], cleanedMarkup: e };
-      for (const l of u)
-        try {
-          const k = this.generateCatalogId(n), c = l.outerHTML, m = l.getAttribute("xml:lang") || l.getAttribute("lang") || "en-US", h = l.textContent || "";
-          let v = l.parentElement;
-          if (!v || v.tagName === "BODY") {
-            const E = i.createElement("span");
-            l.parentNode?.insertBefore(E, l), E.appendChild(i.createTextNode(h)), v = E, l.remove();
-          } else
-            l.remove();
-          v && v.setAttribute("data-catalog-id", k), d.push({
-            identifier: k,
-            cards: [
-              {
-                catalog: "spoken",
-                language: m,
-                content: c
-              }
-            ]
-          });
-        } catch (k) {
-          console.error("[SSMLExtractor] Error processing <speak> element:", k);
-        }
-      const r = i.body.innerHTML;
-      return { catalogs: d, cleanedMarkup: r };
-    } catch (o) {
-      return console.error("[SSMLExtractor] Error parsing markup:", o), { catalogs: [], cleanedMarkup: e };
-    }
-  }
-  /**
-   * Generate unique catalog ID
-   *
-   * @param prefix Context prefix (e.g., 'prompt-q1', 'choice-q1-a')
-   * @returns Unique catalog ID (e.g., 'auto-prompt-q1-0')
-   */
-  generateCatalogId(e) {
-    const n = `auto-${e}-${this.catalogCounter}`;
-    return this.catalogCounter++, n;
-  }
-  /**
-   * Reset counter (useful for testing or new extraction contexts)
-   */
-  reset() {
-    this.catalogCounter = 0;
-  }
-}
-function ce(b, e) {
-  X(e, !0);
-  let n = f(e, "item", 7), d = f(e, "env", 7), o = f(e, "session", 7), i = f(e, "hasElements", 7), u = f(e, "resolvedPlayerTag", 7), r = f(e, "resolvedPlayerDefinition", 7), l = f(e, "skipElementLoading", 7, !0), k = f(e, "onsessionchanged", 7), c = w(null), m = null, h = null;
-  ae(() => {
-    (async () => i() && await r()?.ensureDefined?.())();
-  }), K(() => {
-    const a = n().config, C = d(), x = o();
-    if (!t(c) || !a || !i()) return;
-    const F = !h || h.mode !== C.mode || h.role !== C.role;
-    a === m && !F || (re(() => {
-      if (t(c).config = a, t(c).session = x, t(c).env = C, r()?.attributes)
-        for (const [T, I] of Object.entries(r().attributes))
-          t(c).setAttribute(T, I);
-      if (r()?.props)
-        for (const [T, I] of Object.entries(r().props))
-          t(c)[T] = I;
-      l() && (t(c).setAttribute("skip-element-loading", "true"), t(c).skipElementLoading = !0);
-    }), m = a, h = C);
-  }), K(() => {
-    if (!t(c) || !k()) return;
-    const a = (C) => {
-      const x = C;
-      console.debug("[ItemPlayerBridge][SessionTrace] session-changed received", {
-        itemId: n()?.id || null,
-        envMode: d()?.mode,
-        envRole: d()?.role,
-        detailKeys: x?.detail && typeof x.detail == "object" ? Object.keys(x.detail) : []
-      }), k()(C);
-    };
-    return t(c).addEventListener("session-changed", a), () => {
-      t(c).removeEventListener("session-changed", a);
-    };
-  });
-  var v = {
-    get item() {
-      return n();
-    },
-    set item(a) {
-      n(a), p();
-    },
-    get env() {
-      return d();
-    },
-    set env(a) {
-      d(a), p();
-    },
-    get session() {
-      return o();
-    },
-    set session(a) {
-      o(a), p();
-    },
-    get hasElements() {
-      return i();
-    },
-    set hasElements(a) {
-      i(a), p();
-    },
-    get resolvedPlayerTag() {
-      return u();
-    },
-    set resolvedPlayerTag(a) {
-      u(a), p();
-    },
-    get resolvedPlayerDefinition() {
-      return r();
-    },
-    set resolvedPlayerDefinition(a) {
-      r(a), p();
-    },
-    get skipElementLoading() {
-      return l();
-    },
-    set skipElementLoading(a = !0) {
-      l(a), p();
-    },
-    get onsessionchanged() {
-      return k();
-    },
-    set onsessionchanged(a) {
-      k(a), p();
-    }
-  }, E = U(), A = q(E);
-  {
-    var L = (a) => {
-      var C = U(), x = q(C);
-      ve(x, u, (F) => {
-        var T = U(), I = q(T);
-        Ce(I, u, !1, (Y, $) => {
-          V(Y, (s) => M(c, s, !0), () => t(c));
-        }), S(F, T);
-      }), S(a, C);
-    }, g = (a) => {
-      var C = U(), x = q(C);
-      he(x, () => n().config.markup), S(a, C);
-    };
-    J(A, (a) => {
-      i() ? a(L) : a(g, !1);
-    });
-  }
-  return S(b, E), Z(v);
-}
-W(
-  ce,
-  {
-    item: {},
-    env: {},
-    session: {},
-    hasElements: {},
-    resolvedPlayerTag: {},
-    resolvedPlayerDefinition: {},
-    skipElementLoading: {},
-    onsessionchanged: {}
-  },
-  [],
-  [],
-  { mode: "open" }
-);
-var Ee = O('<div><div class="pie-section-player__item-header svelte-1ur6297"><h4 class="pie-section-player__item-title svelte-1ur6297"> </h4> <!></div> <!></div>');
-const xe = {
-  hash: "svelte-1ur6297",
-  code: ".pie-section-player__item-renderer.svelte-1ur6297 {display:block;margin-bottom:0;}.pie-section-player__item-header.svelte-1ur6297 {display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;margin-bottom:0.5rem;}.pie-section-player__item-title.svelte-1ur6297 {margin:0;font-size:0.95rem;font-weight:600;color:var(--pie-primary, #1976d2);}"
-};
-function de(b, e) {
-  X(e, !0), oe(b, xe);
-  let n = f(e, "item", 7), d = f(e, "contentKind", 7, "assessment-item"), o = f(e, "customClassName", 7, ""), i = w(null), u = w(null), r = null;
-  const l = N(() => t(u)?.assessmentId ?? ""), k = N(() => t(u)?.sectionId ?? "");
-  K(() => {
-    if (t(i))
-      return r = new ie(t(i), {
-        context: le,
-        subscribe: !0,
-        onValue: (g) => {
-          M(u, g, !0);
-        }
-      }), r.connect(), () => {
-        r?.disconnect(), r = null;
-      };
-  });
-  var c = {
-    get item() {
-      return n();
-    },
-    set item(g) {
-      n(g), p();
-    },
-    get contentKind() {
-      return d();
-    },
-    set contentKind(g = "assessment-item") {
-      d(g), p();
-    },
-    get customClassName() {
-      return o();
-    },
-    set customClassName(g = "") {
-      o(g), p();
-    }
-  }, m = Ee(), h = B(m), v = B(h), E = B(v, !0);
-  z(v);
-  var A = Q(v, 2);
-  ne(A, e, "toolbar", {}), z(h);
-  var L = Q(h, 2);
-  return ne(L, e, "default", {}), z(m), V(m, (g) => M(i, g), () => t(i)), D(() => {
-    be(m, 1, `pie-section-player__item-renderer ${o() ?? ""}`, "svelte-1ur6297"), H(m, "data-assessment-id", t(l)), H(m, "data-section-id", t(k)), H(m, "data-item-id", n().id), H(m, "data-content-kind", d()), ye(E, n().name || "Question");
-  }), S(b, m), Z(c);
-}
-W(de, { item: {}, contentKind: {}, customClassName: {} }, ["toolbar", "default"], [], { mode: "open" });
-var Ie = O('<div class="pie-section-player__item-content svelte-eq5dt0"><!></div>'), Se = O("<pie-item-toolbar></pie-item-toolbar>", 2), Pe = O("<pie-tool-calculator></pie-tool-calculator>", 2), Me = O("<!> <!>", 1), Le = O("<div><!></div>");
-const Te = {
-  hash: "svelte-eq5dt0",
-  code: ".pie-section-player__item-content.svelte-eq5dt0 {padding:1rem;border:1px solid var(--pie-border-light, #e5e7eb);border-radius:4px;}"
-};
-function Ne(b, e) {
-  X(e, !0), oe(b, Te);
-  let n = f(e, "item", 7), d = f(e, "env", 23, () => ({ mode: "gather", role: "student" })), o = f(e, "session", 23, () => ({ id: "", data: [] })), i = f(e, "contentKind", 7, "assessment-item"), u = f(e, "skipElementLoading", 7, !0), r = f(e, "customClassName", 7, ""), l = f(e, "onsessionchanged", 7);
-  function k(s) {
-    if (console.debug("[ItemRenderer][SessionTrace] handlePlayerSessionChanged", {
-      itemId: n()?.id || null,
-      contentKind: i(),
-      hasRuntimeReporter: !!t(v)?.reportSessionChanged,
-      hasOnSessionChangedProp: !!l(),
-      detailKeys: s?.detail && typeof s.detail == "object" ? Object.keys(s.detail) : []
-    }), i() === "assessment-item") {
-      const y = n().id || "";
-      if (y && t(v)?.reportSessionChanged) {
-        console.debug("[ItemRenderer][SessionTrace] forwarding via runtimeContext", { itemId: y }), s.stopPropagation(), t(v).reportSessionChanged(y, s.detail);
-        return;
-      }
-    }
-    l() && (console.debug("[ItemRenderer][SessionTrace] forwarding via onsessionchanged prop", { itemId: n()?.id || null }), s.stopPropagation(), l()(s));
-  }
-  let c = w(null), m = w(null), h = w(null), v = w(null), E = null;
-  const A = N(() => t(v)?.toolkitCoordinator), L = N(() => t(A)?.toolCoordinator), g = N(() => t(A)?.catalogResolver);
-  K(() => {
-    if (t(c))
-      return E = new ie(t(c), {
-        context: le,
-        subscribe: !0,
-        onValue: (s) => {
-          M(v, s, !0);
-        }
-      }), E.connect(), () => {
-        E?.disconnect(), E = null;
-      };
-  });
-  let a = w(!1), C = N(() => !!(n()?.config?.elements && Object.keys(n().config.elements).length > 0)), x = N(() => _e.iife), F = N(() => t(x)?.tagName || "pie-iife-player");
-  ae(() => () => {
-    t(g) && t(g).clearItemCatalogs();
-  }), K(() => {
-    if (n()?.config && t(g)) {
-      if (n().config.extractedCatalogs) {
-        t(g).clearItemCatalogs(), t(g).addItemCatalogs(n().config.extractedCatalogs);
-        return;
-      }
-      const y = new ke().extractFromItemConfig(n().config);
-      re(() => {
-        n().config = y.cleanedConfig, n().config.extractedCatalogs = y.catalogs;
-      }), y.catalogs.length > 0 && (t(
-        g
-        // Clear previous item's catalogs
-      ).clearItemCatalogs(), t(g).addItemCatalogs(y.catalogs), console.debug(`[ItemRenderer] Extracted ${y.catalogs.length} SSML catalogs for item ${n().id}`));
-    }
-  }), K(() => {
-    t(h) && (t(m) && (t(h).scopeElement = t(m)), n() && (t(h).item = n()));
-  }), K(() => {
-    if (!t(L) || !n()) return;
-    const s = se("calculator", "item", n().id || "unknown-item"), y = t(L).subscribe(() => {
-      M(a, t(L).isToolVisible(s), !0);
-    });
-    return M(a, t(L).isToolVisible(s), !0), y;
-  });
-  var T = {
-    get item() {
-      return n();
-    },
-    set item(s) {
-      n(s), p();
-    },
-    get env() {
-      return d();
-    },
-    set env(s = { mode: "gather", role: "student" }) {
-      d(s), p();
-    },
-    get session() {
-      return o();
-    },
-    set session(s = { id: "", data: [] }) {
-      o(s), p();
-    },
-    get contentKind() {
-      return i();
-    },
-    set contentKind(s = "assessment-item") {
-      i(s), p();
-    },
-    get skipElementLoading() {
-      return u();
-    },
-    set skipElementLoading(s = !0) {
-      u(s), p();
-    },
-    get customClassName() {
-      return r();
-    },
-    set customClassName(s = "") {
-      r(s), p();
-    },
-    get onsessionchanged() {
-      return l();
-    },
-    set onsessionchanged(s) {
-      l(s), p();
-    }
-  }, I = Le(), Y = B(I);
-  {
-    var $ = (s) => {
-      var y = Me(), ee = q(y);
-      de(ee, {
-        get item() {
-          return n();
-        },
-        get contentKind() {
-          return i();
-        },
-        get customClassName() {
-          return r();
-        },
-        children: (R, j) => {
-          var _ = Ie(), G = B(_);
-          ce(G, {
-            get item() {
-              return n();
-            },
-            get env() {
-              return d();
-            },
-            get session() {
-              return o();
-            },
-            get hasElements() {
-              return t(C);
-            },
-            get resolvedPlayerTag() {
-              return t(F);
-            },
-            get resolvedPlayerDefinition() {
-              return t(x);
-            },
-            get skipElementLoading() {
-              return u();
-            },
-            onsessionchanged: k
-          }), z(_), V(_, (ge) => M(m, ge), () => t(m)), S(R, _);
-        },
-        $$slots: {
-          default: !0,
-          toolbar: (R, j) => {
-            var _ = Se();
-            P(_, "slot", "toolbar"), D(() => P(_, "item-id", n().id)), D(() => P(_, "catalog-id", n().id)), P(_, "tools", "calculator,tts,answerEliminator"), D(() => P(_, "content-kind", i())), P(_, "size", "md"), P(_, "language", "en-US"), V(_, (G) => M(h, G), () => t(h)), S(R, _);
-          }
-        }
-      });
-      var ue = Q(ee, 2);
-      {
-        var me = (R) => {
-          var j = Pe();
-          D(() => P(j, "visible", t(a))), D(() => P(j, "tool-id", se("calculator", "item", n().id || "unknown-item"))), S(R, j);
-        };
-        J(ue, (R) => {
-          n() && R(me);
-        });
-      }
-      S(s, y);
-    };
-    J(Y, (s) => {
-      n().config && s($);
-    });
-  }
-  return z(I), V(I, (s) => M(c, s), () => t(c)), D(() => H(I, "data-item-id", n().id || "")), S(b, I), Z(T);
-}
-W(
-  Ne,
-  {
-    item: {},
-    env: {},
-    session: {},
-    contentKind: {},
-    skipElementLoading: {},
-    customClassName: {},
-    onsessionchanged: {}
-  },
-  [],
-  [],
-  { mode: "open" }
-);
-export {
-  Ne as I
-};