@citolab/qti-components 7.0.8 → 7.0.9-beta.0

package/dist/chunks/{chunk-YOXF6JPS.js → chunk-GRYVMG5Q.js}

@@ -1,125 +1,63 @@
 import {
-  item_default
-} from "./chunk-NZQKGIJP.js";
+  sessionContext
+} from "./chunk-QTH3WLGY.js";
 import {
-  qtiTransformItem,
-  qtiTransformTest
-} from "./chunk-XDMSEAYC.js";
-import {
-  testContext,
-  testElement
-} from "./chunk-AUWATZ65.js";
+  testContext
+} from "./chunk-ODLYMQOS.js";
 import {
-  watch
-} from "./chunk-ELDMXTUQ.js";
+  qtiTransformItem
+} from "./chunk-XDMSEAYC.js";
 import {
   __decorateClass
 } from "./chunk-H2JE6IVU.js";
 
-// src/lib/qti-test/core/components/test-container.ts
-import { LitElement, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { until } from "lit/directives/until.js";
-var TestContainer = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.testURL = null;
-    this.testDoc = null;
-    this.testXML = null;
-    /** Template content if provided */
-    this.templateContent = null;
-  }
-  async handleTestURLChange() {
-    if (!this.testURL) return;
-    try {
-      const api = await qtiTransformTest().load(this.testURL);
-      this.testDoc = api.htmlDoc();
-    } catch (error) {
-      console.error("Error loading or parsing XML:", error);
-    }
-  }
-  handleTestXMLChange() {
-    if (!this.testXML) return;
-    try {
-      this.testDoc = qtiTransformTest().parse(this.testXML).htmlDoc();
-    } catch (error) {
-      console.error("Error parsing XML:", error);
-    }
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    this.initializeTemplateContent();
-    this.applyStyles();
-    if (this.testURL) {
-      this.handleTestURLChange();
-    }
-    if (this.testXML) {
-      this.handleTestXMLChange();
-    }
-  }
-  initializeTemplateContent() {
-    const template = this.querySelector("template");
-    this.templateContent = template ? template.content : html``;
-  }
-  applyStyles() {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(item_default);
-    this.shadowRoot.adoptedStyleSheets = [sheet];
-  }
-  render() {
-    return html`
-      ${this.templateContent}
-      <slot></slot>
-      ${until(this.testDoc, html`<span>Loading...</span>`)}
-    `;
-  }
-};
-__decorateClass([
-  property({ type: String, attribute: "test-url" })
-], TestContainer.prototype, "testURL", 2);
-__decorateClass([
-  state()
-], TestContainer.prototype, "testDoc", 2);
-__decorateClass([
-  state()
-], TestContainer.prototype, "testXML", 2);
-__decorateClass([
-  watch("testURL", { waitUntilFirstUpdate: true })
-], TestContainer.prototype, "handleTestURLChange", 1);
-__decorateClass([
-  watch("testXML", { waitUntilFirstUpdate: true })
-], TestContainer.prototype, "handleTestXMLChange", 1);
-TestContainer = __decorateClass([
-  customElement("test-container")
-], TestContainer);
-
 // src/lib/qti-test/core/qti-test.ts
-import { html as html2 } from "lit";
-import { customElement as customElement2 } from "lit/decorators.js";
+import { html } from "lit";
+import { customElement } from "lit/decorators.js";
 
 // src/lib/qti-test/core/mixins/test-loader.mixin.ts
+import { property } 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.autoStoreRestoreContext = null;
+      this.navItemId = null;
       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", () => {
-      });
+    }
+    async connectedCallback() {
+      super.connectedCallback();
+      if (this.navItemId) {
+        this.sessionContext = { ...this.sessionContext, navItemId: this.navItemId };
+      }
+      if (this.autoStoreRestoreContext) {
+        const testContext2 = getSessionData(this.autoStoreRestoreContext);
+        if (testContext2) {
+          this.testContext = testContext2;
+        }
+      }
+    }
+    updated(changedProperties) {
+      if (changedProperties.has("testContext")) {
+        if (this.autoStoreRestoreContext) {
+          setSessionData(this.autoStoreRestoreContext, this.testContext);
+        }
+      }
     }
   }
