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

package/dist/chunks/{chunk-ZPNJ2HP5.js → chunk-OIRWOI3E.js}

@@ -32,6 +32,7 @@ var Interaction = class extends LitElement {
         composed: true,
         cancelable: false,
         detail: {
+          interactionElement: this,
           responseIdentifier: this.responseIdentifier
         }
       })
@@ -68,4 +69,4 @@ __decorateClass([
 export {
   Interaction
 };
-//# sourceMappingURL=chunk-ZPNJ2HP5.js.map
+//# sourceMappingURL=chunk-OIRWOI3E.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/exports/interaction.ts"],"sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { LitElement } from 'lit';\nimport type { IInteraction } from './interaction.interface';\n\nexport abstract class Interaction extends LitElement implements IInteraction {\n  static formAssociated = true;\n\n  @property({ type: String, attribute: 'response-identifier' }) responseIdentifier;\n\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  @property({ reflect: true, type: Boolean }) readonly = false;\n\n  @state()\n  protected _correctResponse: string | string[];\n  protected _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  abstract validate(): boolean;\n\n  public reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  public reset(): void {\n    this.value = '';\n  }\n\n  abstract get value(): string | string[] | null;\n  abstract set value(val: string | string[] | null);\n\n  public get correctResponse(): string | string[] {\n    return this._correctResponse;\n  }\n  set correctResponse(value: string | string[]) {\n    this._correctResponse = value;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    this.dispatchEvent(\n      new CustomEvent('qti-register-interaction', {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          interactionElement: this,\n          responseIdentifier: this.responseIdentifier\n        }\n      })\n    );\n  }\n\n  public saveResponse(value: string | string[]) {\n    this.dispatchEvent(\n      new CustomEvent('qti-interaction-response', {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          responseIdentifier: this.responseIdentifier,\n          response: Array.isArray(value) ? [...value] : value\n        }\n      })\n    );\n  }\n}\n"],"mappings":";;;;;AAAA,SAAS,UAAU,aAAa;AAChC,SAAS,kBAAkB;AAGpB,IAAe,cAAf,cAAmC,WAAmC;AAAA,EAa3E,cAAc;AACZ,UAAM;AAToC,oBAAW;AAEX,oBAAW;AAQrD,SAAK,aAAa,KAAK,gBAAgB;AAAA,EACzC;AAAA,EAIO,iBAA0B;AAC/B,WAAO,KAAK,WAAW,eAAe;AAAA,EACxC;AAAA,EAEO,QAAc;AACnB,SAAK,QAAQ;AAAA,EACf;AAAA,EAKA,IAAW,kBAAqC;AAC9C,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAI,gBAAgB,OAA0B;AAC5C,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAEgB,oBAAoB;AAClC,UAAM,kBAAkB;AAExB,SAAK;AAAA,MACH,IAAI,YAAY,4BAA4B;AAAA,QAC1C,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,oBAAoB;AAAA,UACpB,oBAAoB,KAAK;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEO,aAAa,OAA0B;AAC5C,SAAK;AAAA,MACH,IAAI,YAAY,4BAA4B;AAAA,QAC1C,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,oBAAoB,KAAK;AAAA,UACzB,UAAU,MAAM,QAAQ,KAAK,IAAI,CAAC,GAAG,KAAK,IAAI;AAAA,QAChD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAnEsB,YACb,iBAAiB;AAEsC;AAAA,EAA7D,SAAS,EAAE,MAAM,QAAQ,WAAW,sBAAsB,CAAC;AAAA,GAHxC,YAG0C;AAElB;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GALtB,YAKwB;AAEA;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GAPtB,YAOwB;AAGlC;AAAA,EADT,MAAM;AAAA,GATa,YAUV;","names":[]}

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":[]}