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

package/dist/{chunks/chunk-AAQCM2FP.js → chunk-FNFNAV3G.js}

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/qti-assessment-test/qti-test-part.ts
 import { html, LitElement } from "lit";
@@ -53,4 +53,4 @@ if (!customElements.get("qti-test-part")) {
 export {
   QtiTestPart
 };
-//# sourceMappingURL=chunk-AAQCM2FP.js.map
+//# sourceMappingURL=chunk-FNFNAV3G.js.map

package/dist/chunk-FNFNAV3G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/qti-assessment-test/qti-test-part.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n@customElement('qti-test-part')\nexport class QtiTestPart extends LitElement {\n  @property({ type: String }) identifier: string = '';\n  @property({ type: String }) title: string = '';\n  @property({ type: String }) class: string = '';\n\n  @property({ type: String, attribute: 'navigation-mode' })\n  NavigationMode: 'linear' | 'nonlinear' = 'nonlinear';\n\n  @property({ type: String, attribute: 'submission-mode' })\n  submissionMode: 'individual' | 'simultaneous' = 'individual';\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new Event('qti-test-part-connected', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot>`;\n  }\n}\n\nif (!customElements.get('qti-test-part')) {\n  customElements.define('qti-test-part', QtiTestPart);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-test-part': QtiTestPart;\n  }\n}\n"],"mappings":";;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,gBAAgB;AAEjC,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC;AAAA;AACuB,sBAAqB;AACrB,iBAAgB;AAChB,iBAAgB;AAG5C,0BAAyC;AAGzC,0BAAgD;AAAA;AAAA,EAEhD,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,MAAM,2BAA2B;AAAA,QACnC,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAxB8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,YACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,YAEiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAHf,YAGiB;AAG5B;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,kBAAkB,CAAC;AAAA,GAL7C,YAMX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,kBAAkB,CAAC;AAAA,GAR7C,YASX;AATW,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;AA2Bb,IAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,iBAAe,OAAO,iBAAiB,WAAW;AACpD;","names":[]}

package/dist/chunk-GSFDTSLL.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-GSFDTSLL.js.map

package/dist/{chunks/chunk-3ROZMGAN.js → chunk-GTYLWGDG.js}

@@ -1,13 +1,13 @@
 import {
   btn,
   dis
-} from "./chunk-4O5F7WV7.js";
+} from "./chunk-UB5K44DB.js";
 import {
   TestComponent
-} from "./chunk-LKINC6JO.js";
+} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/components/test-item-link.ts
 import { css, html } from "lit";
@@ -40,4 +40,4 @@ TestItemLink = __decorateClass([
 export {
   TestItemLink
 };
-//# sourceMappingURL=chunk-3ROZMGAN.js.map
+//# sourceMappingURL=chunk-GTYLWGDG.js.map

package/dist/chunk-GTYLWGDG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-item-link.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport * as styles from './styles';\n\n@customElement('test-item-link')\nexport class TestItemLink extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @property({ type: String, attribute: 'item-id' })\n  private itemId: string = null;\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._requestItem(this.itemId));\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-item-link': TestItemLink;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAC1B,SAAS,eAAe,gBAAgB;AAKjC,IAAM,eAAN,cAA2B,cAAc;AAAA,EAa9C,cAAc;AACZ,UAAM;AAHR,SAAQ,SAAiB;AAIvB,SAAK,iBAAiB,SAAS,MAAM,KAAK,aAAa,KAAK,MAAM,CAAC;AAAA,EACrE;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AArBa,aACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAKR;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,UAAU,CAAC;AAAA,GAVrC,aAWH;AAXG,eAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;","names":[]}

package/dist/{chunks/chunk-XPDS72XY.js → chunk-IAFQ5ZPI.js}

@@ -2,7 +2,7 @@ import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
-} from "./chunk-XDMSEAYC.js";
+} from "./chunk-2OA7E3E7.js";
 
 // src/lib/qti-loader/qti-loader.ts
 var getManifestInfo = async (manifestURL) => {
@@ -26,4 +26,4 @@ export {
   getManifestInfo,
   getItemByUri
 };
-//# sourceMappingURL=chunk-XPDS72XY.js.map
+//# sourceMappingURL=chunk-IAFQ5ZPI.js.map

package/dist/chunk-IAFQ5ZPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-loader/qti-loader.ts"],"sourcesContent":["import { QtiAssessmentItem } from '../qti-components';\nimport { qtiTransformItem, qtiTransformTest } from '../qti-transformers';\nimport { qtiTransformManifest } from '../qti-transformers/qti-transform-manifest';\n\nexport type ManifestInfo = {\n  testIdentifier: string;\n  testHTMLDoc: DocumentFragment;\n  testURI: string;\n  testURL: string;\n  items: {\n    identifier: string;\n    href: string;\n    category: string;\n  }[];\n};\n\n// Utility function to ensure package URIs end with a '/'\n// const normalizeUri = (uri: string) => (uri.endsWith('/') ? uri : `${uri}/`);\n\n// Fetches assessment data from the manifest\nexport const getManifestInfo = async (manifestURL: string): Promise<ManifestInfo> => {\n  const baseURI = manifestURL.substring(0, manifestURL.lastIndexOf('/'));\n\n  const test = await qtiTransformManifest()\n    .load(`${manifestURL}`)\n    .then(api => api.assessmentTest());\n\n  const testHTMLDoc = await qtiTransformTest()\n    .load(`${baseURI}/${test.href}`)\n    .then(api => api.htmlDoc());\n\n  const items = await qtiTransformTest()\n    .load(`${baseURI}/${test.href}`)\n    .then(api => api.items());\n\n  const testURL = `${baseURI}/${test.href}`;\n  const testURI = `${baseURI}/${test.href.substring(0, test.href.lastIndexOf('/'))}`;\n\n  return {\n    testHTMLDoc,\n    testURI,\n    testURL,\n    items,\n    testIdentifier: test.identifier\n  };\n};\n\n// Fetches a single item by URI\nexport const getItemByUri = async (itemUri: string): Promise<QtiAssessmentItem> =>\n  qtiTransformItem()\n    .load(itemUri)\n    .then(api => api.htmlDoc().firstElementChild as QtiAssessmentItem);\n"],"mappings":";;;;;;;AAoBO,IAAM,kBAAkB,OAAO,gBAA+C;AACnF,QAAM,UAAU,YAAY,UAAU,GAAG,YAAY,YAAY,GAAG,CAAC;AAErE,QAAM,OAAO,MAAM,qBAAqB,EACrC,KAAK,GAAG,WAAW,EAAE,EACrB,KAAK,SAAO,IAAI,eAAe,CAAC;AAEnC,QAAM,cAAc,MAAM,iBAAiB,EACxC,KAAK,GAAG,OAAO,IAAI,KAAK,IAAI,EAAE,EAC9B,KAAK,SAAO,IAAI,QAAQ,CAAC;AAE5B,QAAM,QAAQ,MAAM,iBAAiB,EAClC,KAAK,GAAG,OAAO,IAAI,KAAK,IAAI,EAAE,EAC9B,KAAK,SAAO,IAAI,MAAM,CAAC;AAE1B,QAAM,UAAU,GAAG,OAAO,IAAI,KAAK,IAAI;AACvC,QAAM,UAAU,GAAG,OAAO,IAAI,KAAK,KAAK,UAAU,GAAG,KAAK,KAAK,YAAY,GAAG,CAAC,CAAC;AAEhF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,KAAK;AAAA,EACvB;AACF;AAGO,IAAM,eAAe,OAAO,YACjC,iBAAiB,EACd,KAAK,OAAO,EACZ,KAAK,SAAO,IAAI,QAAQ,EAAE,iBAAsC;","names":[]}

package/dist/{chunks/chunk-ZEFOMZNY.js → chunk-JDHBXMKF.js}

@@ -1,9 +1,9 @@
 import {
   TestComponent
-} from "./chunk-LKINC6JO.js";
+} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/components/test-paging-buttons-stamp.ts
 import { html } from "lit";
@@ -75,4 +75,4 @@ TestPagingButtonsStamp = __decorateClass([
 export {
   TestPagingButtonsStamp
 };
-//# sourceMappingURL=chunk-ZEFOMZNY.js.map
+//# sourceMappingURL=chunk-JDHBXMKF.js.map

package/dist/chunk-JDHBXMKF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-paging-buttons-stamp.ts"],"sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { TestComponent } from './test-component.abstract';\nimport { prepareTemplate } from 'stampino';\n\n@customElement('test-paging-buttons-stamp')\nexport class TestPagingButtonsStamp extends TestComponent {\n  @property({ type: Number, attribute: 'max-displayed-items' })\n  private maxDisplayedItems = 2;\n\n  @property({ type: String, attribute: 'skip-on-category' })\n  private skipOnCategory = 'dep-informational';\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  render() {\n    const items = this._testContext.items.reduce(\n      (acc, item) => {\n        const isDepInfoItem = item.category?.split(' ').includes(this.skipOnCategory);\n        const newIndex = isDepInfoItem ? 'i' : acc.counter++;\n        acc.result.push({\n          ...item,\n          newIndex // Assign the new index, which only increments for non-info items\n        });\n        return acc;\n      },\n      { counter: 0, result: [] }\n    ).result;\n\n    // Get the index of the current item\n    const itemIndex = items.findIndex(item => item.identifier === this._testContext.navItemId);\n\n    // Calculate the start and end range based on maxDisplayedItems\n    const start = Math.max(0, itemIndex - this.maxDisplayedItems);\n    const end = Math.min(items.length, itemIndex + this.maxDisplayedItems + 1);\n\n    // console.log('start', start, 'end', end);\n    // Adjust the items array to only include the clamped range\n    const clampedItems = items.slice(start, end);\n\n    return html`\n      ${clampedItems.map(item => {\n        const rawscore = item.variables.find(vr => vr.identifier == 'SCORE');\n        const score = parseInt(rawscore?.value?.toString());\n        const completionStatus = item.variables.find(v => v.identifier === 'completionStatus')?.value;\n        const type = item.category !== this.skipOnCategory ? 'regular' : 'info'; // rounded-full\n        const active = this._testContext.navItemId === item.identifier; // !border-sky-600\n        const correct =\n          this._testContext.view === 'scorer' && type == 'regular' && score !== undefined && !isNaN(score) && score > 0; // bg-green-100 border-green-400\n        const incorrect =\n          this._testContext.view === 'scorer' &&\n          type == 'regular' &&\n          score !== undefined &&\n          !isNaN(score) &&\n          score <= 0; // bg-red-100 border-red-400\n        const answered =\n          this._testContext.view === 'candidate' &&\n          completionStatus === 'completed' &&\n          item.category !== this.skipOnCategory; // bg-slate-300 shadow-sm\n\n        const computedItem = {\n          ...item,\n          type,\n          active,\n          correct,\n          incorrect,\n          answered\n        };\n\n        const templateElement = this.firstElementChild as HTMLTemplateElement;\n        const myTemplate = prepareTemplate(templateElement);\n        return myTemplate({ item: computedItem });\n      })}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-paging-buttons-stamp': TestPagingButtonsStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,eAAe,gBAAgB;AAGxC,SAAS,uBAAuB;AAGzB,IAAM,yBAAN,cAAqC,cAAc;AAAA,EAWxD,cAAc;AACZ,UAAM;AAVR,SAAQ,oBAAoB;AAG5B,SAAQ,iBAAiB;AAQvB,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAPU,mBAAmB;AAC3B,WAAO;AAAA,EACT;AAAA,EAOA,SAAS;AACP,UAAM,QAAQ,KAAK,aAAa,MAAM;AAAA,MACpC,CAAC,KAAK,SAAS;AACb,cAAM,gBAAgB,KAAK,UAAU,MAAM,GAAG,EAAE,SAAS,KAAK,cAAc;AAC5E,cAAM,WAAW,gBAAgB,MAAM,IAAI;AAC3C,YAAI,OAAO,KAAK;AAAA,UACd,GAAG;AAAA,UACH;AAAA;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT;AAAA,MACA,EAAE,SAAS,GAAG,QAAQ,CAAC,EAAE;AAAA,IAC3B,EAAE;AAGF,UAAM,YAAY,MAAM,UAAU,UAAQ,KAAK,eAAe,KAAK,aAAa,SAAS;AAGzF,UAAM,QAAQ,KAAK,IAAI,GAAG,YAAY,KAAK,iBAAiB;AAC5D,UAAM,MAAM,KAAK,IAAI,MAAM,QAAQ,YAAY,KAAK,oBAAoB,CAAC;AAIzE,UAAM,eAAe,MAAM,MAAM,OAAO,GAAG;AAE3C,WAAO;AAAA,QACH,aAAa,IAAI,UAAQ;AACzB,YAAM,WAAW,KAAK,UAAU,KAAK,QAAM,GAAG,cAAc,OAAO;AACnE,YAAM,QAAQ,SAAS,UAAU,OAAO,SAAS,CAAC;AAClD,YAAM,mBAAmB,KAAK,UAAU,KAAK,OAAK,EAAE,eAAe,kBAAkB,GAAG;AACxF,YAAM,OAAO,KAAK,aAAa,KAAK,iBAAiB,YAAY;AACjE,YAAM,SAAS,KAAK,aAAa,cAAc,KAAK;AACpD,YAAM,UACJ,KAAK,aAAa,SAAS,YAAY,QAAQ,aAAa,UAAU,UAAa,CAAC,MAAM,KAAK,KAAK,QAAQ;AAC9G,YAAM,YACJ,KAAK,aAAa,SAAS,YAC3B,QAAQ,aACR,UAAU,UACV,CAAC,MAAM,KAAK,KACZ,SAAS;AACX,YAAM,WACJ,KAAK,aAAa,SAAS,eAC3B,qBAAqB,eACrB,KAAK,aAAa,KAAK;AAEzB,YAAM,eAAe;AAAA,QACnB,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,YAAM,kBAAkB,KAAK;AAC7B,YAAM,aAAa,gBAAgB,eAAe;AAClD,aAAO,WAAW,EAAE,MAAM,aAAa,CAAC;AAAA,IAC1C,CAAC,CAAC;AAAA;AAAA,EAEN;AACF;AA1EU;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,sBAAsB,CAAC;AAAA,GADjD,uBAEH;AAGA;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,mBAAmB,CAAC;AAAA,GAJ9C,uBAKH;AALG,yBAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;","names":[]}

package/dist/{chunks/chunk-PUBGXXTM.js → chunk-L7MBIXEX.js}

@@ -1,13 +1,13 @@
 import {
   btn,
   dis
-} from "./chunk-4O5F7WV7.js";
+} from "./chunk-UB5K44DB.js";
 import {
   TestComponent
-} from "./chunk-LKINC6JO.js";
+} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/components/test-next.ts
 import { css, html } from "lit";
@@ -47,4 +47,4 @@ TestNext = __decorateClass([
 export {
   TestNext
 };
-//# sourceMappingURL=chunk-PUBGXXTM.js.map
+//# sourceMappingURL=chunk-L7MBIXEX.js.map

package/dist/chunk-L7MBIXEX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-next.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport * as styles from './styles';\nimport { TestComponent } from './test-component.abstract';\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 TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  constructor() {\n    super();\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.items[this.itemIndex + 1].identifier);\n    });\n  }\n\n  willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('_testContext')) {\n      this.disabled = !this._testElement?.el || this.itemIndex < 0 || this.itemIndex >= this.items.length - 1;\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,YAAY;AAC1B,SAAS,qBAAqB;AAgBvB,IAAM,WAAN,cAAuB,cAAc;AAAA,EAU1C,cAAc;AACZ,UAAM;AACN,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,MAAM,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACjF,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,mBAA2D;AACpE,UAAM,WAAW,iBAAiB;AAClC,QAAI,kBAAkB,IAAI,cAAc,GAAG;AACzC,WAAK,WAAW,CAAC,KAAK,cAAc,MAAM,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,MAAM,SAAS;AAAA,IACxG;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA/Ba,SACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}

package/dist/chunk-LYFMLDNV.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-LYFMLDNV.js.map

package/dist/chunk-NNPTSZGC.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-NNPTSZGC.js.map

package/dist/chunk-NQM35JUI.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-NQM35JUI.js.map

package/dist/{chunks/chunk-NDJZGJUR.js → chunk-ODUHPWTX.js}

@@ -62,4 +62,4 @@ var TestNavigationMixin = (superClass) => {
 export {
   TestNavigationMixin
 };
-//# sourceMappingURL=chunk-NDJZGJUR.js.map
+//# sourceMappingURL=chunk-ODUHPWTX.js.map

package/dist/chunk-ODUHPWTX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/mixins/test-navigation.mixin.ts"],"sourcesContent":["import { QtiAssessmentItemRef } from '../qti-assessment-test';\nimport { TestBase } from '../test-base';\n\ndeclare module '../context/test.context' {\n  interface TestContext {\n    navPartId?: string | null;\n    navSectionId?: string | null;\n    navItemId?: string | null;\n    navItemLoading?: boolean;\n    navTestLoading?: boolean;\n  }\n}\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestNavigationInterface {}\nexport const TestNavigationMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestNavigationClass extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n\n      // this.addEventListener('qti-request-test-part', (e: CustomEvent) => {\n      //   this._clearLoadedItems();\n      // });\n\n      // Load all items of a section\n      // this.addEventListener('qti-request-test-section', ({ detail: navSectionId }: CustomEvent<string>) => {\n      //   this._clearLoadedItems();\n\n      //   const sectionRefEl = this.testElement.el.querySelector<QtiAssessmentItemRef>(\n      //     `qti-assessment-section[identifier=\"${navSectionId}\"]`\n      //   );\n\n      //   const itemRefEls = this.testElement.el.querySelectorAll(\n      //     `qti-assessment-section[identifier=\"${navSectionId}\"] > qti-assessment-item-ref`\n      //   );\n\n      //   const navPartId = sectionRefEl.closest('qti-test-part').identifier;\n\n      //   this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId: null };\n\n      //   const items = Array.from(itemRefEls).map((itemRef: QtiAssessmentItemRef) => {\n      //     return { identifier: itemRef.identifier, href: itemRef.href, element: itemRef };\n      //   });\n\n      //   const promises = items.map((item, index) => {\n      //     return new Promise((resolve, reject) => {\n      //       return this._loadItemRequest(item.href, false)\n      //         .then(doc => (item.element.xmlDoc = doc))\n      //         .then(() => resolve(item))\n      //         .catch(error => console.error('Failed to load item:', error));\n      //     });\n      //   });\n\n      //   Promise.all(promises)\n      //     .then(results => {\n      //       requestAnimationFrame(() =>\n      //         this.dispatchEvent(new CustomEvent('qti-test-connected', { detail: results, bubbles: true, composed: true }))\n      //       );\n      //     })\n      //     .catch(error => console.error('One or more promises failed:', error));\n      // });\n\n      // load an item\n      this.addEventListener('qti-request-test-item', ({ detail: navItemId }: CustomEvent<string>) => {\n        if (!navItemId) return;\n        this._clearLoadedItems();\n\n        const itemRefEl = this.testElement.el.querySelector<QtiAssessmentItemRef>(\n          `qti-assessment-item-ref[identifier=\"${navItemId}\"]`\n        );\n\n        const promise = this._loadItemRequest(itemRefEl.href, false);\n\n        const navPartId = itemRefEl.closest('qti-test-part').identifier;\n        const navSectionId = itemRefEl.closest('qti-assessment-section').identifier;\n        this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId, navItemLoading: true };\n\n        if (promise) {\n          promise\n            .then(doc => {\n              itemRefEl.xmlDoc = doc;\n              requestAnimationFrame(() =>\n                this.dispatchEvent(new CustomEvent('qti-item-connected', { bubbles: true, composed: true }))\n              );\n              this._testContext = { ...this._testContext, navItemLoading: false };\n            })\n            .catch(error => console.error('Failed to load item:', error));\n        } else {\n          console.info('Load item request was not handled:', itemRefEl.href);\n        }\n      });\n\n      this.addEventListener('qti-assessment-test-connected', () => {\n        let navItemId = this._testContext.navItemId;\n        if (!navItemId) {\n          const itemRefEl = this.testElement.el.querySelector<QtiAssessmentItemRef>('qti-assessment-item-ref');\n          navItemId = itemRefEl.identifier;\n        }\n        this.dispatchEvent(\n          new CustomEvent('qti-request-test-item', { detail: navItemId, bubbles: true, composed: true })\n        );\n      });\n    }\n\n    private _clearLoadedItems(): void {\n      const itemRefEls = this.testElement.el.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);\n      Array.from(itemRefEls).forEach((itemElement: QtiAssessmentItemRef) => {\n        itemElement.xmlDoc = null;\n      });\n    }\n\n    private _loadItemRequest(href: string, cancelPreviousRequest: boolean = true): Promise<DocumentFragment> {\n      const event = new CustomEvent('qti-load-item-request', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          href: href,\n          promise: null,\n          cancelPreviousRequest\n        }\n      });\n      this.dispatchEvent(event);\n\n      return event.detail.promise;\n    }\n  }\n\n  return TestNavigationClass as Constructor<TestNavigationInterface> & T;\n};\n"],"mappings":";AAgBO,IAAM,sBAAsB,CAAkC,eAAkB;AAAA,EACrF,MAAe,4BAA4B,WAAW;AAAA,IACpD,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AA6Cb,WAAK,iBAAiB,yBAAyB,CAAC,EAAE,QAAQ,UAAU,MAA2B;AAC7F,YAAI,CAAC,UAAW;AAChB,aAAK,kBAAkB;AAEvB,cAAM,YAAY,KAAK,YAAY,GAAG;AAAA,UACpC,uCAAuC,SAAS;AAAA,QAClD;AAEA,cAAM,UAAU,KAAK,iBAAiB,UAAU,MAAM,KAAK;AAE3D,cAAM,YAAY,UAAU,QAAQ,eAAe,EAAE;AACrD,cAAM,eAAe,UAAU,QAAQ,wBAAwB,EAAE;AACjE,aAAK,eAAe,EAAE,GAAG,KAAK,cAAc,WAAW,cAAc,WAAW,gBAAgB,KAAK;AAErG,YAAI,SAAS;AACX,kBACG,KAAK,SAAO;AACX,sBAAU,SAAS;AACnB;AAAA,cAAsB,MACpB,KAAK,cAAc,IAAI,YAAY,sBAAsB,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AAAA,YAC7F;AACA,iBAAK,eAAe,EAAE,GAAG,KAAK,cAAc,gBAAgB,MAAM;AAAA,UACpE,CAAC,EACA,MAAM,WAAS,QAAQ,MAAM,wBAAwB,KAAK,CAAC;AAAA,QAChE,OAAO;AACL,kBAAQ,KAAK,sCAAsC,UAAU,IAAI;AAAA,QACnE;AAAA,MACF,CAAC;AAED,WAAK,iBAAiB,iCAAiC,MAAM;AAC3D,YAAI,YAAY,KAAK,aAAa;AAClC,YAAI,CAAC,WAAW;AACd,gBAAM,YAAY,KAAK,YAAY,GAAG,cAAoC,yBAAyB;AACnG,sBAAY,UAAU;AAAA,QACxB;AACA,aAAK;AAAA,UACH,IAAI,YAAY,yBAAyB,EAAE,QAAQ,WAAW,SAAS,MAAM,UAAU,KAAK,CAAC;AAAA,QAC/F;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEQ,oBAA0B;AAChC,YAAM,aAAa,KAAK,YAAY,GAAG,iBAAiB,6CAA6C;AACrG,YAAM,KAAK,UAAU,EAAE,QAAQ,CAAC,gBAAsC;AACpE,oBAAY,SAAS;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,IAEQ,iBAAiB,MAAc,wBAAiC,MAAiC;AACvG,YAAM,QAAQ,IAAI,YAAY,yBAAyB;AAAA,QACrD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,UACN;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AACD,WAAK,cAAc,KAAK;AAExB,aAAO,MAAM,OAAO;AAAA,IACtB;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/{chunks/chunk-DJLE6EV2.js → chunk-OGHHCP23.js}

@@ -1,18 +1,18 @@
 import {
   TestLoaderMixin
-} from "./chunk-UCQFSRYF.js";
+} from "./chunk-VW7VIQBE.js";
 import {
   TestNavigationMixin
-} from "./chunk-NDJZGJUR.js";
+} from "./chunk-ODUHPWTX.js";
 import {
   TestViewMixin
-} from "./chunk-S6JJYCO7.js";
+} from "./chunk-U3RLYKL5.js";
 import {
   TestBase
-} from "./chunk-V4FXK4TP.js";
+} from "./chunk-PBSMP6VF.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/qti-test.ts
 import { html } from "lit";
@@ -33,4 +33,4 @@ QtiTest = __decorateClass([
 export {
   QtiTest
 };
-//# sourceMappingURL=chunk-DJLE6EV2.js.map
+//# sourceMappingURL=chunk-OGHHCP23.js.map

package/dist/chunk-OGHHCP23.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/qti-test.ts"],"sourcesContent":["import { html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { TestLoaderMixin, TestNavigationMixin, TestViewMixin } from './mixins';\nimport { TestBase } from './test-base';\n\n/**\n * `<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n *\n * This component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n *\n * ### Example Usage\n *\n * Minimal example including navigation:\n *\n * ```html\n * <qti-test>\n *   <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n *   <nav class=\"flex\">\n *      <test-prev></test-prev>\n *      <test-next></test-next>\n *   </nav>\n * </qti-test>\n * ```\n *\n * Use the following file structure\n * A qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.\n *\n * ```plaintext\n * Root/\n * ├── index.html\n * └── /assets/api/examples/\n *     ├── assessmenttest.xml\n *     └── imsmanifest.xml\n *\n * ```\n *\n * ### Test components\n *\n * Use test components inside the qti-test component for added functionality.\n * ### Test next\n * `<test-next> | TestNext`\n *\n * ### Test prev\n *\n * `<test-prev> | TestPrev`\n * ### Test components\n *\n * You can use normal class names to style the elements.\n * And you can use the `test-prev` and `test-next` elements to navigate through the test.\n *\n */\n@customElement('qti-test')\nexport class QtiTest extends TestLoaderMixin(TestNavigationMixin(TestViewMixin(TestBase))) {\n  /**\n   * Renders the component's template.\n   * Provides a default `<slot>` for content projection.\n   */\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-test': QtiTest;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAmDvB,IAAM,UAAN,cAAsB,gBAAgB,oBAAoB,cAAc,QAAQ,CAAC,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzF,SAAS;AACP,WAAO;AAAA,EACT;AACF;AARa,UAAN;AAAA,EADN,cAAc,UAAU;AAAA,GACZ;","names":[]}

package/dist/{chunks/chunk-QRCUNRP5.js → chunk-OQZW2B47.js}

@@ -1,9 +1,9 @@
 import {
   testContext
-} from "./chunk-XDFXD3BI.js";
+} from "./chunk-R4HSV7U7.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/qti-assessment-test/qti-assessment-item-ref.ts
 import { consume } from "@lit/context";
@@ -72,4 +72,4 @@ if (!customElements.get("qti-assessment-item-ref")) {
 export {
   QtiAssessmentItemRef
 };
-//# sourceMappingURL=chunk-QRCUNRP5.js.map
+//# sourceMappingURL=chunk-OQZW2B47.js.map

package/dist/chunk-OQZW2B47.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/qti-assessment-test/qti-assessment-item-ref.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { testContext, TestContext } from '../context';\nimport { QtiAssessmentItem } from '../../qti-components';\n\n// Converter function to interpret \"true\" and \"false\" as booleans\nconst stringToBooleanConverter = {\n  fromAttribute(value: string): boolean {\n    return value === 'true';\n  },\n  toAttribute(value: boolean): string {\n    return value ? 'true' : 'false';\n  }\n};\n\n// @customElement('qti-assessment-item-ref')\nexport class QtiAssessmentItemRef extends LitElement {\n  @property({ type: String }) category?: string;\n  @property({ type: String }) identifier?: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) required?: boolean;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) fixed?: boolean;\n  @property({ type: String }) href?: string;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  weigths: Map<string, number> = new Map();\n\n  @property({ type: Object, attribute: false })\n  xmlDoc!: DocumentFragment; // the XMLDocument\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  get assessmentItem(): QtiAssessmentItem | null {\n    return this.renderRoot?.querySelector('qti-assessment-item');\n  }\n\n  async connectedCallback(): Promise<void> {\n    // debugger;\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new CustomEvent('qti-assessment-item-ref-connected', {\n        bubbles: true,\n        composed: true,\n        detail: { identifier: this.identifier, href: this.href, category: this.category }\n      })\n    );\n  }\n\n  render() {\n    return html`${this.xmlDoc}`;\n  }\n}\n\nif (!customElements.get('qti-assessment-item-ref')) {\n  customElements.define('qti-assessment-item-ref', QtiAssessmentItemRef);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-item-ref': QtiAssessmentItemRef;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,gBAAgB;AAKzB,IAAM,2BAA2B;AAAA,EAC/B,cAAc,OAAwB;AACpC,WAAO,UAAU;AAAA,EACnB;AAAA,EACA,YAAY,OAAwB;AAClC,WAAO,QAAQ,SAAS;AAAA,EAC1B;AACF;AAGO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAA9C;AAAA;AAUL,mBAA+B,oBAAI,IAAI;AAAA;AAAA;AAAA,EAK7B,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,IAAI,iBAA2C;AAC7C,WAAO,KAAK,YAAY,cAAc,qBAAqB;AAAA,EAC7D;AAAA,EAEA,MAAM,oBAAmC;AAEvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,YAAY,qCAAqC;AAAA,QACnD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,YAAY,KAAK,YAAY,MAAM,KAAK,MAAM,UAAU,KAAK,SAAS;AAAA,MAClF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO,OAAO,KAAK,MAAM;AAAA,EAC3B;AACF;AAtC8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,qBACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,qBAEiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAHrD,qBAGuD;AACA;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAJrD,qBAIuD;AACtC;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GALf,qBAKiB;AAGrB;AAAA,EADN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAPvC,qBAQJ;AAKP;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,MAAM,CAAC;AAAA,GAZjC,qBAaX;AA4BF,IAAI,CAAC,eAAe,IAAI,yBAAyB,GAAG;AAClD,iBAAe,OAAO,2BAA2B,oBAAoB;AACvE;","names":[]}

package/dist/{chunks/chunk-MTMT2RMF.js → chunk-OXDOQVRL.js}

@@ -1,9 +1,9 @@
 import {
   testContext
-} from "./chunk-XDFXD3BI.js";
+} from "./chunk-R4HSV7U7.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/qti-assessment-test/qti-assessment-section.ts
 import { consume } from "@lit/context";
@@ -60,4 +60,4 @@ if (!customElements.get("qti-assessment-section")) {
 export {
   QtiAssessmentSection
 };
-//# sourceMappingURL=chunk-MTMT2RMF.js.map
+//# sourceMappingURL=chunk-OXDOQVRL.js.map

package/dist/chunk-OXDOQVRL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/qti-assessment-test/qti-assessment-section.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { testContext, TestContext } from '../context';\n\n// https://www.imsglobal.org/sites/default/files/spec/qti/v3/info/index.html#Root_AssessmentSection\n\nconst stringToBooleanConverter = {\n  fromAttribute(value: string): boolean {\n    return value === 'true';\n  },\n  toAttribute(value: boolean): string {\n    return value ? 'true' : 'false';\n  }\n};\n\nexport class QtiAssessmentSection extends LitElement {\n  @property({ type: String }) identifier: string;\n  @property({ type: String }) required: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) fixed: boolean;\n  @property({ type: String }) title: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) visible: boolean;\n  @property({ type: Boolean, converter: stringToBooleanConverter, attribute: 'keep-together' }) keepTogether: boolean;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new Event('qti-assessment-section-connected', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html`<slot name=\"qti-rubric-block\"></slot><slot></slot>`;\n  }\n}\n\nif (!customElements.get('qti-assessment-section')) {\n  customElements.define('qti-assessment-section', QtiAssessmentSection);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-section': QtiAssessmentSection;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,gBAAgB;AAKzB,IAAM,2BAA2B;AAAA,EAC/B,cAAc,OAAwB;AACpC,WAAO,UAAU;AAAA,EACnB;AAAA,EACA,YAAY,OAAwB;AAClC,WAAO,QAAQ,SAAS;AAAA,EAC1B;AACF;AAEO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAWnD,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,MAAM,oCAAoC;AAAA,QAC5C,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAxB8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,qBACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,qBAEiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAHrD,qBAGuD;AACtC;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAJf,qBAIiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GALrD,qBAKuD;AAC4B;AAAA,EAA7F,SAAS,EAAE,MAAM,SAAS,WAAW,0BAA0B,WAAW,gBAAgB,CAAC;AAAA,GANjF,qBAMmF;AAGvF;AAAA,EADN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GARvC,qBASJ;AAkBT,IAAI,CAAC,eAAe,IAAI,wBAAwB,GAAG;AACjD,iBAAe,OAAO,0BAA0B,oBAAoB;AACtE;","names":[]}

package/dist/{chunks/chunk-V4FXK4TP.js → chunk-PBSMP6VF.js}

@@ -1,10 +1,10 @@
 import {
   testContext,
   testElement
-} from "./chunk-XDFXD3BI.js";
+} from "./chunk-R4HSV7U7.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/test-base.ts
 import { provide } from "@lit/context";
@@ -125,4 +125,4 @@ __decorateClass([
 export {
   TestBase
 };
-//# sourceMappingURL=chunk-V4FXK4TP.js.map
+//# sourceMappingURL=chunk-PBSMP6VF.js.map

package/dist/chunk-PBSMP6VF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/test-base.ts"],"sourcesContent":["import { provide } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { TestContext, testContext, TestElement, testElement } from './context';\nimport { QtiAssessmentTest } from './qti-assessment-test';\nimport { ItemContext, QtiAssessmentItem, VariableValue } from '../qti-components';\n\nexport abstract class TestBase extends LitElement {\n  @state()\n  @provide({ context: testContext })\n  protected _testContext: Readonly<TestContext> = { items: [], testOutcomeVariables: [] };\n\n  @state()\n  @provide({ context: testElement })\n  protected testElement: TestElement = { el: null };\n\n  constructor() {\n    super();\n\n    this.addEventListener('qti-assessment-test-connected', (e: CustomEvent<QtiAssessmentTest>) => {\n      const qtiAssessmentTest = e.detail;\n\n      const items = Array.from(qtiAssessmentTest.querySelectorAll('qti-assessment-item-ref')).map(\n        (itemRef): ItemContext & { category: string } => ({\n          href: itemRef.href,\n          identifier: itemRef.identifier,\n          category: itemRef.category,\n          variables: [{ identifier: 'completionStatus', value: 'not_attempted', type: 'outcome' }]\n        })\n      );\n      this.testElement = { el: qtiAssessmentTest };\n      this._testContext = { ...this._testContext, items };\n    });\n    this.addEventListener('qti-assessment-item-connected', (e: CustomEvent<QtiAssessmentItem>) => {\n      this._updateItemInTestContext(e.detail);\n    });\n    this.addEventListener('qti-outcome-changed', e => {\n      const assessmentitem = e.composedPath()[0] as QtiAssessmentItem;\n      this._updateItemVariablesInTestContext(assessmentitem.identifier, assessmentitem.variables);\n    });\n\n    // this.addEventListener(\n    //   'qti-assessment-item-ref-connected',\n    //   (e: CustomEvent<{ href: string; identifier: string; category: string }> & { target: QtiAssessmentItemRef }) => {\n    //     this._addItemToTestContext(e);\n    //   }\n    // );\n  }\n\n  get context(): TestContext {\n    return this._testContext;\n  }\n\n  // /* restores the context by updating existing items and adding new items from the \"contextToRestore\" parameter into the \"this._context.items\" array. */\n  set context(testContext: TestContext) {\n    if (testContext === null || testContext === undefined) return;\n    this._testContext = { ...testContext }; // Clone the context to avoid modifying the original object\n    // // append the items that are not yet in the context and replace the ones that are\n    testContext.items?.forEach(itemContext => {\n      const existingItemContext = this._testContext.items.find(i => i.identifier === itemContext.identifier);\n      if (existingItemContext) {\n        existingItemContext.variables = itemContext.variables;\n      } else {\n        this._testContext.items.push(itemContext);\n      }\n    });\n  }\n\n  private _updateItemVariablesInTestContext(\n    identifier: string,\n    variables: VariableValue<string | string[] | null>[]\n  ): void {\n    // Update the test context with modified variables for the specified item\n    this._testContext = {\n      ...this._testContext, // Spread existing test context properties\n      items: this._testContext.items.map(itemContext => {\n        // If the item identifier doesn't match, keep it unchanged\n        if (itemContext.identifier !== identifier) {\n          return itemContext;\n        }\n\n        // Update the matching item with new variables\n        return {\n          ...itemContext, // Keep other properties of the item context\n          variables: variables.map(variable => {\n            // Find a matching variable in the current item context\n            const matchingVariable = itemContext.variables.find(v => v.identifier === variable.identifier);\n\n            // Merge matching variable with the new one, or use the new variable if no match\n            return matchingVariable ? { ...matchingVariable, ...variable } : variable;\n          })\n        };\n      })\n    };\n  }\n\n  /**\n   * Updates the variables of an assessment item in the test context.\n   * - Matches the assessment item with the corresponding test context item.\n   * - If the item is not found, logs a warning.\n   * - Updates variables in the test context if exactly one variable exists.\n   * - Otherwise, syncs the assessment item's variables with the test context.\n   *\n   * @param assessmentItem - The assessment item to update.\n   */\n  private _updateItemInTestContext = (assessmentItem: QtiAssessmentItem): void => {\n    const { identifier, variables } = assessmentItem;\n\n    // console.log(this._testContext);\n\n    // Find the corresponding item in the test context by identifier\n    const itemContext = this._testContext.items.find(i => i?.identifier === identifier);\n\n    if (!itemContext) {\n      console.warn(`Item IDs between assessment.xml and item.xml should match: ${identifier} is not found!`);\n      return;\n    }\n\n    // Update variables in the test context or sync them to the assessment item\n    if (itemContext.variables?.length === 1) {\n      // The loaded qti-assessment-item itself has variables which are not in test context yet.\n      this._updateItemVariablesInTestContext(identifier, variables);\n    } else {\n      // Sync the assessment item's variables with the test context\n      assessmentItem.variables = [...(itemContext.variables || [])];\n    }\n  };\n\n  // private _addItemToTestContext(\n  //   e: CustomEvent<{ href: string; identifier: string; category: string }> & { target: QtiAssessmentItemRef }\n  // ): void {\n  //   const { href, identifier, category } = e.detail;\n\n  //   // Update test context items, adding a new item if the identifier is not already in the list\n  //   if (!this._testContext.items.some(item => item.identifier === identifier)) {\n  //     this._testContext.items.push({\n  //       href,\n  //       identifier,\n  //       category,\n  //       variables: [{ identifier: 'completionStatus', value: 'not_attempted', type: 'outcome' }]\n  //       // category: e.target.category\n  //     });\n  //   }\n  // }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('qti-test', '');\n  }\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAKf,IAAe,WAAf,cAAgC,WAAW;AAAA,EAShD,cAAc;AACZ,UAAM;AAPR,SAAU,eAAsC,EAAE,OAAO,CAAC,GAAG,sBAAsB,CAAC,EAAE;AAItF,SAAU,cAA2B,EAAE,IAAI,KAAK;AA2FhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAQ,2BAA2B,CAAC,mBAA4C;AAC9E,YAAM,EAAE,YAAY,UAAU,IAAI;AAKlC,YAAM,cAAc,KAAK,aAAa,MAAM,KAAK,OAAK,GAAG,eAAe,UAAU;AAElF,UAAI,CAAC,aAAa;AAChB,gBAAQ,KAAK,8DAA8D,UAAU,gBAAgB;AACrG;AAAA,MACF;AAGA,UAAI,YAAY,WAAW,WAAW,GAAG;AAEvC,aAAK,kCAAkC,YAAY,SAAS;AAAA,MAC9D,OAAO;AAEL,uBAAe,YAAY,CAAC,GAAI,YAAY,aAAa,CAAC,CAAE;AAAA,MAC9D;AAAA,IACF;AA3GE,SAAK,iBAAiB,iCAAiC,CAAC,MAAsC;AAC5F,YAAM,oBAAoB,EAAE;AAE5B,YAAM,QAAQ,MAAM,KAAK,kBAAkB,iBAAiB,yBAAyB,CAAC,EAAE;AAAA,QACtF,CAAC,aAAiD;AAAA,UAChD,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB,UAAU,QAAQ;AAAA,UAClB,WAAW,CAAC,EAAE,YAAY,oBAAoB,OAAO,iBAAiB,MAAM,UAAU,CAAC;AAAA,QACzF;AAAA,MACF;AACA,WAAK,cAAc,EAAE,IAAI,kBAAkB;AAC3C,WAAK,eAAe,EAAE,GAAG,KAAK,cAAc,MAAM;AAAA,IACpD,CAAC;AACD,SAAK,iBAAiB,iCAAiC,CAAC,MAAsC;AAC5F,WAAK,yBAAyB,EAAE,MAAM;AAAA,IACxC,CAAC;AACD,SAAK,iBAAiB,uBAAuB,OAAK;AAChD,YAAM,iBAAiB,EAAE,aAAa,EAAE,CAAC;AACzC,WAAK,kCAAkC,eAAe,YAAY,eAAe,SAAS;AAAA,IAC5F,CAAC;AAAA,EAQH;AAAA,EAEA,IAAI,UAAuB;AACzB,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,IAAI,QAAQA,cAA0B;AACpC,QAAIA,iBAAgB,QAAQA,iBAAgB,OAAW;AACvD,SAAK,eAAe,EAAE,GAAGA,aAAY;AAErC,IAAAA,aAAY,OAAO,QAAQ,iBAAe;AACxC,YAAM,sBAAsB,KAAK,aAAa,MAAM,KAAK,OAAK,EAAE,eAAe,YAAY,UAAU;AACrG,UAAI,qBAAqB;AACvB,4BAAoB,YAAY,YAAY;AAAA,MAC9C,OAAO;AACL,aAAK,aAAa,MAAM,KAAK,WAAW;AAAA,MAC1C;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,kCACN,YACA,WACM;AAEN,SAAK,eAAe;AAAA,MAClB,GAAG,KAAK;AAAA;AAAA,MACR,OAAO,KAAK,aAAa,MAAM,IAAI,iBAAe;AAEhD,YAAI,YAAY,eAAe,YAAY;AACzC,iBAAO;AAAA,QACT;AAGA,eAAO;AAAA,UACL,GAAG;AAAA;AAAA,UACH,WAAW,UAAU,IAAI,cAAY;AAEnC,kBAAM,mBAAmB,YAAY,UAAU,KAAK,OAAK,EAAE,eAAe,SAAS,UAAU;AAG7F,mBAAO,mBAAmB,EAAE,GAAG,kBAAkB,GAAG,SAAS,IAAI;AAAA,UACnE,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmDA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,aAAa,YAAY,EAAE;AAAA,EAClC;AACF;AA3IY;AAAA,EAFT,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,YAAY,CAAC;AAAA,GAFb,SAGV;AAIA;AAAA,EAFT,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,YAAY,CAAC;AAAA,GANb,SAOV;","names":["testContext"]}

package/dist/chunk-Q7OPFS4A.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-Q7OPFS4A.js.map

package/dist/{chunks/chunk-XDFXD3BI.js → chunk-R4HSV7U7.js}

@@ -7,4 +7,4 @@ export {
   testContext,
   testElement
 };
-//# sourceMappingURL=chunk-XDFXD3BI.js.map
+//# sourceMappingURL=chunk-R4HSV7U7.js.map

package/dist/chunk-R4HSV7U7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":";AAAA,SAAS,qBAAqB;AAgBvB,IAAM,cAAc,cAAqC,OAAO,MAAM,CAAC;AAMvE,IAAM,cAAc,cAAqC,OAAO,aAAa,CAAC;","names":[]}

package/dist/{chunks/chunk-HWA4A3SR.js → chunk-TXRSYXG3.js}

@@ -1,13 +1,13 @@
 import {
   btn,
   dis
-} from "./chunk-4O5F7WV7.js";
+} from "./chunk-UB5K44DB.js";
 import {
   TestComponent
-} from "./chunk-LKINC6JO.js";
+} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/components/test-prev.ts
 import { css, html } from "lit";
@@ -47,4 +47,4 @@ TestPrev = __decorateClass([
 export {
   TestPrev
 };
-//# sourceMappingURL=chunk-HWA4A3SR.js.map
+//# sourceMappingURL=chunk-TXRSYXG3.js.map

package/dist/chunk-TXRSYXG3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-prev.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport * as styles from './styles';\n\n/**\n * Represents a custom element for navigating to the previous test item.\n *\n * @remarks\n * This element provides functionality for navigating to the previous test item.\n *\n * @example\n * ```html\n * <test-prev></test-prev>\n * ```\n */\n@customElement('test-prev')\nexport class TestPrev extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  constructor() {\n    super();\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.items[this.itemIndex - 1].identifier);\n    });\n  }\n\n  willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('_testContext')) {\n      this.disabled = !this._testElement?.el || this.itemIndex === 0 || this.itemIndex === -1;\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-previous': TestPrev;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAC1B,SAAS,qBAAqB;AAgBvB,IAAM,WAAN,cAAuB,cAAc;AAAA,EAU1C,cAAc;AACZ,UAAM;AACN,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,MAAM,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACjF,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,mBAA2D;AACpE,UAAM,WAAW,iBAAiB;AAClC,QAAI,kBAAkB,IAAI,cAAc,GAAG;AACzC,WAAK,WAAW,CAAC,KAAK,cAAc,MAAM,KAAK,cAAc,KAAK,KAAK,cAAc;AAAA,IACvF;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA/Ba,SACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}

package/dist/{chunks/chunk-S6JJYCO7.js → chunk-U3RLYKL5.js}

@@ -48,4 +48,4 @@ var TestViewMixin = (superClass) => {
 export {
   TestViewMixin
 };
-//# sourceMappingURL=chunk-S6JJYCO7.js.map
+//# sourceMappingURL=chunk-U3RLYKL5.js.map

package/dist/chunk-U3RLYKL5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/mixins/test-view.mixin.ts"],"sourcesContent":["import { QtiAssessmentItem } from '../../qti-components';\nimport { TestBase } from '../test-base';\n\nexport type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';\n\ndeclare module '../context' {\n  interface TestContext {\n    view?: View;\n  }\n}\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestViewInterface {}\n\nexport const TestViewMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestViewClass extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n      this._testContext = { ...this._testContext, view: 'candidate' };\n\n      this.addEventListener('on-test-switch-view', (e: CustomEvent<View>) => {\n        this._testContext = { ...this._testContext, view: e.detail };\n        this._updateElementView();\n      });\n      this.addEventListener('qti-assessment-test-connected', () => {\n        this._updateElementView();\n      });\n      this.addEventListener('qti-assessment-item-connected', (e: CustomEvent) => {\n        this._updateElementView();\n        this._setCorrectResponseVisibility(e.detail);\n      });\n    }\n\n    willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n      super.willUpdate(changedProperties);\n      if (changedProperties.has('_testContext')) {\n        // if (previousContext && previousContext.view !== this._testContext.view) {\n        this._updateElementView();\n        // }\n      }\n    }\n\n    // Method to handle view updates for elements based on the current context view\n    private _updateElementView() {\n      if (this.testElement && this.testElement.el) {\n        const viewElements = Array.from(this.testElement.el.querySelectorAll('[view]'));\n\n        viewElements.forEach((element: HTMLElement) => {\n          element.classList.toggle('show', element.getAttribute('view') === this._testContext.view);\n        });\n\n        const assessmentItem = this.testElement.el.querySelector<QtiAssessmentItem>(\n          `qti-assessment-item[identifier=\"${this._testContext.navItemId}\"]`\n        );\n        if (assessmentItem) {\n          assessmentItem.showCorrectResponse(this._testContext.view === 'scorer');\n        }\n      }\n    }\n\n    // Event handler for connected QTI assessment items\n    private _setCorrectResponseVisibility(assessmentItem: QtiAssessmentItem): void {\n      assessmentItem.showCorrectResponse(this._testContext.view === 'scorer');\n    }\n  }\n\n  return TestViewClass as Constructor<TestViewInterface> & T;\n};\n"],"mappings":";AAeO,IAAM,gBAAgB,CAAkC,eAAkB;AAAA,EAC/E,MAAe,sBAAsB,WAAW;AAAA,IAC9C,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AACb,WAAK,eAAe,EAAE,GAAG,KAAK,cAAc,MAAM,YAAY;AAE9D,WAAK,iBAAiB,uBAAuB,CAAC,MAAyB;AACrE,aAAK,eAAe,EAAE,GAAG,KAAK,cAAc,MAAM,EAAE,OAAO;AAC3D,aAAK,mBAAmB;AAAA,MAC1B,CAAC;AACD,WAAK,iBAAiB,iCAAiC,MAAM;AAC3D,aAAK,mBAAmB;AAAA,MAC1B,CAAC;AACD,WAAK,iBAAiB,iCAAiC,CAAC,MAAmB;AACzE,aAAK,mBAAmB;AACxB,aAAK,8BAA8B,EAAE,MAAM;AAAA,MAC7C,CAAC;AAAA,IACH;AAAA,IAEA,WAAW,mBAA2D;AACpE,YAAM,WAAW,iBAAiB;AAClC,UAAI,kBAAkB,IAAI,cAAc,GAAG;AAEzC,aAAK,mBAAmB;AAAA,MAE1B;AAAA,IACF;AAAA;AAAA,IAGQ,qBAAqB;AAC3B,UAAI,KAAK,eAAe,KAAK,YAAY,IAAI;AAC3C,cAAM,eAAe,MAAM,KAAK,KAAK,YAAY,GAAG,iBAAiB,QAAQ,CAAC;AAE9E,qBAAa,QAAQ,CAAC,YAAyB;AAC7C,kBAAQ,UAAU,OAAO,QAAQ,QAAQ,aAAa,MAAM,MAAM,KAAK,aAAa,IAAI;AAAA,QAC1F,CAAC;AAED,cAAM,iBAAiB,KAAK,YAAY,GAAG;AAAA,UACzC,mCAAmC,KAAK,aAAa,SAAS;AAAA,QAChE;AACA,YAAI,gBAAgB;AAClB,yBAAe,oBAAoB,KAAK,aAAa,SAAS,QAAQ;AAAA,QACxE;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAGQ,8BAA8B,gBAAyC;AAC7E,qBAAe,oBAAoB,KAAK,aAAa,SAAS,QAAQ;AAAA,IACxE;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/{chunks/chunk-4O5F7WV7.js → chunk-UB5K44DB.js}

@@ -27,4 +27,4 @@ export {
   dis,
   ind
 };
-//# sourceMappingURL=chunk-4O5F7WV7.js.map
+//# sourceMappingURL=chunk-UB5K44DB.js.map

package/dist/chunk-UB5K44DB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/styles.ts"],"sourcesContent":["// /* eslint-disable lit-plugin(no-invalid-css) */\nimport { css } from 'lit';\n\nexport const form = css`\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem 1rem;\n  border-radius: 0.25rem;\n  user-select: none;\n`;\n\nexport const btn = css`\n  background-color: lightgray;\n  ${form};\n`;\n\nexport const dis = css`\n  cursor: not-allowed;\n  opacity: 0.5;\n`;\n\nexport const ind = css`\n  ${form};\n  border: 1px solid gray;\n`;\n"],"mappings":";AACA,SAAS,WAAW;AAEb,IAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASb,IAAM,MAAM;AAAA;AAAA,IAEf,IAAI;AAAA;AAGD,IAAM,MAAM;AAAA;AAAA;AAAA;AAKZ,IAAM,MAAM;AAAA,IACf,IAAI;AAAA;AAAA;","names":[]}

package/dist/{chunks/chunk-W4B23OIP.js → chunk-VODOQFTJ.js}

@@ -1,12 +1,12 @@
 import {
   TestComponent
-} from "./chunk-LKINC6JO.js";
+} from "./chunk-ENVUIH2A.js";
 import {
   watch
-} from "./chunk-ELDMXTUQ.js";
+} from "./chunk-4YG2FPKK.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/components/test-view.ts
 import { html } from "lit";
@@ -69,4 +69,4 @@ TestView = __decorateClass([
 export {
   TestView
 };
-//# sourceMappingURL=chunk-W4B23OIP.js.map
+//# sourceMappingURL=chunk-VODOQFTJ.js.map

package/dist/chunk-VODOQFTJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-view.ts"],"sourcesContent":["import { html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport { watch } from '../../decorators/watch';\n\n@customElement('test-view')\nexport class TestView extends TestComponent {\n  static DEFAULT_VIEW_OPTIONS = ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'];\n\n  /** label accompanying the select view dropdown  */\n  @property({ type: String })\n  label = 'view';\n\n  /** The options to display in the dropdown, default: ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'] */\n  @property({ type: String, attribute: 'view-options' }) viewOptions;\n  @watch('viewOptions', { waitUntilFirstUpdate: true })\n  protected _handleViewOptionsChange = () => {\n    this.updateViewOptions();\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.updateViewOptions();\n  }\n\n  @state()\n  private _viewOptions: string[] = TestView.DEFAULT_VIEW_OPTIONS;\n\n  private updateViewOptions() {\n    if (this.viewOptions) {\n      const options = this.viewOptions.split(',').map(opt => opt.trim());\n      this._viewOptions = options.filter(opt => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));\n    } else {\n      this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;\n    }\n  }\n\n  render() {\n    return html`\n      <label part=\"label\" for=\"viewSelect\">${this.label}</label>\n      <select\n        part=\"select\"\n        id=\"viewSelect\"\n        .disabled=${this.disabled}\n        @change=${(e: Event) => {\n          const el = e.target as HTMLSelectElement;\n          this._switchView(el.value);\n        }}\n      >\n        ${this._viewOptions.map(v => html`<option value=\"${v}\" ?selected=${v === this.view}>${v}</option>`)}\n      </select>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view': TestView;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,eAAe,UAAU,aAAa;AAKxC,IAAM,WAAN,cAAuB,cAAc;AAAA,EAArC;AAAA;AAKL,iBAAQ;AAKR,SAAU,2BAA2B,MAAM;AACzC,WAAK,kBAAkB;AAAA,IACzB;AAQA,SAAQ,eAAyB,SAAS;AAAA;AAAA,EAN1C,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAKQ,oBAAoB;AAC1B,QAAI,KAAK,aAAa;AACpB,YAAM,UAAU,KAAK,YAAY,MAAM,GAAG,EAAE,IAAI,SAAO,IAAI,KAAK,CAAC;AACjE,WAAK,eAAe,QAAQ,OAAO,SAAO,SAAS,qBAAqB,SAAS,GAAG,CAAC;AAAA,IACvF,OAAO;AACL,WAAK,eAAe,SAAS;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,6CACkC,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,oBAInC,KAAK,QAAQ;AAAA,kBACf,CAAC,MAAa;AACtB,YAAM,KAAK,EAAE;AACb,WAAK,YAAY,GAAG,KAAK;AAAA,IAC3B,CAAC;AAAA;AAAA,UAEC,KAAK,aAAa,IAAI,OAAK,sBAAsB,CAAC,eAAe,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC;AAAA;AAAA;AAAA,EAGzG;AACF;AA/Ca,SACJ,uBAAuB,CAAC,UAAU,aAAa,WAAW,UAAU,mBAAmB,OAAO;AAIrG;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAJf,SAKX;AAGuD;AAAA,EAAtD,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe,CAAC;AAAA,GAR1C,SAQ4C;AAE7C;AAAA,EADT,MAAM,eAAe,EAAE,sBAAsB,KAAK,CAAC;AAAA,GATzC,SAUD;AAUF;AAAA,EADP,MAAM;AAAA,GAnBI,SAoBH;AApBG,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}

package/dist/{chunks/chunk-UCQFSRYF.js → chunk-VW7VIQBE.js}

@@ -1,6 +1,6 @@
 import {
   qtiTransformItem
-} from "./chunk-XDMSEAYC.js";
+} from "./chunk-2OA7E3E7.js";
 
 // src/lib/qti-test/mixins/test-loader.mixin.ts
 var TestLoaderMixin = (superClass) => {
@@ -31,4 +31,4 @@ var TestLoaderMixin = (superClass) => {
 export {
   TestLoaderMixin
 };
-//# sourceMappingURL=chunk-UCQFSRYF.js.map
+//# sourceMappingURL=chunk-VW7VIQBE.js.map

package/dist/chunk-VW7VIQBE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/mixins/test-loader.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { qtiTransformItem } from '../../qti-transformers';\n\n// const setSessionData = <T>(key: string, value?: T): void => sessionStorage.setItem(key, JSON.stringify(value));\n// const getSessionData = <T>(key: string): T | null => (sessionStorage.getItem(key) ? JSON.parse(sessionStorage.getItem(key)!) : null);\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestLoaderInterface {}\nexport const TestLoaderMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  abstract class TestLoaderClass extends superClass {\n    // private testURL = '';\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      // this.addEventListener('qti-load-test-request', (e: CustomEvent /* 1. Request the test */) => {\n      //   const { testURL } = e.detail;\n      //   if (!testURL) {\n      //     console.warn(\n      //       'No test found, there should be an attribute test-url with the path to the test on the test-container'\n      //     );\n      //   } else {\n      //     this.testURL = testURL;\n      //   }\n\n      //   e.detail.promise = (async () => {\n      //     e.preventDefault(); /* indicates that the event was catched and handled */\n      //     const api = await qtiTransformTest().load(`${this.testURL}`); /* 6. load the item */\n      //     return api.htmlDoc(); /* 3. Return html version of the assessment.xml */\n      //   })();\n      // });\n\n      this.addEventListener('qti-assessment-test-connected', () => {\n        // this.context = getSessionData(`testcontext-${this.testURL}`); /* 4. Set the context */\n      });\n\n      this.addEventListener('qti-load-item-request' /* 5. Request the item */, ({ detail }: CustomEvent) => {\n        // if (!this.testURL) return;\n        detail.promise = (async () => {\n          const api = await qtiTransformItem().load(\n            `${detail.href}`,\n            detail.cancelPreviousRequest\n          ); /* 6. load the item */\n          return api.htmlDoc(); /* 7. Return HTML version of the item.xml */\n        })();\n      });\n\n      this.addEventListener('qti-interaction-changed', _e => {\n        /* 8. Interaction changed */\n        // const scoreOutcomeIdentifier = qtiAssessmentItem.variables.find(v => v.identifier === 'SCORE') as OutcomeVariable;\n        // if (scoreOutcomeIdentifier.externalScored === null && qtiAssessmentItem.adaptive === 'false') {\n        //   qtiAssessmentItem.processResponse(); /* 9. Process the response */\n        // }\n        // setSessionData(`testcontext-${this.testURL}`, this.context); /* 10. Update the context */\n      });\n\n      this.addEventListener('qti-outcome-changed', () => {\n        // setSessionData(`testcontext-${this.testURL}`, this.context); /* 10. Update the context */\n      });\n    }\n  }\n\n  return TestLoaderClass as Constructor<TestLoaderInterface> & T;\n};\n"],"mappings":";;;;;AASO,IAAM,kBAAkB,CAAoC,eAAkB;AAAA,EACnF,MAAe,wBAAwB,WAAW;AAAA;AAAA,IAGhD,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AAmBb,WAAK,iBAAiB,iCAAiC,MAAM;AAAA,MAE7D,CAAC;AAED,WAAK,iBAAiB,yBAAmD,CAAC,EAAE,OAAO,MAAmB;AAEpG,eAAO,WAAW,YAAY;AAC5B,gBAAM,MAAM,MAAM,iBAAiB,EAAE;AAAA,YACnC,GAAG,OAAO,IAAI;AAAA,YACd,OAAO;AAAA,UACT;AACA,iBAAO,IAAI,QAAQ;AAAA,QACrB,GAAG;AAAA,MACL,CAAC;AAED,WAAK,iBAAiB,2BAA2B,QAAM;AAAA,MAOvD,CAAC;AAED,WAAK,iBAAiB,uBAAuB,MAAM;AAAA,MAEnD,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/{chunks/chunk-JE6BMXZU.js → chunk-X4ZBUCOD.js}

@@ -1,15 +1,15 @@
 import {
   item_default
-} from "./chunk-Y6UWSECL.js";
+} from "./chunk-3WLCQQN7.js";
 import {
   watch
-} from "./chunk-ELDMXTUQ.js";
+} from "./chunk-4YG2FPKK.js";
 import {
   qtiTransformTest
-} from "./chunk-XDMSEAYC.js";
+} from "./chunk-2OA7E3E7.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-test/components/test-container.ts
 import { LitElement, html } from "lit";
@@ -91,4 +91,4 @@ TestContainer = __decorateClass([
 export {
   TestContainer
 };
-//# sourceMappingURL=chunk-JE6BMXZU.js.map
+//# sourceMappingURL=chunk-X4ZBUCOD.js.map

package/dist/chunk-X4ZBUCOD.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';\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-container class=\"m-4 bg-white\" test-url=\"./path/to/assessmenttest.xml\"></test-container>\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;AAiBf,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":[]}

package/dist/chunk-XFHB6KQW.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-XFHB6KQW.js.map

package/dist/{chunks/chunk-LROTNPC2.js → chunk-XNBWN7N2.js}

@@ -1,15 +1,15 @@
 import {
   item_default
-} from "./chunk-Y6UWSECL.js";
+} from "./chunk-3WLCQQN7.js";
 import {
   watch
-} from "./chunk-ELDMXTUQ.js";
+} from "./chunk-4YG2FPKK.js";
 import {
   qtiTransformItem
-} from "./chunk-XDMSEAYC.js";
+} from "./chunk-2OA7E3E7.js";
 import {
   __decorateClass
-} from "./chunk-6YE2KJ4C.js";
+} from "./chunk-44VE5POH.js";
 
 // src/lib/qti-item/components/item-container.ts
 import { LitElement, html } from "lit";
@@ -91,4 +91,4 @@ ItemContainer = __decorateClass([
 export {
   ItemContainer
 };
-//# sourceMappingURL=chunk-LROTNPC2.js.map
+//# sourceMappingURL=chunk-XNBWN7N2.js.map

package/dist/chunk-XNBWN7N2.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';\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 api = await qtiTransformItem().load(this.itemURL);\n      this.itemDoc = 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;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":[]}