@citolab/qti-components 7.0.3 → 7.0.5

package/dist/chunks/chunk-LKINC6JO.js

@@ -0,0 +1,118 @@
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  testContext,
+  testElement
+} from "./chunk-XDFXD3BI.js";
+import {
+  __decorateClass
+} from "./chunk-6YE2KJ4C.js";
+
+// src/lib/qti-test/components/test-component.abstract.ts
+import { consume } from "@lit/context";
+import { LitElement } from "lit";
+import { state } from "lit/decorators.js";
+
+// src/lib/decorators/prop-internal-state.ts
+import { property } from "lit/decorators.js";
+function propInternalState(options) {
+  return (protoOrDescriptor, name) => {
+    property(options)(protoOrDescriptor, name);
+    const key = `__${name}`;
+    Object.defineProperty(protoOrDescriptor, name, {
+      get() {
+        return this[key];
+      },
+      set(value) {
+        const oldValue = this[key];
+        this[key] = value;
+        if (oldValue !== value) {
+          if (this._internals?.states) {
+            const stateName = name.toLowerCase();
+            if (value) {
+              this._internals.states.add(`--${stateName}`);
+            } else {
+              this._internals.states.delete(`--${stateName}`);
+            }
+          }
+          if (options.aria && this._internals) {
+            const ariaAttribute = options.aria;
+            if (value) {
+              this._internals[ariaAttribute] = "true";
+            } else {
+              this._internals[ariaAttribute] = null;
+            }
+          }
+          this.requestUpdate(name, oldValue);
+        }
+      },
+      configurable: true,
+      enumerable: true
+    });
+  };
+}
+
+// src/lib/qti-test/components/test-component.abstract.ts
+var TestComponent = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = true;
+    this._internals = this.attachInternals();
+  }
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue.el) {
+      this.disabled = false;
+    }
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("_testContext")) {
+      const { items = [], navItemId } = this._testContext ?? {};
+      this.itemIndex = items.findIndex((item) => item.identifier === navItemId);
+      this.items = items;
+      this.view = this._testContext?.view;
+    }
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-test-item", {
+        composed: true,
+        bubbles: true,
+        detail: identifier
+      })
+    );
+  }
+};
+__decorateClass([
+  propInternalState({
+    type: Boolean,
+    reflect: true,
+    aria: "ariaDisabled"
+    // Maps to `aria-disabled` attribute
+  })
+], TestComponent.prototype, "disabled", 2);
+__decorateClass([
+  state(),
+  consume({ context: testContext, subscribe: true })
+], TestComponent.prototype, "_testContext", 2);
+__decorateClass([
+  state(),
+  consume({ context: testElement, subscribe: true })
+], TestComponent.prototype, "_testElement", 2);
+__decorateClass([
+  watch("_testElement")
+], TestComponent.prototype, "_handleTestElementChange", 1);
+
+export {
+  TestComponent
+};
+//# sourceMappingURL=chunk-LKINC6JO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-component.abstract.ts","../../src/lib/decorators/prop-internal-state.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { propInternalState } from '../../decorators';\nimport { testContext, testElement, TestElement, TestContext } from '../context';\nimport { watch } from '../../decorators/watch';\n\nexport abstract class TestComponent 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  @state()\n  @consume({ context: testContext, subscribe: true })\n  protected _testContext?: TestContext;\n\n  @state()\n  @consume({ context: testElement, subscribe: true })\n  protected _testElement?: TestElement;\n  @watch('_testElement')\n  _handleTestElementChange(_oldValue: TestElement, newValue: TestElement) {\n    if (newValue.el) {\n      this.disabled = false;\n    }\n  }\n\n  protected _internals: ElementInternals;\n\n  protected items;\n  protected itemIndex;\n  protected view;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  protected willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('_testContext')) {\n      const { items = [], navItemId } = this._testContext ?? {};\n      this.itemIndex = items.findIndex(item => item.identifier === navItemId);\n      this.items = items;\n      this.view = this._testContext?.view;\n    }\n  }\n\n  protected _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 _requestItem(identifier: string): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-request-test-item', {\n        composed: true,\n        bubbles: true,\n        detail: identifier\n      })\n    );\n  }\n}\n","import { ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { PropertyDeclaration } from 'lit';\n\n// Extended decorator options\ninterface InternalStateOptions extends PropertyDeclaration {\n  aria?: string; // Corresponding ARIA attribute, e.g., 'aria-disabled'\n}\n\nexport function propInternalState(options: InternalStateOptions) {\n  return (protoOrDescriptor: any, name: string) => {\n    // Apply the default Lit `@property` decorator\n    property(options)(protoOrDescriptor, name);\n\n    // Intercept the property descriptor to enhance functionality\n    const key = `__${name}`; // Internal backing field\n\n    Object.defineProperty(protoOrDescriptor, name, {\n      get() {\n        return this[key];\n      },\n      set(value: any) {\n        const oldValue = this[key];\n        this[key] = value;\n\n        // Trigger updates if value changes\n        if (oldValue !== value) {\n          // Update internals state\n          if (this._internals?.states) {\n            const stateName = name.toLowerCase();\n            if (value) {\n              this._internals.states.add(`--${stateName}`);\n            } else {\n              this._internals.states.delete(`--${stateName}`);\n            }\n          }\n\n          // Update ARIA attributes if specified\n          if (options.aria && this._internals) {\n            const ariaAttribute = options.aria;\n            if (value) {\n              this._internals[ariaAttribute] = 'true';\n            } else {\n              this._internals[ariaAttribute] = null;\n            }\n          }\n\n          // Request an update\n          (this as ReactiveElement).requestUpdate(name, oldValue);\n        }\n      },\n      configurable: true,\n      enumerable: true\n    });\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;;;ACDtB,SAAS,gBAAgB;AAQlB,SAAS,kBAAkB,SAA+B;AAC/D,SAAO,CAAC,mBAAwB,SAAiB;AAE/C,aAAS,OAAO,EAAE,mBAAmB,IAAI;AAGzC,UAAM,MAAM,KAAK,IAAI;AAErB,WAAO,eAAe,mBAAmB,MAAM;AAAA,MAC7C,MAAM;AACJ,eAAO,KAAK,GAAG;AAAA,MACjB;AAAA,MACA,IAAI,OAAY;AACd,cAAM,WAAW,KAAK,GAAG;AACzB,aAAK,GAAG,IAAI;AAGZ,YAAI,aAAa,OAAO;AAEtB,cAAI,KAAK,YAAY,QAAQ;AAC3B,kBAAM,YAAY,KAAK,YAAY;AACnC,gBAAI,OAAO;AACT,mBAAK,WAAW,OAAO,IAAI,KAAK,SAAS,EAAE;AAAA,YAC7C,OAAO;AACL,mBAAK,WAAW,OAAO,OAAO,KAAK,SAAS,EAAE;AAAA,YAChD;AAAA,UACF;AAGA,cAAI,QAAQ,QAAQ,KAAK,YAAY;AACnC,kBAAM,gBAAgB,QAAQ;AAC9B,gBAAI,OAAO;AACT,mBAAK,WAAW,aAAa,IAAI;AAAA,YACnC,OAAO;AACL,mBAAK,WAAW,aAAa,IAAI;AAAA,YACnC;AAAA,UACF;AAGA,UAAC,KAAyB,cAAc,MAAM,QAAQ;AAAA,QACxD;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AACF;;;ADhDO,IAAe,gBAAf,cAAqC,WAAW;AAAA,EA4BrD,cAAc;AACZ,UAAM;AAvBR,SAAO,WAAW;AAwBhB,SAAK,aAAa,KAAK,gBAAgB;AAAA,EACzC;AAAA,EAfA,yBAAyB,WAAwB,UAAuB;AACtE,QAAI,SAAS,IAAI;AACf,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAaU,WAAW,mBAA2D;AAC9E,QAAI,kBAAkB,IAAI,cAAc,GAAG;AACzC,YAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,IAAI,KAAK,gBAAgB,CAAC;AACxD,WAAK,YAAY,MAAM,UAAU,UAAQ,KAAK,eAAe,SAAS;AACtE,WAAK,QAAQ;AACb,WAAK,OAAO,KAAK,cAAc;AAAA,IACjC;AAAA,EACF;AAAA,EAEU,YAAY,MAAc;AAClC,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,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,yBAAyB;AAAA,QACvC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAvDS;AAAA,EALN,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA;AAAA,EACR,CAAC;AAAA,GALmB,cAMb;AAIG;AAAA,EAFT,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAT9B,cAUV;AAIA;AAAA,EAFT,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAb9B,cAcV;AAEV;AAAA,EADC,MAAM,cAAc;AAAA,GAfD,cAgBpB;","names":[]}

