@citolab/qti-components 7.2.2 → 7.3.0

package/dist/chunks/chunk-LMWMNMIU.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 } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { propInternalState, watch } from '../../decorators';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext, ComputedItem } from '../../exports/computed.context';\n\n/**\n * Represents a custom element for navigating to the 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  @propInternalState({\n    type: Boolean,\n    reflect: true,\n    aria: 'ariaDisabled' // Maps to `aria-disabled` attribute\n  })\n  public disabled = true;\n\n  @consume({ context: computedContext, subscribe: true })\n  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    this.checkDisabled();\n  }\n\n  willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n    if (!this.computedContext) return;\n    const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n    if (!testPart) return;\n    this.sectionItems = testPart.sections.flatMap(section => section.items);\n    this.itemIndex = this.sectionItems.findIndex(item => item.active);\n    this.checkDisabled();\n  }\n\n  checkDisabled() {\n    this.disabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 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-next': TestNext;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EA+BvC,cAAc;AACZ,UAAM;AA1BR,SAAO,WAAW;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,EA3BA,yBAAyB,WAA4B,UAA2B;AAC9E,QAAI,UAAU;AACZ,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAyBA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,cAAc;AAAA,EACrB;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,SAAK,WAAW,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAAA,EAC/G;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;AA9Ea,SAqBJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AApBT;AAAA,EALN,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA;AAAA,EACR,CAAC;AAAA,GALU,SAMJ;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAR3C,SASD;AAMV;AAAA,EADC,MAAM,iBAAiB;AAAA,GAdb,SAeX;AAfW,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}

package/dist/chunks/chunk-LSTECKJV.js

@@ -0,0 +1,56 @@
+import {
+  computedContext
+} from "./chunk-NY5T6G3K.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-scoring-feedback.ts
+import { consume } from "@lit/context";
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var TestScoringFeedback = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.view = null;
+  }
+  render() {
+    const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
+    if (!activeItem || !activeItem.variables) return html``;
+    if (activeItem["category"] === "dep-informational") return html`<div>${this.dataset.informational}</div>`;
+    const completionStatus = activeItem?.variables.find((v) => v.identifier === "completionStatus")?.value;
+    const scoreOutcome = activeItem?.variables.find((vr) => vr.identifier == "SCORE");
+    const score = parseInt(scoreOutcome?.value);
+    const externalScored = activeItem["externalScored"];
+    const feedbackText = () => {
+      if (completionStatus !== "completed") {
+        return this.dataset.textNoResponse;
+      }
+      if (!externalScored && score !== void 0 && !Number.isNaN(score)) {
+        return score > 0 ? this.dataset.textCorrect : this.dataset.textIncorrect;
+      }
+      if (externalScored === "externalMachine") {
+        return Number.isNaN(score) || score === void 0 ? "We konden je antwoord geen score geven, omdat we te weinig antwoorden konden vinden die op jouw antwoord leken. Kijk je antwoord zelf na." : `We hebben je antwoord ${score === 0 ? "geen punten" : score == 1 ? "\xE9\xE9n punt" : `${score} punten`} gegeven. Je kunt je score zelf aanpassen als je denkt dat dat niet klopt.`;
+      }
+      if (externalScored === "human") {
+        return Number.isNaN(score) ? "" : "Deze score heb je zelf toegekend.";
+      }
+      return this.dataset.scoreUnknown;
+    };
+    return html`<div>${feedbackText()}</div>`;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestScoringFeedback.prototype, "computedContext", 2);
+__decorateClass([
+  property({ type: String, attribute: "view" })
+], TestScoringFeedback.prototype, "view", 2);
+TestScoringFeedback = __decorateClass([
+  customElement("test-scoring-feedback")
+], TestScoringFeedback);
+
+export {
+  TestScoringFeedback
+};
+//# sourceMappingURL=chunk-LSTECKJV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-scoring-feedback.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\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';\nimport type { ViewMode } from 'storybook/internal/types';\n\n@customElement('test-scoring-feedback')\nexport class TestScoringFeedback extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  protected computedContext?: ComputedContext;\n\n  @property({ type: String, attribute: 'view' })\n  public view: ViewMode = null;\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    if (activeItem['category'] === 'dep-informational') return html`<div>${this.dataset.informational}</div>`;\n\n    const completionStatus = activeItem?.variables.find(v => v.identifier === 'completionStatus')?.value;\n    const scoreOutcome = activeItem?.variables.find(vr => vr.identifier == 'SCORE') as OutcomeVariable;\n\n    const score = parseInt(scoreOutcome?.value as string);\n    const externalScored = activeItem['externalScored'];\n\n    const feedbackText = () => {\n      if (completionStatus !== 'completed') {\n        return this.dataset.textNoResponse;\n      }\n\n      if (!externalScored && score !== undefined && !Number.isNaN(score)) {\n        return score > 0 ? this.dataset.textCorrect : this.dataset.textIncorrect;\n      }\n\n      if (externalScored === 'externalMachine') {\n        return Number.isNaN(score) || score === undefined\n          ? 'We konden je antwoord geen score geven, omdat we te weinig antwoorden konden vinden die op jouw antwoord leken. Kijk je antwoord zelf na.'\n          : `We hebben je antwoord ${score === 0 ? 'geen punten' : score == 1 ? 'één punt' : `${score} punten`} gegeven. Je kunt je score zelf aanpassen als je denkt dat dat niet klopt.`;\n      }\n\n      if (externalScored === 'human') {\n        return Number.isNaN(score) ? '' : 'Deze score heb je zelf toegekend.';\n      }\n\n      return this.dataset.scoreUnknown;\n    };\n\n    return html`<div>${feedbackText()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-scoring-feedback': TestScoringFeedback;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,gBAAgB;AASjC,IAAM,sBAAN,cAAkC,WAAW;AAAA,EAA7C;AAAA;AAKL,SAAO,OAAiB;AAAA;AAAA,EAExB,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,QAAI,WAAW,UAAU,MAAM,oBAAqB,QAAO,YAAY,KAAK,QAAQ,aAAa;AAEjG,UAAM,mBAAmB,YAAY,UAAU,KAAK,OAAK,EAAE,eAAe,kBAAkB,GAAG;AAC/F,UAAM,eAAe,YAAY,UAAU,KAAK,QAAM,GAAG,cAAc,OAAO;AAE9E,UAAM,QAAQ,SAAS,cAAc,KAAe;AACpD,UAAM,iBAAiB,WAAW,gBAAgB;AAElD,UAAM,eAAe,MAAM;AACzB,UAAI,qBAAqB,aAAa;AACpC,eAAO,KAAK,QAAQ;AAAA,MACtB;AAEA,UAAI,CAAC,kBAAkB,UAAU,UAAa,CAAC,OAAO,MAAM,KAAK,GAAG;AAClE,eAAO,QAAQ,IAAI,KAAK,QAAQ,cAAc,KAAK,QAAQ;AAAA,MAC7D;AAEA,UAAI,mBAAmB,mBAAmB;AACxC,eAAO,OAAO,MAAM,KAAK,KAAK,UAAU,SACpC,8IACA,yBAAyB,UAAU,IAAI,gBAAgB,SAAS,IAAI,mBAAa,GAAG,KAAK,SAAS;AAAA,MACxG;AAEA,UAAI,mBAAmB,SAAS;AAC9B,eAAO,OAAO,MAAM,KAAK,IAAI,KAAK;AAAA,MACpC;AAEA,aAAO,KAAK,QAAQ;AAAA,IACtB;AAEA,WAAO,YAAY,aAAa,CAAC;AAAA,EACnC;AACF;AA5CY;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,oBAED;AAGH;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO,CAAC;AAAA,GAJlC,oBAKJ;AALI,sBAAN;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB;","names":[]}

package/dist/chunks/chunk-LWBXN5C4.js

@@ -0,0 +1,66 @@
+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", () => {
+      debugger;
+      if (this.sessionContext?.view === "scorer") {
+        this._switchView("candidate");
+      }
+      if (this.sessionContext?.view === "candidate") {
+        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-LWBXN5C4.js.map

package/dist/chunks/chunk-LWBXN5C4.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      debugger;\n      if (this.sessionContext?.view === 'scorer') {\n        this._switchView('candidate');\n      }\n      if (this.sessionContext?.view === 'candidate') {\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    // <label for=\"viewToggle\" part=\"label\">\n    //   <input\n    //     type=\"checkbox\"\n    //     role=\"switch\"\n    //     aria-checked=${this.sessionContext?.view === 'scorer'}\n    //     id=\"viewToggle\"\n    //     class=${`${this.classForInput}`}\n    //     ?checked=${this.sessionContext?.view === 'scorer'}\n    //     @change=${(e: Event) => {\n    //       const el = e.target as HTMLInputElement;\n    //       if (el.checked) {\n    //         this._switchView('scorer');\n    //       } else {\n    //         this._switchView('candidate');\n    //       }\n    //     }}\n    //   />\n    // </label>\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;AACA,UAAI,KAAK,gBAAgB,SAAS,UAAU;AAC1C,aAAK,YAAY,WAAW;AAAA,MAC9B;AACA,UAAI,KAAK,gBAAgB,SAAS,aAAa;AAC7C,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,EAmBb;AACF;AA7DU;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-LXQKATBH.js

@@ -0,0 +1,91 @@
+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);
+    if (!activeTestPart) {
+      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 activeSection = augmentedTestPart.sections.find((section) => section.active);
+    if (!activeSection) {
+      this.stampContext = null;
+      return;
+    }
+    const augmentedSection = activeSection ? { ...activeSection, items: activeSection.items } : null;
+    const augmentedItem = augmentedSection?.items.find((item) => item.active);
+    if (!augmentedItem) {
+      this.stampContext = null;
+      return;
+    }
+    const { testParts, ...activeTest } = this.computedContext;
+    this.stampContext = {
+      item: augmentedItem || null,
+      section: augmentedSection || null,
+      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-LXQKATBH.js.map

package/dist/chunks/chunk-LXQKATBH.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 no computed context is available, clear the stamp context\n    if (!this.computedContext) {\n      this.stampContext = null;\n      return;\n    }\n\n    // Find the active test part\n    const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n    if (!activeTestPart) {\n      this.stampContext = null;\n      return;\n    }\n\n    // Augment the active test part by removing variables from items\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    // Find and augment the active section\n    const activeSection = augmentedTestPart.sections.find(section => section.active);\n    if (!activeSection) {\n      this.stampContext = null;\n      return;\n    }\n    const augmentedSection = activeSection ? { ...activeSection, items: activeSection.items } : null;\n\n    // Find the active item within the active section\n    const augmentedItem = augmentedSection?.items.find(item => item.active);\n    if (!augmentedItem) {\n      this.stampContext = null;\n      return;\n    }\n    // Extract the active test data excluding test parts\n    const { testParts, ...activeTest } = this.computedContext;\n\n    // Set the stamp context with the augmented data\n    this.stampContext = {\n      item: augmentedItem || null,\n      section: augmentedSection || null,\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;AAE7D,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,eAAe;AACpB;AAAA,IACF;AAGA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,QAAI,CAAC,gBAAgB;AACnB,WAAK,eAAe;AACpB;AAAA,IACF;AAGA,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;AAGA,UAAM,gBAAgB,kBAAkB,SAAS,KAAK,aAAW,QAAQ,MAAM;AAC/E,QAAI,CAAC,eAAe;AAClB,WAAK,eAAe;AACpB;AAAA,IACF;AACA,UAAM,mBAAmB,gBAAgB,EAAE,GAAG,eAAe,OAAO,cAAc,MAAM,IAAI;AAG5F,UAAM,gBAAgB,kBAAkB,MAAM,KAAK,UAAQ,KAAK,MAAM;AACtE,QAAI,CAAC,eAAe;AAClB,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,EAAE,WAAW,GAAG,WAAW,IAAI,KAAK;AAG1C,SAAK,eAAe;AAAA,MAClB,MAAM,iBAAiB;AAAA,MACvB,SAAS,oBAAoB;AAAA,MAC7B,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;AArFS;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-M2PGI5QL.js

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

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

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

package/dist/chunks/chunk-M3D3T5OO.js

@@ -0,0 +1,45 @@
+import {
+  computedContext
+} from "./chunk-HAP4ICAJ.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-paging-buttons-stamp.ts
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestPagingButtonsStamp = class extends LitElement {
+  createRenderRoot() {
+    return this;
+  }
+  constructor() {
+    super();
+    this._internals = this.attachInternals();
+    this._internals.ariaLabel = "pagination";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  render() {
+    if (!this.computedContext) return html``;
+    const items = this.computedContext.testParts.flatMap(
+      (testPart) => testPart.sections.flatMap((section) => section.items)
+    );
+    return html` ${items.map((item) => this.myTemplate({ item }))} `;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestPagingButtonsStamp.prototype, "computedContext", 2);
+TestPagingButtonsStamp = __decorateClass([
+  customElement("test-paging-buttons-stamp")
+], TestPagingButtonsStamp);
+
+export {
+  TestPagingButtonsStamp
+};
+//# sourceMappingURL=chunk-M3D3T5OO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-paging-buttons-stamp.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-paging-buttons-stamp')\nexport class TestPagingButtonsStamp extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  myTemplate: TemplateFunction;\n  private _internals: ElementInternals;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  render() {\n    if (!this.computedContext) return html``;\n    const items = this.computedContext.testParts.flatMap(testPart =>\n      testPart.sections.flatMap(section => section.items)\n    );\n\n    return html` ${items.map(item => this.myTemplate({ item }))} `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-paging-buttons-stamp': TestPagingButtonsStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,IAAM,yBAAN,cAAqC,WAAW;AAAA,EAO3C,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,gBAAiB,QAAO;AAClC,UAAM,QAAQ,KAAK,gBAAgB,UAAU;AAAA,MAAQ,cACnD,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AAAA,IACpD;AAEA,WAAO,QAAQ,MAAM,IAAI,UAAQ,KAAK,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAAA,EAC7D;AACF;AA7BU;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,uBAEH;AAFG,yBAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;","names":[]}

package/dist/chunks/chunk-M43YVT6M.js

@@ -0,0 +1,8 @@
+// src/lib/exports/computed.context.ts
+import { createContext } from "@lit/context";
+var computedContext = createContext(Symbol("computedContext"));
+
+export {
+  computedContext
+};
+//# sourceMappingURL=chunk-M43YVT6M.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/exports/computed.context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\n\nimport type { ComputedItemContext } from './computed-item.context';\n\nexport type ComputedItem = ComputedItemContext & {\n  //   rawscore?: Readonly<string | string[]>; // not necessary for outside world\n  //   score?: number; // not necessary for outside world\n  //   completionStatus?: Readonly<string | string[]>; // not necessary for outside world\n  //   categories?: string[]; // not necessary for outside world\n  type?: 'info' | 'regular';\n  index?: number;\n  active?: boolean;\n};\n\nexport type ComputedContext = {\n  // testElement?: HTMLElement;\n  identifier: string;\n  title: string;\n  view?: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor';\n  testParts: {\n    active?: boolean;\n    identifier: string;\n    navigationMode: 'linear' | 'nonlinear';\n    submissionMode: 'individual' | 'simultaneous';\n    sections: {\n      active?: boolean;\n      identifier: string;\n      title: string;\n      completed?: boolean;\n      items: ComputedItem[];\n    }[];\n  }[];\n};\n\nexport const computedContext = createContext<Readonly<ComputedContext>>(Symbol('computedContext'));\n"],"mappings":";AAAA,SAAS,qBAAqB;AAkCvB,IAAM,kBAAkB,cAAyC,OAAO,iBAAiB,CAAC;","names":[]}

package/dist/chunks/chunk-MJMLVDAV.js

@@ -0,0 +1,82 @@
+import {
+  computedContext
+} from "./chunk-AZIKAG7K.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";
+import { prepareTemplate } from "stampino";
+var TestScoringButtons = class extends LitElement {
+  constructor() {
+    super();
+    this.view = "";
+    this.disabled = false;
+    this.myTemplate = null;
+    this.addEventListener("click", (e) => {
+      const target = e.target;
+      const value = parseInt(target.value);
+      if (target.tagName === "INPUT") {
+        this._changeOutcomeScore(value);
+      }
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  _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");
+    if (!maxScore || !scoreOutcome) return nothing;
+    const scores = [...Array(Number(maxScore) + 1).keys()];
+    return html`${this.myTemplate ? this.myTemplate({ scores, score }) : 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-MJMLVDAV.js.map

package/dist/chunks/chunk-MJMLVDAV.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';\nimport { prepareTemplate } from 'stampino';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { TemplateFunction } from 'stampino';\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  myTemplate: TemplateFunction | null = null;\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  @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    if (!maxScore || !scoreOutcome) return nothing;\n    const scores = [...Array(Number(maxScore) + 1).keys()];\n\n    return html`${this.myTemplate ? this.myTemplate({ scores, score }) : nothing}`;\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', e => {\n      const target = e.target as HTMLInputElement;\n      const value = parseInt(target.value);\n      if (target.tagName === 'INPUT') {\n        this._changeOutcomeScore(value);\n      }\n    });\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;AACxC,SAAS,uBAAuB;AASzB,IAAM,qBAAN,cAAiC,WAAW;AAAA,EA2DjD,cAAc;AACZ,UAAM;AA3DuC,gBAAO;AACzB,oBAAoB;AACjD,sBAAsC;AA0DpC,SAAK,iBAAiB,SAAS,OAAK;AAClC,YAAM,SAAS,EAAE;AACjB,YAAM,QAAQ,SAAS,OAAO,KAAK;AACnC,UAAI,OAAO,YAAY,SAAS;AAC9B,aAAK,oBAAoB,KAAK;AAAA,MAChC;AAAA,IACF,CAAC;AAAA,EAwBH;AAAA,EAtFU,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,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,QAAI,CAAC,YAAY,CAAC,aAAc,QAAO;AACvC,UAAM,SAAS,CAAC,GAAG,MAAM,OAAO,QAAQ,IAAI,CAAC,EAAE,KAAK,CAAC;AAErD,WAAO,OAAO,KAAK,aAAa,KAAK,WAAW,EAAE,QAAQ,MAAM,CAAC,IAAI,OAAO;AAAA,EAC9E;AAmCF;AA3FiD;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO,CAAC;AAAA,GADlC,mBACoC;AAClB;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAFhB,mBAEkB;AAkBnB;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAnB3C,mBAoBD;AApBC,qBAAN;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB;","names":["testPart"]}

package/dist/chunks/chunk-MNYMPXJZ.js

@@ -0,0 +1,95 @@
+import {
+  computedContext
+} from "./chunk-YZSGZTWA.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";
+
+// dist/chunks/chunk-22IRJWWY.js
+import { createContext } from "@lit/context";
+var sessionContext = createContext(Symbol("testContext"));
+
+// src/lib/qti-test/components/test-stamp.ts
+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, ...augmentedItem } = activeItem || {};
+    if (!activeTestPart || !activeSection || !activeItem) {
+      this.stampContext = null;
+      return;
+    }
+    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,
+      item: augmentedItem,
+      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(),
+  consume({ context: sessionContext, subscribe: true })
+], TestStamp.prototype, "sessionContext", 2);
+__decorateClass([
+  state()
+], TestStamp.prototype, "stampContext", 2);
+TestStamp = __decorateClass([
+  customElement("test-stamp")
+], TestStamp);
+
+export {
+  TestStamp
+};
+//# sourceMappingURL=chunk-MNYMPXJZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-stamp.ts","../../src/lib/exports/session.context.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';\nimport { sessionContext } from '../../../../dist/exports/session.context';\n\nimport type { SessionContext } from '../../../../dist/exports/session.context';\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  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\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","import { createContext } from '@lit/context';\n\nimport type { View } from '../qti-test/core/mixins/test-view.mixin';\n\nexport interface SessionContext {\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemRefId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const INITIAL_SESSION_CONTEXT: Readonly<SessionContext> = { view: 'candidate' };\n\nexport const sessionContext = createContext<Readonly<SessionContext>>(Symbol('testContext'));\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,uBAAuB;AAChC,SAAS,eAAe;;;ACHxB,SAAS,qBAAqB;AAevB,IAAM,iBAAiB,cAAwC,OAAO,aAAa,CAAC;;;ADApF,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAWf,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;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;AAIA;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAb1C,UAcH;AAGA;AAAA,EADP,MAAM;AAAA,GAhBI,UAiBH;AAjBG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":["variables"]}