@citolab/qti-components 7.3.20 → 7.3.21

package/dist/chunks/chunk-PF5X3SZR.js

@@ -0,0 +1,94 @@
+import {
+  item_default
+} from "./chunk-5P64MALP.js";
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  qtiTransformItem
+} from "./chunk-WFUXZ4UT.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-item/components/item-container.ts
+import { LitElement, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+var ItemContainer = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.itemURL = null;
+    this.itemDoc = null;
+    this.itemXML = null;
+    /** Template content if provided */
+    this.templateContent = null;
+  }
+  async handleItemURLChange() {
+    if (!this.itemURL) return;
+    try {
+      const { promise: api } = await qtiTransformItem().load(this.itemURL);
+      this.itemDoc = (await api).htmlDoc();
+    } catch (error) {
+      console.error("Error loading or parsing XML:", error);
+    }
+  }
+  handleItemXMLChange() {
+    if (!this.itemXML) return;
+    try {
+      this.itemDoc = qtiTransformItem().parse(this.itemXML).htmlDoc();
+    } catch (error) {
+      console.error("Error parsing XML:", error);
+    }
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    this.initializeTemplateContent();
+    this.applyStyles();
+    if (this.itemURL) {
+      this.handleItemURLChange();
+    }
+    if (this.itemXML) {
+      this.handleItemXMLChange();
+    }
+  }
+  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.itemDoc, html`<span>Loading...</span>`)}
+    `;
+  }
+};
+__decorateClass([
+  property({ type: String, attribute: "item-url" })
+], ItemContainer.prototype, "itemURL", 2);
+__decorateClass([
+  state()
+], ItemContainer.prototype, "itemDoc", 2);
+__decorateClass([
+  state()
+], ItemContainer.prototype, "itemXML", 2);
+__decorateClass([
+  watch("itemURL", { waitUntilFirstUpdate: true })
+], ItemContainer.prototype, "handleItemURLChange", 1);
+__decorateClass([
+  watch("itemXML", { waitUntilFirstUpdate: true })
+], ItemContainer.prototype, "handleItemXMLChange", 1);
+ItemContainer = __decorateClass([
+  customElement("item-container")
+], ItemContainer);
+
+export {
+  ItemContainer
+};
+//# sourceMappingURL=chunk-PF5X3SZR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-item/components/item-container.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\n\nimport { watch } from '../../decorators/watch';\nimport itemCss from '../../../item.css?inline';\nimport { qtiTransformItem } from '../../qti-transformers';\n\n/**\n * `<item-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-item` will be placed inside the shadow DOM of this element.\n * The element loads the item from the provided URL and renders it inside the shadow DOM.\n *\n * ### Styling\n * Add a class to the element for styling.\n *\n * ```html\n * <qti-item>\n *   <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n * </qti-item>\n * ```\n */\n@customElement('item-container')\nexport class ItemContainer extends LitElement {\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'item-url' })\n  itemURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  itemDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  itemXML: string = null;\n\n  /** Template content if provided */\n  private templateContent = null;\n\n  @watch('itemURL', { waitUntilFirstUpdate: true })\n  protected async handleItemURLChange() {\n    if (!this.itemURL) return;\n    try {\n      const { promise: api } = await qtiTransformItem().load(this.itemURL);\n      this.itemDoc = (await api).htmlDoc();\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('itemXML', { waitUntilFirstUpdate: true })\n  protected handleItemXMLChange() {\n    if (!this.itemXML) return;\n    try {\n      this.itemDoc = qtiTransformItem().parse(this.itemXML).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.itemURL) {\n      this.handleItemURLChange();\n    }\n    if (this.itemXML) {\n      this.handleItemXMLChange();\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.itemDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-container': ItemContainer;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,YAAY;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,aAAa;AAqBf,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC;AAAA;AAGL,mBAAkB;AAIlB,mBAA4B;AAI5B,mBAAkB;AAGlB;AAAA,SAAQ,kBAAkB;AAAA;AAAA,EAG1B,MAAgB,sBAAsB;AACpC,QAAI,CAAC,KAAK,QAAS;AACnB,QAAI;AACF,YAAM,EAAE,SAAS,IAAI,IAAI,MAAM,iBAAiB,EAAE,KAAK,KAAK,OAAO;AACnE,WAAK,WAAW,MAAM,KAAK,QAAQ;AAAA,IACrC,SAAS,OAAO;AACd,cAAQ,MAAM,iCAAiC,KAAK;AAAA,IACtD;AAAA,EACF;AAAA,EAGU,sBAAsB;AAC9B,QAAI,CAAC,KAAK,QAAS;AACnB,QAAI;AACF,WAAK,UAAU,iBAAiB,EAAE,MAAM,KAAK,OAAO,EAAE,QAAQ;AAAA,IAChE,SAAS,OAAO;AACd,cAAQ,MAAM,sBAAsB,KAAK;AAAA,IAC3C;AAAA,EACF;AAAA,EAEA,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,SAAK,0BAA0B;AAC/B,SAAK,YAAY;AACjB,QAAI,KAAK,SAAS;AAChB,WAAK,oBAAoB;AAAA,IAC3B;AACA,QAAI,KAAK,SAAS;AAChB,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEQ,4BAA4B;AAClC,UAAM,WAAW,KAAK,cAAc,UAAU;AAC9C,SAAK,kBAAkB,WAAW,SAAS,UAAU;AAAA,EACvD;AAAA,EAEQ,cAAc;AACpB,UAAM,QAAQ,IAAI,cAAc;AAChC,UAAM,YAAY,YAAO;AACzB,SAAK,WAAW,qBAAqB,CAAC,KAAK;AAAA,EAC7C;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,QACH,KAAK,eAAe;AAAA;AAAA,QAEpB,MAAM,KAAK,SAAS,6BAA6B,CAAC;AAAA;AAAA,EAExD;AACF;AAhEE;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,WAAW,CAAC;AAAA,GAFtC,cAGX;AAIA;AAAA,EADC,MAAM;AAAA,GANI,cAOX;AAIA;AAAA,EADC,MAAM;AAAA,GAVI,cAWX;AAMgB;AAAA,EADf,MAAM,WAAW,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAhBrC,cAiBK;AAWN;AAAA,EADT,MAAM,WAAW,EAAE,sBAAsB,KAAK,CAAC;AAAA,GA3BrC,cA4BD;AA5BC,gBAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;","names":[]}

package/dist/chunks/chunk-QCB6P7DH.js

@@ -0,0 +1,146 @@
+import {
+  qtiContext
+} from "./chunk-H6KHXSIO.js";
+import {
+  itemContext
+} from "./chunk-NJNQOQUU.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/exports/qti-expression.ts
+import { consume } from "@lit/context";
+import { css, html, LitElement } from "lit";
+import { state } from "lit/decorators.js";
+var QtiExpression = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.getVariables = () => (
+      // FIXME: if this itself is multiple, this will never enter the qti-multiple switch
+      // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml
+      Array.from(this.children).map((e) => {
+        console.debug("getVariables", e.tagName.toLowerCase());
+        switch (e.tagName.toLowerCase()) {
+          case "qti-base-value": {
+            return {
+              baseType: e.getAttribute("base-type"),
+              value: e.textContent.trim(),
+              cardinality: "single"
+            };
+          }
+          case "qti-variable": {
+            const identifier = e.getAttribute("identifier") || "";
+            if (identifier === "QTI_CONTEXT") {
+              if (!this.qtiContext?.QTI_CONTEXT) {
+                console.warn("QTI_CONTEXT not available");
+                return {
+                  identifier: "QTI_CONTEXT",
+                  baseType: "record",
+                  value: this.qtiContext.QTI_CONTEXT,
+                  cardinality: "record",
+                  type: "context"
+                };
+              }
+              return {
+                identifier: "QTI_CONTEXT",
+                baseType: "record",
+                value: this.qtiContext.QTI_CONTEXT,
+                cardinality: "record",
+                type: "context"
+              };
+            }
+            const variable = this.context.variables.find((v) => v.identifier === identifier) || null;
+            return variable;
+          }
+          case "qti-multiple": {
+            const multiple = e;
+            const values = multiple.getResult();
+            console.debug("values", values);
+            if (values?.length > 0) {
+              return {
+                identifier: "",
+                baseType: values[0].baseType,
+                value: values.map((v) => v.value),
+                cardinality: "multiple",
+                type: "response"
+              };
+            }
+            return null;
+          }
+          case "qti-ordered": {
+            const multiple = e;
+            const values = multiple.getResult();
+            if (values?.length > 0) {
+              return {
+                identifier: "",
+                baseType: values[0].baseType,
+                value: values.map((v) => v.value),
+                cardinality: "ordered",
+                type: "response"
+              };
+            }
+            return null;
+          }
+          case "qti-correct": {
+            const identifier = e.getAttribute("identifier") || "";
+            const responseVariable = this.context.variables.find((v) => v.identifier === identifier) || null;
+            return {
+              baseType: responseVariable.baseType,
+              value: responseVariable.correctResponse,
+              cardinality: responseVariable.cardinality
+            };
+          }
+          default: {
+            try {
+              const expression = e;
+              const value = expression.getResult();
+              return {
+                baseType: "integer",
+                value: value?.toString() || null,
+                cardinality: "single"
+              };
+            } catch (error) {
+              console.warn("default not sufficient");
+            }
+            return null;
+          }
+        }
+      }).filter((v) => v !== null)
+    );
+  }
+  static {
+    // hide the slot with css
+    this.styles = css`
+    slot {
+      display: none;
+    }
+  `;
+  }
+  render() {
+    return html`<pre>${JSON.stringify(this.result, null, 2)}</pre>
+      <slot></slot>`;
+  }
+  calculate() {
+    this.result = this.getResult();
+    return this.result;
+  }
+  getResult() {
+    throw new Error("Not implemented");
+  }
+};
+__decorateClass([
+  state()
+], QtiExpression.prototype, "result", 2);
+__decorateClass([
+  consume({ context: itemContext, subscribe: true }),
+  state()
+], QtiExpression.prototype, "context", 2);
+__decorateClass([
+  consume({ context: qtiContext, subscribe: true }),
+  state()
+], QtiExpression.prototype, "qtiContext", 2);
+
+export {
+  QtiExpression
+};
+//# sourceMappingURL=chunk-QCB6P7DH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/exports/qti-expression.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\n\nimport { itemContext } from './qti-assessment-item.context';\nimport { qtiContext } from './qti.context';\n\nimport type { QtiContext, QtiContextType } from './qti.context';\nimport type { ResponseVariable, VariableDeclaration } from './variables';\nimport type { QtiMultiple } from '../qti-components/qti-response-processing/qti-expression/qti-multiple/qti-multiple';\nimport type { QtiOrdered } from '../qti-components/qti-response-processing/qti-expression/qti-ordered/qti-ordered';\nimport type { ItemContext } from './item.context';\n\nexport interface QtiExpressionBase<T> {\n  // get assessmentItem(): QtiAssessmentItem;\n\n  // getVariables(): VariableDeclaration<number | string | (number | string)[] | null>[];\n  calculate(): Readonly<T>;\n}\n\nexport abstract class QtiExpression<T> extends LitElement implements QtiExpressionBase<T> {\n  @state()\n  protected result: any;\n\n  // hide the slot with css\n  static styles = css`\n    slot {\n      display: none;\n    }\n  `;\n\n  override render() {\n    return html`<pre>${JSON.stringify(this.result, null, 2)}</pre>\n      <slot></slot>`;\n  }\n\n  public calculate(): Readonly<T> {\n    this.result = this.getResult();\n    return this.result;\n  }\n\n  protected getResult(): Readonly<T> {\n    throw new Error('Not implemented');\n  }\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  protected context?: ItemContext;\n\n  @consume({ context: qtiContext, subscribe: true })\n  @state()\n  protected qtiContext?: QtiContext;\n\n  getVariables = (): (ResponseVariable | VariableDeclaration<QtiContextType>)[] =>\n    // FIXME: if this itself is multiple, this will never enter the qti-multiple switch\n    // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml\n\n    Array.from(this.children)\n      .map((e: Element) => {\n        console.debug('getVariables', e.tagName.toLowerCase());\n        switch (e.tagName.toLowerCase()) {\n          case 'qti-base-value': {\n            return {\n              baseType: e.getAttribute('base-type'),\n              value: e.textContent.trim(),\n              cardinality: 'single'\n            } as ResponseVariable;\n          }\n          case 'qti-variable': {\n            const identifier = e.getAttribute('identifier') || '';\n\n            // Special handling for QTI_CONTEXT\n            if (identifier === 'QTI_CONTEXT') {\n              if (!this.qtiContext?.QTI_CONTEXT) {\n                console.warn('QTI_CONTEXT not available');\n                return {\n                  identifier: 'QTI_CONTEXT',\n                  baseType: 'record',\n                  value: this.qtiContext.QTI_CONTEXT,\n                  cardinality: 'record',\n                  type: 'context'\n                } as VariableDeclaration<QtiContextType>;\n              }\n              return {\n                identifier: 'QTI_CONTEXT',\n                baseType: 'record',\n                value: this.qtiContext.QTI_CONTEXT,\n                cardinality: 'record',\n                type: 'context'\n              } as VariableDeclaration<QtiContextType>;\n            }\n\n            const variable = this.context.variables.find(v => v.identifier === identifier) || null;\n            return variable;\n          }\n          case 'qti-multiple': {\n            const multiple = e as QtiMultiple;\n\n            const values = multiple.getResult();\n            console.debug('values', values);\n            if (values?.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'multiple',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-ordered': {\n            const multiple = e as QtiOrdered;\n            const values = multiple.getResult();\n            if (values?.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'ordered',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-correct': {\n            const identifier = e.getAttribute('identifier') || '';\n            const responseVariable: ResponseVariable =\n              this.context.variables.find(v => v.identifier === identifier) || null;\n            return {\n              baseType: responseVariable.baseType,\n              value: responseVariable.correctResponse,\n              cardinality: responseVariable.cardinality\n            } as ResponseVariable;\n          }\n          default: {\n            // added for use of qti-equal-rounded\n            try {\n              const expression = e as QtiExpression<number>;\n              const value = expression.getResult();\n              return {\n                baseType: 'integer',\n                value: value?.toString() || null,\n                cardinality: 'single'\n              } as ResponseVariable;\n            } catch (error) {\n              console.warn('default not sufficient');\n            }\n            return null;\n          }\n        }\n      })\n      .filter(v => v !== null);\n}\n"],"mappings":"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","names":[]}

package/dist/chunks/chunk-QU7KR7VX.js

@@ -0,0 +1,367 @@
+import {
+  qtiContext
+} from "./chunk-H6KHXSIO.js";
+import {
+  sessionContext
+} from "./chunk-22IRJWWY.js";
+import {
+  testContext
+} from "./chunk-CJADUWEC.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  configContext
+} from "./chunk-ERYHQVOT.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-navigation.ts
+import { consume, provide } from "@lit/context";
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+var TestNavigation = class extends LitElement {
+  constructor() {
+    super();
+    this.identifier = void 0;
+    this.initContext = [];
+    this.qtiContext = {
+      QTI_CONTEXT: {
+        testIdentifier: "",
+        candidateIdentifier: "",
+        environmentIdentifier: "default"
+      }
+    };
+    this.configContext = {};
+    this.autoScoreItems = false;
+    this.addEventListener("qti-assessment-test-connected", this._handleTestConnected.bind(this));
+    this.addEventListener("qti-assessment-item-connected", this._handleItemConnected.bind(this));
+    this.addEventListener("qti-interaction-changed", this._handleInteractionChanged.bind(this));
+    this.addEventListener("test-end-attempt", this._handleTestEndAttempt.bind(this));
+    this.addEventListener("test-show-correct-response", this._handleTestShowCorrectResponse.bind(this));
+    this.addEventListener("test-show-candidate-correction", this._handleTestShowCandidateCorrection.bind(this));
+    this.addEventListener("test-update-outcome-variable", this._handleTestUpdateOutcomeVariable.bind(this));
+  }
+  /**
+   * Handles the 'test-end-attempt' event.
+   * @private
+   * @listens TestNavigation#test-end-attempt
+   * @param {CustomEvent} event - The custom event object.
+   */
+  _handleTestEndAttempt(_event) {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
+    qtiAssessmentItemEl.processResponse(true, reportValidityAfterScoring);
+  }
+  // protected createRenderRoot(): HTMLElement | DocumentFragment {
+  //   return this;
+  // }
+  // myTemplate: TemplateFunction;
+  // connectedCallback(): void {
+  //   super.connectedCallback();
+  //   const templateElement = this.querySelector<HTMLTemplateElement>('template');
+  //   if (!templateElement) {
+  //     this.myTemplate = null;
+  //     return;
+  //   }
+  //   this.myTemplate = prepareTemplate(templateElement);
+  // }
+  /**
+   * Handles the 'test-show-correct-response' event.
+   * @private
+   * @listens TestNavigation#test-show-correct-response
+   * @param {CustomEvent} event - The custom event object.
+   */
+  _handleTestShowCorrectResponse(event) {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    if (!qtiAssessmentItemEl) return;
+    qtiAssessmentItemEl.showCorrectResponse(event.detail);
+  }
+  /**
+   * Handles the 'test-show-candidate-correction' event.
+   * @private
+   * @listens TestNavigation#test-show-candidate-correction
+   * @param {CustomEvent} event - The custom event object.
+   */
+  _handleTestShowCandidateCorrection(event) {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this._sessionContext.navItemRefId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    qtiAssessmentItemEl.showCandidateCorrection(event.detail);
+  }
+  _handleTestUpdateOutcomeVariable(event) {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${event.detail.assessmentItemRefId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    qtiAssessmentItemEl.setOutcomeVariable(event.detail.outcomeVariableId, event.detail.value);
+  }
+  _handleInteractionChanged(_event) {
+    if (this.autoScoreItems) {
+      const assessmentItem = _event.composedPath()[0].closest("qti-assessment-item");
+      const scoreOutcomeIdentifier = assessmentItem.variables.find((v) => v.identifier === "SCORE");
+      if (scoreOutcomeIdentifier && scoreOutcomeIdentifier.externalScored === null && assessmentItem.adaptive === "false") {
+        const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
+        assessmentItem.processResponse(true, reportValidityAfterScoring);
+      }
+    }
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+  /* PK: on test connected we can build the computed context */
+  _handleTestConnected(event) {
+    this._testElement = event.detail;
+    if (!this.qtiContext.QTI_CONTEXT?.testIdentifier) {
+      const currentContext = this.qtiContext.QTI_CONTEXT || {
+        testIdentifier: "",
+        candidateIdentifier: "not set",
+        environmentIdentifier: "default"
+      };
+      this.qtiContext = {
+        QTI_CONTEXT: {
+          ...currentContext,
+          testIdentifier: this._testElement.identifier,
+          environmentIdentifier: currentContext.environmentIdentifier || "default"
+        }
+      };
+    }
+    const contextDeclarations = this._testElement.querySelectorAll('qti-context-declaration[identifier="QTI_CONTEXT"]');
+    contextDeclarations.forEach((declaration) => {
+      const defaultValues = this._extractDefaultValues(declaration);
+      if (Object.keys(defaultValues).length > 0) {
+        this.qtiContext = {
+          QTI_CONTEXT: {
+            ...defaultValues,
+            // Default values first
+            ...this.qtiContext.QTI_CONTEXT
+            // Runtime values override defaults
+          }
+        };
+      }
+    });
+    const testPartElements = Array.from(this._testElement?.querySelectorAll(`qti-test-part`) || []);
+    this.computedContext = {
+      identifier: this._testElement.identifier,
+      title: this._testElement.title,
+      view: this._sessionContext?.view,
+      testParts: testPartElements.map((testPart) => {
+        const sectionElements = [...testPart.querySelectorAll(`qti-assessment-section`)];
+        return {
+          active: false,
+          identifier: testPart.identifier,
+          navigationMode: testPart.navigationMode,
+          submissionMode: testPart.submissionMode,
+          sections: sectionElements.map((section) => {
+            const itemElements = [...section.querySelectorAll(`qti-assessment-item-ref`)];
+            return {
+              active: false,
+              identifier: section.identifier,
+              title: section.title,
+              items: itemElements.map((item) => ({
+                ...this.initContext?.find((i) => i.identifier === item.identifier),
+                active: false,
+                identifier: item.identifier,
+                categories: item.category ? item.category?.split(" ") : [],
+                href: item.href,
+                variables: []
+              }))
+            };
+          })
+        };
+      })
+    };
+  }
+  /**
+   * Extract default values from a qti-context-declaration element
+   */
+  _extractDefaultValues(declaration) {
+    const defaultValues = {};
+    const defaultValueElement = declaration.querySelector("qti-default-value");
+    if (!defaultValueElement) {
+      return defaultValues;
+    }
+    const valueElements = defaultValueElement.querySelectorAll("qti-value[field-identifier]");
+    valueElements.forEach((valueElement) => {
+      const fieldIdentifier = valueElement.getAttribute("field-identifier");
+      const baseType = valueElement.getAttribute("base-type") || "string";
+      const textContent = valueElement.textContent?.trim() || "";
+      if (fieldIdentifier) {
+        let value = textContent;
+        switch (baseType) {
+          case "integer":
+            value = parseInt(textContent, 10);
+            break;
+          case "float":
+          case "duration":
+            value = parseFloat(textContent);
+            break;
+          case "boolean":
+            value = textContent.toLowerCase() === "true";
+            break;
+          case "string":
+          default:
+            value = textContent;
+            break;
+        }
+        defaultValues[fieldIdentifier] = value;
+      }
+    });
+    return defaultValues;
+  }
+  /* PK: on item connected we can add item only properties in the xml */
+  _handleItemConnected(event) {
+    const itemElement = event.detail;
+    this.computedContext = {
+      ...this.computedContext,
+      testParts: this.computedContext.testParts.map((testPart) => {
+        return {
+          ...testPart,
+          sections: testPart.sections.map((section) => {
+            return {
+              ...section,
+              items: section.items.map((item) => {
+                if (item.identifier !== itemElement.parentElement.getAttribute("identifier")) {
+                  return item;
+                }
+                const scoreOutcome = itemElement.querySelector(
+                  "qti-outcome-declaration[identifier='SCORE']"
+                );
+                const externalScored = scoreOutcome?.getAttribute("externalScored");
+                const responseDeclarations = itemElement.querySelectorAll("qti-response-declaration");
+                const containsCorrectResponse = Array.from(responseDeclarations).some(
+                  (r) => r.querySelector("qti-correct-response")
+                );
+                const containsMapping = Array.from(responseDeclarations).some((r) => {
+                  const mapping = r.querySelector("qti-mapping");
+                  const areaMapping = r.querySelector("qti-area-mapping");
+                  return mapping?.querySelector("qti-map-entry") || areaMapping?.querySelector("qti-area-map-entry");
+                });
+                const hasCorrectResponse = containsCorrectResponse || containsMapping;
+                const hasResponseProcessing = itemElement.querySelector("qti-response-processing") ? true : false;
+                return {
+                  ...item,
+                  assessmentItemIdentifier: itemElement.getAttribute("identifier"),
+                  label: itemElement.getAttribute("label"),
+                  title: itemElement.title,
+                  externalScored,
+                  adaptive: itemElement.adaptive == "true" || false,
+                  timeDependent: itemElement.timeDependent == "true" || false,
+                  variables: itemElement.variables,
+                  hasCorrectResponse,
+                  hasResponseProcessing
+                };
+              })
+            };
+          })
+        };
+      })
+    };
+  }
+  /* PK: on every change of the candidate we will recomputed the computedContext */
+  willUpdate(_changedProperties) {
+    if (!this.computedContext) return;
+    let itemIndex = 1;
+    this.computedContext = {
+      ...this.computedContext,
+      view: this._sessionContext?.view,
+      testParts: this.computedContext.testParts.map((testPart) => {
+        return {
+          ...testPart,
+          active: this._sessionContext?.navPartId === testPart.identifier || false,
+          sections: testPart.sections.map((section) => {
+            return {
+              ...section,
+              active: this._sessionContext?.navSectionId === section.identifier || false,
+              completed: section.items.every(
+                (item) => this._testContext.items.find((i) => i.identifier === item.identifier)?.variables.find((v) => v.identifier === "completionStatus").value === "completed"
+              ),
+              items: section.items.map((item) => {
+                const itemContext = this._testContext?.items.find((i) => i.identifier === item.identifier);
+                const computedItem = {
+                  ...item,
+                  ...itemContext,
+                  ...this.initContext?.find((i) => i.identifier === item.identifier)
+                };
+                const rawscore = computedItem.variables?.find((vr) => vr.identifier == "SCORE")?.value;
+                const score = rawscore === void 0 || rawscore === null ? null : parseFloat(rawscore?.toString());
+                const completionStatus = computedItem.variables?.find((v) => v.identifier === "completionStatus")?.value;
+                const response = computedItem.variables?.find((v) => v.identifier === "RESPONSE")?.value || "";
+                const numAttempts = computedItem.variables?.find((v) => v.identifier === "numAttempts")?.value || 0;
+                const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;
+                const index = item.categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;
+                const rawMaxScore = item.variables?.find((vr) => vr.identifier == "MAXSCORE")?.value;
+                const maxScore = rawMaxScore === void 0 || rawMaxScore === null ? null : parseFloat(rawMaxScore?.toString());
+                return {
+                  ...computedItem,
+                  completionStatus,
+                  numAttempts,
+                  score,
+                  response,
+                  index,
+                  // type,
+                  active,
+                  // correct,
+                  maxScore
+                  // incorrect,
+                  // completed
+                };
+              })
+            };
+          })
+        };
+      })
+    };
+    this.dispatchEvent(
+      new CustomEvent("qti-computed-context-updated", {
+        detail: this.computedContext,
+        bubbles: true
+      })
+    );
+  }
+};
+__decorateClass([
+  property({ type: String })
+], TestNavigation.prototype, "identifier", 2);
+__decorateClass([
+  state()
+], TestNavigation.prototype, "initContext", 2);
+__decorateClass([
+  state(),
+  provide({ context: qtiContext })
+], TestNavigation.prototype, "qtiContext", 2);
+__decorateClass([
+  state(),
+  provide({ context: configContext })
+], TestNavigation.prototype, "configContext", 2);
+__decorateClass([
+  state(),
+  consume({ context: testContext, subscribe: true })
+], TestNavigation.prototype, "_testContext", 2);
+__decorateClass([
+  state(),
+  consume({ context: sessionContext, subscribe: true })
+], TestNavigation.prototype, "_sessionContext", 2);
+__decorateClass([
+  state(),
+  provide({ context: computedContext })
+], TestNavigation.prototype, "computedContext", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "auto-score-items" })
+], TestNavigation.prototype, "autoScoreItems", 2);
+TestNavigation = __decorateClass([
+  customElement("test-navigation")
+], TestNavigation);
+
+export {
+  TestNavigation
+};
+//# sourceMappingURL=chunk-QU7KR7VX.js.map