package/dist/chunks/chunk-LROTNPC2.js

@@ -0,0 +1,94 @@
+import {
+  item_default
+} from "./chunk-Y6UWSECL.js";
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  qtiTransformItem
+} from "./chunk-XDMSEAYC.js";
+import {
+  __decorateClass
+} from "./chunk-6YE2KJ4C.js";
+
+// src/lib/qti-item/components/item-container.ts
+import { LitElement, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+var ItemContainer = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.itemURL = null;
+    this.itemDoc = null;
+    this.itemXML = null;
+    /** Template content if provided */
+    this.templateContent = null;
+  }
+  async handleItemURLChange() {
+    if (!this.itemURL) return;
+    try {
+      const api = await qtiTransformItem().load(this.itemURL);
+      this.itemDoc = api.htmlDoc();
+    } catch (error) {
+      console.error("Error loading or parsing XML:", error);
+    }
+  }
+  handleItemXMLChange() {
+    if (!this.itemXML) return;
+    try {
+      this.itemDoc = qtiTransformItem().parse(this.itemXML).htmlDoc();
+    } catch (error) {
+      console.error("Error parsing XML:", error);
+    }
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    this.initializeTemplateContent();
+    this.applyStyles();
+    if (this.itemURL) {
+      this.handleItemURLChange();
+    }
+    if (this.itemXML) {
+      this.handleItemXMLChange();
+    }
+  }
+  initializeTemplateContent() {
+    const template = this.querySelector("template");
+    this.templateContent = template ? template.content : html``;
+  }
+  applyStyles() {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(item_default);
+    this.shadowRoot.adoptedStyleSheets = [sheet];
+  }
+  render() {
+    return html`
+      ${this.templateContent}
+      <slot></slot>
+      ${until(this.itemDoc, html`<span>Loading...</span>`)}
+    `;
+  }
+};
+__decorateClass([
+  property({ type: String, attribute: "item-url" })
+], ItemContainer.prototype, "itemURL", 2);
+__decorateClass([
+  state()
+], ItemContainer.prototype, "itemDoc", 2);
+__decorateClass([
+  state()
+], ItemContainer.prototype, "itemXML", 2);
+__decorateClass([
+  watch("itemURL", { waitUntilFirstUpdate: true })
+], ItemContainer.prototype, "handleItemURLChange", 1);
+__decorateClass([
+  watch("itemXML", { waitUntilFirstUpdate: true })
+], ItemContainer.prototype, "handleItemXMLChange", 1);
+ItemContainer = __decorateClass([
+  customElement("item-container")
+], ItemContainer);
+
+export {
+  ItemContainer
+};
+//# sourceMappingURL=chunk-LROTNPC2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-item/components/item-container.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\nimport { watch } from '../../decorators/watch';\nimport itemCss from '../../../item.css?inline';\nimport { qtiTransformItem } from '../../qti-transformers';\n\n/**\n * `<item-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-item` will be placed inside the shadow DOM of this element.\n * The element loads the item from the provided URL and renders it inside the shadow DOM.\n *\n * ### Styling\n * Add a class to the element for styling.\n *\n * ```html\n * <qti-item>\n *   <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n * </qti-item>\n * ```\n */\n@customElement('item-container')\nexport class ItemContainer extends LitElement {\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'item-url' })\n  itemURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  itemDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  itemXML: string = null;\n\n  /** Template content if provided */\n  private templateContent = null;\n\n  @watch('itemURL', { waitUntilFirstUpdate: true })\n  protected async handleItemURLChange() {\n    if (!this.itemURL) return;\n    try {\n      const api = await qtiTransformItem().load(this.itemURL);\n      this.itemDoc = api.htmlDoc();\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('itemXML', { waitUntilFirstUpdate: true })\n  protected handleItemXMLChange() {\n    if (!this.itemXML) return;\n    try {\n      this.itemDoc = qtiTransformItem().parse(this.itemXML).htmlDoc();\n    } catch (error) {\n      console.error('Error parsing XML:', error);\n    }\n  }\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    this.initializeTemplateContent();\n    this.applyStyles();\n    if (this.itemURL) {\n      this.handleItemURLChange();\n    }\n    if (this.itemXML) {\n      this.handleItemXMLChange();\n    }\n  }\n\n  private initializeTemplateContent() {\n    const template = this.querySelector('template') as HTMLTemplateElement;\n    this.templateContent = template ? template.content : html``;\n  }\n\n  private applyStyles() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(itemCss);\n    this.shadowRoot.adoptedStyleSheets = [sheet];\n  }\n\n  render() {\n    return html`\n      ${this.templateContent}\n      <slot></slot>\n      ${until(this.itemDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-container': ItemContainer;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,YAAY;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,aAAa;AAoBf,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC;AAAA;AAGL,mBAAkB;AAIlB,mBAA4B;AAI5B,mBAAkB;AAGlB;AAAA,SAAQ,kBAAkB;AAAA;AAAA,EAG1B,MAAgB,sBAAsB;AACpC,QAAI,CAAC,KAAK,QAAS;AACnB,QAAI;AACF,YAAM,MAAM,MAAM,iBAAiB,EAAE,KAAK,KAAK,OAAO;AACtD,WAAK,UAAU,IAAI,QAAQ;AAAA,IAC7B,SAAS,OAAO;AACd,cAAQ,MAAM,iCAAiC,KAAK;AAAA,IACtD;AAAA,EACF;AAAA,EAGU,sBAAsB;AAC9B,QAAI,CAAC,KAAK,QAAS;AACnB,QAAI;AACF,WAAK,UAAU,iBAAiB,EAAE,MAAM,KAAK,OAAO,EAAE,QAAQ;AAAA,IAChE,SAAS,OAAO;AACd,cAAQ,MAAM,sBAAsB,KAAK;AAAA,IAC3C;AAAA,EACF;AAAA,EAEA,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,SAAK,0BAA0B;AAC/B,SAAK,YAAY;AACjB,QAAI,KAAK,SAAS;AAChB,WAAK,oBAAoB;AAAA,IAC3B;AACA,QAAI,KAAK,SAAS;AAChB,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEQ,4BAA4B;AAClC,UAAM,WAAW,KAAK,cAAc,UAAU;AAC9C,SAAK,kBAAkB,WAAW,SAAS,UAAU;AAAA,EACvD;AAAA,EAEQ,cAAc;AACpB,UAAM,QAAQ,IAAI,cAAc;AAChC,UAAM,YAAY,YAAO;AACzB,SAAK,WAAW,qBAAqB,CAAC,KAAK;AAAA,EAC7C;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,QACH,KAAK,eAAe;AAAA;AAAA,QAEpB,MAAM,KAAK,SAAS,6BAA6B,CAAC;AAAA;AAAA,EAExD;AACF;AAhEE;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,WAAW,CAAC;AAAA,GAFtC,cAGX;AAIA;AAAA,EADC,MAAM;AAAA,GANI,cAOX;AAIA;AAAA,EADC,MAAM;AAAA,GAVI,cAWX;AAMgB;AAAA,EADf,MAAM,WAAW,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAhBrC,cAiBK;AAWN;AAAA,EADT,MAAM,WAAW,EAAE,sBAAsB,KAAK,CAAC;AAAA,GA3BrC,cA4BD;AA5BC,gBAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;","names":[]}

