@citolab/qti-components 7.2.1 → 7.3.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-stamp.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { View } from '../core/mixins/test-view.mixin';\nimport type { PropertyValues } from 'lit';\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-stamp')\nexport class TestStamp extends LitElement {\n  /**\n   * Indicates whether the component is in debug mode.\n   * When set to `true`, the available objects and properties (i.e.: stampContext) is displayed.\n   */\n  @property({ type: Boolean, reflect: true })\n  public debug = false;\n\n  @state()\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  @state()\n  private stampContext: {\n    view?: View;\n    test?: unknown;\n    testpart?: unknown;\n    section?: unknown;\n    item?: unknown;\n  } | null = null;\n\n  myTemplate: TemplateFunction;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    if (!templateElement) {\n      this.myTemplate = null;\n      return;\n    }\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  protected willUpdate(_changedProperties: PropertyValues): void {\n    if (!this.computedContext) {\n      this.stampContext = null;\n      return;\n    }\n\n    const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n    const activeSection = activeTestPart?.sections.find(section => section.active);\n    const activeItem = activeSection?.items.find(item => item.active);\n    const { variables, ...augmentedItem } = activeItem || {};\n\n    if (!activeTestPart || !activeSection || !activeItem) {\n      this.stampContext = null;\n      return;\n    }\n\n    const augmentedTestPart = {\n      ...activeTestPart,\n      items: activeTestPart.sections.flatMap(section => section.items.map(({ variables, ...rest }) => rest)),\n      sections: activeTestPart.sections.map(section => ({\n        ...section,\n        items: section.items.map(({ variables, ...rest }) => rest)\n      }))\n    };\n\n    const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables, ...rest }) => rest) };\n    const { testParts, ...activeTest } = this.computedContext;\n\n    this.stampContext = {\n      view: this.computedContext.view,\n      item: augmentedItem,\n      section: augmentedSection,\n      testpart: augmentedTestPart,\n      test: activeTest\n    };\n  }\n\n  render() {\n    if (!this.stampContext) return nothing;\n    return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}\n    ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-stamp': TestStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAUjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAOf,SAAQ,eAMG;AAAA;AAAA,EAID,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEU,WAAW,oBAA0C;AAC7D,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,UAAM,gBAAgB,gBAAgB,SAAS,KAAK,aAAW,QAAQ,MAAM;AAC7E,UAAM,aAAa,eAAe,MAAM,KAAK,UAAQ,KAAK,MAAM;AAChE,UAAM,EAAE,WAAW,GAAG,cAAc,IAAI,cAAc,CAAC;AAEvD,QAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,YAAY;AACpD,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO,eAAe,SAAS,QAAQ,aAAW,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAG,KAAK,MAAM,IAAI,CAAC;AAAA,MACrG,UAAU,eAAe,SAAS,IAAI,cAAY;AAAA,QAChD,GAAG;AAAA,QACH,OAAO,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAG,KAAK,MAAM,IAAI;AAAA,MAC3D,EAAE;AAAA,IACJ;AAEA,UAAM,mBAAmB,EAAE,GAAG,eAAe,OAAO,cAAc,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAG,KAAK,MAAM,IAAI,EAAE;AAC9G,UAAM,EAAE,WAAW,GAAG,WAAW,IAAI,KAAK;AAE1C,SAAK,eAAe;AAAA,MAClB,MAAM,KAAK,gBAAgB;AAAA,MAC3B,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,aAAc,QAAO;AAC/B,WAAO,QAAQ,KAAK,QAAQ,mBAAmB,KAAK,UAAU,KAAK,cAAc,MAAM,CAAC,CAAC,mBAAmB,OAAO;AAAA,MACjH,KAAK,aAAa,KAAK,WAAW,KAAK,YAAY,IAAI,OAAO;AAAA,EAClE;AACF;AAzES;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAL/B,UAMJ;AAIC;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAT3C,UAUH;AAGA;AAAA,EADP,MAAM;AAAA,GAZI,UAaH;AAbG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":["variables"]}

package/dist/chunks/chunk-CRI6TK2F.js

