@citolab/qti-components 7.0.6-beta.3 → 7.0.6-beta.5

package/dist/chunks/{chunk-KYAIMBP5.js → chunk-YQB6YLNW.js}

@@ -1,6 +1,6 @@
 import {
   TestComponent
-} from "./chunk-3EU75IUF.js";
+} from "./chunk-MLT7V47R.js";
 import {
   __decorateClass
 } from "./chunk-H2JE6IVU.js";
@@ -12,7 +12,7 @@ import { prepareTemplate } from "stampino";
 var TestPagingButtonsStamp = class extends TestComponent {
   constructor() {
     super();
-    this.maxDisplayedItems = 2;
+    this.maxDisplayedItems = 20;
     this.skipOnCategory = "dep-informational";
     this._internals.ariaLabel = "pagination";
   }
@@ -75,4 +75,4 @@ TestPagingButtonsStamp = __decorateClass([
 export {
   TestPagingButtonsStamp
 };
-//# sourceMappingURL=chunk-KYAIMBP5.js.map
+//# sourceMappingURL=chunk-YQB6YLNW.js.map

package/dist/chunks/chunk-YQB6YLNW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-paging-buttons-stamp.ts"],"sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { TestComponent } from './test-component.abstract';\nimport { prepareTemplate } from 'stampino';\n\n@customElement('test-paging-buttons-stamp')\nexport class TestPagingButtonsStamp extends TestComponent {\n  @property({ type: Number, attribute: 'max-displayed-items' })\n  private maxDisplayedItems = 20;\n\n  @property({ type: String, attribute: 'skip-on-category' })\n  private skipOnCategory = 'dep-informational';\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  render() {\n    const items = this._testContext.items.reduce(\n      (acc, item) => {\n        const isDepInfoItem = item.category?.split(' ').includes(this.skipOnCategory);\n        const newIndex = isDepInfoItem ? 'i' : acc.counter++;\n        acc.result.push({\n          ...item,\n          newIndex // Assign the new index, which only increments for non-info items\n        });\n        return acc;\n      },\n      { counter: 0, result: [] }\n    ).result;\n\n    // Get the index of the current item\n    const itemIndex = items.findIndex(item => item.identifier === this._testContext.navItemId);\n\n    // Calculate the start and end range based on maxDisplayedItems\n    const start = Math.max(0, itemIndex - this.maxDisplayedItems);\n    const end = Math.min(items.length, itemIndex + this.maxDisplayedItems + 1);\n\n    // console.log('start', start, 'end', end);\n    // Adjust the items array to only include the clamped range\n    const clampedItems = items.slice(start, end);\n\n    return html`\n      ${clampedItems.map(item => {\n        const rawscore = item.variables.find(vr => vr.identifier == 'SCORE');\n        const score = parseInt(rawscore?.value?.toString());\n        const completionStatus = item.variables.find(v => v.identifier === 'completionStatus')?.value;\n        const type = item.category !== this.skipOnCategory ? 'regular' : 'info'; // rounded-full\n        const active = this._testContext.navItemId === item.identifier; // !border-sky-600\n        const correct =\n          this._testContext.view === 'scorer' && type == 'regular' && score !== undefined && !isNaN(score) && score > 0; // bg-green-100 border-green-400\n        const incorrect =\n          this._testContext.view === 'scorer' &&\n          type == 'regular' &&\n          score !== undefined &&\n          !isNaN(score) &&\n          score <= 0; // bg-red-100 border-red-400\n        const answered =\n          this._testContext.view === 'candidate' &&\n          completionStatus === 'completed' &&\n          item.category !== this.skipOnCategory; // bg-slate-300 shadow-sm\n\n        const computedItem = {\n          ...item,\n          type,\n          active,\n          correct,\n          incorrect,\n          answered\n        };\n\n        const templateElement = this.firstElementChild as HTMLTemplateElement;\n        const myTemplate = prepareTemplate(templateElement);\n        return myTemplate({ item: computedItem });\n      })}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-paging-buttons-stamp': TestPagingButtonsStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,eAAe,gBAAgB;AAGxC,SAAS,uBAAuB;AAGzB,IAAM,yBAAN,cAAqC,cAAc;AAAA,EAWxD,cAAc;AACZ,UAAM;AAVR,SAAQ,oBAAoB;AAG5B,SAAQ,iBAAiB;AAQvB,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAPU,mBAAmB;AAC3B,WAAO;AAAA,EACT;AAAA,EAOA,SAAS;AACP,UAAM,QAAQ,KAAK,aAAa,MAAM;AAAA,MACpC,CAAC,KAAK,SAAS;AACb,cAAM,gBAAgB,KAAK,UAAU,MAAM,GAAG,EAAE,SAAS,KAAK,cAAc;AAC5E,cAAM,WAAW,gBAAgB,MAAM,IAAI;AAC3C,YAAI,OAAO,KAAK;AAAA,UACd,GAAG;AAAA,UACH;AAAA;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT;AAAA,MACA,EAAE,SAAS,GAAG,QAAQ,CAAC,EAAE;AAAA,IAC3B,EAAE;AAGF,UAAM,YAAY,MAAM,UAAU,UAAQ,KAAK,eAAe,KAAK,aAAa,SAAS;AAGzF,UAAM,QAAQ,KAAK,IAAI,GAAG,YAAY,KAAK,iBAAiB;AAC5D,UAAM,MAAM,KAAK,IAAI,MAAM,QAAQ,YAAY,KAAK,oBAAoB,CAAC;AAIzE,UAAM,eAAe,MAAM,MAAM,OAAO,GAAG;AAE3C,WAAO;AAAA,QACH,aAAa,IAAI,UAAQ;AACzB,YAAM,WAAW,KAAK,UAAU,KAAK,QAAM,GAAG,cAAc,OAAO;AACnE,YAAM,QAAQ,SAAS,UAAU,OAAO,SAAS,CAAC;AAClD,YAAM,mBAAmB,KAAK,UAAU,KAAK,OAAK,EAAE,eAAe,kBAAkB,GAAG;AACxF,YAAM,OAAO,KAAK,aAAa,KAAK,iBAAiB,YAAY;AACjE,YAAM,SAAS,KAAK,aAAa,cAAc,KAAK;AACpD,YAAM,UACJ,KAAK,aAAa,SAAS,YAAY,QAAQ,aAAa,UAAU,UAAa,CAAC,MAAM,KAAK,KAAK,QAAQ;AAC9G,YAAM,YACJ,KAAK,aAAa,SAAS,YAC3B,QAAQ,aACR,UAAU,UACV,CAAC,MAAM,KAAK,KACZ,SAAS;AACX,YAAM,WACJ,KAAK,aAAa,SAAS,eAC3B,qBAAqB,eACrB,KAAK,aAAa,KAAK;AAEzB,YAAM,eAAe;AAAA,QACnB,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,YAAM,kBAAkB,KAAK;AAC7B,YAAM,aAAa,gBAAgB,eAAe;AAClD,aAAO,WAAW,EAAE,MAAM,aAAa,CAAC;AAAA,IAC1C,CAAC,CAAC;AAAA;AAAA,EAEN;AACF;AA1EU;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,sBAAsB,CAAC;AAAA,GADjD,uBAEH;AAGA;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,mBAAmB,CAAC;AAAA,GAJ9C,uBAKH;AALG,yBAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;","names":[]}

package/dist/chunks/{chunk-4GNVYCBN.js → chunk-ZQXZ6PK7.js}

@@ -1,6 +1,6 @@
 import {
   item_default
-} from "./chunk-J2SHENRN.js";
+} from "./chunk-NZQKGIJP.js";
 import {
   qtiTransformItem,
   qtiTransformTest
@@ -8,7 +8,7 @@ import {
 import {
   testContext,
   testElement
-} from "./chunk-UFYWCLXF.js";
+} from "./chunk-AUWATZ65.js";
 import {
   watch
 } from "./chunk-ELDMXTUQ.js";
@@ -98,28 +98,55 @@ import { html as html2 } from "lit";
 import { customElement as customElement2 } from "lit/decorators.js";
 
 // src/lib/qti-test/core/mixins/test-loader.mixin.ts
+import { property as property2 } from "lit/decorators.js";
+var setSessionData = (key, value) => sessionStorage.setItem(key, JSON.stringify(value));
+var getSessionData = (key) => sessionStorage.getItem(key) ? JSON.parse(sessionStorage.getItem(key)) : null;
 var TestLoaderMixin = (superClass) => {
   class TestLoaderClass extends superClass {
-    // private testURL = '';
     constructor(...args) {
       super(...args);
-      this.addEventListener("qti-assessment-test-connected", () => {
+      this.autoScoreItems = false;
+      this.autoStoreRestoreContext = false;
+      this.addEventListener("qti-test-connected", () => {
+        if (this.autoStoreRestoreContext) {
+          this.context = getSessionData(`testcontext`);
+        }
       });
       this.addEventListener("qti-load-item-request", ({ detail }) => {
         detail.promise = (async () => {
-          const api = await qtiTransformItem().load(
-            `${detail.href}`,
-            detail.cancelPreviousRequest
-          );
+          const api = await qtiTransformItem().load(`${detail.href}`, detail.cancelPreviousRequest);
           return api.htmlDoc();
         })();
       });
-      this.addEventListener("qti-interaction-changed", (_e) => {
-      });
-      this.addEventListener("qti-outcome-changed", () => {
+      this.addEventListener("qti-interaction-changed", (e) => {
+        if (this.autoScoreItems) {
+          const qtiItemEl = this.testElement.querySelector(
+            `qti-assessment-item-ref[identifier="${this.context.navItemId}"]`
+          );
+          const qtiAssessmentItem = qtiItemEl.assessmentItem;
+          const scoreOutcomeIdentifier = qtiAssessmentItem.variables.find(
+            (v) => v.identifier === "SCORE"
+          );
+          if (scoreOutcomeIdentifier.externalScored === null && qtiAssessmentItem.adaptive === "false") {
+            qtiAssessmentItem.processResponse();
+            if (this.autoStoreRestoreContext) {
+              setSessionData(`testcontext`, this.context);
+            }
+          }
+        } else {
+          if (this.autoStoreRestoreContext) {
+            setSessionData(`testcontext`, this.context);
+          }
+        }
       });
     }
   }
+  __decorateClass([
+    property2({ type: Boolean, attribute: "auto-score-items" })
+  ], TestLoaderClass.prototype, "autoScoreItems", 2);
+  __decorateClass([
+    property2({ type: Boolean, attribute: "auto-store-restore" })
+  ], TestLoaderClass.prototype, "autoStoreRestoreContext", 2);
   return TestLoaderClass;
 };
 
@@ -131,7 +158,7 @@ var TestNavigationMixin = (superClass) => {
       this.addEventListener("qti-request-test-item", ({ detail: navItemId }) => {
         if (!navItemId) return;
         this._clearLoadedItems();
-        const itemRefEl = this.testElement.el.querySelector(
+        const itemRefEl = this.testElement.querySelector(
           `qti-assessment-item-ref[identifier="${navItemId}"]`
         );
         const promise = this._loadItemRequest(itemRefEl.href, false);
@@ -153,7 +180,7 @@ var TestNavigationMixin = (superClass) => {
       this.addEventListener("qti-assessment-test-connected", () => {
         let navItemId = this._testContext.navItemId;
         if (!navItemId) {
-          const itemRefEl = this.testElement.el.querySelector("qti-assessment-item-ref");
+          const itemRefEl = this.testElement.querySelector("qti-assessment-item-ref");
           navItemId = itemRefEl.identifier;
         }
         this.dispatchEvent(
@@ -162,7 +189,7 @@ var TestNavigationMixin = (superClass) => {
       });
     }
     _clearLoadedItems() {
-      const itemRefEls = this.testElement.el.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);
+      const itemRefEls = this.testElement.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);
       Array.from(itemRefEls).forEach((itemElement) => {
         itemElement.xmlDoc = null;
       });
@@ -210,12 +237,12 @@ var TestViewMixin = (superClass) => {
     }
     // Method to handle view updates for elements based on the current context view
     _updateElementView() {
-      if (this.testElement && this.testElement.el) {
-        const viewElements = Array.from(this.testElement.el.querySelectorAll("[view]"));
+      if (this.testElement && this.testElement) {
+        const viewElements = Array.from(this.testElement.querySelectorAll("[view]"));
         viewElements.forEach((element) => {
           element.classList.toggle("show", element.getAttribute("view") === this._testContext.view);
         });
-        const assessmentItem = this.testElement.el.querySelector(
+        const assessmentItem = this.testElement.querySelector(
           `qti-assessment-item[identifier="${this._testContext.navItemId}"]`
         );
         if (assessmentItem) {
@@ -239,7 +266,7 @@ var TestBase = class extends LitElement2 {
   constructor() {
     super();
     this._testContext = { items: [], testOutcomeVariables: [] };
-    this.testElement = { el: null };
+    this.testElement = null;
     /**
      * Updates the variables of an assessment item in the test context.
      * - Matches the assessment item with the corresponding test context item.
@@ -264,15 +291,24 @@ var TestBase = class extends LitElement2 {
     };
     this.addEventListener("qti-assessment-test-connected", (e) => {
       const qtiAssessmentTest = e.detail;
-      const items = Array.from(qtiAssessmentTest.querySelectorAll("qti-assessment-item-ref")).map(
-        (itemRef) => ({
-          href: itemRef.href,
-          identifier: itemRef.identifier,
-          category: itemRef.category,
-          variables: [{ identifier: "completionStatus", value: "not_attempted", type: "outcome" }]
-        })
-      );
-      this.testElement = { el: qtiAssessmentTest };
+      this.testElement = qtiAssessmentTest;
+      const items = Array.from(qtiAssessmentTest.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
+        const existingItem = this._testContext.items.find((item) => item.identifier === itemRef.identifier);
+        return {
+          ...existingItem,
+          // Spread all existing properties
+          href: existingItem?.href || itemRef.href,
+          identifier: existingItem?.identifier || itemRef.identifier,
+          category: existingItem?.category || itemRef.category,
+          variables: existingItem?.variables || [
+            {
+              identifier: "completionStatus",
+              value: "not_attempted",
+              type: "outcome"
+            }
+          ]
+        };
+      });
       this._testContext = { ...this._testContext, items };
     });
     this.addEventListener("qti-assessment-item-connected", (e) => {
@@ -318,25 +354,6 @@ var TestBase = class extends LitElement2 {
       })
     };
   }
-  // private _addItemToTestContext(
-  //   e: CustomEvent<{ href: string; identifier: string; category: string }> & { target: QtiAssessmentItemRef }
-  // ): void {
-  //   const { href, identifier, category } = e.detail;
-  //   // Update test context items, adding a new item if the identifier is not already in the list
-  //   if (!this._testContext.items.some(item => item.identifier === identifier)) {
-  //     this._testContext.items.push({
-  //       href,
-  //       identifier,
-  //       category,
-  //       variables: [{ identifier: 'completionStatus', value: 'not_attempted', type: 'outcome' }]
-  //       // category: e.target.category
-  //     });
-  //   }
-  // }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("qti-test", "");
-  }
 };
 __decorateClass([
   state2(),
@@ -411,6 +428,11 @@ var QtiTest = class extends TestLoaderMixin(TestProcessingMixin(TestNavigationMi
    * Renders the component's template.
    * Provides a default `<slot>` for content projection.
    */
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new CustomEvent("qti-test-connected", { detail: this }));
+  }
   render() {
     return html2`<slot></slot>`;
   }
@@ -422,7 +444,7 @@ QtiTest = __decorateClass([
 // src/lib/qti-test/core/qti-assessment-test/qti-assessment-item-ref.ts
 import { consume } from "@lit/context";
 import { html as html3, LitElement as LitElement3 } from "lit";
-import { property as property2 } from "lit/decorators.js";
+import { property as property3 } from "lit/decorators.js";
 var stringToBooleanConverter = {
   fromAttribute(value) {
     return value === "true";
@@ -459,25 +481,25 @@ var QtiAssessmentItemRef = class extends LitElement3 {
   }
 };
 __decorateClass([
-  property2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentItemRef.prototype, "category", 2);
 __decorateClass([
-  property2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentItemRef.prototype, "identifier", 2);
 __decorateClass([
-  property2({ type: Boolean, converter: stringToBooleanConverter })
+  property3({ type: Boolean, converter: stringToBooleanConverter })
 ], QtiAssessmentItemRef.prototype, "required", 2);
 __decorateClass([
-  property2({ type: Boolean, converter: stringToBooleanConverter })
+  property3({ type: Boolean, converter: stringToBooleanConverter })
 ], QtiAssessmentItemRef.prototype, "fixed", 2);
 __decorateClass([
-  property2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentItemRef.prototype, "href", 2);
 __decorateClass([
   consume({ context: testContext, subscribe: true })
 ], QtiAssessmentItemRef.prototype, "_testContext", 2);
 __decorateClass([
-  property2({ type: Object, attribute: false })
+  property3({ type: Object, attribute: false })
 ], QtiAssessmentItemRef.prototype, "xmlDoc", 2);
 if (!customElements.get("qti-assessment-item-ref")) {
   customElements.define("qti-assessment-item-ref", QtiAssessmentItemRef);
@@ -486,7 +508,7 @@ if (!customElements.get("qti-assessment-item-ref")) {
 // src/lib/qti-test/core/qti-assessment-test/qti-assessment-section.ts
 import { consume as consume2 } from "@lit/context";
 import { html as html4, LitElement as LitElement4 } from "lit";
-import { property as property3 } from "lit/decorators.js";
+import { property as property4 } from "lit/decorators.js";
 var stringToBooleanConverter2 = {
   fromAttribute(value) {
     return value === "true";
@@ -511,22 +533,22 @@ var QtiAssessmentSection = class extends LitElement4 {
   }
 };
 __decorateClass([
-  property3({ type: String })
+  property4({ type: String })
 ], QtiAssessmentSection.prototype, "identifier", 2);
 __decorateClass([
-  property3({ type: String })
+  property4({ type: String })
 ], QtiAssessmentSection.prototype, "required", 2);
 __decorateClass([
-  property3({ type: Boolean, converter: stringToBooleanConverter2 })
+  property4({ type: Boolean, converter: stringToBooleanConverter2 })
 ], QtiAssessmentSection.prototype, "fixed", 2);
 __decorateClass([
-  property3({ type: String })
+  property4({ type: String })
 ], QtiAssessmentSection.prototype, "title", 2);
 __decorateClass([
-  property3({ type: Boolean, converter: stringToBooleanConverter2 })
+  property4({ type: Boolean, converter: stringToBooleanConverter2 })
 ], QtiAssessmentSection.prototype, "visible", 2);
 __decorateClass([
-  property3({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
+  property4({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
 ], QtiAssessmentSection.prototype, "keepTogether", 2);
 __decorateClass([
   consume2({ context: testContext, subscribe: true })
@@ -538,7 +560,7 @@ if (!customElements.get("qti-assessment-section")) {
 // src/lib/qti-test/core/qti-assessment-test/qti-assessment-test.ts
 import { consume as consume3 } from "@lit/context";
 import { html as html5, LitElement as LitElement5 } from "lit";
-import { customElement as customElement3, property as property4 } from "lit/decorators.js";
+import { customElement as customElement3, property as property5 } from "lit/decorators.js";
 var QtiAssessmentTest = class extends LitElement5 {
   async connectedCallback() {
     super.connectedCallback();
@@ -556,10 +578,10 @@ var QtiAssessmentTest = class extends LitElement5 {
   }
 };
 __decorateClass([
-  property4({ type: String })
+  property5({ type: String })
 ], QtiAssessmentTest.prototype, "identifier", 2);
 __decorateClass([
-  property4({ type: String })
+  property5({ type: String })
 ], QtiAssessmentTest.prototype, "title", 2);
 __decorateClass([
   consume3({ context: testContext, subscribe: true })
@@ -570,7 +592,7 @@ QtiAssessmentTest = __decorateClass([
 
 // src/lib/qti-test/core/qti-assessment-test/qti-test-part.ts
 import { html as html6, LitElement as LitElement6 } from "lit";
-import { customElement as customElement4, property as property5 } from "lit/decorators.js";
+import { customElement as customElement4, property as property6 } from "lit/decorators.js";
 var QtiTestPart = class extends LitElement6 {
   constructor() {
     super(...arguments);
@@ -595,19 +617,19 @@ var QtiTestPart = class extends LitElement6 {
   }
 };
 __decorateClass([
-  property5({ type: String })
+  property6({ type: String })
 ], QtiTestPart.prototype, "identifier", 2);
 __decorateClass([
-  property5({ type: String })
+  property6({ type: String })
 ], QtiTestPart.prototype, "title", 2);
 __decorateClass([
-  property5({ type: String })
+  property6({ type: String })
 ], QtiTestPart.prototype, "class", 2);
 __decorateClass([
-  property5({ type: String, attribute: "navigation-mode" })
+  property6({ type: String, attribute: "navigation-mode" })
 ], QtiTestPart.prototype, "NavigationMode", 2);
 __decorateClass([
-  property5({ type: String, attribute: "submission-mode" })
+  property6({ type: String, attribute: "submission-mode" })
 ], QtiTestPart.prototype, "submissionMode", 2);
 QtiTestPart = __decorateClass([
   customElement4("qti-test-part")
@@ -624,4 +646,4 @@ export {
   QtiAssessmentTest,
   QtiTestPart
 };
-//# sourceMappingURL=chunk-4GNVYCBN.js.map
+//# sourceMappingURL=chunk-ZQXZ6PK7.js.map

package/dist/chunks/chunk-ZQXZ6PK7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/core/components/test-container.ts","../../src/lib/qti-test/core/qti-test.ts","../../src/lib/qti-test/core/mixins/test-loader.mixin.ts","../../src/lib/qti-test/core/mixins/test-navigation.mixin.ts","../../src/lib/qti-test/core/mixins/test-view.mixin.ts","../../src/lib/qti-test/core/test-base.ts","../../src/lib/qti-test/core/mixins/test-processing.mixin.ts","../../src/lib/qti-test/core/qti-assessment-test/qti-assessment-item-ref.ts","../../src/lib/qti-test/core/qti-assessment-test/qti-assessment-section.ts","../../src/lib/qti-test/core/qti-assessment-test/qti-assessment-test.ts","../../src/lib/qti-test/core/qti-assessment-test/qti-test-part.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\nimport { watch } from '../../../decorators/watch';\nimport itemCss from '../../../../item.css?inline';\nimport { qtiTransformTest } from '../../../qti-transformers';\n\n/**\n * `<test-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-test` will be placed inside the shadow DOM of this element.\n * The element loads the test from the provided URL and renders it inside the shadow DOM.\n *\n * ```html\n * <qti-test>\n *   <test-container class=\"m-4 bg-white\" test-url=\"./path/to/assessmenttest.xml\"></test-container>\n * </qti-test>\n * ```\n */\n@customElement('test-container')\nexport class TestContainer extends LitElement {\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'test-url' })\n  testURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  testDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  testXML: string = null;\n\n  /** Template content if provided */\n  private templateContent = null;\n\n  @watch('testURL', { waitUntilFirstUpdate: true })\n  protected async handleTestURLChange() {\n    if (!this.testURL) return;\n    try {\n      const api = await qtiTransformTest().load(this.testURL);\n      this.testDoc = api.htmlDoc();\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('testXML', { waitUntilFirstUpdate: true })\n  protected handleTestXMLChange() {\n    if (!this.testXML) return;\n    try {\n      this.testDoc = qtiTransformTest().parse(this.testXML).htmlDoc();\n    } catch (error) {\n      console.error('Error parsing XML:', error);\n    }\n  }\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    this.initializeTemplateContent();\n    this.applyStyles();\n    if (this.testURL) {\n      this.handleTestURLChange();\n    }\n    if (this.testXML) {\n      this.handleTestXMLChange();\n    }\n  }\n\n  private initializeTemplateContent() {\n    const template = this.querySelector('template') as HTMLTemplateElement;\n    this.templateContent = template ? template.content : html``;\n  }\n\n  private applyStyles() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(itemCss);\n    this.shadowRoot.adoptedStyleSheets = [sheet];\n  }\n\n  render() {\n    return html`\n      ${this.templateContent}\n      <slot></slot>\n      ${until(this.testDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-container': TestContainer;\n  }\n}\n","import { html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { TestLoaderMixin, TestNavigationMixin, TestViewMixin } from './mixins';\nimport { TestBase } from './test-base';\nimport { TestProcessingMixin } from './mixins/test-processing.mixin';\n\n/**\n * `<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n *\n * This component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n *\n * ### Example Usage\n *\n * Minimal example including navigation:\n *\n * ```html\n * <qti-test>\n *   <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n *   <nav class=\"flex\">\n *      <test-prev></test-prev>\n *      <test-next></test-next>\n *   </nav>\n * </qti-test>\n * ```\n *\n * Use the following file structure\n * A qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.\n *\n * ```plaintext\n * Root/\n * ├── index.html\n * └── /assets/api/examples/\n *     ├── assessmenttest.xml\n *     └── imsmanifest.xml\n *\n * ```\n *\n * ### Test components\n *\n * Use test components inside the qti-test component for added functionality.\n * ### Test next\n * `<test-next> | TestNext`\n *\n * ### Test prev\n *\n * `<test-prev> | TestPrev`\n * ### Test components\n *\n * You can use normal class names to style the elements.\n * And you can use the `test-prev` and `test-next` elements to navigate through the test.\n *\n */\n@customElement('qti-test')\nexport class QtiTest extends TestLoaderMixin(TestProcessingMixin(TestNavigationMixin(TestViewMixin(TestBase)))) {\n  /**\n   * Renders the component's template.\n   * Provides a default `<slot>` for content projection.\n   */\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(new CustomEvent('qti-test-connected', { detail: this }));\n  }\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-test': QtiTest;\n  }\n}\n","import { qtiTransformItem } from '../../../qti-transformers';\nimport { property } from 'lit/decorators.js';\nimport type { TestBase } from '../test-base';\nimport type { OutcomeVariable } from '../../../exports/variables';\nimport type { QtiAssessmentItemRef } from '../qti-assessment-test';\n\nconst setSessionData = <T>(key: string, value?: T): void => sessionStorage.setItem(key, JSON.stringify(value));\nconst getSessionData = <T>(key: string): T | null =>\n  sessionStorage.getItem(key) ? JSON.parse(sessionStorage.getItem(key)!) : null;\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestLoaderInterface {}\nexport const TestLoaderMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestLoaderClass extends superClass {\n    /** Items will be scored on everyinteraction when `qti-assessment-item` is not set to adaptive, and the `SCORE` outcome identifier is not set to be \"human\" | \"externalMachine\" */\n    @property({ type: Boolean, attribute: 'auto-score-items' }) autoScoreItems = false;\n    @property({ type: Boolean, attribute: 'auto-store-restore' }) autoStoreRestoreContext = false;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      // this.addEventListener('qti-load-test-request', (e: CustomEvent /* 1. Request the test */) => {\n      //   const { testURL } = e.detail;\n      //   if (!testURL) {\n      //     console.warn(\n      //       'No test found, there should be an attribute test-url with the path to the test on the test-container'\n      //     );\n      //   } else {\n      //     this.testURL = testURL;\n      //   }\n\n      //   e.detail.promise = (async () => {\n      //     e.preventDefault(); /* indicates that the event was catched and handled */\n      //     const api = await qtiTransformTest().load(`${this.testURL}`); /* 6. load the item */\n      //     return api.htmlDoc(); /* 3. Return html version of the assessment.xml */\n      //   })();\n      // });\n\n      this.addEventListener('qti-test-connected', () => {\n        if (this.autoStoreRestoreContext) {\n          this.context = getSessionData(`testcontext`); /* 4. Set the context */\n        }\n      });\n\n      this.addEventListener('qti-load-item-request' /* 5. Request the item */, ({ detail }: CustomEvent) => {\n        detail.promise = (async () => {\n          const api = await qtiTransformItem().load(`${detail.href}`, detail.cancelPreviousRequest);\n          return api.htmlDoc();\n        })();\n      });\n\n      this.addEventListener('qti-interaction-changed', (e: CustomEvent<any>) => {\n        if (this.autoScoreItems) {\n          const qtiItemEl = this.testElement.querySelector<QtiAssessmentItemRef>(\n            `qti-assessment-item-ref[identifier=\"${this.context.navItemId}\"]`\n          );\n          const qtiAssessmentItem = qtiItemEl.assessmentItem;\n          const scoreOutcomeIdentifier = qtiAssessmentItem.variables.find(\n            v => v.identifier === 'SCORE'\n          ) as OutcomeVariable;\n          if (scoreOutcomeIdentifier.externalScored === null && qtiAssessmentItem.adaptive === 'false') {\n            qtiAssessmentItem.processResponse();\n            if (this.autoStoreRestoreContext) {\n              setSessionData(`testcontext`, this.context);\n            }\n          }\n        } else {\n          if (this.autoStoreRestoreContext) {\n            setSessionData(`testcontext`, this.context);\n          }\n        }\n      });\n    }\n  }\n\n  return TestLoaderClass as Constructor<TestLoaderInterface> & T;\n};\n","import type { QtiAssessmentItemRef } from '../qti-assessment-test';\nimport type { TestBase } from '../test-base';\n\ndeclare module '../context/test.context' {\n  interface TestContext {\n    navPartId?: string | null;\n    navSectionId?: string | null;\n    navItemId?: string | null;\n    navItemLoading?: boolean;\n    navTestLoading?: boolean;\n  }\n}\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestNavigationInterface {}\nexport const TestNavigationMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestNavigationClass extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n\n      // load an item\n      this.addEventListener('qti-request-test-item', ({ detail: navItemId }: CustomEvent<string>) => {\n        if (!navItemId) return;\n        this._clearLoadedItems();\n\n        const itemRefEl = this.testElement.querySelector<QtiAssessmentItemRef>(\n          `qti-assessment-item-ref[identifier=\"${navItemId}\"]`\n        );\n\n        const promise = this._loadItemRequest(itemRefEl.href, false);\n\n        const navPartId = itemRefEl.closest('qti-test-part').identifier;\n        const navSectionId = itemRefEl.closest('qti-assessment-section').identifier;\n        this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId, navItemLoading: true };\n\n        if (promise) {\n          promise\n            .then(doc => {\n              itemRefEl.xmlDoc = doc;\n              requestAnimationFrame(() =>\n                this.dispatchEvent(new CustomEvent('qti-item-connected', { bubbles: true, composed: true }))\n              );\n              this._testContext = { ...this._testContext, navItemLoading: false };\n            })\n            .catch(error => console.error('Failed to load item:', error));\n        } else {\n          console.info('Load item request was not handled:', itemRefEl.href);\n        }\n      });\n\n      this.addEventListener('qti-assessment-test-connected', () => {\n        let navItemId = this._testContext.navItemId;\n        if (!navItemId) {\n          const itemRefEl = this.testElement.querySelector<QtiAssessmentItemRef>('qti-assessment-item-ref');\n          navItemId = itemRefEl.identifier;\n        }\n        this.dispatchEvent(\n          new CustomEvent('qti-request-test-item', { detail: navItemId, bubbles: true, composed: true })\n        );\n      });\n    }\n\n    private _clearLoadedItems(): void {\n      const itemRefEls = this.testElement.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);\n      Array.from(itemRefEls).forEach((itemElement: QtiAssessmentItemRef) => {\n        itemElement.xmlDoc = null;\n      });\n    }\n\n    private _loadItemRequest(href: string, cancelPreviousRequest: boolean = true): Promise<DocumentFragment> {\n      const event = new CustomEvent('qti-load-item-request', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          href: href,\n          promise: null,\n          cancelPreviousRequest\n        }\n      });\n      this.dispatchEvent(event);\n\n      return event.detail.promise;\n    }\n  }\n\n  return TestNavigationClass as Constructor<TestNavigationInterface> & T;\n};\n","import type { QtiAssessmentItem } from '../../../qti-components';\nimport type { TestBase } from '../test-base';\n\nexport type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';\n\ndeclare module '../context/test.context' {\n  interface TestContext {\n    view?: View;\n  }\n}\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestViewInterface {}\n\nexport const TestViewMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestViewClass extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n      this._testContext = { ...this._testContext, view: 'candidate' };\n\n      this.addEventListener('on-test-switch-view', (e: CustomEvent<View>) => {\n        this._testContext = { ...this._testContext, view: e.detail };\n        this._updateElementView();\n      });\n      this.addEventListener('qti-assessment-test-connected', () => {\n        this._updateElementView();\n      });\n      this.addEventListener('qti-assessment-item-connected', (e: CustomEvent) => {\n        this._updateElementView();\n        this._setCorrectResponseVisibility(e.detail);\n      });\n    }\n\n    willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n      super.willUpdate(changedProperties);\n      if (changedProperties.has('_testContext')) {\n        // if (previousContext && previousContext.view !== this._testContext.view) {\n        this._updateElementView();\n        // }\n      }\n    }\n\n    // Method to handle view updates for elements based on the current context view\n    private _updateElementView() {\n      if (this.testElement && this.testElement) {\n        const viewElements = Array.from(this.testElement.querySelectorAll('[view]'));\n\n        viewElements.forEach((element: HTMLElement) => {\n          element.classList.toggle('show', element.getAttribute('view') === this._testContext.view);\n        });\n\n        const assessmentItem = this.testElement.querySelector<QtiAssessmentItem>(\n          `qti-assessment-item[identifier=\"${this._testContext.navItemId}\"]`\n        );\n        if (assessmentItem) {\n          assessmentItem.showCorrectResponse(this._testContext.view === 'scorer');\n        }\n      }\n    }\n\n    // Event handler for connected QTI assessment items\n    private _setCorrectResponseVisibility(assessmentItem: QtiAssessmentItem): void {\n      assessmentItem.showCorrectResponse(this._testContext.view === 'scorer');\n    }\n  }\n\n  return TestViewClass as Constructor<TestViewInterface> & T;\n};\n","import { provide } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport type { TestContext, TestElement } from './context';\nimport { testContext, testElement } from './context';\nimport type { QtiAssessmentTest } from './qti-assessment-test';\nimport type { QtiAssessmentItem } from '../../qti-components/';\nimport type { VariableValue } from '../../exports/variables';\n\nexport abstract class TestBase extends LitElement {\n  @state()\n  @provide({ context: testContext })\n  protected _testContext: Readonly<TestContext> = { items: [], testOutcomeVariables: [] };\n\n  @state()\n  @provide({ context: testElement })\n  protected testElement: TestElement = null;\n\n  constructor() {\n    super();\n\n    /**\n     * When the test is connected, the items are updated in the test context.\n     * An existing context item is updated with the itemRef properties if nessesary.\n     */\n    this.addEventListener('qti-assessment-test-connected', (e: CustomEvent<QtiAssessmentTest>) => {\n      const qtiAssessmentTest = e.detail;\n      this.testElement = qtiAssessmentTest;\n\n      const items = Array.from(qtiAssessmentTest.querySelectorAll('qti-assessment-item-ref')).map(itemRef => {\n        const existingItem = this._testContext.items.find(item => item.identifier === itemRef.identifier);\n\n        return {\n          ...existingItem, // Spread all existing properties\n          href: existingItem?.href || itemRef.href,\n          identifier: existingItem?.identifier || itemRef.identifier,\n          category: existingItem?.category || itemRef.category,\n          variables: existingItem?.variables || [\n            {\n              identifier: 'completionStatus',\n              value: 'not_attempted',\n              type: 'outcome'\n            }\n          ]\n        };\n      });\n      this._testContext = { ...this._testContext, items };\n    });\n    this.addEventListener('qti-assessment-item-connected', (e: CustomEvent<QtiAssessmentItem>) => {\n      this._updateItemInTestContext(e.detail);\n    });\n    this.addEventListener('qti-outcome-changed', e => {\n      const assessmentitem = e.composedPath()[0] as QtiAssessmentItem;\n      this._updateItemVariablesInTestContext(assessmentitem.identifier, assessmentitem.variables);\n    });\n  }\n\n  get context(): TestContext {\n    return this._testContext;\n  }\n\n  // /* restores the context by updating existing items and adding new items from the \"contextToRestore\" parameter into the \"this._context.items\" array. */\n  set context(testContext: TestContext) {\n    if (testContext === null || testContext === undefined) return;\n    this._testContext = { ...testContext }; // Clone the context to avoid modifying the original object\n    // // append the items that are not yet in the context and replace the ones that are\n    testContext.items?.forEach(itemContext => {\n      const existingItemContext = this._testContext.items.find(i => i.identifier === itemContext.identifier);\n      if (existingItemContext) {\n        existingItemContext.variables = itemContext.variables;\n      } else {\n        this._testContext.items.push(itemContext);\n      }\n    });\n  }\n\n  private _updateItemVariablesInTestContext(\n    identifier: string,\n    variables: VariableValue<string | string[] | null>[]\n  ): void {\n    // Update the test context with modified variables for the specified item\n    this._testContext = {\n      ...this._testContext, // Spread existing test context properties\n      items: this._testContext.items.map(itemContext => {\n        // If the item identifier doesn't match, keep it unchanged\n        if (itemContext.identifier !== identifier) {\n          return itemContext;\n        }\n\n        // Update the matching item with new variables\n        return {\n          ...itemContext, // Keep other properties of the item context\n          variables: variables.map(variable => {\n            // Find a matching variable in the current item context\n            const matchingVariable = itemContext.variables.find(v => v.identifier === variable.identifier);\n\n            // Merge matching variable with the new one, or use the new variable if no match\n            return matchingVariable ? { ...matchingVariable, ...variable } : variable;\n          })\n        };\n      })\n    };\n  }\n\n  /**\n   * Updates the variables of an assessment item in the test context.\n   * - Matches the assessment item with the corresponding test context item.\n   * - If the item is not found, logs a warning.\n   * - Updates variables in the test context if exactly one variable exists.\n   * - Otherwise, syncs the assessment item's variables with the test context.\n   *\n   * @param assessmentItem - The assessment item to update.\n   */\n  private _updateItemInTestContext = (assessmentItem: QtiAssessmentItem): void => {\n    const { identifier, variables } = assessmentItem;\n\n    // console.log(this._testContext);\n\n    // Find the corresponding item in the test context by identifier\n    const itemContext = this._testContext.items.find(i => i?.identifier === identifier);\n\n    if (!itemContext) {\n      console.warn(`Item IDs between assessment.xml and item.xml should match: ${identifier} is not found!`);\n      return;\n    }\n\n    // Update variables in the test context or sync them to the assessment item\n    if (itemContext.variables?.length === 1) {\n      // The loaded qti-assessment-item itself has variables which are not in test context yet.\n      this._updateItemVariablesInTestContext(identifier, variables);\n    } else {\n      // Sync the assessment item's variables with the test context\n      assessmentItem.variables = [...(itemContext.variables || [])];\n    }\n  };\n}\n","import type { OutcomeVariable, VariableDeclaration } from '../../../exports/variables';\nimport type { QtiOutcomeProcessing } from '../../../qti-components';\nimport type { TestBase } from '../test-base';\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestProcessingInterface {\n  updateOutcomeVariable(identifier: string, value: string | string[] | undefined): void;\n  getOutcome(identifier: string): Readonly<OutcomeVariable>;\n  getVariable(identifier: string): Readonly<VariableDeclaration<string | string[] | null>>;\n  outcomeProcessing(): boolean;\n}\nexport const TestProcessingMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestProcessingElement extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n      this.addEventListener('qti-register-variable', (e: CustomEvent<{ variable: any }>) => {\n        this._testContext = {\n          ...this._testContext,\n          testOutcomeVariables: [...this._testContext.testOutcomeVariables, e.detail.variable]\n        };\n        e.stopPropagation();\n      });\n      // wordt aangeroepen vanuit de processingtemplate\n      this.addEventListener(\n        'qti-set-outcome-value',\n        (e: CustomEvent<{ outcomeIdentifier: string; value: string | string[] }>) => {\n          const { outcomeIdentifier, value } = e.detail;\n          this.updateOutcomeVariable(outcomeIdentifier, value);\n          e.stopPropagation();\n        }\n      );\n    }\n\n    outcomeProcessing(): boolean {\n      const outcomeProcessor = this.querySelector('qti-outcome-processing') as unknown as QtiOutcomeProcessing;\n      if (!outcomeProcessor) return false;\n      outcomeProcessor?.process();\n      return true;\n    }\n\n    /* --------------------------- ENABLED WHEN UNIT TESTING OUTCOME PROCESSING ------------------------------------ */\n\n    public updateOutcomeVariable(identifier: string, value: string | string[] | undefined) {\n      const outcomeVariable = this.getOutcome(identifier);\n      if (!outcomeVariable) {\n        console.warn(`Can not set qti-outcome-identifier: ${identifier}, it is not available`);\n        return;\n      }\n      this._testContext = {\n        ...this._testContext,\n        testOutcomeVariables: this._testContext.testOutcomeVariables.map(v => {\n          if (v.identifier !== identifier) {\n            return v;\n          }\n          return {\n            ...v,\n            value: outcomeVariable.cardinality === 'single' ? value : [...v.value, value as string]\n          };\n        })\n      };\n    }\n\n    public getOutcome(identifier: string): Readonly<OutcomeVariable> {\n      return this.getVariable(identifier) as OutcomeVariable;\n    }\n    public getVariable(identifier: string): Readonly<VariableDeclaration<string | string[] | null>> {\n      return this._testContext.testOutcomeVariables.find(v => v.identifier === identifier) || null;\n    }\n    /* --------------------------- ENABLED WHEN UNIT TESTING OUTCOME PROCESSING ------------------------------------ */\n  }\n\n  return TestProcessingElement as Constructor<TestProcessingInterface> & T;\n};\n","import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { TestContext } from '../context';\nimport { testContext } from '../context';\nimport type { QtiAssessmentItem } from '../../../qti-components';\n\n// Converter function to interpret \"true\" and \"false\" as booleans\nconst stringToBooleanConverter = {\n  fromAttribute(value: string): boolean {\n    return value === 'true';\n  },\n  toAttribute(value: boolean): string {\n    return value ? 'true' : 'false';\n  }\n};\n\n// @customElement('qti-assessment-item-ref')\nexport class QtiAssessmentItemRef extends LitElement {\n  @property({ type: String }) category?: string;\n  @property({ type: String }) identifier?: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) required?: boolean;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) fixed?: boolean;\n  @property({ type: String }) href?: string;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  weigths: Map<string, number> = new Map();\n\n  @property({ type: Object, attribute: false })\n  xmlDoc!: DocumentFragment; // the XMLDocument\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  get assessmentItem(): QtiAssessmentItem | null {\n    return this.renderRoot?.querySelector('qti-assessment-item');\n  }\n\n  async connectedCallback(): Promise<void> {\n    // debugger;\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new CustomEvent('qti-assessment-item-ref-connected', {\n        bubbles: true,\n        composed: true,\n        detail: { identifier: this.identifier, href: this.href, category: this.category }\n      })\n    );\n  }\n\n  render() {\n    return html`${this.xmlDoc}`;\n  }\n}\n\nif (!customElements.get('qti-assessment-item-ref')) {\n  customElements.define('qti-assessment-item-ref', QtiAssessmentItemRef);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-item-ref': QtiAssessmentItemRef;\n  }\n}\n","import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { TestContext } from '../context';\nimport { testContext } from '../context';\n\n// https://www.imsglobal.org/sites/default/files/spec/qti/v3/info/index.html#Root_AssessmentSection\n\nconst stringToBooleanConverter = {\n  fromAttribute(value: string): boolean {\n    return value === 'true';\n  },\n  toAttribute(value: boolean): string {\n    return value ? 'true' : 'false';\n  }\n};\n\nexport class QtiAssessmentSection extends LitElement {\n  @property({ type: String }) identifier: string;\n  @property({ type: String }) required: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) fixed: boolean;\n  @property({ type: String }) title: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) visible: boolean;\n  @property({ type: Boolean, converter: stringToBooleanConverter, attribute: 'keep-together' }) keepTogether: boolean;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new Event('qti-assessment-section-connected', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html`<slot name=\"qti-rubric-block\"></slot><slot></slot>`;\n  }\n}\n\nif (!customElements.get('qti-assessment-section')) {\n  customElements.define('qti-assessment-section', QtiAssessmentSection);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-section': QtiAssessmentSection;\n  }\n}\n","import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { TestContext } from '../context';\nimport { testContext } from '../context';\n\n@customElement('qti-assessment-test')\nexport class QtiAssessmentTest extends LitElement {\n  @property({ type: String }) identifier: string;\n  @property({ type: String }) title: string;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new CustomEvent('qti-assessment-test-connected', {\n        detail: this,\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-test': QtiAssessmentTest;\n  }\n}\n","import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n@customElement('qti-test-part')\nexport class QtiTestPart extends LitElement {\n  @property({ type: String }) identifier: string = '';\n  @property({ type: String }) title: string = '';\n  @property({ type: String }) class: string = '';\n\n  @property({ type: String, attribute: 'navigation-mode' })\n  NavigationMode: 'linear' | 'nonlinear' = 'nonlinear';\n\n  @property({ type: String, attribute: 'submission-mode' })\n  submissionMode: 'individual' | 'simultaneous' = 'individual';\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new Event('qti-test-part-connected', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot>`;\n  }\n}\n\nif (!customElements.get('qti-test-part')) {\n  customElements.define('qti-test-part', QtiTestPart);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-test-part': QtiTestPart;\n  }\n}\n"],"mappings":"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","names":["html","customElement","property","property","LitElement","state","LitElement","testContext","state","html","customElement","html","LitElement","property","LitElement","html","property","consume","html","LitElement","property","stringToBooleanConverter","LitElement","html","property","consume","consume","html","LitElement","customElement","property","LitElement","html","property","consume","customElement","html","LitElement","customElement","property","LitElement","html","property","customElement"]}

package/dist/index.d.ts

@@ -1,13 +1,15 @@
-export { O as Orientation, Q as QtiAssessmentItem, a as QtiAssessmentStimulusRef, g as QtiAssociableHotspot, h as QtiAssociateInteraction, i as QtiChoiceInteraction, b as QtiCompanionMaterialsInfo, W as QtiContentBody, j as QtiCustomInteraction, c as QtiCustomOperator, k as QtiEndAttemptInteraction, l as QtiExtendedTextInteraction, d as QtiFeedbackBlock, e as QtiFeedbackInline, p as QtiGap, m as QtiGapImg, n as QtiGapMatchInteraction, o as QtiGapText, q as QtiGraphicAssociateInteraction, r as QtiGraphicGapMatchInteraction, s as QtiGraphicOrderInteraction, t as QtiHotspotChoice, u as QtiHotspotInteraction, w as QtiHottext, v as QtiHottextInteraction, y as QtiInlineChoice, x as QtiInlineChoiceInteraction, K as QtiItemBody, R as QtiLookupOutcomeValue, z as QtiMatchInteraction, A as QtiMediaInteraction, f as QtiModalFeedback, B as QtiOrderInteraction, Z as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, M as QtiOutcomeProcessingProcessor, C as QtiPortableCustomInteraction, D as QtiPositionObjectStage, N as QtiPrompt, _ as QtiResponseDeclaration, P as QtiResponseProcessing, X as QtiRubricBlock, U as QtiRule, V as QtiRuleBase, E as QtiSelectPointInteraction, F as QtiSimpleAssociableChoice, G as QtiSimpleChoice, H as QtiSliderInteraction, Y as QtiStylesheet, S as QtiSubtract, I as QtiTextEntryInteraction, J as QtiUploadInteraction, T as qtiSubtractMixin } from './qti-response-declaration-DAeBp8HH.js';
+export { O as Orientation, Q as QtiAssessmentItem, a as QtiAssessmentStimulusRef, g as QtiAssociableHotspot, h as QtiAssociateInteraction, i as QtiChoiceInteraction, b as QtiCompanionMaterialsInfo, W as QtiContentBody, j as QtiCustomInteraction, c as QtiCustomOperator, k as QtiEndAttemptInteraction, l as QtiExtendedTextInteraction, d as QtiFeedbackBlock, e as QtiFeedbackInline, p as QtiGap, m as QtiGapImg, n as QtiGapMatchInteraction, o as QtiGapText, q as QtiGraphicAssociateInteraction, r as QtiGraphicGapMatchInteraction, s as QtiGraphicOrderInteraction, t as QtiHotspotChoice, u as QtiHotspotInteraction, w as QtiHottext, v as QtiHottextInteraction, y as QtiInlineChoice, x as QtiInlineChoiceInteraction, K as QtiItemBody, R as QtiLookupOutcomeValue, z as QtiMatchInteraction, A as QtiMediaInteraction, f as QtiModalFeedback, B as QtiOrderInteraction, Z as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, M as QtiOutcomeProcessingProcessor, C as QtiPortableCustomInteraction, D as QtiPositionObjectStage, N as QtiPrompt, _ as QtiResponseDeclaration, P as QtiResponseProcessing, X as QtiRubricBlock, U as QtiRule, V as QtiRuleBase, E as QtiSelectPointInteraction, F as QtiSimpleAssociableChoice, G as QtiSimpleChoice, H as QtiSliderInteraction, Y as QtiStylesheet, S as QtiSubtract, I as QtiTextEntryInteraction, J as QtiUploadInteraction, T as qtiSubtractMixin } from './qti-response-declaration-Di9CsqiJ.js';
 export { QtiAnd, QtiBaseValue, QtiContains, QtiCorrect, QtiEqual, QtiEqualRounded, QtiGt, QtiGte, QtiIsNull, QtiLt, QtiLte, QtiMapResponse, QtiMatch, QtiMember, QtiMultiple, QtiNot, QtiOr, QtiOrdered, QtiPositionObjectInteraction, QtiPrintedVariable, QtiProduct, QtiResponseCondition, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiSetOutcomeValue, QtiSetOutcomeValueRule, QtiStringMatch, QtiSum, QtiSumExpression, QtiVariable, qtiAndMixin } from './qti-components/index.js';
 export { Q as QtiMapping } from './variables-cO3DzqJy.js';
 export { QtiTest, TestContainer } from './qti-test/core/index.js';
-export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, b as QtiAssessmentTest, c as QtiTestPart, T as TestContext, d as TestElement, t as testContext, e as testElement } from './test.context-CaENAJNk.js';
+export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, b as QtiAssessmentTest, c as QtiTestPart, T as TestContext, d as TestElement, t as testContext, e as testElement } from './test.context-CmsDQ8k2.js';
 export { TestComponent } from './qti-test/components/test-component.abstract.js';
 export { TestNext } from './qti-test/components/test-next.js';
 export { TestPrev } from './qti-test/components/test-prev.js';
 export { TestView } from './qti-test/components/test-view.js';
 export { TestItemLink } from './qti-test/components/test-item-link.js';
+export { TestEndAttempt } from './qti-test/components/test-end-attempt.js';
+export { TestShowCorrectResponse } from './qti-test/components/test-show-correct-response.js';
 export { TestPagingButtonsStamp } from './qti-test/components/test-paging-buttons-stamp.js';
 export { ItemContainer, QtiItem } from './qti-item/core/index.js';
 export { ManifestInfo, getItemByUri, getManifestInfo } from './qti-loader/index.js';

package/dist/index.js

@@ -1,11 +1,3 @@
-import {
-  QtiAssessmentItemRef,
-  QtiAssessmentSection,
-  QtiAssessmentTest,
-  QtiTest,
-  QtiTestPart,
-  TestContainer
-} from "./chunks/chunk-4GNVYCBN.js";
 import {
   QtiAnd,
   QtiAssessmentItem,
@@ -91,7 +83,7 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "./chunks/chunk-ZHAJ3CMP.js";
+} from "./chunks/chunk-6PAEJQSQ.js";
 import {
   getItemByUri,
   getManifestInfo
@@ -99,39 +91,53 @@ import {
 import {
   ItemContainer,
   QtiItem
-} from "./chunks/chunk-HHVRU3AJ.js";
-import "./chunks/chunk-J2SHENRN.js";
+} from "./chunks/chunk-XCHS3RTZ.js";
+import {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart,
+  TestContainer
+} from "./chunks/chunk-ZQXZ6PK7.js";
+import "./chunks/chunk-NZQKGIJP.js";
 import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
 } from "./chunks/chunk-XDMSEAYC.js";
-import "./chunks/chunk-UN2IFSGC.js";
+import "./chunks/chunk-HOTNM5DT.js";
+import {
+  TestEndAttempt
+} from "./chunks/chunk-W4272Q5U.js";
 import {
   TestItemLink
-} from "./chunks/chunk-7QMCKYDR.js";
+} from "./chunks/chunk-CEXAR7BF.js";
 import {
   TestNext
-} from "./chunks/chunk-6JXR63MH.js";
+} from "./chunks/chunk-RX3BRYYI.js";
 import {
   TestPagingButtonsStamp
-} from "./chunks/chunk-KYAIMBP5.js";
+} from "./chunks/chunk-YQB6YLNW.js";
 import {
   TestPrev
-} from "./chunks/chunk-GSWZT6N2.js";
+} from "./chunks/chunk-DNHDFXTV.js";
+import {
+  TestShowCorrectResponse
+} from "./chunks/chunk-GQ5P3NWC.js";
 import {
   TestView
-} from "./chunks/chunk-A24F75DB.js";
-import "./chunks/chunk-4O5F7WV7.js";
+} from "./chunks/chunk-WWN5AD6V.js";
 import {
   TestComponent
-} from "./chunks/chunk-3EU75IUF.js";
+} from "./chunks/chunk-MLT7V47R.js";
+import "./chunks/chunk-D3RGDWKP.js";
 import {
   testContext,
   testElement
-} from "./chunks/chunk-UFYWCLXF.js";
-import "./chunks/chunk-D3RGDWKP.js";
+} from "./chunks/chunk-AUWATZ65.js";
 import "./chunks/chunk-ELDMXTUQ.js";
+import "./chunks/chunk-4O5F7WV7.js";
 import "./chunks/chunk-OIRWOI3E.js";
 import "./chunks/chunk-DLUJN2FW.js";
 import "./chunks/chunk-XSI6FXGD.js";
@@ -230,10 +236,12 @@ export {
   QtiVariable,
   TestComponent,
   TestContainer,
+  TestEndAttempt,
   TestItemLink,
   TestNext,
   TestPagingButtonsStamp,
   TestPrev,
+  TestShowCorrectResponse,
   TestView,
   getItemByUri,
   getManifestInfo,

package/dist/item.css

@@ -2620,6 +2620,14 @@ qti-response-declaration {
                 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
       }
 
+      &:state(correct-response),
+      &[data-correct-response='true'] {
+        &::after {
+          content: '\02714';
+          color: #16a34a; /* text-green-600 */
+        }
+      }
+
       gap: 0.5rem;
 
       border-radius: var(--qti-border-radius);
@@ -2631,8 +2639,6 @@ qti-response-declaration {
       cursor: pointer
     }
 
-    /* } */
-
     &.qti-input-control-hidden {
       qti-hottext {
         /* --qti-padding-md: 0.1rem;

package/dist/qti-components/index.d.ts

@@ -1,5 +1,5 @@
-import { U as QtiRule, V as QtiRuleBase } from '../qti-response-declaration-DAeBp8HH.js';
-export { O as Orientation, Q as QtiAssessmentItem, a as QtiAssessmentStimulusRef, g as QtiAssociableHotspot, h as QtiAssociateInteraction, i as QtiChoiceInteraction, b as QtiCompanionMaterialsInfo, W as QtiContentBody, j as QtiCustomInteraction, c as QtiCustomOperator, k as QtiEndAttemptInteraction, l as QtiExtendedTextInteraction, d as QtiFeedbackBlock, e as QtiFeedbackInline, p as QtiGap, m as QtiGapImg, n as QtiGapMatchInteraction, o as QtiGapText, q as QtiGraphicAssociateInteraction, r as QtiGraphicGapMatchInteraction, s as QtiGraphicOrderInteraction, t as QtiHotspotChoice, u as QtiHotspotInteraction, w as QtiHottext, v as QtiHottextInteraction, y as QtiInlineChoice, x as QtiInlineChoiceInteraction, K as QtiItemBody, R as QtiLookupOutcomeValue, z as QtiMatchInteraction, A as QtiMediaInteraction, f as QtiModalFeedback, B as QtiOrderInteraction, Z as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, M as QtiOutcomeProcessingProcessor, C as QtiPortableCustomInteraction, D as QtiPositionObjectStage, N as QtiPrompt, _ as QtiResponseDeclaration, P as QtiResponseProcessing, X as QtiRubricBlock, E as QtiSelectPointInteraction, F as QtiSimpleAssociableChoice, G as QtiSimpleChoice, H as QtiSliderInteraction, Y as QtiStylesheet, S as QtiSubtract, I as QtiTextEntryInteraction, J as QtiUploadInteraction, T as qtiSubtractMixin } from '../qti-response-declaration-DAeBp8HH.js';
+import { U as QtiRule, V as QtiRuleBase } from '../qti-response-declaration-Di9CsqiJ.js';
+export { O as Orientation, Q as QtiAssessmentItem, a as QtiAssessmentStimulusRef, g as QtiAssociableHotspot, h as QtiAssociateInteraction, i as QtiChoiceInteraction, b as QtiCompanionMaterialsInfo, W as QtiContentBody, j as QtiCustomInteraction, c as QtiCustomOperator, k as QtiEndAttemptInteraction, l as QtiExtendedTextInteraction, d as QtiFeedbackBlock, e as QtiFeedbackInline, p as QtiGap, m as QtiGapImg, n as QtiGapMatchInteraction, o as QtiGapText, q as QtiGraphicAssociateInteraction, r as QtiGraphicGapMatchInteraction, s as QtiGraphicOrderInteraction, t as QtiHotspotChoice, u as QtiHotspotInteraction, w as QtiHottext, v as QtiHottextInteraction, y as QtiInlineChoice, x as QtiInlineChoiceInteraction, K as QtiItemBody, R as QtiLookupOutcomeValue, z as QtiMatchInteraction, A as QtiMediaInteraction, f as QtiModalFeedback, B as QtiOrderInteraction, Z as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, M as QtiOutcomeProcessingProcessor, C as QtiPortableCustomInteraction, D as QtiPositionObjectStage, N as QtiPrompt, _ as QtiResponseDeclaration, P as QtiResponseProcessing, X as QtiRubricBlock, E as QtiSelectPointInteraction, F as QtiSimpleAssociableChoice, G as QtiSimpleChoice, H as QtiSliderInteraction, Y as QtiStylesheet, S as QtiSubtract, I as QtiTextEntryInteraction, J as QtiUploadInteraction, T as qtiSubtractMixin } from '../qti-response-declaration-Di9CsqiJ.js';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 import * as lit_html from 'lit-html';