@citolab/qti-components 7.3.1 → 7.3.3

package/dist/chunks/chunk-CWT66FG4.js

@@ -0,0 +1,95 @@
+import {
+  btn,
+  dis
+} from "./chunk-5ZHHNEDA.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-next.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestNext = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = false;
+    this._internallyDisabled = false;
+    this._internals = this.attachInternals();
+    this._internals.role = "button";
+    this._internals.ariaLabel = "Next item";
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this.effectiveDisabled) {
+        this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
+      }
+    });
+  }
+  // Virtual disabled state that the button actually obeys
+  get effectiveDisabled() {
+    return this._internallyDisabled || this.disabled;
+  }
+  // Optional: Reflect this state in an attribute if needed for CSS
+  updated() {
+    if (this.effectiveDisabled) {
+      this.setAttribute("effective-disabled", "");
+    } else {
+      this.removeAttribute("effective-disabled");
+    }
+  }
+  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() {
+    const internallyDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
+    this._internallyDisabled = internallyDisabled;
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-navigation", {
+        composed: true,
+        bubbles: true,
+        detail: {
+          type: "item",
+          id: identifier
+        }
+      })
+    );
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestNext.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([effective-disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestNext.prototype, "disabled", 2);
+__decorateClass([
+  state()
+], TestNext.prototype, "_internallyDisabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestNext.prototype, "computedContext", 2);
+TestNext = __decorateClass([
+  customElement("test-next")
+], TestNext);
+
+export {
+  TestNext
+};
+//# sourceMappingURL=chunk-CWT66FG4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-next.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property, state } 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, ComputedItem } from '../../exports/computed.context';\n\n@customElement('test-next')\nexport class TestNext extends LitElement {\n  @property({ type: Boolean, reflect: true })\n  public disabled = false; // externally controlled\n\n  @state()\n  private _internallyDisabled = false; // internal logic\n\n  @consume({ context: computedContext, subscribe: true })\n  protected computedContext: ComputedContext;\n\n  sectionItems: ComputedItem[];\n  itemIndex: number;\n\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([effective-disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n\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.effectiveDisabled) {\n        this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);\n      }\n    });\n  }\n\n  // Virtual disabled state that the button actually obeys\n  get effectiveDisabled() {\n    return this._internallyDisabled || this.disabled;\n  }\n\n  // Optional: Reflect this state in an attribute if needed for CSS\n  updated() {\n    if (this.effectiveDisabled) {\n      this.setAttribute('effective-disabled', '');\n    } else {\n      this.removeAttribute('effective-disabled');\n    }\n  }\n\n  willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n    if (!this.computedContext) return;\n\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    if (!testPart) return;\n\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 determines if it *should* be disabled based on internal logic\n    const internallyDisabled =\n      !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;\n\n    this._internallyDisabled = internallyDisabled;\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-next': TestNext;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,eAAe;AAQjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EAwBvC,cAAc;AACZ,UAAM;AAvBR,SAAO,WAAW;AAGlB,SAAQ,sBAAsB;AAsB5B,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,mBAAmB;AAC3B,aAAK,aAAa,KAAK,aAAa,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,MACpE;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA,EAGA,IAAI,oBAAoB;AACtB,WAAO,KAAK,uBAAuB,KAAK;AAAA,EAC1C;AAAA;AAAA,EAGA,UAAU;AACR,QAAI,KAAK,mBAAmB;AAC1B,WAAK,aAAa,sBAAsB,EAAE;AAAA,IAC5C,OAAO;AACL,WAAK,gBAAgB,oBAAoB;AAAA,IAC3C;AAAA,EACF;AAAA,EAEA,WAAW,oBAA4D;AACrE,QAAI,CAAC,KAAK,gBAAiB;AAE3B,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,QAAI,CAAC,SAAU;AAEf,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;AAEd,UAAM,qBACJ,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAE/F,SAAK,sBAAsB;AAAA,EAC7B;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;AAxFa,SAaJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAhBT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAD/B,SAEJ;AAGC;AAAA,EADP,MAAM;AAAA,GAJI,SAKH;AAGE;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAP3C,SAQD;AARC,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}

package/dist/chunks/chunk-F2JDNMKV.js

@@ -0,0 +1,100 @@
+import {
+  btn,
+  dis
+} from "./chunk-5ZHHNEDA.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-prev.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestPrev = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = true;
+    this._internallyDisabled = true;
+    this._internals = this.attachInternals();
+    this._internals.role = "button";
+    this._internals.ariaLabel = "Previous item";
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this.effectiveDisabled) {
+        this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);
+      }
+    });
+  }
+  // Computed effective state
+  get effectiveDisabled() {
+    return this._internallyDisabled || this.disabled;
+  }
+  updated() {
+    if (this.effectiveDisabled) {
+      this.setAttribute("effective-disabled", "");
+    } else {
+      this.removeAttribute("effective-disabled");
+    }
+  }
+  // @watch('computedContext')
+  // _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {
+  //   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() {
+    console.log("checkDisabled", this.itemIndex, this.sectionItems);
+    this._internallyDisabled = !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([effective-disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestPrev.prototype, "disabled", 2);
+__decorateClass([
+  state()
+], TestPrev.prototype, "_internallyDisabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestPrev.prototype, "computedContext", 2);
+TestPrev = __decorateClass([
+  customElement("test-prev")
+], TestPrev);
+
+export {
+  TestPrev
+};
+//# sourceMappingURL=chunk-F2JDNMKV.js.map

package/dist/chunks/chunk-F2JDNMKV.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, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { watch } from '../../decorators';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext, ComputedItem } from '../../exports/computed.context';\n\n@customElement('test-prev')\nexport class TestPrev extends LitElement {\n  // External control\n  @property({ type: Boolean, reflect: true })\n  public disabled = true;\n\n  // Internal logic override\n  @state()\n  private _internallyDisabled = true;\n\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  sectionItems: ComputedItem[];\n  itemIndex: number;\n\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([effective-disabled]) {\n      ${styles.dis};\n    }\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 = 'Previous item';\n\n    this.addEventListener('click', e => {\n      e.preventDefault();\n      if (!this.effectiveDisabled) {\n        this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);\n      }\n    });\n  }\n\n  // Computed effective state\n  get effectiveDisabled() {\n    return this._internallyDisabled || this.disabled;\n  }\n\n  updated() {\n    // Reflect effective state as attribute for styling\n    if (this.effectiveDisabled) {\n      this.setAttribute('effective-disabled', '');\n    } else {\n      this.removeAttribute('effective-disabled');\n    }\n  }\n\n  // @watch('computedContext')\n  // _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {\n  //   if (newValue) {\n  //     this.disabled = false;\n  //   }\n  // }\n\n  willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n    if (!this.computedContext) return;\n\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    if (!testPart) return;\n\n    this.sectionItems = testPart.sections.flatMap(section => section.items);\n    this.itemIndex = this.sectionItems.findIndex(item => item.active);\n\n    this.checkDisabled();\n  }\n\n  checkDisabled() {\n    console.log('checkDisabled', this.itemIndex, this.sectionItems);\n    this._internallyDisabled = !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-prev': TestPrev;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,eAAe;AASjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EA0BvC,cAAc;AACZ,UAAM;AAxBR,SAAO,WAAW;AAIlB,SAAQ,sBAAsB;AAqB5B,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,mBAAmB;AAC3B,aAAK,aAAa,KAAK,aAAa,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,MACpE;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA,EAGA,IAAI,oBAAoB;AACtB,WAAO,KAAK,uBAAuB,KAAK;AAAA,EAC1C;AAAA,EAEA,UAAU;AAER,QAAI,KAAK,mBAAmB;AAC1B,WAAK,aAAa,sBAAsB,EAAE;AAAA,IAC5C,OAAO;AACL,WAAK,gBAAgB,oBAAoB;AAAA,IAC3C;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,WAAW,oBAA4D;AACrE,QAAI,CAAC,KAAK,gBAAiB;AAE3B,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,QAAI,CAAC,SAAU;AAEf,SAAK,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACtE,SAAK,YAAY,KAAK,aAAa,UAAU,UAAQ,KAAK,MAAM;AAEhE,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,gBAAgB;AACd,YAAQ,IAAI,iBAAiB,KAAK,WAAW,KAAK,YAAY;AAC9D,SAAK,sBAAsB,CAAC,KAAK,mBAAmB,KAAK,aAAa,KAAK,KAAK,cAAc;AAAA,EAChG;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;AA9Fa,SAeJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAjBT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAF/B,SAGJ;AAIC;AAAA,EADP,MAAM;AAAA,GANI,SAOH;AAGA;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAT3C,SAUH;AAVG,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}

package/dist/chunks/chunk-F5OPIJ4X.js

@@ -0,0 +1,90 @@
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.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 = {
+      view: "candidate",
+      activeItem: {},
+      activeSection: {
+        items: []
+      },
+      activeTestpart: {
+        items: []
+      },
+      test: {}
+    };
+  }
+  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, ...augmentedItem } = activeItem || {};
+    const augmentedTestPart = {
+      ...activeTestPart,
+      items: activeTestPart.sections.flatMap((section) => section.items.map(({ variables: variables2, ...rest }) => rest)),
+      sections: activeTestPart.sections.map((section) => ({
+        ...section,
+        items: section.items.map(({ variables: variables2, ...rest }) => rest)
+      }))
+    };
+    const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables: variables2, ...rest }) => rest) };
+    const { testParts, ...activeTest } = this.computedContext;
+    this.stampContext = {
+      view: this.computedContext.view,
+      activeItem: augmentedItem,
+      activeSection: augmentedSection,
+      activeTestpart: augmentedTestPart,
+      test: activeTest
+    };
+  }
+  render() {
+    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-F5OPIJ4X.js.map

package/dist/chunks/chunk-F5OPIJ4X.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/**\n * A custom web component that renders a test stamp using the Lit framework.\n * This component is deprecated and will be removed in the future.\n * @customElement\n * @extends {LitElement}\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    activeTestpart?: unknown;\n    activeSection?: unknown;\n    activeItem?: unknown;\n  } = {\n    view: 'candidate',\n    activeItem: {},\n    activeSection: {\n      items: []\n    },\n    activeTestpart: {\n      items: []\n    },\n    test: {}\n  };\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    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    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      activeItem: augmentedItem,\n      activeSection: augmentedSection,\n      activeTestpart: 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;AAgBjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAOf,SAAQ,eAMJ;AAAA,MACF,MAAM;AAAA,MACN,YAAY,CAAC;AAAA,MACb,eAAe;AAAA,QACb,OAAO,CAAC;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,OAAO,CAAC;AAAA,MACV;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA;AAAA,EAIU,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;AACA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,UAAM,gBAAgB,gBAAgB,UAAU,KAAK,aAAW,QAAQ,MAAM;AAC9E,UAAM,aAAa,eAAe,MAAM,KAAK,UAAQ,KAAK,MAAM;AAChE,UAAM,EAAE,WAAW,GAAG,cAAc,IAAI,cAAc,CAAC;AAEvD,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,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AAEP,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;AA7ES;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-FZHYC3TU.js

@@ -0,0 +1,92 @@
+import {
+  btn,
+  dis
+} from "./chunk-5ZHHNEDA.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-next.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestNext = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = false;
+    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);
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  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() {
+    const shouldBeDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
+    console.log(shouldBeDisabled);
+    debugger;
+    if (this.disabled) {
+      this.disabled = true;
+      return;
+    }
+    this.disabled = shouldBeDisabled;
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-navigation", {
+        composed: true,
+        bubbles: true,
+        detail: {
+          type: "item",
+          id: identifier
+        }
+      })
+    );
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+// @watch('computedContext')
+// _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {
+//   if (newValue) {
+//     this.disabled = false;
+//   }
+// }
+TestNext.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestNext.prototype, "disabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestNext.prototype, "computedContext", 2);
+TestNext = __decorateClass([
+  customElement("test-next")
+], TestNext);
+
+export {
+  TestNext
+};
+//# sourceMappingURL=chunk-FZHYC3TU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-next.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';\n// import { 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 next test item.\n *\n * @remarks\n * This element provides functionality for navigating to the next test item.\n *\n * @example\n * ```html\n * <test-next></test-next>\n * ```\n */\n@customElement('test-next')\nexport class TestNext extends LitElement {\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  @consume({ context: computedContext, subscribe: true })\n  protected 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\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  connectedCallback(): void {\n    super.connectedCallback();\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    const shouldBeDisabled =\n      !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;\n    console.log(shouldBeDisabled);\n    debugger;\n    if (this.disabled) {\n      this.disabled = true;\n      return;\n    }\n    this.disabled = shouldBeDisabled;\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-next': TestNext;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EA2BvC,cAAc;AACZ,UAAM;AA1BR,SAAO,WAAW;AA4BhB,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,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AAAA,EAC1B;AAAA,EAEA,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,UAAM,mBACJ,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAC/F,YAAQ,IAAI,gBAAgB;AAC5B;AACA,QAAI,KAAK,UAAU;AACjB,WAAK,WAAW;AAChB;AAAA,IACF;AACA,SAAK,WAAW;AAAA,EAClB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAjFa,SAiBJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AApBT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAD/B,SAEJ;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAJ3C,SAKD;AALC,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}

package/dist/chunks/chunk-GDNPYP37.js

@@ -0,0 +1,85 @@
+import {
+  btn,
+  dis
+} from "./chunk-5ZHHNEDA.js";
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-next.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestNext = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = false;
+    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);
+    });
+  }
+  attributeChangedCallback(name, _old, value) {
+    console.log(name, value);
+  }
+  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() {
+    const shouldBeDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
+    console.log(shouldBeDisabled);
+    if (this.disabled) {
+      this.disabled = true;
+      return;
+    }
+    this.disabled = shouldBeDisabled;
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-navigation", {
+        composed: true,
+        bubbles: true,
+        detail: {
+          type: "item",
+          id: identifier
+        }
+      })
+    );
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestNext.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TestNext.prototype, "disabled", 2);
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestNext.prototype, "computedContext", 2);
+TestNext = __decorateClass([
+  customElement("test-next")
+], TestNext);
+
+export {
+  TestNext
+};
+//# sourceMappingURL=chunk-GDNPYP37.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-next.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';\n// import { 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 next test item.\n *\n * @remarks\n * This element provides functionality for navigating to the next test item.\n *\n * @example\n * ```html\n * <test-next></test-next>\n * ```\n */\n@customElement('test-next')\nexport class TestNext extends LitElement {\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  @consume({ context: computedContext, subscribe: true })\n  protected computedContext: ComputedContext;\n\n  sectionItems: ComputedItem[];\n  itemIndex: number;\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\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  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    console.log(name, value);\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    const shouldBeDisabled =\n      !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;\n    console.log(shouldBeDisabled);\n\n    if (this.disabled) {\n      this.disabled = true;\n      return;\n    }\n    this.disabled = shouldBeDisabled;\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-next': TestNext;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EAoBvC,cAAc;AACZ,UAAM;AAnBR,SAAO,WAAW;AAqBhB,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,EAEA,yBAAyB,MAAc,MAAqB,OAA4B;AACtF,YAAQ,IAAI,MAAM,KAAK;AAAA,EACzB;AAAA,EAEA,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,UAAM,mBACJ,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAC/F,YAAQ,IAAI,gBAAgB;AAE5B,QAAI,KAAK,UAAU;AACjB,WAAK,WAAW;AAChB;AAAA,IACF;AACA,SAAK,WAAW;AAAA,EAClB;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;AA1Ea,SAUJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAbT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAD/B,SAEJ;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAJ3C,SAKD;AALC,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}