@@ -0,0 +1,81 @@
+import {
+  computedContext
+} from "./chunk-NY5T6G3K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-scoring-buttons.ts
+import { html, LitElement, nothing } from "lit";
+import { consume } from "@lit/context";
+import { customElement, property } from "lit/decorators.js";
+var TestScoringButtons = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.view = "";
+    this.disabled = false;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  _changeOutcomeScore(value) {
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    const sectionItems = testPart.sections.flatMap((section) => section.items);
+    const currentItemIdentifier = sectionItems.find((item) => item.active)?.identifier;
+    this.dispatchEvent(
+      new CustomEvent("test-update-outcome-variable", {
+        detail: {
+          assessmentItemRefId: currentItemIdentifier,
+          outcomeVariableId: "SCORE",
+          value
+        },
+        bubbles: true
+      })
+    );
+  }
+  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 maxScore = activeItem.variables.find((vr) => vr.identifier == "MAXSCORE")?.value;
+    const scoreOutcome = activeItem.variables.find((vr) => vr.identifier == "SCORE");
+    const score = scoreOutcome?.value;
+    this.disabled = !(scoreOutcome?.externalScored === "human");
+    return maxScore ? html`
+          <form part="form">
+            ${[...Array(Number(maxScore) + 1).keys()].map((itemIndex) => {
+      const identifier = `scoring-buttons${itemIndex}${activeItem.identifier}`;
+      return html` <input
+                  part="input"
+                  type="radio"
+                  ?disabled=${this.disabled}
+                  .checked=${itemIndex === Number(score)}
+                  @change=${() => this._changeOutcomeScore(itemIndex)}
+                  id=${identifier}
+                  name=${`scoring-buttons-${activeItem.identifier}`}
+                  value=${itemIndex}
+                />
+
+                <label part="label" for=${identifier}>${itemIndex}</label>`;
+    })}
+          </form>
+          <slot></slot>
+        ` : nothing;
+  }
+};
+__decorateClass([
+  property({ type: String, attribute: "view" })
+], TestScoringButtons.prototype, "view", 2);
+__decorateClass([
+  property({ type: Boolean })
+], TestScoringButtons.prototype, "disabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestScoringButtons.prototype, "computedContext", 2);
+TestScoringButtons = __decorateClass([
+  customElement("test-scoring-buttons")
+], TestScoringButtons);
+
+export {
+  TestScoringButtons
+};
+//# sourceMappingURL=chunk-CRI6TK2F.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-scoring-buttons.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { consume } from '@lit/context';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { OutcomeVariable } from '../../exports/variables';\nimport type { ComputedContext } from '../../exports/computed.context';\n\n@customElement('test-scoring-buttons')\nexport class TestScoringButtons extends LitElement {\n  @property({ type: String, attribute: 'view' }) view = ''; // is only an attribute, but this is here because.. react\n  @property({ type: Boolean }) disabled: boolean = false;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @consume({ context: computedContext, subscribe: true })\n  protected computedContext?: ComputedContext;\n\n  private _changeOutcomeScore(value: number) {\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    const sectionItems = testPart.sections.flatMap(section => section.items);\n    const currentItemIdentifier = sectionItems.find(item => item.active)?.identifier;\n\n    this.dispatchEvent(\n      new CustomEvent('test-update-outcome-variable', {\n        detail: {\n          assessmentItemRefId: currentItemIdentifier,\n          outcomeVariableId: 'SCORE',\n          value\n        },\n        bubbles: true\n      })\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 maxScore = activeItem.variables.find(vr => vr.identifier == 'MAXSCORE')?.value;\n    const scoreOutcome = activeItem.variables.find(vr => vr.identifier == 'SCORE') as OutcomeVariable;\n\n    const score = scoreOutcome?.value;\n\n    this.disabled = !(scoreOutcome?.externalScored === 'human');\n\n    return maxScore\n      ? html`\n          <form part=\"form\">\n            ${[...Array(Number(maxScore) + 1).keys()].map(itemIndex => {\n              const identifier = `scoring-buttons${itemIndex}${activeItem.identifier}`;\n              return html` <input\n                  part=\"input\"\n                  type=\"radio\"\n                  ?disabled=${this.disabled}\n                  .checked=${itemIndex === Number(score)}\n                  @change=${() => this._changeOutcomeScore(itemIndex)}\n                  id=${identifier}\n                  name=${`scoring-buttons-${activeItem.identifier}`}\n                  value=${itemIndex}\n                />\n\n                <label part=\"label\" for=${identifier}>${itemIndex}</label>`;\n            })}\n          </form>\n          <slot></slot>\n        `\n      : nothing;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-scoring-buttons': TestScoringButtons;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe;AACxB,SAAS,eAAe,gBAAgB;AAQjC,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAA5C;AAAA;AAC0C,gBAAO;AACzB,oBAAoB;AAAA;AAAA,EAEvC,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAKQ,oBAAoB,OAAe;AACzC,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,UAAM,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACvE,UAAM,wBAAwB,aAAa,KAAK,UAAQ,KAAK,MAAM,GAAG;AAEtE,SAAK;AAAA,MACH,IAAI,YAAY,gCAAgC;AAAA,QAC9C,QAAQ;AAAA,UACN,qBAAqB;AAAA,UACrB,mBAAmB;AAAA,UACnB;AAAA,QACF;AAAA,QACA,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,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,WAAW,WAAW,UAAU,KAAK,QAAM,GAAG,cAAc,UAAU,GAAG;AAC/E,UAAM,eAAe,WAAW,UAAU,KAAK,QAAM,GAAG,cAAc,OAAO;AAE7E,UAAM,QAAQ,cAAc;AAE5B,SAAK,WAAW,EAAE,cAAc,mBAAmB;AAEnD,WAAO,WACH;AAAA;AAAA,cAEM,CAAC,GAAG,MAAM,OAAO,QAAQ,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,eAAa;AACzD,YAAM,aAAa,kBAAkB,SAAS,GAAG,WAAW,UAAU;AACtE,aAAO;AAAA;AAAA;AAAA,8BAGS,KAAK,QAAQ;AAAA,6BACd,cAAc,OAAO,KAAK,CAAC;AAAA,4BAC5B,MAAM,KAAK,oBAAoB,SAAS,CAAC;AAAA,uBAC9C,UAAU;AAAA,yBACR,mBAAmB,WAAW,UAAU,EAAE;AAAA,0BACzC,SAAS;AAAA;AAAA;AAAA,0CAGO,UAAU,IAAI,SAAS;AAAA,IACrD,CAAC,CAAC;AAAA;AAAA;AAAA,YAIN;AAAA,EACN;AACF;AAhEiD;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO,CAAC;AAAA,GADlC,mBACoC;AAClB;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAFhB,mBAEkB;AAOnB;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAR3C,mBASD;AATC,qBAAN;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB;","names":["testPart"]}

package/dist/chunks/chunk-CS3XEHIS.js

@@ -0,0 +1,64 @@
+import {
+  sessionContext
+} from "./chunk-UZ4QB5IO.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-view-toggle.ts
+import { consume } from "@lit/context";
+import { html, LitElement, nothing } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+var TestViewToggle = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.viewOptions = ["candidate", "scorer", ""];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  firstUpdated(_changedProperties) {
+    this.addEventListener("click", () => {
+      if (this.sessionContext?.view === "scorer") {
+        this._switchView("candidate");
+      } else {
+        this._switchView("scorer");
+      }
+    });
+  }
+  render() {
+    return html`${this.myTemplate ? this.myTemplate({
+      view: this.sessionContext?.view
+    }) : nothing}`;
+  }
+};
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestViewToggle.prototype, "sessionContext", 2);
+TestViewToggle = __decorateClass([
+  customElement("test-view-toggle")
+], TestViewToggle);
+
+export {
+  TestViewToggle
+};
+//# sourceMappingURL=chunk-CS3XEHIS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-view-toggle.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\n\nimport { sessionContext } from '../../exports/session.context';\n\nimport type { PropertyValues } from 'lit';\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-view-toggle')\nexport class TestViewToggle extends LitElement {\n  myTemplate: any;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\n\n  viewOptions = ['candidate', 'scorer', ''];\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    if (!templateElement) {\n      this.myTemplate = null;\n      return;\n    }\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  _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  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.addEventListener('click', () => {\n      if (this.sessionContext?.view === 'scorer') {\n        this._switchView('candidate');\n      } else {\n        this._switchView('scorer');\n      }\n    });\n  }\n\n  render() {\n    return html`${this.myTemplate\n      ? this.myTemplate({\n          view: this.sessionContext?.view\n        })\n      : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view-toggle': TestViewToggle;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAQzB,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC;AAAA;AAUL,uBAAc,CAAC,aAAa,UAAU,EAAE;AAAA;AAAA,EAP9B,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAOA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,YAAY,MAAc;AACxB,SAAK;AAAA,MACH,IAAI,YAAY,uBAAuB;AAAA,QACrC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEU,aAAa,oBAA0C;AAC/D,SAAK,iBAAiB,SAAS,MAAM;AACnC,UAAI,KAAK,gBAAgB,SAAS,UAAU;AAC1C,aAAK,YAAY,WAAW;AAAA,MAC9B,OAAO;AACL,aAAK,YAAY,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAO,OAAO,KAAK,aACf,KAAK,WAAW;AAAA,MACd,MAAM,KAAK,gBAAgB;AAAA,IAC7B,CAAC,IACD,OAAO;AAAA,EACb;AACF;AAzCU;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAP1C,eAQH;AARG,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;","names":[]}

