@citolab/qti-components 8.0.1 → 8.0.2

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

@@ -1,45 +1,35 @@
 import {
   QtiModalFeedback
-} from "./chunk-WVVMNF74.js";
+} from "./chunk-7AVWRQIS.js";
 import {
-  item_default,
-  m
-} from "./chunk-7HC5SMCU.js";
+  item_default
+} from "./chunk-G6GFQDVN.js";
 import {
   watch
-} from "./chunk-64XSIBGO.js";
+} from "./chunk-4DB4SC5K.js";
 import {
   qtiTransformItem,
   qtiTransformTest
 } from "./chunk-IJD53WY6.js";
 import {
-  A,
-  E,
   INITIAL_SESSION_CONTEXT,
   INITIAL_TEST_CONTEXT,
   QtiExpression,
-  T,
-  Z,
-  c,
   computedContext,
   configContext,
-  e,
-  i,
-  i2,
-  n,
-  n2,
   qtiContext,
-  r,
   sessionContext,
   testContext
-} from "./chunk-H3J7LFRO.js";
+} from "./chunk-HQESINXH.js";
 
 // ../qti-test/dist/components/qti-assessment-item-ref/qti-assessment-item-ref.js
+import { LitElement } from "lit";
+import { property } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var stringToBooleanConverter = {
   fromAttribute(value) {
@@ -49,7 +39,7 @@ var stringToBooleanConverter = {
     return value ? "true" : "false";
   }
 };
-var QtiAssessmentItemRef = class extends i2 {
+var QtiAssessmentItemRef = class extends LitElement {
   constructor() {
     super(...arguments);
     this.weigths = /* @__PURE__ */ new Map();
@@ -74,30 +64,33 @@ var QtiAssessmentItemRef = class extends i2 {
   }
 };
 __decorate([
-  n2({ type: String })
+  property({ type: String })
 ], QtiAssessmentItemRef.prototype, "category", void 0);
 __decorate([
-  n2({ type: String })
+  property({ type: String })
 ], QtiAssessmentItemRef.prototype, "identifier", void 0);
 __decorate([
-  n2({ type: Boolean, converter: stringToBooleanConverter })
+  property({ type: Boolean, converter: stringToBooleanConverter })
 ], QtiAssessmentItemRef.prototype, "required", void 0);
 __decorate([
-  n2({ type: Boolean, converter: stringToBooleanConverter })
+  property({ type: Boolean, converter: stringToBooleanConverter })
 ], QtiAssessmentItemRef.prototype, "fixed", void 0);
 __decorate([
-  n2({ type: String })
+  property({ type: String })
 ], QtiAssessmentItemRef.prototype, "href", void 0);
 __decorate([
-  n2({ type: Object, attribute: false })
+  property({ type: Object, attribute: false })
 ], QtiAssessmentItemRef.prototype, "xmlDoc", void 0);
 
 // ../qti-test/dist/components/qti-assessment-section/qti-assessment-section.js
+import { consume } from "@lit/context";
+import { html, LitElement as LitElement2 } from "lit";
+import { property as property2 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var stringToBooleanConverter2 = {
   fromAttribute(value) {
@@ -107,7 +100,7 @@ var stringToBooleanConverter2 = {
     return value ? "true" : "false";
   }
 };
-var QtiAssessmentSection = class extends i2 {
+var QtiAssessmentSection = class extends LitElement2 {
   get title() {
     return this.#title;
   }
@@ -127,36 +120,45 @@ var QtiAssessmentSection = class extends i2 {
     }));
   }
   render() {
-    return T`<slot name="qti-rubric-block"></slot><slot></slot>`;
+    return html`<slot name="qti-rubric-block"></slot><slot></slot>`;
   }
 };
 __decorate2([
-  n2({ type: String })
+  property2({ type: String })
 ], QtiAssessmentSection.prototype, "identifier", void 0);
 __decorate2([
-  n2({ type: String })
+  property2({ type: String })
 ], QtiAssessmentSection.prototype, "required", void 0);
 __decorate2([
-  n2({ type: Boolean, converter: stringToBooleanConverter2 })
+  property2({ type: Boolean, converter: stringToBooleanConverter2 })
 ], QtiAssessmentSection.prototype, "fixed", void 0);
 __decorate2([
-  n2({ type: Boolean, converter: stringToBooleanConverter2 })
+  property2({ type: Boolean, converter: stringToBooleanConverter2 })
 ], QtiAssessmentSection.prototype, "visible", void 0);
 __decorate2([
-  n2({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
+  property2({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
 ], QtiAssessmentSection.prototype, "keepTogether", void 0);
 __decorate2([
-  c({ context: testContext, subscribe: true })
+  property2({ type: String, attribute: "navigation-mode" })
+], QtiAssessmentSection.prototype, "navigationMode", void 0);
+__decorate2([
+  property2({ type: String, attribute: "submission-mode" })
+], QtiAssessmentSection.prototype, "submissionMode", void 0);
+__decorate2([
+  consume({ context: testContext, subscribe: true })
 ], QtiAssessmentSection.prototype, "_testContext", void 0);
 
 // ../qti-test/dist/components/qti-assessment-test/qti-assessment-test.js
+import { consume as consume2 } from "@lit/context";
+import { html as html2, LitElement as LitElement3 } from "lit";
+import { property as property3 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var QtiAssessmentTest = class extends i2 {
+var QtiAssessmentTest = class extends LitElement3 {
   get title() {
     return this.#title;
   }
@@ -176,24 +178,25 @@ var QtiAssessmentTest = class extends i2 {
     }));
   }
   render() {
-    return T` <slot></slot>`;
+    return html2` <slot></slot>`;
   }
 };
 __decorate3([
-  n2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentTest.prototype, "identifier", void 0);
 __decorate3([
-  n2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentTest.prototype, "title", null);
 __decorate3([
-  c({ context: testContext, subscribe: true })
+  consume2({ 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 {
+import { css, html as html3, LitElement as LitElement4 } from "lit";
+var QtiOutcomeProcessing = class extends LitElement4 {
   static {
     this.styles = [
-      i`
+      css`
       :host {
         display: none;
       }
@@ -201,7 +204,7 @@ var QtiOutcomeProcessing = class extends i2 {
     ];
   }
   render() {
-    return T`<slot></slot>`;
+    return html3`<slot></slot>`;
   }
   process() {
     const logic = new QtiOutcomeProcessingProcessor();
@@ -218,27 +221,30 @@ var QtiOutcomeProcessingProcessor = class {
 };
 
 // ../qti-test/dist/components/qti-test-feedback/qti-test-feedback.js
+import { css as css2, html as html4 } from "lit";
 var QtiTestFeedback = class extends QtiModalFeedback {
   static {
-    this.styles = i`
+    this.styles = css2`
     :host {
       color: gray;
     }
   `;
   }
   render() {
-    return T``;
+    return html4``;
   }
 };
 
 // ../qti-test/dist/components/qti-test-part/qti-test-part.js
+import { html as html5, LitElement as LitElement5 } from "lit";
+import { property as property4 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var QtiTestPart = class extends i2 {
+var QtiTestPart = class extends LitElement5 {
   constructor() {
     super(...arguments);
     this.identifier = "";
@@ -265,34 +271,35 @@ var QtiTestPart = class extends i2 {
     }));
   }
   render() {
-    return T` <slot></slot>`;
+    return html5` <slot></slot>`;
   }
 };
 __decorate4([
-  n2({ type: String })
+  property4({ type: String })
 ], QtiTestPart.prototype, "identifier", void 0);
 __decorate4([
-  n2({ type: String })
+  property4({ type: String })
 ], QtiTestPart.prototype, "class", void 0);
 __decorate4([
-  n2({ type: String, attribute: "navigation-mode" })
+  property4({ type: String, attribute: "navigation-mode" })
 ], QtiTestPart.prototype, "navigationMode", void 0);
 __decorate4([
-  n2({ type: String, attribute: "submission-mode" })
+  property4({ type: String, attribute: "submission-mode" })
 ], QtiTestPart.prototype, "submissionMode", void 0);
 
 // ../qti-test/dist/components/qti-test-variables/qti-test-variables.js
+import { consume as consume3 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var QtiTestVariables = class extends QtiExpression {
   #testElement;
   constructor() {
     super();
-    this.addEventListener("qti-assessment-test-connected", (e2) => this.#testElement = e2.detail);
+    this.addEventListener("qti-assessment-test-connected", (e) => this.#testElement = e.detail);
   }
   getResult() {
     const includedCategories = this.getAttribute("include-category")?.split(" ") ?? [];
@@ -328,7 +335,7 @@ var QtiTestVariables = class extends QtiExpression {
   }
 };
 __decorate5([
-  c({ context: testContext, subscribe: true })
+  consume3({ context: testContext, subscribe: true })
 ], QtiTestVariables.prototype, "_testContext", void 0);
 var QtiTestVariablesExpression = class {
   constructor(testContext2, itemVariable, includedItems) {
@@ -343,7 +350,7 @@ var QtiTestVariablesExpression = class {
     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;
+        const weight = this.includedItems.find((i) => i.item === item.identifier)?.weight ?? 1;
         if (variable) {
           total += Number(variable.value) * weight;
         }
@@ -353,12 +360,18 @@ var QtiTestVariablesExpression = class {
   }
 };
 
+// ../qti-test/dist/components/qti-test/qti-test.js
+import { provide as provide2 } from "@lit/context";
+import { html as html6, LitElement as LitElement7 } from "lit";
+import { state } from "lit/decorators.js";
+
 // ../qti-test/dist/mixins/test-navigation.mixin.js
+import { property as property5 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var TestNavigationMixin = (superClass) => {
   class TestNavigationClass extends superClass {
@@ -409,15 +422,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(e2) {
-      this._testElement = e2.detail;
+    _handleTestConnected(e) {
+      this._testElement = e.detail;
       this._initializeNavigation();
     }
     /**
      * Handle item connection events - track connected items and discover stimulus references
      */
-    _handleItemConnected(e2) {
-      const itemRef = e2.detail;
+    _handleItemConnected(e) {
+      const itemRef = e.detail;
       this._loadingState.connectedItems++;
       const stimulusRefs = itemRef.querySelectorAll("qti-assessment-stimulus-ref");
       this._loadingState.expectedStimulus += stimulusRefs.length;
@@ -426,9 +439,9 @@ var TestNavigationMixin = (superClass) => {
     /**
      * Handle stimulus reference connection events with duplicate prevention
      */
-    async _handleStimulusRefConnected(e2) {
-      e2.preventDefault();
-      const { element, item } = e2;
+    async _handleStimulusRefConnected(e) {
+      e.preventDefault();
+      const { element, item } = e;
       console.info("Stimulus ref connected:", {
         identifier: element.identifier,
         href: element.href,
@@ -481,12 +494,40 @@ var TestNavigationMixin = (superClass) => {
         this.navigateTo(this.navigate, id);
       }
     }
+    _isLinearNavigationRestricted(type, targetId) {
+      const currentItemId = this.sessionContext?.navItemRefId;
+      if (!currentItemId)
+        return false;
+      if (type === "item" && targetId === currentItemId)
+        return false;
+      const currentItemRef = this._testElement?.querySelector(`qti-assessment-item-ref[identifier="${currentItemId}"]`);
+      if (!currentItemRef)
+        return false;
+      const section = currentItemRef.closest("qti-assessment-section");
+      const testPart = currentItemRef.closest("qti-test-part");
+      const navigationMode = section?.navigationMode || section?.getAttribute("navigation-mode") || testPart?.navigationMode || testPart?.getAttribute("navigation-mode") || "nonlinear";
+      if (navigationMode !== "linear")
+        return false;
+      const allItemRefs = Array.from(this._testElement?.querySelectorAll("qti-assessment-item-ref") || []);
+      const currentIndex = allItemRefs.findIndex((ref) => ref.identifier === currentItemId);
+      if (type === "item") {
+        const targetIndex = allItemRefs.findIndex((ref) => ref.identifier === targetId);
+        if (targetIndex === -1 || currentIndex === -1)
+          return false;
+        return targetIndex !== currentIndex + 1;
+      }
+      return true;
+    }
     /**
      * Main navigation request handler with proper lifecycle management
      */
     async _handleNavigationRequest({ detail }) {
       if (!detail?.id)
         return;
+      if (this._isLinearNavigationRestricted(detail.type, detail.id)) {
+        this._handleNavigationError(new Error("Navigation restricted in linear mode"), detail.type, detail.id);
+        return;
+      }
       this._cancelPreviousNavigation();
       const navigationId = ++this._navigationId;
       const controller = new AbortController();
@@ -679,7 +720,7 @@ var TestNavigationMixin = (superClass) => {
         const itemId = itemRef?.identifier;
         if (!itemRef || !itemId)
           return;
-        const savedState = this.testContext.items.find((i4) => i4.identifier === itemId)?.state;
+        const savedState = this.testContext.items.find((i) => i.identifier === itemId)?.state;
         if (savedState === void 0)
           return;
         itemRef.updateComplete.then(() => {
@@ -805,16 +846,16 @@ var TestNavigationMixin = (superClass) => {
     }
   }
   __decorate6([
-    n2({ type: String })
+    property5({ type: String })
   ], TestNavigationClass.prototype, "navigate", void 0);
   __decorate6([
-    n2({ type: Number })
+    property5({ type: Number })
   ], TestNavigationClass.prototype, "requestTimeout", void 0);
   __decorate6([
-    n2({ attribute: false })
+    property5({ attribute: false })
   ], TestNavigationClass.prototype, "postLoadTransformCallback", void 0);
   __decorate6([
-    n2({ attribute: false })
+    property5({ attribute: false })
   ], TestNavigationClass.prototype, "postLoadTestTransformCallback", void 0);
   return TestNavigationClass;
 };
@@ -825,16 +866,16 @@ var TestViewMixin = (superClass) => {
     constructor(...args) {
       super(...args);
       this.sessionContext = { ...this.sessionContext, view: "candidate" };
-      this.addEventListener("on-test-switch-view", (e2) => {
-        this.sessionContext = { ...this.sessionContext, view: e2.detail };
+      this.addEventListener("on-test-switch-view", (e) => {
+        this.sessionContext = { ...this.sessionContext, view: e.detail };
         this._updateElementView();
       });
       this.addEventListener("qti-assessment-test-connected", () => {
         this._updateElementView();
       });
-      this.addEventListener("qti-assessment-item-connected", (e2) => {
+      this.addEventListener("qti-assessment-item-connected", (e) => {
         this._updateElementView();
-        this._setCorrectResponseVisibility(e2.detail);
+        this._setCorrectResponseVisibility(e.detail);
       });
     }
     willUpdate(changedProperties) {
@@ -868,11 +909,14 @@ var TestViewMixin = (superClass) => {
 };
 
 // ../qti-test/dist/mixins/test-base.js
+import { provide } from "@lit/context";
+import { LitElement as LitElement6 } from "lit";
+import { property as property6 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var TestBaseMixin = (superClass) => {
   class TestBaseClass extends superClass {
@@ -884,7 +928,7 @@ var TestBaseMixin = (superClass) => {
         const context = assessmentItem._context;
         const identifier = context.identifier;
         const fullVariables = context.variables;
-        const itemContext = this.testContext.items.find((i4) => i4?.identifier === identifier);
+        const itemContext = this.testContext.items.find((i) => i?.identifier === identifier);
         if (!itemContext) {
           console.warn(`Item IDs between assessment.xml and item.xml should match: ${identifier} is not found!`);
           return;
@@ -920,12 +964,12 @@ var TestBaseMixin = (superClass) => {
       }
     }
     _initializeEventListeners() {
-      this.addEventListener("qti-assessment-test-connected", (e2) => {
+      this.addEventListener("qti-assessment-test-connected", (e) => {
         this.testContext = INITIAL_TEST_CONTEXT;
         this.sessionContext = INITIAL_SESSION_CONTEXT;
         if (this.testContext && this.testContext.items.length > 0)
           return;
-        this._testElement = e2.detail;
+        this._testElement = e.detail;
         const items = Array.from(this._testElement.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
           return {
             href: itemRef.href,
@@ -942,19 +986,19 @@ var TestBaseMixin = (superClass) => {
         });
         this.testContext = { ...this.testContext, items };
       });
-      this.addEventListener("qti-assessment-item-connected", (e2) => {
-        const assessmentItem = e2.detail;
+      this.addEventListener("qti-assessment-item-connected", (e) => {
+        const assessmentItem = e.detail;
         const assessmentRefId = assessmentItem.closest("qti-assessment-item-ref")?.identifier;
         if (assessmentRefId) {
           assessmentItem.assessmentItemRefId = assessmentRefId;
         }
-        this._updateItemInTestContext(e2.detail);
+        this._updateItemInTestContext(e.detail);
       });
-      this.addEventListener("qti-item-context-updated", (e2) => {
-        this._updateItemVariablesInTestContext(e2.detail.itemContext.identifier, e2.detail.itemContext.variables, e2.detail.itemContext.state);
+      this.addEventListener("qti-item-context-updated", (e) => {
+        this._updateItemVariablesInTestContext(e.detail.itemContext.identifier, e.detail.itemContext.variables, e.detail.itemContext.state);
       });
     }
-    _updateItemVariablesInTestContext(identifier, variables, state) {
+    _updateItemVariablesInTestContext(identifier, variables, state8) {
       this.testContext = {
         ...this.testContext,
         // Spread existing test context properties
@@ -969,7 +1013,7 @@ var TestBaseMixin = (superClass) => {
               const matchingVariable = itemContext.variables.find((v) => v.identifier === variable.identifier);
               return matchingVariable ? { ...matchingVariable, ...variable } : variable;
             }),
-            ...state !== void 0 ? { state: state ? { ...state } : void 0 } : {}
+            ...state8 !== void 0 ? { state: state8 ? { ...state8 } : void 0 } : {}
           };
         })
       };
@@ -977,16 +1021,16 @@ var TestBaseMixin = (superClass) => {
     }
   }
   __decorate7([
-    n2({ attribute: false, type: Object }),
-    e({ context: testContext })
+    property6({ attribute: false, type: Object }),
+    provide({ context: testContext })
   ], TestBaseClass.prototype, "testContext", void 0);
   __decorate7([
-    n2({ attribute: false, type: Object }),
-    e({ context: sessionContext })
+    property6({ attribute: false, type: Object }),
+    provide({ context: sessionContext })
   ], TestBaseClass.prototype, "sessionContext", void 0);
   return TestBaseClass;
 };
-var TestBase = class extends TestBaseMixin(i2) {
+var TestBase = class extends TestBaseMixin(LitElement6) {
 };
 
 // ../qti-test/dist/mixins/test-processing.mixin.js
@@ -994,17 +1038,17 @@ var TestProcessingMixin = (superClass) => {
   class TestProcessingElement extends superClass {
     constructor(...args) {
       super(...args);
-      this.addEventListener("qti-register-variable", (e2) => {
+      this.addEventListener("qti-register-variable", (e) => {
         this.testContext = {
           ...this.testContext,
-          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e2.detail.variable]
+          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e.detail.variable]
         };
-        e2.stopPropagation();
+        e.stopPropagation();
       });
-      this.addEventListener("qti-set-outcome-value", (e2) => {
-        const { outcomeIdentifier, value } = e2.detail;
+      this.addEventListener("qti-set-outcome-value", (e) => {
+        const { outcomeIdentifier, value } = e.detail;
         this.updateOutcomeVariable(outcomeIdentifier, value);
-        e2.stopPropagation();
+        e.stopPropagation();
       });
     }
     outcomeProcessing() {
@@ -1046,12 +1090,12 @@ var TestProcessingMixin = (superClass) => {
 
 // ../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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixin(TestBaseMixin(i2)))) {
+var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixin(TestBaseMixin(LitElement7)))) {
   constructor() {
     super(...arguments);
     this.configContext = {};
@@ -1066,16 +1110,20 @@ var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixi
     this.dispatchEvent(new CustomEvent("qti-test-connected", { detail: this }));
   }
   render() {
-    return T`<slot></slot>`;
+    return html6`<slot></slot>`;
   }
 };
 __decorate8([
-  r(),
-  e({ context: configContext })
+  state(),
+  provide2({ context: configContext })
 ], QtiTest.prototype, "configContext", void 0);
 
+// ../qti-test/dist/components/test-check-item/test-check-item.js
+import { css as css4, html as html7, LitElement as LitElement8 } from "lit";
+
 // ../qti-test/dist/components/styles.js
-var form = i`
+import { css as css3 } from "lit";
+var form = css3`
   display: inline-flex;
   align-items: center;
   cursor: pointer;
@@ -1083,23 +1131,23 @@ var form = i`
   border-radius: 0.25rem;
   user-select: none;
 `;
-var btn = i`
+var btn = css3`
   background-color: lightgray;
   ${form};
 `;
-var dis = i`
+var dis = css3`
   cursor: not-allowed;
   opacity: 0.8;
 `;
-var ind = i`
+var ind = css3`
   ${form};
   border: 1px solid gray;
 `;
 
 // ../qti-test/dist/components/test-check-item/test-check-item.js
-var TestCheckItem = class extends i2 {
+var TestCheckItem = class extends LitElement8 {
   static {
-    this.styles = i`
+    this.styles = css4`
     :host {
       ${btn};
     }
@@ -1121,18 +1169,22 @@ var TestCheckItem = class extends i2 {
     });
   }
   render() {
-    return T` <slot></slot> `;
+    return html7` <slot></slot> `;
   }
 };
 
 // ../qti-test/dist/components/test-container/test-container.js
+import { consume as consume4 } from "@lit/context";
+import { LitElement as LitElement9, html as html8 } from "lit";
+import { property as property7, state as state2 } from "lit/decorators.js";
+import { until } from "lit/directives/until.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;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestContainer = class extends i2 {
+var TestContainer = class extends LitElement9 {
   constructor() {
     super(...arguments);
     this.customElementRegistry = null;
@@ -1200,7 +1252,7 @@ var TestContainer = class extends i2 {
   }
   #initializeTemplateContent() {
     const template = this.querySelector("template");
-    this.#templateContent = template ? template.content : T``;
+    this.#templateContent = template ? template.content : html8``;
   }
   #applyStyles() {
     const sheet = new CSSStyleSheet();
@@ -1208,28 +1260,28 @@ var TestContainer = class extends i2 {
     this.shadowRoot.adoptedStyleSheets = [sheet];
   }
   render() {
-    return T`
+    return html8`
       ${this.#templateContent}
       <slot></slot>
-      ${m(this.testDoc, T`<span>Loading...</span>`)}
+      ${until(this.testDoc, html8`<span>Loading...</span>`)}
     `;
   }
 };
 __decorate9([
-  n2({ attribute: false })
+  property7({ attribute: false })
 ], TestContainer.prototype, "customElementRegistry", void 0);
 __decorate9([
-  n2({ type: String, attribute: "test-url" })
+  property7({ type: String, attribute: "test-url" })
 ], TestContainer.prototype, "testURL", void 0);
 __decorate9([
-  r()
+  state2()
 ], TestContainer.prototype, "testDoc", void 0);
 __decorate9([
-  r()
+  state2()
 ], TestContainer.prototype, "testXML", void 0);
 __decorate9([
-  r(),
-  c({ context: qtiContext, subscribe: true })
+  state2(),
+  consume4({ context: qtiContext, subscribe: true })
 ], TestContainer.prototype, "qtiContext", void 0);
 __decorate9([
   watch("testURL", { waitUntilFirstUpdate: true })
@@ -1239,9 +1291,10 @@ __decorate9([
 ], TestContainer.prototype, "handleTestXMLChange", null);
 
 // ../qti-test/dist/components/test-end-attempt/test-end-attempt.js
-var TestEndAttempt = class extends i2 {
+import { css as css5, html as html9, LitElement as LitElement10 } from "lit";
+var TestEndAttempt = class extends LitElement10 {
   static {
-    this.styles = i`
+    this.styles = css5`
     :host {
       ${btn};
     }
@@ -1255,20 +1308,22 @@ var TestEndAttempt = class extends i2 {
     this.addEventListener("click", () => this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true })));
   }
   render() {
-    return T` <slot></slot> `;
+    return html9` <slot></slot> `;
   }
 };
 
 // ../qti-test/dist/components/test-item-link/test-item-link.js
+import { css as css6, html as html10, LitElement as LitElement11 } from "lit";
+import { property as property8 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestItemLink = class extends i2 {
+var TestItemLink = class extends LitElement11 {
   static {
-    this.styles = i`
+    this.styles = css6`
     :host {
       ${btn};
     }
@@ -1293,19 +1348,22 @@ var TestItemLink = class extends i2 {
     }));
   }
   render() {
-    return T` <slot></slot> `;
+    return html10` <slot></slot> `;
   }
 };
 __decorate10([
-  n2({ type: String, attribute: "item-id" })
+  property8({ type: String, attribute: "item-id" })
 ], TestItemLink.prototype, "itemId", void 0);
 
 // ../qti-test/dist/components/test-item-to-speech/test-item-to-speech.js
+import { html as html11, LitElement as LitElement12, css as css7 } from "lit";
+import { consume as consume5, provide as provide3, createContext } from "@lit/context";
+import { property as property9, state as state3 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var HIGHLIGHT_ELEMENT = "tts-element";
 var HIGHLIGHT_WORD = "tts-word";
@@ -1320,10 +1378,10 @@ function getHighlightSheet() {
   }
   return highlightSheet;
 }
-var ttsContext = n(/* @__PURE__ */ Symbol("tts-context"));
-var TtsButtonBase = class extends i2 {
+var ttsContext = createContext(/* @__PURE__ */ Symbol("tts-context"));
+var TtsButtonBase = class extends LitElement12 {
   static {
-    this.styles = i`
+    this.styles = css7`
     :host {
       display: inline-block;
     }
@@ -1346,9 +1404,9 @@ var TtsButtonBase = class extends i2 {
   }
 };
 __decorate11([
-  c({ context: ttsContext, subscribe: true })
+  consume5({ context: ttsContext, subscribe: true })
 ], TtsButtonBase.prototype, "_tts", void 0);
-var TestItemToSpeech = class extends i2 {
+var TestItemToSpeech = class extends LitElement12 {
   #internals;
   #itemElements;
   #boundHandleItemConnected;
@@ -1422,7 +1480,7 @@ var TestItemToSpeech = class extends i2 {
     this.#itemElements.clear();
   }
   render() {
-    return T`<slot></slot>`;
+    return html11`<slot></slot>`;
   }
   #handleItemConnected(event) {
     const item = event.detail;
@@ -1431,12 +1489,12 @@ var TestItemToSpeech = class extends i2 {
     }
   }
   /** Update speech state on both the context (notifies children) and the host's CSS custom states. */
-  #setSpeechState(state) {
-    this._ttsContext = { ...this._ttsContext, state };
+  #setSpeechState(state8) {
+    this._ttsContext = { ...this._ttsContext, state: state8 };
     this.#internals.states.delete("idle");
     this.#internals.states.delete("playing");
     this.#internals.states.delete("paused");
-    this.#internals.states.add(state);
+    this.#internals.states.add(state8);
   }
   /** Push currentElementIndex and elementCount into context so children can react. */
   #updateContext() {
@@ -1489,7 +1547,7 @@ var TestItemToSpeech = class extends i2 {
     element.scrollIntoView({ behavior: "smooth", block: "nearest" });
     this.#highlightElement(element);
     this.#textNodes = this.#collectTextNodes(element);
-    const text = this.#textNodes.map((n3) => n3.textContent ?? "").join("");
+    const text = this.#textNodes.map((n) => n.textContent ?? "").join("");
     if (!text.trim()) {
       this.#speakElement(index + 1);
       return;
@@ -1577,7 +1635,7 @@ var TestItemToSpeech = class extends i2 {
       return;
     this.#ensureHighlightStyles();
     this.#wordHighlight.clear();
-    const text = this.#textNodes.map((n3) => n3.textContent ?? "").join("");
+    const text = this.#textNodes.map((n) => n.textContent ?? "").join("");
     const endIndex = charIndex + (charLength > 0 ? charLength : this.#wordLengthAt(charIndex, text));
     let offset = 0;
     let startNode = null;
@@ -1645,14 +1703,14 @@ var TestItemToSpeech = class extends i2 {
   }
 };
 __decorate11([
-  n2({ type: String })
+  property9({ type: String })
 ], TestItemToSpeech.prototype, "language", void 0);
 __decorate11([
-  c({ context: sessionContext, subscribe: true })
+  consume5({ context: sessionContext, subscribe: true })
 ], TestItemToSpeech.prototype, "_sessionContext", void 0);
 __decorate11([
-  r(),
-  e({ context: ttsContext })
+  state3(),
+  provide3({ context: ttsContext })
 ], TestItemToSpeech.prototype, "_ttsContext", void 0);
 var TestTtsPlay = class extends TtsButtonBase {
   #toggle() {
@@ -1667,16 +1725,16 @@ var TestTtsPlay = class extends TtsButtonBase {
   }
   render() {
     const playing = this._tts?.state === "playing";
-    return T`
+    return html11`
       <button part="button" @click=${this.#toggle}>
-        ${playing ? T`<slot name="pause">⏸</slot>` : T`<slot name="play">▶</slot>`}
+        ${playing ? html11`<slot name="pause">⏸</slot>` : html11`<slot name="play">▶</slot>`}
       </button>
     `;
   }
 };
 var TestTtsPause = class extends TtsButtonBase {
   render() {
-    return T`
+    return html11`
       <button part="button" ?disabled=${this._tts?.state !== "playing"} @click=${() => this._tts?.pause()}>
         <slot>⏸</slot>
       </button>
@@ -1685,7 +1743,7 @@ var TestTtsPause = class extends TtsButtonBase {
 };
 var TestTtsResume = class extends TtsButtonBase {
   render() {
-    return T`
+    return html11`
       <button part="button" ?disabled=${this._tts?.state !== "paused"} @click=${() => this._tts?.resume()}>
         <slot>▶</slot>
       </button>
@@ -1694,7 +1752,7 @@ var TestTtsResume = class extends TtsButtonBase {
 };
 var TestTtsStop = class extends TtsButtonBase {
   render() {
-    return T`
+    return html11`
       <button part="button" ?disabled=${this._tts?.state === "idle"} @click=${() => this._tts?.stop()}>
         <slot>■</slot>
       </button>
@@ -1705,7 +1763,7 @@ var TestTtsPrev = class extends TtsButtonBase {
   render() {
     const atStart = (this._tts?.currentElementIndex ?? 0) === 0;
     const noElements = (this._tts?.elementCount ?? 0) === 0;
-    return T`
+    return html11`
       <button part="button" ?disabled=${noElements || atStart} @click=${() => this._tts?.prevElement()}>
         <slot>◀◀</slot>
       </button>
@@ -1716,7 +1774,7 @@ 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`
+    return html11`
       <button part="button" ?disabled=${noElements || atEnd} @click=${() => this._tts?.nextElement()}>
         <slot>▶▶</slot>
       </button>
@@ -1725,13 +1783,16 @@ var TestTtsNext = class extends TtsButtonBase {
 };
 
 // ../qti-test/dist/components/test-navigation/test-navigation.js
+import { consume as consume6, provide as provide4 } from "@lit/context";
+import { html as html12, LitElement as LitElement13 } from "lit";
+import { property as property10, state as state4 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestNavigation = class extends i2 {
+var TestNavigation = class extends LitElement13 {
   #testElement;
   constructor() {
     super();
@@ -1786,7 +1847,7 @@ var TestNavigation = class extends i2 {
     }
   }
   render() {
-    return T`<slot></slot>`;
+    return html12`<slot></slot>`;
   }
   /* PK: on test connected we can build the computed context */
   #handleTestConnected(event) {
@@ -1837,8 +1898,10 @@ var TestNavigation = class extends i2 {
               active: false,
               identifier: section.identifier,
               title: section.title,
+              navigationMode: section.navigationMode,
+              submissionMode: section.submissionMode,
               items: itemElements.map((item) => ({
-                ...this.initContext?.find((i4) => i4.identifier === item.identifier),
+                ...this.initContext?.find((i) => i.identifier === item.identifier),
                 active: false,
                 identifier: item.identifier,
                 categories: item.category ? item.category?.split(" ") : [],
@@ -1906,10 +1969,10 @@ var TestNavigation = class extends i2 {
                 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");
+                const containsCorrectResponse = Array.from(responseDeclarations).some((r) => r.querySelector("qti-correct-response"));
+                const containsMapping = Array.from(responseDeclarations).some((r) => {
+                  const mapping = r.querySelector("qti-mapping");
+                  const areaMapping = r.querySelector("qti-area-mapping");
                   return mapping?.querySelector("qti-map-entry") || areaMapping?.querySelector("qti-area-map-entry");
                 });
                 const hasCorrectResponse = containsCorrectResponse || containsMapping;
@@ -1949,13 +2012,13 @@ var TestNavigation = class extends i2 {
             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"),
+              completed: section.items.every((item) => this._testContext.items.find((i) => i.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 itemContext = this._testContext?.items.find((i) => i.identifier === item.identifier);
                 const computedItem = {
                   ...item,
                   ...itemContext,
-                  ...this.initContext?.find((i4) => i4.identifier === item.identifier)
+                  ...this.initContext?.find((i) => i.identifier === item.identifier)
                 };
                 const rawscore = computedItem.variables?.find((vr) => vr.identifier == "SCORE")?.value;
                 const score = rawscore === void 0 || rawscore === null ? null : parseFloat(rawscore?.toString());
@@ -1993,50 +2056,53 @@ var TestNavigation = class extends i2 {
   }
 };
 __decorate12([
-  n2({ type: String })
+  property10({ type: String })
 ], TestNavigation.prototype, "identifier", void 0);
 __decorate12([
-  r()
+  state4()
 ], TestNavigation.prototype, "initContext", void 0);
 __decorate12([
-  r(),
-  e({ context: qtiContext })
+  state4(),
+  provide4({ context: qtiContext })
 ], TestNavigation.prototype, "qtiContext", void 0);
 __decorate12([
-  r(),
-  c({ context: configContext, subscribe: true })
+  state4(),
+  consume6({ context: configContext, subscribe: true })
 ], TestNavigation.prototype, "configContext", void 0);
 __decorate12([
-  r(),
-  c({ context: testContext, subscribe: true })
+  state4(),
+  consume6({ context: testContext, subscribe: true })
 ], TestNavigation.prototype, "_testContext", void 0);
 __decorate12([
-  r(),
-  c({ context: sessionContext, subscribe: true })
+  state4(),
+  consume6({ context: sessionContext, subscribe: true })
 ], TestNavigation.prototype, "_sessionContext", void 0);
 __decorate12([
-  r(),
-  e({ context: computedContext })
+  state4(),
+  provide4({ context: computedContext })
 ], TestNavigation.prototype, "computedContext", void 0);
 __decorate12([
-  n2({ type: Boolean, attribute: "auto-score-items" })
+  property10({ type: Boolean, attribute: "auto-score-items" })
 ], TestNavigation.prototype, "autoScoreItems", void 0);
 
 // ../qti-test/dist/components/test-next/test-next.js
+import { css as css8, html as html13, LitElement as LitElement14 } from "lit";
+import { property as property11 } from "lit/decorators.js";
+import { consume as consume7 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestNext = class extends i2 {
+var TestNext = class extends LitElement14 {
   _handleTestElementChange(_oldValue, newValue) {
     if (newValue) {
-      this._internalDisabled = false;
+      this.requestUpdate();
     }
   }
   static {
-    this.styles = i`
+    this.styles = css8`
     :host {
       ${btn};
     }
@@ -2052,8 +2118,8 @@ var TestNext = class extends i2 {
     this.#internals = this.attachInternals();
     this.#internals.role = "button";
     this.#internals.ariaLabel = "Next item";
-    this.addEventListener("click", (e2) => {
-      e2.preventDefault();
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
       if (!this._internalDisabled)
         this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
     });
@@ -2073,7 +2139,16 @@ var TestNext = class extends i2 {
     this.checkDisabled();
   }
   checkDisabled() {
-    this._internalDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    if (!testPart)
+      return;
+    const activeSection = testPart.sections.find((s) => s.active);
+    const navigationMode = activeSection?.navigationMode || testPart.navigationMode;
+    const submissionMode = activeSection?.submissionMode || testPart.submissionMode;
+    const activeItem = this.sectionItems[this.itemIndex];
+    const isLinearIndividual = navigationMode === "linear" && submissionMode === "individual";
+    const numAttempts = Number(activeItem?.variables.find((v) => v.identifier === "numAttempts")?.value) || 0;
+    this._internalDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= (this.sectionItems?.length ?? 0) - 1 || isLinearIndividual && numAttempts === 0;
   }
   _requestItem(identifier) {
     this.dispatchEvent(new CustomEvent("qti-request-navigation", {
@@ -2086,19 +2161,25 @@ var TestNext = class extends i2 {
     }));
   }
   render() {
-    return T`<slot></slot>`;
+    return html13`<slot></slot>`;
   }
 };
 __decorate13([
-  n2({ type: Boolean, reflect: true, attribute: "disabled" })
+  property11({ type: Boolean, reflect: true, attribute: "disabled" })
 ], TestNext.prototype, "_internalDisabled", void 0);
 __decorate13([
-  c({ context: computedContext, subscribe: true })
+  consume7({ context: computedContext, subscribe: true })
 ], TestNext.prototype, "computedContext", void 0);
 __decorate13([
   watch("computedContext")
 ], TestNext.prototype, "_handleTestElementChange", null);
 
+// ../qti-test/dist/components/test-paging-buttons-stamp/test-paging-buttons-stamp.js
+import { html as html14, LitElement as LitElement15 } from "lit";
+
+// ../../node_modules/.pnpm/@heximal+templates@0.1.5/node_modules/@heximal/templates/index.js
+import { render as renderLit, nothing } from "lit-html";
+
 // ../../node_modules/.pnpm/@heximal+expressions@0.1.5/node_modules/@heximal/expressions/lib/constants.js
 var KEYWORDS = ["this"];
 var UNARY_OPERATORS = ["+", "-", "!"];
@@ -2583,7 +2664,7 @@ var Parser = class {
     if (this._matches(Kind.ARROW)) {
       this.#advance();
       const body = this.#parseExpression();
-      const params = expressions?.map((e2) => e2.value) ?? [];
+      const params = expressions?.map((e) => e.value) ?? [];
       return this.#ast.arrowFunction(params, body);
     } else {
       return this.#ast.paren(expressions[0]);
@@ -2687,13 +2768,13 @@ var EvalAstFactory = class {
       }
     };
   }
-  binary(l, op, r3) {
+  binary(l, op, r) {
     const f = _BINARY_OPERATORS[op];
     return {
       type: "Binary",
       operator: op,
       left: l,
-      right: r3,
+      right: r,
       evaluate(scope) {
         if (this.operator === "=") {
           if (this.left.type !== "ID" && this.left.type !== "Getter" && this.left.type !== "Index") {
@@ -2701,18 +2782,18 @@ var EvalAstFactory = class {
           }
           const value = this.right.evaluate(scope);
           let receiver = void 0;
-          let property;
+          let property18;
           if (this.left.type === "Getter") {
             receiver = this.left.receiver.evaluate(scope);
-            property = this.left.name;
+            property18 = this.left.name;
           } else if (this.left.type === "Index") {
             receiver = this.left.receiver.evaluate(scope);
-            property = this.left.argument.evaluate(scope);
+            property18 = this.left.argument.evaluate(scope);
           } else if (this.left.type === "ID") {
             receiver = scope;
-            property = this.left.value;
+            property18 = this.left.value;
           }
-          return receiver === void 0 ? void 0 : receiver[property] = value;
+          return receiver === void 0 ? void 0 : receiver[property18] = value;
         }
         return f(this.left.evaluate(scope), this.right.evaluate(scope));
       },
@@ -2723,11 +2804,11 @@ var EvalAstFactory = class {
       }
     };
   }
-  getter(g, n3) {
+  getter(g, n) {
     return {
       type: "Getter",
       receiver: g,
-      name: n3,
+      name: n,
       evaluate(scope) {
         return this.receiver.evaluate(scope)?.[this.name];
       },
@@ -2761,13 +2842,13 @@ var EvalAstFactory = class {
       }
     };
   }
-  paren(e2) {
-    return e2;
+  paren(e) {
+    return e;
   }
-  index(e2, a) {
+  index(e, a) {
     return {
       type: "Index",
-      receiver: e2,
+      receiver: e,
       argument: a,
       evaluate(scope) {
         return this.receiver.evaluate(scope)?.[this.argument.evaluate(scope)];
@@ -2778,15 +2859,15 @@ var EvalAstFactory = class {
       }
     };
   }
-  ternary(c2, t, f) {
+  ternary(c, t, f) {
     return {
       type: "Ternary",
-      condition: c2,
+      condition: c,
       trueExpr: t,
       falseExpr: f,
       evaluate(scope) {
-        const c3 = this.condition.evaluate(scope);
-        if (c3) {
+        const c2 = this.condition.evaluate(scope);
+        if (c2) {
           return this.trueExpr.evaluate(scope);
         } else {
           return this.falseExpr.evaluate(scope);
@@ -2838,7 +2919,7 @@ var EvalAstFactory = class {
         return this.items?.map((a) => a?.evaluate(scope));
       },
       getIds(idents) {
-        this.items?.forEach((i4) => i4?.getIds(idents));
+        this.items?.forEach((i) => i?.getIds(idents));
         return idents;
       }
     };
@@ -2852,7 +2933,7 @@ var EvalAstFactory = class {
         const params2 = this.params;
         const body2 = this.body;
         return function(...args) {
-          const paramsObj = fromEntries(params2.map((p, i4) => [p, args[i4]]));
+          const paramsObj = fromEntries(params2.map((p, i) => [p, args[i]]));
           const newScope = new Proxy(scope ?? {}, {
             set(target, prop, value) {
               if (hasOwn(paramsObj, prop)) {
@@ -2877,27 +2958,9 @@ var EvalAstFactory = class {
   }
 };
 
-// ../../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(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 } = i3;
+import { _$LH } from "lit-html/private-ssr-support.js";
+var { AttributePart, PropertyPart, BooleanAttributePart, EventPart } = _$LH;
 var astFactory = new EvalAstFactory();
 var expressionCache = /* @__PURE__ */ new Map();
 var toCamelCase = (s) => s.replace(/-(-|\w)/g, (_, p1) => p1.toUpperCase());
@@ -2931,7 +2994,7 @@ var repeatHandler = (template, model, handlers, renderers) => {
   if (repeatAttribute !== null) {
     const items = getSingleValue(repeatAttribute, model);
     if (!items[Symbol.iterator]) {
-      return A;
+      return nothing;
     }
     const litTemplate = getLitTemplate(template);
     let index = -1;
@@ -3134,10 +3197,10 @@ var makeLitTemplate = (template) => {
         }
         const strings = [unescapeBindingMarkers(splitValue[0])];
         const exprs = [];
-        for (let i4 = 1; i4 < splitValue.length; i4 += 2) {
-          const exprText = splitValue[i4];
+        for (let i = 1; i < splitValue.length; i += 2) {
+          const exprText = splitValue[i];
           exprs.push(parse(exprText, astFactory));
-          strings.push(unescapeBindingMarkers(splitValue[i4 + 1]));
+          strings.push(unescapeBindingMarkers(splitValue[i + 1]));
         }
         litTemplate.parts.push({
           type: 1,
@@ -3160,15 +3223,15 @@ var makeLitTemplate = (template) => {
       } else if (hasEscapedBindingMarkers(text)) {
         textNode.textContent = unescapeBindingMarkers(text);
       }
-      for (let i4 = 1; i4 < strings.length; i4 += 2) {
-        const exprText = strings[i4];
+      for (let i = 1; i < strings.length; i += 2) {
+        const exprText = strings[i];
         const expr = parse(exprText, astFactory);
         litTemplate.parts.push({
           type: 2,
           index: ++nodeIndex,
           update: (model, _handlers) => expr.evaluate(model)
         });
-        const newTextNode = new Text(strings[i4 + 1].replace("\\{{", "{{"));
+        const newTextNode = new Text(strings[i + 1].replace("\\{{", "{{"));
         textNode.parentNode.insertBefore(newTextNode, textNode.nextSibling);
         textNode.parentNode.insertBefore(document.createComment(""), textNode.nextSibling);
         textNode = newTextNode;
@@ -3176,20 +3239,21 @@ var makeLitTemplate = (template) => {
       }
     }
   }
-  for (const e2 of elementsToRemove) {
-    e2.remove();
+  for (const e of elementsToRemove) {
+    e.remove();
   }
   return litTemplate;
 };
 
 // ../qti-test/dist/components/test-paging-buttons-stamp/test-paging-buttons-stamp.js
+import { consume as consume8 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestPagingButtonsStamp = class extends i2 {
+var TestPagingButtonsStamp = class extends LitElement15 {
   #internals;
   createRenderRoot() {
     return this;
@@ -3206,30 +3270,33 @@ var TestPagingButtonsStamp = class extends i2 {
   }
   render() {
     if (!this.computedContext)
-      return T``;
+      return html14``;
     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 }))} `;
+    return html14` ${items.map((item) => this.myTemplate({ item, view: this.computedContext.view }))} `;
   }
 };
 __decorate14([
-  c({ context: computedContext, subscribe: true })
+  consume8({ context: computedContext, subscribe: true })
 ], TestPagingButtonsStamp.prototype, "computedContext", void 0);
 
 // ../qti-test/dist/components/test-prev/test-prev.js
+import { css as css9, html as html15, LitElement as LitElement16 } from "lit";
+import { property as property12 } from "lit/decorators.js";
+import { consume as consume9 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestPrev = class extends i2 {
+var TestPrev = class extends LitElement16 {
   _handleTestElementChange(_oldValue, newValue) {
     if (newValue) {
-      this._internalDisabled = false;
+      this.requestUpdate();
     }
   }
   static {
-    this.styles = i`
+    this.styles = css9`
     :host {
       ${btn};
     }
@@ -3241,8 +3308,8 @@ var TestPrev = class extends i2 {
   constructor() {
     super();
     this._internalDisabled = true;
-    this.addEventListener("click", (e2) => {
-      e2.preventDefault();
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
       if (!this._internalDisabled)
         this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);
     });
@@ -3258,7 +3325,10 @@ var TestPrev = class extends i2 {
     this.checkDisabled();
   }
   checkDisabled() {
-    this._internalDisabled = !this.computedContext || this.itemIndex === 0 || this.itemIndex === -1;
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    const activeSection = testPart?.sections.find((s) => s.active);
+    const navigationMode = activeSection?.navigationMode || testPart?.navigationMode || "nonlinear";
+    this._internalDisabled = navigationMode === "linear" || !this.computedContext || this.itemIndex === 0 || this.itemIndex === -1;
   }
   _requestItem(identifier) {
     this.dispatchEvent(new CustomEvent("qti-request-navigation", {
@@ -3271,46 +3341,51 @@ var TestPrev = class extends i2 {
     }));
   }
   render() {
-    return T`<slot></slot>`;
+    return html15`<slot></slot>`;
   }
 };
 __decorate15([
-  n2({ type: Boolean, reflect: true, attribute: "disabled" })
+  property12({ type: Boolean, reflect: true, attribute: "disabled" })
 ], TestPrev.prototype, "_internalDisabled", void 0);
 __decorate15([
-  c({ context: computedContext, subscribe: true })
+  consume9({ 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
+import { html as html16, LitElement as LitElement17 } from "lit";
+import { consume as consume10 } from "@lit/context";
+import { state as state5 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestPrintContext = class extends i2 {
+var TestPrintContext = class extends LitElement17 {
   render() {
-    return T` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
+    return html16` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
   }
 };
 __decorate16([
-  r(),
-  c({ context: computedContext, subscribe: true })
+  state5(),
+  consume10({ context: computedContext, subscribe: true })
 ], TestPrintContext.prototype, "computedContext", void 0);
 
 // ../qti-test/dist/components/test-print-item-variables/test-print-item-variables.js
+import { html as html17, css as css10, LitElement as LitElement18 } from "lit";
+import { consume as consume11 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestPrintVariables = class extends i2 {
+var TestPrintVariables = class extends LitElement18 {
   static {
-    this.styles = i`
+    this.styles = css10`
     table {
       width: 100%;
       border-collapse: collapse;
@@ -3336,10 +3411,10 @@ var TestPrintVariables = class extends i2 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
     if (!activeItem || !activeItem.variables)
-      return T``;
+      return html17``;
     const responseVariables = activeItem.variables.filter((v) => v.type === "response");
     const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
-    const renderTable = (variables, title) => T`
+    const renderTable = (variables, title) => html17`
       <h3>${title}</h3>
       <table>
         <thead>
@@ -3354,9 +3429,9 @@ var TestPrintVariables = class extends i2 {
         <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`
+      const mapEntries = v.mapping?.mapEntries?.map((m) => `${m.mapKey}=${m.mappedValue}pt`).join(", ") || "";
+      const areaMapEntries = v.areaMapping?.areaMapEntries?.map((m) => `${m.shape}(${m.coords})=${m.mappedValue}pt`).join(", ") || "";
+      return html17`
               <tr>
                 <td>${v.identifier}</td>
                 <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
@@ -3369,23 +3444,26 @@ var TestPrintVariables = class extends i2 {
         </tbody>
       </table>
     `;
-    return T`
+    return html17`
       ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
     `;
   }
 };
 __decorate17([
-  c({ context: computedContext, subscribe: true })
+  consume11({ context: computedContext, subscribe: true })
 ], TestPrintVariables.prototype, "computedContext", void 0);
 
 // ../qti-test/dist/components/test-scoring-buttons/test-scoring-buttons.js
+import { html as html18, LitElement as LitElement19, nothing as nothing2 } from "lit";
+import { consume as consume12 } from "@lit/context";
+import { property as property13 } from "lit/decorators.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;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestScoringButtons = class extends i2 {
+var TestScoringButtons = class extends LitElement19 {
   createRenderRoot() {
     return this;
   }
@@ -3414,23 +3492,23 @@ var TestScoringButtons = class extends i2 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
     if (!activeItem || !activeItem.variables)
-      return T``;
+      return html18``;
     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;
+      return nothing2;
     const scores = [...Array(Number(maxScore) + 1).keys()];
-    return T`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : A}`;
+    return html18`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : nothing2}`;
   }
   constructor() {
     super();
     this.view = "";
     this.disabled = false;
     this.myTemplate = null;
-    this.addEventListener("click", (e2) => {
-      const target = e2.target;
+    this.addEventListener("click", (e) => {
+      const target = e.target;
       const value = parseFloat(target.value);
       if (target.tagName === "INPUT") {
         this.#changeOutcomeScore(value);
@@ -3439,23 +3517,26 @@ var TestScoringButtons = class extends i2 {
   }
 };
 __decorate18([
-  n2({ type: String, attribute: "view" })
+  property13({ type: String, attribute: "view" })
 ], TestScoringButtons.prototype, "view", void 0);
 __decorate18([
-  n2({ type: Boolean })
+  property13({ type: Boolean })
 ], TestScoringButtons.prototype, "disabled", void 0);
 __decorate18([
-  c({ context: computedContext, subscribe: true })
+  consume12({ context: computedContext, subscribe: true })
 ], TestScoringButtons.prototype, "computedContext", void 0);
 
 // ../qti-test/dist/components/test-scoring-feedback/test-scoring-feedback.js
+import { consume as consume13 } from "@lit/context";
+import { html as html19, LitElement as LitElement20 } from "lit";
+import { property as property14 } from "lit/decorators.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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestScoringFeedback = class extends i2 {
+var TestScoringFeedback = class extends LitElement20 {
   constructor() {
     super(...arguments);
     this.view = null;
@@ -3463,9 +3544,9 @@ var TestScoringFeedback = class extends i2 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
     if (!activeItem || !activeItem.variables)
-      return T``;
+      return html19``;
     if (activeItem["category"] === "dep-informational")
-      return T`<div>${this.dataset.informational}</div>`;
+      return html19`<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);
@@ -3485,24 +3566,26 @@ var TestScoringFeedback = class extends i2 {
       }
       return this.dataset.inProgress;
     };
-    return T`<div>${feedbackText()}</div>`;
+    return html19`<div>${feedbackText()}</div>`;
   }
 };
 __decorate19([
-  c({ context: computedContext, subscribe: true })
+  consume13({ context: computedContext, subscribe: true })
 ], TestScoringFeedback.prototype, "computedContext", void 0);
 __decorate19([
-  n2({ type: String, attribute: "view" })
+  property14({ type: String, attribute: "view" })
 ], TestScoringFeedback.prototype, "view", void 0);
 
 // ../qti-test/dist/components/test-section-buttons-stamp/test-section-buttons-stamp.js
+import { html as html20, LitElement as LitElement21 } from "lit";
+import { consume as consume14 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestSectionButtonsStamp = class extends i2 {
+var TestSectionButtonsStamp = class extends LitElement21 {
   #internals;
   createRenderRoot() {
     return this;
@@ -3519,25 +3602,27 @@ var TestSectionButtonsStamp = class extends i2 {
   }
   render() {
     if (!this.computedContext)
-      return T``;
+      return html20``;
     const sections = this.computedContext.testParts.flatMap((testPart) => testPart.sections);
-    return T` ${sections.map((item) => this.myTemplate({ item }))} `;
+    return html20` ${sections.map((item) => this.myTemplate({ item }))} `;
   }
 };
 __decorate20([
-  c({ context: computedContext, subscribe: true })
+  consume14({ context: computedContext, subscribe: true })
 ], TestSectionButtonsStamp.prototype, "computedContext", void 0);
 
 // ../qti-test/dist/components/test-section-link/test-section-link.js
+import { css as css11, html as html21, LitElement as LitElement22 } from "lit";
+import { property as property15 } from "lit/decorators.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;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestSectionLink = class extends i2 {
+var TestSectionLink = class extends LitElement22 {
   static {
-    this.styles = i`
+    this.styles = css11`
     :host {
       ${btn};
     }
@@ -3562,21 +3647,24 @@ var TestSectionLink = class extends i2 {
     this.addEventListener("click", () => this.#requestItem(this.sectionId));
   }
   render() {
-    return T` <slot></slot> `;
+    return html21` <slot></slot> `;
   }
 };
 __decorate21([
-  n2({ type: String, attribute: "section-id" })
+  property15({ type: String, attribute: "section-id" })
 ], TestSectionLink.prototype, "sectionId", void 0);
 
 // ../qti-test/dist/components/test-stamp/test-stamp.js
+import { html as html22, LitElement as LitElement23, nothing as nothing3 } from "lit";
+import { property as property16, state as state6 } from "lit/decorators.js";
+import { consume as consume15 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestStamp = class extends i2 {
+var TestStamp = class extends LitElement23 {
   constructor() {
     super(...arguments);
     this.debug = false;
@@ -3639,30 +3727,33 @@ var TestStamp = class extends i2 {
     }));
   }
   render() {
-    return T` ${this.debug ? T`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : A}
-    ${this.myTemplate ? this.myTemplate(this.stampContext) : A}`;
+    return html22` ${this.debug ? html22`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing3}
+    ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing3}`;
   }
 };
 __decorate22([
-  n2({ type: Boolean, reflect: true })
+  property16({ type: Boolean, reflect: true })
 ], TestStamp.prototype, "debug", void 0);
 __decorate22([
-  r(),
-  c({ context: computedContext, subscribe: true })
+  state6(),
+  consume15({ context: computedContext, subscribe: true })
 ], TestStamp.prototype, "computedContext", void 0);
 __decorate22([
-  r()
+  state6()
 ], TestStamp.prototype, "stampContext", void 0);
 
 // ../qti-test/dist/components/test-view-toggle/test-view.js
+import { html as html23, LitElement as LitElement24 } from "lit";
+import { property as property17, state as state7 } from "lit/decorators.js";
+import { consume as consume16 } from "@lit/context";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var _a;
-var TestView = class extends i2 {
+var TestView = class extends LitElement24 {
   constructor() {
     super(...arguments);
     this.label = "view";
@@ -3694,46 +3785,48 @@ var TestView = class extends i2 {
     }));
   }
   render() {
-    return T`
+    return html23`
       <label part="label" for="viewSelect">${this.label}</label>
       <select
         part="select"
         id="viewSelect"
-        @change=${(e2) => {
-      const el = e2.target;
+        @change=${(e) => {
+      const el = e.target;
       this._switchView(el.value);
     }}
       >
-        ${this._viewOptions.map((v) => T`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`)}
+        ${this._viewOptions.map((v) => html23`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`)}
       </select>
     `;
   }
 };
 _a = TestView;
 __decorate23([
-  c({ context: sessionContext, subscribe: true })
+  consume16({ context: sessionContext, subscribe: true })
 ], TestView.prototype, "sessionContext", void 0);
 __decorate23([
-  n2({ type: String })
+  property17({ type: String })
 ], TestView.prototype, "label", void 0);
 __decorate23([
-  n2({ type: String, attribute: "view-options" })
+  property17({ type: String, attribute: "view-options" })
 ], TestView.prototype, "viewOptions", void 0);
 __decorate23([
   watch("viewOptions", { waitUntilFirstUpdate: true })
 ], TestView.prototype, "_handleViewOptionsChange", void 0);
 __decorate23([
-  r()
+  state7()
 ], TestView.prototype, "_viewOptions", void 0);
 
 // ../qti-test/dist/components/test-view-toggle/test-view-toggle.js
+import { consume as consume17 } from "@lit/context";
+import { html as html24, LitElement as LitElement25, nothing as nothing4 } from "lit";
 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 c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestViewToggle = class extends i2 {
+var TestViewToggle = class extends LitElement25 {
   createRenderRoot() {
     return this;
   }
@@ -3763,13 +3856,13 @@ var TestViewToggle = class extends i2 {
     });
   }
   render() {
-    return T`${this.myTemplate ? this.myTemplate({
+    return html24`${this.myTemplate ? this.myTemplate({
       view: this.sessionContext?.view
-    }) : A}`;
+    }) : nothing4}`;
   }
 };
 __decorate24([
-  c({ context: sessionContext, subscribe: true })
+  consume17({ context: sessionContext, subscribe: true })
 ], TestViewToggle.prototype, "sessionContext", void 0);
 
 // ../qti-test/dist/elements.js
@@ -3857,12 +3950,5 @@ export {
    * @license
    * Portions Copyright (c) 2013, the Dart project authors.
    *)
-
-lit-html/node/private-ssr-support.js:
-  (**
-   * @license
-   * Copyright 2019 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
 */
-//# sourceMappingURL=chunk-RXGDQDOV.js.map
+//# sourceMappingURL=chunk-HBSWJC3B.js.map