package/dist/chunks/chunk-MTMT2RMF.js

@@ -0,0 +1,63 @@
+import {
+  testContext
+} from "./chunk-XDFXD3BI.js";
+import {
+  __decorateClass
+} from "./chunk-6YE2KJ4C.js";
+
+// src/lib/qti-test/qti-assessment-test/qti-assessment-section.ts
+import { consume } from "@lit/context";
+import { html, LitElement } from "lit";
+import { property } from "lit/decorators.js";
+var stringToBooleanConverter = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiAssessmentSection = class extends LitElement {
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new Event("qti-assessment-section-connected", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html`<slot name="qti-rubric-block"></slot><slot></slot>`;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentSection.prototype, "identifier", 2);
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentSection.prototype, "required", 2);
+__decorateClass([
+  property({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentSection.prototype, "fixed", 2);
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentSection.prototype, "title", 2);
+__decorateClass([
+  property({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentSection.prototype, "visible", 2);
+__decorateClass([
+  property({ type: Boolean, converter: stringToBooleanConverter, attribute: "keep-together" })
+], QtiAssessmentSection.prototype, "keepTogether", 2);
+__decorateClass([
+  consume({ context: testContext, subscribe: true })
+], QtiAssessmentSection.prototype, "_testContext", 2);
+if (!customElements.get("qti-assessment-section")) {
+  customElements.define("qti-assessment-section", QtiAssessmentSection);
+}
+
+export {
+  QtiAssessmentSection
+};
+//# sourceMappingURL=chunk-MTMT2RMF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/qti-assessment-test/qti-assessment-section.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { testContext, TestContext } from '../context';\n\n// https://www.imsglobal.org/sites/default/files/spec/qti/v3/info/index.html#Root_AssessmentSection\n\nconst stringToBooleanConverter = {\n  fromAttribute(value: string): boolean {\n    return value === 'true';\n  },\n  toAttribute(value: boolean): string {\n    return value ? 'true' : 'false';\n  }\n};\n\nexport class QtiAssessmentSection extends LitElement {\n  @property({ type: String }) identifier: string;\n  @property({ type: String }) required: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) fixed: boolean;\n  @property({ type: String }) title: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) visible: boolean;\n  @property({ type: Boolean, converter: stringToBooleanConverter, attribute: 'keep-together' }) keepTogether: boolean;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new Event('qti-assessment-section-connected', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html`<slot name=\"qti-rubric-block\"></slot><slot></slot>`;\n  }\n}\n\nif (!customElements.get('qti-assessment-section')) {\n  customElements.define('qti-assessment-section', QtiAssessmentSection);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-section': QtiAssessmentSection;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,gBAAgB;AAKzB,IAAM,2BAA2B;AAAA,EAC/B,cAAc,OAAwB;AACpC,WAAO,UAAU;AAAA,EACnB;AAAA,EACA,YAAY,OAAwB;AAClC,WAAO,QAAQ,SAAS;AAAA,EAC1B;AACF;AAEO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAWnD,MAAM,oBAAmC;AACvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,MAAM,oCAAoC;AAAA,QAC5C,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAxB8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,qBACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,qBAEiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAHrD,qBAGuD;AACtC;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAJf,qBAIiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GALrD,qBAKuD;AAC4B;AAAA,EAA7F,SAAS,EAAE,MAAM,SAAS,WAAW,0BAA0B,WAAW,gBAAgB,CAAC;AAAA,GANjF,qBAMmF;AAGvF;AAAA,EADN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GARvC,qBASJ;AAkBT,IAAI,CAAC,eAAe,IAAI,wBAAwB,GAAG;AACjD,iBAAe,OAAO,0BAA0B,oBAAoB;AACtE;","names":[]}

package/dist/chunks/chunk-NDJZGJUR.js

@@ -0,0 +1,65 @@
+// src/lib/qti-test/mixins/test-navigation.mixin.ts
+var TestNavigationMixin = (superClass) => {
+  class TestNavigationClass extends superClass {
+    constructor(...args) {
+      super(...args);
+      this.addEventListener("qti-request-test-item", ({ detail: navItemId }) => {
+        if (!navItemId) return;
+        this._clearLoadedItems();
+        const itemRefEl = this.testElement.el.querySelector(
+          `qti-assessment-item-ref[identifier="${navItemId}"]`
+        );
+        const promise = this._loadItemRequest(itemRefEl.href, false);
+        const navPartId = itemRefEl.closest("qti-test-part").identifier;
+        const navSectionId = itemRefEl.closest("qti-assessment-section").identifier;
+        this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId, navItemLoading: true };
+        if (promise) {
+          promise.then((doc) => {
+            itemRefEl.xmlDoc = doc;
+            requestAnimationFrame(
+              () => this.dispatchEvent(new CustomEvent("qti-item-connected", { bubbles: true, composed: true }))
+            );
+            this._testContext = { ...this._testContext, navItemLoading: false };
+          }).catch((error) => console.error("Failed to load item:", error));
+        } else {
+          console.info("Load item request was not handled:", itemRefEl.href);
+        }
+      });
+      this.addEventListener("qti-assessment-test-connected", () => {
+        let navItemId = this._testContext.navItemId;
+        if (!navItemId) {
+          const itemRefEl = this.testElement.el.querySelector("qti-assessment-item-ref");
+          navItemId = itemRefEl.identifier;
+        }
+        this.dispatchEvent(
+          new CustomEvent("qti-request-test-item", { detail: navItemId, bubbles: true, composed: true })
+        );
+      });
+    }
+    _clearLoadedItems() {
+      const itemRefEls = this.testElement.el.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);
+      Array.from(itemRefEls).forEach((itemElement) => {
+        itemElement.xmlDoc = null;
+      });
+    }
+    _loadItemRequest(href, cancelPreviousRequest = true) {
+      const event = new CustomEvent("qti-load-item-request", {
+        bubbles: true,
+        composed: true,
+        detail: {
+          href,
+          promise: null,
+          cancelPreviousRequest
+        }
+      });
+      this.dispatchEvent(event);
+      return event.detail.promise;
+    }
+  }
+  return TestNavigationClass;
+};
+
+export {
+  TestNavigationMixin
+};
+//# sourceMappingURL=chunk-NDJZGJUR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/mixins/test-navigation.mixin.ts"],"sourcesContent":["import { QtiAssessmentItemRef } from '../qti-assessment-test';\nimport { TestBase } from '../test-base';\n\ndeclare module '../context/test.context' {\n  interface TestContext {\n    navPartId?: string | null;\n    navSectionId?: string | null;\n    navItemId?: string | null;\n    navItemLoading?: boolean;\n    navTestLoading?: boolean;\n  }\n}\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestNavigationInterface {}\nexport const TestNavigationMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestNavigationClass extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n\n      // this.addEventListener('qti-request-test-part', (e: CustomEvent) => {\n      //   this._clearLoadedItems();\n      // });\n\n      // Load all items of a section\n      // this.addEventListener('qti-request-test-section', ({ detail: navSectionId }: CustomEvent<string>) => {\n      //   this._clearLoadedItems();\n\n      //   const sectionRefEl = this.testElement.el.querySelector<QtiAssessmentItemRef>(\n      //     `qti-assessment-section[identifier=\"${navSectionId}\"]`\n      //   );\n\n      //   const itemRefEls = this.testElement.el.querySelectorAll(\n      //     `qti-assessment-section[identifier=\"${navSectionId}\"] > qti-assessment-item-ref`\n      //   );\n\n      //   const navPartId = sectionRefEl.closest('qti-test-part').identifier;\n\n      //   this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId: null };\n\n      //   const items = Array.from(itemRefEls).map((itemRef: QtiAssessmentItemRef) => {\n      //     return { identifier: itemRef.identifier, href: itemRef.href, element: itemRef };\n      //   });\n\n      //   const promises = items.map((item, index) => {\n      //     return new Promise((resolve, reject) => {\n      //       return this._loadItemRequest(item.href, false)\n      //         .then(doc => (item.element.xmlDoc = doc))\n      //         .then(() => resolve(item))\n      //         .catch(error => console.error('Failed to load item:', error));\n      //     });\n      //   });\n\n      //   Promise.all(promises)\n      //     .then(results => {\n      //       requestAnimationFrame(() =>\n      //         this.dispatchEvent(new CustomEvent('qti-test-connected', { detail: results, bubbles: true, composed: true }))\n      //       );\n      //     })\n      //     .catch(error => console.error('One or more promises failed:', error));\n      // });\n\n      // load an item\n      this.addEventListener('qti-request-test-item', ({ detail: navItemId }: CustomEvent<string>) => {\n        if (!navItemId) return;\n        this._clearLoadedItems();\n\n        const itemRefEl = this.testElement.el.querySelector<QtiAssessmentItemRef>(\n          `qti-assessment-item-ref[identifier=\"${navItemId}\"]`\n        );\n\n        const promise = this._loadItemRequest(itemRefEl.href, false);\n\n        const navPartId = itemRefEl.closest('qti-test-part').identifier;\n        const navSectionId = itemRefEl.closest('qti-assessment-section').identifier;\n        this._testContext = { ...this._testContext, navPartId, navSectionId, navItemId, navItemLoading: true };\n\n        if (promise) {\n          promise\n            .then(doc => {\n              itemRefEl.xmlDoc = doc;\n              requestAnimationFrame(() =>\n                this.dispatchEvent(new CustomEvent('qti-item-connected', { bubbles: true, composed: true }))\n              );\n              this._testContext = { ...this._testContext, navItemLoading: false };\n            })\n            .catch(error => console.error('Failed to load item:', error));\n        } else {\n          console.info('Load item request was not handled:', itemRefEl.href);\n        }\n      });\n\n      this.addEventListener('qti-assessment-test-connected', () => {\n        let navItemId = this._testContext.navItemId;\n        if (!navItemId) {\n          const itemRefEl = this.testElement.el.querySelector<QtiAssessmentItemRef>('qti-assessment-item-ref');\n          navItemId = itemRefEl.identifier;\n        }\n        this.dispatchEvent(\n          new CustomEvent('qti-request-test-item', { detail: navItemId, bubbles: true, composed: true })\n        );\n      });\n    }\n\n    private _clearLoadedItems(): void {\n      const itemRefEls = this.testElement.el.querySelectorAll(`qti-assessment-test qti-assessment-item-ref`);\n      Array.from(itemRefEls).forEach((itemElement: QtiAssessmentItemRef) => {\n        itemElement.xmlDoc = null;\n      });\n    }\n\n    private _loadItemRequest(href: string, cancelPreviousRequest: boolean = true): Promise<DocumentFragment> {\n      const event = new CustomEvent('qti-load-item-request', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          href: href,\n          promise: null,\n          cancelPreviousRequest\n        }\n      });\n      this.dispatchEvent(event);\n\n      return event.detail.promise;\n    }\n  }\n\n  return TestNavigationClass as Constructor<TestNavigationInterface> & T;\n};\n"],"mappings":";AAgBO,IAAM,sBAAsB,CAAkC,eAAkB;AAAA,EACrF,MAAe,4BAA4B,WAAW;AAAA,IACpD,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AA6Cb,WAAK,iBAAiB,yBAAyB,CAAC,EAAE,QAAQ,UAAU,MAA2B;AAC7F,YAAI,CAAC,UAAW;AAChB,aAAK,kBAAkB;AAEvB,cAAM,YAAY,KAAK,YAAY,GAAG;AAAA,UACpC,uCAAuC,SAAS;AAAA,QAClD;AAEA,cAAM,UAAU,KAAK,iBAAiB,UAAU,MAAM,KAAK;AAE3D,cAAM,YAAY,UAAU,QAAQ,eAAe,EAAE;AACrD,cAAM,eAAe,UAAU,QAAQ,wBAAwB,EAAE;AACjE,aAAK,eAAe,EAAE,GAAG,KAAK,cAAc,WAAW,cAAc,WAAW,gBAAgB,KAAK;AAErG,YAAI,SAAS;AACX,kBACG,KAAK,SAAO;AACX,sBAAU,SAAS;AACnB;AAAA,cAAsB,MACpB,KAAK,cAAc,IAAI,YAAY,sBAAsB,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AAAA,YAC7F;AACA,iBAAK,eAAe,EAAE,GAAG,KAAK,cAAc,gBAAgB,MAAM;AAAA,UACpE,CAAC,EACA,MAAM,WAAS,QAAQ,MAAM,wBAAwB,KAAK,CAAC;AAAA,QAChE,OAAO;AACL,kBAAQ,KAAK,sCAAsC,UAAU,IAAI;AAAA,QACnE;AAAA,MACF,CAAC;AAED,WAAK,iBAAiB,iCAAiC,MAAM;AAC3D,YAAI,YAAY,KAAK,aAAa;AAClC,YAAI,CAAC,WAAW;AACd,gBAAM,YAAY,KAAK,YAAY,GAAG,cAAoC,yBAAyB;AACnG,sBAAY,UAAU;AAAA,QACxB;AACA,aAAK;AAAA,UACH,IAAI,YAAY,yBAAyB,EAAE,QAAQ,WAAW,SAAS,MAAM,UAAU,KAAK,CAAC;AAAA,QAC/F;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEQ,oBAA0B;AAChC,YAAM,aAAa,KAAK,YAAY,GAAG,iBAAiB,6CAA6C;AACrG,YAAM,KAAK,UAAU,EAAE,QAAQ,CAAC,gBAAsC;AACpE,oBAAY,SAAS;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,IAEQ,iBAAiB,MAAc,wBAAiC,MAAiC;AACvG,YAAM,QAAQ,IAAI,YAAY,yBAAyB;AAAA,QACrD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,UACN;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AACD,WAAK,cAAc,KAAK;AAExB,aAAO,MAAM,OAAO;AAAA,IACtB;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/chunks/chunk-OE2LFIH2.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OE2LFIH2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunks/chunk-OJ2XGDWK.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OJ2XGDWK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunks/chunk-PUBGXXTM.js

@@ -0,0 +1,50 @@
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  TestComponent
+} from "./chunk-LKINC6JO.js";
+import {
+  __decorateClass
+} from "./chunk-6YE2KJ4C.js";
+
+// src/lib/qti-test/components/test-next.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestNext = class extends TestComponent {
+  constructor() {
+    super();
+    this._internals.role = "button";
+    this._internals.ariaLabel = "Next item";
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this.disabled) this._requestItem(this.items[this.itemIndex + 1].identifier);
+    });
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("_testContext")) {
+      this.disabled = !this._testElement?.el || this.itemIndex < 0 || this.itemIndex >= this.items.length - 1;
+    }
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestNext.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestNext = __decorateClass([
+  customElement("test-next")
+], TestNext);
+
+export {
+  TestNext
+};
+//# sourceMappingURL=chunk-PUBGXXTM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-next.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport * as styles from './styles';\nimport { TestComponent } from './test-component.abstract';\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 TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  constructor() {\n    super();\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.items[this.itemIndex + 1].identifier);\n    });\n  }\n\n  willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('_testContext')) {\n      this.disabled = !this._testElement?.el || this.itemIndex < 0 || this.itemIndex >= this.items.length - 1;\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,YAAY;AAC1B,SAAS,qBAAqB;AAgBvB,IAAM,WAAN,cAAuB,cAAc;AAAA,EAU1C,cAAc;AACZ,UAAM;AACN,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,MAAM,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACjF,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,mBAA2D;AACpE,UAAM,WAAW,iBAAiB;AAClC,QAAI,kBAAkB,IAAI,cAAc,GAAG;AACzC,WAAK,WAAW,CAAC,KAAK,cAAc,MAAM,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,MAAM,SAAS;AAAA,IACxG;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA/Ba,SACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}