package/dist/chunks/chunk-H2HBYOZZ.js

@@ -0,0 +1,90 @@
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.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 = {
+      view: "candidate",
+      activeItem: {},
+      activeSection: {
+        items: []
+      },
+      activeTestpart: {
+        items: []
+      },
+      test: {}
+    };
+  }
+  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) {
+      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, ...augmentedItem } = activeItem || {};
+    const augmentedTestPart = {
+      ...activeTestPart,
+      items: activeTestPart.sections.flatMap((section) => section.items.map(({ variables: variables2, ...rest }) => rest)),
+      sections: activeTestPart.sections.map((section) => ({
+        ...section,
+        items: section.items.map(({ variables: variables2, ...rest }) => rest)
+      }))
+    };
+    console.log("activeTestPart", activeTestPart);
+    const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables: variables2, ...rest }) => rest) };
+    const { testParts, ...activeTest } = this.computedContext;
+    this.stampContext = {
+      view: this.computedContext.view,
+      activeItem: augmentedItem,
+      activeSection: augmentedSection,
+      activeTestpart: augmentedTestPart,
+      test: activeTest
+    };
+  }
+  render() {
+    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-H2HBYOZZ.js.map

package/dist/chunks/chunk-H2HBYOZZ.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/**\n * A custom web component that renders a test stamp using the Lit framework.\n * This component is deprecated and will be removed in the future.\n * @customElement\n * @extends {LitElement}\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    activeTestpart?: unknown;\n    activeSection?: unknown;\n    activeItem?: unknown;\n  } = {\n    view: 'candidate',\n    activeItem: {},\n    activeSection: {\n      items: []\n    },\n    activeTestpart: {\n      items: []\n    },\n    test: {}\n  };\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      return;\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    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    console.log('activeTestPart', activeTestPart);\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      activeItem: augmentedItem,\n      activeSection: augmentedSection,\n      activeTestpart: 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;AAgBjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAOf,SAAQ,eAMJ;AAAA,MACF,MAAM;AAAA,MACN,YAAY,CAAC;AAAA,MACb,eAAe;AAAA,QACb,OAAO,CAAC;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,OAAO,CAAC;AAAA,MACV;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA;AAAA,EAIU,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;AAAA,IACF;AACA,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,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,YAAQ,IAAI,kBAAkB,cAAc;AAE5C,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,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AAEP,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;AA9ES;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"]}