@citolab/qti-components 7.1.0 → 7.1.2

package/dist/chunks/chunk-AD5H6KYS.js

@@ -0,0 +1,78 @@
+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 = "";
+  }
+  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-AD5H6KYS.js.map

package/dist/chunks/chunk-AD5H6KYS.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    // 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;AAKtF,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;AAjFsB,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-AQLCQATM.js

@@ -0,0 +1,62 @@
+import {
+  computedContext
+} from "./chunk-6Z5YR5U2.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-print-item-variables.ts
+import { html, 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 border="1">
+        <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(", ") || "";
+      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}</td>
+              </tr>
+            `;
+    })}
+        </tbody>
+      </table>
+    `;
+    return html`
+      ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
+    `;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestPrintVariables.prototype, "computedContext", 2);
+TestPrintVariables = __decorateClass([
+  customElement("test-print-item-variables")
+], TestPrintVariables);
+
+export {
+  TestPrintVariables
+};
+//# sourceMappingURL=chunk-AQLCQATM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-print-item-variables.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 { 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  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 border=\"1\">\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            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}</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,kBAAkB;AACjC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAQvB,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAIjD,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,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,UAAU;AAAA;AAAA;AAAA,IAGzC,CAAC,CAAC;AAAA;AAAA;AAAA;AAKR,WAAO;AAAA,QACH,YAAY,mBAAmB,oBAAoB,CAAC,IAAI,YAAY,kBAAkB,mBAAmB,CAAC;AAAA;AAAA,EAEhH;AACF;AApDS;AAAA,EADN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,mBAEJ;AAFI,qBAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;","names":[]}