package/dist/chunks/chunk-D47JA24G.js

@@ -0,0 +1,85 @@
+import {
+  computedContext
+} from "./chunk-NY5T6G3K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-stamp.ts
+import { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestStamp = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.debug = false;
+    this.stampContext = null;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  willUpdate(_changedProperties) {
+    if (!this.computedContext) {
+      this.stampContext = null;
+      return;
+    }
+    const activeTestPart = this.computedContext.testParts.find((testPart) => testPart.active);
+    const activeSection = activeTestPart?.sections.find((section) => section.active);
+    const activeItem = activeSection?.items.find((item) => item.active);
+    const { variables, ...rest } = activeItem || {};
+    if (!activeTestPart || !activeSection || !activeItem) {
+      this.stampContext = null;
+      return;
+    }
+    const augmentedTestPart = {
+      ...activeTestPart,
+      items: activeTestPart.sections.flatMap((section) => section.items.map(({ variables: variables2, ...rest2 }) => rest2)),
+      sections: activeTestPart.sections.map((section) => ({
+        ...section,
+        items: section.items.map(({ variables: variables2, ...rest2 }) => rest2)
+      }))
+    };
+    const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables: variables2, ...rest2 }) => rest2) };
+    const { testParts, ...activeTest } = this.computedContext;
+    this.stampContext = {
+      view: this.computedContext.view,
+      item: activeItem,
+      section: augmentedSection,
+      testpart: augmentedTestPart,
+      test: activeTest
+    };
+  }
+  render() {
+    if (!this.stampContext) return nothing;
+    return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}
+    ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestStamp.prototype, "debug", 2);
+__decorateClass([
+  state(),
+  consume({ context: computedContext, subscribe: true })
+], TestStamp.prototype, "computedContext", 2);
+__decorateClass([
+  state()
+], TestStamp.prototype, "stampContext", 2);
+TestStamp = __decorateClass([
+  customElement("test-stamp")
+], TestStamp);
+
+export {
+  TestStamp
+};
+//# sourceMappingURL=chunk-D47JA24G.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-stamp.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { View } from '../core/mixins/test-view.mixin';\nimport type { PropertyValues } from 'lit';\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-stamp')\nexport class TestStamp extends LitElement {\n  /**\n   * Indicates whether the component is in debug mode.\n   * When set to `true`, the available objects and properties (i.e.: stampContext) is displayed.\n   */\n  @property({ type: Boolean, reflect: true })\n  public debug = false;\n\n  @state()\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  @state()\n  private stampContext: {\n    view?: View;\n    test?: unknown;\n    testpart?: unknown;\n    section?: unknown;\n    item?: unknown;\n  } | null = null;\n\n  myTemplate: TemplateFunction;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    if (!templateElement) {\n      this.myTemplate = null;\n      return;\n    }\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  protected willUpdate(_changedProperties: PropertyValues): void {\n    if (!this.computedContext) {\n      this.stampContext = null;\n      return;\n    }\n\n    const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n    const activeSection = activeTestPart?.sections.find(section => section.active);\n    const activeItem = activeSection?.items.find(item => item.active);\n    const { variables, ...rest } = activeItem || {};\n\n    if (!activeTestPart || !activeSection || !activeItem) {\n      this.stampContext = null;\n      return;\n    }\n\n    const augmentedTestPart = {\n      ...activeTestPart,\n      items: activeTestPart.sections.flatMap(section => section.items.map(({ variables, ...rest }) => rest)),\n      sections: activeTestPart.sections.map(section => ({\n        ...section,\n        items: section.items.map(({ variables, ...rest }) => rest)\n      }))\n    };\n\n    const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables, ...rest }) => rest) };\n    const { testParts, ...activeTest } = this.computedContext;\n\n    this.stampContext = {\n      view: this.computedContext.view,\n      item: activeItem,\n      section: augmentedSection,\n      testpart: augmentedTestPart,\n      test: activeTest\n    };\n  }\n\n  render() {\n    if (!this.stampContext) return nothing;\n    return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}\n    ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-stamp': TestStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAUjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAOf,SAAQ,eAMG;AAAA;AAAA,EAID,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEU,WAAW,oBAA0C;AAC7D,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,UAAM,gBAAgB,gBAAgB,SAAS,KAAK,aAAW,QAAQ,MAAM;AAC7E,UAAM,aAAa,eAAe,MAAM,KAAK,UAAQ,KAAK,MAAM;AAChE,UAAM,EAAE,WAAW,GAAG,KAAK,IAAI,cAAc,CAAC;AAE9C,QAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,YAAY;AACpD,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO,eAAe,SAAS,QAAQ,aAAW,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAGC,MAAK,MAAMA,KAAI,CAAC;AAAA,MACrG,UAAU,eAAe,SAAS,IAAI,cAAY;AAAA,QAChD,GAAG;AAAA,QACH,OAAO,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAAD,YAAW,GAAGC,MAAK,MAAMA,KAAI;AAAA,MAC3D,EAAE;AAAA,IACJ;AAEA,UAAM,mBAAmB,EAAE,GAAG,eAAe,OAAO,cAAc,MAAM,IAAI,CAAC,EAAE,WAAAD,YAAW,GAAGC,MAAK,MAAMA,KAAI,EAAE;AAC9G,UAAM,EAAE,WAAW,GAAG,WAAW,IAAI,KAAK;AAE1C,SAAK,eAAe;AAAA,MAClB,MAAM,KAAK,gBAAgB;AAAA,MAC3B,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,aAAc,QAAO;AAC/B,WAAO,QAAQ,KAAK,QAAQ,mBAAmB,KAAK,UAAU,KAAK,cAAc,MAAM,CAAC,CAAC,mBAAmB,OAAO;AAAA,MACjH,KAAK,aAAa,KAAK,WAAW,KAAK,YAAY,IAAI,OAAO;AAAA,EAClE;AACF;AAzES;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAL/B,UAMJ;AAIC;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAT3C,UAUH;AAGA;AAAA,EADP,MAAM;AAAA,GAZI,UAaH;AAbG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":["variables","rest"]}

