@pie-players/pie-assessment-player 0.3.17 → 0.3.20

package/dist/pie-assessment-player.js

@@ -1,104 +1,507 @@
 import "@pie-players/pie-section-player/components/section-player-splitpane-element";
 import "@pie-players/pie-section-player/components/section-player-vertical-element";
-function d() {
+function p(e, t) {
+  const s = `[${e}]`;
+  return {
+    debug: (n, ...i) => {
+      t() && console.debug(s, n, ...i);
+    },
+    info: (n, ...i) => console.info(s, n, ...i),
+    warn: (n, ...i) => console.warn(s, n, ...i),
+    error: (n, ...i) => console.error(s, n, ...i)
+  };
+}
+function f() {
+  return typeof window < "u" && window.PIE_DEBUG === !0;
+}
+var S;
+(function(e) {
+  e.player = "player.js", e.clientPlayer = "client-player.js", e.editor = "editor.js";
+})(S || (S = {}));
+var w;
+(function(e) {
+  e.loading = "loading", e.loaded = "loaded";
+})(w || (w = {}));
+function g(e) {
+  "@babel/helpers - typeof";
+  return g = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, g(e);
+}
+function Y(e, t) {
+  if (g(e) != "object" || !e) return e;
+  var s = e[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var n = s.call(e, t || "default");
+    if (g(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function V(e) {
+  var t = Y(e, "string");
+  return g(t) == "symbol" ? t : t + "";
+}
+function a(e, t, s) {
+  return (t = V(t)) in e ? Object.defineProperty(e, t, {
+    value: s,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = s, e;
+}
+typeof window < "u" && !window.pieHelpers && (window.pieHelpers = {
+  loadingScripts: {},
+  loadingPromises: {}
+});
+var _ = "https://proxy.pie-api.com", q = `${_}/bundles/`;
+function U(e) {
+  try {
+    const t = {
+      BASE_URL: "/",
+      DEV: !1,
+      MODE: "production",
+      PROD: !0,
+      SSR: !1
+    }[e];
+    if (typeof t == "string" && t.length > 0) return t;
+  } catch {
+  }
+}
+var xe = typeof window < "u" && window.PIE_BUILDER_ORIGIN_URL || U("PUBLIC_BUILDER_ORIGIN_URL") || _, J = typeof window < "u" && window.PIE_BUILDER_BUNDLE_URL || U("PUBLIC_BUILDER_BUNDLE_URL") || q, N;
+(function(e) {
+  e.SAVE = "save", e.MODEL = "model", e.SCORE = "score", e.MANUAL_SCORE = "manual-score";
+})(N || (N = {}));
+var C;
+(function(e) {
+  e.AUTO = "auto", e.MANUAL = "manual";
+})(C || (C = {}));
+var A;
+(function(e) {
+  e.GATHER = "gather", e.VIEW = "view", e.EVALUATE = "evaluate";
+})(A || (A = {}));
+var x;
+(function(e) {
+  e.PENDING = "pending", e.IN_PROGRESS = "in_progress", e.COMPLETED = "completed", e.FAILED = "failed";
+})(x || (x = {}));
+var K = class B extends CustomEvent {
+  constructor(t, s = !1) {
+    super(B.TYPE, {
+      bubbles: !0,
+      detail: {
+        update: t,
+        reset: s
+      }
+    }), a(this, "update", void 0), a(this, "reset", void 0), this.update = t, this.reset = s;
+  }
+};
+a(K, "TYPE", "model.updated");
+var W = class $ extends CustomEvent {
+  constructor(t, s) {
+    super($.TYPE, {
+      bubbles: !0,
+      detail: {
+        src: t,
+        done: s
+      }
+    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = s;
+  }
+};
+a(W, "TYPE", "delete.image");
+var Z = class O extends CustomEvent {
+  constructor(t) {
+    super(O.TYPE, {
+      bubbles: !0,
+      detail: t
+    }), a(this, "handler", void 0), this.handler = t;
+  }
+};
+a(Z, "TYPE", "insert.image");
+var Q = class M extends CustomEvent {
+  constructor(t, s) {
+    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;
+  }
+};
+a(Q, "TYPE", "delete.sound");
+var X = class z extends CustomEvent {
+  constructor(t) {
+    super(z.TYPE, {
+      bubbles: !0,
+      detail: t
+    }), a(this, "handler", void 0), this.handler = t;
+  }
+};
+a(X, "TYPE", "insert.sound");
+var ee = class F extends CustomEvent {
+  constructor(t, s) {
+    super(F.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;
+  }
+};
+a(ee, "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";
+})(R || (R = {}));
+var Re = p("math-rendering", () => f()), Le = p("pie-scoring", () => f()), ke = p("pie-updates", () => f()), Te = p("pie-initialization", () => f()), De = {
+  buildServiceBase: J,
+  bundleType: S.player,
+  env: {
+    mode: "gather",
+    role: "student"
+  }
+};
+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 te = p("instrumentation-event-bridge", () => f());
+function se(e) {
+  return e && typeof e == "object" ? e : typeof e > "u" ? {} : { value: e };
+}
+function ne(e) {
+  te.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+}
+function ie(e) {
+  try {
+    e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
+      component: e.component,
+      errorType: "InstrumentationBridgeError",
+      sourceEventName: e.sourceEventName
+    });
+  } catch {
+  }
+}
+function re(e) {
+  if (!e.host || !e.eventMap.length) return () => {
+  };
+  if (!e.instrumentationProvider) return () => {
+  };
+  if (!G(e.instrumentationProvider))
+    return e.debug && ne(e.component), () => {
+    };
+  const t = e.instrumentationProvider, s = [], n = Math.max(0, e.dedupeWindowMs ?? 0), i = /* @__PURE__ */ new Map(), c = (o, r) => {
+    const d = [
+      r.assessmentId,
+      r.sectionId,
+      r.attemptId,
+      r.itemId,
+      r.canonicalItemId,
+      r.sourceRuntimeId
+    ].map((l) => String(l ?? "")).join("|");
+    return `${o.instrumentationEventName}|${d}`;
+  };
+  for (const o of e.eventMap) {
+    const r = (d) => {
+      try {
+        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(d)) return;
+        const l = se(d.detail), h = (/* @__PURE__ */ new Date()).toISOString(), I = {
+          ...l,
+          ...e.staticAttributes,
+          component: e.component,
+          sourceEventName: o.sourceEventName,
+          timestamp: h
+        };
+        if (n > 0) {
+          const b = Date.now(), E = c(o, I), P = i.get(E);
+          if (typeof P == "number" && b - P < n) return;
+          i.set(E, b);
+        }
+        t.trackEvent(o.instrumentationEventName, { ...I });
+      } catch (l) {
+        ie({
+          provider: t,
+          component: e.component,
+          error: l,
+          sourceEventName: o.sourceEventName
+        });
+      }
+    };
+    e.host.addEventListener(o.sourceEventName, r), s.push(() => {
+      e.host?.removeEventListener(o.sourceEventName, r);
+    });
+  }
+  return () => {
+    for (const o of s) o();
+  };
+}
+var oe = class {
+  constructor() {
+    a(this, "initialized", !1), a(this, "config", void 0);
+  }
+  trackError(e, t) {
+    if (!this.guardedOperation("trackError", e, t) || !this.applyErrorFilter(e, t)) return;
+    const s = this.transformAttributes(t);
+    try {
+      this.doTrackError(e, s), this.config?.debug && console.log(`[${this.providerName}] Tracked error:`, e, s);
+    } catch (n) {
+      console.error(`[${this.providerName}] Error tracking error:`, n);
+    }
+  }
+  trackEvent(e, t) {
+    if (!this.guardedOperation("trackEvent", e, t) || !this.applyEventFilter(e, t) || !this.applySampling(e)) return;
+    let s = this.transformAttributes(t);
+    s.timestamp || (s = {
+      ...s,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    try {
+      this.doTrackEvent(e, s), this.config?.debug && console.log(`[${this.providerName}] Tracked event:`, e, s);
+    } catch (n) {
+      console.error(`[${this.providerName}] Error tracking event:`, n);
+    }
+  }
+  trackMetric(e, t, s) {
+    this.trackEvent(`metric:${e}`, {
+      ...s,
+      metricValue: t,
+      metricName: e
+    });
+  }
+  setUserContext(e, t) {
+    if (this.guardedOperation("setUserContext", e, t))
+      try {
+        this.doSetUserContext(e, t), this.config?.debug && console.log(`[${this.providerName}] Set user context:`, e, t);
+      } catch (s) {
+        console.error(`[${this.providerName}] Error setting user context:`, s);
+      }
+  }
+  setGlobalAttributes(e) {
+    if (this.guardedOperation("setGlobalAttributes", e))
+      try {
+        this.doSetGlobalAttributes(e), this.config?.debug && console.log(`[${this.providerName}] Set global attributes:`, e);
+      } catch (t) {
+        console.error(`[${this.providerName}] Error setting global attributes:`, t);
+      }
+  }
+  guardedOperation(e, ...t) {
+    return this.isReady() ? !0 : (this.config?.debug && console.warn(`[${this.providerName}] Attempted to ${e} but provider not ready:`, ...t), !1);
+  }
+  applyErrorFilter(e, t) {
+    return this.config?.errorFilter && !this.config.errorFilter(e, t) ? (this.config?.debug && console.log(`[${this.providerName}] Error filtered out:`, e, t), !1) : !0;
+  }
+  applyEventFilter(e, t) {
+    return this.config?.eventFilter && !this.config.eventFilter(e, t) ? (this.config?.debug && console.log(`[${this.providerName}] Event filtered out:`, e, t), !1) : !0;
+  }
+  applySampling(e) {
+    return this.config?.sampleRate !== void 0 && this.config.sampleRate < 1 && Math.random() > this.config.sampleRate ? (this.config?.debug && console.log(`[${this.providerName}] Event sampled out:`, e), !1) : !0;
+  }
+  transformAttributes(e) {
+    return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
+  }
+}, ae = class extends oe {
+  constructor(...e) {
+    super(...e), a(this, "providerId", "newrelic"), a(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);
+  }
+  isReady() {
+    return this.initialized && typeof window < "u" && !!window.newrelic;
+  }
+  destroy() {
+    this.initialized = !1, this.config?.debug && console.log("[NewRelicProvider] Destroyed");
+  }
+  doTrackError(e, t) {
+    window.newrelic.noticeError(e, t);
+  }
+  doTrackEvent(e, t) {
+    window.newrelic.addPageAction(e, t);
+  }
+  doSetUserContext(e, t) {
+    const s = window.newrelic;
+    if (s.setUserId && s.setUserId(e), t && s.setCustomAttribute) for (const [n, i] of Object.entries(t)) s.setCustomAttribute(n, i);
+  }
+  doSetGlobalAttributes(e) {
+    const t = window.newrelic;
+    if (t.setCustomAttribute) for (const [s, n] of Object.entries(e)) t.setCustomAttribute(s, n);
+  }
+};
+function L(e) {
+  return e && typeof e == "object" ? e : {};
+}
+function k(e) {
+  const t = L(L(e).loaderConfig);
+  return Object.keys(t).length > 0 ? t : null;
+}
+function T(e) {
+  if (!e || !("instrumentationProvider" in e)) return { kind: "unset" };
+  const t = e.instrumentationProvider;
+  return t === null ? { kind: "null" } : typeof t > "u" ? { kind: "unset" } : {
+    kind: "value",
+    value: t
+  };
+}
+function D(e) {
+  if (!e || !("trackPageActions" in e)) return;
+  const t = e.trackPageActions;
+  return typeof t == "boolean" ? t : void 0;
+}
+function ce(e, t) {
+  return e.kind === "value" || e.kind === "null" ? e : t;
+}
+var v, de = p("instrumentation-provider-resolution", () => f());
+function le() {
+  return v || (v = new ae(), v.initialize()), v;
+}
+function ue(e) {
+  const t = k(e.runtimePlayer), s = k(e.player), n = D(t), i = D(s), c = n ?? i ?? !1, o = ce(T(t), T(s));
+  if (o.kind !== "null") {
+    if (o.kind === "unset") return c ? le() : void 0;
+    if (G(o.value)) return o.value;
+    if (e.debug) {
+      const r = e.component ? `[${e.component}] ` : "";
+      de.warn(`${r}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+    }
+  }
+}
+var he = [
+  {
+    sourceEventName: "assessment-controller-ready",
+    instrumentationEventName: "pie-assessment-controller-ready"
+  },
+  {
+    sourceEventName: "assessment-navigation-requested",
+    instrumentationEventName: "pie-assessment-navigation-requested"
+  },
+  {
+    sourceEventName: "assessment-route-changed",
+    instrumentationEventName: "pie-assessment-route-changed"
+  },
+  {
+    sourceEventName: "assessment-session-applied",
+    instrumentationEventName: "pie-assessment-session-applied"
+  },
+  {
+    sourceEventName: "assessment-session-changed",
+    instrumentationEventName: "pie-assessment-session-changed"
+  },
+  {
+    sourceEventName: "assessment-progress-changed",
+    instrumentationEventName: "pie-assessment-progress-changed"
+  },
+  {
+    sourceEventName: "assessment-submission-state-changed",
+    instrumentationEventName: "pie-assessment-submission-state-changed"
+  },
+  {
+    sourceEventName: "assessment-error",
+    instrumentationEventName: "pie-assessment-error"
+  }
+];
+function m() {
   return Date.now();
 }
-function g(n) {
-  return n.replace(/[^a-zA-Z0-9_-]/g, "-");
+function y(e) {
+  return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function y(n) {
-  if (n.attemptId)
-    return `aas_v1_${g(n.assessmentId)}_${g(n.attemptId)}`;
-  const e = S(), t = e ? v(e) : "anon";
-  return `aas_v1_${g(n.assessmentId)}_${g(t)}`;
+function me(e) {
+  if (e.attemptId) return `aas_v1_${y(e.assessmentId)}_${y(e.attemptId)}`;
+  const t = j(), s = t ? pe(t) : "anon";
+  return `aas_v1_${y(e.assessmentId)}_${y(s)}`;
 }
-function S() {
+function j() {
   try {
     return typeof window > "u" ? null : window.localStorage;
   } catch {
     return null;
   }
 }
-function v(n) {
-  const e = "pie:assessment-player:anonymous-device-id", t = n.getItem(e);
-  if (t) return t;
-  const s = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
-  return n.setItem(e, s), s;
+function pe(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 f() {
+function H() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-function I(n) {
-  const e = f(), t = n.sectionIdentifiers[0];
+function fe(e) {
+  const t = H(), s = e.sectionIdentifiers[0];
   return {
     version: 1,
-    assessmentAttemptSessionIdentifier: n.assessmentAttemptSessionIdentifier,
-    assessmentId: n.assessmentId,
-    startedAt: e,
-    updatedAt: e,
+    assessmentAttemptSessionIdentifier: e.assessmentAttemptSessionIdentifier,
+    assessmentId: e.assessmentId,
+    startedAt: t,
+    updatedAt: t,
     navigationState: {
       currentSectionIndex: 0,
-      visitedSectionIdentifiers: t ? [t] : [],
-      currentSectionIdentifier: t
+      visitedSectionIdentifiers: s ? [s] : [],
+      currentSectionIdentifier: s
     },
     realization: {
-      seed: n.seed,
-      sectionIdentifiers: n.sectionIdentifiers
+      seed: e.seed,
+      sectionIdentifiers: e.sectionIdentifiers
     },
     sectionSessions: {}
   };
 }
-function b(n, e) {
-  const t = f();
+function ge(e, t) {
+  const s = H();
   return {
-    ...n,
-    updatedAt: t,
+    ...e,
+    updatedAt: s,
     sectionSessions: {
-      ...n.sectionSessions,
-      [e.sectionIdentifier]: {
-        sectionIdentifier: e.sectionIdentifier,
-        updatedAt: t,
-        session: e.sectionSession
+      ...e.sectionSessions,
+      [t.sectionIdentifier]: {
+        sectionIdentifier: t.sectionIdentifier,
+        updatedAt: s,
+        session: t.sectionSession
       }
     }
   };
 }
-function C(n, e) {
-  const t = new Set(n.navigationState.visitedSectionIdentifiers || []);
-  return e.currentSectionIdentifier && t.add(e.currentSectionIdentifier), {
-    ...n,
+function ve(e, t) {
+  const s = new Set(e.navigationState.visitedSectionIdentifiers || []);
+  return t.currentSectionIdentifier && s.add(t.currentSectionIdentifier), {
+    ...e,
     navigationState: {
-      ...n.navigationState,
-      currentSectionIndex: e.currentSectionIndex,
-      currentSectionIdentifier: e.currentSectionIdentifier,
-      visitedSectionIdentifiers: Array.from(t)
+      ...e.navigationState,
+      currentSectionIndex: t.currentSectionIndex,
+      currentSectionIdentifier: t.currentSectionIdentifier,
+      visitedSectionIdentifiers: Array.from(s)
     }
   };
 }
-function x(n) {
-  if (!n) return [];
-  const e = [], t = n.testParts || [];
-  return t.length > 0 ? (t.forEach((s, i) => {
-    (s.sections || []).forEach((o, r) => {
-      e.push({
-        stageIdentifier: s.identifier,
+function ye(e) {
+  if (!e) return [];
+  const t = [], s = e.testParts || [];
+  return s.length > 0 ? (s.forEach((n, i) => {
+    (n.sections || []).forEach((c, o) => {
+      t.push({
+        stageIdentifier: n.identifier,
         stageIndex: i,
-        sectionIndex: e.length,
-        sectionIdentifier: o.identifier || `section-${i}-${r}`,
-        section: o
+        sectionIndex: t.length,
+        sectionIdentifier: c.identifier || `section-${i}-${o}`,
+        section: c
       });
     });
-  }), e) : ((n.sections || []).forEach((s, i) => {
-    e.push({
+  }), t) : ((e.sections || []).forEach((n, i) => {
+    t.push({
       stageIdentifier: "default",
       stageIndex: 0,
       sectionIndex: i,
-      sectionIdentifier: s.identifier || `section-${i}`,
-      section: s
+      sectionIdentifier: n.identifier || `section-${i}`,
+      section: n
     });
-  }), e);
+  }), t);
 }
-class w {
+var Se = 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,
@@ -109,45 +512,39 @@ class w {
     for (const t of this.listeners) t(e);
   }
   handleError(e, t, s) {
-    const i = e instanceof Error ? e : new Error(String(e));
-    this.args.hooks?.onError?.(i, { phase: t, details: s });
+    const n = e instanceof Error ? e : new Error(String(e));
+    this.args.hooks?.onError?.(n, {
+      phase: t,
+      details: s
+    });
   }
   async getPersistenceStrategy() {
     if (this.persistenceStrategy) return this.persistenceStrategy;
-    const e = {
-      createDefaultPersistence: () => {
-        const t = S(), s = `pie:assessment-controller:v1:${this.storageContext.assessmentId}:${this.storageContext.attemptId || "default"}`;
-        return {
-          async loadSession() {
-            if (!t) return null;
-            const i = t.getItem(s);
-            if (!i) return null;
-            try {
-              return JSON.parse(i);
-            } catch {
-              return null;
-            }
-          },
-          async saveSession(i, o) {
-            t && t.setItem(s, JSON.stringify(o));
-          },
-          async clearSession() {
-            t && t.removeItem(s);
+    const e = { createDefaultPersistence: () => {
+      const t = j(), s = `pie:assessment-controller:v1:${this.storageContext.assessmentId}:${this.storageContext.attemptId || "default"}`;
+      return {
+        async loadSession() {
+          if (!t) return null;
+          const n = t.getItem(s);
+          if (!n) return null;
+          try {
+            return JSON.parse(n);
+          } catch {
+            return null;
           }
-        };
-      }
-    };
-    return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(
-      this.storageContext,
-      e
-    ) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
+        },
+        async saveSession(n, i) {
+          t && t.setItem(s, JSON.stringify(i));
+        },
+        async clearSession() {
+          t && t.removeItem(s);
+        }
+      };
+    } };
+    return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = {
-      createDefaultDeliveryPlan: () => ({
-        sections: x(this.args.assessment)
-      })
-    }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: ye(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -157,8 +554,8 @@ class w {
   ensureSession() {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
-    return this.session = I({
-      assessmentAttemptSessionIdentifier: y({
+    return this.session = fe({
+      assessmentAttemptSessionIdentifier: me({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -178,8 +575,11 @@ class w {
     this.readiness = "hydrating";
     try {
       await this.args.hooks?.onBeforeAssessmentHydrate?.(this.storageContext);
-      const t = await (await this.getPersistenceStrategy()).loadSession(this.storageContext);
-      t && (this.session = t, this.emit({ type: "assessment-session-applied", timestamp: d() })), this.ensureSession(), this.readiness = "ready";
+      const e = await (await this.getPersistenceStrategy()).loadSession(this.storageContext);
+      e && (this.session = e, this.emit({
+        type: "assessment-session-applied",
+        timestamp: m()
+      })), this.ensureSession(), this.readiness = "ready";
     } catch (e) {
       this.readiness = "error", this.handleError(e, "session-load");
     }
@@ -187,10 +587,7 @@ class w {
   async persist() {
     try {
       const e = await this.getPersistenceStrategy();
-      await this.args.hooks?.onBeforeAssessmentPersist?.(
-        this.storageContext,
-        this.session
-      ), await e.saveSession(this.storageContext, this.session);
+      await this.args.hooks?.onBeforeAssessmentPersist?.(this.storageContext, this.session), await e.saveSession(this.storageContext, this.session);
     } catch (e) {
       this.handleError(e, "session-save");
     }
@@ -212,17 +609,11 @@ class w {
     };
   }
   buildNavigationSnapshot() {
-    const e = this.deliveryPlan.sections.length, t = Math.max(
-      0,
-      Math.min(
-        e > 0 ? e - 1 : 0,
-        this.session?.navigationState.currentSectionIndex || 0
-      )
-    ), s = this.deliveryPlan.sections[t];
+    const e = this.deliveryPlan.sections.length, t = Math.max(0, Math.min(e > 0 ? e - 1 : 0, this.session?.navigationState.currentSectionIndex || 0));
     return {
       currentSectionIndex: t,
       totalSections: e,
-      currentSectionId: s?.sectionIdentifier,
+      currentSectionId: this.deliveryPlan.sections[t]?.sectionIdentifier,
       canNext: t < e - 1,
       canPrevious: t > 0
     };
@@ -230,34 +621,34 @@ class w {
   setIndex(e) {
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
-    const s = t.currentSectionId, i = this.deliveryPlan.sections[e];
-    this.session = C(this.ensureSession(), {
+    const s = t.currentSectionId, n = this.deliveryPlan.sections[e];
+    this.session = ve(this.ensureSession(), {
       currentSectionIndex: e,
-      currentSectionIdentifier: i?.sectionIdentifier
+      currentSectionIdentifier: n?.sectionIdentifier
     });
-    const o = this.buildNavigationSnapshot();
+    const i = this.buildNavigationSnapshot();
     return this.emit({
       type: "assessment-route-changed",
-      timestamp: d(),
-      currentSectionIndex: o.currentSectionIndex,
-      totalSections: o.totalSections,
-      currentSectionId: o.currentSectionId,
+      timestamp: m(),
+      currentSectionIndex: i.currentSectionIndex,
+      totalSections: i.totalSections,
+      currentSectionId: i.currentSectionId,
       previousSectionId: s,
-      canNext: o.canNext,
-      canPrevious: o.canPrevious
-    }), this.emit({ type: "assessment-session-changed", timestamp: d() }), this.emit({
+      canNext: i.canNext,
+      canPrevious: i.canPrevious
+    }), this.emit({
+      type: "assessment-session-changed",
+      timestamp: m()
+    }), this.emit({
       type: "assessment-progress-changed",
-      timestamp: d(),
+      timestamp: m(),
       visitedSectionCount: this.ensureSession().navigationState.visitedSectionIdentifiers.length,
-      totalSections: o.totalSections
+      totalSections: i.totalSections
     }), !0;
   }
   navigateTo(e) {
-    if (typeof e == "number")
-      return this.setIndex(e);
-    const t = this.deliveryPlan.sections.findIndex(
-      (s) => s.sectionIdentifier === e
-    );
+    if (typeof e == "number") return this.setIndex(e);
+    const t = this.deliveryPlan.sections.findIndex((s) => s.sectionIdentifier === e);
     return t < 0 ? !1 : this.setIndex(t);
   }
   navigateNext() {
@@ -271,7 +662,7 @@ class w {
   async submit() {
     this.submitted = !0, this.emit({
       type: "assessment-submission-state-changed",
-      timestamp: d(),
+      timestamp: m(),
       submitted: !0
     }), await this.persist();
   }
@@ -289,13 +680,15 @@ class w {
     return this.ensureSession().sectionSessions[e]?.session || null;
   }
   updateSectionSession(e, t) {
-    this.session = b(this.ensureSession(), {
+    this.session = ge(this.ensureSession(), {
       sectionIdentifier: e,
       sectionSession: t
-    }), this.emit({ type: "assessment-session-changed", timestamp: d() });
+    }), this.emit({
+      type: "assessment-session-changed",
+      timestamp: m()
+    });
   }
-}
-const l = {
+}, u = {
   controllerReady: "assessment-controller-ready",
   navigationRequested: "assessment-navigation-requested",
   submitRequested: "assessment-submit-requested",
@@ -305,52 +698,65 @@ const l = {
   progressChanged: "assessment-progress-changed",
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
-}, P = "pie-section-player-splitpane", N = "pie-section-player-vertical";
-function A(n, e = !1) {
-  if (n == null) return e;
-  if (typeof n == "boolean") return n;
-  const t = n.trim().toLowerCase();
-  return t === "" || t === "true" || t === "1" || t === "yes";
+}, Ie = "pie-section-player-splitpane", be = "pie-section-player-vertical";
+function Ee(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";
 }
-class E extends HTMLElement {
-  constructor() {
-    super(), this.assessmentId = "", this.attemptId = "", this.assessment = null, this.env = null, this.coordinator = null, this.hooks = null, this.showNavigation = !0, this.sectionPlayerLayout = "splitpane", this.playerType = "iife", this.controller = null, this.controllerReadyPromise = null, this.controllerReadyResolve = null, this.sectionHost = null, this.sectionControllerRef = null, this.readiness = {
-      phase: "bootstrapping"
-    }, this.controllerReadyPromise = new Promise((e) => {
-      this.controllerReadyResolve = e;
-    });
-  }
+var Pe = class extends HTMLElement {
   static get observedAttributes() {
     return [
       "assessment-id",
       "attempt-id",
       "show-navigation",
       "section-player-layout",
-      "player-type"
+      "player-type",
+      "debug"
     ];
   }
+  constructor() {
+    super(), this.assessmentId = "", this.attemptId = "", this.assessment = null, this.env = null, this.coordinator = null, this.hooks = null, this.showNavigation = !0, this.sectionPlayerLayout = "splitpane", this.playerType = "iife", this._debug = void 0, this.controller = null, this.controllerReadyPromise = null, this.controllerReadyResolve = null, this.sectionHost = null, this.sectionControllerRef = null, this._sectionPlayerRuntime = null, this._sectionPlayerPlayer = null, this.readiness = { phase: "bootstrapping" }, this.controllerReadyPromise = new Promise((e) => {
+      this.controllerReadyResolve = e;
+    });
+  }
   attributeChangedCallback(e, t, s) {
-    e === "assessment-id" && (this.assessmentId = s || ""), e === "attempt-id" && (this.attemptId = s || ""), e === "show-navigation" && (this.showNavigation = s), e === "section-player-layout" && (this.sectionPlayerLayout = s === "vertical" ? "vertical" : "splitpane"), e === "player-type" && (this.playerType = s || "iife"), this.isConnected && this.bootstrapController();
+    e === "assessment-id" && (this.assessmentId = s || ""), e === "attempt-id" && (this.attemptId = s || ""), e === "show-navigation" && (this.showNavigation = s), e === "section-player-layout" && (this.sectionPlayerLayout = s === "vertical" ? "vertical" : "splitpane"), e === "player-type" && (this.playerType = s || "iife"), e === "debug" && (this.debug = s), this.isConnected && this.bootstrapController();
+  }
+  get debug() {
+    return this._debug;
+  }
+  set debug(e) {
+    this._debug = e, this.applyDebugFlag();
+  }
+  get sectionPlayerRuntime() {
+    return this._sectionPlayerRuntime;
+  }
+  set sectionPlayerRuntime(e) {
+    this._sectionPlayerRuntime = e, this.isConnected && this.attachInstrumentationBridge();
+  }
+  get sectionPlayerPlayer() {
+    return this._sectionPlayerPlayer;
+  }
+  set sectionPlayerPlayer(e) {
+    this._sectionPlayerPlayer = e, this.isConnected && this.attachInstrumentationBridge();
   }
   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;
-    const e = this.getAttribute("section-player-layout");
-    this.sectionPlayerLayout = e === "vertical" ? "vertical" : this.sectionPlayerLayout;
-    const t = this.getAttribute("player-type");
-    t && (this.playerType = t), this.bootstrapController();
+    this.assessmentId || (this.assessmentId = this.getAttribute("assessment-id") || ""), this.attemptId || (this.attemptId = this.getAttribute("attempt-id") || ""), this.showNavigation = this.getAttribute("show-navigation") ?? this.showNavigation, this.sectionPlayerLayout = this.getAttribute("section-player-layout") === "vertical" ? "vertical" : this.sectionPlayerLayout;
+    const e = this.getAttribute("player-type");
+    e && (this.playerType = e), this.debug = this.getAttribute("debug") ?? this.debug, this.attachInstrumentationBridge(), this.bootstrapController();
   }
   disconnectedCallback() {
-    this.unsubscribeController?.(), this.hooks?.onAssessmentControllerDispose?.(this.controller || void 0);
+    this.unsubscribeController?.(), this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = void 0, this.hooks?.onAssessmentControllerDispose?.(this.controller || void 0);
   }
   dispatch(e, t, s = !1) {
-    return this.dispatchEvent(
-      new CustomEvent(e, {
-        detail: t,
-        bubbles: !0,
-        composed: !0,
-        cancelable: s
-      })
-    );
+    return this.dispatchEvent(new CustomEvent(e, {
+      detail: t,
+      bubbles: !0,
+      composed: !0,
+      cancelable: s
+    }));
   }
   async bootstrapController() {
     if (!this.assessmentId || !this.assessment) {
@@ -358,26 +764,40 @@ class E extends HTMLElement {
       return;
     }
     this.readiness = { phase: "bootstrapping" }, this.render();
-    const e = new w({
+    const e = new Se({
       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.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
-      );
-    }), await e.initialize(), this.readiness = { phase: "ready" }, this.controllerReadyResolve?.(e), this.dispatch(l.controllerReady, {
-      controller: e
-    }), this.hooks?.onAssessmentControllerReady?.(e), this.render();
+      t.type === "assessment-route-changed" && (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);
+    });
+    try {
+      await e.initialize(), this.readiness = { phase: "ready" }, this.controllerReadyResolve?.(e), this.dispatch(u.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");
+    }
+  }
+  resolveInstrumentationProvider() {
+    return ue({
+      runtimePlayer: this.sectionPlayerRuntime?.player,
+      player: this.sectionPlayerPlayer,
+      component: "pie-assessment-player-default"
+    });
+  }
+  attachInstrumentationBridge() {
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = re({
+      host: this,
+      instrumentationProvider: this.resolveInstrumentationProvider(),
+      component: "pie-assessment-player-default",
+      eventMap: he,
+      staticAttributes: {
+        instrumentationLayer: "assessment",
+        assessmentId: this.assessmentId,
+        attemptId: this.attemptId || void 0
+      }
+    });
   }
   renderEmptyState(e) {
     this.innerHTML = "";
@@ -385,7 +805,7 @@ class E extends HTMLElement {
     t.className = "pie-assessment-player-empty", t.textContent = e, this.appendChild(t);
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? N : P;
+    return this.sectionPlayerLayout === "vertical" ? be : Ie;
   }
   syncCurrentSectionSessionIntoAssessment() {
     const e = this.controller;
@@ -393,28 +813,18 @@ class E extends HTMLElement {
     const t = this.sectionControllerRef || this.sectionHost?.firstElementChild?.getSectionController?.();
     if (!t?.getSession) return;
     const s = e.getCurrentSection();
-    s && e.updateSectionSession(
-      s.sectionIdentifier,
-      t.getSession()
-    );
+    s && e.updateSectionSession(s.sectionIdentifier, t.getSession());
   }
   attachSectionControllerReadyListener(e, t) {
     e.addEventListener("section-controller-ready", async (s) => {
-      const i = s.detail;
-      this.sectionControllerRef = i?.controller || null;
-      const o = this.controller?.getSectionSession(t);
-      o && this.sectionControllerRef?.applySession && await this.sectionControllerRef.applySession(o, { mode: "replace" });
-    }), e.addEventListener(
-      "session-changed",
-      () => this.syncCurrentSectionSessionIntoAssessment()
-    ), e.addEventListener(
-      "item-session-changed",
-      () => this.syncCurrentSectionSessionIntoAssessment()
-    );
+      this.sectionControllerRef = s.detail?.controller || null;
+      const n = this.controller?.getSectionSession(t);
+      n && this.sectionControllerRef?.applySession && await this.sectionControllerRef.applySession(n, { mode: "replace" });
+    }), e.addEventListener("session-changed", () => this.syncCurrentSectionSessionIntoAssessment()), e.addEventListener("item-session-changed", () => this.syncCurrentSectionSessionIntoAssessment());
   }
   render() {
     const e = this.controller;
-    this.innerHTML = "";
+    this.attachInstrumentationBridge(), this.innerHTML = "";
     const t = document.createElement("div");
     t.className = "pie-assessment-player-default";
     const s = document.createElement("style");
@@ -466,34 +876,39 @@ class E extends HTMLElement {
 				overflow: hidden;
 			}
 		`, t.appendChild(s);
-    const i = this.getSnapshot();
-    if (A(this.showNavigation, !0)) {
-      const c = document.createElement("div");
-      c.className = "pie-assessment-player-navigation";
-      const a = document.createElement("div");
-      a.className = "pie-assessment-player-current-position", a.textContent = i.navigation.totalSections > 0 ? `Section ${i.navigation.currentIndex + 1} of ${i.navigation.totalSections}` : "No sections";
-      const p = document.createElement("div");
-      p.className = "pie-assessment-player-nav-controls";
-      const u = document.createElement("button");
-      u.className = "pie-assessment-player-nav-btn", u.textContent = "Back", u.disabled = !i.navigation.canPrevious, u.addEventListener("click", () => {
-        this.navigatePrevious();
-      });
-      const m = document.createElement("button");
-      m.className = "pie-assessment-player-nav-btn", m.textContent = "Next", m.disabled = !i.navigation.canNext, m.addEventListener("click", () => {
-        this.navigateNext();
-      }), p.appendChild(u), p.appendChild(m), c.appendChild(a), c.appendChild(p), t.appendChild(c);
+    const n = this.getSnapshot();
+    if (Ee(this.showNavigation, !0)) {
+      const o = document.createElement("div");
+      o.className = "pie-assessment-player-navigation";
+      const r = document.createElement("div");
+      r.className = "pie-assessment-player-current-position", r.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", () => void this.navigatePrevious());
+      const h = document.createElement("button");
+      h.className = "pie-assessment-player-nav-btn", h.textContent = "Next", h.disabled = !n.navigation.canNext, h.addEventListener("click", () => void this.navigateNext()), d.appendChild(l), d.appendChild(h), o.appendChild(r), o.appendChild(d), t.appendChild(o);
     }
-    const r = document.createElement("div");
-    r.className = "pie-assessment-player-section-host", this.sectionHost = r;
-    const h = e?.getCurrentSection() || null;
-    if (h) {
-      const c = this.buildSectionPlayerTag(), a = document.createElement(c);
-      a.setAttribute("assessment-id", this.assessmentId), a.setAttribute("section-id", h.sectionIdentifier), this.attemptId && a.setAttribute("attempt-id", this.attemptId), a.setAttribute("player-type", this.playerType), a.section = h.section, this.env && (a.env = this.env), this.coordinator && (a.coordinator = this.coordinator), this.attachSectionControllerReadyListener(
-        a,
-        h.sectionIdentifier
-      ), r.appendChild(a);
+    const i = document.createElement("div");
+    i.className = "pie-assessment-player-section-host", this.sectionHost = i;
+    const c = e?.getCurrentSection() || null;
+    if (c) {
+      const o = this.buildSectionPlayerTag(), r = document.createElement(o);
+      if (r.setAttribute("assessment-id", this.assessmentId), r.setAttribute("section-id", c.sectionIdentifier), this.attemptId && r.setAttribute("attempt-id", this.attemptId), r.setAttribute("player-type", this.playerType), this.debug !== void 0 && this.debug !== null) {
+        const d = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
+        r.setAttribute("debug", d);
+      }
+      r.section = c.section, this.env && (r.env = this.env), this.coordinator && (r.coordinator = this.coordinator), this.sectionPlayerRuntime && (r.runtime = this.sectionPlayerRuntime), this.sectionPlayerPlayer && (r.player = this.sectionPlayerPlayer), this.attachSectionControllerReadyListener(r, c.sectionIdentifier), i.appendChild(r);
+    }
+    t.appendChild(i), this.appendChild(t);
+  }
+  applyDebugFlag() {
+    if (this.debug === void 0 || this.debug === null || typeof window > "u") return;
+    const e = String(this.debug), t = !(e.toLowerCase() === "false" || e === "0" || e === "");
+    try {
+      window.PIE_DEBUG = t;
+    } catch {
     }
-    t.appendChild(r), this.appendChild(t);
   }
   getSnapshot() {
     const e = this.controller?.getRuntimeState() || {
@@ -503,12 +918,11 @@ class E extends HTMLElement {
       currentSectionId: void 0,
       canNext: !1,
       canPrevious: !1,
-      visitedSections: 0
+      visitedSections: 0,
+      submitted: !1
     };
     return {
-      readiness: {
-        phase: e.readiness
-      },
+      readiness: { phase: e.readiness },
       navigation: {
         currentIndex: e.currentSectionIndex,
         totalSections: e.totalSections,
@@ -532,84 +946,69 @@ class E extends HTMLElement {
     return this.getSnapshot().progress;
   }
   navigateTo(e) {
-    const t = this.selectNavigation(), s = t.currentIndex, i = t.currentSectionId;
-    let o = s, r;
+    const t = this.selectNavigation(), s = t.currentIndex, n = t.currentSectionId;
+    let i = s, c;
     if (typeof e == "number")
-      o = e, r = this.controller?.getSectionAt(o)?.sectionIdentifier;
-    else if (r = e, this.controller?.getCurrentSection()?.sectionIdentifier === r) return !0;
-    if (!this.dispatch(
-      l.navigationRequested,
-      {
-        fromIndex: s,
-        toIndex: o,
-        fromSectionId: i,
-        toSectionId: r,
-        reason: "navigate-to"
-      },
-      !0
-    )) return !1;
+      i = e, c = this.controller?.getSectionAt(i)?.sectionIdentifier;
+    else if (c = e, this.controller?.getCurrentSection()?.sectionIdentifier === c) return !0;
+    if (!this.dispatch(u.navigationRequested, {
+      fromIndex: s,
+      toIndex: i,
+      fromSectionId: n,
+      toSectionId: c,
+      reason: "navigate-to"
+    }, !0)) return !1;
     this.syncCurrentSectionSessionIntoAssessment();
-    const c = this.controller?.navigateTo(e) === !0;
-    return c && this.controller?.persist(), c;
+    const o = this.controller?.navigateTo(e) === !0;
+    return o && this.controller?.persist(), o;
   }
   navigateNext() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex + 1);
-    if (!this.dispatch(
-      l.navigationRequested,
-      {
-        fromIndex: e.currentIndex,
-        toIndex: e.currentIndex + 1,
-        fromSectionId: e.currentSectionId,
-        toSectionId: t?.sectionIdentifier,
-        reason: "navigate-next"
-      },
-      !0
-    )) return !1;
+    if (!this.dispatch(u.navigationRequested, {
+      fromIndex: e.currentIndex,
+      toIndex: e.currentIndex + 1,
+      fromSectionId: e.currentSectionId,
+      toSectionId: t?.sectionIdentifier,
+      reason: "navigate-next"
+    }, !0)) return !1;
     this.syncCurrentSectionSessionIntoAssessment();
-    const i = this.controller?.navigateNext() === !0;
-    return i && this.controller?.persist(), i;
+    const s = this.controller?.navigateNext() === !0;
+    return s && this.controller?.persist(), s;
   }
   navigatePrevious() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex - 1);
-    if (!this.dispatch(
-      l.navigationRequested,
-      {
-        fromIndex: e.currentIndex,
-        toIndex: e.currentIndex - 1,
-        fromSectionId: e.currentSectionId,
-        toSectionId: t?.sectionIdentifier,
-        reason: "navigate-previous"
-      },
-      !0
-    )) return !1;
+    if (!this.dispatch(u.navigationRequested, {
+      fromIndex: e.currentIndex,
+      toIndex: e.currentIndex - 1,
+      fromSectionId: e.currentSectionId,
+      toSectionId: t?.sectionIdentifier,
+      reason: "navigate-previous"
+    }, !0)) return !1;
     this.syncCurrentSectionSessionIntoAssessment();
-    const i = this.controller?.navigatePrevious() === !0;
-    return i && this.controller?.persist(), i;
+    const s = this.controller?.navigatePrevious() === !0;
+    return s && this.controller?.persist(), s;
   }
   getAssessmentController() {
     return this.controller;
   }
   async waitForAssessmentController(e = 5e3) {
     if (this.controller) return this.controller;
-    const t = this.controllerReadyPromise || Promise.resolve(null), s = new Promise((i) => {
-      setTimeout(() => i(null), e);
+    const t = this.controllerReadyPromise || Promise.resolve(null), s = new Promise((n) => {
+      setTimeout(() => n(null), e);
     });
     return Promise.race([t, s]);
   }
+};
+customElements.get("pie-assessment-player-default") || customElements.define("pie-assessment-player-default", Pe);
+function we(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";
 }
-customElements.get("pie-assessment-player-default") || customElements.define(
-  "pie-assessment-player-default",
-  E
-);
-function R(n, e = !1) {
-  if (n == null) return e;
-  if (typeof n == "boolean") return n;
-  const t = n.trim().toLowerCase();
-  return t === "" || t === "true" || t === "1" || t === "yes";
-}
-class k extends HTMLElement {
-  constructor() {
-    super(...arguments), this.showNavigation = !0;
+var Ne = class extends HTMLElement {
+  constructor(...e) {
+    super(...e), this.showNavigation = !0;
   }
   static get observedAttributes() {
     return ["show-navigation"];
@@ -621,7 +1020,7 @@ class k extends HTMLElement {
     e === "show-navigation" && (this.showNavigation = s), this.render();
   }
   render() {
-    const e = R(this.showNavigation, !0);
+    const e = we(this.showNavigation, !0);
     this.innerHTML = "";
     const t = document.createElement("style");
     t.textContent = `
@@ -644,16 +1043,16 @@ class k extends HTMLElement {
 		`;
     const s = document.createElement("div");
     if (s.className = "pie-assessment-player-shell", e) {
-      const r = document.createElement("slot");
-      r.name = "navigation", s.appendChild(r);
+      const c = document.createElement("slot");
+      c.name = "navigation", s.appendChild(c);
     }
-    const i = document.createElement("div");
-    i.className = "pie-assessment-player-shell__body";
-    const o = document.createElement("slot");
-    i.appendChild(o), s.appendChild(i), this.appendChild(t), this.appendChild(s);
+    const n = document.createElement("div");
+    n.className = "pie-assessment-player-shell__body";
+    const i = document.createElement("slot");
+    n.appendChild(i), s.appendChild(n), this.appendChild(t), this.appendChild(s);
   }
-}
-customElements.get("pie-assessment-player-shell") || customElements.define("pie-assessment-player-shell", k);
+};
+customElements.get("pie-assessment-player-shell") || customElements.define("pie-assessment-player-shell", Ne);
 export {
-  l as ASSESSMENT_PLAYER_PUBLIC_EVENTS
+  u as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };