@citolab/qti-components 7.0.6-beta.3 → 7.0.6-beta.4

package/dist/chunks/chunk-RX3BRYYI.js

@@ -0,0 +1,59 @@
+import {
+  TestComponent
+} from "./chunk-MLT7V47R.js";
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-next.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestNext = class extends TestComponent {
+  constructor() {
+    super();
+    this._internals.role = "button";
+    this._internals.ariaLabel = "Next item";
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this.disabled) this._requestItem(this.items[this.itemIndex + 1].identifier);
+    });
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("_testContext")) {
+      this.disabled = !this._testElement || this.itemIndex < 0 || this.itemIndex >= this.items.length - 1;
+    }
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-test-item", {
+        composed: true,
+        bubbles: true,
+        detail: identifier
+      })
+    );
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestNext.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestNext = __decorateClass([
+  customElement("test-next")
+], TestNext);
+
+export {
+  TestNext
+};
+//# sourceMappingURL=chunk-RX3BRYYI.js.map

package/dist/chunks/chunk-RX3BRYYI.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 || this.itemIndex < 0 || this.itemIndex >= this.items.length - 1;\n    }\n  }\n\n  protected _requestItem(identifier: string): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-request-test-item', {\n        composed: true,\n        bubbles: true,\n        detail: identifier\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,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,gBAAgB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,MAAM,SAAS;AAAA,IACpG;AAAA,EACF;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,yBAAyB;AAAA,QACvC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAzCa,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-VAPB5TN4.js

@@ -0,0 +1,46 @@
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  TestComponent
+} from "./chunk-MLT7V47R.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-end-attempt.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestEndAttempt = class extends TestComponent {
+  _processResponse() {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this._testContext.navItemId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    qtiAssessmentItemEl.processResponse();
+  }
+  constructor() {
+    super();
+    this.addEventListener("click", () => this._processResponse());
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+TestEndAttempt.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestEndAttempt = __decorateClass([
+  customElement("test-end-attempt")
+], TestEndAttempt);
+
+export {
+  TestEndAttempt
+};
+//# sourceMappingURL=chunk-VAPB5TN4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-end-attempt.ts"],"sourcesContent":["import { css, html } from 'lit';\n\nimport { customElement } from 'lit/decorators.js';\nimport type { QtiAssessmentItemRef } from '../core';\nimport * as styles from './styles';\nimport { TestComponent } from './test-component.abstract';\n\n@customElement('test-end-attempt')\nexport class TestEndAttempt extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  _processResponse() {\n    const qtiItemEl = this._testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${this._testContext.navItemId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;\n    qtiAssessmentItemEl.processResponse();\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._processResponse());\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-end-attempt': TestEndAttempt;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAE1B,SAAS,qBAAqB;AAMvB,IAAM,iBAAN,cAA6B,cAAc;AAAA,EAUhD,mBAAmB;AACjB,UAAM,YAAY,KAAK,aAAa;AAAA,MAClC,uCAAuC,KAAK,aAAa,SAAS;AAAA,IACpE;AACA,UAAM,sBAAsB,UAAU;AACtC,wBAAoB,gBAAgB;AAAA,EACtC;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,CAAC;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA1Ba,eACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;","names":[]}

package/dist/chunks/chunk-W4272Q5U.js

@@ -0,0 +1,46 @@
+import {
+  TestComponent
+} from "./chunk-MLT7V47R.js";
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-end-attempt.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestEndAttempt = class extends TestComponent {
+  _processResponse() {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this._testContext.navItemId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    qtiAssessmentItemEl.processResponse();
+  }
+  constructor() {
+    super();
+    this.addEventListener("click", () => this._processResponse());
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+TestEndAttempt.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestEndAttempt = __decorateClass([
+  customElement("test-end-attempt")
+], TestEndAttempt);
+
+export {
+  TestEndAttempt
+};
+//# sourceMappingURL=chunk-W4272Q5U.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-end-attempt.ts"],"sourcesContent":["import { css, html } from 'lit';\n\nimport { customElement } from 'lit/decorators.js';\nimport type { QtiAssessmentItemRef } from '../core';\nimport * as styles from './styles';\nimport { TestComponent } from './test-component.abstract';\n\n@customElement('test-end-attempt')\nexport class TestEndAttempt extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  _processResponse() {\n    const qtiItemEl = this._testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${this._testContext.navItemId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;\n    qtiAssessmentItemEl.processResponse();\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._processResponse());\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-end-attempt': TestEndAttempt;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAE1B,SAAS,qBAAqB;AAMvB,IAAM,iBAAN,cAA6B,cAAc;AAAA,EAUhD,mBAAmB;AACjB,UAAM,YAAY,KAAK,aAAa;AAAA,MAClC,uCAAuC,KAAK,aAAa,SAAS;AAAA,IACpE;AACA,UAAM,sBAAsB,UAAU;AACtC,wBAAoB,gBAAgB;AAAA,EACtC;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,CAAC;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA1Ba,eACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;","names":[]}

package/dist/chunks/{chunk-A24F75DB.js → chunk-WWN5AD6V.js}

@@ -1,6 +1,6 @@
 import {
   TestComponent
-} from "./chunk-3EU75IUF.js";
+} from "./chunk-MLT7V47R.js";
 import {
   watch
 } from "./chunk-ELDMXTUQ.js";
@@ -32,6 +32,15 @@ var TestView = class extends TestComponent {
       this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
     }
   }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
   render() {
     return html`
       <label part="label" for="viewSelect">${this.label}</label>
@@ -69,4 +78,4 @@ TestView = __decorateClass([
 export {
   TestView
 };
-//# sourceMappingURL=chunk-A24F75DB.js.map
+//# sourceMappingURL=chunk-WWN5AD6V.js.map

package/dist/chunks/chunk-WWN5AD6V.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  protected _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  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,EAEU,YAAY,MAAc;AAClC,SAAK;AAAA,MACH,IAAI,YAAY,uBAAuB;AAAA,QACrC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;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;AAzDa,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-HHVRU3AJ.js → chunk-XCHS3RTZ.js}

@@ -1,6 +1,6 @@
 import {
   item_default
-} from "./chunk-J2SHENRN.js";
+} from "./chunk-NZQKGIJP.js";
 import {
   qtiTransformItem
 } from "./chunk-XDMSEAYC.js";
@@ -104,4 +104,4 @@ export {
   ItemContainer,
   QtiItem
 };
-//# sourceMappingURL=chunk-HHVRU3AJ.js.map
+//# sourceMappingURL=chunk-XCHS3RTZ.js.map

package/dist/chunks/{chunk-KYAIMBP5.js → chunk-YQB6YLNW.js}

@@ -1,6 +1,6 @@
 import {
   TestComponent
-} from "./chunk-3EU75IUF.js";
+} from "./chunk-MLT7V47R.js";
 import {
   __decorateClass
 } from "./chunk-H2JE6IVU.js";
@@ -12,7 +12,7 @@ import { prepareTemplate } from "stampino";
 var TestPagingButtonsStamp = class extends TestComponent {
   constructor() {
     super();
-    this.maxDisplayedItems = 2;
+    this.maxDisplayedItems = 20;
     this.skipOnCategory = "dep-informational";
     this._internals.ariaLabel = "pagination";
   }
@@ -75,4 +75,4 @@ TestPagingButtonsStamp = __decorateClass([
 export {
   TestPagingButtonsStamp
 };
-//# sourceMappingURL=chunk-KYAIMBP5.js.map
+//# sourceMappingURL=chunk-YQB6YLNW.js.map

package/dist/chunks/chunk-YQB6YLNW.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 = 20;\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-Z5THRO6Z.js

@@ -0,0 +1,46 @@
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  TestComponent
+} from "./chunk-MLT7V47R.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-show-correct-response.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestShowCorrectResponse = class extends TestComponent {
+  _processResponse() {
+    const qtiItemEl = this._testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this._testContext.navItemId}"]`
+    );
+    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
+    qtiAssessmentItemEl.showCorrectResponse(true);
+  }
+  constructor() {
+    super();
+    this.addEventListener("click", () => this._processResponse());
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+TestShowCorrectResponse.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestShowCorrectResponse = __decorateClass([
+  customElement("test-show-correct-response")
+], TestShowCorrectResponse);
+
+export {
+  TestShowCorrectResponse
+};
+//# sourceMappingURL=chunk-Z5THRO6Z.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-show-correct-response.ts"],"sourcesContent":["import { css, html } from 'lit';\n\nimport { customElement } from 'lit/decorators.js';\nimport type { QtiAssessmentItemRef } from '../core';\nimport * as styles from './styles';\nimport { TestComponent } from './test-component.abstract';\n\n@customElement('test-show-correct-response')\nexport class TestShowCorrectResponse extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  _processResponse() {\n    const qtiItemEl = this._testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${this._testContext.navItemId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem;\n    qtiAssessmentItemEl.showCorrectResponse(true);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._processResponse());\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-show-correct-response': TestShowCorrectResponse;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAE1B,SAAS,qBAAqB;AAMvB,IAAM,0BAAN,cAAsC,cAAc;AAAA,EAUzD,mBAAmB;AACjB,UAAM,YAAY,KAAK,aAAa;AAAA,MAClC,uCAAuC,KAAK,aAAa,SAAS;AAAA,IACpE;AACA,UAAM,sBAAsB,UAAU;AACtC,wBAAoB,oBAAoB,IAAI;AAAA,EAC9C;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,CAAC;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA1Ba,wBACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,0BAAN;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B;","names":[]}

package/dist/chunks/{chunk-4GNVYCBN.js → chunk-ZQXZ6PK7.js}

@@ -1,6 +1,6 @@
 import {
   item_default
-} from "./chunk-J2SHENRN.js";
+} from "./chunk-NZQKGIJP.js";
 import {
   qtiTransformItem,
   qtiTransformTest
@@ -8,7 +8,7 @@ import {
 import {
   testContext,
   testElement
-} from "./chunk-UFYWCLXF.js";
+} from "./chunk-AUWATZ65.js";
 import {
   watch
 } from "./chunk-ELDMXTUQ.js";
@@ -98,28 +98,55 @@ import { html as html2 } from "lit";
 import { customElement as customElement2 } from "lit/decorators.js";
 
 // src/lib/qti-test/core/mixins/test-loader.mixin.ts
+import { property as property2 } from "lit/decorators.js";
+var setSessionData = (key, value) => sessionStorage.setItem(key, JSON.stringify(value));
+var getSessionData = (key) => sessionStorage.getItem(key) ? JSON.parse(sessionStorage.getItem(key)) : null;
 var TestLoaderMixin = (superClass) => {
   class TestLoaderClass extends superClass {
-    // private testURL = '';
     constructor(...args) {
       super(...args);
-      this.addEventListener("qti-assessment-test-connected", () => {
+      this.autoScoreItems = false;
+      this.autoStoreRestoreContext = false;
+      this.addEventListener("qti-test-connected", () => {
+        if (this.autoStoreRestoreContext) {
+          this.context = getSessionData(`testcontext`);
+        }
       });
       this.addEventListener("qti-load-item-request", ({ detail }) => {
         detail.promise = (async () => {
-          const api = await qtiTransformItem().load(
-            `${detail.href}`,
-            detail.cancelPreviousRequest
-          );
+          const api = await qtiTransformItem().load(`${detail.href}`, detail.cancelPreviousRequest);
           return api.htmlDoc();
         })();
       });
-      this.addEventListener("qti-interaction-changed", (_e) => {
-      });
-      this.addEventListener("qti-outcome-changed", () => {
+      this.addEventListener("qti-interaction-changed", (e) => {
+        if (this.autoScoreItems) {
+          const qtiItemEl = this.testElement.querySelector(
+            `qti-assessment-item-ref[identifier="${this.context.navItemId}"]`
+          );
+          const qtiAssessmentItem = qtiItemEl.assessmentItem;
+          const scoreOutcomeIdentifier = qtiAssessmentItem.variables.find(
+            (v) => v.identifier === "SCORE"
+          );
+          if (scoreOutcomeIdentifier.externalScored === null && qtiAssessmentItem.adaptive === "false") {
+            qtiAssessmentItem.processResponse();
+            if (this.autoStoreRestoreContext) {
+              setSessionData(`testcontext`, this.context);
+            }
+          }
+        } else {
+          if (this.autoStoreRestoreContext) {
+            setSessionData(`testcontext`, this.context);
+          }
+        }
       });
     }
   }
+  __decorateClass([
+    property2({ type: Boolean, attribute: "auto-score-items" })
+  ], TestLoaderClass.prototype, "autoScoreItems", 2);
+  __decorateClass([
+    property2({ type: Boolean, attribute: "auto-store-restore" })
+  ], TestLoaderClass.prototype, "autoStoreRestoreContext", 2);
   return TestLoaderClass;
 };
 
@@ -131,7 +158,7 @@ var TestNavigationMixin = (superClass) => {
       this.addEventListener("qti-request-test-item", ({ detail: navItemId }) => {
         if (!navItemId) return;
         this._clearLoadedItems();
-        const itemRefEl = this.testElement.el.querySelector(
+        const itemRefEl = this.testElement.querySelector(
           `qti-assessment-item-ref[identifier="${navItemId}"]`
         );
         const promise = this._loadItemRequest(itemRefEl.href, false);
@@ -153,7 +180,7 @@ var TestNavigationMixin = (superClass) => {
       this.addEventListener("qti-assessment-test-connected", () => {
         let navItemId = this._testContext.navItemId;
         if (!navItemId) {
-          const itemRefEl = this.testElement.el.querySelector("qti-assessment-item-ref");
+          const itemRefEl = this.testElement.querySelector("qti-assessment-item-ref");
           navItemId = itemRefEl.identifier;
         }
         this.dispatchEvent(
@@ -162,7 +189,7 @@ var TestNavigationMixin = (superClass) => {
       });
     }
     _clearLoadedItems() {
-      const itemRefEls = this.testElement.el.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);
+      const itemRefEls = this.testElement.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);
       Array.from(itemRefEls).forEach((itemElement) => {
         itemElement.xmlDoc = null;
       });
@@ -210,12 +237,12 @@ var TestViewMixin = (superClass) => {
     }
     // Method to handle view updates for elements based on the current context view
     _updateElementView() {
-      if (this.testElement && this.testElement.el) {
-        const viewElements = Array.from(this.testElement.el.querySelectorAll("[view]"));
+      if (this.testElement && this.testElement) {
+        const viewElements = Array.from(this.testElement.querySelectorAll("[view]"));
         viewElements.forEach((element) => {
           element.classList.toggle("show", element.getAttribute("view") === this._testContext.view);
         });
-        const assessmentItem = this.testElement.el.querySelector(
+        const assessmentItem = this.testElement.querySelector(
           `qti-assessment-item[identifier="${this._testContext.navItemId}"]`
         );
         if (assessmentItem) {
@@ -239,7 +266,7 @@ var TestBase = class extends LitElement2 {
   constructor() {
     super();
     this._testContext = { items: [], testOutcomeVariables: [] };
-    this.testElement = { el: null };
+    this.testElement = null;
     /**
      * Updates the variables of an assessment item in the test context.
      * - Matches the assessment item with the corresponding test context item.
@@ -264,15 +291,24 @@ var TestBase = class extends LitElement2 {
     };
     this.addEventListener("qti-assessment-test-connected", (e) => {
       const qtiAssessmentTest = e.detail;
-      const items = Array.from(qtiAssessmentTest.querySelectorAll("qti-assessment-item-ref")).map(
-        (itemRef) => ({
-          href: itemRef.href,
-          identifier: itemRef.identifier,
-          category: itemRef.category,
-          variables: [{ identifier: "completionStatus", value: "not_attempted", type: "outcome" }]
-        })
-      );
-      this.testElement = { el: qtiAssessmentTest };
+      this.testElement = qtiAssessmentTest;
+      const items = Array.from(qtiAssessmentTest.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
+        const existingItem = this._testContext.items.find((item) => item.identifier === itemRef.identifier);
+        return {
+          ...existingItem,
+          // Spread all existing properties
+          href: existingItem?.href || itemRef.href,
+          identifier: existingItem?.identifier || itemRef.identifier,
+          category: existingItem?.category || itemRef.category,
+          variables: existingItem?.variables || [
+            {
+              identifier: "completionStatus",
+              value: "not_attempted",
+              type: "outcome"
+            }
+          ]
+        };
+      });
       this._testContext = { ...this._testContext, items };
     });
     this.addEventListener("qti-assessment-item-connected", (e) => {
@@ -318,25 +354,6 @@ var TestBase = class extends LitElement2 {
       })
     };
   }
-  // private _addItemToTestContext(
-  //   e: CustomEvent<{ href: string; identifier: string; category: string }> & { target: QtiAssessmentItemRef }
-  // ): void {
-  //   const { href, identifier, category } = e.detail;
-  //   // Update test context items, adding a new item if the identifier is not already in the list
-  //   if (!this._testContext.items.some(item => item.identifier === identifier)) {
-  //     this._testContext.items.push({
-  //       href,
-  //       identifier,
-  //       category,
-  //       variables: [{ identifier: 'completionStatus', value: 'not_attempted', type: 'outcome' }]
-  //       // category: e.target.category
-  //     });
-  //   }
-  // }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("qti-test", "");
-  }
 };
 __decorateClass([
   state2(),
@@ -411,6 +428,11 @@ var QtiTest = class extends TestLoaderMixin(TestProcessingMixin(TestNavigationMi
    * Renders the component's template.
    * Provides a default `<slot>` for content projection.
    */
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(new CustomEvent("qti-test-connected", { detail: this }));
+  }
   render() {
     return html2`<slot></slot>`;
   }
@@ -422,7 +444,7 @@ QtiTest = __decorateClass([
 // src/lib/qti-test/core/qti-assessment-test/qti-assessment-item-ref.ts
 import { consume } from "@lit/context";
 import { html as html3, LitElement as LitElement3 } from "lit";
-import { property as property2 } from "lit/decorators.js";
+import { property as property3 } from "lit/decorators.js";
 var stringToBooleanConverter = {
   fromAttribute(value) {
     return value === "true";
@@ -459,25 +481,25 @@ var QtiAssessmentItemRef = class extends LitElement3 {
   }
 };
 __decorateClass([
-  property2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentItemRef.prototype, "category", 2);
 __decorateClass([
-  property2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentItemRef.prototype, "identifier", 2);
 __decorateClass([
-  property2({ type: Boolean, converter: stringToBooleanConverter })
+  property3({ type: Boolean, converter: stringToBooleanConverter })
 ], QtiAssessmentItemRef.prototype, "required", 2);
 __decorateClass([
-  property2({ type: Boolean, converter: stringToBooleanConverter })
+  property3({ type: Boolean, converter: stringToBooleanConverter })
 ], QtiAssessmentItemRef.prototype, "fixed", 2);
 __decorateClass([
-  property2({ type: String })
+  property3({ type: String })
 ], QtiAssessmentItemRef.prototype, "href", 2);
 __decorateClass([
   consume({ context: testContext, subscribe: true })
 ], QtiAssessmentItemRef.prototype, "_testContext", 2);
 __decorateClass([
-  property2({ type: Object, attribute: false })
+  property3({ type: Object, attribute: false })
 ], QtiAssessmentItemRef.prototype, "xmlDoc", 2);
 if (!customElements.get("qti-assessment-item-ref")) {
   customElements.define("qti-assessment-item-ref", QtiAssessmentItemRef);
@@ -486,7 +508,7 @@ if (!customElements.get("qti-assessment-item-ref")) {
 // src/lib/qti-test/core/qti-assessment-test/qti-assessment-section.ts
 import { consume as consume2 } from "@lit/context";
 import { html as html4, LitElement as LitElement4 } from "lit";
-import { property as property3 } from "lit/decorators.js";
+import { property as property4 } from "lit/decorators.js";
 var stringToBooleanConverter2 = {
   fromAttribute(value) {
     return value === "true";
@@ -511,22 +533,22 @@ var QtiAssessmentSection = class extends LitElement4 {
   }
 };
 __decorateClass([
-  property3({ type: String })
+  property4({ type: String })
 ], QtiAssessmentSection.prototype, "identifier", 2);
 __decorateClass([
-  property3({ type: String })
+  property4({ type: String })
 ], QtiAssessmentSection.prototype, "required", 2);
 __decorateClass([
-  property3({ type: Boolean, converter: stringToBooleanConverter2 })
+  property4({ type: Boolean, converter: stringToBooleanConverter2 })
 ], QtiAssessmentSection.prototype, "fixed", 2);
 __decorateClass([
-  property3({ type: String })
+  property4({ type: String })
 ], QtiAssessmentSection.prototype, "title", 2);
 __decorateClass([
-  property3({ type: Boolean, converter: stringToBooleanConverter2 })
+  property4({ type: Boolean, converter: stringToBooleanConverter2 })
 ], QtiAssessmentSection.prototype, "visible", 2);
 __decorateClass([
-  property3({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
+  property4({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
 ], QtiAssessmentSection.prototype, "keepTogether", 2);
 __decorateClass([
   consume2({ context: testContext, subscribe: true })
@@ -538,7 +560,7 @@ if (!customElements.get("qti-assessment-section")) {
 // src/lib/qti-test/core/qti-assessment-test/qti-assessment-test.ts
 import { consume as consume3 } from "@lit/context";
 import { html as html5, LitElement as LitElement5 } from "lit";
-import { customElement as customElement3, property as property4 } from "lit/decorators.js";
+import { customElement as customElement3, property as property5 } from "lit/decorators.js";
 var QtiAssessmentTest = class extends LitElement5 {
   async connectedCallback() {
     super.connectedCallback();
@@ -556,10 +578,10 @@ var QtiAssessmentTest = class extends LitElement5 {
   }
 };
 __decorateClass([
-  property4({ type: String })
+  property5({ type: String })
 ], QtiAssessmentTest.prototype, "identifier", 2);
 __decorateClass([
-  property4({ type: String })
+  property5({ type: String })
 ], QtiAssessmentTest.prototype, "title", 2);
 __decorateClass([
   consume3({ context: testContext, subscribe: true })
@@ -570,7 +592,7 @@ QtiAssessmentTest = __decorateClass([
 
 // src/lib/qti-test/core/qti-assessment-test/qti-test-part.ts
 import { html as html6, LitElement as LitElement6 } from "lit";
-import { customElement as customElement4, property as property5 } from "lit/decorators.js";
+import { customElement as customElement4, property as property6 } from "lit/decorators.js";
 var QtiTestPart = class extends LitElement6 {
   constructor() {
     super(...arguments);
@@ -595,19 +617,19 @@ var QtiTestPart = class extends LitElement6 {
   }
 };
 __decorateClass([
-  property5({ type: String })
+  property6({ type: String })
 ], QtiTestPart.prototype, "identifier", 2);
 __decorateClass([
-  property5({ type: String })
+  property6({ type: String })
 ], QtiTestPart.prototype, "title", 2);
 __decorateClass([
-  property5({ type: String })
+  property6({ type: String })
 ], QtiTestPart.prototype, "class", 2);
 __decorateClass([
-  property5({ type: String, attribute: "navigation-mode" })
+  property6({ type: String, attribute: "navigation-mode" })
 ], QtiTestPart.prototype, "NavigationMode", 2);
 __decorateClass([
-  property5({ type: String, attribute: "submission-mode" })
+  property6({ type: String, attribute: "submission-mode" })
 ], QtiTestPart.prototype, "submissionMode", 2);
 QtiTestPart = __decorateClass([
   customElement4("qti-test-part")
@@ -624,4 +646,4 @@ export {
   QtiAssessmentTest,
   QtiTestPart
 };
-//# sourceMappingURL=chunk-4GNVYCBN.js.map
+//# sourceMappingURL=chunk-ZQXZ6PK7.js.map