+  __decorateClass([
+    property({ type: String, attribute: "auto-store-restore" })
+  ], TestLoaderClass.prototype, "autoStoreRestoreContext", 2);
+  __decorateClass([
+    property({ type: String, attribute: "nav-item-id" })
+  ], TestLoaderClass.prototype, "navItemId", 2);
   return TestLoaderClass;
 };
 
@@ -137,21 +75,22 @@ var TestNavigationMixin = (superClass) => {
         const promise = this._loadItemRequest(itemRefEl.href, false);
         const navPartId = itemRefEl.closest("qti-test-part").identifier;
         const navSectionId = itemRefEl.closest("qti-assessment-section").identifier;
-        this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId, navItemLoading: true };
+        this.sessionContext = { ...this.sessionContext, navPartId, navSectionId, navItemId, navItemLoading: true };
         if (promise) {
           promise.then((doc) => {
             itemRefEl.xmlDoc = doc;
             requestAnimationFrame(
               () => this.dispatchEvent(new CustomEvent("qti-item-connected", { bubbles: true, composed: true }))
             );
-            this._testContext = { ...this._testContext, navItemLoading: false };
+            this.sessionContext = { ...this.sessionContext, navItemLoading: false };
           }).catch((error) => console.error("Failed to load item:", error));
         } else {
           console.info("Load item request was not handled:", itemRefEl.href);
         }
       });