package/dist/chunks/chunk-QRCUNRP5.js

@@ -0,0 +1,75 @@
+import {
+  testContext
+} from "./chunk-XDFXD3BI.js";
+import {
+  __decorateClass
+} from "./chunk-6YE2KJ4C.js";
+
+// src/lib/qti-test/qti-assessment-test/qti-assessment-item-ref.ts
+import { consume } from "@lit/context";
+import { html, LitElement } from "lit";
+import { property } from "lit/decorators.js";
+var stringToBooleanConverter = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiAssessmentItemRef = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.weigths = /* @__PURE__ */ new Map();
+  }
+  // the XMLDocument
+  createRenderRoot() {
+    return this;
+  }
+  get assessmentItem() {
+    return this.renderRoot?.querySelector("qti-assessment-item");
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new CustomEvent("qti-assessment-item-ref-connected", {
+        bubbles: true,
+        composed: true,
+        detail: { identifier: this.identifier, href: this.href, category: this.category }
+      })
+    );
+  }
+  render() {
+    return html`${this.xmlDoc}`;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentItemRef.prototype, "category", 2);
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentItemRef.prototype, "identifier", 2);
+__decorateClass([
+  property({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentItemRef.prototype, "required", 2);
+__decorateClass([
+  property({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentItemRef.prototype, "fixed", 2);
+__decorateClass([
+  property({ type: String })
+], QtiAssessmentItemRef.prototype, "href", 2);
+__decorateClass([
+  consume({ context: testContext, subscribe: true })
+], QtiAssessmentItemRef.prototype, "_testContext", 2);
+__decorateClass([
+  property({ type: Object, attribute: false })
+], QtiAssessmentItemRef.prototype, "xmlDoc", 2);
+if (!customElements.get("qti-assessment-item-ref")) {
+  customElements.define("qti-assessment-item-ref", QtiAssessmentItemRef);
+}
+
+export {
+  QtiAssessmentItemRef
+};
+//# sourceMappingURL=chunk-QRCUNRP5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/qti-assessment-test/qti-assessment-item-ref.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { testContext, TestContext } from '../context';\nimport { QtiAssessmentItem } from '../../qti-components';\n\n// Converter function to interpret \"true\" and \"false\" as booleans\nconst stringToBooleanConverter = {\n  fromAttribute(value: string): boolean {\n    return value === 'true';\n  },\n  toAttribute(value: boolean): string {\n    return value ? 'true' : 'false';\n  }\n};\n\n// @customElement('qti-assessment-item-ref')\nexport class QtiAssessmentItemRef extends LitElement {\n  @property({ type: String }) category?: string;\n  @property({ type: String }) identifier?: string;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) required?: boolean;\n  @property({ type: Boolean, converter: stringToBooleanConverter }) fixed?: boolean;\n  @property({ type: String }) href?: string;\n\n  @consume({ context: testContext, subscribe: true })\n  public _testContext?: TestContext;\n\n  weigths: Map<string, number> = new Map();\n\n  @property({ type: Object, attribute: false })\n  xmlDoc!: DocumentFragment; // the XMLDocument\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  get assessmentItem(): QtiAssessmentItem | null {\n    return this.renderRoot?.querySelector('qti-assessment-item');\n  }\n\n  async connectedCallback(): Promise<void> {\n    // debugger;\n    super.connectedCallback();\n    await this.updateComplete;\n    this.dispatchEvent(\n      new CustomEvent('qti-assessment-item-ref-connected', {\n        bubbles: true,\n        composed: true,\n        detail: { identifier: this.identifier, href: this.href, category: this.category }\n      })\n    );\n  }\n\n  render() {\n    return html`${this.xmlDoc}`;\n  }\n}\n\nif (!customElements.get('qti-assessment-item-ref')) {\n  customElements.define('qti-assessment-item-ref', QtiAssessmentItemRef);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-item-ref': QtiAssessmentItemRef;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,gBAAgB;AAKzB,IAAM,2BAA2B;AAAA,EAC/B,cAAc,OAAwB;AACpC,WAAO,UAAU;AAAA,EACnB;AAAA,EACA,YAAY,OAAwB;AAClC,WAAO,QAAQ,SAAS;AAAA,EAC1B;AACF;AAGO,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAA9C;AAAA;AAUL,mBAA+B,oBAAI,IAAI;AAAA;AAAA;AAAA,EAK7B,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,IAAI,iBAA2C;AAC7C,WAAO,KAAK,YAAY,cAAc,qBAAqB;AAAA,EAC7D;AAAA,EAEA,MAAM,oBAAmC;AAEvC,UAAM,kBAAkB;AACxB,UAAM,KAAK;AACX,SAAK;AAAA,MACH,IAAI,YAAY,qCAAqC;AAAA,QACnD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,YAAY,KAAK,YAAY,MAAM,KAAK,MAAM,UAAU,KAAK,SAAS;AAAA,MAClF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO,OAAO,KAAK,MAAM;AAAA,EAC3B;AACF;AAtC8B;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADf,qBACiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAFf,qBAEiB;AACsC;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAHrD,qBAGuD;AACA;AAAA,EAAjE,SAAS,EAAE,MAAM,SAAS,WAAW,yBAAyB,CAAC;AAAA,GAJrD,qBAIuD;AACtC;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GALf,qBAKiB;AAGrB;AAAA,EADN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAPvC,qBAQJ;AAKP;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,MAAM,CAAC;AAAA,GAZjC,qBAaX;AA4BF,IAAI,CAAC,eAAe,IAAI,yBAAyB,GAAG;AAClD,iBAAe,OAAO,2BAA2B,oBAAoB;AACvE;","names":[]}

package/dist/chunks/chunk-S6JJYCO7.js

@@ -0,0 +1,51 @@
+// src/lib/qti-test/mixins/test-view.mixin.ts
+var TestViewMixin = (superClass) => {
+  class TestViewClass extends superClass {
+    constructor(...args) {
+      super(...args);
+      this._testContext = { ...this._testContext, view: "candidate" };
+      this.addEventListener("on-test-switch-view", (e) => {
+        this._testContext = { ...this._testContext, view: e.detail };
+        this._updateElementView();
+      });
+      this.addEventListener("qti-assessment-test-connected", () => {
+        this._updateElementView();
+      });
+      this.addEventListener("qti-assessment-item-connected", (e) => {
+        this._updateElementView();
+        this._setCorrectResponseVisibility(e.detail);
+      });
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("_testContext")) {
+        this._updateElementView();
+      }
+    }
+    // Method to handle view updates for elements based on the current context view
+    _updateElementView() {
+      if (this.testElement && this.testElement.el) {
+        const viewElements = Array.from(this.testElement.el.querySelectorAll("[view]"));
+        viewElements.forEach((element) => {
+          element.classList.toggle("show", element.getAttribute("view") === this._testContext.view);
+        });
+        const assessmentItem = this.testElement.el.querySelector(
+          `qti-assessment-item[identifier="${this._testContext.navItemId}"]`
+        );
+        if (assessmentItem) {
+          assessmentItem.showCorrectResponse(this._testContext.view === "scorer");
+        }
+      }
+    }
+    // Event handler for connected QTI assessment items
+    _setCorrectResponseVisibility(assessmentItem) {
+      assessmentItem.showCorrectResponse(this._testContext.view === "scorer");
+    }
+  }
+  return TestViewClass;
+};
+
+export {
+  TestViewMixin
+};
+//# sourceMappingURL=chunk-S6JJYCO7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/mixins/test-view.mixin.ts"],"sourcesContent":["import { QtiAssessmentItem } from '../../qti-components';\nimport { TestBase } from '../test-base';\n\nexport type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';\n\ndeclare module '../context' {\n  interface TestContext {\n    view?: View;\n  }\n}\n\ntype Constructor<T = {}> = abstract new (...args: any[]) => T;\n\ndeclare class TestViewInterface {}\n\nexport const TestViewMixin = <T extends Constructor<TestBase>>(superClass: T) => {\n  abstract class TestViewClass extends superClass {\n    constructor(...args: any[]) {\n      super(...args);\n      this._testContext = { ...this._testContext, view: 'candidate' };\n\n      this.addEventListener('on-test-switch-view', (e: CustomEvent<View>) => {\n        this._testContext = { ...this._testContext, view: e.detail };\n        this._updateElementView();\n      });\n      this.addEventListener('qti-assessment-test-connected', () => {\n        this._updateElementView();\n      });\n      this.addEventListener('qti-assessment-item-connected', (e: CustomEvent) => {\n        this._updateElementView();\n        this._setCorrectResponseVisibility(e.detail);\n      });\n    }\n\n    willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n      super.willUpdate(changedProperties);\n      if (changedProperties.has('_testContext')) {\n        // if (previousContext && previousContext.view !== this._testContext.view) {\n        this._updateElementView();\n        // }\n      }\n    }\n\n    // Method to handle view updates for elements based on the current context view\n    private _updateElementView() {\n      if (this.testElement && this.testElement.el) {\n        const viewElements = Array.from(this.testElement.el.querySelectorAll('[view]'));\n\n        viewElements.forEach((element: HTMLElement) => {\n          element.classList.toggle('show', element.getAttribute('view') === this._testContext.view);\n        });\n\n        const assessmentItem = this.testElement.el.querySelector<QtiAssessmentItem>(\n          `qti-assessment-item[identifier=\"${this._testContext.navItemId}\"]`\n        );\n        if (assessmentItem) {\n          assessmentItem.showCorrectResponse(this._testContext.view === 'scorer');\n        }\n      }\n    }\n\n    // Event handler for connected QTI assessment items\n    private _setCorrectResponseVisibility(assessmentItem: QtiAssessmentItem): void {\n      assessmentItem.showCorrectResponse(this._testContext.view === 'scorer');\n    }\n  }\n\n  return TestViewClass as Constructor<TestViewInterface> & T;\n};\n"],"mappings":";AAeO,IAAM,gBAAgB,CAAkC,eAAkB;AAAA,EAC/E,MAAe,sBAAsB,WAAW;AAAA,IAC9C,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AACb,WAAK,eAAe,EAAE,GAAG,KAAK,cAAc,MAAM,YAAY;AAE9D,WAAK,iBAAiB,uBAAuB,CAAC,MAAyB;AACrE,aAAK,eAAe,EAAE,GAAG,KAAK,cAAc,MAAM,EAAE,OAAO;AAC3D,aAAK,mBAAmB;AAAA,MAC1B,CAAC;AACD,WAAK,iBAAiB,iCAAiC,MAAM;AAC3D,aAAK,mBAAmB;AAAA,MAC1B,CAAC;AACD,WAAK,iBAAiB,iCAAiC,CAAC,MAAmB;AACzE,aAAK,mBAAmB;AACxB,aAAK,8BAA8B,EAAE,MAAM;AAAA,MAC7C,CAAC;AAAA,IACH;AAAA,IAEA,WAAW,mBAA2D;AACpE,YAAM,WAAW,iBAAiB;AAClC,UAAI,kBAAkB,IAAI,cAAc,GAAG;AAEzC,aAAK,mBAAmB;AAAA,MAE1B;AAAA,IACF;AAAA;AAAA,IAGQ,qBAAqB;AAC3B,UAAI,KAAK,eAAe,KAAK,YAAY,IAAI;AAC3C,cAAM,eAAe,MAAM,KAAK,KAAK,YAAY,GAAG,iBAAiB,QAAQ,CAAC;AAE9E,qBAAa,QAAQ,CAAC,YAAyB;AAC7C,kBAAQ,UAAU,OAAO,QAAQ,QAAQ,aAAa,MAAM,MAAM,KAAK,aAAa,IAAI;AAAA,QAC1F,CAAC;AAED,cAAM,iBAAiB,KAAK,YAAY,GAAG;AAAA,UACzC,mCAAmC,KAAK,aAAa,SAAS;AAAA,QAChE;AACA,YAAI,gBAAgB;AAClB,yBAAe,oBAAoB,KAAK,aAAa,SAAS,QAAQ;AAAA,QACxE;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAGQ,8BAA8B,gBAAyC;AAC7E,qBAAe,oBAAoB,KAAK,aAAa,SAAS,QAAQ;AAAA,IACxE;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/chunks/chunk-U3AALKEP.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-U3AALKEP.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunks/chunk-UCQFSRYF.js

@@ -0,0 +1,34 @@
+import {
+  qtiTransformItem
+} from "./chunk-XDMSEAYC.js";
+
+// src/lib/qti-test/mixins/test-loader.mixin.ts
+var TestLoaderMixin = (superClass) => {
+  class TestLoaderClass extends superClass {
+    // private testURL = '';
+    constructor(...args) {
+      super(...args);
+      this.addEventListener("qti-assessment-test-connected", () => {
+      });
+      this.addEventListener("qti-load-item-request", ({ detail }) => {
+        detail.promise = (async () => {
+          const api = await qtiTransformItem().load(
+            `${detail.href}`,
+            detail.cancelPreviousRequest
+          );
+          return api.htmlDoc();
+        })();
+      });
+      this.addEventListener("qti-interaction-changed", (_e) => {
+      });
+      this.addEventListener("qti-outcome-changed", () => {
+      });
+    }
+  }
+  return TestLoaderClass;
+};
+
+export {
+  TestLoaderMixin
+};
+//# sourceMappingURL=chunk-UCQFSRYF.js.map