@citolab/qti-components 7.0.6-next.0 → 7.0.6

package/dist/qti-test/qti-assessment-test/qti-assessment-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/lib/qti-test/qti-assessment-test/qti-assessment-section.ts","../../../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { testContext, 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 { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,gBAAgB;;;ACFzB,SAAS,qBAAqB;AAgBvB,IAAM,cAAc,cAAqC,OAAO,MAAM,CAAC;AAMvE,IAAM,cAAc,cAAqC,OAAO,aAAa,CAAC;;;ADfrF,IAAM,2BAA2B;AAAA,EAC/B,cAAc,OAAwB;AACpC,WAAO,UAAU;AAAA,EACnB;AAAA,EACA,YAAY,OAAwB;AAClC,WAAO,QAAQ,SAAS;AAAA,EAC1B;AACF;AAEO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAWnD,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,MAAM,oCAAoC;AAAA,QAC5C,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAxB8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,qBACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,qBAEiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAHrD,qBAGuD;AACtC;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAJf,qBAIiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GALrD,qBAKuD;AAC4B;AAAA,EAA7F,SAAS,EAAE,MAAM,SAAS,WAAW,0BAA0B,WAAW,gBAAgB,CAAC;AAAA,GANjF,qBAMmF;AAGvF;AAAA,EADN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GARvC,qBASJ;AAkBT,IAAI,CAAC,eAAe,IAAI,wBAAwB,GAAG;AACjD,iBAAe,OAAO,0BAA0B,oBAAoB;AACtE;","names":[]}

package/dist/qti-test/qti-assessment-test/qti-assessment-test.js

@@ -1,9 +1,53 @@
-import {
-  QtiAssessmentTest
-} from "../../chunk-7A6KCSAU.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
-import "../../chunk-44VE5POH.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/lib/qti-test/qti-assessment-test/qti-assessment-test.ts
+import { consume } from "@lit/context";
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+// src/lib/qti-test/context/test.context.ts
+import { createContext } from "@lit/context";
+var testContext = createContext(Symbol("test"));
+var testElement = createContext(Symbol("testElement"));
+
+// src/lib/qti-test/qti-assessment-test/qti-assessment-test.ts
+var QtiAssessmentTest = class extends LitElement {
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new CustomEvent("qti-assessment-test-connected", {
+        detail: this,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html` <slot></slot>`;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentTest.prototype, "identifier", 2);
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentTest.prototype, "title", 2);
+__decorateClass([
+  consume({ context: testContext, subscribe: true })
+], QtiAssessmentTest.prototype, "_testContext", 2);
+QtiAssessmentTest = __decorateClass([
+  customElement("qti-assessment-test")
+], QtiAssessmentTest);
 export {
   QtiAssessmentTest
 };

package/dist/qti-test/qti-assessment-test/qti-assessment-test.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/lib/qti-test/qti-assessment-test/qti-assessment-test.ts","../../../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { testContext, 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 { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,gBAAgB;;;ACFxC,SAAS,qBAAqB;AAgBvB,IAAM,cAAc,cAAqC,OAAO,MAAM,CAAC;AAMvE,IAAM,cAAc,cAAqC,OAAO,aAAa,CAAC;;;ADhB9E,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAOhD,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,YAAY,iCAAiC;AAAA,QAC/C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AArB8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,kBACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,kBAEiB;AAGrB;AAAA,EADN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAJvC,kBAKJ;AALI,oBAAN;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB;","names":[]}

package/dist/qti-test/qti-assessment-test/qti-test-part.js

@@ -1,7 +1,61 @@
-import {
-  QtiTestPart
-} from "../../chunk-FNFNAV3G.js";
-import "../../chunk-44VE5POH.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/lib/qti-test/qti-assessment-test/qti-test-part.ts
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var QtiTestPart = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.identifier = "";
+    this.title = "";
+    this.class = "";
+    this.NavigationMode = "nonlinear";
+    this.submissionMode = "individual";
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new Event("qti-test-part-connected", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html` <slot></slot>`;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], QtiTestPart.prototype, "identifier", 2);
+__decorateClass([
+  property({ type: String })
+], QtiTestPart.prototype, "title", 2);
+__decorateClass([
+  property({ type: String })
+], QtiTestPart.prototype, "class", 2);
+__decorateClass([
+  property({ type: String, attribute: "navigation-mode" })
+], QtiTestPart.prototype, "NavigationMode", 2);
+__decorateClass([
+  property({ type: String, attribute: "submission-mode" })
+], QtiTestPart.prototype, "submissionMode", 2);
+QtiTestPart = __decorateClass([
+  customElement("qti-test-part")
+], QtiTestPart);
+if (!customElements.get("qti-test-part")) {
+  customElements.define("qti-test-part", QtiTestPart);
+}
 export {
   QtiTestPart
 };

package/dist/qti-test/qti-assessment-test/qti-test-part.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/lib/qti-test/qti-assessment-test/qti-test-part.ts"],"sourcesContent":["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":";;;;;;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,gBAAgB;AAEjC,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC;AAAA;AACuB,sBAAqB;AACrB,iBAAgB;AAChB,iBAAgB;AAG5C,0BAAyC;AAGzC,0BAAgD;AAAA;AAAA,EAEhD,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,MAAM,2BAA2B;AAAA,QACnC,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAxB8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,YACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,YAEiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAHf,YAGiB;AAG5B;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,kBAAkB,CAAC;AAAA,GAL7C,YAMX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,kBAAkB,CAAC;AAAA,GAR7C,YASX;AATW,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;AA2Bb,IAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,iBAAe,OAAO,iBAAiB,WAAW;AACpD;","names":[]}

package/dist/qti-test/qti-test.js

@@ -1,15 +1,499 @@
-import {
-  QtiTest
-} from "../chunk-OGHHCP23.js";
-import "../chunk-37X6KZO3.js";
-import "../chunk-VW7VIQBE.js";
-import "../chunk-ODUHPWTX.js";
-import "../chunk-U3RLYKL5.js";
-import "../chunk-2OA7E3E7.js";
-import "../chunk-PBSMP6VF.js";
-import "../chunk-XFHB6KQW.js";
-import "../chunk-R4HSV7U7.js";
-import "../chunk-44VE5POH.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/lib/qti-test/qti-test.ts
+import { html } from "lit";
+import { customElement } from "lit/decorators.js";
+
+// src/lib/qti-transformers/qti-transformers.ts
+var xml = String.raw;
+var xmlToHTML = xml`<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:output method="html" version="5.0" encoding="UTF-8" indent="yes" />
+  <xsl:template match="@*|node()">
+    <xsl:copy>
+      <xsl:apply-templates select="@*|node()"/>
+    </xsl:copy>
+  </xsl:template>
+
+  <!-- remove existing namespaces -->
+  <xsl:template match="*">
+    <!-- remove element prefix -->
+    <xsl:element name="{local-name()}">
+      <!-- process attributes -->
+      <xsl:for-each select="@*">
+        <!-- remove attribute prefix -->
+        <xsl:attribute name="{local-name()}">
+          <xsl:value-of select="."/>
+        </xsl:attribute>
+      </xsl:for-each>
+    <xsl:apply-templates/>
+  </xsl:element>
+</xsl:template>
+</xsl:stylesheet>`;
+function extendElementName(xmlFragment, tagName, extension) {
+  xmlFragment.querySelectorAll(tagName).forEach((element) => {
+    const newTagName = `${tagName}-${extension}`;
+    const newElement = createElementWithNewTagName(element, newTagName);
+    element.replaceWith(newElement);
+  });
+}
+function extendElementsWithClass(xmlFragment, classNamePattern) {
+  xmlFragment.querySelectorAll("*").forEach((element) => {
+    const classList = element.classList;
+    if (classList) {
+      classList.forEach((className) => {
+        if (className.startsWith(`${classNamePattern}:`)) {
+          const suffix = className.slice(`${classNamePattern}:`.length);
+          const newTagName = `${element.nodeName}-${suffix}`;
+          const newElement = createElementWithNewTagName(element, newTagName);
+          element.replaceWith(newElement);
+        }
+      });
+    }
+  });
+}
+function createElementWithNewTagName(element, newTagName) {
+  const newElement = document.createElement(newTagName);
+  for (const attr of element.attributes) {
+    newElement.setAttribute(attr.name, attr.value);
+  }
+  while (element.firstChild) {
+    newElement.appendChild(element.firstChild);
+  }
+  return newElement;
+}
+var currentRequest = null;
+function loadXML(url, cancelPreviousRequest = false) {
+  if (cancelPreviousRequest && currentRequest !== null) {
+    currentRequest.abort();
+  }
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    currentRequest = xhr;
+    xhr.open("GET", url, true);
+    xhr.responseType = "document";
+    xhr.onload = () => {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        resolve(xhr.responseXML);
+      } else {
+        reject(xhr.statusText);
+      }
+    };
+    xhr.onerror = () => {
+      reject(xhr.statusText);
+    };
+    xhr.send();
+  });
+}
+function parseXML(xmlDocument) {
+  const parser = new DOMParser();
+  const xmlFragment = parser.parseFromString(xmlDocument, "text/xml");
+  return xmlFragment;
+}
+function toHTML(xmlFragment) {
+  const processor = new XSLTProcessor();
+  const xsltDocument = new DOMParser().parseFromString(xmlToHTML, "text/xml");
+  processor.importStylesheet(xsltDocument);
+  const itemHTMLFragment = processor.transformToFragment(xmlFragment, document);
+  return itemHTMLFragment;
+}
+function setLocation(xmlFragment, location) {
+  if (!location.endsWith("/")) {
+    location += "/";
+  }
+  xmlFragment.querySelectorAll("[src],[href],[primary-path]").forEach((elWithSrc) => {
+    let attr = "";
+    if (elWithSrc.getAttribute("src")) {
+      attr = "src";
+    }
+    if (elWithSrc.getAttribute("href")) {
+      attr = "href";
+    }
+    if (elWithSrc.getAttribute("primary-path")) {
+      attr = "primary-path";
+    }
+    const attrValue = elWithSrc.getAttribute(attr)?.trim();
+    if (!attrValue.startsWith("data:") && !attrValue.startsWith("http")) {
+      const newSrcValue = location + encodeURI(attrValue);
+      elWithSrc.setAttribute(attr, newSrcValue);
+    }
+  });
+}
+function convertCDATAtoComment(xmlFragment) {
+  const cdataElements = xmlFragment.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value');
+  cdataElements.forEach((element) => {
+    const commentText = document.createComment(element.textContent);
+    element.replaceChild(commentText, element.firstChild);
+  });
+}
+function stripStyleSheets(xmlFragment) {
+  xmlFragment.querySelectorAll("qti-stylesheet").forEach((stylesheet) => stylesheet.remove());
+}
+
+// src/lib/qti-transformers/qti-transform-item.ts
+var qtiTransformItem = () => {
+  let xmlFragment;
+  const api = {
+    async load(uri, cancelPreviousRequest = false) {
+      return new Promise((resolve) => {
+        loadXML(uri, cancelPreviousRequest).then((xml2) => {
+          xmlFragment = xml2;
+          api.path(uri.substring(0, uri.lastIndexOf("/")));
+          return resolve(api);
+        });
+      });
+    },
+    parse(xmlString) {
+      xmlFragment = parseXML(xmlString);
+      return api;
+    },
+    path: (location) => {
+      setLocation(xmlFragment, location);
+      return api;
+    },
+    fn(fn) {
+      fn(xmlFragment);
+      return api;
+    },
+    pciHooks(uri) {
+      const attributes = ["hook", "module"];
+      const documentPath = uri.substring(0, uri.lastIndexOf("/"));
+      for (const attribute of attributes) {
+        const srcAttributes = xmlFragment.querySelectorAll("[" + attribute + "]");
+        srcAttributes.forEach((node) => {
+          const srcValue = node.getAttribute(attribute);
+          if (!srcValue.startsWith("data:") && !srcValue.startsWith("http")) {
+            node.setAttribute("base-url", uri);
+            node.setAttribute(
+              "module",
+              documentPath + "/" + encodeURI(srcValue + (srcValue.endsWith(".js") ? "" : ".js"))
+            );
+          }
+        });
+      }
+      return api;
+    },
+    extendElementName: (tagName, extension) => {
+      extendElementName(xmlFragment, tagName, extension);
+      return api;
+    },
+    extendElementsWithClass: (param = "extend") => {
+      extendElementsWithClass(xmlFragment, param);
+      return api;
+    },
+    customInteraction(baseRef, baseItem) {
+      const qtiCustomInteraction = xmlFragment.querySelector("qti-custom-interaction");
+      const qtiCustomInteractionObject = qtiCustomInteraction.querySelector("object");
+      qtiCustomInteraction.setAttribute("data-base-ref", baseRef);
+      qtiCustomInteraction.setAttribute("data-base-item", baseRef + baseItem);
+      qtiCustomInteraction.setAttribute("data", qtiCustomInteractionObject.getAttribute("data"));
+      qtiCustomInteraction.setAttribute("width", qtiCustomInteractionObject.getAttribute("width"));
+      qtiCustomInteraction.setAttribute("height", qtiCustomInteractionObject.getAttribute("height"));
+      qtiCustomInteraction.removeChild(qtiCustomInteractionObject);
+      return api;
+    },
+    convertCDATAtoComment() {
+      convertCDATAtoComment(xmlFragment);
+      return api;
+    },
+    stripStyleSheets() {
+      stripStyleSheets(xmlFragment);
+      return api;
+    },
+    html() {
+      return new XMLSerializer().serializeToString(toHTML(xmlFragment));
+    },
+    xml() {
+      return new XMLSerializer().serializeToString(xmlFragment);
+    },
+    htmlDoc() {
+      return toHTML(xmlFragment);
+    },
+    xmlDoc() {
+      return xmlFragment;
+    }
+  };
+  return api;
+};
+
+// src/lib/qti-test/mixins/test-loader.mixin.ts
+var TestLoaderMixin = (superClass) => {
+  class TestLoaderClass extends superClass {
+    // private testURL = '';
+    constructor(...args) {
+      super(...args);
+      this.addEventListener("qti-assessment-test-connected", () => {
+      });
+      this.addEventListener("qti-load-item-request", ({ detail }) => {
+        detail.promise = (async () => {
+          const api = await qtiTransformItem().load(
+            `${detail.href}`,
+            detail.cancelPreviousRequest
+          );
+          return api.htmlDoc();
+        })();
+      });
+      this.addEventListener("qti-interaction-changed", (_e) => {
+      });
+      this.addEventListener("qti-outcome-changed", () => {
+      });
+    }
+  }
+  return TestLoaderClass;
+};
+
+// src/lib/qti-test/mixins/test-navigation.mixin.ts
+var TestNavigationMixin = (superClass) => {
+  class TestNavigationClass extends superClass {
+    constructor(...args) {
+      super(...args);
+      this.addEventListener("qti-request-test-item", ({ detail: navItemId }) => {
+        if (!navItemId) return;
+        this._clearLoadedItems();
+        const itemRefEl = this.testElement.el.querySelector(
+          `qti-assessment-item-ref[identifier="${navItemId}"]`
+        );
+        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 };
+        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 };
+          }).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;
+        if (!navItemId) {
+          const itemRefEl = this.testElement.el.querySelector("qti-assessment-item-ref");
+          navItemId = itemRefEl.identifier;
+        }
+        this.dispatchEvent(
+          new CustomEvent("qti-request-test-item", { detail: navItemId, bubbles: true, composed: true })
+        );
+      });
+    }
+    _clearLoadedItems() {
+      const itemRefEls = this.testElement.el.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);
+      Array.from(itemRefEls).forEach((itemElement) => {
+        itemElement.xmlDoc = null;
+      });
+    }
+    _loadItemRequest(href, cancelPreviousRequest = true) {
+      const event = new CustomEvent("qti-load-item-request", {
+        bubbles: true,
+        composed: true,
+        detail: {
+          href,
+          promise: null,
+          cancelPreviousRequest
+        }
+      });
+      this.dispatchEvent(event);
+      return event.detail.promise;
+    }
+  }
+  return TestNavigationClass;
+};
+
+// src/lib/qti-test/mixins/test-view.mixin.ts
+var TestViewMixin = (superClass) => {
+  class TestViewClass extends superClass {
+    constructor(...args) {
+      super(...args);
+      this._testContext = { ...this._testContext, view: "candidate" };
+      this.addEventListener("on-test-switch-view", (e) => {
+        this._testContext = { ...this._testContext, view: e.detail };
+        this._updateElementView();
+      });
+      this.addEventListener("qti-assessment-test-connected", () => {
+        this._updateElementView();
+      });
+      this.addEventListener("qti-assessment-item-connected", (e) => {
+        this._updateElementView();
+        this._setCorrectResponseVisibility(e.detail);
+      });
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("_testContext")) {
+        this._updateElementView();
+      }
+    }
+    // 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]"));
+        viewElements.forEach((element) => {
+          element.classList.toggle("show", element.getAttribute("view") === this._testContext.view);
+        });
+        const assessmentItem = this.testElement.el.querySelector(
+          `qti-assessment-item[identifier="${this._testContext.navItemId}"]`
+        );
+        if (assessmentItem) {
+          assessmentItem.showCorrectResponse(this._testContext.view === "scorer");
+        }
+      }
+    }
+    // Event handler for connected QTI assessment items
+    _setCorrectResponseVisibility(assessmentItem) {
+      assessmentItem.showCorrectResponse(this._testContext.view === "scorer");
+    }
+  }
+  return TestViewClass;
+};
+
+// src/lib/qti-test/test-base.ts
+import { provide } from "@lit/context";
+import { LitElement } from "lit";
+import { state } from "lit/decorators.js";
+
+// src/lib/qti-test/context/test.context.ts
+import { createContext } from "@lit/context";
+var testContext = createContext(Symbol("test"));
+var testElement = createContext(Symbol("testElement"));
+
+// src/lib/qti-test/test-base.ts
+var TestBase = class extends LitElement {
+  constructor() {
+    super();
+    this._testContext = { items: [], testOutcomeVariables: [] };
+    this.testElement = { el: null };
+    /**
+     * Updates the variables of an assessment item in the test context.
+     * - Matches the assessment item with the corresponding test context item.
+     * - If the item is not found, logs a warning.
+     * - Updates variables in the test context if exactly one variable exists.
+     * - Otherwise, syncs the assessment item's variables with the test context.
+     *
+     * @param assessmentItem - The assessment item to update.
+     */
+    this._updateItemInTestContext = (assessmentItem) => {
+      const { identifier, variables } = assessmentItem;
+      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;
+      }
+      if (itemContext.variables?.length === 1) {
+        this._updateItemVariablesInTestContext(identifier, variables);
+      } else {
+        assessmentItem.variables = [...itemContext.variables || []];
+      }
+    };
+    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._testContext = { ...this._testContext, items };
+    });
+    this.addEventListener("qti-assessment-item-connected", (e) => {
+      this._updateItemInTestContext(e.detail);
+    });
+    this.addEventListener("qti-outcome-changed", (e) => {
+      const assessmentitem = e.composedPath()[0];
+      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);
+      }
+    });
+  }
+  _updateItemVariablesInTestContext(identifier, variables) {
+    this._testContext = {
+      ...this._testContext,
+      // Spread existing test context properties
+      items: this._testContext.items.map((itemContext) => {
+        if (itemContext.identifier !== identifier) {
+          return itemContext;
+        }
+        return {
+          ...itemContext,
+          // Keep other properties of the item context
+          variables: variables.map((variable) => {
+            const matchingVariable = itemContext.variables.find((v) => v.identifier === variable.identifier);
+            return matchingVariable ? { ...matchingVariable, ...variable } : variable;
+          })
+        };
+      })
+    };
+  }
+  // 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([
+  state(),
+  provide({ context: testContext })
+], TestBase.prototype, "_testContext", 2);
+__decorateClass([
+  state(),
+  provide({ context: testElement })
+], TestBase.prototype, "testElement", 2);
+
+// src/lib/qti-test/qti-test.ts
+var QtiTest = class extends TestLoaderMixin(TestNavigationMixin(TestViewMixin(TestBase))) {
+  /**
+   * Renders the component's template.
+   * Provides a default `<slot>` for content projection.
+   */
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+QtiTest = __decorateClass([
+  customElement("qti-test")
+], QtiTest);
 export {
   QtiTest
 };