@citolab/qti-components 7.1.0 → 7.1.1

package/dist/chunks/chunk-JWX6ZOZ6.js

@@ -0,0 +1,86 @@
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  sessionContext
+} from "./chunk-UZ4QB5IO.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-view.ts
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestView = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.label = "view";
+    this._handleViewOptionsChange = () => {
+      this.updateViewOptions();
+    };
+    this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.updateViewOptions();
+  }
+  updateViewOptions() {
+    if (this.viewOptions) {
+      const options = this.viewOptions.split(",").map((opt) => opt.trim());
+      this._viewOptions = options.filter((opt) => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));
+    } else {
+      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>
+      <select
+        part="select"
+        id="viewSelect"
+        @change=${(e) => {
+      const el = e.target;
+      this._switchView(el.value);
+    }}
+      >
+        ${this._viewOptions.map(
+      (v) => html`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`
+    )}
+      </select>
+    `;
+  }
+};
+TestView.DEFAULT_VIEW_OPTIONS = ["author", "candidate", "proctor", "scorer", "testConstructor", "tutor"];
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestView.prototype, "sessionContext", 2);
+__decorateClass([
+  property({ type: String })
+], TestView.prototype, "label", 2);
+__decorateClass([
+  property({ type: String, attribute: "view-options" })
+], TestView.prototype, "viewOptions", 2);
+__decorateClass([
+  watch("viewOptions", { waitUntilFirstUpdate: true })
+], TestView.prototype, "_handleViewOptionsChange", 2);
+__decorateClass([
+  state()
+], TestView.prototype, "_viewOptions", 2);
+TestView = __decorateClass([
+  customElement("test-view")
+], TestView);
+
+export {
+  TestView
+};
+//# sourceMappingURL=chunk-JWX6ZOZ6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-view.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport { watch } from '../../decorators/watch';\n// import { computedContext } from '../../exports/computed.context';\nimport { sessionContext } from '../../exports/session.context';\n\n// import type { ComputedContext } from '../../exports/computed.context';\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-view')\nexport class TestView extends LitElement {\n  static DEFAULT_VIEW_OPTIONS = ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'];\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\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        @change=${(e: Event) => {\n          const el = e.target as HTMLSelectElement;\n          this._switchView(el.value);\n        }}\n      >\n        ${this._viewOptions.map(\n          v => html`<option value=\"${v}\" ?selected=${v === this.sessionContext.view}>${v}</option>`\n        )}\n      </select>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view': TestView;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,eAAe;AAUjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EAAlC;AAAA;AAQL,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,kBAIrC,CAAC,MAAa;AACtB,YAAM,KAAK,EAAE;AACb,WAAK,YAAY,GAAG,KAAK;AAAA,IAC3B,CAAC;AAAA;AAAA,UAEC,KAAK,aAAa;AAAA,MAClB,OAAK,sBAAsB,CAAC,eAAe,MAAM,KAAK,eAAe,IAAI,IAAI,CAAC;AAAA,IAChF,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AA7Da,SACJ,uBAAuB,CAAC,UAAU,aAAa,WAAW,UAAU,mBAAmB,OAAO;AAG7F;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAH1C,SAIH;AAIR;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAPf,SAQX;AAGuD;AAAA,EAAtD,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe,CAAC;AAAA,GAX1C,SAW4C;AAE7C;AAAA,EADT,MAAM,eAAe,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAZzC,SAaD;AAUF;AAAA,EADP,MAAM;AAAA,GAtBI,SAuBH;AAvBG,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}

package/dist/chunks/chunk-JZMZLOTW.js

@@ -0,0 +1,32 @@
+import {
+  computedContext
+} from "./chunk-6Z5YR5U2.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-print-context.ts
+import { html, LitElement } from "lit";
+import { consume } from "@lit/context";
+import { customElement } from "lit/decorators.js";
+var TestPrintContext = class extends LitElement {
+  render() {
+    const activeItems = this.computedContext?.testParts.flatMap(
+      (testPart) => testPart.sections.flatMap((section) => section.items).find((item) => item.active)
+    );
+    if (!activeItems) return html``;
+    const activeItem = activeItems.length > 0 ? activeItems[0] : null;
+    return html` <small><pre>${JSON.stringify(activeItem, null, 2)}</pre></small> `;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestPrintContext.prototype, "computedContext", 2);
+TestPrintContext = __decorateClass([
+  customElement("test-print-context")
+], TestPrintContext);
+
+export {
+  TestPrintContext
+};
+//# sourceMappingURL=chunk-JZMZLOTW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-print-context.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { consume } from '@lit/context';\nimport { customElement } from 'lit/decorators.js';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\n\n@customElement('test-print-context')\nexport class TestPrintContext extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  public computedContext?: ComputedContext;\n\n  render() {\n    const activeItems = this.computedContext?.testParts.flatMap(testPart =>\n      testPart.sections.flatMap(section => section.items).find(item => item.active)\n    );\n    if (!activeItems) return html``;\n    const activeItem = activeItems.length > 0 ? activeItems[0] : null;\n    // delete activeItem?.variables;\n    return html` <small><pre>${JSON.stringify(activeItem, null, 2)}</pre></small> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-print-context': TestPrintContext;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAOvB,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAI/C,SAAS;AACP,UAAM,cAAc,KAAK,iBAAiB,UAAU;AAAA,MAAQ,cAC1D,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,MAAM;AAAA,IAC9E;AACA,QAAI,CAAC,YAAa,QAAO;AACzB,UAAM,aAAa,YAAY,SAAS,IAAI,YAAY,CAAC,IAAI;AAE7D,WAAO,oBAAoB,KAAK,UAAU,YAAY,MAAM,CAAC,CAAC;AAAA,EAChE;AACF;AAXS;AAAA,EADN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,iBAEJ;AAFI,mBAAN;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB;","names":[]}

package/dist/chunks/chunk-KS3SCUUO.js

@@ -0,0 +1,92 @@
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  computedContext
+} from "./chunk-6Z5YR5U2.js";
+import {
+  __decorateClass
+} from "./chunk-63WMM765.js";
+
+// src/lib/qti-test/components/test-show-correct-response.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestShowCorrectResponse = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.shown = false;
+    this.disabled = false;
+    this.showCorrectText = "Show correct response";
+    this.hideCorrectText = "Hide correct response";
+    this.noCorrectResponseText = "No correct response specified";
+  }
+  // Store previous active item reference
+  willUpdate(_changedProperties) {
+    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
+    if (this._previousActiveItem !== activeItem) {
+      this.shown = false;
+      this._previousActiveItem = activeItem;
+    }
+    if (activeItem) {
+      const containsCorrectResponse = !!activeItem?.variables.some((v) => v["correctResponse"]);
+      const containsMapping = !!activeItem?.variables.some((v) => {
+        return v["mapping"]?.mapEntries?.length > 0 || v["areaMapping"]?.areaMapEntries?.length > 0;
+      });
+      this.disabled = !containsCorrectResponse && !containsMapping;
+    } else {
+      this.disabled = true;
+    }
+  }
+  _toggleState() {
+    if (this.disabled) return;
+    this.shown = !this.shown;
+    this.dispatchEvent(
+      new CustomEvent("test-show-correct-response", {
+        detail: this.shown,
+        bubbles: true
+      })
+    );
+  }
+  _getDisplayedText() {
+    return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;
+  }
+  render() {
+    return html` <div @click="${this._toggleState}">${this._getDisplayedText()}</div> `;
+  }
+};
+TestShowCorrectResponse.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestShowCorrectResponse.prototype, "computedContext", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestShowCorrectResponse.prototype, "shown", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestShowCorrectResponse.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: String })
+], TestShowCorrectResponse.prototype, "showCorrectText", 2);
+__decorateClass([
+  property({ type: String })
+], TestShowCorrectResponse.prototype, "hideCorrectText", 2);
+__decorateClass([
+  property({ type: String })
+], TestShowCorrectResponse.prototype, "noCorrectResponseText", 2);
+TestShowCorrectResponse = __decorateClass([
+  customElement("test-show-correct-response")
+], TestShowCorrectResponse);
+
+export {
+  TestShowCorrectResponse
+};
+//# sourceMappingURL=chunk-KS3SCUUO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-show-correct-response.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\n\n@customElement('test-show-correct-response')\nexport class TestShowCorrectResponse extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  public computedContext?: ComputedContext;\n\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @property({ type: Boolean, reflect: true }) shown = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: String }) showCorrectText = 'Show correct response';\n  @property({ type: String }) hideCorrectText = 'Hide correct response';\n  @property({ type: String }) noCorrectResponseText = 'No correct response specified';\n\n  private _previousActiveItem?: unknown; // Store previous active item reference\n\n  willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n    const activeItem = this.computedContext?.testParts\n      .flatMap(testPart => testPart.sections.flatMap(section => section.items))\n      .find(item => item.active);\n\n    // If active item changed, reset shown before the update\n    if (this._previousActiveItem !== activeItem) {\n      this.shown = false;\n      this._previousActiveItem = activeItem; // Update previous active item\n    }\n\n    if (activeItem) {\n      const containsCorrectResponse = !!activeItem?.variables.some(v => v['correctResponse']);\n      const containsMapping = !!activeItem?.variables.some(v => {\n        return v['mapping']?.mapEntries?.length > 0 || v['areaMapping']?.areaMapEntries?.length > 0;\n      });\n      this.disabled = !containsCorrectResponse && !containsMapping;\n    } else {\n      this.disabled = true;\n    }\n  }\n  private _toggleState() {\n    if (this.disabled) return;\n    this.shown = !this.shown;\n\n    this.dispatchEvent(\n      new CustomEvent('test-show-correct-response', {\n        detail: this.shown,\n        bubbles: true\n      })\n    );\n  }\n\n  private _getDisplayedText(): string {\n    return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;\n  }\n\n  render() {\n    return html` <div @click=\"${this._toggleState}\">${this._getDisplayedText()}</div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-show-correct-response': TestShowCorrectResponse;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAQjB,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAAjD;AAAA;AAauC,iBAAQ;AACR,oBAAW;AAC3B,2BAAkB;AAClB,2BAAkB;AAClB,iCAAwB;AAAA;AAAA;AAAA,EAIpD,WAAW,oBAA4D;AACrE,UAAM,aAAa,KAAK,iBAAiB,UACtC,QAAQ,cAAY,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK,CAAC,EACvE,KAAK,UAAQ,KAAK,MAAM;AAG3B,QAAI,KAAK,wBAAwB,YAAY;AAC3C,WAAK,QAAQ;AACb,WAAK,sBAAsB;AAAA,IAC7B;AAEA,QAAI,YAAY;AACd,YAAM,0BAA0B,CAAC,CAAC,YAAY,UAAU,KAAK,OAAK,EAAE,iBAAiB,CAAC;AACtF,YAAM,kBAAkB,CAAC,CAAC,YAAY,UAAU,KAAK,OAAK;AACxD,eAAO,EAAE,SAAS,GAAG,YAAY,SAAS,KAAK,EAAE,aAAa,GAAG,gBAAgB,SAAS;AAAA,MAC5F,CAAC;AACD,WAAK,WAAW,CAAC,2BAA2B,CAAC;AAAA,IAC/C,OAAO;AACL,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EACQ,eAAe;AACrB,QAAI,KAAK,SAAU;AACnB,SAAK,QAAQ,CAAC,KAAK;AAEnB,SAAK;AAAA,MACH,IAAI,YAAY,8BAA8B;AAAA,QAC5C,QAAQ,KAAK;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,oBAA4B;AAClC,WAAO,KAAK,WAAW,KAAK,wBAAwB,KAAK,QAAQ,KAAK,kBAAkB,KAAK;AAAA,EAC/F;AAAA,EAEA,SAAS;AACP,WAAO,qBAAqB,KAAK,YAAY,KAAK,KAAK,kBAAkB,CAAC;AAAA,EAC5E;AACF;AA7Da,wBAIJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAPT;AAAA,EADN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,wBAEJ;AAWqC;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAb/B,wBAaiC;AACA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAd/B,wBAciC;AAChB;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAff,wBAeiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAhBf,wBAgBiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAjBf,wBAiBiB;AAjBjB,0BAAN;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B;","names":[]}

