@citolab/qti-components 7.3.1 → 7.3.3

package/dist/chunks/chunk-H6RDLSTK.js

@@ -0,0 +1,87 @@
+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) {
+    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-H6RDLSTK.js.map

package/dist/chunks/chunk-H6RDLSTK.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    // 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    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;AAK7D,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;AAOvD,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;AApFS;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-IDRQNT6W.js

@@ -0,0 +1,86 @@
+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) {
+    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-IDRQNT6W.js.map

package/dist/chunks/chunk-IDRQNT6W.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    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,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,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;AAzES;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAL/B,UAMJ;AAIC;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAT3C,UAUH;AAGA;AAAA,EADP,MAAM;AAAA,GAZI,UAaH;AAbG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":["variables"]}