-      this.addEventListener("qti-assessment-test-connected", () => {
-        let navItemId = this._testContext.navItemId;
+      this.addEventListener("qti-assessment-test-connected", (e) => {
+        this.testElement = e.detail;
+        let navItemId = this.sessionContext.navItemId;
         if (!navItemId) {
           const itemRefEl = this.testElement.querySelector("qti-assessment-item-ref");
           navItemId = itemRefEl.identifier;
@@ -189,9 +128,9 @@ var TestViewMixin = (superClass) => {
   class TestViewClass extends superClass {
     constructor(...args) {
       super(...args);
-      this._testContext = { ...this._testContext, view: "candidate" };
+      this.sessionContext = { ...this.sessionContext, view: "candidate" };
       this.addEventListener("on-test-switch-view", (e) => {
-        this._testContext = { ...this._testContext, view: e.detail };
+        this.sessionContext = { ...this.sessionContext, view: e.detail };
         this._updateElementView();
       });
       this.addEventListener("qti-assessment-test-connected", () => {
@@ -204,7 +143,7 @@ var TestViewMixin = (superClass) => {
     }
     willUpdate(changedProperties) {
       super.willUpdate(changedProperties);
-      if (changedProperties.has("_testContext")) {
+      if (changedProperties.has("sessionContext")) {
         this._updateElementView();
       }
     }
@@ -213,19 +152,19 @@ var TestViewMixin = (superClass) => {
       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);
+          element.classList.toggle("show", element.getAttribute("view") === this.sessionContext.view);
         });
         const assessmentItem = this.testElement.querySelector(
-          `qti-assessment-item[identifier="${this._testContext.navItemId}"]`
+          `qti-assessment-item[identifier="${this.sessionContext.navItemId}"]`
         );
         if (assessmentItem) {
-          assessmentItem.showCorrectResponse(this._testContext.view === "scorer");
+          assessmentItem.showCorrectResponse(this.sessionContext.view === "scorer");
         }
       }
     }
     // Event handler for connected QTI assessment items
     _setCorrectResponseVisibility(assessmentItem) {
-      assessmentItem.showCorrectResponse(this._testContext.view === "scorer");
+      assessmentItem.showCorrectResponse(this.sessionContext.view === "scorer");
     }
   }
   return TestViewClass;
@@ -233,13 +172,13 @@ var TestViewMixin = (superClass) => {
 
 // src/lib/qti-test/core/test-base.ts
 import { provide } from "@lit/context";
-import { LitElement as LitElement2 } from "lit";
-import { state as state2 } from "lit/decorators.js";
-var TestBase = class extends LitElement2 {
+import { LitElement } from "lit";
+import { state } from "lit/decorators.js";
+var TestBase = class extends LitElement {
   constructor() {
     super();
-    this._testContext = { items: [], testOutcomeVariables: [] };
-    this.testElement = null;
+    this.testContext = { items: [], testOutcomeVariables: [] };
+    this.sessionContext = {};
     /**
      * Updates the variables of an assessment item in the test context.
      * - Matches the assessment item with the corresponding test context item.
@@ -251,7 +190,7 @@ var TestBase = class extends LitElement2 {
      */
     this._updateItemInTestContext = (assessmentItem) => {
       const { identifier, variables } = assessmentItem;
-      const itemContext = this._testContext.items.find((i) => i?.identifier === identifier);
+      const itemContext = this.testContext.items.find((i) => i?.identifier === identifier);
       if (!itemContext) {
         console.warn(`Item IDs between assessment.xml and item.xml should match: ${identifier} is not found!`);
         return;
@@ -263,17 +202,23 @@ 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) => ({
+      if (this.testContext && this.testContext.items.length > 0) return;
+      this.testElement = e.detail;
+      const items = Array.from(this.testElement.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
+        return {
           href: itemRef.href,
           identifier: itemRef.identifier,
           category: itemRef.category,
-          variables: [{ identifier: "completionStatus", value: "not_attempted", type: "outcome" }]
-        })
-      );
-      this.testElement = qtiAssessmentTest;
-      this._testContext = { ...this._testContext, items };
+          variables: [
+            {
+              identifier: "completionStatus",
+              value: "not_attempted",
+              type: "outcome"
+            }
+          ]
+        };
+      });
+      this.testContext = { ...this.testContext, items };
     });
     this.addEventListener("qti-assessment-item-connected", (e) => {
       this._updateItemInTestContext(e.detail);
@@ -283,27 +228,34 @@ var TestBase = class extends LitElement2 {
       this._updateItemVariablesInTestContext(assessmentitem.identifier, assessmentitem.variables);
     });
   }
-  get context() {
-    return this._testContext;
-  }
-  // /* restores the context by updating existing items and adding new items from the "contextToRestore" parameter into the "this._context.items" array. */
-  set context(testContext2) {
-    if (testContext2 === null || testContext2 === void 0) return;
-    this._testContext = { ...testContext2 };
-    testContext2.items?.forEach((itemContext) => {
-      const existingItemContext = this._testContext.items.find((i) => i.identifier === itemContext.identifier);
-      if (existingItemContext) {
-        existingItemContext.variables = itemContext.variables;
-      } else {
-        this._testContext.items.push(itemContext);
-      }
-    });
-  }
+  // get testContext(): TestContext {
+  //   return this._testContext;
+  // }
+  // // /* restores the context by updating existing items and adding new items from the "contextToRestore" parameter into the "this._context.items" array. */
+  // set testContext(testContext: TestContext) {
+  //   if (this._testContext.items.length > 0) {
+  //     console.warn(
+  //       'testContext already set and can not be overwritten. Set the testContext before loading the assessment test'
+  //     );
+  //     return;
+  //   }
+  //   if (testContext === null || testContext === undefined) return;
+  //   this._testContext = { ...testContext }; // Clone the context to avoid modifying the original object
+  //   // // append the items that are not yet in the context and replace the ones that are
+  //   testContext.items?.forEach(itemContext => {
+  //     const existingItemContext = this._testContext.items.find(i => i.identifier === itemContext.identifier);
+  //     if (existingItemContext) {
+  //       existingItemContext.variables = itemContext.variables;
+  //     } else {
+  //       this._testContext.items.push(itemContext);
+  //     }
+  //   });
+  // }
   _updateItemVariablesInTestContext(identifier, variables) {
-    this._testContext = {
-      ...this._testContext,
+    this.testContext = {
+      ...this.testContext,
       // Spread existing test context properties
-      items: this._testContext.items.map((itemContext) => {
+      items: this.testContext.items.map((itemContext) => {
         if (itemContext.identifier !== identifier) {
           return itemContext;
         }
@@ -318,30 +270,15 @@ 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
-  //     });
-  //   }
-  // }
 };
 __decorateClass([
-  state2(),
+  state(),
   provide({ context: testContext })
-], TestBase.prototype, "_testContext", 2);
+], TestBase.prototype, "testContext", 2);
 __decorateClass([
-  state2(),
-  provide({ context: testElement })
-], TestBase.prototype, "testElement", 2);
+  state(),
+  provide({ context: sessionContext })
+], TestBase.prototype, "sessionContext", 2);
 
 // src/lib/qti-test/core/mixins/test-processing.mixin.ts
 var TestProcessingMixin = (superClass) => {
@@ -349,9 +286,9 @@ var TestProcessingMixin = (superClass) => {
     constructor(...args) {
       super(...args);
       this.addEventListener("qti-register-variable", (e) => {
-        this._testContext = {
-          ...this._testContext,
-          testOutcomeVariables: [...this._testContext.testOutcomeVariables, e.detail.variable]
+        this.testContext = {
+          ...this.testContext,
+          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e.detail.variable]
         };
         e.stopPropagation();
       });
@@ -377,9 +314,9 @@ var TestProcessingMixin = (superClass) => {
         console.warn(`Can not set qti-outcome-identifier: ${identifier}, it is not available`);
         return;
       }
-      this._testContext = {
-        ...this._testContext,
-        testOutcomeVariables: this._testContext.testOutcomeVariables.map((v) => {
+      this.testContext = {
+        ...this.testContext,
+        testOutcomeVariables: this.testContext.testOutcomeVariables?.map((v) => {
           if (v.identifier !== identifier) {
             return v;
           }
@@ -394,7 +331,7 @@ var TestProcessingMixin = (superClass) => {
       return this.getVariable(identifier);
     }
     getVariable(identifier) {
-      return this._testContext.testOutcomeVariables.find((v) => v.identifier === identifier) || null;
+      return this.testContext.testOutcomeVariables?.find((v) => v.identifier === identifier) || null;
     }
     /* --------------------------- ENABLED WHEN UNIT TESTING OUTCOME PROCESSING ------------------------------------ */
   }
@@ -402,22 +339,28 @@ var TestProcessingMixin = (superClass) => {
 };
 
 // src/lib/qti-test/core/qti-test.ts
-var QtiTest = class extends TestLoaderMixin(TestProcessingMixin(TestNavigationMixin(TestViewMixin(TestBase)))) {
+var QtiTest = class extends TestLoaderMixin(TestNavigationMixin(TestViewMixin(TestProcessingMixin(TestBase)))) {
+  // export class QtiTest extends TestLoaderMixin(TestNavigationMixin(TestViewMixin(TestBase))) {
   /**
    * 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>`;
+    return html`<slot></slot>`;
   }
 };
 QtiTest = __decorateClass([
-  customElement2("qti-test")
+  customElement("qti-test")
 ], QtiTest);
 
 // 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 { html as html2, LitElement as LitElement2 } from "lit";
 import { property as property2 } from "lit/decorators.js";
 var stringToBooleanConverter = {
   fromAttribute(value) {
@@ -427,7 +370,7 @@ var stringToBooleanConverter = {
     return value ? "true" : "false";
   }
 };
-var QtiAssessmentItemRef = class extends LitElement3 {
+var QtiAssessmentItemRef = class extends LitElement2 {
   constructor() {
     super(...arguments);
     this.weigths = /* @__PURE__ */ new Map();
@@ -451,7 +394,7 @@ var QtiAssessmentItemRef = class extends LitElement3 {
     );
   }
   render() {
-    return html3`${this.xmlDoc}`;
+    return html2`${this.xmlDoc}`;
   }
 };
 __decorateClass([
@@ -481,7 +424,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 { html as html3, LitElement as LitElement3 } from "lit";
 import { property as property3 } from "lit/decorators.js";
 var stringToBooleanConverter2 = {
   fromAttribute(value) {
@@ -491,7 +434,7 @@ var stringToBooleanConverter2 = {
     return value ? "true" : "false";
   }
 };
-var QtiAssessmentSection = class extends LitElement4 {
+var QtiAssessmentSection = class extends LitElement3 {
   async connectedCallback() {
     super.connectedCallback();
     await this.updateComplete;
@@ -503,7 +446,7 @@ var QtiAssessmentSection = class extends LitElement4 {
     );
   }
   render() {
-    return html4`<slot name="qti-rubric-block"></slot><slot></slot>`;
+    return html3`<slot name="qti-rubric-block"></slot><slot></slot>`;
   }
 };
 __decorateClass([
@@ -533,9 +476,9 @@ 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";
-var QtiAssessmentTest = class extends LitElement5 {
+import { html as html4, LitElement as LitElement4 } from "lit";
+import { customElement as customElement2, property as property4 } from "lit/decorators.js";
+var QtiAssessmentTest = class extends LitElement4 {
   async connectedCallback() {
     super.connectedCallback();
     await this.updateComplete;
@@ -548,7 +491,7 @@ var QtiAssessmentTest = class extends LitElement5 {
     );
   }
   render() {
-    return html5` <slot></slot>`;
+    return html4` <slot></slot>`;
   }
 };
 __decorateClass([
@@ -561,13 +504,13 @@ __decorateClass([
   consume3({ context: testContext, subscribe: true })
 ], QtiAssessmentTest.prototype, "_testContext", 2);
 QtiAssessmentTest = __decorateClass([
-  customElement3("qti-assessment-test")
+  customElement2("qti-assessment-test")
 ], QtiAssessmentTest);
 
 // 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";
-var QtiTestPart = class extends LitElement6 {
+import { html as html5, LitElement as LitElement5 } from "lit";
+import { customElement as customElement3, property as property5 } from "lit/decorators.js";
+var QtiTestPart = class extends LitElement5 {
   constructor() {
     super(...arguments);
     this.identifier = "";
@@ -587,7 +530,7 @@ var QtiTestPart = class extends LitElement6 {
     );
   }
   render() {
-    return html6` <slot></slot>`;
+    return html5` <slot></slot>`;
   }
 };
 __decorateClass([
@@ -606,18 +549,17 @@ __decorateClass([
   property5({ type: String, attribute: "submission-mode" })
 ], QtiTestPart.prototype, "submissionMode", 2);
 QtiTestPart = __decorateClass([
-  customElement4("qti-test-part")
+  customElement3("qti-test-part")
 ], QtiTestPart);
 if (!customElements.get("qti-test-part")) {
   customElements.define("qti-test-part", QtiTestPart);
 }
 
 export {
-  TestContainer,
   QtiTest,
   QtiAssessmentItemRef,
   QtiAssessmentSection,
   QtiAssessmentTest,
   QtiTestPart
 };
-//# sourceMappingURL=chunk-YOXF6JPS.js.map
+//# sourceMappingURL=chunk-GRYVMG5Q.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../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 { html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\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-navigation>\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 *  </test-navigation>\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(TestNavigationMixin(TestViewMixin(TestProcessingMixin(TestBase)))) {\n  // export class QtiTest extends TestLoaderMixin(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 { property } from 'lit/decorators.js';\n\nimport { qtiTransformItem } from '../../../qti-transformers';\n\nimport type { TestContext } from '..';\nimport type { TestBase } from '../test-base';\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\n    /** TestContext will be stored in sessionStorage with given attribute value if provided */\n    @property({ type: String, attribute: 'auto-store-restore' }) autoStoreRestoreContext: string | null = null;\n\n    @property({ type: String, attribute: 'nav-item-id' }) navItemId: string | null = null;\n\n    constructor(...args: any[]) {\n      super(...args);\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\n    async connectedCallback(): Promise<void> {\n      super.connectedCallback();\n      if (this.navItemId) {\n        this.sessionContext = { ...this.sessionContext, navItemId: this.navItemId };\n      }\n      if (this.autoStoreRestoreContext) {\n        const testContext = getSessionData<TestContext>(this.autoStoreRestoreContext);\n        if (testContext) {\n          this.testContext = testContext;\n        }\n      }\n    }\n\n    updated(changedProperties: Map<string | number | symbol, unknown>) {\n      if (changedProperties.has('testContext')) {\n        if (this.autoStoreRestoreContext) {\n          setSessionData<Readonly<TestContext>>(this.autoStoreRestoreContext, this.testContext);\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\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      // 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.sessionContext = { ...this.sessionContext, 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.sessionContext = { ...this.sessionContext, 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', (e: CustomEvent) => {\n        this.testElement = e.detail;\n\n        let navItemId = this.sessionContext.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\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.sessionContext = { ...this.sessionContext, view: 'candidate' };\n\n      this.addEventListener('on-test-switch-view', (e: CustomEvent<View>) => {\n        this.sessionContext = { ...this.sessionContext, 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('sessionContext')) {\n        // if (previousContext && previousContext.view !== this.sessionContext.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.sessionContext.view);\n        });\n\n        const assessmentItem = this.testElement.querySelector<QtiAssessmentItem>(\n          `qti-assessment-item[identifier=\"${this.sessionContext.navItemId}\"]`\n        );\n        if (assessmentItem) {\n          assessmentItem.showCorrectResponse(this.sessionContext.view === 'scorer');\n        }\n      }\n    }\n\n    // Event handler for connected QTI assessment items\n    private _setCorrectResponseVisibility(assessmentItem: QtiAssessmentItem): void {\n      assessmentItem.showCorrectResponse(this.sessionContext.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';\n\nimport { testContext } from '../../exports/test.context';\nimport { type SessionContext, sessionContext } from '../../exports/session.context';\n\nimport type { TestContext } from '../../exports/test.context';\nimport type { QtiAssessmentTest } from './qti-assessment-test';\nimport type { QtiAssessmentItem } from '../../qti-components/';\nimport type { OutcomeVariable, VariableValue } from '../../exports/variables';\n\nexport abstract class TestBase extends LitElement {\n  @state()\n  @provide({ context: testContext })\n  public testContext: Readonly<TestContext> = { items: [], testOutcomeVariables: [] };\n\n  @state()\n  @provide({ context: sessionContext })\n  public sessionContext: Readonly<SessionContext> = {};\n\n  testElement: QtiAssessmentTest;\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      if (this.testContext && this.testContext.items.length > 0) return;\n\n      this.testElement = e.detail;\n      const items = Array.from(this.testElement.querySelectorAll('qti-assessment-item-ref')).map(itemRef => {\n        return {\n          href: itemRef.href,\n          identifier: itemRef.identifier,\n          category: itemRef.category,\n          variables: [\n            {\n              identifier: 'completionStatus',\n              value: 'not_attempted',\n              type: 'outcome'\n            } as OutcomeVariable\n          ]\n        };\n      });\n      this.testContext = { ...this.testContext, items };\n    });\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 testContext(): 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 testContext(testContext: TestContext) {\n  //   if (this._testContext.items.length > 0) {\n  //     console.warn(\n  //       'testContext already set and can not be overwritten. Set the testContext before loading the assessment test'\n  //     );\n  //     return;\n  //   }\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';\n\nimport { testContext } from '../../../exports/test.context';\n\nimport type { TestContext } from '../../../exports/test.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';\n\nimport { testContext } from '../../../exports/test.context';\n\nimport type { TestContext } from '../../../exports/test.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';\n\nimport { testContext } from '../../../exports/test.context';\n\nimport type { TestContext } from '../../../exports/test.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":["testContext","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"]}