package/dist/chunks/chunk-LOPCNZ26.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-prev.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { propInternalState, watch } from '../../decorators';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext, ComputedItem } from '../../exports/computed.context';\n\n/**\n * Represents a custom element for navigating to the 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 LitElement {\n  @propInternalState({\n    type: Boolean,\n    reflect: true,\n    aria: 'ariaDisabled' // Maps to `aria-disabled` attribute\n  })\n  public disabled = true;\n\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  sectionItems: ComputedItem[];\n  itemIndex: number;\n\n  @watch('computedContext')\n  _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {\n    if (newValue) {\n      this.disabled = false;\n    }\n  }\n\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.role = 'button';\n    this._internals.ariaLabel = 'Next item';\n\n    this.addEventListener('click', e => {\n      e.preventDefault();\n      if (!this.disabled) this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);\n    });\n  }\n\n  willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n    if (!this.computedContext) return;\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    if (!testPart) return;\n    this.sectionItems = testPart.sections.flatMap(section => section.items);\n    this.itemIndex = this.sectionItems.findIndex(item => item.active);\n    this.checkDisabled();\n  }\n\n  checkDisabled() {\n    this.disabled = !this.computedContext || this.itemIndex === 0 || this.itemIndex === -1;\n  }\n\n  protected _requestItem(identifier: string): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-request-navigation', {\n        composed: true,\n        bubbles: true,\n        detail: {\n          type: 'item',\n          id: identifier\n        }\n      })\n    );\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-previous': TestPrev;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EA+BvC,cAAc;AACZ,UAAM;AA1BR,SAAO,WAAW;AA2BhB,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,aAAa,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACxF,CAAC;AAAA,EACH;AAAA,EA1BA,yBAAyB,WAA4B,UAA2B;AAC9E,QAAI,UAAU;AACZ,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAwBA,WAAW,oBAA4D;AACrE,QAAI,CAAC,KAAK,gBAAiB;AAC3B,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,QAAI,CAAC,SAAU;AACf,SAAK,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACtE,SAAK,YAAY,KAAK,aAAa,UAAU,UAAQ,KAAK,MAAM;AAChE,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,gBAAgB;AACd,SAAK,WAAW,CAAC,KAAK,mBAAmB,KAAK,cAAc,KAAK,KAAK,cAAc;AAAA,EACtF;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,0BAA0B;AAAA,QACxC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,IAAI;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAxEa,SAqBJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AApBT;AAAA,EALN,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA;AAAA,EACR,CAAC;AAAA,GALU,SAMJ;AAGC;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAR3C,SASH;AAMR;AAAA,EADC,MAAM,iBAAiB;AAAA,GAdb,SAeX;AAfW,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}

package/dist/chunks/chunk-M4E2ACHZ.js

@@ -0,0 +1,75 @@
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/exports/interaction.ts
+import { property, state } from "lit/decorators.js";
+import { LitElement } from "lit";
+var Interaction = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = false;
+    this.readonly = false;
+    this._internals = this.attachInternals();
+  }
+  get correctResponse() {
+    return this._correctResponse;
+  }
+  set correctResponse(val) {
+    this._correctResponse = val;
+  }
+  reportValidity() {
+    return this._internals.reportValidity();
+  }
+  reset() {
+    this.value = "";
+  }
+  toggleCorrectResponse(responseVariable, show) {
+    this.correctResponse = show ? responseVariable?.correctResponse : responseVariable.cardinality === "single" ? "" : [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.dispatchEvent(
+      new CustomEvent("qti-register-interaction", {
+        bubbles: true,
+        composed: true,
+        cancelable: false,
+        detail: {
+          interactionElement: this,
+          responseIdentifier: this.responseIdentifier
+        }
+      })
+    );
+  }
+  saveResponse(value) {
+    this.dispatchEvent(
+      new CustomEvent("qti-interaction-response", {
+        bubbles: true,
+        composed: true,
+        cancelable: false,
+        detail: {
+          responseIdentifier: this.responseIdentifier,
+          response: Array.isArray(value) ? [...value] : value
+        }
+      })
+    );
+  }
+};
+Interaction.formAssociated = true;
+__decorateClass([
+  property({ type: String, attribute: "response-identifier" })
+], Interaction.prototype, "responseIdentifier", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], Interaction.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], Interaction.prototype, "readonly", 2);
+__decorateClass([
+  state()
+], Interaction.prototype, "_correctResponse", 2);
+
+export {
+  Interaction
+};
+//# sourceMappingURL=chunk-M4E2ACHZ.js.map

package/dist/chunks/chunk-M4E2ACHZ.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';\n\nimport type { ResponseVariable } from './variables';\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  get correctResponse(): Readonly<string | string[]> {\n    return this._correctResponse;\n  }\n  set correctResponse(val: Readonly<string | string[]>) {\n    this._correctResponse = val as string | string[];\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  // attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n  //   super.attributeChangedCallback(name, _old, value);\n  //   // changing attributes in lit is not a thing, they are defined in the QTI XML and will never change\n  //   // except in storybook where we can change the value of the attribute\n  //   // this can make the internal state out of sync with the attribute\n  //   // so we reset the value to null to force the internal state to be reset\n  //   const attributeNamesToExclude = ['style', 'class'];\n  //   if (!attributeNamesToExclude.includes(name)) {\n  //     this.reset();\n  //   }\n  // }\n\n  abstract get value(): string | string[] | null;\n  abstract set value(val: string | string[] | null);\n\n  public toggleCorrectResponse(responseVariable: ResponseVariable, show: boolean) {\n    this.correctResponse = show\n      ? responseVariable?.correctResponse\n      : responseVariable.cardinality === 'single'\n        ? ''\n        : [];\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;AAKpB,IAAe,cAAf,cAAmC,WAAmC;AAAA,EAa3E,cAAc;AACZ,UAAM;AAToC,oBAAW;AAEX,oBAAW;AAQrD,SAAK,aAAa,KAAK,gBAAgB;AAAA,EACzC;AAAA,EACA,IAAI,kBAA+C;AACjD,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAI,gBAAgB,KAAkC;AACpD,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAGO,iBAA0B;AAC/B,WAAO,KAAK,WAAW,eAAe;AAAA,EACxC;AAAA,EAEO,QAAc;AACnB,SAAK,QAAQ;AAAA,EACf;AAAA,EAiBO,sBAAsB,kBAAoC,MAAe;AAC9E,SAAK,kBAAkB,OACnB,kBAAkB,kBAClB,iBAAiB,gBAAgB,WAC/B,KACA,CAAC;AAAA,EACT;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;AArFsB,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-MQS7RZFR.js

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

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

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

package/dist/chunks/chunk-N3JFTFIL.js

@@ -0,0 +1,79 @@
+import {
+  __decorateClass
+} from "./chunk-63WMM765.js";
+
+// src/lib/exports/interaction.ts
+import { property, state } from "lit/decorators.js";
+import { LitElement } from "lit";
+var Interaction = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = false;
+    this.readonly = false;
+    this._internals = this.attachInternals();
+  }
+  get correctResponse() {
+    return this._correctResponse;
+  }
+  set correctResponse(val) {
+    this._correctResponse = val;
+  }
+  reportValidity() {
+    return this._internals.reportValidity();
+  }
+  reset() {
+    this.value = "";
+  }
+  attributeChangedCallback(name, _old, value) {
+    super.attributeChangedCallback(name, _old, value);
+    this.value = null;
+  }
+  toggleCorrectResponse(responseVariable, show) {
+    this.correctResponse = show ? responseVariable?.correctResponse : responseVariable.cardinality === "single" ? "" : [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.dispatchEvent(
+      new CustomEvent("qti-register-interaction", {
+        bubbles: true,
+        composed: true,
+        cancelable: false,
+        detail: {
+          interactionElement: this,
+          responseIdentifier: this.responseIdentifier
+        }
+      })
+    );
+  }
+  saveResponse(value) {
+    this.dispatchEvent(
+      new CustomEvent("qti-interaction-response", {
+        bubbles: true,
+        composed: true,
+        cancelable: false,
+        detail: {
+          responseIdentifier: this.responseIdentifier,
+          response: Array.isArray(value) ? [...value] : value
+        }
+      })
+    );
+  }
+};
+Interaction.formAssociated = true;
+__decorateClass([
+  property({ type: String, attribute: "response-identifier" })
+], Interaction.prototype, "responseIdentifier", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], Interaction.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], Interaction.prototype, "readonly", 2);
+__decorateClass([
+  state()
+], Interaction.prototype, "_correctResponse", 2);
+
+export {
+  Interaction
+};
+//# sourceMappingURL=chunk-N3JFTFIL.js.map

package/dist/chunks/chunk-N3JFTFIL.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';\n\nimport type { ResponseVariable } from './variables';\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  get correctResponse(): Readonly<string | string[]> {\n    return this._correctResponse;\n  }\n  set correctResponse(val: Readonly<string | string[]>) {\n    this._correctResponse = val as string | string[];\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  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    // changing attributes in lit is not a thing, they are defined in the QTI XML and will never change\n    // except in storybook where we can change the value of the attribute\n    // this can make the internal state out of sync with the attribute\n    // so we reset the value to null to force the internal state to be reset\n    this.value = null;\n  }\n\n  abstract get value(): string | string[] | null;\n  abstract set value(val: string | string[] | null);\n\n  public toggleCorrectResponse(responseVariable: ResponseVariable, show: boolean) {\n    this.correctResponse = show\n      ? responseVariable?.correctResponse\n      : responseVariable.cardinality === 'single'\n        ? ''\n        : [];\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;AAKpB,IAAe,cAAf,cAAmC,WAAmC;AAAA,EAa3E,cAAc;AACZ,UAAM;AAToC,oBAAW;AAEX,oBAAW;AAQrD,SAAK,aAAa,KAAK,gBAAgB;AAAA,EACzC;AAAA,EACA,IAAI,kBAA+C;AACjD,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAI,gBAAgB,KAAkC;AACpD,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAGO,iBAA0B;AAC/B,WAAO,KAAK,WAAW,eAAe;AAAA,EACxC;AAAA,EAEO,QAAc;AACnB,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,yBAAyB,MAAc,MAAqB,OAA4B;AACtF,UAAM,yBAAyB,MAAM,MAAM,KAAK;AAKhD,SAAK,QAAQ;AAAA,EACf;AAAA,EAKO,sBAAsB,kBAAoC,MAAe;AAC9E,SAAK,kBAAkB,OACnB,kBAAkB,kBAClB,iBAAiB,gBAAgB,WAC/B,KACA,CAAC;AAAA,EACT;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;AAlFsB,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":[]}