@citolab/qti-components 7.2.2 → 7.3.1

package/dist/chunks/chunk-QKAKO3CZ.js

@@ -0,0 +1,233 @@
+import {
+  sessionContext
+} from "./chunk-22IRJWWY.js";
+import {
+  testContext
+} from "./chunk-CJADUWEC.js";
+import {
+  computedContext
+} from "./chunk-HAP4ICAJ.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);
+  }
+  /**
+   * 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") {
+        assessmentItem.processResponse();
+      }
+    }
+  }
+  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,
+      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,
+                  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;
+                }
+                return {
+                  ...item,
+                  assessmentItemIdentifier: itemElement.getAttribute("identifier"),
+                  label: itemElement.getAttribute("label"),
+                  title: itemElement.title,
+                  adaptive: itemElement.adaptive == "true" || false,
+                  timeDependent: itemElement.timeDependent == "true" || false,
+                  variables: itemElement._context.variables
+                };
+              })
+            };
+          })
+        };
+      })
+    };
+  }
+  /* 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,
+      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 };
+                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 categories = computedItem.category ? computedItem.category?.split(" ") : [];
+                const type = categories.includes(this.configContext?.infoItemCategory) ? "info" : "regular";
+                const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;
+                const correct = type == "regular" && score !== void 0 && !isNaN(score) && score > 0 || false;
+                const incorrect = type == "regular" && score !== void 0 && !isNaN(score) && score <= 0 || false;
+                const completed = completionStatus === "completed";
+                const response = computedItem.variables?.find((v) => v.identifier === "RESPONSE")?.value || "";
+                const index = categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;
+                const containsCorrectResponse = !!item?.variables?.some((v) => v["correctResponse"]);
+                const containsMapping = !!item?.variables?.some((v) => {
+                  return v["mapping"]?.mapEntries?.length > 0 || v["areaMapping"]?.areaMapEntries?.length > 0;
+                });
+                const hasCorrectResponse = !containsCorrectResponse && !containsMapping;
+                return {
+                  ...computedItem,
+                  // score => correct / incorrect
+                  // completionStatus, => completed
+                  hasCorrectResponse,
+                  categories,
+                  type,
+                  active,
+                  correct,
+                  incorrect,
+                  completed,
+                  index,
+                  response
+                };
+              })
+            };
+          })
+        };
+      })
+    };
+  }
+};
+__decorateClass([
+  property({ type: String })
+], TestNavigation.prototype, "identifier", 2);
+__decorateClass([
+  state()
+], TestNavigation.prototype, "initContext", 2);
+__decorateClass([
+  state()
+], 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-QKAKO3CZ.js.map

package/dist/chunks/chunk-QKAKO3CZ.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\nimport { testContext } from '../../exports/test.context';\nimport { sessionContext } from '../../exports/session.context';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedItemContext } from '../../exports/computed-item.context';\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 { ConfigContext } from '../../exports/config.context';\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  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  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  /**\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        assessmentItem.processResponse();\n      }\n    }\n  }\n\n  render() {\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      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(\n                item =>\n                  ({\n                    ...this.initContext?.find(i => i.identifier === item.identifier),\n                    active: false,\n                    identifier: item.identifier,\n                    href: item.href,\n                    variables: []\n                  }) as ComputedItemContext\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    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                return {\n                  ...item,\n                  assessmentItemIdentifier: itemElement.getAttribute('identifier'),\n                  label: itemElement.getAttribute('label'),\n                  title: itemElement.title,\n                  adaptive: itemElement.adaptive == 'true' || false,\n                  timeDependent: itemElement.timeDependent == 'true' || false,\n                  variables: (itemElement as any)._context.variables\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      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 = { ...item, ...itemContext };\n\n                const rawscore = computedItem.variables?.find(vr => vr.identifier == 'SCORE')?.value;\n                const score = parseInt(rawscore?.toString());\n                const completionStatus = computedItem.variables?.find(v => v.identifier === 'completionStatus')?.value;\n                const categories = computedItem.category ? computedItem.category?.split(' ') : [];\n\n                const type = categories.includes(this.configContext?.infoItemCategory) ? 'info' : 'regular';\n                const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;\n\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 response = computedItem.variables?.find(v => v.identifier === 'RESPONSE')?.value || '';\n\n                const index = categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;\n\n                const containsCorrectResponse = !!item?.variables?.some(v => v['correctResponse']);\n                const containsMapping = !!item?.variables?.some(v => {\n                  return v['mapping']?.mapEntries?.length > 0 || v['areaMapping']?.areaMapEntries?.length > 0;\n                });\n                const hasCorrectResponse = !containsCorrectResponse && !containsMapping;\n\n                return {\n                  ...computedItem,\n                  // score => correct / incorrect\n                  // completionStatus, => completed\n                  hasCorrectResponse,\n                  categories,\n                  type,\n                  active,\n                  correct,\n                  incorrect,\n                  completed,\n                  index,\n                  response\n                };\n              })\n            };\n          })\n        };\n      })\n    };\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunks/chunk-QSFYRRIN.js

@@ -0,0 +1,85 @@
+import {
+  computedContext
+} from "./chunk-HAP4ICAJ.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-print-item-variables.ts
+import { html, css, LitElement } from "lit";
+import { consume } from "@lit/context";
+import { customElement } from "lit/decorators.js";
+var TestPrintVariables = class extends LitElement {
+  render() {
+    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
+    if (!activeItem || !activeItem.variables) return html``;
+    const responseVariables = activeItem.variables.filter((v) => v.type === "response");
+    const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
+    const renderTable = (variables, title) => html`
+      <h3>${title}</h3>
+      <table>
+        <thead>
+          <tr>
+            <th>Identifier</th>
+            <th>Value</th>
+            <th>Cardinality</th>
+            <th>Base Type</th>
+            <th>Correct Response / Mappings</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${variables.map((v) => {
+      const correctResponse = v.correctResponse ? Array.isArray(v.correctResponse) ? v.correctResponse.join(", ") : v.correctResponse : "";
+      const mapEntries = v.mapping?.mapEntries?.map((m) => `${m.mapKey}=${m.mappedValue}pt`).join(", ") || "";
+      const areaMapEntries = v.areaMapping?.areaMapEntries?.map((m) => `${m.shape}(${m.coords})=${m.mappedValue}pt`).join(", ") || "";
+      return html`
+              <tr>
+                <td>${v.identifier}</td>
+                <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
+                <td>${v.cardinality}</td>
+                <td>${v.baseType}</td>
+                <td>${correctResponse || mapEntries || areaMapEntries}</td>
+              </tr>
+            `;
+    })}
+        </tbody>
+      </table>
+    `;
+    return html`
+      ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
+    `;
+  }
+};
+TestPrintVariables.styles = css`
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 20px 0;
+      font-size: 14px;
+      text-align: left;
+    }
+    th,
+    td {
+      border: 1px solid #ddd;
+      padding: 8px;
+    }
+    th {
+      background-color: #f4f4f4;
+      font-weight: bold;
+    }
+    h3 {
+      margin-top: 20px;
+      font-size: 16px;
+    }
+  `;
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestPrintVariables.prototype, "computedContext", 2);
+TestPrintVariables = __decorateClass([
+  customElement("test-print-item-variables")
+], TestPrintVariables);
+
+export {
+  TestPrintVariables
+};
+//# sourceMappingURL=chunk-QSFYRRIN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-print-item-variables.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { consume } from '@lit/context';\nimport { customElement } from 'lit/decorators.js';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ResponseVariable } from '../../exports/variables';\nimport type { ComputedContext } from '../../exports/computed.context';\n\n@customElement('test-print-item-variables')\nexport class TestPrintVariables extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  public computedContext?: ComputedContext;\n\n  static styles = css`\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 20px 0;\n      font-size: 14px;\n      text-align: left;\n    }\n    th,\n    td {\n      border: 1px solid #ddd;\n      padding: 8px;\n    }\n    th {\n      background-color: #f4f4f4;\n      font-weight: bold;\n    }\n    h3 {\n      margin-top: 20px;\n      font-size: 16px;\n    }\n  `;\n\n  render() {\n    const activeItem = this.computedContext?.testParts\n      .flatMap(testPart => testPart.sections.flatMap(section => section.items))\n      .find(item => item.active);\n\n    if (!activeItem || !activeItem.variables) return html``;\n\n    const responseVariables: ResponseVariable[] = activeItem.variables.filter(v => v.type === 'response');\n    const outcomeVariables = activeItem.variables.filter(v => v.type === 'outcome');\n\n    const renderTable = (variables: ResponseVariable[], title: string) => html`\n      <h3>${title}</h3>\n      <table>\n        <thead>\n          <tr>\n            <th>Identifier</th>\n            <th>Value</th>\n            <th>Cardinality</th>\n            <th>Base Type</th>\n            <th>Correct Response / Mappings</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${variables.map(v => {\n            const correctResponse = v.correctResponse\n              ? Array.isArray(v.correctResponse)\n                ? v.correctResponse.join(', ')\n                : v.correctResponse\n              : '';\n\n            const mapEntries = v.mapping?.mapEntries?.map(m => `${m.mapKey}=${m.mappedValue}pt`).join(', ') || '';\n\n            const areaMapEntries =\n              v.areaMapping?.areaMapEntries?.map(m => `${m.shape}(${m.coords})=${m.mappedValue}pt`).join(', ') || '';\n\n            return html`\n              <tr>\n                <td>${v.identifier}</td>\n                <td>${Array.isArray(v.value) ? v.value.join(', ') : v.value}</td>\n                <td>${v.cardinality}</td>\n                <td>${v.baseType}</td>\n                <td>${correctResponse || mapEntries || areaMapEntries}</td>\n              </tr>\n            `;\n          })}\n        </tbody>\n      </table>\n    `;\n\n    return html`\n      ${renderTable(responseVariables, 'Response Variables')} ${renderTable(outcomeVariables, 'Outcome Variables')}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-print-item-variables': TestPrintVariables;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,KAAK,kBAAkB;AACtC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAQvB,IAAM,qBAAN,cAAiC,WAAW;AAAA,EA2BjD,SAAS;AACP,UAAM,aAAa,KAAK,iBAAiB,UACtC,QAAQ,cAAY,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK,CAAC,EACvE,KAAK,UAAQ,KAAK,MAAM;AAE3B,QAAI,CAAC,cAAc,CAAC,WAAW,UAAW,QAAO;AAEjD,UAAM,oBAAwC,WAAW,UAAU,OAAO,OAAK,EAAE,SAAS,UAAU;AACpG,UAAM,mBAAmB,WAAW,UAAU,OAAO,OAAK,EAAE,SAAS,SAAS;AAE9E,UAAM,cAAc,CAAC,WAA+B,UAAkB;AAAA,YAC9D,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAYL,UAAU,IAAI,OAAK;AACnB,YAAM,kBAAkB,EAAE,kBACtB,MAAM,QAAQ,EAAE,eAAe,IAC7B,EAAE,gBAAgB,KAAK,IAAI,IAC3B,EAAE,kBACJ;AAEJ,YAAM,aAAa,EAAE,SAAS,YAAY,IAAI,OAAK,GAAG,EAAE,MAAM,IAAI,EAAE,WAAW,IAAI,EAAE,KAAK,IAAI,KAAK;AAEnG,YAAM,iBACJ,EAAE,aAAa,gBAAgB,IAAI,OAAK,GAAG,EAAE,KAAK,IAAI,EAAE,MAAM,KAAK,EAAE,WAAW,IAAI,EAAE,KAAK,IAAI,KAAK;AAEtG,aAAO;AAAA;AAAA,sBAEG,EAAE,UAAU;AAAA,sBACZ,MAAM,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,KAAK,IAAI,IAAI,EAAE,KAAK;AAAA,sBACrD,EAAE,WAAW;AAAA,sBACb,EAAE,QAAQ;AAAA,sBACV,mBAAmB,cAAc,cAAc;AAAA;AAAA;AAAA,IAG3D,CAAC,CAAC;AAAA;AAAA;AAAA;AAKR,WAAO;AAAA,QACH,YAAY,mBAAmB,oBAAoB,CAAC,IAAI,YAAY,kBAAkB,mBAAmB,CAAC;AAAA;AAAA,EAEhH;AACF;AAhFa,mBAIJ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAFT;AAAA,EADN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,mBAEJ;AAFI,qBAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;","names":[]}

package/dist/chunks/chunk-QVPOOZ5O.js

@@ -0,0 +1,64 @@
+import {
+  sessionContext
+} from "./chunk-22IRJWWY.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-scoring-toggle.ts
+import { consume } from "@lit/context";
+import { html, LitElement, nothing } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+var TestViewToggle = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.viewOptions = ["candidate", "scorer", ""];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  firstUpdated(_changedProperties) {
+    this.addEventListener("click", () => {
+      if (this.sessionContext?.view === "scorer") {
+        this._switchView("candidate");
+      } else {
+        this._switchView("scorer");
+      }
+    });
+  }
+  render() {
+    return html`${this.myTemplate ? this.myTemplate({
+      view: this.sessionContext?.view
+    }) : nothing}`;
+  }
+};
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestViewToggle.prototype, "sessionContext", 2);
+TestViewToggle = __decorateClass([
+  customElement("test-view-toggle")
+], TestViewToggle);
+
+export {
+  TestViewToggle
+};
+//# sourceMappingURL=chunk-QVPOOZ5O.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-scoring-toggle.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\n\nimport { sessionContext } from '../../exports/session.context';\n\nimport type { PropertyValues } from 'lit';\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-view-toggle')\nexport class TestViewToggle extends LitElement {\n  myTemplate: any;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\n\n  viewOptions = ['candidate', 'scorer', ''];\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  _switchView(view: string) {\n    this.dispatchEvent(\n      new CustomEvent('on-test-switch-view', {\n        composed: true,\n        bubbles: true,\n        detail: view\n      })\n    );\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.addEventListener('click', () => {\n      if (this.sessionContext?.view === 'scorer') {\n        this._switchView('candidate');\n      } else {\n        this._switchView('scorer');\n      }\n    });\n  }\n\n  render() {\n    return html`${this.myTemplate\n      ? this.myTemplate({\n          view: this.sessionContext?.view\n        })\n      : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view-toggle': TestViewToggle;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAQzB,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC;AAAA;AAUL,uBAAc,CAAC,aAAa,UAAU,EAAE;AAAA;AAAA,EAP9B,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAOA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,YAAY,MAAc;AACxB,SAAK;AAAA,MACH,IAAI,YAAY,uBAAuB;AAAA,QACrC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEU,aAAa,oBAA0C;AAC/D,SAAK,iBAAiB,SAAS,MAAM;AACnC,UAAI,KAAK,gBAAgB,SAAS,UAAU;AAC1C,aAAK,YAAY,WAAW;AAAA,MAC9B,OAAO;AACL,aAAK,YAAY,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAO,OAAO,KAAK,aACf,KAAK,WAAW;AAAA,MACd,MAAM,KAAK,gBAAgB;AAAA,IAC7B,CAAC,IACD,OAAO;AAAA,EACb;AACF;AAzCU;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAP1C,eAQH;AARG,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;","names":[]}

package/dist/chunks/chunk-QXKGZ752.js

@@ -0,0 +1,43 @@
+import {
+  computedContext
+} from "./chunk-HAP4ICAJ.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-section-buttons-stamp.ts
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestSectionButtonsStamp = class extends LitElement {
+  createRenderRoot() {
+    return this;
+  }
+  constructor() {
+    super();
+    this._internals = this.attachInternals();
+    this._internals.ariaLabel = "pagination";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  render() {
+    if (!this.computedContext) return html``;
+    const sections = this.computedContext.testParts.flatMap((testPart) => testPart.sections);
+    return html` ${sections.map((item) => this.myTemplate({ item }))} `;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestSectionButtonsStamp.prototype, "computedContext", 2);
+TestSectionButtonsStamp = __decorateClass([
+  customElement("test-section-buttons-stamp")
+], TestSectionButtonsStamp);
+
+export {
+  TestSectionButtonsStamp
+};
+//# sourceMappingURL=chunk-QXKGZ752.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-section-buttons-stamp.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-section-buttons-stamp')\nexport class TestSectionButtonsStamp extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  myTemplate: TemplateFunction;\n  private _internals: ElementInternals;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  render() {\n    if (!this.computedContext) return html``;\n    const sections = this.computedContext.testParts.flatMap(testPart => testPart.sections);\n\n    return html` ${sections.map(item => this.myTemplate({ item }))} `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-section-buttons-stamp': TestSectionButtonsStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAO5C,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,gBAAiB,QAAO;AAClC,UAAM,WAAW,KAAK,gBAAgB,UAAU,QAAQ,cAAY,SAAS,QAAQ;AAErF,WAAO,QAAQ,SAAS,IAAI,UAAQ,KAAK,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAAA,EAChE;AACF;AA3BU;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,wBAEH;AAFG,0BAAN;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B;","names":[]}

package/dist/chunks/chunk-QZ4TYR6G.js

@@ -0,0 +1,43 @@
+import {
+  computedContext
+} from "./chunk-NY5T6G3K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-section-buttons-stamp.ts
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestSectionButtonsStamp = class extends LitElement {
+  createRenderRoot() {
+    return this;
+  }
+  constructor() {
+    super();
+    this._internals = this.attachInternals();
+    this._internals.ariaLabel = "pagination";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  render() {
+    if (!this.computedContext) return html``;
+    const sections = this.computedContext.testParts.flatMap((testPart) => testPart.sections);
+    return html` ${sections.map((item) => this.myTemplate({ item }))} `;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestSectionButtonsStamp.prototype, "computedContext", 2);
+TestSectionButtonsStamp = __decorateClass([
+  customElement("test-section-buttons-stamp")
+], TestSectionButtonsStamp);
+
+export {
+  TestSectionButtonsStamp
+};
+//# sourceMappingURL=chunk-QZ4TYR6G.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-section-buttons-stamp.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-section-buttons-stamp')\nexport class TestSectionButtonsStamp extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  myTemplate: TemplateFunction;\n  private _internals: ElementInternals;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  render() {\n    if (!this.computedContext) return html``;\n    const sections = this.computedContext.testParts.flatMap(testPart => testPart.sections);\n\n    return html` ${sections.map(item => this.myTemplate({ item }))} `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-section-buttons-stamp': TestSectionButtonsStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAO5C,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,gBAAiB,QAAO;AAClC,UAAM,WAAW,KAAK,gBAAgB,UAAU,QAAQ,cAAY,SAAS,QAAQ;AAErF,WAAO,QAAQ,SAAS,IAAI,UAAQ,KAAK,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAAA,EAChE;AACF;AA3BU;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,wBAEH;AAFG,0BAAN;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B;","names":[]}

package/dist/chunks/chunk-R5EYCFY4.js

@@ -0,0 +1,91 @@
+import {
+  btn,
+  dis
+} from "./chunk-5ZHHNEDA.js";
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-next.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestNext = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = true;
+    this._internals = this.attachInternals();
+    this._internals.role = "button";
+    this._internals.ariaLabel = "Next item";
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this.disabled) this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
+    });
+  }
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue) {
+      this.disabled = false;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.checkDisabled();
+  }
+  willUpdate(_changedProperties) {
+    if (!this.computedContext) return;
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    if (!testPart) return;
+    this.sectionItems = testPart.sections.flatMap((section) => section.items);
+    this.itemIndex = this.sectionItems.findIndex((item) => item.active);
+    this.checkDisabled();
+  }
+  checkDisabled() {
+    this.disabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-navigation", {
+        composed: true,
+        bubbles: true,
+        detail: {
+          type: "item",
+          id: identifier
+        }
+      })
+    );
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestNext.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean })
+], TestNext.prototype, "disabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestNext.prototype, "computedContext", 2);
+__decorateClass([
+  watch("computedContext")
+], TestNext.prototype, "_handleTestElementChange", 1);
+TestNext = __decorateClass([
+  customElement("test-next")
+], TestNext);
+
+export {
+  TestNext
+};
+//# sourceMappingURL=chunk-R5EYCFY4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-next.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { watch } from '../../decorators';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext, ComputedItem } from '../../exports/computed.context';\n\n/**\n * Represents a custom element for navigating to the next test item.\n *\n * @remarks\n * This element provides functionality for navigating to the next test item.\n *\n * @example\n * ```html\n * <test-next></test-next>\n * ```\n */\n@customElement('test-next')\nexport class TestNext extends LitElement {\n  @property({ type: Boolean })\n  public disabled = true;\n\n  @consume({ context: computedContext, subscribe: true })\n  protected computedContext: ComputedContext;\n\n  sectionItems: ComputedItem[];\n  itemIndex: number;\n\n  @watch('computedContext')\n  _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {\n    if (newValue) {\n      this.disabled = false;\n    }\n  }\n\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n\n    this._internals = this.attachInternals();\n    this._internals.role = 'button';\n    this._internals.ariaLabel = 'Next item';\n\n    this.addEventListener('click', e => {\n      e.preventDefault();\n      if (!this.disabled) this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);\n    });\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.checkDisabled();\n  }\n\n  willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n    if (!this.computedContext) return;\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    if (!testPart) return;\n    this.sectionItems = testPart.sections.flatMap(section => section.items);\n    this.itemIndex = this.sectionItems.findIndex(item => item.active);\n    this.checkDisabled();\n  }\n\n  checkDisabled() {\n    this.disabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;\n  }\n\n  protected _requestItem(identifier: string): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-request-navigation', {\n        composed: true,\n        bubbles: true,\n        detail: {\n          type: 'item',\n          id: identifier\n        }\n      })\n    );\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-next': TestNext;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EA2BvC,cAAc;AACZ,UAAM;AA1BR,SAAO,WAAW;AA4BhB,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,aAAa,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACxF,CAAC;AAAA,EACH;AAAA,EA3BA,yBAAyB,WAA4B,UAA2B;AAC9E,QAAI,UAAU;AACZ,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAyBA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,WAAW,oBAA4D;AACrE,QAAI,CAAC,KAAK,gBAAiB;AAC3B,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,QAAI,CAAC,SAAU;AACf,SAAK,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACtE,SAAK,YAAY,KAAK,aAAa,UAAU,UAAQ,KAAK,MAAM;AAChE,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,gBAAgB;AACd,SAAK,WAAW,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAAA,EAC/G;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,0BAA0B;AAAA,QACxC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,IAAI;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA1Ea,SAiBJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AApBT;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GADhB,SAEJ;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAJ3C,SAKD;AAMV;AAAA,EADC,MAAM,iBAAiB;AAAA,GAVb,SAWX;AAXW,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}