@citolab/qti-components 7.28.1 → 8.0.1

package/dist/{chunk-HFCZFWSH.js → chunk-RXGDQDOV.js}

@@ -1,19 +1,25 @@
 import {
   QtiModalFeedback
-} from "./chunk-WDO2TRFM.js";
+} from "./chunk-WVVMNF74.js";
 import {
   item_default,
   m
-} from "./chunk-AQ5RJFM6.js";
+} from "./chunk-7HC5SMCU.js";
+import {
+  watch
+} from "./chunk-64XSIBGO.js";
 import {
   qtiTransformItem,
   qtiTransformTest
-} from "./chunk-3WBG257S.js";
+} from "./chunk-IJD53WY6.js";
 import {
   A,
+  E,
   INITIAL_SESSION_CONTEXT,
   INITIAL_TEST_CONTEXT,
+  QtiExpression,
   T,
+  Z,
   c,
   computedContext,
   configContext,
@@ -21,22 +27,339 @@ import {
   i,
   i2,
   n,
+  n2,
   qtiContext,
   r,
   sessionContext,
-  t,
-  testContext,
-  watch
-} from "./chunk-3XV26R5M.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet
-} from "./chunk-QXBXORM3.js";
+  testContext
+} from "./chunk-H3J7LFRO.js";
+
+// ../qti-test/dist/components/qti-assessment-item-ref/qti-assessment-item-ref.js
+var __decorate = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var stringToBooleanConverter = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiAssessmentItemRef = class extends i2 {
+  constructor() {
+    super(...arguments);
+    this.weigths = /* @__PURE__ */ new Map();
+  }
+  createRenderRoot() {
+    return this;
+  }
+  get assessmentItem() {
+    return this.renderRoot?.querySelector("qti-assessment-item");
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new CustomEvent("qti-assessment-item-ref-connected", {
+      bubbles: true,
+      composed: true,
+      detail: { identifier: this.identifier, href: this.href, category: this.category }
+    }));
+  }
+  render() {
+    return this.myTemplate ? this.myTemplate({ xmlDoc: this.xmlDoc }) : this.xmlDoc;
+  }
+};
+__decorate([
+  n2({ type: String })
+], QtiAssessmentItemRef.prototype, "category", void 0);
+__decorate([
+  n2({ type: String })
+], QtiAssessmentItemRef.prototype, "identifier", void 0);
+__decorate([
+  n2({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentItemRef.prototype, "required", void 0);
+__decorate([
+  n2({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentItemRef.prototype, "fixed", void 0);
+__decorate([
+  n2({ type: String })
+], QtiAssessmentItemRef.prototype, "href", void 0);
+__decorate([
+  n2({ type: Object, attribute: false })
+], QtiAssessmentItemRef.prototype, "xmlDoc", void 0);
+
+// ../qti-test/dist/components/qti-assessment-section/qti-assessment-section.js
+var __decorate2 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var stringToBooleanConverter2 = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiAssessmentSection = class extends i2 {
+  get title() {
+    return this.#title;
+  }
+  set title(value) {
+    this.#title = value;
+    this.removeAttribute("title");
+    this.setAttribute("data-title", value);
+  }
+  #title = "";
+  async connectedCallback() {
+    this.#title = this.getAttribute("title") || "";
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new Event("qti-assessment-section-connected", {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return T`<slot name="qti-rubric-block"></slot><slot></slot>`;
+  }
+};
+__decorate2([
+  n2({ type: String })
+], QtiAssessmentSection.prototype, "identifier", void 0);
+__decorate2([
+  n2({ type: String })
+], QtiAssessmentSection.prototype, "required", void 0);
+__decorate2([
+  n2({ type: Boolean, converter: stringToBooleanConverter2 })
+], QtiAssessmentSection.prototype, "fixed", void 0);
+__decorate2([
+  n2({ type: Boolean, converter: stringToBooleanConverter2 })
+], QtiAssessmentSection.prototype, "visible", void 0);
+__decorate2([
+  n2({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
+], QtiAssessmentSection.prototype, "keepTogether", void 0);
+__decorate2([
+  c({ context: testContext, subscribe: true })
+], QtiAssessmentSection.prototype, "_testContext", void 0);
+
+// ../qti-test/dist/components/qti-assessment-test/qti-assessment-test.js
+var __decorate3 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var QtiAssessmentTest = class extends i2 {
+  get title() {
+    return this.#title;
+  }
+  set title(value) {
+    this.#title = value;
+    this.removeAttribute("title");
+    this.setAttribute("data-title", value);
+  }
+  #title = "";
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new CustomEvent("qti-assessment-test-connected", {
+      detail: this,
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return T` <slot></slot>`;
+  }
+};
+__decorate3([
+  n2({ type: String })
+], QtiAssessmentTest.prototype, "identifier", void 0);
+__decorate3([
+  n2({ type: String })
+], QtiAssessmentTest.prototype, "title", null);
+__decorate3([
+  c({ context: testContext, subscribe: true })
+], QtiAssessmentTest.prototype, "_testContext", void 0);
+
+// ../qti-test/dist/components/qti-outcome-processing/qti-outcome-processing.js
+var QtiOutcomeProcessing = class extends i2 {
+  static {
+    this.styles = [
+      i`
+      :host {
+        display: none;
+      }
+    `
+    ];
+  }
+  render() {
+    return T`<slot></slot>`;
+  }
+  process() {
+    const logic = new QtiOutcomeProcessingProcessor();
+    const rules = [...this.children];
+    logic.process(rules);
+  }
+};
+var QtiOutcomeProcessingProcessor = class {
+  process(rules) {
+    for (const rule of rules) {
+      rule.process();
+    }
+  }
+};
+
+// ../qti-test/dist/components/qti-test-feedback/qti-test-feedback.js
+var QtiTestFeedback = class extends QtiModalFeedback {
+  static {
+    this.styles = i`
+    :host {
+      color: gray;
+    }
+  `;
+  }
+  render() {
+    return T``;
+  }
+};
+
+// ../qti-test/dist/components/qti-test-part/qti-test-part.js
+var __decorate4 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var QtiTestPart = class extends i2 {
+  constructor() {
+    super(...arguments);
+    this.identifier = "";
+    this.class = "";
+    this.navigationMode = "nonlinear";
+    this.submissionMode = "individual";
+    this.#title = "";
+  }
+  get title() {
+    return this.#title;
+  }
+  set title(value) {
+    this.#title = value;
+    this.removeAttribute("title");
+    this.setAttribute("data-title", value);
+  }
+  #title;
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new Event("qti-test-part-connected", {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return T` <slot></slot>`;
+  }
+};
+__decorate4([
+  n2({ type: String })
+], QtiTestPart.prototype, "identifier", void 0);
+__decorate4([
+  n2({ type: String })
+], QtiTestPart.prototype, "class", void 0);
+__decorate4([
+  n2({ type: String, attribute: "navigation-mode" })
+], QtiTestPart.prototype, "navigationMode", void 0);
+__decorate4([
+  n2({ type: String, attribute: "submission-mode" })
+], QtiTestPart.prototype, "submissionMode", void 0);
+
+// ../qti-test/dist/components/qti-test-variables/qti-test-variables.js
+var __decorate5 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var QtiTestVariables = class extends QtiExpression {
+  #testElement;
+  constructor() {
+    super();
+    this.addEventListener("qti-assessment-test-connected", (e2) => this.#testElement = e2.detail);
+  }
+  getResult() {
+    const includedCategories = this.getAttribute("include-category")?.split(" ") ?? [];
+    const excludedCategories = this.getAttribute("exclude-category")?.split(" ") ?? [];
+    const weightIdentifier = this.getAttribute("weight-identifier") ?? "";
+    const itemVariable = this.getAttribute("variable-identifier");
+    const itemRefEls = Array.from(this.#testElement.querySelectorAll(`qti-asssessment-test qti-assessment-item-ref`));
+    const includedItems = itemRefEls.filter((itemRef) => {
+      let include = true;
+      if (includedCategories.length > 0) {
+        include = includedCategories.includes(itemRef.category);
+      }
+      if (excludedCategories.length > 0) {
+        include = !excludedCategories.includes(itemRef.category);
+      }
+      return include;
+    }).map((itemRef) => {
+      let weight = 1;
+      if (weightIdentifier) {
+        const weightVariable = itemRef.weigths.get(weightIdentifier);
+        if (weightVariable !== null && weightVariable !== void 0) {
+          weight = weightVariable;
+        }
+      }
+      return { item: itemRef.identifier, weight };
+    });
+    const logic = new QtiTestVariablesExpression(this._testContext, itemVariable, includedItems);
+    const value = logic.calculate();
+    return value;
+  }
+  calculate() {
+    return this.getResult();
+  }
+};
+__decorate5([
+  c({ context: testContext, subscribe: true })
+], QtiTestVariables.prototype, "_testContext", void 0);
+var QtiTestVariablesExpression = class {
+  constructor(testContext2, itemVariable, includedItems) {
+    this.testContext = testContext2;
+    this.itemVariable = itemVariable;
+    this.includedItems = includedItems;
+  }
+  calculate() {
+    const { items } = this.testContext;
+    let total = 0;
+    const uniqueItems = [...new Set(this.includedItems.map((item) => item.item))];
+    items.forEach((item) => {
+      if (uniqueItems.includes(item.identifier)) {
+        const variable = item.variables.find((vr) => vr.identifier === this.itemVariable);
+        const weight = this.includedItems.find((i4) => i4.item === item.identifier)?.weight ?? 1;
+        if (variable) {
+          total += Number(variable.value) * weight;
+        }
+      }
+    });
+    return total;
+  }
+};
 
-// ../qti-test/src/mixins/test-navigation.mixin.ts
+// ../qti-test/dist/mixins/test-navigation.mixin.js
+var __decorate6 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var TestNavigationMixin = (superClass) => {
   class TestNavigationClass extends superClass {
     constructor(...args) {
@@ -45,11 +368,9 @@ var TestNavigationMixin = (superClass) => {
       this.requestTimeout = 3e4;
       this.postLoadTransformCallback = null;
       this.postLoadTestTransformCallback = null;
-      // Navigation state tracking
       this._activeController = null;
       this._loadResults = [];
       this._navigationId = 0;
-      // Simple loading progress tracking
       this._loadingState = {
         expectedItems: 0,
         connectedItems: 0,
@@ -57,7 +378,6 @@ var TestNavigationMixin = (superClass) => {
         loadedStimulus: 0,
         isComplete: false
       };
-      // Track loaded/loading stimulus hrefs to prevent duplicates
       this._loadedStimulusHrefs = /* @__PURE__ */ new Set();
       this._loadingStimulusHrefs = /* @__PURE__ */ new Set();
       this._bindEventHandlers();
@@ -73,13 +393,11 @@ var TestNavigationMixin = (superClass) => {
     navigateTo(type, id) {
       const targetId = id || this._getDefaultNavigationId(type);
       if (targetId) {
-        this.dispatchEvent(
-          new CustomEvent("qti-request-navigation", {
-            detail: { type, id: targetId },
-            bubbles: true,
-            composed: true
-          })
-        );
+        this.dispatchEvent(new CustomEvent("qti-request-navigation", {
+          detail: { type, id: targetId },
+          bubbles: true,
+          composed: true
+        }));
       }
     }
     // ===========================================
@@ -91,15 +409,15 @@ var TestNavigationMixin = (superClass) => {
       this.addEventListener("qti-assessment-item-connected", this._handleItemConnected.bind(this));
       this.addEventListener("qti-assessment-stimulus-ref-connected", this._handleStimulusRefConnected.bind(this));
     }
-    _handleTestConnected(e3) {
-      this._testElement = e3.detail;
+    _handleTestConnected(e2) {
+      this._testElement = e2.detail;
       this._initializeNavigation();
     }
     /**
      * Handle item connection events - track connected items and discover stimulus references
      */
-    _handleItemConnected(e3) {
-      const itemRef = e3.detail;
+    _handleItemConnected(e2) {
+      const itemRef = e2.detail;
       this._loadingState.connectedItems++;
       const stimulusRefs = itemRef.querySelectorAll("qti-assessment-stimulus-ref");
       this._loadingState.expectedStimulus += stimulusRefs.length;
@@ -108,9 +426,9 @@ var TestNavigationMixin = (superClass) => {
     /**
      * Handle stimulus reference connection events with duplicate prevention
      */
-    async _handleStimulusRefConnected(e3) {
-      e3.preventDefault();
-      const { element, item } = e3;
+    async _handleStimulusRefConnected(e2) {
+      e2.preventDefault();
+      const { element, item } = e2;
       console.info("Stimulus ref connected:", {
         identifier: element.identifier,
         href: element.href,
@@ -156,7 +474,8 @@ var TestNavigationMixin = (superClass) => {
       return this.sessionContext?.navItemRefId ?? this._testElement?.querySelector("qti-assessment-item-ref")?.identifier;
     }
     _initializeNavigation() {
-      if (!this.navigate) return;
+      if (!this.navigate)
+        return;
       const id = this._getDefaultNavigationId(this.navigate);
       if (id) {
         this.navigateTo(this.navigate, id);
@@ -166,7 +485,8 @@ var TestNavigationMixin = (superClass) => {
      * Main navigation request handler with proper lifecycle management
      */
     async _handleNavigationRequest({ detail }) {
-      if (!detail?.id) return;
+      if (!detail?.id)
+        return;
       this._cancelPreviousNavigation();
       const navigationId = ++this._navigationId;
       const controller = new AbortController();
@@ -205,7 +525,8 @@ var TestNavigationMixin = (superClass) => {
       this._loadingState.expectedItems = 1;
       await this._loadItems([itemId], navigationId, controller);
       await this._waitForLoadingComplete(navigationId, controller);
-      if (this._isStaleNavigation(navigationId, controller)) return;
+      if (this._isStaleNavigation(navigationId, controller))
+        return;
       this._dispatchTestLoaded(this._loadResults);
     }
     /**
@@ -225,7 +546,8 @@ var TestNavigationMixin = (superClass) => {
       this._loadingState.expectedItems = itemIds.length;
       await this._loadItems(itemIds, navigationId, controller);
       await this._waitForLoadingComplete(navigationId, controller);
-      if (this._isStaleNavigation(navigationId, controller)) return;
+      if (this._isStaleNavigation(navigationId, controller))
+        return;
       this._dispatchTestLoaded(this._loadResults);
     }
     // ===========================================
@@ -260,7 +582,8 @@ var TestNavigationMixin = (superClass) => {
      */
     async _waitForLoadingComplete(navigationId, controller) {
       while (!this._loadingState.isComplete) {
-        if (this._isStaleNavigation(navigationId, controller)) return;
+        if (this._isStaleNavigation(navigationId, controller))
+          return;
         await new Promise((resolve) => setTimeout(resolve, 10));
       }
     }
@@ -339,24 +662,30 @@ var TestNavigationMixin = (superClass) => {
      * Load items with simple tracking
      */
     async _loadItems(itemIds, navigationId, controller) {
-      if (!this._testElement || itemIds.length === 0) return;
+      if (!this._testElement || itemIds.length === 0)
+        return;
       const itemRefs = itemIds.map((id) => this._findItemRef(id));
       this._clearLoadedItems();
       this._clearStimulusRef();
       const results = await Promise.all(itemRefs.map((ref) => this._loadSingleItem(ref, navigationId, controller)));
       const validResults = results.filter(Boolean);
-      if (this._isStaleNavigation(navigationId, controller)) return;
+      if (this._isStaleNavigation(navigationId, controller))
+        return;
       validResults.forEach(({ itemRef, doc }) => {
-        if (itemRef && doc) itemRef.xmlDoc = doc;
+        if (itemRef && doc)
+          itemRef.xmlDoc = doc;
       });
       validResults.forEach(({ itemRef }) => {
         const itemId = itemRef?.identifier;
-        if (!itemRef || !itemId) return;
-        const savedState = this.testContext.items.find((i5) => i5.identifier === itemId)?.state;
-        if (savedState === void 0) return;
+        if (!itemRef || !itemId)
+          return;
+        const savedState = this.testContext.items.find((i4) => i4.identifier === itemId)?.state;
+        if (savedState === void 0)
+          return;
         itemRef.updateComplete.then(() => {
           const assessmentItem = itemRef.assessmentItem;
-          if (!assessmentItem) return;
+          if (!assessmentItem)
+            return;
           assessmentItem.state = savedState;
         });
       });
@@ -372,7 +701,7 @@ var TestNavigationMixin = (superClass) => {
         if (this._isStaleNavigation(navigationId, controller)) {
           return null;
         }
-        return { itemRef, doc: transformer.htmlDoc() };
+        return { itemRef, doc: transformer.htmlDoc(this._customElementRegistry()) };
       } catch (error) {
         if (error.name === "AbortError") {
           console.info(`Item load for ${itemRef.identifier} was aborted`);
@@ -384,15 +713,19 @@ var TestNavigationMixin = (superClass) => {
     }
     async _loadStimulus(href) {
       const transformer = await qtiTransformItem().load(href, this._activeController?.signal);
-      return transformer.htmlDoc();
+      return transformer.htmlDoc(this._customElementRegistry());
+    }
+    _customElementRegistry() {
+      const container = this.querySelector("test-container");
+      if (!container)
+        return void 0;
+      return container.customElementRegistry ?? void 0;
     }
     // ===========================================
     // UTILITIES
     // ===========================================
     _findItemRef(itemId) {
-      const itemRef = this._testElement?.querySelector(
-        `qti-assessment-item-ref[identifier="${itemId}"]`
-      );
+      const itemRef = this._testElement?.querySelector(`qti-assessment-item-ref[identifier="${itemId}"]`);
       if (!itemRef) {
         throw new Error(`Item with identifier "${itemId}" not found`);
       }
@@ -412,11 +745,7 @@ var TestNavigationMixin = (superClass) => {
       };
     }
     _getSectionItemIds(sectionId) {
-      return Array.from(
-        this._testElement.querySelectorAll(
-          `qti-assessment-section[identifier="${sectionId}"] > qti-assessment-item-ref`
-        )
-      ).map((ref) => ref.identifier).filter(Boolean);
+      return Array.from(this._testElement.querySelectorAll(`qti-assessment-section[identifier="${sectionId}"] > qti-assessment-item-ref`)).map((ref) => ref.identifier).filter(Boolean);
     }
     _clearLoadedItems() {
       const itemRefs = this._testElement?.querySelectorAll("qti-assessment-item-ref");
@@ -442,78 +771,70 @@ var TestNavigationMixin = (superClass) => {
     // EVENT DISPATCHING
     // ===========================================
     _dispatchLoadingStarted(type, id) {
-      this.dispatchEvent(
-        new CustomEvent("qti-navigation-loading-started", {
-          detail: { type, id },
-          bubbles: true,
-          composed: true
-        })
-      );
+      this.dispatchEvent(new CustomEvent("qti-navigation-loading-started", {
+        detail: { type, id },
+        bubbles: true,
+        composed: true
+      }));
     }
     _dispatchLoadingEnded(type, id) {
-      this.dispatchEvent(
-        new CustomEvent("qti-navigation-loading-ended", {
-          detail: { type, id },
-          bubbles: true,
-          composed: true
-        })
-      );
+      this.dispatchEvent(new CustomEvent("qti-navigation-loading-ended", {
+        detail: { type, id },
+        bubbles: true,
+        composed: true
+      }));
     }
     _dispatchError(error) {
-      this.dispatchEvent(
-        new CustomEvent("qti-navigation-error", {
-          detail: error,
-          bubbles: true,
-          composed: true
-        })
-      );
+      this.dispatchEvent(new CustomEvent("qti-navigation-error", {
+        detail: error,
+        bubbles: true,
+        composed: true
+      }));
     }
     _dispatchTestLoaded(results) {
       requestAnimationFrame(() => {
-        this.dispatchEvent(
-          new CustomEvent("qti-test-loaded", {
-            detail: results.map(({ itemRef }) => ({
-              identifier: itemRef?.identifier,
-              element: itemRef
-            })),
-            bubbles: true,
-            composed: true
-          })
-        );
+        this.dispatchEvent(new CustomEvent("qti-test-loaded", {
+          detail: results.map(({ itemRef }) => ({
+            identifier: itemRef?.identifier,
+            element: itemRef
+          })),
+          bubbles: true,
+          composed: true
+        }));
       });
     }
   }
-  __decorateClass([
-    n({ type: String })
-  ], TestNavigationClass.prototype, "navigate", 2);
-  __decorateClass([
-    n({ type: Number })
-  ], TestNavigationClass.prototype, "requestTimeout", 2);
-  __decorateClass([
-    n({ attribute: false })
-  ], TestNavigationClass.prototype, "postLoadTransformCallback", 2);
-  __decorateClass([
-    n({ attribute: false })
-  ], TestNavigationClass.prototype, "postLoadTestTransformCallback", 2);
+  __decorate6([
+    n2({ type: String })
+  ], TestNavigationClass.prototype, "navigate", void 0);
+  __decorate6([
+    n2({ type: Number })
+  ], TestNavigationClass.prototype, "requestTimeout", void 0);
+  __decorate6([
+    n2({ attribute: false })
+  ], TestNavigationClass.prototype, "postLoadTransformCallback", void 0);
+  __decorate6([
+    n2({ attribute: false })
+  ], TestNavigationClass.prototype, "postLoadTestTransformCallback", void 0);
   return TestNavigationClass;
 };
 
-// ../qti-test/src/mixins/test-view.mixin.ts
+// ../qti-test/dist/mixins/test-view.mixin.js
 var TestViewMixin = (superClass) => {
   class TestViewClass extends superClass {
     constructor(...args) {
       super(...args);
       this.sessionContext = { ...this.sessionContext, view: "candidate" };
-      this.addEventListener("on-test-switch-view", (e3) => {
-        this.sessionContext = { ...this.sessionContext, view: e3.detail };
+      this.addEventListener("on-test-switch-view", (e2) => {
+        this.sessionContext = { ...this.sessionContext, view: e2.detail };
         this._updateElementView();
       });
       this.addEventListener("qti-assessment-test-connected", () => {
         this._updateElementView();
       });
-      this.addEventListener("qti-assessment-item-connected", (e3) => {
+      this.addEventListener("qti-assessment-item-connected", (e2) => {
         this._updateElementView();
-        this._setCorrectResponseVisibility(e3.detail);
+        this._setCorrectResponseVisibility(e2.detail);
       });
     }
     willUpdate(changedProperties) {
@@ -529,44 +850,41 @@ var TestViewMixin = (superClass) => {
         viewElements.forEach((element) => {
           element.classList.toggle("show", element.getAttribute("view") === this.sessionContext.view);
         });
-        const assessmentItemRef = this._testElement.querySelector(
-          `qti-assessment-item-ref[identifier="${this.sessionContext.navItemRefId}"]`
-        );
+        const assessmentItemRef = this._testElement.querySelector(`qti-assessment-item-ref[identifier="${this.sessionContext.navItemRefId}"]`);
         const assessmentItem = assessmentItemRef?.assessmentItem;
-        if (assessmentItem) {
-          assessmentItem.showCorrectResponse(this.sessionContext.view === "scorer");
-        }
+        if (assessmentItem)
+          this.updateAssessmentItemView(assessmentItem, this.sessionContext.view);
       }
     }
     // Event handler for connected QTI assessment items
     _setCorrectResponseVisibility(assessmentItem) {
-      assessmentItem.showCorrectResponse(this.sessionContext.view === "scorer");
+      this.updateAssessmentItemView(assessmentItem, this.sessionContext.view);
+    }
+    /** Extension point for packages that add view-dependent assessment presentation. */
+    updateAssessmentItemView(_assessmentItem, _view) {
     }
   }
   return TestViewClass;
 };
 
-// ../qti-test/src/mixins/test-base.ts
+// ../qti-test/dist/mixins/test-base.js
+var __decorate7 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var TestBaseMixin = (superClass) => {
   class TestBaseClass extends superClass {
     constructor(...args) {
       super(...args);
       this.testContext = INITIAL_TEST_CONTEXT;
       this.sessionContext = INITIAL_SESSION_CONTEXT;
-      /**
-       * Updates the variables of an assessment item in the test context.
-       * - Matches the assessment item with the corresponding test context item.
-       * - If the item is not found, logs a warning.
-       * - Updates variables in the test context if exactly one variable exists.
-       * - Otherwise, syncs the assessment item's variables with the test context.
-       *
-       * @param assessmentItem - The assessment item to update.
-       */
       this._updateItemInTestContext = (assessmentItem) => {
         const context = assessmentItem._context;
         const identifier = context.identifier;
         const fullVariables = context.variables;
-        const itemContext = this.testContext.items.find((i5) => i5?.identifier === identifier);
+        const itemContext = this.testContext.items.find((i4) => i4?.identifier === identifier);
         if (!itemContext) {
           console.warn(`Item IDs between assessment.xml and item.xml should match: ${identifier} is not found!`);
           return;
@@ -576,7 +894,7 @@ var TestBaseMixin = (superClass) => {
         } else {
           const newVariables = [...assessmentItem.variables];
           for (const variable of itemContext.variables) {
-            const currentVariable = newVariables.find((v2) => v2.identifier === variable.identifier);
+            const currentVariable = newVariables.find((v) => v.identifier === variable.identifier);
             if (currentVariable) {
               currentVariable.value = variable.value;
             } else {
@@ -592,23 +910,22 @@ var TestBaseMixin = (superClass) => {
       const itemContext = this.testContext.items.find((item) => item.identifier === itemRefID);
       if (itemContext) {
         itemContext.variables = itemContext.variables.map((variable) => {
-          const updatedVariable = variables.find((v2) => v2.identifier === variable.identifier);
+          const updatedVariable = variables.find((v) => v.identifier === variable.identifier);
           return updatedVariable ? { ...variable, ...updatedVariable } : variable;
         });
       }
-      const itemRef = this._testElement.querySelector(
-        `qti-assessment-item-ref[identifier="${itemRefID}"]`
-      );
+      const itemRef = this._testElement.querySelector(`qti-assessment-item-ref[identifier="${itemRefID}"]`);
       if (itemRef && itemRef.assessmentItem) {
         itemRef.assessmentItem.variables = variables;
       }
     }
     _initializeEventListeners() {
-      this.addEventListener("qti-assessment-test-connected", (e3) => {
+      this.addEventListener("qti-assessment-test-connected", (e2) => {
         this.testContext = INITIAL_TEST_CONTEXT;
         this.sessionContext = INITIAL_SESSION_CONTEXT;
-        if (this.testContext && this.testContext.items.length > 0) return;
-        this._testElement = e3.detail;
+        if (this.testContext && this.testContext.items.length > 0)
+          return;
+        this._testElement = e2.detail;
         const items = Array.from(this._testElement.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
           return {
             href: itemRef.href,
@@ -625,20 +942,16 @@ var TestBaseMixin = (superClass) => {
         });
         this.testContext = { ...this.testContext, items };
       });
-      this.addEventListener("qti-assessment-item-connected", (e3) => {
-        const assessmentItem = e3.detail;
+      this.addEventListener("qti-assessment-item-connected", (e2) => {
+        const assessmentItem = e2.detail;
         const assessmentRefId = assessmentItem.closest("qti-assessment-item-ref")?.identifier;
         if (assessmentRefId) {
           assessmentItem.assessmentItemRefId = assessmentRefId;
         }
-        this._updateItemInTestContext(e3.detail);
+        this._updateItemInTestContext(e2.detail);
       });
-      this.addEventListener("qti-item-context-updated", (e3) => {
-        this._updateItemVariablesInTestContext(
-          e3.detail.itemContext.identifier,
-          e3.detail.itemContext.variables,
-          e3.detail.itemContext.state
-        );
+      this.addEventListener("qti-item-context-updated", (e2) => {
+        this._updateItemVariablesInTestContext(e2.detail.itemContext.identifier, e2.detail.itemContext.variables, e2.detail.itemContext.state);
       });
     }
     _updateItemVariablesInTestContext(identifier, variables, state) {
@@ -653,55 +966,51 @@ var TestBaseMixin = (superClass) => {
             ...itemContext,
             // Keep other properties of the item context
             variables: variables.map((variable) => {
-              const matchingVariable = itemContext.variables.find((v2) => v2.identifier === variable.identifier);
+              const matchingVariable = itemContext.variables.find((v) => v.identifier === variable.identifier);
               return matchingVariable ? { ...matchingVariable, ...variable } : variable;
             }),
             ...state !== void 0 ? { state: state ? { ...state } : void 0 } : {}
           };
         })
       };
-      this.dispatchEvent(
-        new CustomEvent("qti-test-context-updated", { detail: this.testContext, bubbles: false, composed: false })
-      );
+      this.dispatchEvent(new CustomEvent("qti-test-context-updated", { detail: this.testContext, bubbles: false, composed: false }));
     }
   }
-  __decorateClass([
-    n({ attribute: false, type: Object }),
+  __decorate7([
+    n2({ attribute: false, type: Object }),
     e({ context: testContext })
-  ], TestBaseClass.prototype, "testContext", 2);
-  __decorateClass([
-    n({ attribute: false, type: Object }),
+  ], TestBaseClass.prototype, "testContext", void 0);
+  __decorate7([
+    n2({ attribute: false, type: Object }),
     e({ context: sessionContext })
-  ], TestBaseClass.prototype, "sessionContext", 2);
+  ], TestBaseClass.prototype, "sessionContext", void 0);
   return TestBaseClass;
 };
 var TestBase = class extends TestBaseMixin(i2) {
 };
 
-// ../qti-test/src/mixins/test-processing.mixin.ts
+// ../qti-test/dist/mixins/test-processing.mixin.js
 var TestProcessingMixin = (superClass) => {
   class TestProcessingElement extends superClass {
     constructor(...args) {
       super(...args);
-      this.addEventListener("qti-register-variable", (e3) => {
+      this.addEventListener("qti-register-variable", (e2) => {
         this.testContext = {
           ...this.testContext,
-          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e3.detail.variable]
+          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e2.detail.variable]
         };
-        e3.stopPropagation();
+        e2.stopPropagation();
+      });
+      this.addEventListener("qti-set-outcome-value", (e2) => {
+        const { outcomeIdentifier, value } = e2.detail;
+        this.updateOutcomeVariable(outcomeIdentifier, value);
+        e2.stopPropagation();
       });
-      this.addEventListener(
-        "qti-set-outcome-value",
-        (e3) => {
-          const { outcomeIdentifier, value } = e3.detail;
-          this.updateOutcomeVariable(outcomeIdentifier, value);
-          e3.stopPropagation();
-        }
-      );
     }
     outcomeProcessing() {
       const outcomeProcessor = this.querySelector("qti-outcome-processing");
-      if (!outcomeProcessor) return false;
+      if (!outcomeProcessor)
+        return false;
       outcomeProcessor?.process();
       return true;
     }
@@ -714,13 +1023,13 @@ var TestProcessingMixin = (superClass) => {
       }
       this.testContext = {
         ...this.testContext,
-        testOutcomeVariables: this.testContext.testOutcomeVariables?.map((v2) => {
-          if (v2.identifier !== identifier) {
-            return v2;
+        testOutcomeVariables: this.testContext.testOutcomeVariables?.map((v) => {
+          if (v.identifier !== identifier) {
+            return v;
           }
           return {
-            ...v2,
-            value: outcomeVariable.cardinality === "single" ? value : [...v2.value, value]
+            ...v,
+            value: outcomeVariable.cardinality === "single" ? value : [...v.value, value]
           };
         })
       };
@@ -729,14 +1038,19 @@ var TestProcessingMixin = (superClass) => {
       return this.getVariable(identifier);
     }
     getVariable(identifier) {
-      return this.testContext.testOutcomeVariables?.find((v2) => v2.identifier === identifier) || null;
+      return this.testContext.testOutcomeVariables?.find((v) => v.identifier === identifier) || null;
     }
-    /* --------------------------- ENABLED WHEN UNIT TESTING OUTCOME PROCESSING ------------------------------------ */
   }
   return TestProcessingElement;
 };
 
-// ../qti-test/src/components/qti-test/qti-test.ts
+// ../qti-test/dist/components/qti-test/qti-test.js
+var __decorate8 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixin(TestBaseMixin(i2)))) {
   constructor() {
     super(...arguments);
@@ -755,831 +1069,179 @@ var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixi
     return T`<slot></slot>`;
   }
 };
-__decorateClass([
+__decorate8([
   r(),
   e({ context: configContext })
-], QtiTest.prototype, "configContext", 2);
-QtiTest = __decorateClass([
-  t("qti-test")
-], QtiTest);
+], QtiTest.prototype, "configContext", void 0);
 
-// ../qti-test/src/components/qti-assessment-item-ref/qti-assessment-item-ref.ts
-var stringToBooleanConverter = {
-  fromAttribute(value) {
-    return value === "true";
-  },
-  toAttribute(value) {
-    return value ? "true" : "false";
+// ../qti-test/dist/components/styles.js
+var form = i`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  user-select: none;
+`;
+var btn = i`
+  background-color: lightgray;
+  ${form};
+`;
+var dis = i`
+  cursor: not-allowed;
+  opacity: 0.8;
+`;
+var ind = i`
+  ${form};
+  border: 1px solid gray;
+`;
+
+// ../qti-test/dist/components/test-check-item/test-check-item.js
+var TestCheckItem = class extends i2 {
+  static {
+    this.styles = i`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
   }
-};
-var QtiAssessmentItemRef = class extends i2 {
   constructor() {
-    super(...arguments);
-    // @consume({ context: computedContext, subscribe: true })
-    // private computedContext: ComputedContext;
-    this.weigths = /* @__PURE__ */ new Map();
-  }
-  // the XMLDocument
-  createRenderRoot() {
-    return this;
+    super();
+    this.addEventListener("click", () => {
+      this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true }));
+      const qtiTest = this.closest("qti-test");
+      const testContainer = qtiTest.querySelector("test-container");
+      const viewElements = Array.from(testContainer.shadowRoot.querySelectorAll("[view]"));
+      viewElements.forEach((element) => {
+        element.classList.toggle("show", true);
+      });
+    });
   }
-  get assessmentItem() {
-    return this.renderRoot?.querySelector("qti-assessment-item");
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.updateComplete;
-    this.dispatchEvent(
-      new CustomEvent("qti-assessment-item-ref-connected", {
-        bubbles: true,
-        composed: true,
-        detail: { identifier: this.identifier, href: this.href, category: this.category }
-      })
-    );
-  }
-  render() {
-    return this.myTemplate ? this.myTemplate({ xmlDoc: this.xmlDoc }) : this.xmlDoc;
-  }
-};
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentItemRef.prototype, "category", 2);
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentItemRef.prototype, "identifier", 2);
-__decorateClass([
-  n({ type: Boolean, converter: stringToBooleanConverter })
-], QtiAssessmentItemRef.prototype, "required", 2);
-__decorateClass([
-  n({ type: Boolean, converter: stringToBooleanConverter })
-], QtiAssessmentItemRef.prototype, "fixed", 2);
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentItemRef.prototype, "href", 2);
-__decorateClass([
-  n({ type: Object, attribute: false })
-], QtiAssessmentItemRef.prototype, "xmlDoc", 2);
-if (!customElements.get("qti-assessment-item-ref")) {
-  customElements.define("qti-assessment-item-ref", QtiAssessmentItemRef);
-}
-
-// ../qti-test/src/components/qti-assessment-section/qti-assessment-section.ts
-var stringToBooleanConverter2 = {
-  fromAttribute(value) {
-    return value === "true";
-  },
-  toAttribute(value) {
-    return value ? "true" : "false";
-  }
-};
-var QtiAssessmentSection = class extends i2 {
-  get title() {
-    return this.#title;
-  }
-  set title(value) {
-    this.#title = value;
-    this.removeAttribute("title");
-    this.setAttribute("data-title", value);
-  }
-  #title = "";
-  async connectedCallback() {
-    this.#title = this.getAttribute("title") || "";
-    super.connectedCallback();
-    await this.updateComplete;
-    this.dispatchEvent(
-      new Event("qti-assessment-section-connected", {
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  render() {
-    return T`<slot name="qti-rubric-block"></slot><slot></slot>`;
+  render() {
+    return T` <slot></slot> `;
   }
 };
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentSection.prototype, "identifier", 2);
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentSection.prototype, "required", 2);
-__decorateClass([
-  n({ type: Boolean, converter: stringToBooleanConverter2 })
-], QtiAssessmentSection.prototype, "fixed", 2);
-__decorateClass([
-  n({ type: Boolean, converter: stringToBooleanConverter2 })
-], QtiAssessmentSection.prototype, "visible", 2);
-__decorateClass([
-  n({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
-], QtiAssessmentSection.prototype, "keepTogether", 2);
-__decorateClass([
-  c({ context: testContext, subscribe: true })
-], QtiAssessmentSection.prototype, "_testContext", 2);
-if (!customElements.get("qti-assessment-section")) {
-  customElements.define("qti-assessment-section", QtiAssessmentSection);
-}
 
-// ../qti-test/src/components/qti-assessment-test/qti-assessment-test.ts
-var _title;
-var QtiAssessmentTest = class extends i2 {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _title, "");
-  }
-  get title() {
-    return __privateGet(this, _title);
-  }
-  set title(value) {
-    __privateSet(this, _title, value);
-    this.removeAttribute("title");
-    this.setAttribute("data-title", value);
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.updateComplete;
-    this.dispatchEvent(
-      new CustomEvent("qti-assessment-test-connected", {
-        detail: this,
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  render() {
-    return T` <slot></slot>`;
-  }
+// ../qti-test/dist/components/test-container/test-container.js
+var __decorate9 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
 };
-_title = new WeakMap();
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentTest.prototype, "identifier", 2);
-__decorateClass([
-  n({ type: String })
-], QtiAssessmentTest.prototype, "title", 1);
-__decorateClass([
-  c({ context: testContext, subscribe: true })
-], QtiAssessmentTest.prototype, "_testContext", 2);
-QtiAssessmentTest = __decorateClass([
-  t("qti-assessment-test")
-], QtiAssessmentTest);
-
-// ../qti-test/src/components/qti-test-part/qti-test-part.ts
-var _title2;
-var QtiTestPart = class extends i2 {
+var TestContainer = class extends i2 {
   constructor() {
     super(...arguments);
-    this.identifier = "";
-    this.class = "";
-    this.navigationMode = "nonlinear";
-    this.submissionMode = "individual";
-    __privateAdd(this, _title2, "");
-  }
-  get title() {
-    return __privateGet(this, _title2);
-  }
-  set title(value) {
-    __privateSet(this, _title2, value);
-    this.removeAttribute("title");
-    this.setAttribute("data-title", value);
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.updateComplete;
-    this.dispatchEvent(
-      new Event("qti-test-part-connected", {
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  render() {
-    return T` <slot></slot>`;
-  }
-};
-_title2 = new WeakMap();
-__decorateClass([
-  n({ type: String })
-], QtiTestPart.prototype, "identifier", 2);
-__decorateClass([
-  n({ type: String })
-], QtiTestPart.prototype, "class", 2);
-__decorateClass([
-  n({ type: String, attribute: "navigation-mode" })
-], QtiTestPart.prototype, "navigationMode", 2);
-__decorateClass([
-  n({ type: String, attribute: "submission-mode" })
-], QtiTestPart.prototype, "submissionMode", 2);
-QtiTestPart = __decorateClass([
-  t("qti-test-part")
-], QtiTestPart);
-if (!customElements.get("qti-test-part")) {
-  customElements.define("qti-test-part", QtiTestPart);
-}
-
-// ../qti-test/src/components/qti-test-feedback/qti-test-feedback.ts
-var QtiTestFeedback = class extends QtiModalFeedback {
-  render() {
-    return T``;
-  }
-};
-QtiTestFeedback.styles = i`
-    :host {
-      color: gray;
-    }
-  `;
-QtiTestFeedback = __decorateClass([
-  t("qti-test-feedback")
-], QtiTestFeedback);
-
-// ../qti-test/src/components/test-navigation/test-navigation.ts
-var _testElement, _TestNavigation_instances, handleTestEndAttempt_fn, handleTestShowCorrectResponse_fn, handleTestShowCandidateCorrection_fn, handleTestUpdateOutcomeVariable_fn, handleInteractionChanged_fn, handleTestConnected_fn, extractDefaultValues_fn, handleItemConnected_fn;
-var TestNavigation = class extends i2 {
-  constructor() {
-    super();
-    __privateAdd(this, _TestNavigation_instances);
-    this.identifier = void 0;
-    this.initContext = [];
-    this.qtiContext = {
-      QTI_CONTEXT: {
-        testIdentifier: "",
-        candidateIdentifier: "",
-        environmentIdentifier: "default"
-      }
-    };
-    this.configContext = {};
-    this.autoScoreItems = false;
-    __privateAdd(this, _testElement);
-    this.addEventListener("qti-assessment-test-connected", __privateMethod(this, _TestNavigation_instances, handleTestConnected_fn).bind(this));
-    this.addEventListener("qti-assessment-item-connected", __privateMethod(this, _TestNavigation_instances, handleItemConnected_fn).bind(this));
-    this.addEventListener("qti-interaction-changed", __privateMethod(this, _TestNavigation_instances, handleInteractionChanged_fn).bind(this));
-    this.addEventListener("test-end-attempt", __privateMethod(this, _TestNavigation_instances, handleTestEndAttempt_fn).bind(this));
-    this.addEventListener("test-show-correct-response", __privateMethod(this, _TestNavigation_instances, handleTestShowCorrectResponse_fn).bind(this));
-    this.addEventListener("test-show-candidate-correction", __privateMethod(this, _TestNavigation_instances, handleTestShowCandidateCorrection_fn).bind(this));
-    this.addEventListener("test-update-outcome-variable", __privateMethod(this, _TestNavigation_instances, handleTestUpdateOutcomeVariable_fn).bind(this));
-  }
-  render() {
-    return T`<slot></slot>`;
-  }
-  /* PK: on every change of the candidate we will recomputed the computedContext */
-  willUpdate(_changedProperties) {
-    if (!this.computedContext) return;
-    let itemIndex = 1;
-    this.computedContext = {
-      ...this.computedContext,
-      view: this._sessionContext?.view,
-      testParts: this.computedContext.testParts.map((testPart) => {
-        return {
-          ...testPart,
-          active: this._sessionContext?.navPartId === testPart.identifier || false,
-          sections: testPart.sections.map((section) => {
-            return {
-              ...section,
-              active: this._sessionContext?.navSectionId === section.identifier || false,
-              completed: section.items.every(
-                (item) => this._testContext.items.find((i5) => i5.identifier === item.identifier)?.variables.find((v2) => v2.identifier === "completionStatus").value === "completed"
-              ),
-              items: section.items.map((item) => {
-                const itemContext = this._testContext?.items.find((i5) => i5.identifier === item.identifier);
-                const computedItem = {
-                  ...item,
-                  ...itemContext,
-                  ...this.initContext?.find((i5) => i5.identifier === item.identifier)
-                };
-                const rawscore = computedItem.variables?.find((vr) => vr.identifier == "SCORE")?.value;
-                const score = rawscore === void 0 || rawscore === null ? null : parseFloat(rawscore?.toString());
-                const completionStatus = computedItem.variables?.find((v2) => v2.identifier === "completionStatus")?.value;
-                const response = computedItem.variables?.find((v2) => v2.identifier === "RESPONSE")?.value || "";
-                const numAttempts = computedItem.variables?.find((v2) => v2.identifier === "numAttempts")?.value || 0;
-                const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;
-                const index = item.categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;
-                const rawMaxScore = item.variables?.find((vr) => vr.identifier == "MAXSCORE")?.value;
-                const maxScore = rawMaxScore === void 0 || rawMaxScore === null ? null : parseFloat(rawMaxScore?.toString());
-                return {
-                  ...computedItem,
-                  completionStatus,
-                  numAttempts,
-                  score,
-                  response,
-                  index,
-                  active,
-                  maxScore
-                  // type,
-                  // correct,
-                  // incorrect,
-                  // completed
-                };
-              })
-            };
-          })
-        };
-      })
-    };
-    this.dispatchEvent(
-      new CustomEvent("qti-computed-context-updated", {
-        detail: this.computedContext,
-        bubbles: true
-      })
-    );
-  }
-};
-_testElement = new WeakMap();
-_TestNavigation_instances = new WeakSet();
-/**
- * Handles the 'test-end-attempt' event.
- * @private
- * @listens TestNavigation#test-end-attempt
- * @param {CustomEvent} event - The custom event object.
- */
-handleTestEndAttempt_fn = function(_event) {
-  const qtiItemEl = __privateGet(this, _testElement).querySelector(
-    `qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`
-  );
-  const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
-  const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
-  qtiAssessmentItemEl.processResponse(true, reportValidityAfterScoring);
-};
-/**
- * Handles the 'test-show-correct-response' event.
- * @private
- * @listens TestNavigation#test-show-correct-response
- * @param {CustomEvent} event - The custom event object.
- */
-handleTestShowCorrectResponse_fn = function(event) {
-  const qtiItemEl = __privateGet(this, _testElement).querySelector(
-    `qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`
-  );
-  const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
-  if (!qtiAssessmentItemEl) return;
-  qtiAssessmentItemEl.showCorrectResponse(event.detail);
-};
-/**
- * Handles the 'test-show-candidate-correction' event.
- * @private
- * @listens TestNavigation#test-show-candidate-correction
- * @param {CustomEvent} event - The custom event object.
- */
-handleTestShowCandidateCorrection_fn = function(event) {
-  const qtiItemEl = __privateGet(this, _testElement).querySelector(
-    `qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`
-  );
-  const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
-  qtiAssessmentItemEl.showCandidateCorrection(event.detail);
-};
-handleTestUpdateOutcomeVariable_fn = function(event) {
-  const qtiItemEl = __privateGet(this, _testElement).querySelector(
-    `qti-assessment-item-ref[identifier="${event.detail.assessmentItemRefId}"]`
-  );
-  const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
-  qtiAssessmentItemEl.setOutcomeVariable(event.detail.outcomeVariableId, event.detail.value);
-};
-handleInteractionChanged_fn = function(_event) {
-  if (this.autoScoreItems) {
-    const assessmentItem = _event.composedPath()[0].closest(
-      "qti-assessment-item"
-    );
-    const scoreOutcomeIdentifier = assessmentItem.variables.find((v2) => v2.identifier === "SCORE");
-    if (scoreOutcomeIdentifier && scoreOutcomeIdentifier.externalScored === null && assessmentItem.adaptive === "false") {
-      const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
-      assessmentItem.processResponse(true, reportValidityAfterScoring);
-    }
-  }
-};
-/* PK: on test connected we can build the computed context */
-handleTestConnected_fn = function(event) {
-  __privateSet(this, _testElement, event.detail);
-  if (!this.qtiContext.QTI_CONTEXT?.testIdentifier) {
-    const currentContext = this.qtiContext.QTI_CONTEXT || {
-      testIdentifier: "",
-      candidateIdentifier: "not set",
-      environmentIdentifier: "default"
-    };
+    this.customElementRegistry = null;
+    this.testURL = null;
+    this.testDoc = null;
+    this.testXML = null;
     this.qtiContext = {
-      QTI_CONTEXT: {
-        ...currentContext,
-        testIdentifier: __privateGet(this, _testElement).identifier,
-        environmentIdentifier: currentContext.environmentIdentifier || "default"
-      }
+      QTI_CONTEXT: { testIdentifier: "", candidateIdentifier: "", environmentIdentifier: "default" }
     };
+    this.#templateContent = null;
+    this.#resolvedCustomElementRegistry = null;
   }
-  const contextDeclarations = __privateGet(this, _testElement).querySelectorAll('qti-context-declaration[identifier="QTI_CONTEXT"]');
-  contextDeclarations.forEach((declaration) => {
-    const defaultValues = __privateMethod(this, _TestNavigation_instances, extractDefaultValues_fn).call(this, declaration);
-    if (Object.keys(defaultValues).length > 0) {
-      this.qtiContext = {
-        QTI_CONTEXT: {
-          ...defaultValues,
-          // Default values first
-          ...this.qtiContext.QTI_CONTEXT
-          // Runtime values override defaults
-        }
-      };
-    }
-  });
-  const testPartElements = Array.from(__privateGet(this, _testElement)?.querySelectorAll(`qti-test-part`) || []);
-  this.computedContext = {
-    identifier: __privateGet(this, _testElement).identifier,
-    title: __privateGet(this, _testElement).title,
-    view: this._sessionContext?.view,
-    testParts: testPartElements.map((testPart) => {
-      const sectionElements = [...testPart.querySelectorAll(`qti-assessment-section`)];
-      return {
-        active: false,
-        identifier: testPart.identifier,
-        navigationMode: testPart.navigationMode,
-        submissionMode: testPart.submissionMode,
-        sections: sectionElements.map((section) => {
-          const itemElements = [...section.querySelectorAll(`qti-assessment-item-ref`)];
-          return {
-            active: false,
-            identifier: section.identifier,
-            title: section.title,
-            items: itemElements.map((item) => ({
-              ...this.initContext?.find((i5) => i5.identifier === item.identifier),
-              active: false,
-              identifier: item.identifier,
-              categories: item.category ? item.category?.split(" ") : [],
-              href: item.href,
-              variables: []
-            }))
-          };
-        })
-      };
-    })
-  };
-};
-/**
- * Extract default values from a qti-context-declaration element
- */
-extractDefaultValues_fn = function(declaration) {
-  const defaultValues = {};
-  const defaultValueElement = declaration.querySelector("qti-default-value");
-  if (!defaultValueElement) {
-    return defaultValues;
-  }
-  const valueElements = defaultValueElement.querySelectorAll("qti-value[field-identifier]");
-  valueElements.forEach((valueElement) => {
-    const fieldIdentifier = valueElement.getAttribute("field-identifier");
-    const baseType = valueElement.getAttribute("base-type") || "string";
-    const textContent = valueElement.textContent?.trim() || "";
-    if (fieldIdentifier) {
-      let value = textContent;
-      switch (baseType) {
-        case "integer":
-          value = parseInt(textContent, 10);
-          break;
-        case "float":
-        case "duration":
-          value = parseFloat(textContent);
-          break;
-        case "boolean":
-          value = textContent.toLowerCase() === "true";
-          break;
-        case "string":
-        default:
-          value = textContent;
-          break;
-      }
-      defaultValues[fieldIdentifier] = value;
-    }
-  });
-  return defaultValues;
-};
-/* PK: on item connected we can add item only properties in the xml */
-handleItemConnected_fn = function(event) {
-  const itemElement = event.detail;
-  this.computedContext = {
-    ...this.computedContext,
-    testParts: this.computedContext.testParts.map((testPart) => {
-      return {
-        ...testPart,
-        sections: testPart.sections.map((section) => {
-          return {
-            ...section,
-            items: section.items.map((item) => {
-              if (item.identifier !== itemElement.parentElement.getAttribute("identifier")) {
-                return item;
-              }
-              const scoreOutcome = itemElement.querySelector(
-                "qti-outcome-declaration[identifier='SCORE']"
-              );
-              const externalScored = scoreOutcome?.getAttribute("externalScored");
-              const responseDeclarations = itemElement.querySelectorAll("qti-response-declaration");
-              const containsCorrectResponse = Array.from(responseDeclarations).some(
-                (r4) => r4.querySelector("qti-correct-response")
-              );
-              const containsMapping = Array.from(responseDeclarations).some((r4) => {
-                const mapping = r4.querySelector("qti-mapping");
-                const areaMapping = r4.querySelector("qti-area-mapping");
-                return mapping?.querySelector("qti-map-entry") || areaMapping?.querySelector("qti-area-map-entry");
-              });
-              const hasCorrectResponse = containsCorrectResponse || containsMapping;
-              const hasResponseProcessing = itemElement.querySelector("qti-response-processing") ? true : false;
-              return {
-                ...item,
-                assessmentItemIdentifier: itemElement.getAttribute("identifier"),
-                label: itemElement.getAttribute("label"),
-                title: itemElement.title,
-                externalScored,
-                adaptive: itemElement.adaptive == "true" || false,
-                timeDependent: itemElement.timeDependent == "true" || false,
-                variables: itemElement.variables,
-                hasCorrectResponse,
-                hasResponseProcessing
-              };
-            })
-          };
-        })
-      };
-    })
-  };
-};
-__decorateClass([
-  n({ type: String })
-], TestNavigation.prototype, "identifier", 2);
-__decorateClass([
-  r()
-], TestNavigation.prototype, "initContext", 2);
-__decorateClass([
-  r(),
-  e({ context: qtiContext })
-], TestNavigation.prototype, "qtiContext", 2);
-__decorateClass([
-  r(),
-  c({ context: configContext, subscribe: true })
-], TestNavigation.prototype, "configContext", 2);
-__decorateClass([
-  r(),
-  c({ context: testContext, subscribe: true })
-], TestNavigation.prototype, "_testContext", 2);
-__decorateClass([
-  r(),
-  c({ context: sessionContext, subscribe: true })
-], TestNavigation.prototype, "_sessionContext", 2);
-__decorateClass([
-  r(),
-  e({ context: computedContext })
-], TestNavigation.prototype, "computedContext", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "auto-score-items" })
-], TestNavigation.prototype, "autoScoreItems", 2);
-TestNavigation = __decorateClass([
-  t("test-navigation")
-], TestNavigation);
-
-// ../qti-test/src/components/styles.ts
-var form = i`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 0.5rem 1rem;
-  border-radius: 0.25rem;
-  user-select: none;
-`;
-var btn = i`
-  background-color: lightgray;
-  ${form};
-`;
-var dis = i`
-  cursor: not-allowed;
-  opacity: 0.8;
-`;
-var ind = i`
-  ${form};
-  border: 1px solid gray;
-`;
-
-// ../qti-test/src/components/test-next/test-next.ts
-var _internals;
-var TestNext = class extends i2 {
-  constructor() {
-    super();
-    this._internalDisabled = true;
-    __privateAdd(this, _internals);
-    __privateSet(this, _internals, this.attachInternals());
-    __privateGet(this, _internals).role = "button";
-    __privateGet(this, _internals).ariaLabel = "Next item";
-    this.addEventListener("click", (e3) => {
-      e3.preventDefault();
-      if (!this._internalDisabled) this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
+  /** Template content if provided */
+  #templateContent;
+  #resolvedCustomElementRegistry;
+  createRenderRoot() {
+    const registry = this.customElementRegistry;
+    this.#resolvedCustomElementRegistry = registry;
+    return this.shadowRoot ?? this.attachShadow({
+      ...this.constructor.shadowRootOptions,
+      ...registry ? { customElementRegistry: registry } : {}
     });
   }
-  _handleTestElementChange(_oldValue, newValue) {
-    if (newValue) {
-      this._internalDisabled = false;
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.checkDisabled();
-  }
-  willUpdate(_changedProperties) {
-    if (!this.computedContext) return;
-    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
-    if (!testPart) return;
-    this.sectionItems = testPart.sections.flatMap((section) => section.items);
-    this.itemIndex = this.sectionItems.findIndex((item) => item.active);
-    this.checkDisabled();
-  }
-  checkDisabled() {
-    this._internalDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
-  }
-  _requestItem(identifier) {
-    this.dispatchEvent(
-      new CustomEvent("qti-request-navigation", {
-        composed: true,
-        bubbles: true,
-        detail: {
-          type: "item",
-          id: identifier
+  /** Callback function to transform the test after loading */
+  // @property({ type: Function }) postLoadTestTransformCallback: PostLoadTestTransformCallback | null = null;
+  async handleTestURLChange() {
+    if (!this.testURL)
+      return;
+    try {
+      const explicitSeed = this.qtiContext?.QTI_CONTEXT?.seed;
+      let api = (await qtiTransformTest().load(this.testURL)).shuffleOrdering(explicitSeed);
+      const qtiTest = this.closest("qti-test");
+      if (qtiTest?.postLoadTestTransformCallback) {
+        const tempDoc = api.htmlDoc(this.#resolvedCustomElementRegistry ?? void 0);
+        const testElement = tempDoc.querySelector("qti-assessment-test");
+        if (testElement) {
+          api = await qtiTest.postLoadTestTransformCallback(api, testElement);
         }
-      })
-    );
-  }
-  render() {
-    return T`<slot></slot>`;
-  }
-};
-_internals = new WeakMap();
-TestNext.styles = i`
-    :host {
-      ${btn};
-    }
-    :host([disabled]) {
-      ${dis};
-    }
-  `;
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "disabled" })
-], TestNext.prototype, "_internalDisabled", 2);
-__decorateClass([
-  c({ context: computedContext, subscribe: true })
-], TestNext.prototype, "computedContext", 2);
-__decorateClass([
-  watch("computedContext")
-], TestNext.prototype, "_handleTestElementChange", 1);
-TestNext = __decorateClass([
-  t("test-next")
-], TestNext);
-
-// ../qti-test/src/components/test-prev/test-prev.ts
-var TestPrev = class extends i2 {
-  constructor() {
-    super();
-    this._internalDisabled = true;
-    this.addEventListener("click", (e3) => {
-      e3.preventDefault();
-      if (!this._internalDisabled) this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);
-    });
-  }
-  _handleTestElementChange(_oldValue, newValue) {
-    if (newValue) {
-      this._internalDisabled = false;
+      }
+      this.testDoc = api.htmlDoc(this.#resolvedCustomElementRegistry ?? void 0);
+    } catch (error) {
+      console.error("Error loading or parsing XML:", error);
     }
   }
-  willUpdate(_changedProperties) {
-    if (!this.computedContext) return;
-    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
-    if (!testPart) return;
-    this.sectionItems = testPart.sections.flatMap((section) => section.items);
-    this.itemIndex = this.sectionItems.findIndex((item) => item.active);
-    this.checkDisabled();
-  }
-  checkDisabled() {
-    this._internalDisabled = !this.computedContext || this.itemIndex === 0 || this.itemIndex === -1;
-  }
-  _requestItem(identifier) {
-    this.dispatchEvent(
-      new CustomEvent("qti-request-navigation", {
-        composed: true,
-        bubbles: true,
-        detail: {
-          type: "item",
-          id: identifier
-        }
-      })
-    );
-  }
-  render() {
-    return T`<slot></slot>`;
-  }
-};
-TestPrev.styles = i`
-    :host {
-      ${btn};
-    }
-    :host([disabled]) {
-      ${dis};
+  handleTestXMLChange() {
+    if (!this.testXML)
+      return;
+    try {
+      const explicitSeed = this.qtiContext?.QTI_CONTEXT?.seed;
+      this.testDoc = qtiTransformTest().parse(this.testXML).shuffleOrdering(explicitSeed).htmlDoc(this.#resolvedCustomElementRegistry ?? void 0);
+    } catch (error) {
+      console.error("Error parsing XML:", error);
     }
-  `;
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "disabled" })
-], TestPrev.prototype, "_internalDisabled", 2);
-__decorateClass([
-  c({ context: computedContext, subscribe: true })
-], TestPrev.prototype, "computedContext", 2);
-__decorateClass([
-  watch("computedContext")
-], TestPrev.prototype, "_handleTestElementChange", 1);
-TestPrev = __decorateClass([
-  t("test-prev")
-], TestPrev);
-
-// ../qti-test/src/components/test-view-toggle/test-view.ts
-var _TestView_instances, updateViewOptions_fn;
-var TestView = class extends i2 {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _TestView_instances);
-    this.label = "view";
-    this._handleViewOptionsChange = () => {
-      __privateMethod(this, _TestView_instances, updateViewOptions_fn).call(this);
-    };
-    this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
   }
-  connectedCallback() {
+  async connectedCallback() {
     super.connectedCallback();
-    __privateMethod(this, _TestView_instances, updateViewOptions_fn).call(this);
-  }
-  _switchView(view) {
-    this.dispatchEvent(
-      new CustomEvent("on-test-switch-view", {
-        composed: true,
-        bubbles: true,
-        detail: view
-      })
-    );
-  }
-  render() {
-    return T`
-      <label part="label" for="viewSelect">${this.label}</label>
-      <select
-        part="select"
-        id="viewSelect"
-        @change=${(e3) => {
-      const el = e3.target;
-      this._switchView(el.value);
-    }}
-      >
-        ${this._viewOptions.map(
-      (v2) => T`<option value="${v2}" ?selected=${v2 === this.sessionContext.view}>${v2}</option>`
-    )}
-      </select>
-    `;
-  }
-};
-_TestView_instances = new WeakSet();
-updateViewOptions_fn = function() {
-  if (this.viewOptions) {
-    const options = this.viewOptions.split(",").map((opt) => opt.trim());
-    this._viewOptions = options.filter((opt) => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));
-  } else {
-    this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
+    this.#initializeTemplateContent();
+    this.#applyStyles();
+    if (this.testURL) {
+      this.handleTestURLChange();
+    }
+    if (this.testXML) {
+      this.handleTestXMLChange();
+    }
   }
-};
-TestView.DEFAULT_VIEW_OPTIONS = ["author", "candidate", "proctor", "scorer", "testConstructor", "tutor"];
-__decorateClass([
-  c({ context: sessionContext, subscribe: true })
-], TestView.prototype, "sessionContext", 2);
-__decorateClass([
-  n({ type: String })
-], TestView.prototype, "label", 2);
-__decorateClass([
-  n({ type: String, attribute: "view-options" })
-], TestView.prototype, "viewOptions", 2);
-__decorateClass([
-  watch("viewOptions", { waitUntilFirstUpdate: true })
-], TestView.prototype, "_handleViewOptionsChange", 2);
-__decorateClass([
-  r()
-], TestView.prototype, "_viewOptions", 2);
-TestView = __decorateClass([
-  t("test-view")
-], TestView);
-
-// ../qti-test/src/components/test-item-link/test-item-link.ts
-var TestItemLink = class extends i2 {
-  constructor() {
-    super();
-    this.itemId = null;
-    this.addEventListener("click", () => this._requestItem(this.itemId));
+  #initializeTemplateContent() {
+    const template = this.querySelector("template");
+    this.#templateContent = template ? template.content : T``;
   }
-  _requestItem(identifier) {
-    this.dispatchEvent(
-      new CustomEvent("qti-request-navigation", {
-        composed: true,
-        bubbles: true,
-        detail: {
-          type: "item",
-          id: identifier
-        }
-      })
-    );
+  #applyStyles() {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(item_default);
+    this.shadowRoot.adoptedStyleSheets = [sheet];
   }
   render() {
-    return T` <slot></slot> `;
+    return T`
+      ${this.#templateContent}
+      <slot></slot>
+      ${m(this.testDoc, T`<span>Loading...</span>`)}
+    `;
   }
 };
-TestItemLink.styles = i`
+__decorate9([
+  n2({ attribute: false })
+], TestContainer.prototype, "customElementRegistry", void 0);
+__decorate9([
+  n2({ type: String, attribute: "test-url" })
+], TestContainer.prototype, "testURL", void 0);
+__decorate9([
+  r()
+], TestContainer.prototype, "testDoc", void 0);
+__decorate9([
+  r()
+], TestContainer.prototype, "testXML", void 0);
+__decorate9([
+  r(),
+  c({ context: qtiContext, subscribe: true })
+], TestContainer.prototype, "qtiContext", void 0);
+__decorate9([
+  watch("testURL", { waitUntilFirstUpdate: true })
+], TestContainer.prototype, "handleTestURLChange", null);
+__decorate9([
+  watch("testXML", { waitUntilFirstUpdate: true })
+], TestContainer.prototype, "handleTestXMLChange", null);
+
+// ../qti-test/dist/components/test-end-attempt/test-end-attempt.js
+var TestEndAttempt = class extends i2 {
+  static {
+    this.styles = i`
     :host {
       ${btn};
     }
@@ -1587,15 +1249,7 @@ TestItemLink.styles = i`
       ${dis};
     }
   `;
-__decorateClass([
-  n({ type: String, attribute: "item-id" })
-], TestItemLink.prototype, "itemId", 2);
-TestItemLink = __decorateClass([
-  t("test-item-link")
-], TestItemLink);
-
-// ../qti-test/src/components/test-end-attempt/test-end-attempt.ts
-var TestEndAttempt = class extends i2 {
+  }
   constructor() {
     super();
     this.addEventListener("click", () => this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true })));
@@ -1604,7 +1258,17 @@ var TestEndAttempt = class extends i2 {
     return T` <slot></slot> `;
   }
 };
-TestEndAttempt.styles = i`
+
+// ../qti-test/dist/components/test-item-link/test-item-link.js
+var __decorate10 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestItemLink = class extends i2 {
+  static {
+    this.styles = i`
     :host {
       ${btn};
     }
@@ -1612,333 +1276,828 @@ TestEndAttempt.styles = i`
       ${dis};
     }
   `;
-TestEndAttempt = __decorateClass([
-  t("test-end-attempt")
-], TestEndAttempt);
-
-// ../qti-test/src/components/test-show-correct-response/test-show-correct-response.ts
-var _previousActiveItem, _TestShowCorrectResponse_instances, toggleState_fn, getDisplayedText_fn;
-var TestShowCorrectResponse = class extends i2 {
+  }
   constructor() {
-    super(...arguments);
-    __privateAdd(this, _TestShowCorrectResponse_instances);
-    this.shown = false;
-    this.disabled = false;
-    this.showCorrectText = "Show correct response";
-    this.hideCorrectText = "Hide correct response";
-    this.noCorrectResponseText = "No correct response specified";
-    __privateAdd(this, _previousActiveItem);
+    super();
+    this.itemId = null;
+    this.addEventListener("click", () => this._requestItem(this.itemId));
   }
-  // Store previous active item reference
-  willUpdate(_changedProperties) {
-    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (__privateGet(this, _previousActiveItem) !== activeItem) {
-      this.shown = false;
-      __privateSet(this, _previousActiveItem, activeItem);
-    }
-    if (activeItem) {
-      const containsCorrectResponse = !!activeItem?.variables?.some((v2) => v2["correctResponse"]);
-      const containsMapping = !!activeItem?.variables?.some((v2) => {
-        return v2["mapping"]?.mapEntries?.length > 0 || v2["areaMapping"]?.areaMapEntries?.length > 0;
-      });
-      this.disabled = !containsCorrectResponse && !containsMapping;
-    } else {
-      this.disabled = true;
-    }
+  _requestItem(identifier) {
+    this.dispatchEvent(new CustomEvent("qti-request-navigation", {
+      composed: true,
+      bubbles: true,
+      detail: {
+        type: "item",
+        id: identifier
+      }
+    }));
   }
   render() {
-    return T` <div @click="${__privateMethod(this, _TestShowCorrectResponse_instances, toggleState_fn)}">${__privateMethod(this, _TestShowCorrectResponse_instances, getDisplayedText_fn).call(this)}</div> `;
+    return T` <slot></slot> `;
   }
 };
-_previousActiveItem = new WeakMap();
-_TestShowCorrectResponse_instances = new WeakSet();
-toggleState_fn = function() {
-  if (this.disabled) return;
-  this.shown = !this.shown;
-  this.dispatchEvent(
-    new CustomEvent("test-show-correct-response", {
-      detail: this.shown,
-      bubbles: true
-    })
-  );
-};
-getDisplayedText_fn = function() {
-  return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;
-};
-TestShowCorrectResponse.styles = i`
+__decorate10([
+  n2({ type: String, attribute: "item-id" })
+], TestItemLink.prototype, "itemId", void 0);
+
+// ../qti-test/dist/components/test-item-to-speech/test-item-to-speech.js
+var __decorate11 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var HIGHLIGHT_ELEMENT = "tts-element";
+var HIGHLIGHT_WORD = "tts-word";
+var highlightSheet = null;
+function getHighlightSheet() {
+  if (!highlightSheet) {
+    highlightSheet = new CSSStyleSheet();
+    highlightSheet.replaceSync(`
+      ::highlight(${HIGHLIGHT_ELEMENT}) { background-color: #dbeafe; color: inherit; }
+      ::highlight(${HIGHLIGHT_WORD})    { background-color: #ffe066; color: inherit; }
+    `);
+  }
+  return highlightSheet;
+}
+var ttsContext = n(/* @__PURE__ */ Symbol("tts-context"));
+var TtsButtonBase = class extends i2 {
+  static {
+    this.styles = i`
     :host {
-      ${btn};
+      display: inline-block;
     }
-    :host([disabled]) {
-      ${dis};
+    button {
+      cursor: pointer;
+    }
+    button:disabled {
+      opacity: 0.4;
+      cursor: default;
     }
   `;
-__decorateClass([
-  c({ context: computedContext, subscribe: true })
-], TestShowCorrectResponse.prototype, "computedContext", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TestShowCorrectResponse.prototype, "shown", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TestShowCorrectResponse.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: String })
-], TestShowCorrectResponse.prototype, "showCorrectText", 2);
-__decorateClass([
-  n({ type: String })
-], TestShowCorrectResponse.prototype, "hideCorrectText", 2);
-__decorateClass([
-  n({ type: String })
-], TestShowCorrectResponse.prototype, "noCorrectResponseText", 2);
-TestShowCorrectResponse = __decorateClass([
-  t("test-show-correct-response")
-], TestShowCorrectResponse);
-
-// ../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/node/lit-html.js
-var t2 = globalThis;
-var i3 = t2.trustedTypes;
-var s = i3 ? i3.createPolicy("lit-html", { createHTML: (t3) => t3 }) : void 0;
-var e2 = "$lit$";
-var h = `lit$${Math.random().toFixed(9).slice(2)}$`;
-var o = "?" + h;
-var n2 = `<${o}>`;
-var r2 = void 0 === t2.document ? { createTreeWalker: () => ({}) } : document;
-var l = () => r2.createComment("");
-var c2 = (t3) => null === t3 || "object" != typeof t3 && "function" != typeof t3;
-var a = Array.isArray;
-var u = (t3) => a(t3) || "function" == typeof t3?.[Symbol.iterator];
-var d = "[ 	\n\f\r]";
-var f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
-var v = /-->/g;
-var _ = />/g;
-var m2 = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g");
-var p = /'/g;
-var g = /"/g;
-var $ = /^(?:script|style|textarea|title)$/i;
-var y = (t3) => (i5, ...s2) => ({ _$litType$: t3, strings: i5, values: s2 });
-var x = y(1);
-var T2 = y(2);
-var b = y(3);
-var w = /* @__PURE__ */ Symbol.for("lit-noChange");
-var E = /* @__PURE__ */ Symbol.for("lit-nothing");
-var A2 = /* @__PURE__ */ new WeakMap();
-var C = r2.createTreeWalker(r2, 129);
-function P(t3, i5) {
-  if (!a(t3) || !t3.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== s ? s.createHTML(i5) : i5;
-}
-var V = (t3, i5) => {
-  const s2 = t3.length - 1, o2 = [];
-  let r4, l2 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c3 = f;
-  for (let i6 = 0; i6 < s2; i6++) {
-    const s3 = t3[i6];
-    let a2, u2, d2 = -1, y2 = 0;
-    for (; y2 < s3.length && (c3.lastIndex = y2, u2 = c3.exec(s3), null !== u2); ) y2 = c3.lastIndex, c3 === f ? "!--" === u2[1] ? c3 = v : void 0 !== u2[1] ? c3 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r4 = RegExp("</" + u2[2], "g")), c3 = m2) : void 0 !== u2[3] && (c3 = m2) : c3 === m2 ? ">" === u2[0] ? (c3 = r4 ?? f, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c3.lastIndex - u2[2].length, a2 = u2[1], c3 = void 0 === u2[3] ? m2 : '"' === u2[3] ? g : p) : c3 === g || c3 === p ? c3 = m2 : c3 === v || c3 === _ ? c3 = f : (c3 = m2, r4 = void 0);
-    const x2 = c3 === m2 && t3[i6 + 1].startsWith("/>") ? " " : "";
-    l2 += c3 === f ? s3 + n2 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e2 + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i6 : x2);
-  }
-  return [P(t3, l2 + (t3[s2] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), o2];
-};
-var N = class _N {
-  constructor({ strings: t3, _$litType$: s2 }, n3) {
-    let r4;
-    this.parts = [];
-    let c3 = 0, a2 = 0;
-    const u2 = t3.length - 1, d2 = this.parts, [f2, v2] = V(t3, s2);
-    if (this.el = _N.createElement(f2, n3), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
-      const t4 = this.el.content.firstChild;
-      t4.replaceWith(...t4.childNodes);
-    }
-    for (; null !== (r4 = C.nextNode()) && d2.length < u2; ) {
-      if (1 === r4.nodeType) {
-        if (r4.hasAttributes()) for (const t4 of r4.getAttributeNames()) if (t4.endsWith(e2)) {
-          const i5 = v2[a2++], s3 = r4.getAttribute(t4).split(h), e3 = /([.?@])?(.*)/.exec(i5);
-          d2.push({ type: 1, index: c3, name: e3[2], strings: s3, ctor: "." === e3[1] ? H : "?" === e3[1] ? I : "@" === e3[1] ? L : R }), r4.removeAttribute(t4);
-        } else t4.startsWith(h) && (d2.push({ type: 6, index: c3 }), r4.removeAttribute(t4));
-        if ($.test(r4.tagName)) {
-          const t4 = r4.textContent.split(h), s3 = t4.length - 1;
-          if (s3 > 0) {
-            r4.textContent = i3 ? i3.emptyScript : "";
-            for (let i5 = 0; i5 < s3; i5++) r4.append(t4[i5], l()), C.nextNode(), d2.push({ type: 2, index: ++c3 });
-            r4.append(t4[s3], l());
-          }
-        }
-      } else if (8 === r4.nodeType) if (r4.data === o) d2.push({ type: 2, index: c3 });
-      else {
-        let t4 = -1;
-        for (; -1 !== (t4 = r4.data.indexOf(h, t4 + 1)); ) d2.push({ type: 7, index: c3 }), t4 += h.length - 1;
-      }
-      c3++;
+  }
+  #internals = this.attachInternals();
+  updated(changed) {
+    if (changed.has("_tts")) {
+      this.#internals.states.clear();
+      if (this._tts?.state)
+        this.#internals.states.add(this._tts.state);
+    }
+  }
+};
+__decorate11([
+  c({ context: ttsContext, subscribe: true })
+], TtsButtonBase.prototype, "_tts", void 0);
+var TestItemToSpeech = class extends i2 {
+  #internals;
+  #itemElements;
+  #boundHandleItemConnected;
+  #eventHost;
+  // Current set of block-level reading elements for the active item
+  #readingElements;
+  #currentElementIndex;
+  // Text nodes of the element currently being spoken (for word-boundary highlight)
+  #textNodes;
+  // Two separate CSS Highlight objects
+  #elementHighlight;
+  // whole-element cursor
+  #wordHighlight;
+  // current word during speech
+  // Tracks previous navItemRefId to detect item switches
+  #prevNavItemRefId;
+  #boundHandleNavigation;
+  constructor() {
+    super();
+    this.language = "nl-NL";
+    this.#internals = this.attachInternals();
+    this.#itemElements = /* @__PURE__ */ new Map();
+    this.#boundHandleItemConnected = this.#handleItemConnected.bind(this);
+    this.#eventHost = null;
+    this.#readingElements = null;
+    this.#currentElementIndex = 0;
+    this.#textNodes = [];
+    this.#elementHighlight = new Highlight();
+    this.#wordHighlight = new Highlight();
+    this.#prevNavItemRefId = void 0;
+    this.#boundHandleNavigation = () => this.#stop();
+    this._ttsContext = {
+      state: "idle",
+      currentElementIndex: 0,
+      elementCount: 0,
+      play: () => this.#playSpeech(),
+      pause: () => this.#pause(),
+      resume: () => this.#resume(),
+      stop: () => this.#stop(),
+      prevElement: () => this.#prevElement(),
+      nextElement: () => this.#nextElement()
+    };
+  }
+  willUpdate(changed) {
+    void changed;
+  }
+  updated(_changed) {
+    const current = this._sessionContext?.navItemRefId ?? null;
+    if (this.#prevNavItemRefId !== void 0 && this.#prevNavItemRefId !== current) {
+      this.#stop();
+      this.#readingElements = null;
+      this.#currentElementIndex = 0;
+      this.#updateContext();
     }
+    this.#prevNavItemRefId = current;
   }
-  static createElement(t3, i5) {
-    const s2 = r2.createElement("template");
-    return s2.innerHTML = t3, s2;
+  connectedCallback() {
+    super.connectedCallback();
+    this.#setSpeechState("idle");
+    this.#eventHost = this.closest("test-navigation") ?? this.closest("qti-test") ?? this.getRootNode();
+    this.#eventHost.addEventListener("qti-assessment-item-connected", this.#boundHandleItemConnected);
+    this.#eventHost.addEventListener("qti-request-navigation", this.#boundHandleNavigation);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    speechSynthesis.cancel();
+    this.#clearAllHighlights();
+    this.#eventHost?.removeEventListener("qti-assessment-item-connected", this.#boundHandleItemConnected);
+    this.#eventHost?.removeEventListener("qti-request-navigation", this.#boundHandleNavigation);
+    this.#eventHost = null;
+    this.#itemElements.clear();
   }
-};
-function S(t3, i5, s2 = t3, e3) {
-  if (i5 === w) return i5;
-  let h2 = void 0 !== e3 ? s2._$Co?.[e3] : s2._$Cl;
-  const o2 = c2(i5) ? void 0 : i5._$litDirective$;
-  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t3), h2._$AT(t3, s2, e3)), void 0 !== e3 ? (s2._$Co ??= [])[e3] = h2 : s2._$Cl = h2), void 0 !== h2 && (i5 = S(t3, h2._$AS(t3, i5.values), h2, e3)), i5;
-}
-var M = class {
-  constructor(t3, i5) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t3, this._$AM = i5;
+  render() {
+    return T`<slot></slot>`;
+  }
+  #handleItemConnected(event) {
+    const item = event.detail;
+    if (item?.identifier) {
+      this.#itemElements.set(item.identifier, item);
+    }
+  }
+  /** Update speech state on both the context (notifies children) and the host's CSS custom states. */
+  #setSpeechState(state) {
+    this._ttsContext = { ...this._ttsContext, state };
+    this.#internals.states.delete("idle");
+    this.#internals.states.delete("playing");
+    this.#internals.states.delete("paused");
+    this.#internals.states.add(state);
+  }
+  /** Push currentElementIndex and elementCount into context so children can react. */
+  #updateContext() {
+    this._ttsContext = {
+      ...this._ttsContext,
+      currentElementIndex: this.#currentElementIndex,
+      elementCount: this.#readingElements?.length ?? 0
+    };
+  }
+  /** Return cached reading elements, collecting them lazily on first call for the active item. */
+  #getReadingElements() {
+    if (this.#readingElements !== null)
+      return this.#readingElements;
+    const identifier = this._sessionContext?.navItemRefId;
+    if (!identifier)
+      return [];
+    const assessmentItem = this.#itemElements.get(identifier);
+    if (!assessmentItem)
+      return [];
+    const itemBody = assessmentItem.querySelector("qti-item-body");
+    if (!itemBody)
+      return [];
+    const selector = "p, h1, h2, h3, h4, h5, h6, li, blockquote, figcaption";
+    this.#readingElements = Array.from(itemBody.querySelectorAll(selector)).filter((el) => (el.textContent ?? "").trim().length > 0);
+    return this.#readingElements;
+  }
+  #playSpeech() {
+    const elements = this.#getReadingElements();
+    if (!elements.length) {
+      console.warn("test-item-to-speech: no readable elements found in qti-item-body");
+      return;
+    }
+    this.#speakElement(this.#currentElementIndex);
+  }
+  /** Speak the element at the given index, then auto-advance when it ends. */
+  #speakElement(index) {
+    const elements = this.#readingElements ?? [];
+    if (index >= elements.length) {
+      this.#clearWordHighlight();
+      this.#currentElementIndex = elements.length - 1;
+      if (elements.length > 0)
+        this.#highlightElement(elements[this.#currentElementIndex]);
+      this.#setSpeechState("idle");
+      this.#updateContext();
+      return;
+    }
+    this.#currentElementIndex = index;
+    this.#updateContext();
+    const element = elements[index];
+    element.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    this.#highlightElement(element);
+    this.#textNodes = this.#collectTextNodes(element);
+    const text = this.#textNodes.map((n3) => n3.textContent ?? "").join("");
+    if (!text.trim()) {
+      this.#speakElement(index + 1);
+      return;
+    }
+    const utterance = new SpeechSynthesisUtterance(text);
+    utterance.lang = this.language;
+    utterance.rate = 1;
+    utterance.onboundary = (event) => {
+      if (event.name !== "word")
+        return;
+      this.#updateWordHighlight(event.charIndex, event.charLength ?? 0);
+    };
+    utterance.onend = () => {
+      this.#clearWordHighlight();
+      this.#speakElement(this.#currentElementIndex + 1);
+    };
+    speechSynthesis.speak(utterance);
+    this.#setSpeechState("playing");
+  }
+  #pause() {
+    speechSynthesis.pause();
+    this.#setSpeechState("paused");
   }
-  get parentNode() {
-    return this._$AM.parentNode;
+  #resume() {
+    speechSynthesis.resume();
+    this.#setSpeechState("playing");
   }
-  get _$AU() {
-    return this._$AM._$AU;
+  #stop() {
+    speechSynthesis.cancel();
+    this.#clearAllHighlights();
+    this.#setSpeechState("idle");
+  }
+  #prevElement() {
+    const elements = this.#getReadingElements();
+    if (!elements.length)
+      return;
+    speechSynthesis.cancel();
+    this.#clearWordHighlight();
+    this.#currentElementIndex = Math.max(0, this.#currentElementIndex - 1);
+    this.#updateContext();
+    const el = elements[this.#currentElementIndex];
+    el.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    this.#highlightElement(el);
+    this.#setSpeechState("idle");
+  }
+  #nextElement() {
+    const elements = this.#getReadingElements();
+    if (!elements.length)
+      return;
+    speechSynthesis.cancel();
+    this.#clearWordHighlight();
+    this.#currentElementIndex = Math.min(elements.length - 1, this.#currentElementIndex + 1);
+    this.#updateContext();
+    const el = elements[this.#currentElementIndex];
+    el.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    this.#highlightElement(el);
+    this.#setSpeechState("idle");
+  }
+  /** Walk text nodes without crossing shadow DOM boundaries. */
+  #collectTextNodes(root) {
+    const nodes = [];
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+    let node;
+    while (node = walker.nextNode()) {
+      if ((node.textContent ?? "").length > 0) {
+        nodes.push(node);
+      }
+    }
+    return nodes;
   }
-  u(t3) {
-    const { el: { content: i5 }, parts: s2 } = this._$AD, e3 = (t3?.creationScope ?? r2).importNode(i5, true);
-    C.currentNode = e3;
-    let h2 = C.nextNode(), o2 = 0, n3 = 0, l2 = s2[0];
-    for (; void 0 !== l2; ) {
-      if (o2 === l2.index) {
-        let i6;
-        2 === l2.type ? i6 = new k(h2, h2.nextSibling, this, t3) : 1 === l2.type ? i6 = new l2.ctor(h2, l2.name, l2.strings, this, t3) : 6 === l2.type && (i6 = new z(h2, this, t3)), this._$AV.push(i6), l2 = s2[++n3];
+  /** Highlight the whole element as the navigation cursor (blue). */
+  #highlightElement(element) {
+    if (!("highlights" in CSS))
+      return;
+    this.#ensureHighlightStyles();
+    this.#elementHighlight.clear();
+    const range = new Range();
+    range.selectNodeContents(element);
+    this.#elementHighlight.add(range);
+    CSS.highlights.set(HIGHLIGHT_ELEMENT, this.#elementHighlight);
+  }
+  /** Highlight the current word within #textNodes (yellow, during speech). */
+  #updateWordHighlight(charIndex, charLength) {
+    if (!("highlights" in CSS))
+      return;
+    this.#ensureHighlightStyles();
+    this.#wordHighlight.clear();
+    const text = this.#textNodes.map((n3) => n3.textContent ?? "").join("");
+    const endIndex = charIndex + (charLength > 0 ? charLength : this.#wordLengthAt(charIndex, text));
+    let offset = 0;
+    let startNode = null;
+    let startOffset = 0;
+    let endNode = null;
+    let endOffset = 0;
+    for (const node of this.#textNodes) {
+      const len = node.textContent?.length ?? 0;
+      if (!startNode && offset + len > charIndex) {
+        startNode = node;
+        startOffset = charIndex - offset;
+      }
+      if (startNode && offset + len >= endIndex) {
+        endNode = node;
+        endOffset = endIndex - offset;
+        break;
       }
-      o2 !== l2?.index && (h2 = C.nextNode(), o2++);
+      offset += len;
+    }
+    if (startNode && endNode) {
+      const range = new Range();
+      range.setStart(startNode, startOffset);
+      range.setEnd(endNode, endOffset);
+      this.#wordHighlight.add(range);
+      CSS.highlights.set(HIGHLIGHT_WORD, this.#wordHighlight);
+    }
+  }
+  #clearWordHighlight() {
+    if (!("highlights" in CSS))
+      return;
+    this.#wordHighlight.clear();
+    CSS.highlights.delete(HIGHLIGHT_WORD);
+  }
+  #clearAllHighlights() {
+    if (!("highlights" in CSS))
+      return;
+    this.#wordHighlight.clear();
+    CSS.highlights.delete(HIGHLIGHT_WORD);
+    this.#elementHighlight.clear();
+    CSS.highlights.delete(HIGHLIGHT_ELEMENT);
+  }
+  /** Fallback word-length when charLength is 0. */
+  #wordLengthAt(charIndex, text) {
+    const right = text.slice(charIndex).search(/\s/);
+    return right < 0 ? text.length - charIndex : right;
+  }
+  /**
+   * Add ::highlight() rules both to test-container's shadow root (where highlighted
+   * text lives) and to the document (safety net — spec allows document rules to apply
+   * across shadow DOM). Called lazily on first highlight use so test-container is
+   * guaranteed to be in the DOM by the time navigation or speech starts.
+   */
+  #ensureHighlightStyles() {
+    if (!("highlights" in CSS))
+      return;
+    const sheet = getHighlightSheet();
+    if (!document.adoptedStyleSheets.includes(sheet)) {
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
     }
-    return C.currentNode = r2, e3;
+    const testContainer = this.closest("test-navigation")?.querySelector("test-container") ?? this.closest("qti-test")?.querySelector("test-container");
+    const root = testContainer?.shadowRoot;
+    if (root && !root.adoptedStyleSheets.includes(sheet)) {
+      root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
+    }
+  }
+};
+__decorate11([
+  n2({ type: String })
+], TestItemToSpeech.prototype, "language", void 0);
+__decorate11([
+  c({ context: sessionContext, subscribe: true })
+], TestItemToSpeech.prototype, "_sessionContext", void 0);
+__decorate11([
+  r(),
+  e({ context: ttsContext })
+], TestItemToSpeech.prototype, "_ttsContext", void 0);
+var TestTtsPlay = class extends TtsButtonBase {
+  #toggle() {
+    if (!this._tts)
+      return;
+    if (this._tts.state === "idle")
+      this._tts.play();
+    else if (this._tts.state === "playing")
+      this._tts.pause();
+    else
+      this._tts.resume();
+  }
+  render() {
+    const playing = this._tts?.state === "playing";
+    return T`
+      <button part="button" @click=${this.#toggle}>
+        ${playing ? T`<slot name="pause">⏸</slot>` : T`<slot name="play">▶</slot>`}
+      </button>
+    `;
+  }
+};
+var TestTtsPause = class extends TtsButtonBase {
+  render() {
+    return T`
+      <button part="button" ?disabled=${this._tts?.state !== "playing"} @click=${() => this._tts?.pause()}>
+        <slot>⏸</slot>
+      </button>
+    `;
+  }
+};
+var TestTtsResume = class extends TtsButtonBase {
+  render() {
+    return T`
+      <button part="button" ?disabled=${this._tts?.state !== "paused"} @click=${() => this._tts?.resume()}>
+        <slot>▶</slot>
+      </button>
+    `;
   }
-  p(t3) {
-    let i5 = 0;
-    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t3, s2, i5), i5 += s2.strings.length - 2) : s2._$AI(t3[i5])), i5++;
+};
+var TestTtsStop = class extends TtsButtonBase {
+  render() {
+    return T`
+      <button part="button" ?disabled=${this._tts?.state === "idle"} @click=${() => this._tts?.stop()}>
+        <slot>■</slot>
+      </button>
+    `;
   }
 };
-var k = class _k {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
+var TestTtsPrev = class extends TtsButtonBase {
+  render() {
+    const atStart = (this._tts?.currentElementIndex ?? 0) === 0;
+    const noElements = (this._tts?.elementCount ?? 0) === 0;
+    return T`
+      <button part="button" ?disabled=${noElements || atStart} @click=${() => this._tts?.prevElement()}>
+        <slot>◀◀</slot>
+      </button>
+    `;
   }
-  constructor(t3, i5, s2, e3) {
-    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t3, this._$AB = i5, this._$AM = s2, this.options = e3, this._$Cv = e3?.isConnected ?? true;
+};
+var TestTtsNext = class extends TtsButtonBase {
+  render() {
+    const atEnd = (this._tts?.elementCount ?? 0) > 0 && (this._tts?.currentElementIndex ?? 0) >= (this._tts?.elementCount ?? 0) - 1;
+    const noElements = (this._tts?.elementCount ?? 0) === 0;
+    return T`
+      <button part="button" ?disabled=${noElements || atEnd} @click=${() => this._tts?.nextElement()}>
+        <slot>▶▶</slot>
+      </button>
+    `;
   }
-  get parentNode() {
-    let t3 = this._$AA.parentNode;
-    const i5 = this._$AM;
-    return void 0 !== i5 && 11 === t3?.nodeType && (t3 = i5.parentNode), t3;
+};
+
+// ../qti-test/dist/components/test-navigation/test-navigation.js
+var __decorate12 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestNavigation = class extends i2 {
+  #testElement;
+  constructor() {
+    super();
+    this.identifier = void 0;
+    this.initContext = [];
+    this.qtiContext = {
+      QTI_CONTEXT: {
+        testIdentifier: "",
+        candidateIdentifier: "",
+        environmentIdentifier: "default"
+      }
+    };
+    this.configContext = {};
+    this.autoScoreItems = false;
+    this.addEventListener("qti-assessment-test-connected", this.#handleTestConnected.bind(this));
+    this.addEventListener("qti-assessment-item-connected", this.#handleItemConnected.bind(this));
+    this.addEventListener("qti-interaction-changed", this.#handleInteractionChanged.bind(this));
+    this.addEventListener("test-end-attempt", this.#handleTestEndAttempt.bind(this));
+    this.addEventListener("test-update-outcome-variable", this.#handleTestUpdateOutcomeVariable.bind(this));
+  }
+  /** The currently active assessment item, exposed for optional presentation extensions. */
+  get activeAssessmentItem() {
+    if (!this.#testElement || !this._sessionContext?.navItemRefId)
+      return void 0;
+    return this.#testElement.querySelector(`qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`)?.assessmentItem;
   }
-  get startNode() {
-    return this._$AA;
+  /**
+   * Handles the 'test-end-attempt' event.
+   * @private
+   * @listens TestNavigation#test-end-attempt
+   * @param {CustomEvent} event - The custom event object.
+   */
+  #handleTestEndAttempt(_event) {
+    const qtiItemEl = this.#testElement.querySelector(`qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`);
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
+    qtiAssessmentItemEl.processResponse(true, reportValidityAfterScoring);
+  }
+  #handleTestUpdateOutcomeVariable(event) {
+    const qtiItemEl = this.#testElement.querySelector(`qti-assessment-item-ref[identifier="${event.detail.assessmentItemRefId}"]`);
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    qtiAssessmentItemEl.setOutcomeVariable(event.detail.outcomeVariableId, event.detail.value);
+  }
+  #handleInteractionChanged(_event) {
+    if (this.autoScoreItems) {
+      const assessmentItem = _event.composedPath()[0].closest("qti-assessment-item");
+      const scoreOutcomeIdentifier = assessmentItem.variables.find((v) => v.identifier === "SCORE");
+      if (scoreOutcomeIdentifier && scoreOutcomeIdentifier.externalScored === null && assessmentItem.adaptive === "false") {
+        const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
+        assessmentItem.processResponse(true, reportValidityAfterScoring);
+      }
+    }
   }
-  get endNode() {
-    return this._$AB;
+  render() {
+    return T`<slot></slot>`;
   }
-  _$AI(t3, i5 = this) {
-    t3 = S(this, t3, i5), c2(t3) ? t3 === E || null == t3 || "" === t3 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t3 !== this._$AH && t3 !== w && this._(t3) : void 0 !== t3._$litType$ ? this.$(t3) : void 0 !== t3.nodeType ? this.T(t3) : u(t3) ? this.k(t3) : this._(t3);
+  /* PK: on test connected we can build the computed context */
+  #handleTestConnected(event) {
+    this.#testElement = event.detail;
+    if (!this.qtiContext.QTI_CONTEXT?.testIdentifier) {
+      const currentContext = this.qtiContext.QTI_CONTEXT || {
+        testIdentifier: "",
+        candidateIdentifier: "not set",
+        environmentIdentifier: "default"
+      };
+      this.qtiContext = {
+        QTI_CONTEXT: {
+          ...currentContext,
+          testIdentifier: this.#testElement.identifier,
+          environmentIdentifier: currentContext.environmentIdentifier || "default"
+        }
+      };
+    }
+    const contextDeclarations = this.#testElement.querySelectorAll('qti-context-declaration[identifier="QTI_CONTEXT"]');
+    contextDeclarations.forEach((declaration) => {
+      const defaultValues = this.#extractDefaultValues(declaration);
+      if (Object.keys(defaultValues).length > 0) {
+        this.qtiContext = {
+          QTI_CONTEXT: {
+            ...defaultValues,
+            // Default values first
+            ...this.qtiContext.QTI_CONTEXT
+            // Runtime values override defaults
+          }
+        };
+      }
+    });
+    const testPartElements = Array.from(this.#testElement?.querySelectorAll(`qti-test-part`) || []);
+    this.computedContext = {
+      identifier: this.#testElement.identifier,
+      title: this.#testElement.title,
+      view: this._sessionContext?.view,
+      testParts: testPartElements.map((testPart) => {
+        const sectionElements = [...testPart.querySelectorAll(`qti-assessment-section`)];
+        return {
+          active: false,
+          identifier: testPart.identifier,
+          navigationMode: testPart.navigationMode,
+          submissionMode: testPart.submissionMode,
+          sections: sectionElements.map((section) => {
+            const itemElements = [...section.querySelectorAll(`qti-assessment-item-ref`)];
+            return {
+              active: false,
+              identifier: section.identifier,
+              title: section.title,
+              items: itemElements.map((item) => ({
+                ...this.initContext?.find((i4) => i4.identifier === item.identifier),
+                active: false,
+                identifier: item.identifier,
+                categories: item.category ? item.category?.split(" ") : [],
+                href: item.href,
+                variables: []
+              }))
+            };
+          })
+        };
+      })
+    };
   }
-  O(t3) {
-    return this._$AA.parentNode.insertBefore(t3, this._$AB);
+  /**
+   * Extract default values from a qti-context-declaration element
+   */
+  #extractDefaultValues(declaration) {
+    const defaultValues = {};
+    const defaultValueElement = declaration.querySelector("qti-default-value");
+    if (!defaultValueElement) {
+      return defaultValues;
+    }
+    const valueElements = defaultValueElement.querySelectorAll("qti-value[field-identifier]");
+    valueElements.forEach((valueElement) => {
+      const fieldIdentifier = valueElement.getAttribute("field-identifier");
+      const baseType = valueElement.getAttribute("base-type") || "string";
+      const textContent = valueElement.textContent?.trim() || "";
+      if (fieldIdentifier) {
+        let value = textContent;
+        switch (baseType) {
+          case "integer":
+            value = parseInt(textContent, 10);
+            break;
+          case "float":
+          case "duration":
+            value = parseFloat(textContent);
+            break;
+          case "boolean":
+            value = textContent.toLowerCase() === "true";
+            break;
+          case "string":
+          default:
+            value = textContent;
+            break;
+        }
+        defaultValues[fieldIdentifier] = value;
+      }
+    });
+    return defaultValues;
   }
-  T(t3) {
-    this._$AH !== t3 && (this._$AR(), this._$AH = this.O(t3));
+  /* PK: on item connected we can add item only properties in the xml */
+  #handleItemConnected(event) {
+    const itemElement = event.detail;
+    this.computedContext = {
+      ...this.computedContext,
+      testParts: this.computedContext.testParts.map((testPart) => {
+        return {
+          ...testPart,
+          sections: testPart.sections.map((section) => {
+            return {
+              ...section,
+              items: section.items.map((item) => {
+                if (item.identifier !== itemElement.parentElement.getAttribute("identifier")) {
+                  return item;
+                }
+                const scoreOutcome = itemElement.querySelector("qti-outcome-declaration[identifier='SCORE']");
+                const externalScored = scoreOutcome?.getAttribute("externalScored");
+                const responseDeclarations = itemElement.querySelectorAll("qti-response-declaration");
+                const containsCorrectResponse = Array.from(responseDeclarations).some((r3) => r3.querySelector("qti-correct-response"));
+                const containsMapping = Array.from(responseDeclarations).some((r3) => {
+                  const mapping = r3.querySelector("qti-mapping");
+                  const areaMapping = r3.querySelector("qti-area-mapping");
+                  return mapping?.querySelector("qti-map-entry") || areaMapping?.querySelector("qti-area-map-entry");
+                });
+                const hasCorrectResponse = containsCorrectResponse || containsMapping;
+                const hasResponseProcessing = itemElement.querySelector("qti-response-processing") ? true : false;
+                return {
+                  ...item,
+                  assessmentItemIdentifier: itemElement.getAttribute("identifier"),
+                  label: itemElement.getAttribute("label"),
+                  title: itemElement.title,
+                  externalScored,
+                  adaptive: itemElement.adaptive == "true" || false,
+                  timeDependent: itemElement.timeDependent == "true" || false,
+                  variables: itemElement.variables,
+                  hasCorrectResponse,
+                  hasResponseProcessing
+                };
+              })
+            };
+          })
+        };
+      })
+    };
   }
-  _(t3) {
-    this._$AH !== E && c2(this._$AH) ? this._$AA.nextSibling.data = t3 : this.T(r2.createTextNode(t3)), this._$AH = t3;
+  /* PK: on every change of the candidate we will recomputed the computedContext */
+  willUpdate(_changedProperties) {
+    if (!this.computedContext)
+      return;
+    let itemIndex = 1;
+    this.computedContext = {
+      ...this.computedContext,
+      view: this._sessionContext?.view,
+      testParts: this.computedContext.testParts.map((testPart) => {
+        return {
+          ...testPart,
+          active: this._sessionContext?.navPartId === testPart.identifier || false,
+          sections: testPart.sections.map((section) => {
+            return {
+              ...section,
+              active: this._sessionContext?.navSectionId === section.identifier || false,
+              completed: section.items.every((item) => this._testContext.items.find((i4) => i4.identifier === item.identifier)?.variables.find((v) => v.identifier === "completionStatus").value === "completed"),
+              items: section.items.map((item) => {
+                const itemContext = this._testContext?.items.find((i4) => i4.identifier === item.identifier);
+                const computedItem = {
+                  ...item,
+                  ...itemContext,
+                  ...this.initContext?.find((i4) => i4.identifier === item.identifier)
+                };
+                const rawscore = computedItem.variables?.find((vr) => vr.identifier == "SCORE")?.value;
+                const score = rawscore === void 0 || rawscore === null ? null : parseFloat(rawscore?.toString());
+                const completionStatus = computedItem.variables?.find((v) => v.identifier === "completionStatus")?.value;
+                const response = computedItem.variables?.find((v) => v.identifier === "RESPONSE")?.value || "";
+                const numAttempts = computedItem.variables?.find((v) => v.identifier === "numAttempts")?.value || 0;
+                const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;
+                const index = item.categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;
+                const rawMaxScore = item.variables?.find((vr) => vr.identifier == "MAXSCORE")?.value;
+                const maxScore = rawMaxScore === void 0 || rawMaxScore === null ? null : parseFloat(rawMaxScore?.toString());
+                return {
+                  ...computedItem,
+                  completionStatus,
+                  numAttempts,
+                  score,
+                  response,
+                  index,
+                  active,
+                  maxScore
+                  // type,
+                  // correct,
+                  // incorrect,
+                  // completed
+                };
+              })
+            };
+          })
+        };
+      })
+    };
+    this.dispatchEvent(new CustomEvent("qti-computed-context-updated", {
+      detail: this.computedContext,
+      bubbles: true
+    }));
   }
-  $(t3) {
-    const { values: i5, _$litType$: s2 } = t3, e3 = "number" == typeof s2 ? this._$AC(t3) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
-    if (this._$AH?._$AD === e3) this._$AH.p(i5);
-    else {
-      const t4 = new M(e3, this), s3 = t4.u(this.options);
-      t4.p(i5), this.T(s3), this._$AH = t4;
+};
+__decorate12([
+  n2({ type: String })
+], TestNavigation.prototype, "identifier", void 0);
+__decorate12([
+  r()
+], TestNavigation.prototype, "initContext", void 0);
+__decorate12([
+  r(),
+  e({ context: qtiContext })
+], TestNavigation.prototype, "qtiContext", void 0);
+__decorate12([
+  r(),
+  c({ context: configContext, subscribe: true })
+], TestNavigation.prototype, "configContext", void 0);
+__decorate12([
+  r(),
+  c({ context: testContext, subscribe: true })
+], TestNavigation.prototype, "_testContext", void 0);
+__decorate12([
+  r(),
+  c({ context: sessionContext, subscribe: true })
+], TestNavigation.prototype, "_sessionContext", void 0);
+__decorate12([
+  r(),
+  e({ context: computedContext })
+], TestNavigation.prototype, "computedContext", void 0);
+__decorate12([
+  n2({ type: Boolean, attribute: "auto-score-items" })
+], TestNavigation.prototype, "autoScoreItems", void 0);
+
+// ../qti-test/dist/components/test-next/test-next.js
+var __decorate13 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestNext = class extends i2 {
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue) {
+      this._internalDisabled = false;
     }
   }
-  _$AC(t3) {
-    let i5 = A2.get(t3.strings);
-    return void 0 === i5 && A2.set(t3.strings, i5 = new N(t3)), i5;
-  }
-  k(t3) {
-    a(this._$AH) || (this._$AH = [], this._$AR());
-    const i5 = this._$AH;
-    let s2, e3 = 0;
-    for (const h2 of t3) e3 === i5.length ? i5.push(s2 = new _k(this.O(l()), this.O(l()), this, this.options)) : s2 = i5[e3], s2._$AI(h2), e3++;
-    e3 < i5.length && (this._$AR(s2 && s2._$AB.nextSibling, e3), i5.length = e3);
-  }
-  _$AR(t3 = this._$AA.nextSibling, i5) {
-    for (this._$AP?.(false, true, i5); t3 !== this._$AB; ) {
-      const i6 = t3.nextSibling;
-      t3.remove(), t3 = i6;
+  static {
+    this.styles = i`
+    :host {
+      ${btn};
     }
-  }
-  setConnected(t3) {
-    void 0 === this._$AM && (this._$Cv = t3, this._$AP?.(t3));
-  }
-};
-var R = class {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t3, i5, s2, e3, h2) {
-    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t3, this.name = i5, this._$AM = e3, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
-  }
-  _$AI(t3, i5 = this, s2, e3) {
-    const h2 = this.strings;
-    let o2 = false;
-    if (void 0 === h2) t3 = S(this, t3, i5, 0), o2 = !c2(t3) || t3 !== this._$AH && t3 !== w, o2 && (this._$AH = t3);
-    else {
-      const e4 = t3;
-      let n3, r4;
-      for (t3 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r4 = S(this, e4[s2 + n3], i5, n3), r4 === w && (r4 = this._$AH[n3]), o2 ||= !c2(r4) || r4 !== this._$AH[n3], r4 === E ? t3 = E : t3 !== E && (t3 += (r4 ?? "") + h2[n3 + 1]), this._$AH[n3] = r4;
+    :host([disabled]) {
+      ${dis};
     }
-    o2 && !e3 && this.j(t3);
-  }
-  j(t3) {
-    t3 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t3 ?? "");
-  }
-};
-var H = class extends R {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t3) {
-    this.element[this.name] = t3 === E ? void 0 : t3;
+  `;
   }
-};
-var I = class extends R {
+  #internals;
   constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t3) {
-    this.element.toggleAttribute(this.name, !!t3 && t3 !== E);
-  }
-};
-var L = class extends R {
-  constructor(t3, i5, s2, e3, h2) {
-    super(t3, i5, s2, e3, h2), this.type = 5;
+    super();
+    this._internalDisabled = true;
+    this.#internals = this.attachInternals();
+    this.#internals.role = "button";
+    this.#internals.ariaLabel = "Next item";
+    this.addEventListener("click", (e2) => {
+      e2.preventDefault();
+      if (!this._internalDisabled)
+        this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
+    });
   }
-  _$AI(t3, i5 = this) {
-    if ((t3 = S(this, t3, i5, 0) ?? E) === w) return;
-    const s2 = this._$AH, e3 = t3 === E && s2 !== E || t3.capture !== s2.capture || t3.once !== s2.once || t3.passive !== s2.passive, h2 = t3 !== E && (s2 === E || e3);
-    e3 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t3), this._$AH = t3;
+  connectedCallback() {
+    super.connectedCallback();
+    this.checkDisabled();
   }
-  handleEvent(t3) {
-    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t3) : this._$AH.handleEvent(t3);
+  willUpdate(_changedProperties) {
+    if (!this.computedContext)
+      return;
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    if (!testPart)
+      return;
+    this.sectionItems = testPart.sections.flatMap((section) => section.items);
+    this.itemIndex = this.sectionItems.findIndex((item) => item.active);
+    this.checkDisabled();
   }
-};
-var z = class {
-  constructor(t3, i5, s2) {
-    this.element = t3, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s2;
+  checkDisabled() {
+    this._internalDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
   }
-  get _$AU() {
-    return this._$AM._$AU;
+  _requestItem(identifier) {
+    this.dispatchEvent(new CustomEvent("qti-request-navigation", {
+      composed: true,
+      bubbles: true,
+      detail: {
+        type: "item",
+        id: identifier
+      }
+    }));
   }
-  _$AI(t3) {
-    S(this, t3);
+  render() {
+    return T`<slot></slot>`;
   }
 };
-var W = { M: e2, P: h, A: o, C: 1, L: V, R: M, D: u, V: S, I: k, H: R, N: I, U: L, B: H, F: z };
-var Z = t2.litHtmlPolyfillSupport;
-Z?.(N, k), (t2.litHtmlVersions ??= []).push("3.3.1");
+__decorate13([
+  n2({ type: Boolean, reflect: true, attribute: "disabled" })
+], TestNext.prototype, "_internalDisabled", void 0);
+__decorate13([
+  c({ context: computedContext, subscribe: true })
+], TestNext.prototype, "computedContext", void 0);
+__decorate13([
+  watch("computedContext")
+], TestNext.prototype, "_handleTestElementChange", null);
 
 // ../../node_modules/.pnpm/@heximal+expressions@0.1.5/node_modules/@heximal/expressions/lib/constants.js
 var KEYWORDS = ["this"];
@@ -2104,11 +2263,11 @@ var Tokenizer = class {
     }
   }
   #getValue(lookahead = 0) {
-    const v2 = this.#input.substring(this.#tokenStart, this.#index + lookahead);
+    const v = this.#input.substring(this.#tokenStart, this.#index + lookahead);
     if (lookahead === 0) {
       this.#clearValue();
     }
-    return v2;
+    return v;
   }
   #clearValue() {
     this.#tokenStart = this.#index;
@@ -2127,9 +2286,9 @@ var Tokenizer = class {
       }
       this.#advance();
     }
-    const t3 = token(Kind.STRING, escapeString(this.#getValue()));
+    const t = token(Kind.STRING, escapeString(this.#getValue()));
     this.#advance();
-    return t3;
+    return t;
   }
   #tokenizeIdentOrKeyword() {
     do {
@@ -2189,9 +2348,9 @@ var Tokenizer = class {
   }
   #tokenizeGrouper() {
     const value = String.fromCharCode(this.#next);
-    const t3 = token(Kind.GROUPER, value, PRECEDENCE[value]);
+    const t = token(Kind.GROUPER, value, PRECEDENCE[value]);
     this.#advance(true);
-    return t3;
+    return t;
   }
 };
 
@@ -2215,10 +2374,10 @@ var Parser = class {
     if (!this._matches(kind, value)) {
       throw new Error(`Expected kind ${kind} (${value}), was ${this.#token?.kind} (${this.#token?.value})`);
     }
-    const t3 = this.#tokenizer.nextToken();
-    this.#token = t3;
-    this.#kind = t3?.kind;
-    this.#value = t3?.value;
+    const t = this.#tokenizer.nextToken();
+    this.#token = t;
+    this.#kind = t?.kind;
+    this.#value = t?.value;
   }
   _matches(kind, value) {
     return !(kind && this.#kind !== kind || value && this.#value !== value);
@@ -2424,7 +2583,7 @@ var Parser = class {
     if (this._matches(Kind.ARROW)) {
       this.#advance();
       const body = this.#parseExpression();
-      const params = expressions?.map((e3) => e3.value) ?? [];
+      const params = expressions?.map((e2) => e2.value) ?? [];
       return this.#ast.arrowFunction(params, body);
     } else {
       return this.#ast.paren(expressions[0]);
@@ -2450,29 +2609,29 @@ var Parser = class {
 // ../../node_modules/.pnpm/@heximal+expressions@0.1.5/node_modules/@heximal/expressions/lib/eval.js
 var { hasOwn, fromEntries } = Object;
 var _BINARY_OPERATORS = {
-  "+": (a2, b2) => a2 + b2,
-  "-": (a2, b2) => a2 - b2,
-  "*": (a2, b2) => a2 * b2,
-  "/": (a2, b2) => a2 / b2,
-  "%": (a2, b2) => a2 % b2,
-  "==": (a2, b2) => a2 == b2,
-  "!=": (a2, b2) => a2 != b2,
-  "===": (a2, b2) => a2 === b2,
-  "!==": (a2, b2) => a2 !== b2,
-  ">": (a2, b2) => a2 > b2,
-  ">=": (a2, b2) => a2 >= b2,
-  "<": (a2, b2) => a2 < b2,
-  "<=": (a2, b2) => a2 <= b2,
-  "||": (a2, b2) => a2 || b2,
-  "&&": (a2, b2) => a2 && b2,
-  "??": (a2, b2) => a2 ?? b2,
-  "|": (a2, f2) => f2(a2),
-  "|>": (a2, f2) => f2(a2)
+  "+": (a, b) => a + b,
+  "-": (a, b) => a - b,
+  "*": (a, b) => a * b,
+  "/": (a, b) => a / b,
+  "%": (a, b) => a % b,
+  "==": (a, b) => a == b,
+  "!=": (a, b) => a != b,
+  "===": (a, b) => a === b,
+  "!==": (a, b) => a !== b,
+  ">": (a, b) => a > b,
+  ">=": (a, b) => a >= b,
+  "<": (a, b) => a < b,
+  "<=": (a, b) => a <= b,
+  "||": (a, b) => a || b,
+  "&&": (a, b) => a && b,
+  "??": (a, b) => a ?? b,
+  "|": (a, f) => f(a),
+  "|>": (a, f) => f(a)
 };
 var _UNARY_OPERATORS = {
-  "+": (a2) => a2,
-  "-": (a2) => -a2,
-  "!": (a2) => !a2
+  "+": (a) => a,
+  "-": (a) => -a,
+  "!": (a) => !a
 };
 var EvalAstFactory = class {
   empty() {
@@ -2487,10 +2646,10 @@ var EvalAstFactory = class {
     };
   }
   // TODO(justinfagnani): just use a JS literal?
-  literal(v2) {
+  literal(v) {
     return {
       type: "Literal",
-      value: v2,
+      value: v,
       evaluate(_scope) {
         return this.value;
       },
@@ -2499,10 +2658,10 @@ var EvalAstFactory = class {
       }
     };
   }
-  id(v2) {
+  id(v) {
     return {
       type: "ID",
-      value: v2,
+      value: v,
       evaluate(scope) {
         if (this.value === "this")
           return scope;
@@ -2515,26 +2674,26 @@ var EvalAstFactory = class {
     };
   }
   unary(op, expr) {
-    const f2 = _UNARY_OPERATORS[op];
+    const f = _UNARY_OPERATORS[op];
     return {
       type: "Unary",
       operator: op,
       child: expr,
       evaluate(scope) {
-        return f2(this.child.evaluate(scope));
+        return f(this.child.evaluate(scope));
       },
       getIds(idents) {
         return this.child.getIds(idents);
       }
     };
   }
-  binary(l2, op, r4) {
-    const f2 = _BINARY_OPERATORS[op];
+  binary(l, op, r3) {
+    const f = _BINARY_OPERATORS[op];
     return {
       type: "Binary",
       operator: op,
-      left: l2,
-      right: r4,
+      left: l,
+      right: r3,
       evaluate(scope) {
         if (this.operator === "=") {
           if (this.left.type !== "ID" && this.left.type !== "Getter" && this.left.type !== "Index") {
@@ -2555,7 +2714,7 @@ var EvalAstFactory = class {
           }
           return receiver === void 0 ? void 0 : receiver[property] = value;
         }
-        return f2(this.left.evaluate(scope), this.right.evaluate(scope));
+        return f(this.left.evaluate(scope), this.right.evaluate(scope));
       },
       getIds(idents) {
         this.left.getIds(idents);
@@ -2564,10 +2723,10 @@ var EvalAstFactory = class {
       }
     };
   }
-  getter(g2, n3) {
+  getter(g, n3) {
     return {
       type: "Getter",
-      receiver: g2,
+      receiver: g,
       name: n3,
       evaluate(scope) {
         return this.receiver.evaluate(scope)?.[this.name];
@@ -2590,26 +2749,26 @@ var EvalAstFactory = class {
       evaluate(scope) {
         const receiver2 = this.receiver.evaluate(scope);
         const _this = this.method ? receiver2 : scope?.["this"] ?? scope;
-        const f2 = this.method ? receiver2?.[method] : receiver2;
+        const f = this.method ? receiver2?.[method] : receiver2;
         const args2 = this.arguments ?? [];
-        const argValues = args2.map((a2) => a2?.evaluate(scope));
-        return f2?.apply?.(_this, argValues);
+        const argValues = args2.map((a) => a?.evaluate(scope));
+        return f?.apply?.(_this, argValues);
       },
       getIds(idents) {
         this.receiver.getIds(idents);
-        this.arguments?.forEach((a2) => a2?.getIds(idents));
+        this.arguments?.forEach((a) => a?.getIds(idents));
         return idents;
       }
     };
   }
-  paren(e3) {
-    return e3;
+  paren(e2) {
+    return e2;
   }
-  index(e3, a2) {
+  index(e2, a) {
     return {
       type: "Index",
-      receiver: e3,
-      argument: a2,
+      receiver: e2,
+      argument: a,
       evaluate(scope) {
         return this.receiver.evaluate(scope)?.[this.argument.evaluate(scope)];
       },
@@ -2619,15 +2778,15 @@ var EvalAstFactory = class {
       }
     };
   }
-  ternary(c3, t3, f2) {
+  ternary(c2, t, f) {
     return {
       type: "Ternary",
-      condition: c3,
-      trueExpr: t3,
-      falseExpr: f2,
+      condition: c2,
+      trueExpr: t,
+      falseExpr: f,
       evaluate(scope) {
-        const c4 = this.condition.evaluate(scope);
-        if (c4) {
+        const c3 = this.condition.evaluate(scope);
+        if (c3) {
           return this.trueExpr.evaluate(scope);
         } else {
           return this.falseExpr.evaluate(scope);
@@ -2671,15 +2830,15 @@ var EvalAstFactory = class {
     };
   }
   // TODO(justinfagnani): if the list is deeply literal
-  list(l2) {
+  list(l) {
     return {
       type: "List",
-      items: l2,
+      items: l,
       evaluate(scope) {
-        return this.items?.map((a2) => a2?.evaluate(scope));
+        return this.items?.map((a) => a?.evaluate(scope));
       },
       getIds(idents) {
-        this.items?.forEach((i5) => i5?.getIds(idents));
+        this.items?.forEach((i4) => i4?.getIds(idents));
         return idents;
       }
     };
@@ -2693,7 +2852,7 @@ var EvalAstFactory = class {
         const params2 = this.params;
         const body2 = this.body;
         return function(...args) {
-          const paramsObj = fromEntries(params2.map((p2, i5) => [p2, args[i5]]));
+          const paramsObj = fromEntries(params2.map((p, i4) => [p, args[i4]]));
           const newScope = new Proxy(scope ?? {}, {
             set(target, prop, value) {
               if (hasOwn(paramsObj, prop)) {
@@ -2718,41 +2877,41 @@ var EvalAstFactory = class {
   }
 };
 
-// ../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/node/private-ssr-support.js
-var r3 = null;
-var i4 = { boundAttributeSuffix: W.M, marker: W.P, markerMatch: W.A, HTML_RESULT: W.C, getTemplateHtml: W.L, overrideDirectiveResolve: (e3, t3) => class extends e3 {
-  _$AS(e4, r4) {
-    return t3(this, r4);
-  }
-}, patchDirectiveResolve: (e3, t3) => {
-  if (e3.prototype._$AS.name !== t3.name) {
-    r3 ??= e3.prototype._$AS.name;
-    for (let i5 = e3.prototype; i5 !== Object.prototype; i5 = Object.getPrototypeOf(i5)) if (i5.hasOwnProperty(r3)) return void (i5[r3] = t3);
+// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/private-ssr-support.js
+var r2 = null;
+var i3 = { boundAttributeSuffix: Z.M, marker: Z.P, markerMatch: Z.A, HTML_RESULT: Z.C, getTemplateHtml: Z.L, overrideDirectiveResolve: (e2, t) => class extends e2 {
+  _$AS(e3, r3) {
+    return t(this, r3);
+  }
+}, patchDirectiveResolve: (e2, t) => {
+  if (e2.prototype._$AS.name !== t.name) {
+    r2 ??= e2.prototype._$AS.name;
+    for (let i4 = e2.prototype; i4 !== Object.prototype; i4 = Object.getPrototypeOf(i4)) if (i4.hasOwnProperty(r2)) return void (i4[r2] = t);
     throw Error("Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527");
   }
-}, setDirectiveClass(e3, t3) {
-  e3._$litDirective$ = t3;
-}, getAttributePartCommittedValue: (e3, r4, i5) => {
-  let o2 = w;
-  return e3.j = (e4) => o2 = e4, e3._$AI(r4, e3, i5), o2;
-}, connectedDisconnectable: (e3) => ({ ...e3, _$AU: true }), resolveDirective: W.V, AttributePart: W.H, PropertyPart: W.B, BooleanAttributePart: W.N, EventPart: W.U, ElementPart: W.F, TemplateInstance: W.R, isIterable: W.D, ChildPart: W.I };
+}, setDirectiveClass(e2, t) {
+  e2._$litDirective$ = t;
+}, getAttributePartCommittedValue: (e2, r3, i4) => {
+  let o = E;
+  return e2.j = (e3) => o = e3, e2._$AI(r3, e2, i4), o;
+}, connectedDisconnectable: (e2) => ({ ...e2, _$AU: true }), resolveDirective: Z.V, AttributePart: Z.H, PropertyPart: Z.B, BooleanAttributePart: Z.N, EventPart: Z.U, ElementPart: Z.F, TemplateInstance: Z.R, isIterable: Z.D, ChildPart: Z.I };
 
 // ../../node_modules/.pnpm/@heximal+templates@0.1.5/node_modules/@heximal/templates/index.js
-var { AttributePart, PropertyPart, BooleanAttributePart, EventPart } = i4;
+var { AttributePart, PropertyPart, BooleanAttributePart, EventPart } = i3;
 var astFactory = new EvalAstFactory();
 var expressionCache = /* @__PURE__ */ new Map();
-var toCamelCase = (s2) => s2.replace(/-(-|\w)/g, (_2, p1) => p1.toUpperCase());
-var getSingleValue = (s2, model) => {
-  let ast = expressionCache.get(s2);
+var toCamelCase = (s) => s.replace(/-(-|\w)/g, (_, p1) => p1.toUpperCase());
+var getSingleValue = (s, model) => {
+  let ast = expressionCache.get(s);
   if (ast === void 0) {
-    if (expressionCache.has(s2)) {
+    if (expressionCache.has(s)) {
       return void 0;
     }
-    s2 = s2.trim();
-    if (s2.startsWith("{{") && s2.endsWith("}}")) {
-      const expression = s2.substring(2, s2.length - 2).trim();
+    s = s.trim();
+    if (s.startsWith("{{") && s.endsWith("}}")) {
+      const expression = s.substring(2, s.length - 2).trim();
       ast = new Parser(expression, astFactory).parse();
-      expressionCache.set(s2, ast);
+      expressionCache.set(s, ast);
     }
   }
   return ast?.evaluate(model);
@@ -2765,14 +2924,14 @@ var ifHandler = (template, model, handlers, renderers) => {
   return void 0;
 };
 var bindingRegex = /(?<!\\){{(.*?)(?:(?<!\\)}})/g;
-var hasEscapedBindingMarkers = (s2) => /(?:\\{{)|(?:\\}})/g.test(s2);
-var unescapeBindingMarkers = (s2) => s2.replaceAll(/\\{{/g, "{{").replace(/\\}}/g, "}}");
+var hasEscapedBindingMarkers = (s) => /(?:\\{{)|(?:\\}})/g.test(s);
+var unescapeBindingMarkers = (s) => s.replaceAll(/\\{{/g, "{{").replace(/\\}}/g, "}}");
 var repeatHandler = (template, model, handlers, renderers) => {
   const repeatAttribute = template.getAttribute("repeat");
   if (repeatAttribute !== null) {
     const items = getSingleValue(repeatAttribute, model);
     if (!items[Symbol.iterator]) {
-      return E;
+      return A;
     }
     const litTemplate = getLitTemplate(template);
     let index = -1;
@@ -2975,10 +3134,10 @@ var makeLitTemplate = (template) => {
         }
         const strings = [unescapeBindingMarkers(splitValue[0])];
         const exprs = [];
-        for (let i5 = 1; i5 < splitValue.length; i5 += 2) {
-          const exprText = splitValue[i5];
+        for (let i4 = 1; i4 < splitValue.length; i4 += 2) {
+          const exprText = splitValue[i4];
           exprs.push(parse(exprText, astFactory));
-          strings.push(unescapeBindingMarkers(splitValue[i5 + 1]));
+          strings.push(unescapeBindingMarkers(splitValue[i4 + 1]));
         }
         litTemplate.parts.push({
           type: 1,
@@ -3001,15 +3160,15 @@ var makeLitTemplate = (template) => {
       } else if (hasEscapedBindingMarkers(text)) {
         textNode.textContent = unescapeBindingMarkers(text);
       }
-      for (let i5 = 1; i5 < strings.length; i5 += 2) {
-        const exprText = strings[i5];
+      for (let i4 = 1; i4 < strings.length; i4 += 2) {
+        const exprText = strings[i4];
         const expr = parse(exprText, astFactory);
         litTemplate.parts.push({
           type: 2,
           index: ++nodeIndex,
           update: (model, _handlers) => expr.evaluate(model)
         });
-        const newTextNode = new Text(strings[i5 + 1].replace("\\{{", "{{"));
+        const newTextNode = new Text(strings[i4 + 1].replace("\\{{", "{{"));
         textNode.parentNode.insertBefore(newTextNode, textNode.nextSibling);
         textNode.parentNode.insertBefore(document.createComment(""), textNode.nextSibling);
         textNode = newTextNode;
@@ -3017,268 +3176,368 @@ var makeLitTemplate = (template) => {
       }
     }
   }
-  for (const e3 of elementsToRemove) {
-    e3.remove();
+  for (const e2 of elementsToRemove) {
+    e2.remove();
   }
   return litTemplate;
 };
 
-// ../qti-test/src/components/test-paging-buttons-stamp/test-paging-buttons-stamp.ts
-var _internals2;
+// ../qti-test/dist/components/test-paging-buttons-stamp/test-paging-buttons-stamp.js
+var __decorate14 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var TestPagingButtonsStamp = class extends i2 {
-  constructor() {
-    super();
-    __privateAdd(this, _internals2);
-    __privateSet(this, _internals2, this.attachInternals());
-    __privateGet(this, _internals2).ariaLabel = "pagination";
-  }
+  #internals;
   createRenderRoot() {
     return this;
   }
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.ariaLabel = "pagination";
+  }
   connectedCallback() {
     super.connectedCallback();
     const templateElement = this.querySelector("template");
     this.myTemplate = prepareTemplate(templateElement);
   }
   render() {
-    if (!this.computedContext) return T``;
-    const items = this.computedContext.testParts.flatMap(
-      (testPart) => testPart.sections.flatMap((section) => section.items)
-    );
+    if (!this.computedContext)
+      return T``;
+    const items = this.computedContext.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items));
     return T` ${items.map((item) => this.myTemplate({ item, view: this.computedContext.view }))} `;
   }
 };
-_internals2 = new WeakMap();
-__decorateClass([
+__decorate14([
   c({ context: computedContext, subscribe: true })
-], TestPagingButtonsStamp.prototype, "computedContext", 2);
-TestPagingButtonsStamp = __decorateClass([
-  t("test-paging-buttons-stamp")
-], TestPagingButtonsStamp);
+], TestPagingButtonsStamp.prototype, "computedContext", void 0);
 
-// ../qti-test/src/components/test-container/test-container.ts
-var _templateContent, _TestContainer_instances, initializeTemplateContent_fn, applyStyles_fn;
-var TestContainer = class extends i2 {
+// ../qti-test/dist/components/test-prev/test-prev.js
+var __decorate15 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestPrev = class extends i2 {
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue) {
+      this._internalDisabled = false;
+    }
+  }
+  static {
+    this.styles = i`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+  }
   constructor() {
-    super(...arguments);
-    __privateAdd(this, _TestContainer_instances);
-    this.testURL = null;
-    this.testDoc = null;
-    this.testXML = null;
-    this.qtiContext = {
-      QTI_CONTEXT: { testIdentifier: "", candidateIdentifier: "", environmentIdentifier: "default" }
-    };
-    /** Template content if provided */
-    __privateAdd(this, _templateContent, null);
+    super();
+    this._internalDisabled = true;
+    this.addEventListener("click", (e2) => {
+      e2.preventDefault();
+      if (!this._internalDisabled)
+        this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);
+    });
   }
-  async handleTestURLChange() {
-    if (!this.testURL) return;
-    try {
-      const explicitSeed = this.qtiContext?.QTI_CONTEXT?.seed;
-      let api = (await qtiTransformTest().load(this.testURL)).shuffleOrdering(explicitSeed);
-      const qtiTest = this.closest("qti-test");
-      if (qtiTest?.postLoadTestTransformCallback) {
-        const tempDoc = api.htmlDoc();
-        const testElement = tempDoc.querySelector("qti-assessment-test");
-        if (testElement) {
-          api = await qtiTest.postLoadTestTransformCallback(api, testElement);
-        }
+  willUpdate(_changedProperties) {
+    if (!this.computedContext)
+      return;
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    if (!testPart)
+      return;
+    this.sectionItems = testPart.sections.flatMap((section) => section.items);
+    this.itemIndex = this.sectionItems.findIndex((item) => item.active);
+    this.checkDisabled();
+  }
+  checkDisabled() {
+    this._internalDisabled = !this.computedContext || this.itemIndex === 0 || this.itemIndex === -1;
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(new CustomEvent("qti-request-navigation", {
+      composed: true,
+      bubbles: true,
+      detail: {
+        type: "item",
+        id: identifier
       }
-      this.testDoc = api.htmlDoc();
-    } catch (error) {
-      console.error("Error loading or parsing XML:", error);
-    }
+    }));
   }
-  handleTestXMLChange() {
-    if (!this.testXML) return;
-    try {
-      this.testDoc = qtiTransformTest().parse(this.testXML).htmlDoc();
-    } catch (error) {
-      console.error("Error parsing XML:", error);
-    }
+  render() {
+    return T`<slot></slot>`;
   }
-  async connectedCallback() {
-    super.connectedCallback();
-    __privateMethod(this, _TestContainer_instances, initializeTemplateContent_fn).call(this);
-    __privateMethod(this, _TestContainer_instances, applyStyles_fn).call(this);
-    if (this.testURL) {
-      this.handleTestURLChange();
+};
+__decorate15([
+  n2({ type: Boolean, reflect: true, attribute: "disabled" })
+], TestPrev.prototype, "_internalDisabled", void 0);
+__decorate15([
+  c({ context: computedContext, subscribe: true })
+], TestPrev.prototype, "computedContext", void 0);
+__decorate15([
+  watch("computedContext")
+], TestPrev.prototype, "_handleTestElementChange", null);
+
+// ../qti-test/dist/components/test-print-context/test-print-context.js
+var __decorate16 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestPrintContext = class extends i2 {
+  render() {
+    return T` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
+  }
+};
+__decorate16([
+  r(),
+  c({ context: computedContext, subscribe: true })
+], TestPrintContext.prototype, "computedContext", void 0);
+
+// ../qti-test/dist/components/test-print-item-variables/test-print-item-variables.js
+var __decorate17 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestPrintVariables = class extends i2 {
+  static {
+    this.styles = i`
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 20px 0;
+      font-size: 14px;
+      text-align: left;
     }
-    if (this.testXML) {
-      this.handleTestXMLChange();
+    th,
+    td {
+      border: 1px solid #ddd;
+      padding: 8px;
+    }
+    th {
+      background-color: #f4f4f4;
+      font-weight: bold;
     }
+    h3 {
+      margin-top: 20px;
+      font-size: 16px;
+    }
+  `;
   }
   render() {
+    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
+    if (!activeItem || !activeItem.variables)
+      return T``;
+    const responseVariables = activeItem.variables.filter((v) => v.type === "response");
+    const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
+    const renderTable = (variables, title) => T`
+      <h3>${title}</h3>
+      <table>
+        <thead>
+          <tr>
+            <th>Identifier</th>
+            <th>Value</th>
+            <th>Cardinality</th>
+            <th>Base Type</th>
+            <th>Correct Response / Mappings</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${variables.map((v) => {
+      const correctResponse = v.correctResponse ? Array.isArray(v.correctResponse) ? v.correctResponse.join(", ") : v.correctResponse : "";
+      const mapEntries = v.mapping?.mapEntries?.map((m2) => `${m2.mapKey}=${m2.mappedValue}pt`).join(", ") || "";
+      const areaMapEntries = v.areaMapping?.areaMapEntries?.map((m2) => `${m2.shape}(${m2.coords})=${m2.mappedValue}pt`).join(", ") || "";
+      return T`
+              <tr>
+                <td>${v.identifier}</td>
+                <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
+                <td>${v.cardinality}</td>
+                <td>${v.baseType}</td>
+                <td>${correctResponse || mapEntries || areaMapEntries}</td>
+              </tr>
+            `;
+    })}
+        </tbody>
+      </table>
+    `;
     return T`
-      ${__privateGet(this, _templateContent)}
-      <slot></slot>
-      ${m(this.testDoc, T`<span>Loading...</span>`)}
+      ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
     `;
   }
 };
-_templateContent = new WeakMap();
-_TestContainer_instances = new WeakSet();
-initializeTemplateContent_fn = function() {
-  const template = this.querySelector("template");
-  __privateSet(this, _templateContent, template ? template.content : T``);
+__decorate17([
+  c({ context: computedContext, subscribe: true })
+], TestPrintVariables.prototype, "computedContext", void 0);
+
+// ../qti-test/dist/components/test-scoring-buttons/test-scoring-buttons.js
+var __decorate18 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
 };
-applyStyles_fn = function() {
-  const sheet = new CSSStyleSheet();
-  sheet.replaceSync(item_default);
-  this.shadowRoot.adoptedStyleSheets = [sheet];
+var TestScoringButtons = class extends i2 {
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  #changeOutcomeScore(value) {
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    const sectionItems = testPart.sections.flatMap((section) => section.items);
+    const currentItemIdentifier = sectionItems.find((item) => item.active)?.identifier;
+    this.dispatchEvent(new CustomEvent("test-update-outcome-variable", {
+      detail: {
+        assessmentItemRefId: currentItemIdentifier,
+        outcomeVariableId: "SCORE",
+        value
+      },
+      bubbles: true
+    }));
+  }
+  render() {
+    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
+    if (!activeItem || !activeItem.variables)
+      return T``;
+    const maxScore = activeItem.variables.find((vr) => vr.identifier == "MAXSCORE")?.value;
+    const scoreOutcome = activeItem.variables.find((vr) => vr.identifier == "SCORE");
+    const score = scoreOutcome?.value;
+    const disabled = !(scoreOutcome?.externalScored === "human");
+    if (!maxScore || !scoreOutcome)
+      return A;
+    const scores = [...Array(Number(maxScore) + 1).keys()];
+    return T`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : A}`;
+  }
+  constructor() {
+    super();
+    this.view = "";
+    this.disabled = false;
+    this.myTemplate = null;
+    this.addEventListener("click", (e2) => {
+      const target = e2.target;
+      const value = parseFloat(target.value);
+      if (target.tagName === "INPUT") {
+        this.#changeOutcomeScore(value);
+      }
+    });
+  }
 };
-__decorateClass([
-  n({ type: String, attribute: "test-url" })
-], TestContainer.prototype, "testURL", 2);
-__decorateClass([
-  r()
-], TestContainer.prototype, "testDoc", 2);
-__decorateClass([
-  r()
-], TestContainer.prototype, "testXML", 2);
-__decorateClass([
-  r(),
-  c({ context: qtiContext, subscribe: true })
-], TestContainer.prototype, "qtiContext", 2);
-__decorateClass([
-  watch("testURL", { waitUntilFirstUpdate: true })
-], TestContainer.prototype, "handleTestURLChange", 1);
-__decorateClass([
-  watch("testXML", { waitUntilFirstUpdate: true })
-], TestContainer.prototype, "handleTestXMLChange", 1);
-TestContainer = __decorateClass([
-  t("test-container")
-], TestContainer);
+__decorate18([
+  n2({ type: String, attribute: "view" })
+], TestScoringButtons.prototype, "view", void 0);
+__decorate18([
+  n2({ type: Boolean })
+], TestScoringButtons.prototype, "disabled", void 0);
+__decorate18([
+  c({ context: computedContext, subscribe: true })
+], TestScoringButtons.prototype, "computedContext", void 0);
 
-// ../qti-test/src/components/test-print-item-variables/test-print-item-variables.ts
-var TestPrintVariables = class extends i2 {
+// ../qti-test/dist/components/test-scoring-feedback/test-scoring-feedback.js
+var __decorate19 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var TestScoringFeedback = class extends i2 {
+  constructor() {
+    super(...arguments);
+    this.view = null;
+  }
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (!activeItem || !activeItem.variables) return T``;
-    const responseVariables = activeItem.variables.filter((v2) => v2.type === "response");
-    const outcomeVariables = activeItem.variables.filter((v2) => v2.type === "outcome");
-    const renderTable = (variables, title) => T`
-      <h3>${title}</h3>
-      <table>
-        <thead>
-          <tr>
-            <th>Identifier</th>
-            <th>Value</th>
-            <th>Cardinality</th>
-            <th>Base Type</th>
-            <th>Correct Response / Mappings</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${variables.map((v2) => {
-      const correctResponse = v2.correctResponse ? Array.isArray(v2.correctResponse) ? v2.correctResponse.join(", ") : v2.correctResponse : "";
-      const mapEntries = v2.mapping?.mapEntries?.map((m3) => `${m3.mapKey}=${m3.mappedValue}pt`).join(", ") || "";
-      const areaMapEntries = v2.areaMapping?.areaMapEntries?.map((m3) => `${m3.shape}(${m3.coords})=${m3.mappedValue}pt`).join(", ") || "";
-      return T`
-              <tr>
-                <td>${v2.identifier}</td>
-                <td>${Array.isArray(v2.value) ? v2.value.join(", ") : v2.value}</td>
-                <td>${v2.cardinality}</td>
-                <td>${v2.baseType}</td>
-                <td>${correctResponse || mapEntries || areaMapEntries}</td>
-              </tr>
-            `;
-    })}
-        </tbody>
-      </table>
-    `;
-    return T`
-      ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
-    `;
+    if (!activeItem || !activeItem.variables)
+      return T``;
+    if (activeItem["category"] === "dep-informational")
+      return T`<div>${this.dataset.informational}</div>`;
+    const completionStatus = activeItem?.variables.find((v) => v.identifier === "completionStatus")?.value;
+    const scoreOutcome = activeItem?.variables.find((vr) => vr.identifier == "SCORE");
+    const score = parseFloat(scoreOutcome?.value);
+    const externalScored = activeItem["externalScored"];
+    const feedbackText = () => {
+      if (completionStatus !== "completed") {
+        return this.dataset.textNoResponse;
+      }
+      if (!externalScored && score !== void 0 && !Number.isNaN(score)) {
+        return score > 0 ? this.dataset.textCorrect : this.dataset.textIncorrect;
+      }
+      if (externalScored === "externalMachine") {
+        return Number.isNaN(score) || score === void 0 ? this.dataset.scoreUnknown : `We hebben je antwoord ${score === 0 ? "geen punten" : score == 1 ? "\xE9\xE9n punt" : `${score} punten`} gegeven. Je kunt je score zelf aanpassen als je denkt dat dat niet klopt.`;
+      }
+      if (externalScored === "human") {
+        return Number.isNaN(score) ? "" : "Deze score heb je zelf toegekend.";
+      }
+      return this.dataset.inProgress;
+    };
+    return T`<div>${feedbackText()}</div>`;
   }
 };
-TestPrintVariables.styles = i`
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      margin: 20px 0;
-      font-size: 14px;
-      text-align: left;
-    }
-    th,
-    td {
-      border: 1px solid #ddd;
-      padding: 8px;
-    }
-    th {
-      background-color: #f4f4f4;
-      font-weight: bold;
-    }
-    h3 {
-      margin-top: 20px;
-      font-size: 16px;
-    }
-  `;
-__decorateClass([
+__decorate19([
   c({ context: computedContext, subscribe: true })
-], TestPrintVariables.prototype, "computedContext", 2);
-TestPrintVariables = __decorateClass([
-  t("test-print-item-variables")
-], TestPrintVariables);
+], TestScoringFeedback.prototype, "computedContext", void 0);
+__decorate19([
+  n2({ type: String, attribute: "view" })
+], TestScoringFeedback.prototype, "view", void 0);
 
-// ../qti-test/src/components/test-section-buttons-stamp/test-section-buttons-stamp.ts
-var _internals3;
+// ../qti-test/dist/components/test-section-buttons-stamp/test-section-buttons-stamp.js
+var __decorate20 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var TestSectionButtonsStamp = class extends i2 {
-  constructor() {
-    super();
-    __privateAdd(this, _internals3);
-    __privateSet(this, _internals3, this.attachInternals());
-    __privateGet(this, _internals3).ariaLabel = "pagination";
-  }
+  #internals;
   createRenderRoot() {
     return this;
   }
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.ariaLabel = "pagination";
+  }
   connectedCallback() {
     super.connectedCallback();
     const templateElement = this.querySelector("template");
     this.myTemplate = prepareTemplate(templateElement);
   }
   render() {
-    if (!this.computedContext) return T``;
+    if (!this.computedContext)
+      return T``;
     const sections = this.computedContext.testParts.flatMap((testPart) => testPart.sections);
     return T` ${sections.map((item) => this.myTemplate({ item }))} `;
   }
 };
-_internals3 = new WeakMap();
-__decorateClass([
+__decorate20([
   c({ context: computedContext, subscribe: true })
-], TestSectionButtonsStamp.prototype, "computedContext", 2);
-TestSectionButtonsStamp = __decorateClass([
-  t("test-section-buttons-stamp")
-], TestSectionButtonsStamp);
+], TestSectionButtonsStamp.prototype, "computedContext", void 0);
 
-// ../qti-test/src/components/test-section-link/test-section-link.ts
-var _TestSectionLink_instances, requestItem_fn;
-var TestSectionLink = class extends i2 {
-  constructor() {
-    super();
-    __privateAdd(this, _TestSectionLink_instances);
-    this.sectionId = null;
-    this.addEventListener("click", () => __privateMethod(this, _TestSectionLink_instances, requestItem_fn).call(this, this.sectionId));
-  }
-  render() {
-    return T` <slot></slot> `;
-  }
-};
-_TestSectionLink_instances = new WeakSet();
-requestItem_fn = function(identifier) {
-  this.dispatchEvent(
-    new CustomEvent("qti-request-navigation", {
-      composed: true,
-      bubbles: true,
-      detail: {
-        type: "section",
-        id: identifier
-      }
-    })
-  );
+// ../qti-test/dist/components/test-section-link/test-section-link.js
+var __decorate21 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
 };
-TestSectionLink.styles = i`
+var TestSectionLink = class extends i2 {
+  static {
+    this.styles = i`
     :host {
       ${btn};
     }
@@ -3286,28 +3545,37 @@ TestSectionLink.styles = i`
       ${dis};
     }
   `;
-__decorateClass([
-  n({ type: String, attribute: "section-id" })
-], TestSectionLink.prototype, "sectionId", 2);
-TestSectionLink = __decorateClass([
-  t("test-section-link")
-], TestSectionLink);
-
-// ../qti-test/src/components/test-print-context/test-print-context.ts
-var TestPrintContext = class extends i2 {
+  }
+  #requestItem(identifier) {
+    this.dispatchEvent(new CustomEvent("qti-request-navigation", {
+      composed: true,
+      bubbles: true,
+      detail: {
+        type: "section",
+        id: identifier
+      }
+    }));
+  }
+  constructor() {
+    super();
+    this.sectionId = null;
+    this.addEventListener("click", () => this.#requestItem(this.sectionId));
+  }
   render() {
-    return T` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
+    return T` <slot></slot> `;
   }
 };
-__decorateClass([
-  r(),
-  c({ context: computedContext, subscribe: true })
-], TestPrintContext.prototype, "computedContext", 2);
-TestPrintContext = __decorateClass([
-  t("test-print-context")
-], TestPrintContext);
+__decorate21([
+  n2({ type: String, attribute: "section-id" })
+], TestSectionLink.prototype, "sectionId", void 0);
 
-// ../qti-test/src/components/test-stamp/test-stamp.ts
+// ../qti-test/dist/components/test-stamp/test-stamp.js
+var __decorate22 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var TestStamp = class extends i2 {
   constructor() {
     super(...arguments);
@@ -3365,103 +3633,106 @@ var TestStamp = class extends i2 {
       activeTestpart: augmentedTestPart,
       test: activeTest
     };
-    this.dispatchEvent(
-      new CustomEvent("qti-stamp-context-updated", {
-        detail: this.stampContext,
-        bubbles: true
-      })
-    );
+    this.dispatchEvent(new CustomEvent("qti-stamp-context-updated", {
+      detail: this.stampContext,
+      bubbles: true
+    }));
   }
   render() {
     return T` ${this.debug ? T`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : A}
     ${this.myTemplate ? this.myTemplate(this.stampContext) : A}`;
   }
 };
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TestStamp.prototype, "debug", 2);
-__decorateClass([
+__decorate22([
+  n2({ type: Boolean, reflect: true })
+], TestStamp.prototype, "debug", void 0);
+__decorate22([
   r(),
   c({ context: computedContext, subscribe: true })
-], TestStamp.prototype, "computedContext", 2);
-__decorateClass([
+], TestStamp.prototype, "computedContext", void 0);
+__decorate22([
   r()
-], TestStamp.prototype, "stampContext", 2);
-TestStamp = __decorateClass([
-  t("test-stamp")
-], TestStamp);
+], TestStamp.prototype, "stampContext", void 0);
 
-// ../qti-test/src/components/test-scoring-buttons/test-scoring-buttons.ts
-var _TestScoringButtons_instances, changeOutcomeScore_fn;
-var TestScoringButtons = class extends i2 {
+// ../qti-test/dist/components/test-view-toggle/test-view.js
+var __decorate23 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
+var _a;
+var TestView = class extends i2 {
   constructor() {
-    super();
-    __privateAdd(this, _TestScoringButtons_instances);
-    this.view = "";
-    this.disabled = false;
-    this.myTemplate = null;
-    this.addEventListener("click", (e3) => {
-      const target = e3.target;
-      const value = parseFloat(target.value);
-      if (target.tagName === "INPUT") {
-        __privateMethod(this, _TestScoringButtons_instances, changeOutcomeScore_fn).call(this, value);
-      }
-    });
+    super(...arguments);
+    this.label = "view";
+    this._handleViewOptionsChange = () => {
+      this.#updateViewOptions();
+    };
+    this._viewOptions = _a.DEFAULT_VIEW_OPTIONS;
   }
-  createRenderRoot() {
-    return this;
+  static {
+    this.DEFAULT_VIEW_OPTIONS = ["author", "candidate", "proctor", "scorer", "testConstructor", "tutor"];
   }
   connectedCallback() {
     super.connectedCallback();
-    const templateElement = this.querySelector("template");
-    if (!templateElement) {
-      this.myTemplate = null;
-      return;
+    this.#updateViewOptions();
+  }
+  #updateViewOptions() {
+    if (this.viewOptions) {
+      const options = this.viewOptions.split(",").map((opt) => opt.trim());
+      this._viewOptions = options.filter((opt) => _a.DEFAULT_VIEW_OPTIONS.includes(opt));
+    } else {
+      this._viewOptions = _a.DEFAULT_VIEW_OPTIONS;
     }
-    this.myTemplate = prepareTemplate(templateElement);
+  }
+  _switchView(view) {
+    this.dispatchEvent(new CustomEvent("on-test-switch-view", {
+      composed: true,
+      bubbles: true,
+      detail: view
+    }));
   }
   render() {
-    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (!activeItem || !activeItem.variables) return T``;
-    const maxScore = activeItem.variables.find((vr) => vr.identifier == "MAXSCORE")?.value;
-    const scoreOutcome = activeItem.variables.find((vr) => vr.identifier == "SCORE");
-    const score = scoreOutcome?.value;
-    const disabled = !(scoreOutcome?.externalScored === "human");
-    if (!maxScore || !scoreOutcome) return A;
-    const scores = [...Array(Number(maxScore) + 1).keys()];
-    return T`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : A}`;
+    return T`
+      <label part="label" for="viewSelect">${this.label}</label>
+      <select
+        part="select"
+        id="viewSelect"
+        @change=${(e2) => {
+      const el = e2.target;
+      this._switchView(el.value);
+    }}
+      >
+        ${this._viewOptions.map((v) => T`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`)}
+      </select>
+    `;
   }
 };
-_TestScoringButtons_instances = new WeakSet();
-changeOutcomeScore_fn = function(value) {
-  const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
-  const sectionItems = testPart.sections.flatMap((section) => section.items);
-  const currentItemIdentifier = sectionItems.find((item) => item.active)?.identifier;
-  this.dispatchEvent(
-    new CustomEvent("test-update-outcome-variable", {
-      detail: {
-        assessmentItemRefId: currentItemIdentifier,
-        outcomeVariableId: "SCORE",
-        value
-      },
-      bubbles: true
-    })
-  );
-};
-__decorateClass([
-  n({ type: String, attribute: "view" })
-], TestScoringButtons.prototype, "view", 2);
-__decorateClass([
-  n({ type: Boolean })
-], TestScoringButtons.prototype, "disabled", 2);
-__decorateClass([
-  c({ context: computedContext, subscribe: true })
-], TestScoringButtons.prototype, "computedContext", 2);
-TestScoringButtons = __decorateClass([
-  t("test-scoring-buttons")
-], TestScoringButtons);
+_a = TestView;
+__decorate23([
+  c({ context: sessionContext, subscribe: true })
+], TestView.prototype, "sessionContext", void 0);
+__decorate23([
+  n2({ type: String })
+], TestView.prototype, "label", void 0);
+__decorate23([
+  n2({ type: String, attribute: "view-options" })
+], TestView.prototype, "viewOptions", void 0);
+__decorate23([
+  watch("viewOptions", { waitUntilFirstUpdate: true })
+], TestView.prototype, "_handleViewOptionsChange", void 0);
+__decorate23([
+  r()
+], TestView.prototype, "_viewOptions", void 0);
 
-// ../qti-test/src/components/test-view-toggle/test-view-toggle.ts
+// ../qti-test/dist/components/test-view-toggle/test-view-toggle.js
+var __decorate24 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r3 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r3 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i4 = decorators.length - 1; i4 >= 0; i4--) if (d = decorators[i4]) r3 = (c2 < 3 ? d(r3) : c2 > 3 ? d(target, key, r3) : d(target, key)) || r3;
+  return c2 > 3 && r3 && Object.defineProperty(target, key, r3), r3;
+};
 var TestViewToggle = class extends i2 {
   createRenderRoot() {
     return this;
@@ -3476,13 +3747,11 @@ var TestViewToggle = class extends i2 {
     this.myTemplate = prepareTemplate(templateElement);
   }
   _switchView(view) {
-    this.dispatchEvent(
-      new CustomEvent("on-test-switch-view", {
-        composed: true,
-        bubbles: true,
-        detail: view
-      })
-    );
+    this.dispatchEvent(new CustomEvent("on-test-switch-view", {
+      composed: true,
+      bubbles: true,
+      detail: view
+    }));
   }
   firstUpdated(_changedProperties) {
     this.addEventListener("click", () => {
@@ -3499,126 +3768,86 @@ var TestViewToggle = class extends i2 {
     }) : A}`;
   }
 };
-__decorateClass([
+__decorate24([
   c({ context: sessionContext, subscribe: true })
-], TestViewToggle.prototype, "sessionContext", 2);
-TestViewToggle = __decorateClass([
-  t("test-view-toggle")
-], TestViewToggle);
-
-// ../qti-test/src/components/test-scoring-feedback/test-scoring-feedback.ts
-var TestScoringFeedback = class extends i2 {
-  constructor() {
-    super(...arguments);
-    this.view = null;
-  }
-  render() {
-    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (!activeItem || !activeItem.variables) return T``;
-    if (activeItem["category"] === "dep-informational") return T`<div>${this.dataset.informational}</div>`;
-    const completionStatus = activeItem?.variables.find((v2) => v2.identifier === "completionStatus")?.value;
-    const scoreOutcome = activeItem?.variables.find((vr) => vr.identifier == "SCORE");
-    const score = parseFloat(scoreOutcome?.value);
-    const externalScored = activeItem["externalScored"];
-    const feedbackText = () => {
-      if (completionStatus !== "completed") {
-        return this.dataset.textNoResponse;
-      }
-      if (!externalScored && score !== void 0 && !Number.isNaN(score)) {
-        return score > 0 ? this.dataset.textCorrect : this.dataset.textIncorrect;
-      }
-      if (externalScored === "externalMachine") {
-        return Number.isNaN(score) || score === void 0 ? this.dataset.scoreUnknown : `We hebben je antwoord ${score === 0 ? "geen punten" : score == 1 ? "\xE9\xE9n punt" : `${score} punten`} gegeven. Je kunt je score zelf aanpassen als je denkt dat dat niet klopt.`;
-      }
-      if (externalScored === "human") {
-        return Number.isNaN(score) ? "" : "Deze score heb je zelf toegekend.";
-      }
-      return this.dataset.inProgress;
-    };
-    return T`<div>${feedbackText()}</div>`;
-  }
-};
-__decorateClass([
-  c({ context: computedContext, subscribe: true })
-], TestScoringFeedback.prototype, "computedContext", 2);
-__decorateClass([
-  n({ type: String, attribute: "view" })
-], TestScoringFeedback.prototype, "view", 2);
-TestScoringFeedback = __decorateClass([
-  t("test-scoring-feedback")
-], TestScoringFeedback);
+], TestViewToggle.prototype, "sessionContext", void 0);
 
-// ../qti-test/src/components/test-check-item/test-check-item.ts
-var TestCheckItem = class extends i2 {
-  constructor() {
-    super();
-    this.addEventListener("click", () => {
-      this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true }));
-      this.dispatchEvent(
-        new CustomEvent("test-show-correct-response", {
-          detail: true,
-          bubbles: true
-        })
-      );
-      const qtiTest = this.closest("qti-test");
-      const testContainer = qtiTest.querySelector("test-container");
-      const viewElements = Array.from(testContainer.shadowRoot.querySelectorAll("[view]"));
-      viewElements.forEach((element) => {
-        element.classList.toggle("show", true);
-      });
-    });
-  }
-  render() {
-    return T` <slot></slot> `;
-  }
-};
-TestCheckItem.styles = i`
-    :host {
-      ${btn};
-    }
-    :host([disabled]) {
-      ${dis};
-    }
-  `;
-TestCheckItem = __decorateClass([
-  t("test-check-item")
-], TestCheckItem);
+// ../qti-test/dist/elements.js
+var qtiTestElements = [
+  { tag: "qti-assessment-item-ref", ctor: QtiAssessmentItemRef },
+  { tag: "qti-assessment-section", ctor: QtiAssessmentSection },
+  { tag: "qti-assessment-test", ctor: QtiAssessmentTest },
+  { tag: "qti-outcome-processing", ctor: QtiOutcomeProcessing },
+  { tag: "qti-test", ctor: QtiTest },
+  { tag: "qti-test-feedback", ctor: QtiTestFeedback },
+  { tag: "qti-test-part", ctor: QtiTestPart },
+  { tag: "qti-test-variables", ctor: QtiTestVariables },
+  { tag: "test-check-item", ctor: TestCheckItem },
+  { tag: "test-container", ctor: TestContainer },
+  { tag: "test-end-attempt", ctor: TestEndAttempt },
+  { tag: "test-item-link", ctor: TestItemLink },
+  { tag: "test-item-to-speech", ctor: TestItemToSpeech },
+  { tag: "test-navigation", ctor: TestNavigation },
+  { tag: "test-next", ctor: TestNext },
+  { tag: "test-paging-buttons-stamp", ctor: TestPagingButtonsStamp },
+  { tag: "test-prev", ctor: TestPrev },
+  { tag: "test-print-context", ctor: TestPrintContext },
+  { tag: "test-print-item-variables", ctor: TestPrintVariables },
+  { tag: "test-scoring-buttons", ctor: TestScoringButtons },
+  { tag: "test-scoring-feedback", ctor: TestScoringFeedback },
+  { tag: "test-section-buttons-stamp", ctor: TestSectionButtonsStamp },
+  { tag: "test-section-link", ctor: TestSectionLink },
+  { tag: "test-stamp", ctor: TestStamp },
+  { tag: "test-tts-next", ctor: TestTtsNext },
+  { tag: "test-tts-pause", ctor: TestTtsPause },
+  { tag: "test-tts-play", ctor: TestTtsPlay },
+  { tag: "test-tts-prev", ctor: TestTtsPrev },
+  { tag: "test-tts-resume", ctor: TestTtsResume },
+  { tag: "test-tts-stop", ctor: TestTtsStop },
+  { tag: "test-view", ctor: TestView },
+  { tag: "test-view-toggle", ctor: TestViewToggle }
+];
 
 export {
-  QtiTest,
   QtiAssessmentItemRef,
   QtiAssessmentSection,
   QtiAssessmentTest,
-  QtiTestPart,
+  QtiOutcomeProcessing,
+  QtiOutcomeProcessingProcessor,
   QtiTestFeedback,
+  QtiTestPart,
+  QtiTestVariables,
+  QtiTestVariablesExpression,
+  QtiTest,
+  TestCheckItem,
+  TestContainer,
+  TestEndAttempt,
+  TestItemLink,
+  ttsContext,
+  TestItemToSpeech,
+  TestTtsPlay,
+  TestTtsPause,
+  TestTtsResume,
+  TestTtsStop,
+  TestTtsPrev,
+  TestTtsNext,
   TestNavigation,
   TestNext,
-  TestPrev,
-  TestView,
-  TestItemLink,
-  TestEndAttempt,
-  TestShowCorrectResponse,
   TestPagingButtonsStamp,
-  TestContainer,
+  TestPrev,
+  TestPrintContext,
   TestPrintVariables,
+  TestScoringButtons,
+  TestScoringFeedback,
   TestSectionButtonsStamp,
   TestSectionLink,
-  TestPrintContext,
   TestStamp,
-  TestScoringButtons,
+  TestView,
   TestViewToggle,
-  TestScoringFeedback,
-  TestCheckItem
+  qtiTestElements
 };
 /*! Bundled license information:
 
-lit-html/node/lit-html.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
 @heximal/expressions/lib/constants.js:
 @heximal/expressions/lib/tokenizer.js:
 @heximal/expressions/lib/parser.js:
@@ -3636,4 +3865,4 @@ lit-html/node/private-ssr-support.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-HFCZFWSH.js.map
+//# sourceMappingURL=chunk-RXGDQDOV.js.map