@citolab/qti-components 8.1.0 → 9.0.0

package/dist/{chunk-Q52IJELT.js → chunk-GBDTBHUQ.js}

@@ -1,9 +1,9 @@
 import {
   QtiModalFeedback
-} from "./chunk-6XJUP55A.js";
+} from "./chunk-WKWCOV5P.js";
 import {
   item_default
-} from "./chunk-IYC7LZV6.js";
+} from "./chunk-TLTYXWW7.js";
 import {
   watch
 } from "./chunk-4DB4SC5K.js";
@@ -20,7 +20,7 @@ import {
   qtiContext,
   sessionContext,
   testContext
-} from "./chunk-EKXZI26R.js";
+} from "./chunk-WCWJPIUQ.js";
 
 // ../qti-test/dist/components/qti-assessment-item-ref/qti-assessment-item-ref.js
 import { LitElement } from "lit";
@@ -191,9 +191,72 @@ __decorate3([
   consume2({ context: testContext, subscribe: true })
 ], QtiAssessmentTest.prototype, "_testContext", void 0);
 
+// ../qti-test/dist/components/qti-item-session-control/qti-item-session-control.js
+import { html as html3, LitElement as LitElement4 } from "lit";
+import { property as property4 } from "lit/decorators.js";
+var __decorate4 = function(decorators, target, key, desc) {
+  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 stringToBooleanConverter3 = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiItemSessionControl = class extends LitElement4 {
+  constructor() {
+    super(...arguments);
+    this.maxAttempts = 1;
+    this.showFeedback = false;
+    this.allowReview = true;
+    this.showSolution = false;
+    this.allowComment = false;
+    this.allowSkipping = true;
+    this.validateResponses = false;
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new CustomEvent("qti-item-session-control-connected", {
+      detail: this,
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return html3`<slot></slot>`;
+  }
+};
+__decorate4([
+  property4({ type: Number, attribute: "max-attempts" })
+], QtiItemSessionControl.prototype, "maxAttempts", void 0);
+__decorate4([
+  property4({ type: Boolean, converter: stringToBooleanConverter3, attribute: "show-feedback" })
+], QtiItemSessionControl.prototype, "showFeedback", void 0);
+__decorate4([
+  property4({ type: Boolean, converter: stringToBooleanConverter3, attribute: "allow-review" })
+], QtiItemSessionControl.prototype, "allowReview", void 0);
+__decorate4([
+  property4({ type: Boolean, converter: stringToBooleanConverter3, attribute: "show-solution" })
+], QtiItemSessionControl.prototype, "showSolution", void 0);
+__decorate4([
+  property4({ type: Boolean, converter: stringToBooleanConverter3, attribute: "allow-comment" })
+], QtiItemSessionControl.prototype, "allowComment", void 0);
+__decorate4([
+  property4({ type: Boolean, converter: stringToBooleanConverter3, attribute: "allow-skipping" })
+], QtiItemSessionControl.prototype, "allowSkipping", void 0);
+__decorate4([
+  property4({ type: Boolean, converter: stringToBooleanConverter3, attribute: "validate-responses" })
+], QtiItemSessionControl.prototype, "validateResponses", void 0);
+
 // ../qti-test/dist/components/qti-outcome-processing/qti-outcome-processing.js
-import { css, html as html3, LitElement as LitElement4 } from "lit";
-var QtiOutcomeProcessing = class extends LitElement4 {
+import { css, html as html4, LitElement as LitElement5 } from "lit";
+var QtiOutcomeProcessing = class extends LitElement5 {
   static {
     this.styles = [
       css`
@@ -204,7 +267,7 @@ var QtiOutcomeProcessing = class extends LitElement4 {
     ];
   }
   render() {
-    return html3`<slot></slot>`;
+    return html4`<slot></slot>`;
   }
   process() {
     const logic = new QtiOutcomeProcessingProcessor();
@@ -221,7 +284,7 @@ var QtiOutcomeProcessingProcessor = class {
 };
 
 // ../qti-test/dist/components/qti-test-feedback/qti-test-feedback.js
-import { css as css2, html as html4 } from "lit";
+import { css as css2, html as html5 } from "lit";
 var QtiTestFeedback = class extends QtiModalFeedback {
   static {
     this.styles = css2`
@@ -231,20 +294,20 @@ var QtiTestFeedback = class extends QtiModalFeedback {
   `;
   }
   render() {
-    return html4``;
+    return html5``;
   }
 };
 
 // ../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) {
+import { html as html6, LitElement as LitElement6 } from "lit";
+import { property as property5 } from "lit/decorators.js";
+var __decorate5 = function(decorators, target, key, desc) {
   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 LitElement5 {
+var QtiTestPart = class extends LitElement6 {
   constructor() {
     super(...arguments);
     this.identifier = "";
@@ -271,25 +334,25 @@ var QtiTestPart = class extends LitElement5 {
     }));
   }
   render() {
-    return html5` <slot></slot>`;
+    return html6` <slot></slot>`;
   }
 };
-__decorate4([
-  property4({ type: String })
+__decorate5([
+  property5({ type: String })
 ], QtiTestPart.prototype, "identifier", void 0);
-__decorate4([
-  property4({ type: String })
+__decorate5([
+  property5({ type: String })
 ], QtiTestPart.prototype, "class", void 0);
-__decorate4([
-  property4({ type: String, attribute: "navigation-mode" })
+__decorate5([
+  property5({ type: String, attribute: "navigation-mode" })
 ], QtiTestPart.prototype, "navigationMode", void 0);
-__decorate4([
-  property4({ type: String, attribute: "submission-mode" })
+__decorate5([
+  property5({ 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 __decorate6 = function(decorators, target, key, desc) {
   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;
@@ -334,7 +397,7 @@ var QtiTestVariables = class extends QtiExpression {
     return this.getResult();
   }
 };
-__decorate5([
+__decorate6([
   consume3({ context: testContext, subscribe: true })
 ], QtiTestVariables.prototype, "_testContext", void 0);
 var QtiTestVariablesExpression = class {
@@ -362,12 +425,12 @@ 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 { html as html7, LitElement as LitElement8 } 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) {
+import { property as property6 } from "lit/decorators.js";
+var __decorate7 = function(decorators, target, key, desc) {
   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;
@@ -845,17 +908,17 @@ var TestNavigationMixin = (superClass) => {
       });
     }
   }
-  __decorate6([
-    property5({ type: String })
+  __decorate7([
+    property6({ type: String })
   ], TestNavigationClass.prototype, "navigate", void 0);
-  __decorate6([
-    property5({ type: Number })
+  __decorate7([
+    property6({ type: Number })
   ], TestNavigationClass.prototype, "requestTimeout", void 0);
-  __decorate6([
-    property5({ attribute: false })
+  __decorate7([
+    property6({ attribute: false })
   ], TestNavigationClass.prototype, "postLoadTransformCallback", void 0);
-  __decorate6([
-    property5({ attribute: false })
+  __decorate7([
+    property6({ attribute: false })
   ], TestNavigationClass.prototype, "postLoadTestTransformCallback", void 0);
   return TestNavigationClass;
 };
@@ -910,9 +973,9 @@ 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) {
+import { LitElement as LitElement7 } from "lit";
+import { property as property7 } from "lit/decorators.js";
+var __decorate8 = function(decorators, target, key, desc) {
   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;
@@ -964,11 +1027,11 @@ var TestBaseMixin = (superClass) => {
       }
     }
     _initializeEventListeners() {
-      this.addEventListener("qti-assessment-test-connected", (e) => {
+      this.addEventListener("qti-testdoc-loaded", () => {
         this.testContext = INITIAL_TEST_CONTEXT;
         this.sessionContext = INITIAL_SESSION_CONTEXT;
-        if (this.testContext && this.testContext.items.length > 0)
-          return;
+      });
+      this.addEventListener("qti-assessment-test-connected", (e) => {
         this._testElement = e.detail;
         const items = Array.from(this._testElement.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
           return {
@@ -1020,17 +1083,17 @@ var TestBaseMixin = (superClass) => {
       this.dispatchEvent(new CustomEvent("qti-test-context-updated", { detail: this.testContext, bubbles: false, composed: false }));
     }
   }
-  __decorate7([
-    property6({ attribute: false, type: Object }),
+  __decorate8([
+    property7({ attribute: false, type: Object }),
     provide({ context: testContext })
   ], TestBaseClass.prototype, "testContext", void 0);
-  __decorate7([
-    property6({ attribute: false, type: Object }),
+  __decorate8([
+    property7({ attribute: false, type: Object }),
     provide({ context: sessionContext })
   ], TestBaseClass.prototype, "sessionContext", void 0);
   return TestBaseClass;
 };
-var TestBase = class extends TestBaseMixin(LitElement6) {
+var TestBase = class extends TestBaseMixin(LitElement7) {
 };
 
 // ../qti-test/dist/mixins/test-processing.mixin.js
@@ -1089,13 +1152,13 @@ var TestProcessingMixin = (superClass) => {
 };
 
 // ../qti-test/dist/components/qti-test/qti-test.js
-var __decorate8 = function(decorators, target, key, desc) {
+var __decorate9 = function(decorators, target, key, desc) {
   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(LitElement7)))) {
+var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixin(TestBaseMixin(LitElement8)))) {
   constructor() {
     super(...arguments);
     this.configContext = {};
@@ -1110,16 +1173,16 @@ var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixi
     this.dispatchEvent(new CustomEvent("qti-test-connected", { detail: this }));
   }
   render() {
-    return html6`<slot></slot>`;
+    return html7`<slot></slot>`;
   }
 };
-__decorate8([
+__decorate9([
   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";
+import { css as css4, html as html8, LitElement as LitElement9 } from "lit";
 
 // ../qti-test/dist/components/styles.js
 import { css as css3 } from "lit";
@@ -1145,7 +1208,7 @@ var ind = css3`
 `;
 
 // ../qti-test/dist/components/test-check-item/test-check-item.js
-var TestCheckItem = class extends LitElement8 {
+var TestCheckItem = class extends LitElement9 {
   static {
     this.styles = css4`
     :host {
@@ -1169,22 +1232,22 @@ var TestCheckItem = class extends LitElement8 {
     });
   }
   render() {
-    return html7` <slot></slot> `;
+    return html8` <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 { LitElement as LitElement10, html as html9 } from "lit";
+import { property as property8, state as state2 } from "lit/decorators.js";
 import { until } from "lit/directives/until.js";
-var __decorate9 = function(decorators, target, key, desc) {
+var __decorate10 = function(decorators, target, key, desc) {
   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 LitElement9 {
+var TestContainer = class extends LitElement10 {
   constructor() {
     super(...arguments);
     this.customElementRegistry = null;
@@ -1224,17 +1287,34 @@ var TestContainer = class extends LitElement9 {
           api = await qtiTest.postLoadTestTransformCallback(api, testElement);
         }
       }
-      this.testDoc = api.htmlDoc(this.#resolvedCustomElementRegistry ?? void 0);
+      this.#setTestDoc(api.htmlDoc(this.#resolvedCustomElementRegistry ?? void 0));
     } catch (error) {
       console.error("Error loading or parsing XML:", error);
     }
   }
+  /**
+   * Assign a new test document and announce it.
+   *
+   * The announcement has to happen here rather than on
+   * `qti-assessment-test-connected`, because by then the new document's
+   * children have already connected and registered themselves — a host that
+   * resets its context on that event throws those registrations away. Lit's
+   * re-render is async, so a handler running now still gets in before any child
+   * of the new `qti-assessment-test` connects.
+   */
+  #setTestDoc(testDoc) {
+    this.testDoc = testDoc;
+    this.dispatchEvent(new CustomEvent("qti-testdoc-loaded", {
+      bubbles: true,
+      composed: true
+    }));
+  }
   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);
+      this.#setTestDoc(qtiTransformTest().parse(this.testXML).shuffleOrdering(explicitSeed).htmlDoc(this.#resolvedCustomElementRegistry ?? void 0));
     } catch (error) {
       console.error("Error parsing XML:", error);
     }
@@ -1252,7 +1332,7 @@ var TestContainer = class extends LitElement9 {
   }
   #initializeTemplateContent() {
     const template = this.querySelector("template");
-    this.#templateContent = template ? template.content : html8``;
+    this.#templateContent = template ? template.content : html9``;
   }
   #applyStyles() {
     const sheet = new CSSStyleSheet();
@@ -1260,39 +1340,52 @@ var TestContainer = class extends LitElement9 {
     this.shadowRoot.adoptedStyleSheets = [sheet];
   }
   render() {
-    return html8`
+    return html9`
       ${this.#templateContent}
       <slot></slot>
-      ${until(this.testDoc, html8`<span>Loading...</span>`)}
+      ${until(this.testDoc, html9`<span>Loading...</span>`)}
     `;
   }
 };
-__decorate9([
-  property7({ attribute: false })
+__decorate10([
+  property8({ attribute: false })
 ], TestContainer.prototype, "customElementRegistry", void 0);
-__decorate9([
-  property7({ type: String, attribute: "test-url" })
+__decorate10([
+  property8({ type: String, attribute: "test-url" })
 ], TestContainer.prototype, "testURL", void 0);
-__decorate9([
+__decorate10([
   state2()
 ], TestContainer.prototype, "testDoc", void 0);
-__decorate9([
+__decorate10([
   state2()
 ], TestContainer.prototype, "testXML", void 0);
-__decorate9([
+__decorate10([
   state2(),
   consume4({ context: qtiContext, subscribe: true })
 ], TestContainer.prototype, "qtiContext", void 0);
-__decorate9([
+__decorate10([
   watch("testURL", { waitUntilFirstUpdate: true })
 ], TestContainer.prototype, "handleTestURLChange", null);
-__decorate9([
+__decorate10([
   watch("testXML", { waitUntilFirstUpdate: true })
 ], TestContainer.prototype, "handleTestXMLChange", null);
 
 // ../qti-test/dist/components/test-end-attempt/test-end-attempt.js
-import { css as css5, html as html9, LitElement as LitElement10 } from "lit";
-var TestEndAttempt = class extends LitElement10 {
+import { css as css5, html as html10, LitElement as LitElement11 } from "lit";
+import { property as property9 } from "lit/decorators.js";
+import { consume as consume5 } from "@lit/context";
+var __decorate11 = function(decorators, target, key, desc) {
+  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 TestEndAttempt = class extends LitElement11 {
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue) {
+      this.requestUpdate();
+    }
+  }
   static {
     this.styles = css5`
     :host {
@@ -1305,23 +1398,69 @@ var TestEndAttempt = class extends LitElement10 {
   }
   constructor() {
     super();
-    this.addEventListener("click", () => this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true })));
+    this._internalDisabled = false;
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this._internalDisabled) {
+        this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true }));
+      }
+    });
+  }
+  willUpdate(_changedProperties) {
+    this.checkDisabled();
+  }
+  checkDisabled() {
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    if (!testPart)
+      return;
+    const sectionItems = testPart.sections.flatMap((section) => section.items);
+    const itemIndex = sectionItems.findIndex((item) => item.active);
+    const activeItem = sectionItems[itemIndex];
+    if (!activeItem) {
+      this._internalDisabled = false;
+      return;
+    }
+    const maxAttempts = activeItem.maxAttempts ?? 1;
+    const numAttempts = activeItem.numAttempts || 0;
+    if (!activeItem.adaptive && activeItem.optimal) {
+      this._internalDisabled = true;
+      return;
+    }
+    if (!activeItem.adaptive && maxAttempts > 0 && numAttempts >= maxAttempts) {
+      this._internalDisabled = true;
+      return;
+    }
+    if (activeItem.allowSkipping === false) {
+      this._internalDisabled = activeItem.valid === false || activeItem.isDefaultResponse;
+    } else {
+      this._internalDisabled = false;
+    }
   }
   render() {
-    return html9` <slot></slot> `;
+    return html10` <slot></slot> `;
   }
 };
+__decorate11([
+  consume5({ context: computedContext, subscribe: true }),
+  property9({ attribute: false })
+], TestEndAttempt.prototype, "computedContext", void 0);
+__decorate11([
+  property9({ type: Boolean, reflect: true, attribute: "disabled" })
+], TestEndAttempt.prototype, "_internalDisabled", void 0);
+__decorate11([
+  watch("computedContext")
+], TestEndAttempt.prototype, "_handleTestElementChange", null);
 
 // ../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) {
+import { css as css6, html as html11, LitElement as LitElement12 } from "lit";
+import { property as property10 } from "lit/decorators.js";
+var __decorate12 = function(decorators, target, key, desc) {
   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 LitElement11 {
+var TestItemLink = class extends LitElement12 {
   static {
     this.styles = css6`
     :host {
@@ -1348,18 +1487,18 @@ var TestItemLink = class extends LitElement11 {
     }));
   }
   render() {
-    return html10` <slot></slot> `;
+    return html11` <slot></slot> `;
   }
 };
-__decorate10([
-  property8({ type: String, attribute: "item-id" })
+__decorate12([
+  property10({ 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) {
+import { html as html12, LitElement as LitElement13, css as css7 } from "lit";
+import { consume as consume6, provide as provide3, createContext } from "@lit/context";
+import { property as property11, state as state3 } from "lit/decorators.js";
+var __decorate13 = function(decorators, target, key, desc) {
   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;
@@ -1379,7 +1518,7 @@ function getHighlightSheet() {
   return highlightSheet;
 }
 var ttsContext = createContext(/* @__PURE__ */ Symbol("tts-context"));
-var TtsButtonBase = class extends LitElement12 {
+var TtsButtonBase = class extends LitElement13 {
   static {
     this.styles = css7`
     :host {
@@ -1403,10 +1542,10 @@ var TtsButtonBase = class extends LitElement12 {
     }
   }
 };
-__decorate11([
-  consume5({ context: ttsContext, subscribe: true })
+__decorate13([
+  consume6({ context: ttsContext, subscribe: true })
 ], TtsButtonBase.prototype, "_tts", void 0);
-var TestItemToSpeech = class extends LitElement12 {
+var TestItemToSpeech = class extends LitElement13 {
   #internals;
   #itemElements;
   #boundHandleItemConnected;
@@ -1480,7 +1619,7 @@ var TestItemToSpeech = class extends LitElement12 {
     this.#itemElements.clear();
   }
   render() {
-    return html11`<slot></slot>`;
+    return html12`<slot></slot>`;
   }
   #handleItemConnected(event) {
     const item = event.detail;
@@ -1702,13 +1841,13 @@ var TestItemToSpeech = class extends LitElement12 {
     }
   }
 };
-__decorate11([
-  property9({ type: String })
+__decorate13([
+  property11({ type: String })
 ], TestItemToSpeech.prototype, "language", void 0);
-__decorate11([
-  consume5({ context: sessionContext, subscribe: true })
+__decorate13([
+  consume6({ context: sessionContext, subscribe: true })
 ], TestItemToSpeech.prototype, "_sessionContext", void 0);
-__decorate11([
+__decorate13([
   state3(),
   provide3({ context: ttsContext })
 ], TestItemToSpeech.prototype, "_ttsContext", void 0);
@@ -1725,16 +1864,16 @@ var TestTtsPlay = class extends TtsButtonBase {
   }
   render() {
     const playing = this._tts?.state === "playing";
-    return html11`
+    return html12`
       <button part="button" @click=${this.#toggle}>
-        ${playing ? html11`<slot name="pause">⏸</slot>` : html11`<slot name="play">▶</slot>`}
+        ${playing ? html12`<slot name="pause">⏸</slot>` : html12`<slot name="play">▶</slot>`}
       </button>
     `;
   }
 };
 var TestTtsPause = class extends TtsButtonBase {
   render() {
-    return html11`
+    return html12`
       <button part="button" ?disabled=${this._tts?.state !== "playing"} @click=${() => this._tts?.pause()}>
         <slot>⏸</slot>
       </button>
@@ -1743,7 +1882,7 @@ var TestTtsPause = class extends TtsButtonBase {
 };
 var TestTtsResume = class extends TtsButtonBase {
   render() {
-    return html11`
+    return html12`
       <button part="button" ?disabled=${this._tts?.state !== "paused"} @click=${() => this._tts?.resume()}>
         <slot>▶</slot>
       </button>
@@ -1752,7 +1891,7 @@ var TestTtsResume = class extends TtsButtonBase {
 };
 var TestTtsStop = class extends TtsButtonBase {
   render() {
-    return html11`
+    return html12`
       <button part="button" ?disabled=${this._tts?.state === "idle"} @click=${() => this._tts?.stop()}>
         <slot>■</slot>
       </button>
@@ -1763,7 +1902,7 @@ var TestTtsPrev = class extends TtsButtonBase {
   render() {
     const atStart = (this._tts?.currentElementIndex ?? 0) === 0;
     const noElements = (this._tts?.elementCount ?? 0) === 0;
-    return html11`
+    return html12`
       <button part="button" ?disabled=${noElements || atStart} @click=${() => this._tts?.prevElement()}>
         <slot>◀◀</slot>
       </button>
@@ -1774,7 +1913,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 html11`
+    return html12`
       <button part="button" ?disabled=${noElements || atEnd} @click=${() => this._tts?.nextElement()}>
         <slot>▶▶</slot>
       </button>
@@ -1783,17 +1922,25 @@ 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) {
+import { consume as consume7, provide as provide4 } from "@lit/context";
+import { html as html13, LitElement as LitElement14 } from "lit";
+import { property as property12, state as state4 } from "lit/decorators.js";
+var __decorate14 = function(decorators, target, key, desc) {
   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 LitElement13 {
+var TestNavigation = class extends LitElement14 {
   #testElement;
+  /**
+   * Whether each item's last *ended attempt* reached the optimal outcome, keyed
+   * by item-ref id. Written from #handleItemContextUpdated when processResponse
+   * ends an attempt — never on a plain selection. Mirrors how inline feedback
+   * only re-evaluates when an attempt is processed, so a freshly-picked answer
+   * doesn't flip `done` until the candidate ends the attempt.
+   */
+  #optimality;
   constructor() {
     super();
     this.identifier = void 0;
@@ -1807,12 +1954,52 @@ var TestNavigation = class extends LitElement13 {
     };
     this.configContext = {};
     this.autoScoreItems = false;
+    this.#optimality = /* @__PURE__ */ new Map();
     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("qti-item-context-updated", this.#handleItemContextUpdated.bind(this));
     this.addEventListener("test-end-attempt", this.#handleTestEndAttempt.bind(this));
     this.addEventListener("test-update-outcome-variable", this.#handleTestUpdateOutcomeVariable.bind(this));
   }
+  /**
+   * Latch whether an item reached its optimal outcome whenever it has just ended
+   * an attempt. processResponse — fired by test-end-attempt, autoscore, or an
+   * in-item end-attempt interaction — flags its context update with
+   * `responseProcessed`; a plain selection updates the context without it, so
+   * `done` can't flip until the candidate actually ends the attempt.
+   */
+  #handleItemContextUpdated(event) {
+    if (!event.detail?.responseProcessed)
+      return;
+    const itemContext = event.detail.itemContext;
+    if (!itemContext?.identifier)
+      return;
+    const optimality = this.#assessOptimality(itemContext);
+    this.#optimality.set(itemContext.identifier, optimality);
+    const computedItem = this.computedItemFor(itemContext.identifier);
+    const numAttempts = Number(itemContext.variables?.find((v) => v.identifier === "numAttempts")?.value) || 0;
+    this.afterAttemptEnded(event.composedPath()[0]?.closest("qti-assessment-item"), computedItem, this.#isItemDone(numAttempts, optimality, computedItem?.maxAttempts));
+  }
+  /**
+   * Extension point for presentation packages reacting to an ended attempt.
+   * `done` is settled here — from the freshly latched optimality and the
+   * session-control cascade — because the computed context only catches up on
+   * the next update, after this event has finished bubbling.
+   */
+  afterAttemptEnded(_assessmentItem, _computedItem, _done) {
+  }
+  /** The computed-context entry for an item, from the session-control cascade. */
+  computedItemFor(identifier) {
+    return this.computedContext?.testParts?.flatMap((part) => part.sections).flatMap((section) => section.items).find((i) => i.identifier === identifier);
+  }
+  /** The assessment item for an item-ref id, if it has been rendered. */
+  #assessmentItemFor(identifier) {
+    if (!identifier)
+      return void 0;
+    const itemRef = this.#testElement?.querySelector(`qti-assessment-item-ref[identifier="${identifier}"]`);
+    return itemRef?.assessmentItem ?? void 0;
+  }
   /** The currently active assessment item, exposed for optional presentation extensions. */
   get activeAssessmentItem() {
     if (!this.#testElement || !this._sessionContext?.navItemRefId)
@@ -1826,19 +2013,23 @@ var TestNavigation = class extends LitElement13 {
    * @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 qtiAssessmentItemEl = this.activeAssessmentItem;
+    if (!qtiAssessmentItemEl)
+      return;
     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;
+    const qtiAssessmentItemEl = this.#assessmentItemFor(event.detail?.assessmentItemRefId);
+    if (!qtiAssessmentItemEl)
+      return;
     qtiAssessmentItemEl.setOutcomeVariable(event.detail.outcomeVariableId, event.detail.value);
   }
   #handleInteractionChanged(_event) {
     if (this.autoScoreItems) {
       const assessmentItem = _event.composedPath()[0].closest("qti-assessment-item");
+      if (!assessmentItem)
+        return;
       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;
@@ -1847,11 +2038,12 @@ var TestNavigation = class extends LitElement13 {
     }
   }
   render() {
-    return html12`<slot></slot>`;
+    return html13`<slot></slot>`;
   }
   /* PK: on test connected we can build the computed context */
   #handleTestConnected(event) {
     this.#testElement = event.detail;
+    this.#optimality.clear();
     if (!this.qtiContext.QTI_CONTEXT?.testIdentifier) {
       const currentContext = this.qtiContext.QTI_CONTEXT || {
         testIdentifier: "",
@@ -1887,27 +2079,50 @@ var TestNavigation = class extends LitElement13 {
       view: this._sessionContext?.view,
       testParts: testPartElements.map((testPart) => {
         const sectionElements = [...testPart.querySelectorAll(`qti-assessment-section`)];
+        const testPartSessionControl = testPart.querySelector(":scope > qti-item-session-control");
+        const partAllowSkipping = testPartSessionControl ? testPartSessionControl.allowSkipping : true;
+        const partMaxAttempts = testPartSessionControl ? testPartSessionControl.maxAttempts : 1;
+        const partShowFeedback = testPartSessionControl ? testPartSessionControl.showFeedback : false;
+        const partShowSolution = testPartSessionControl ? testPartSessionControl.showSolution : false;
         return {
           active: false,
           identifier: testPart.identifier,
           navigationMode: testPart.navigationMode,
           submissionMode: testPart.submissionMode,
+          allowSkipping: partAllowSkipping,
           sections: sectionElements.map((section) => {
             const itemElements = [...section.querySelectorAll(`qti-assessment-item-ref`)];
+            const sectionSessionControl = section.querySelector(":scope > qti-item-session-control");
+            const sectionAllowSkipping = sectionSessionControl ? sectionSessionControl.allowSkipping : partAllowSkipping;
+            const sectionMaxAttempts = sectionSessionControl ? sectionSessionControl.maxAttempts : partMaxAttempts;
+            const sectionShowFeedback = sectionSessionControl ? sectionSessionControl.showFeedback : partShowFeedback;
+            const sectionShowSolution = sectionSessionControl ? sectionSessionControl.showSolution : partShowSolution;
             return {
               active: false,
               identifier: section.identifier,
               title: section.title,
               navigationMode: section.navigationMode,
               submissionMode: section.submissionMode,
-              items: itemElements.map((item) => ({
-                ...this.initContext?.find((i) => i.identifier === item.identifier),
-                active: false,
-                identifier: item.identifier,
-                categories: item.category ? item.category?.split(" ") : [],
-                href: item.href,
-                variables: []
-              }))
+              allowSkipping: sectionAllowSkipping,
+              items: itemElements.map((item) => {
+                const itemSessionControl = item.querySelector(":scope > qti-item-session-control");
+                const itemAllowSkipping = itemSessionControl ? itemSessionControl.allowSkipping : sectionAllowSkipping;
+                const itemMaxAttempts = itemSessionControl ? itemSessionControl.maxAttempts : sectionMaxAttempts;
+                const itemShowFeedback = itemSessionControl ? itemSessionControl.showFeedback : sectionShowFeedback;
+                const itemShowSolution = itemSessionControl ? itemSessionControl.showSolution : sectionShowSolution;
+                return {
+                  ...this.initContext?.find((i) => i.identifier === item.identifier),
+                  active: false,
+                  identifier: item.identifier,
+                  categories: item.category ? item.category?.split(" ") : [],
+                  href: item.href,
+                  variables: [],
+                  allowSkipping: itemAllowSkipping,
+                  maxAttempts: itemMaxAttempts,
+                  showFeedback: itemShowFeedback,
+                  showSolution: itemShowSolution
+                };
+              })
             };
           })
         };
@@ -2024,11 +2239,50 @@ var TestNavigation = class extends LitElement13 {
                 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 numAttempts = Number(computedItem.variables?.find((v) => v.identifier === "numAttempts")?.value) || 0;
                 const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;
+                const valid = this.#assessmentItemFor(computedItem.identifier)?.validate(false) ?? true;
+                const responseVars = itemContext?.variables?.filter((v) => v.type === "response") || [];
+                const isDefaultResponse = responseVars.every((v) => {
+                  if (v.value === void 0 || v.value === null) {
+                    return true;
+                  }
+                  let fallbackValue;
+                  switch (v.baseType) {
+                    case "integer":
+                    case "float":
+                    case "duration":
+                      fallbackValue = "0";
+                      break;
+                    case "boolean":
+                      fallbackValue = "false";
+                      break;
+                    case "string":
+                    case "directedPair":
+                    case "identifier":
+                    case "pair":
+                    case "record":
+                    default:
+                      fallbackValue = "";
+                      break;
+                  }
+                  const defaultValue = v.defaultValue ?? fallbackValue;
+                  if (Array.isArray(v.value)) {
+                    const dv = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+                    return v.value.length === dv.length && v.value.every((val, i) => val === dv[i]);
+                  }
+                  return v.value === defaultValue;
+                });
                 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());
+                let optimality = this.#optimality.get(computedItem.identifier);
+                if (optimality === void 0) {
+                  optimality = itemContext ? this.#assessOptimality(itemContext) : "unscored";
+                  if (numAttempts > 0)
+                    this.#optimality.set(computedItem.identifier, optimality);
+                }
+                const done = this.#isItemDone(numAttempts, optimality, computedItem.maxAttempts);
                 return {
                   ...computedItem,
                   completionStatus,
@@ -2037,7 +2291,16 @@ var TestNavigation = class extends LitElement13 {
                   response,
                   index,
                   active,
-                  maxScore
+                  valid,
+                  isDefaultResponse,
+                  maxScore,
+                  done,
+                  // Reflects the last *ended* attempt only. Read the latch directly
+                  // (not the `optimality` local) — the latch is written solely on
+                  // responseProcessed / restore-seed (line above, guarded by
+                  // numAttempts > 0), so a freshly-picked mid-attempt selection
+                  // computed live is never stored and never counts as optimal.
+                  optimal: this.#optimality.get(computedItem.identifier) === "optimal"
                   // type,
                   // correct,
                   // incorrect,
@@ -2054,48 +2317,123 @@ var TestNavigation = class extends LitElement13 {
       bubbles: true
     }));
   }
+  /**
+   * Decide whether an item should be treated as "the candidate is done with it"
+   * for the purpose of gating forward navigation and further attempts.
+   *
+   * - The candidate must have actually ended an attempt (numAttempts > 0).
+   * - Once attempted, the item is done if they reached the optimal outcome
+   *   ('optimal'), or there's nothing to improve on ('unscored'). It is only *not*
+   *   done while a better attempt is still possible ('suboptimal') and attempts
+   *   remain — see #assessOptimality for how "optimal" is determined.
+   *
+   * `optimality` reflects the last *ended attempt* (see #optimality), not the
+   * live selection — so a freshly-picked optimal answer doesn't count as done
+   * until test-end-attempt evaluates it.
+   */
+  #isItemDone(numAttempts, optimality, maxAttempts) {
+    if (numAttempts === 0)
+      return false;
+    if (optimality !== "suboptimal")
+      return true;
+    const max = maxAttempts ?? 1;
+    return max > 0 && numAttempts >= max;
+  }
+  /**
+   * Decide whether an item's submission is as good as it can get — i.e. the
+   * candidate reached the *optimal* outcome, so there's no reason to make them
+   * try again. 'optimal' means best achievable, 'suboptimal' means a better
+   * attempt is still possible, 'unscored' means there's nothing to judge against.
+   * ("optimal" is the spec's own word — a qti-correct-response is defined as
+   * "the (or an) optimal value".)
+   *
+   * Two signals, in order of authority:
+   *  1. The scored outcome: optimal ⟺ SCORE has reached its maximum (MAXSCORE).
+   *     This correctly handles partial-credit / qti-mapping items, where an exact
+   *     response match would under- or over-judge.
+   *  2. The declared qti-correct-response, for items that aren't scored (no
+   *     SCORE/MAXSCORE) — an exact match is the best available proxy. Bookkeeping
+   *     variables like numAttempts can be typed 'response' but never declare a
+   *     correctResponse, so we filter on a declared correctResponse.
+   *
+   * Items with neither a comparable score nor a correctResponse (essays, info
+   * items, etc.) are 'unscored' — there's no optimal value to require, so one
+   * attempt is enough.
+   */
+  #assessOptimality(item) {
+    const variables = item.variables ?? [];
+    const score = this.#numericVariable(variables, "SCORE");
+    const maxScore = this.#numericVariable(variables, "MAXSCORE");
+    if (score !== null && maxScore !== null) {
+      return score >= maxScore ? "optimal" : "suboptimal";
+    }
+    const responseVars = variables.filter((v) => v.type === "response" && v.correctResponse !== void 0 && v.correctResponse !== null);
+    if (responseVars.length === 0)
+      return "unscored";
+    const allMatch = responseVars.every((v) => {
+      const expected = v.correctResponse;
+      const actual = v.value;
+      if (actual === void 0 || actual === null)
+        return false;
+      if (Array.isArray(expected) && Array.isArray(actual)) {
+        return expected.length === actual.length && expected.every((e) => actual.includes(e));
+      }
+      if (Array.isArray(expected) || Array.isArray(actual))
+        return false;
+      return expected === actual;
+    });
+    return allMatch ? "optimal" : "suboptimal";
+  }
+  /** Read a single numeric outcome value, or null when absent / non-numeric. */
+  #numericVariable(variables, identifier) {
+    const raw = variables?.find((v) => v.identifier === identifier)?.value;
+    if (raw === void 0 || raw === null || Array.isArray(raw))
+      return null;
+    const parsed = parseFloat(raw.toString());
+    return Number.isNaN(parsed) ? null : parsed;
+  }
 };
-__decorate12([
-  property10({ type: String })
+__decorate14([
+  property12({ type: String })
 ], TestNavigation.prototype, "identifier", void 0);
-__decorate12([
+__decorate14([
   state4()
 ], TestNavigation.prototype, "initContext", void 0);
-__decorate12([
+__decorate14([
   state4(),
   provide4({ context: qtiContext })
 ], TestNavigation.prototype, "qtiContext", void 0);
-__decorate12([
+__decorate14([
   state4(),
-  consume6({ context: configContext, subscribe: true })
+  consume7({ context: configContext, subscribe: true })
 ], TestNavigation.prototype, "configContext", void 0);
-__decorate12([
+__decorate14([
   state4(),
-  consume6({ context: testContext, subscribe: true })
+  consume7({ context: testContext, subscribe: true })
 ], TestNavigation.prototype, "_testContext", void 0);
-__decorate12([
+__decorate14([
   state4(),
-  consume6({ context: sessionContext, subscribe: true })
+  consume7({ context: sessionContext, subscribe: true })
 ], TestNavigation.prototype, "_sessionContext", void 0);
-__decorate12([
+__decorate14([
   state4(),
   provide4({ context: computedContext })
 ], TestNavigation.prototype, "computedContext", void 0);
-__decorate12([
-  property10({ type: Boolean, attribute: "auto-score-items" })
+__decorate14([
+  property12({ 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) {
+import { css as css8, html as html14, LitElement as LitElement15 } from "lit";
+import { property as property13 } from "lit/decorators.js";
+import { consume as consume8 } from "@lit/context";
+var __decorate15 = function(decorators, target, key, desc) {
   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 LitElement14 {
+var TestNext = class extends LitElement15 {
   _handleTestElementChange(_oldValue, newValue) {
     if (newValue) {
       this.requestUpdate();
@@ -2147,8 +2485,7 @@ var TestNext = class extends LitElement14 {
     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;
+    this._internalDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= (this.sectionItems?.length ?? 0) - 1 || isLinearIndividual && !activeItem?.done;
   }
   _requestItem(identifier) {
     this.dispatchEvent(new CustomEvent("qti-request-navigation", {
@@ -2161,21 +2498,21 @@ var TestNext = class extends LitElement14 {
     }));
   }
   render() {
-    return html13`<slot></slot>`;
+    return html14`<slot></slot>`;
   }
 };
-__decorate13([
-  property11({ type: Boolean, reflect: true, attribute: "disabled" })
+__decorate15([
+  property13({ type: Boolean, reflect: true, attribute: "disabled" })
 ], TestNext.prototype, "_internalDisabled", void 0);
-__decorate13([
-  consume7({ context: computedContext, subscribe: true })
+__decorate15([
+  consume8({ context: computedContext, subscribe: true })
 ], TestNext.prototype, "computedContext", void 0);
-__decorate13([
+__decorate15([
   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";
+import { html as html15, LitElement as LitElement16 } from "lit";
 
 // ../../node_modules/.pnpm/@heximal+templates@0.1.5/node_modules/@heximal/templates/index.js
 import { render as renderLit, nothing } from "lit-html";
@@ -2782,18 +3119,18 @@ var EvalAstFactory = class {
           }
           const value = this.right.evaluate(scope);
           let receiver = void 0;
-          let property18;
+          let property20;
           if (this.left.type === "Getter") {
             receiver = this.left.receiver.evaluate(scope);
-            property18 = this.left.name;
+            property20 = this.left.name;
           } else if (this.left.type === "Index") {
             receiver = this.left.receiver.evaluate(scope);
-            property18 = this.left.argument.evaluate(scope);
+            property20 = this.left.argument.evaluate(scope);
           } else if (this.left.type === "ID") {
             receiver = scope;
-            property18 = this.left.value;
+            property20 = this.left.value;
           }
-          return receiver === void 0 ? void 0 : receiver[property18] = value;
+          return receiver === void 0 ? void 0 : receiver[property20] = value;
         }
         return f(this.left.evaluate(scope), this.right.evaluate(scope));
       },
@@ -3246,14 +3583,14 @@ var makeLitTemplate = (template) => {
 };
 
 // ../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) {
+import { consume as consume9 } from "@lit/context";
+var __decorate16 = function(decorators, target, key, desc) {
   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 LitElement15 {
+var TestPagingButtonsStamp = class extends LitElement16 {
   #internals;
   createRenderRoot() {
     return this;
@@ -3270,26 +3607,26 @@ var TestPagingButtonsStamp = class extends LitElement15 {
   }
   render() {
     if (!this.computedContext)
-      return html14``;
+      return html15``;
     const items = this.computedContext.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items));
-    return html14` ${items.map((item) => this.myTemplate({ item, view: this.computedContext.view }))} `;
+    return html15` ${items.map((item) => this.myTemplate({ item, view: this.computedContext.view }))} `;
   }
 };
-__decorate14([
-  consume8({ context: computedContext, subscribe: true })
+__decorate16([
+  consume9({ 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) {
+import { css as css9, html as html16, LitElement as LitElement17 } from "lit";
+import { property as property14 } from "lit/decorators.js";
+import { consume as consume10 } from "@lit/context";
+var __decorate17 = function(decorators, target, key, desc) {
   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 LitElement16 {
+var TestPrev = class extends LitElement17 {
   _handleTestElementChange(_oldValue, newValue) {
     if (newValue) {
       this.requestUpdate();
@@ -3341,49 +3678,49 @@ var TestPrev = class extends LitElement16 {
     }));
   }
   render() {
-    return html15`<slot></slot>`;
+    return html16`<slot></slot>`;
   }
 };
-__decorate15([
-  property12({ type: Boolean, reflect: true, attribute: "disabled" })
+__decorate17([
+  property14({ type: Boolean, reflect: true, attribute: "disabled" })
 ], TestPrev.prototype, "_internalDisabled", void 0);
-__decorate15([
-  consume9({ context: computedContext, subscribe: true })
+__decorate17([
+  consume10({ context: computedContext, subscribe: true })
 ], TestPrev.prototype, "computedContext", void 0);
-__decorate15([
+__decorate17([
   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 { html as html17, LitElement as LitElement18 } from "lit";
+import { consume as consume11 } from "@lit/context";
 import { state as state5 } from "lit/decorators.js";
-var __decorate16 = function(decorators, target, key, desc) {
+var __decorate18 = function(decorators, target, key, desc) {
   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 LitElement17 {
+var TestPrintContext = class extends LitElement18 {
   render() {
-    return html16` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
+    return html17` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
   }
 };
-__decorate16([
+__decorate18([
   state5(),
-  consume10({ context: computedContext, subscribe: true })
+  consume11({ 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) {
+import { html as html18, css as css10, LitElement as LitElement19 } from "lit";
+import { consume as consume12 } from "@lit/context";
+var __decorate19 = function(decorators, target, key, desc) {
   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 LitElement18 {
+var TestPrintVariables = class extends LitElement19 {
   static {
     this.styles = css10`
     table {
@@ -3411,10 +3748,10 @@ var TestPrintVariables = class extends LitElement18 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
     if (!activeItem || !activeItem.variables)
-      return html17``;
+      return html18``;
     const responseVariables = activeItem.variables.filter((v) => v.type === "response");
     const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
-    const renderTable = (variables, title) => html17`
+    const renderTable = (variables, title) => html18`
       <h3>${title}</h3>
       <table>
         <thead>
@@ -3431,7 +3768,7 @@ var TestPrintVariables = class extends LitElement18 {
       const correctResponse = v.correctResponse ? Array.isArray(v.correctResponse) ? v.correctResponse.join(", ") : v.correctResponse : "";
       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`
+      return html18`
               <tr>
                 <td>${v.identifier}</td>
                 <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
@@ -3444,26 +3781,26 @@ var TestPrintVariables = class extends LitElement18 {
         </tbody>
       </table>
     `;
-    return html17`
+    return html18`
       ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
     `;
   }
 };
-__decorate17([
-  consume11({ context: computedContext, subscribe: true })
+__decorate19([
+  consume12({ 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) {
+import { html as html19, LitElement as LitElement20, nothing as nothing2 } from "lit";
+import { consume as consume13 } from "@lit/context";
+import { property as property15 } from "lit/decorators.js";
+var __decorate20 = function(decorators, target, key, desc) {
   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 LitElement19 {
+var TestScoringButtons = class extends LitElement20 {
   createRenderRoot() {
     return this;
   }
@@ -3492,7 +3829,7 @@ var TestScoringButtons = class extends LitElement19 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
     if (!activeItem || !activeItem.variables)
-      return html18``;
+      return html19``;
     const maxScore = activeItem.variables.find((vr) => vr.identifier == "MAXSCORE")?.value;
     const scoreOutcome = activeItem.variables.find((vr) => vr.identifier == "SCORE");
     const score = scoreOutcome?.value;
@@ -3500,7 +3837,7 @@ var TestScoringButtons = class extends LitElement19 {
     if (!maxScore || !scoreOutcome)
       return nothing2;
     const scores = [...Array(Number(maxScore) + 1).keys()];
-    return html18`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : nothing2}`;
+    return html19`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : nothing2}`;
   }
   constructor() {
     super();
@@ -3516,27 +3853,27 @@ var TestScoringButtons = class extends LitElement19 {
     });
   }
 };
-__decorate18([
-  property13({ type: String, attribute: "view" })
+__decorate20([
+  property15({ type: String, attribute: "view" })
 ], TestScoringButtons.prototype, "view", void 0);
-__decorate18([
-  property13({ type: Boolean })
+__decorate20([
+  property15({ type: Boolean })
 ], TestScoringButtons.prototype, "disabled", void 0);
-__decorate18([
-  consume12({ context: computedContext, subscribe: true })
+__decorate20([
+  consume13({ 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) {
+import { consume as consume14 } from "@lit/context";
+import { html as html20, LitElement as LitElement21 } from "lit";
+import { property as property16 } from "lit/decorators.js";
+var __decorate21 = function(decorators, target, key, desc) {
   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 LitElement20 {
+var TestScoringFeedback = class extends LitElement21 {
   constructor() {
     super(...arguments);
     this.view = null;
@@ -3544,9 +3881,9 @@ var TestScoringFeedback = class extends LitElement20 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
     if (!activeItem || !activeItem.variables)
-      return html19``;
+      return html20``;
     if (activeItem["category"] === "dep-informational")
-      return html19`<div>${this.dataset.informational}</div>`;
+      return html20`<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);
@@ -3566,26 +3903,26 @@ var TestScoringFeedback = class extends LitElement20 {
       }
       return this.dataset.inProgress;
     };
-    return html19`<div>${feedbackText()}</div>`;
+    return html20`<div>${feedbackText()}</div>`;
   }
 };
-__decorate19([
-  consume13({ context: computedContext, subscribe: true })
+__decorate21([
+  consume14({ context: computedContext, subscribe: true })
 ], TestScoringFeedback.prototype, "computedContext", void 0);
-__decorate19([
-  property14({ type: String, attribute: "view" })
+__decorate21([
+  property16({ 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) {
+import { html as html21, LitElement as LitElement22 } from "lit";
+import { consume as consume15 } from "@lit/context";
+var __decorate22 = function(decorators, target, key, desc) {
   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 LitElement21 {
+var TestSectionButtonsStamp = class extends LitElement22 {
   #internals;
   createRenderRoot() {
     return this;
@@ -3602,25 +3939,25 @@ var TestSectionButtonsStamp = class extends LitElement21 {
   }
   render() {
     if (!this.computedContext)
-      return html20``;
+      return html21``;
     const sections = this.computedContext.testParts.flatMap((testPart) => testPart.sections);
-    return html20` ${sections.map((item) => this.myTemplate({ item }))} `;
+    return html21` ${sections.map((item) => this.myTemplate({ item }))} `;
   }
 };
-__decorate20([
-  consume14({ context: computedContext, subscribe: true })
+__decorate22([
+  consume15({ 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) {
+import { css as css11, html as html22, LitElement as LitElement23 } from "lit";
+import { property as property17 } from "lit/decorators.js";
+var __decorate23 = function(decorators, target, key, desc) {
   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 LitElement22 {
+var TestSectionLink = class extends LitElement23 {
   static {
     this.styles = css11`
     :host {
@@ -3647,24 +3984,24 @@ var TestSectionLink = class extends LitElement22 {
     this.addEventListener("click", () => this.#requestItem(this.sectionId));
   }
   render() {
-    return html21` <slot></slot> `;
+    return html22` <slot></slot> `;
   }
 };
-__decorate21([
-  property15({ type: String, attribute: "section-id" })
+__decorate23([
+  property17({ 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) {
+import { html as html23, LitElement as LitElement24, nothing as nothing3 } from "lit";
+import { property as property18, state as state6 } from "lit/decorators.js";
+import { consume as consume16 } from "@lit/context";
+var __decorate24 = function(decorators, target, key, desc) {
   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 LitElement23 {
+var TestStamp = class extends LitElement24 {
   constructor() {
     super(...arguments);
     this.debug = false;
@@ -3727,33 +4064,33 @@ var TestStamp = class extends LitElement23 {
     }));
   }
   render() {
-    return html22` ${this.debug ? html22`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing3}
+    return html23` ${this.debug ? html23`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing3}
     ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing3}`;
   }
 };
-__decorate22([
-  property16({ type: Boolean, reflect: true })
+__decorate24([
+  property18({ type: Boolean, reflect: true })
 ], TestStamp.prototype, "debug", void 0);
-__decorate22([
+__decorate24([
   state6(),
-  consume15({ context: computedContext, subscribe: true })
+  consume16({ context: computedContext, subscribe: true })
 ], TestStamp.prototype, "computedContext", void 0);
-__decorate22([
+__decorate24([
   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) {
+import { html as html24, LitElement as LitElement25 } from "lit";
+import { property as property19, state as state7 } from "lit/decorators.js";
+import { consume as consume17 } from "@lit/context";
+var __decorate25 = function(decorators, target, key, desc) {
   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 LitElement24 {
+var TestView = class extends LitElement25 {
   constructor() {
     super(...arguments);
     this.label = "view";
@@ -3785,7 +4122,7 @@ var TestView = class extends LitElement24 {
     }));
   }
   render() {
-    return html23`
+    return html24`
       <label part="label" for="viewSelect">${this.label}</label>
       <select
         part="select"
@@ -3795,38 +4132,38 @@ var TestView = class extends LitElement24 {
       this._switchView(el.value);
     }}
       >
-        ${this._viewOptions.map((v) => html23`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`)}
+        ${this._viewOptions.map((v) => html24`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`)}
       </select>
     `;
   }
 };
 _a = TestView;
-__decorate23([
-  consume16({ context: sessionContext, subscribe: true })
+__decorate25([
+  consume17({ context: sessionContext, subscribe: true })
 ], TestView.prototype, "sessionContext", void 0);
-__decorate23([
-  property17({ type: String })
+__decorate25([
+  property19({ type: String })
 ], TestView.prototype, "label", void 0);
-__decorate23([
-  property17({ type: String, attribute: "view-options" })
+__decorate25([
+  property19({ type: String, attribute: "view-options" })
 ], TestView.prototype, "viewOptions", void 0);
-__decorate23([
+__decorate25([
   watch("viewOptions", { waitUntilFirstUpdate: true })
 ], TestView.prototype, "_handleViewOptionsChange", void 0);
-__decorate23([
+__decorate25([
   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) {
+import { consume as consume18 } from "@lit/context";
+import { html as html25, LitElement as LitElement26, nothing as nothing4 } from "lit";
+var __decorate26 = function(decorators, target, key, desc) {
   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 LitElement25 {
+var TestViewToggle = class extends LitElement26 {
   createRenderRoot() {
     return this;
   }
@@ -3856,13 +4193,13 @@ var TestViewToggle = class extends LitElement25 {
     });
   }
   render() {
-    return html24`${this.myTemplate ? this.myTemplate({
+    return html25`${this.myTemplate ? this.myTemplate({
       view: this.sessionContext?.view
     }) : nothing4}`;
   }
 };
-__decorate24([
-  consume17({ context: sessionContext, subscribe: true })
+__decorate26([
+  consume18({ context: sessionContext, subscribe: true })
 ], TestViewToggle.prototype, "sessionContext", void 0);
 
 // ../qti-test/dist/elements.js
@@ -3870,6 +4207,7 @@ var qtiTestElements = [
   { tag: "qti-assessment-item-ref", ctor: QtiAssessmentItemRef },
   { tag: "qti-assessment-section", ctor: QtiAssessmentSection },
   { tag: "qti-assessment-test", ctor: QtiAssessmentTest },
+  { tag: "qti-item-session-control", ctor: QtiItemSessionControl },
   { tag: "qti-outcome-processing", ctor: QtiOutcomeProcessing },
   { tag: "qti-test", ctor: QtiTest },
   { tag: "qti-test-feedback", ctor: QtiTestFeedback },
@@ -3905,6 +4243,7 @@ export {
   QtiAssessmentItemRef,
   QtiAssessmentSection,
   QtiAssessmentTest,
+  QtiItemSessionControl,
   QtiOutcomeProcessing,
   QtiOutcomeProcessingProcessor,
   QtiTestFeedback,
@@ -3951,4 +4290,4 @@ export {
    * Portions Copyright (c) 2013, the Dart project authors.
    *)
 */
-//# sourceMappingURL=chunk-Q52IJELT.js.map
+//# sourceMappingURL=chunk-GBDTBHUQ.js.map