@citolab/qti-components 7.3.10 → 7.3.12

package/dist/chunks/chunk-EO7PHAA6.js

@@ -0,0 +1,273 @@
+import {
+  sessionContext
+} from "./chunk-22IRJWWY.js";
+import {
+  testContext
+} from "./chunk-CJADUWEC.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  configContext
+} from "./chunk-OJ3KRFOY.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.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-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-end-attempt' 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;
+    qtiAssessmentItemEl.showCorrectResponse(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;
+    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: []
+              }))
+            };
+          })
+        };
+      })
+    };
+  }
+  /* 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 = parseInt(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 = parseInt(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: 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-EO7PHAA6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-navigation.ts"],"sourcesContent":["import { consume, provide } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n// import { prepareTemplate } from 'stampino';\n\nimport { testContext } from '../../exports/test.context';\nimport { sessionContext } from '../../exports/session.context';\nimport { computedContext } from '../../exports/computed.context';\n\n// import type { View } from '../core/mixins/test-view.mixin';\n// import type { TemplateFunction } from 'stampino';\nimport { configContext, type ConfigContext } from '../../exports/config.context';\n\nimport type { QtiAssessmentItem } from '../../qti-components';\nimport type { OutcomeVariable } from '../../exports/variables';\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { PropertyValues } from 'lit';\nimport type { QtiAssessmentItemRef, QtiAssessmentSection, QtiAssessmentTest, QtiTestPart } from '../core';\nimport type { SessionContext } from '../../exports/session.context';\nimport type { TestContext } from '../../exports/test.context';\n\ntype CustomEventMap = {\n  'test-end-attempt': CustomEvent;\n  'test-show-correct-response': CustomEvent<{ value: boolean }>;\n};\n\ndeclare global {\n  interface GlobalEventHandlersEventMap extends CustomEventMap {}\n}\n\n@customElement('test-navigation')\nexport class TestNavigation extends LitElement {\n  @property({ type: String }) identifier = undefined;\n\n  @state()\n  public initContext: { identifier: string; [key: string]: any }[] = [];\n\n  @state()\n  @provide({ context: configContext })\n  public configContext: ConfigContext = {};\n\n  @state()\n  @consume({ context: testContext, subscribe: true })\n  protected _testContext?: TestContext;\n\n  @state()\n  @consume({ context: sessionContext, subscribe: true })\n  protected _sessionContext?: SessionContext;\n\n  @state()\n  @provide({ context: computedContext })\n  protected computedContext: ComputedContext;\n\n  @property({ type: Boolean, attribute: 'auto-score-items' }) autoScoreItems = false;\n\n  // @state()\n  // private stampContext: {\n  //   view?: View;\n  //   test?: unknown;\n  //   activeTestpart?: unknown;\n  //   activeSection?: unknown;\n  //   activeItem?: unknown;\n  // } = {\n  //   view: 'candidate',\n  //   activeItem: {},\n  //   activeSection: {\n  //     items: []\n  //   },\n  //   activeTestpart: {\n  //     items: []\n  //   },\n  //   test: {}\n  // };\n  // @property({ type: Boolean, reflect: true }) public debug = false;\n\n  private _testElement: QtiAssessmentTest;\n\n  constructor() {\n    super();\n    this.addEventListener('qti-assessment-test-connected', this._handleTestConnected.bind(this));\n    this.addEventListener('qti-assessment-item-connected', this._handleItemConnected.bind(this));\n\n    this.addEventListener('qti-interaction-changed', this._handleInteractionChanged.bind(this));\n\n    this.addEventListener('test-end-attempt', this._handleTestEndAttempt.bind(this));\n    this.addEventListener('test-show-correct-response', this._handleTestShowCorrectResponse.bind(this));\n    this.addEventListener('test-update-outcome-variable', this._handleTestUpdateOutcomeVariable.bind(this));\n  }\n\n  /**\n   * Handles the 'test-end-attempt' event.\n   * @private\n   * @listens TestNavigation#test-end-attempt\n   * @param {CustomEvent} event - The custom event object.\n   */\n  private _handleTestEndAttempt(_event: CustomEvent) {\n    const qtiItemEl = this._testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${this._sessionContext.navItemRefId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;\n    const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;\n    qtiAssessmentItemEl.processResponse(true, reportValidityAfterScoring);\n  }\n\n  // protected createRenderRoot(): HTMLElement | DocumentFragment {\n  //   return this;\n  // }\n\n  // myTemplate: TemplateFunction;\n\n  // connectedCallback(): void {\n  //   super.connectedCallback();\n  //   const templateElement = this.querySelector<HTMLTemplateElement>('template');\n  //   if (!templateElement) {\n  //     this.myTemplate = null;\n  //     return;\n  //   }\n  //   this.myTemplate = prepareTemplate(templateElement);\n  // }\n\n  /**\n   * Handles the 'test-end-attempt' event.\n   * @private\n   * @listens TestNavigation#test-show-correct-response\n   * @param {CustomEvent} event - The custom event object.\n   */\n  private _handleTestShowCorrectResponse(event: CustomEvent) {\n    const qtiItemEl = this._testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${this._sessionContext.navItemRefId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;\n    qtiAssessmentItemEl.showCorrectResponse(event.detail);\n  }\n\n  private _handleTestUpdateOutcomeVariable(event: CustomEvent) {\n    const qtiItemEl = this._testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${event.detail.assessmentItemRefId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;\n    qtiAssessmentItemEl.setOutcomeVariable(event.detail.outcomeVariableId, event.detail.value);\n  }\n\n  private _handleInteractionChanged(_event: CustomEvent) {\n    if (this.autoScoreItems) {\n      const assessmentItem = (_event.composedPath()[0] as HTMLElement).closest('qti-assessment-item');\n      const scoreOutcomeIdentifier = assessmentItem.variables.find(v => v.identifier === 'SCORE') as OutcomeVariable;\n      if (\n        scoreOutcomeIdentifier &&\n        scoreOutcomeIdentifier.externalScored === null &&\n        assessmentItem.adaptive === 'false'\n      ) {\n        const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;\n        assessmentItem.processResponse(true, reportValidityAfterScoring);\n      }\n    }\n  }\n\n  render() {\n    // return this.myTemplate ? this.myTemplate(this.stampContext) : nothing;\n    return html`<slot></slot>`;\n  }\n\n  /* PK: on test connected we can build the computed context */\n  private _handleTestConnected(event: CustomEvent) {\n    this._testElement = event.detail as QtiAssessmentTest;\n    const testPartElements = Array.from(this._testElement?.querySelectorAll<QtiTestPart>(`qti-test-part`) || []);\n    this.computedContext = {\n      identifier: this._testElement.identifier,\n      title: this._testElement.title,\n      view: this._sessionContext?.view,\n      testParts: testPartElements.map(testPart => {\n        const sectionElements = [...testPart.querySelectorAll<QtiAssessmentSection>(`qti-assessment-section`)];\n        return {\n          active: false,\n          identifier: testPart.identifier,\n          navigationMode: testPart.navigationMode,\n          submissionMode: testPart.submissionMode,\n          sections: sectionElements.map(section => {\n            const itemElements = [...section.querySelectorAll<QtiAssessmentItemRef>(`qti-assessment-item-ref`)];\n            return {\n              active: false,\n              identifier: section.identifier,\n              title: section.title,\n              items: itemElements.map(item => ({\n                ...this.initContext?.find(i => i.identifier === item.identifier),\n                active: false,\n                identifier: item.identifier,\n                categories: item.category ? item.category?.split(' ') : [],\n                href: item.href,\n                variables: []\n              }))\n            };\n          })\n        };\n      })\n    };\n  }\n\n  /* PK: on item connected we can add item only properties in the xml */\n  private _handleItemConnected(event: CustomEvent) {\n    const itemElement = event.detail as QtiAssessmentItem;\n\n    this.computedContext = {\n      ...this.computedContext,\n      testParts: this.computedContext.testParts.map(testPart => {\n        return {\n          ...testPart,\n          sections: testPart.sections.map(section => {\n            return {\n              ...section,\n              items: section.items.map(item => {\n                if (item.identifier !== itemElement.parentElement.getAttribute('identifier')) {\n                  return item;\n                }\n\n                const scoreOutcome = itemElement.querySelector<HTMLElement>(\n                  \"qti-outcome-declaration[identifier='SCORE']\"\n                );\n                // const scoreOutcome = item.variables.find(vr => vr.identifier == 'SCORE') as OutcomeVariable;\n                const externalScored = scoreOutcome?.getAttribute('externalScored');\n\n                const responseDeclarations = itemElement.querySelectorAll<HTMLElement>('qti-response-declaration');\n                const containsCorrectResponse = Array.from(responseDeclarations).some(r =>\n                  r.querySelector('qti-correct-response')\n                );\n                // check if every responseDeclaration has a correctResponse\n                const containsMapping = Array.from(responseDeclarations).some(r => {\n                  const mapping = r.querySelector('qti-mapping');\n                  const areaMapping = r.querySelector('qti-area-mapping');\n                  return mapping?.querySelector('qti-map-entry') || areaMapping?.querySelector('qti-area-map-entry');\n                });\n\n                const hasCorrectResponse = containsCorrectResponse || containsMapping;\n\n                const hasResponseProcessing = itemElement.querySelector('qti-response-processing') ? true : false;\n\n                return {\n                  ...item,\n                  assessmentItemIdentifier: itemElement.getAttribute('identifier'),\n                  label: itemElement.getAttribute('label'),\n                  title: itemElement.title,\n                  externalScored,\n                  adaptive: itemElement.adaptive == 'true' || false,\n                  timeDependent: itemElement.timeDependent == 'true' || false,\n                  variables: itemElement.variables,\n                  hasCorrectResponse,\n                  hasResponseProcessing\n                };\n              })\n            };\n          })\n        };\n      })\n    };\n  }\n\n  /* PK: on every change of the candidate we will recomputed the computedContext */\n  protected willUpdate(_changedProperties: PropertyValues): void {\n    if (!this.computedContext) return;\n\n    let itemIndex = 1;\n    this.computedContext = {\n      ...this.computedContext,\n      view: this._sessionContext?.view,\n      testParts: this.computedContext.testParts.map(testPart => {\n        return {\n          ...testPart,\n          active: this._sessionContext?.navPartId === testPart.identifier || false,\n          sections: testPart.sections.map(section => {\n            return {\n              ...section,\n              active: this._sessionContext?.navSectionId === section.identifier || false,\n              completed: section.items.every(\n                item =>\n                  this._testContext.items\n                    .find(i => i.identifier === item.identifier)\n                    ?.variables.find(v => v.identifier === 'completionStatus').value === 'completed'\n              ),\n\n              items: section.items.map(item => {\n                const itemContext = this._testContext?.items.find(i => i.identifier === item.identifier);\n                const computedItem = {\n                  ...item,\n                  ...itemContext,\n                  ...this.initContext?.find(i => i.identifier === item.identifier)\n                };\n\n                const rawscore = computedItem.variables?.find(vr => vr.identifier == 'SCORE')?.value;\n                const score = parseInt(rawscore?.toString());\n\n                const completionStatus = computedItem.variables?.find(v => v.identifier === 'completionStatus')\n                  ?.value as string;\n\n                const response = computedItem.variables?.find(v => v.identifier === 'RESPONSE')?.value || '';\n                const numAttempts = computedItem.variables?.find(v => v.identifier === 'numAttempts')?.value || 0;\n\n                const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;\n\n                // Computed and opiniated\n                // const type = item.categories.includes(this.configContext?.infoItemCategory) ? 'info' : 'regular';\n                // const correct = (type == 'regular' && score !== undefined && !isNaN(score) && score > 0) || false;\n                // const incorrect = (type == 'regular' && score !== undefined && !isNaN(score) && score <= 0) || false;\n                // const completed = completionStatus === 'completed';\n\n                const index = item.categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;\n                const rawMaxScore = item.variables?.find(vr => vr.identifier == 'MAXSCORE')?.value;\n                const maxScore = parseInt(rawMaxScore?.toString());\n\n                return {\n                  ...computedItem,\n                  completionStatus,\n                  numAttempts,\n                  score,\n                  response,\n                  index,\n                  // type,\n                  active,\n                  // correct,\n                  maxScore\n                  // incorrect,\n                  // completed\n                };\n              })\n            };\n          })\n        };\n      })\n    };\n\n    // const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n    // const activeSection = activeTestPart?.sections.find(section => section.active);\n    // const activeItem = activeSection?.items.find(item => item.active);\n    // const { variables, ...augmentedItem } = activeItem || {};\n\n    // if (!activeTestPart || !activeSection || !activeItem) {\n    //   this.stampContext = null;\n    //   return;\n    // }\n\n    // const augmentedTestPart = {\n    //   ...activeTestPart,\n    //   items: activeTestPart.sections.flatMap(section => section.items.map(({ variables, ...rest }) => rest)),\n    //   sections: activeTestPart.sections.map(section => ({\n    //     ...section,\n    //     items: section.items.map(({ variables, ...rest }) => rest)\n    //   }))\n    // };\n\n    // const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables, ...rest }) => rest) };\n    // const { testParts, ...activeTest } = this.computedContext;\n\n    // this.stampContext = {\n    //   view: this.computedContext.view,\n    //   activeItem: augmentedItem,\n    //   activeSection: augmentedSection,\n    //   activeTestpart: augmentedTestPart,\n    //   test: activeTest\n    // };\n\n    this.dispatchEvent(\n      new CustomEvent('qti-computed-context-updated', {\n        detail: this.computedContext,\n        bubbles: true\n      })\n    );\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunks/chunk-FDN5O7AK.js

@@ -0,0 +1,94 @@
+import {
+  item_default
+} from "./chunk-Z3VRPKNG.js";
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  qtiTransformTest
+} from "./chunk-VEWD22O5.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/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);
+
+export {
+  TestContainer
+};
+//# sourceMappingURL=chunk-FDN5O7AK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-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 { qtiTransformTest } from '../../qti-transformers';\n\n/**\n * `<test-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-test` will be placed inside the shadow DOM of this element.\n * The element loads the test from the provided URL and renders it inside the shadow DOM.\n *\n * ```html\n * <qti-test>\n *   <test-navigation>\n *      <test-container class=\"m-4 bg-white\" test-url=\"./path/to/assessmenttest.xml\"></test-container>\n *   </test-navigation>\n * </qti-test>\n * ```\n */\n@customElement('test-container')\nexport class TestContainer extends LitElement {\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'test-url' })\n  testURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  testDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  testXML: string = null;\n\n  /** Template content if provided */\n  private templateContent = null;\n\n  @watch('testURL', { waitUntilFirstUpdate: true })\n  protected async handleTestURLChange() {\n    if (!this.testURL) return;\n    try {\n      const api = await qtiTransformTest().load(this.testURL);\n      this.testDoc = api.htmlDoc();\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('testXML', { waitUntilFirstUpdate: true })\n  protected handleTestXMLChange() {\n    if (!this.testXML) return;\n    try {\n      this.testDoc = qtiTransformTest().parse(this.testXML).htmlDoc();\n    } catch (error) {\n      console.error('Error parsing XML:', error);\n    }\n  }\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    this.initializeTemplateContent();\n    this.applyStyles();\n    if (this.testURL) {\n      this.handleTestURLChange();\n    }\n    if (this.testXML) {\n      this.handleTestXMLChange();\n    }\n  }\n\n  private initializeTemplateContent() {\n    const template = this.querySelector('template') as HTMLTemplateElement;\n    this.templateContent = template ? template.content : html``;\n  }\n\n  private applyStyles() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(itemCss);\n    this.shadowRoot.adoptedStyleSheets = [sheet];\n  }\n\n  render() {\n    return html`\n      ${this.templateContent}\n      <slot></slot>\n      ${until(this.testDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-container': TestContainer;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,YAAY;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,aAAa;AAoBf,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,MAAM,MAAM,iBAAiB,EAAE,KAAK,KAAK,OAAO;AACtD,WAAK,UAAU,IAAI,QAAQ;AAAA,IAC7B,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":[]}