package/dist/chunks/chunk-DH2EP5PV.js

@@ -0,0 +1,81 @@
+import {
+  computedContext
+} from "./chunk-DTZHLZH2.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-scoring-buttons.ts
+import { html, LitElement, nothing } from "lit";
+import { consume } from "@lit/context";
+import { customElement, property } from "lit/decorators.js";
+var TestScoringButtons = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.view = "";
+    this.disabled = false;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  _changeOutcomeScore(value) {
+    const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
+    const sectionItems = testPart.sections.flatMap((section) => section.items);
+    const currentItemIdentifier = sectionItems.find((item) => item.active)?.identifier;
+    this.dispatchEvent(
+      new CustomEvent("test-update-outcome-variable", {
+        detail: {
+          assessmentItemRefId: currentItemIdentifier,
+          outcomeVariableId: "SCORE",
+          value
+        },
+        bubbles: true
+      })
+    );
+  }
+  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 maxScore = activeItem.variables.find((vr) => vr.identifier == "MAXSCORE")?.value;
+    const scoreOutcome = activeItem.variables.find((vr) => vr.identifier == "SCORE");
+    const score = scoreOutcome?.value;
+    this.disabled = !(scoreOutcome?.externalScored === "human");
+    return maxScore ? html`
+          <form part="form">
+            ${[...Array(Number(maxScore) + 1).keys()].map((itemIndex) => {
+      const identifier = `scoring-buttons${itemIndex}${activeItem.identifier}`;
+      return html` <input
+                  part="input"
+                  type="radio"
+                  ?disabled=${this.disabled}
+                  .checked=${itemIndex === Number(score)}
+                  @change=${() => this._changeOutcomeScore(itemIndex)}
+                  id=${identifier}
+                  name=${`scoring-buttons-${activeItem.identifier}`}
+                  value=${itemIndex}
+                />
+
+                <label part="label" for=${identifier}>${itemIndex}</label>`;
+    })}
+          </form>
+          <slot></slot>
+        ` : nothing;
+  }
+};
+__decorateClass([
+  property({ type: String, attribute: "view" })
+], TestScoringButtons.prototype, "view", 2);
+__decorateClass([
+  property({ type: Boolean })
+], TestScoringButtons.prototype, "disabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestScoringButtons.prototype, "computedContext", 2);
+TestScoringButtons = __decorateClass([
+  customElement("test-scoring-buttons")
+], TestScoringButtons);
+
+export {
+  TestScoringButtons
+};
+//# sourceMappingURL=chunk-DH2EP5PV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-scoring-buttons.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { consume } from '@lit/context';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { OutcomeVariable } from '../../exports/variables';\nimport type { ComputedContext } from '../../exports/computed.context';\n\n@customElement('test-scoring-buttons')\nexport class TestScoringButtons extends LitElement {\n  @property({ type: String, attribute: 'view' }) view = ''; // is only an attribute, but this is here because.. react\n  @property({ type: Boolean }) disabled: boolean = false;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @consume({ context: computedContext, subscribe: true })\n  protected computedContext?: ComputedContext;\n\n  private _changeOutcomeScore(value: number) {\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    const sectionItems = testPart.sections.flatMap(section => section.items);\n    const currentItemIdentifier = sectionItems.find(item => item.active)?.identifier;\n\n    this.dispatchEvent(\n      new CustomEvent('test-update-outcome-variable', {\n        detail: {\n          assessmentItemRefId: currentItemIdentifier,\n          outcomeVariableId: 'SCORE',\n          value\n        },\n        bubbles: true\n      })\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 maxScore = activeItem.variables.find(vr => vr.identifier == 'MAXSCORE')?.value;\n    const scoreOutcome = activeItem.variables.find(vr => vr.identifier == 'SCORE') as OutcomeVariable;\n\n    const score = scoreOutcome?.value;\n\n    this.disabled = !(scoreOutcome?.externalScored === 'human');\n\n    return maxScore\n      ? html`\n          <form part=\"form\">\n            ${[...Array(Number(maxScore) + 1).keys()].map(itemIndex => {\n              const identifier = `scoring-buttons${itemIndex}${activeItem.identifier}`;\n              return html` <input\n                  part=\"input\"\n                  type=\"radio\"\n                  ?disabled=${this.disabled}\n                  .checked=${itemIndex === Number(score)}\n                  @change=${() => this._changeOutcomeScore(itemIndex)}\n                  id=${identifier}\n                  name=${`scoring-buttons-${activeItem.identifier}`}\n                  value=${itemIndex}\n                />\n\n                <label part=\"label\" for=${identifier}>${itemIndex}</label>`;\n            })}\n          </form>\n          <slot></slot>\n        `\n      : nothing;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-scoring-buttons': TestScoringButtons;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe;AACxB,SAAS,eAAe,gBAAgB;AAQjC,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAA5C;AAAA;AAC0C,gBAAO;AACzB,oBAAoB;AAAA;AAAA,EAEvC,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAKQ,oBAAoB,OAAe;AACzC,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,UAAM,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACvE,UAAM,wBAAwB,aAAa,KAAK,UAAQ,KAAK,MAAM,GAAG;AAEtE,SAAK;AAAA,MACH,IAAI,YAAY,gCAAgC;AAAA,QAC9C,QAAQ;AAAA,UACN,qBAAqB;AAAA,UACrB,mBAAmB;AAAA,UACnB;AAAA,QACF;AAAA,QACA,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,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,WAAW,WAAW,UAAU,KAAK,QAAM,GAAG,cAAc,UAAU,GAAG;AAC/E,UAAM,eAAe,WAAW,UAAU,KAAK,QAAM,GAAG,cAAc,OAAO;AAE7E,UAAM,QAAQ,cAAc;AAE5B,SAAK,WAAW,EAAE,cAAc,mBAAmB;AAEnD,WAAO,WACH;AAAA;AAAA,cAEM,CAAC,GAAG,MAAM,OAAO,QAAQ,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,eAAa;AACzD,YAAM,aAAa,kBAAkB,SAAS,GAAG,WAAW,UAAU;AACtE,aAAO;AAAA;AAAA;AAAA,8BAGS,KAAK,QAAQ;AAAA,6BACd,cAAc,OAAO,KAAK,CAAC;AAAA,4BAC5B,MAAM,KAAK,oBAAoB,SAAS,CAAC;AAAA,uBAC9C,UAAU;AAAA,yBACR,mBAAmB,WAAW,UAAU,EAAE;AAAA,0BACzC,SAAS;AAAA;AAAA;AAAA,0CAGO,UAAU,IAAI,SAAS;AAAA,IACrD,CAAC,CAAC;AAAA;AAAA;AAAA,YAIN;AAAA,EACN;AACF;AAhEiD;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO,CAAC;AAAA,GADlC,mBACoC;AAClB;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAFhB,mBAEkB;AAOnB;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAR3C,mBASD;AATC,qBAAN;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB;","names":["testPart"]}

package/dist/chunks/chunk-DIEBUNEE.js

@@ -0,0 +1,83 @@
+import {
+  computedContext
+} from "./chunk-M43YVT6M.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-stamp.ts
+import { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestStamp = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.debug = false;
+    this.stampContext = null;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  willUpdate(_changedProperties) {
+    if (!this.computedContext) {
+      this.stampContext = null;
+      return;
+    }
+    const activeTestPart = this.computedContext.testParts.find((testPart) => testPart.active);
+    const activeSection = activeTestPart?.sections.find((section) => section.active);
+    const activeItem = activeSection?.items.find((item) => item.active);
+    if (!activeTestPart || !activeSection || !activeItem) {
+      this.stampContext = null;
+      return;
+    }
+    const augmentedTestPart = {
+      ...activeTestPart,
+      items: activeTestPart.sections.flatMap((section) => section.items.map(({ variables, ...rest }) => rest)),
+      sections: activeTestPart.sections.map((section) => ({
+        ...section,
+        items: section.items.map(({ variables, ...rest }) => rest)
+      }))
+    };
+    const augmentedSection = { ...activeSection, items: activeSection.items };
+    const { testParts, ...activeTest } = this.computedContext;
+    this.stampContext = {
+      item: activeItem,
+      section: augmentedSection,
+      testpart: augmentedTestPart,
+      test: activeTest
+    };
+  }
+  render() {
+    if (!this.stampContext) return nothing;
+    return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}
+    ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestStamp.prototype, "debug", 2);
+__decorateClass([
+  state(),
+  consume({ context: computedContext, subscribe: true })
+], TestStamp.prototype, "computedContext", 2);
+__decorateClass([
+  state()
+], TestStamp.prototype, "stampContext", 2);
+TestStamp = __decorateClass([
+  customElement("test-stamp")
+], TestStamp);
+
+export {
+  TestStamp
+};
+//# sourceMappingURL=chunk-DIEBUNEE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-stamp.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { PropertyValues } from 'lit';\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-stamp')\nexport class TestStamp extends LitElement {\n  /**\n   * Indicates whether the component is in debug mode.\n   * When set to `true`, the available objects and properties (i.e.: stampContext) is displayed.\n   */\n  @property({ type: Boolean, reflect: true })\n  public debug = false;\n\n  @state()\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  @state()\n  private stampContext: {\n    test?: unknown;\n    testpart?: unknown;\n    section?: unknown;\n    item?: unknown;\n  } | null = null;\n\n  myTemplate: TemplateFunction;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    if (!templateElement) {\n      this.myTemplate = null;\n      return;\n    }\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  protected willUpdate(_changedProperties: PropertyValues): void {\n    if (!this.computedContext) {\n      this.stampContext = null;\n      return;\n    }\n\n    const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n    const activeSection = activeTestPart?.sections.find(section => section.active);\n    const activeItem = activeSection?.items.find(item => item.active);\n\n    if (!activeTestPart || !activeSection || !activeItem) {\n      this.stampContext = null;\n      return;\n    }\n\n    const augmentedTestPart = {\n      ...activeTestPart,\n      items: activeTestPart.sections.flatMap(section => section.items.map(({ variables, ...rest }) => rest)),\n      sections: activeTestPart.sections.map(section => ({\n        ...section,\n        items: section.items.map(({ variables, ...rest }) => rest)\n      }))\n    };\n\n    const augmentedSection = { ...activeSection, items: activeSection.items };\n    const { testParts, ...activeTest } = this.computedContext;\n\n    this.stampContext = {\n      item: activeItem,\n      section: augmentedSection,\n      testpart: augmentedTestPart,\n      test: activeTest\n    };\n  }\n\n  render() {\n    if (!this.stampContext) return nothing;\n    return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}\n    ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-stamp': TestStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AASjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAOf,SAAQ,eAKG;AAAA;AAAA,EAID,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEU,WAAW,oBAA0C;AAC7D,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,UAAM,gBAAgB,gBAAgB,SAAS,KAAK,aAAW,QAAQ,MAAM;AAC7E,UAAM,aAAa,eAAe,MAAM,KAAK,UAAQ,KAAK,MAAM;AAEhE,QAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,YAAY;AACpD,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO,eAAe,SAAS,QAAQ,aAAW,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAW,GAAG,KAAK,MAAM,IAAI,CAAC;AAAA,MACrG,UAAU,eAAe,SAAS,IAAI,cAAY;AAAA,QAChD,GAAG;AAAA,QACH,OAAO,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAW,GAAG,KAAK,MAAM,IAAI;AAAA,MAC3D,EAAE;AAAA,IACJ;AAEA,UAAM,mBAAmB,EAAE,GAAG,eAAe,OAAO,cAAc,MAAM;AACxE,UAAM,EAAE,WAAW,GAAG,WAAW,IAAI,KAAK;AAE1C,SAAK,eAAe;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,aAAc,QAAO;AAC/B,WAAO,QAAQ,KAAK,QAAQ,mBAAmB,KAAK,UAAU,KAAK,cAAc,MAAM,CAAC,CAAC,mBAAmB,OAAO;AAAA,MACjH,KAAK,aAAa,KAAK,WAAW,KAAK,YAAY,IAAI,OAAO;AAAA,EAClE;AACF;AAtES;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAL/B,UAMJ;AAIC;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAT3C,UAUH;AAGA;AAAA,EADP,MAAM;AAAA,GAZI,UAaH;AAbG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":[]}

package/dist/chunks/chunk-DIETZXSR.js

@@ -0,0 +1,78 @@
+import {
+  computedContext
+} from "./chunk-DTZHLZH2.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-stamp.ts
+import { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestStamp = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.debug = false;
+    this.stampContext = null;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  willUpdate(_changedProperties) {
+    if (!this.computedContext) {
+      this.stampContext = null;
+      return;
+    }
+    const activeTestPart = this.computedContext.testParts.find((testPart) => testPart.active);
+    const activeSection = this.computedContext.testParts.flatMap((testPart) => testPart.sections).find((section) => section.active);
+    const activeItem = this.computedContext.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
+    if (!activeTestPart || !activeItem) {
+      this.stampContext = null;
+      return;
+    }
+    const augmentedTestPart = {
+      ...activeTestPart,
+      items: activeTestPart.sections.flatMap((section) => section.items)
+    };
+    const { testParts, ...activeTest } = this.computedContext;
+    this.stampContext = {
+      test: activeTest,
+      testpart: augmentedTestPart,
+      section: activeSection,
+      item: activeItem
+    };
+  }
+  render() {
+    if (!this.stampContext || !this.myTemplate) return nothing;
+    return html` ${this.debug ? html`<pre>${JSON.stringify(this.stampContext, null, 2)}</pre>` : nothing}
+    ${this.myTemplate(this.stampContext)}`;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestStamp.prototype, "debug", 2);
+__decorateClass([
+  state(),
+  consume({ context: computedContext, subscribe: true })
+], TestStamp.prototype, "computedContext", 2);
+__decorateClass([
+  state()
+], TestStamp.prototype, "stampContext", 2);
+TestStamp = __decorateClass([
+  customElement("test-stamp")
+], TestStamp);
+
+export {
+  TestStamp
+};
+//# sourceMappingURL=chunk-DIETZXSR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-stamp.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { PropertyValues } from 'lit';\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-stamp')\nexport class TestStamp extends LitElement {\n  @property({ type: Boolean, reflect: true })\n  public debug = false;\n\n  @state()\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  @state()\n  private stampContext: {\n    test: unknown;\n    testpart: unknown;\n    section: unknown;\n    item: unknown;\n  } | null = null;\n\n  myTemplate: TemplateFunction;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    if (!templateElement) {\n      this.myTemplate = null;\n      return;\n    }\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  protected willUpdate(_changedProperties: PropertyValues): void {\n    if (!this.computedContext) {\n      this.stampContext = null;\n      return;\n    }\n\n    const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n    const activeSection = this.computedContext.testParts\n      .flatMap(testPart => testPart.sections)\n      .find(section => section.active);\n    const activeItem = this.computedContext.testParts\n      .flatMap(testPart => testPart.sections.flatMap(section => section.items))\n      .find(item => item.active);\n\n    if (!activeTestPart || !activeItem) {\n      this.stampContext = null;\n      return;\n    }\n\n    const augmentedTestPart = {\n      ...activeTestPart,\n      items: activeTestPart.sections.flatMap(section => section.items)\n    };\n\n    const { testParts, ...activeTest } = this.computedContext;\n\n    this.stampContext = {\n      test: activeTest,\n      testpart: augmentedTestPart,\n      section: activeSection,\n      item: activeItem\n    };\n  }\n\n  render() {\n    if (!this.stampContext || !this.myTemplate) return nothing;\n    return html` ${this.debug ? html`<pre>${JSON.stringify(this.stampContext, null, 2)}</pre>` : nothing}\n    ${this.myTemplate(this.stampContext)}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-stamp': TestStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AASjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAEL,SAAO,QAAQ;AAOf,SAAQ,eAKG;AAAA;AAAA,EAID,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEU,WAAW,oBAA0C;AAC7D,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,UAAM,gBAAgB,KAAK,gBAAgB,UACxC,QAAQ,cAAY,SAAS,QAAQ,EACrC,KAAK,aAAW,QAAQ,MAAM;AACjC,UAAM,aAAa,KAAK,gBAAgB,UACrC,QAAQ,cAAY,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK,CAAC,EACvE,KAAK,UAAQ,KAAK,MAAM;AAE3B,QAAI,CAAC,kBAAkB,CAAC,YAAY;AAClC,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO,eAAe,SAAS,QAAQ,aAAW,QAAQ,KAAK;AAAA,IACjE;AAEA,UAAM,EAAE,WAAW,GAAG,WAAW,IAAI,KAAK;AAE1C,SAAK,eAAe;AAAA,MAClB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,gBAAgB,CAAC,KAAK,WAAY,QAAO;AACnD,WAAO,QAAQ,KAAK,QAAQ,YAAY,KAAK,UAAU,KAAK,cAAc,MAAM,CAAC,CAAC,WAAW,OAAO;AAAA,MAClG,KAAK,WAAW,KAAK,YAAY,CAAC;AAAA,EACtC;AACF;AArES;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAD/B,UAEJ;AAIC;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAL3C,UAMH;AAGA;AAAA,EADP,MAAM;AAAA,GARI,UASH;AATG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":[]}

package/dist/chunks/chunk-DLBPLBZU.js

@@ -0,0 +1,85 @@
+import {
+  computedContext
+} from "./chunk-M43YVT6M.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-DLBPLBZU.js.map

package/dist/chunks/chunk-DLBPLBZU.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":[]}