@citolab/qti-components 7.0.6-next.0 → 7.0.6

package/dist/{chunk-JDHBXMKF.js → chunk-6ZMD232X.js}

@@ -1,6 +1,6 @@
 import {
   TestComponent
-} from "./chunk-ENVUIH2A.js";
+} from "./chunk-GPJ6WTE5.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -75,4 +75,4 @@ TestPagingButtonsStamp = __decorateClass([
 export {
   TestPagingButtonsStamp
 };
-//# sourceMappingURL=chunk-JDHBXMKF.js.map
+//# sourceMappingURL=chunk-6ZMD232X.js.map

package/dist/{chunk-L7MBIXEX.js → chunk-AYRSHIHA.js}

@@ -1,10 +1,10 @@
+import {
+  TestComponent
+} from "./chunk-GPJ6WTE5.js";
 import {
   btn,
   dis
 } from "./chunk-UB5K44DB.js";
-import {
-  TestComponent
-} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -47,4 +47,4 @@ TestNext = __decorateClass([
 export {
   TestNext
 };
-//# sourceMappingURL=chunk-L7MBIXEX.js.map
+//# sourceMappingURL=chunk-AYRSHIHA.js.map

package/dist/{chunk-GTYLWGDG.js → chunk-BN32D5J2.js}

@@ -1,10 +1,10 @@
+import {
+  TestComponent
+} from "./chunk-GPJ6WTE5.js";
 import {
   btn,
   dis
 } from "./chunk-UB5K44DB.js";
-import {
-  TestComponent
-} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -40,4 +40,4 @@ TestItemLink = __decorateClass([
 export {
   TestItemLink
 };
-//# sourceMappingURL=chunk-GTYLWGDG.js.map
+//# sourceMappingURL=chunk-BN32D5J2.js.map

package/dist/{chunk-TXRSYXG3.js → chunk-CJRXRBRQ.js}

@@ -1,10 +1,10 @@
+import {
+  TestComponent
+} from "./chunk-GPJ6WTE5.js";
 import {
   btn,
   dis
 } from "./chunk-UB5K44DB.js";
-import {
-  TestComponent
-} from "./chunk-ENVUIH2A.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -47,4 +47,4 @@ TestPrev = __decorateClass([
 export {
   TestPrev
 };
-//# sourceMappingURL=chunk-TXRSYXG3.js.map
+//# sourceMappingURL=chunk-CJRXRBRQ.js.map

package/dist/{chunk-ENVUIH2A.js → chunk-GPJ6WTE5.js}

@@ -1,10 +1,10 @@
-import {
-  watch
-} from "./chunk-4YG2FPKK.js";
 import {
   testContext,
   testElement
-} from "./chunk-R4HSV7U7.js";
+} from "./chunk-YQ7EXOAK.js";
+import {
+  watch
+} from "./chunk-4YG2FPKK.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -115,4 +115,4 @@ __decorateClass([
 export {
   TestComponent
 };
-//# sourceMappingURL=chunk-ENVUIH2A.js.map
+//# sourceMappingURL=chunk-GPJ6WTE5.js.map

package/dist/chunk-GPJ6WTE5.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 '../core/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/chunk-KAUHKHPH.js

@@ -0,0 +1,50 @@
+import {
+  btn,
+  dis
+} from "./chunk-UB5K44DB.js";
+import {
+  TestComponent
+} from "./chunk-GPJ6WTE5.js";
+import {
+  __decorateClass
+} from "./chunk-44VE5POH.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-KAUHKHPH.js.map

package/dist/chunk-KAUHKHPH.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/chunk-MAC76UNI.js

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

package/dist/{chunk-XNBWN7N2.js → chunk-QYN5S4EM.js}

@@ -1,17 +1,17 @@
 import {
   item_default
-} from "./chunk-3WLCQQN7.js";
-import {
-  watch
-} from "./chunk-4YG2FPKK.js";
+} from "./chunk-2CHF3TMY.js";
 import {
   qtiTransformItem
 } from "./chunk-2OA7E3E7.js";
+import {
+  watch
+} from "./chunk-4YG2FPKK.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
 
-// src/lib/qti-item/components/item-container.ts
+// src/lib/qti-item/core/components/item-container.ts
 import { LitElement, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { until } from "lit/directives/until.js";
@@ -88,7 +88,20 @@ ItemContainer = __decorateClass([
   customElement("item-container")
 ], ItemContainer);
 
+// src/lib/qti-item/core/qti-item.ts
+import { html as html2, LitElement as LitElement2 } from "lit";
+import { customElement as customElement2 } from "lit/decorators.js";
+var QtiItem = class extends LitElement2 {
+  render() {
+    return html2`<slot></slot>`;
+  }
+};
+QtiItem = __decorateClass([
+  customElement2("qti-item")
+], QtiItem);
+
 export {
-  ItemContainer
+  ItemContainer,
+  QtiItem
 };
-//# sourceMappingURL=chunk-XNBWN7N2.js.map
+//# sourceMappingURL=chunk-QYN5S4EM.js.map

package/dist/chunk-QYN5S4EM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-item/core/components/item-container.ts","../src/lib/qti-item/core/qti-item.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","import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n/**\n * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\n * It can also host some functionalities to interact with the item like scoring, showing feedback, etc.\n * Placing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\n * See `<item-container>` for more details.\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('qti-item')\nexport class QtiItem extends LitElement {\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-item': QtiItem;\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;;;ACtBb,SAAS,QAAAA,OAAM,cAAAC,mBAAkB;AACjC,SAAS,iBAAAC,sBAAqB;AAevB,IAAM,UAAN,cAAsBC,YAAW;AAAA,EACtC,SAAS;AACP,WAAOC;AAAA,EACT;AACF;AAJa,UAAN;AAAA,EADNC,eAAc,UAAU;AAAA,GACZ;","names":["html","LitElement","customElement","LitElement","html","customElement"]}

package/dist/chunk-UJTJIU3C.js

@@ -0,0 +1,43 @@
+import {
+  btn,
+  dis
+} from "./chunk-UB5K44DB.js";
+import {
+  TestComponent
+} from "./chunk-GPJ6WTE5.js";
+import {
+  __decorateClass
+} from "./chunk-44VE5POH.js";
+
+// src/lib/qti-test/components/test-item-link.ts
+import { css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var TestItemLink = class extends TestComponent {
+  constructor() {
+    super();
+    this.itemId = null;
+    this.addEventListener("click", () => this._requestItem(this.itemId));
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+TestItemLink.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: String, attribute: "item-id" })
+], TestItemLink.prototype, "itemId", 2);
+TestItemLink = __decorateClass([
+  customElement("test-item-link")
+], TestItemLink);
+
+export {
+  TestItemLink
+};
+//# sourceMappingURL=chunk-UJTJIU3C.js.map

package/dist/chunk-UJTJIU3C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-item-link.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport * as styles from './styles';\n\n@customElement('test-item-link')\nexport class TestItemLink extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @property({ type: String, attribute: 'item-id' })\n  private itemId: string = null;\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._requestItem(this.itemId));\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-item-link': TestItemLink;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAC1B,SAAS,eAAe,gBAAgB;AAKjC,IAAM,eAAN,cAA2B,cAAc;AAAA,EAa9C,cAAc;AACZ,UAAM;AAHR,SAAQ,SAAiB;AAIvB,SAAK,iBAAiB,SAAS,MAAM,KAAK,aAAa,KAAK,MAAM,CAAC;AAAA,EACrE;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AArBa,aACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAKR;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,UAAU,CAAC;AAAA,GAVrC,aAWH;AAXG,eAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;","names":[]}

package/dist/chunk-XVQZ5JI5.js

@@ -0,0 +1,50 @@
+import {
+  btn,
+  dis
+} from "./chunk-UB5K44DB.js";
+import {
+  TestComponent
+} from "./chunk-GPJ6WTE5.js";
+import {
+  __decorateClass
+} from "./chunk-44VE5POH.js";
+
+// src/lib/qti-test/components/test-prev.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestPrev = 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 === -1;
+    }
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestPrev.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestPrev = __decorateClass([
+  customElement("test-prev")
+], TestPrev);
+
+export {
+  TestPrev
+};
+//# sourceMappingURL=chunk-XVQZ5JI5.js.map

package/dist/chunk-XVQZ5JI5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/qti-test/components/test-prev.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport * as styles from './styles';\n\n/**\n * Represents a custom element for navigating to the previous test item.\n *\n * @remarks\n * This element provides functionality for navigating to the previous test item.\n *\n * @example\n * ```html\n * <test-prev></test-prev>\n * ```\n */\n@customElement('test-prev')\nexport class TestPrev 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 === -1;\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-previous': TestPrev;\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,cAAc,KAAK,KAAK,cAAc;AAAA,IACvF;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/{chunk-EUCEENQQ.js → chunk-XW3PQRKW.js}

@@ -1,12 +1,9 @@
 import {
-  liveQuery
-} from "./chunk-4CSM2PCC.js";
+  qtiTransformItem
+} from "./chunk-2OA7E3E7.js";
 import {
   watch
 } from "./chunk-4YG2FPKK.js";
-import {
-  qtiTransformItem
-} from "./chunk-2OA7E3E7.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -1134,13 +1131,13 @@ var QtiExtendedTextInteraction = class extends Interaction {
     }
   }
   get value() {
-    return this._value;
+    return this._value || null;
   }
   set value(val) {
-    if (typeof val === "string") {
-      this._value = val;
+    if (typeof val === "string" || val === null) {
+      this._value = val || "";
       const formData = new FormData();
-      formData.append(this.responseIdentifier, val);
+      formData.append(this.responseIdentifier, this._value);
       this._internals.setFormValue(formData);
       this.validate();
     } else {
@@ -1338,13 +1335,13 @@ var QtiTextEntryInteraction = class extends Interaction {
     this.inputRef = createRef();
   }
   get value() {
-    return this._value;
+    return this._value || null;
   }
   set value(val) {
-    if (typeof val === "string") {
-      this._value = val;
+    if (typeof val === "string" || val === null) {
+      this._value = val || "";
       const formData = new FormData();
-      formData.append(this.responseIdentifier, val);
+      formData.append(this.responseIdentifier, this._value);
       this._internals.setFormValue(formData);
       this.validate();
     } else {
@@ -1462,13 +1459,18 @@ var ChoicesMixin = (superClass, selector) => {
       this._determineInputType();
     }
     get value() {
+      if (Array.isArray(this._value) && this._value.length === 0) {
+        return null;
+      } else if (this._value === "") {
+        return null;
+      }
       return Array.isArray(this._value) ? this._value.join(",") : this._value;
     }
     set value(val) {
-      if (this.maxChoices > 1 && typeof val === "string") {
-        this._value = val.split(",");
+      if (this.maxChoices > 1 && (typeof val === "string" || val === null)) {
+        this._value = !val ? [] : val.toString().split(",");
       } else {
-        this._value = val;
+        this._value = val || "";
       }
       if (Array.isArray(this._value)) {
         const formData = new FormData();
@@ -1728,14 +1730,14 @@ var QtiInlineChoiceInteraction = class extends Interaction {
   }
   set value(value) {
     this.options = this.options.map((option) => {
-      if (value === option.value) {
+      if (value && value === option.value) {
         option.selected = true;
       }
       return option;
     });
   }
   get value() {
-    return this.options.find((option) => option.selected).value;
+    return this.options.find((option) => option.selected)?.value || null;
   }
   set correctResponse(value) {
     if (value === "") {
@@ -2502,9 +2504,6 @@ function qtiAndMixin(Base) {
   };
 }
 
-// src/lib/qti-components/qti-response-processing/qti-expression/qti-and/index.ts
-customElements.define("qti-and", QtiAnd);
-
 // src/lib/qti-components/qti-response-processing/qti-expression/qti-basevalue/qti-basevalue.ts
 import { property as property17 } from "lit/decorators.js";
 var QtiBaseValue = class extends QtiExpression {
@@ -3160,9 +3159,6 @@ function qtiSubtractMixin(Base) {
   };
 }
 
-// src/lib/qti-components/qti-response-processing/qti-expression/qti-subtract/index.ts
-customElements.define("qti-subtract", QtiSubtract);
-
 // src/lib/qti-components/qti-response-processing/qti-expression/qti-string-match/qti-string-match.ts
 import { property as property23 } from "lit/decorators.js";
 var QtiStringMatch = class extends QtiExpression {
@@ -3539,7 +3535,42 @@ var FlippablesMixin = (superClass, _droppablesSel, _draggablesSel) => {
 
 // src/lib/qti-components/qti-interaction/internal/drag-drop/drag-drop-interaction-mixin.ts
 import { property as property25 } from "lit/decorators.js";
-var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelector, dragContainersSelector) => {
+
+// src/lib/decorators/live-query.ts
+function liveQuery(querySelector, _options) {
+  let observer;
+  return (proto, decoratedFnName) => {
+    const { connectedCallback, disconnectedCallback } = proto;
+    proto.connectedCallback = function() {
+      connectedCallback.call(this);
+      const callback = (mutationList) => {
+        const elementsToWatch = Array.from(this.querySelectorAll(querySelector)).concat(
+          Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])
+        );
+        for (const mutation of mutationList) {
+          const addedNodes = Array.from(mutation.addedNodes).map((e) => e);
+          const removedNodes = Array.from(mutation.addedNodes).map((e) => e);
+          if (mutation.type === "childList" && addedNodes.find((n) => elementsToWatch.includes(n))) {
+            this[decoratedFnName](addedNodes, removedNodes);
+          }
+        }
+      };
+      observer = new MutationObserver(callback);
+      observer.observe(this, { childList: true, subtree: true });
+      const elementsAdded = Array.from(this.querySelectorAll(querySelector)).concat(
+        Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])
+      );
+      this[decoratedFnName](Array.from(elementsAdded), []);
+    };
+    proto.disconnectedCallback = function() {
+      disconnectedCallback.call(this);
+      observer.disconnect();
+    };
+  };
+}
+
+// src/lib/qti-components/qti-interaction/internal/drag-drop/drag-drop-interaction-mixin.ts
+var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelector, dragContainersSelector, appendClone = "default") => {
   class DragDropInteractionElement extends FlippablesMixin(
     superClass,
     droppablesSelector,
@@ -3975,7 +4006,7 @@ var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelect
         });
         this._internals.setFormValue(formData);
       } else {
-        this._internals.setFormValue(value);
+        this._internals.setFormValue(value || "");
       }
     }
     placeResponse(response) {
@@ -3994,7 +4025,6 @@ var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelect
       }
       const moveElement = () => {
         draggable.style.transform = "translate(0, 0)";
-        console.log("droppable", droppable);
         droppable.appendChild(draggable);
         this.checkAllMaxAssociations();
       };
@@ -4108,6 +4138,32 @@ var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelect
       event["dataTransfer"] = this.dataTransfer;
       element.dispatchEvent(event);
     }
+    appendClone() {
+      const interaction = this.findParentInteractionElement(this.dragSource);
+      if (appendClone == "default") {
+        if (interaction) {
+          interaction.appendChild(this.dragClone);
+        } else if (this.rootNode instanceof ShadowRoot) {
+          this.rootNode.host.appendChild(this.dragClone);
+        } else if (this.rootNode instanceof Document) {
+          document.body.appendChild(this.dragClone);
+        }
+      } else if (appendClone == "interaction") {
+        if (interaction) {
+          interaction.appendChild(this.dragClone);
+        } else {
+          console.error("No interaction found to append the drag clone");
+        }
+      } else if (appendClone == "host") {
+        if (this.rootNode instanceof ShadowRoot) {
+          this.rootNode.host.appendChild(this.dragClone);
+        } else {
+          console.error("No host found to append the drag clone");
+        }
+      } else if (appendClone == "body") {
+        document.body.appendChild(this.dragClone);
+      }
+    }
     handleTouchStart(e) {
       const { x, y } = this.getEventCoordinates(e);
       this.dropzoneOriginalParent = e.currentTarget.parentElement;
@@ -4124,17 +4180,15 @@ var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelect
         this.cloneOffset.x = x - rect.left;
         this.cloneOffset.y = y - rect.top;
         this.dragClone = draggableInDragContainer.cloneNode(true);
+        const computedStyles = window.getComputedStyle(this.dragSource);
+        for (let i = 0; i < computedStyles.length; i++) {
+          const key = computedStyles[i];
+          this.dragClone.style.setProperty(key, computedStyles.getPropertyValue(key));
+        }
         if (rect) {
           this.setDragCloneStyles(rect);
         }
-        const interaction = this.findParentInteractionElement(this.dragSource);
-        if (interaction) {
-          interaction.appendChild(this.dragClone);
-        } else if (this.rootNode instanceof ShadowRoot) {
-          this.rootNode.host.appendChild(this.dragClone);
-        } else if (this.rootNode instanceof Document) {
-          document.body.appendChild(this.dragClone);
-        }
+        this.appendClone();
         const matchMax = this.getMatchMaxValue(this.dragSource);
         const currentDraggables = this.draggables.filter(
           (d) => d.getAttribute("identifier") === this.dragSource.getAttribute("identifier")
@@ -4150,15 +4204,8 @@ var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelect
         this.enableDroppable(parent);
         this.dragClone = this.dragSource;
         this.dragSource = this.findDraggableInDraggableContainer(this.dragSource.getAttribute("identifier"));
-        const interaction = this.findParentInteractionElement(this.dragSource);
         const rect = this.dragClone.getBoundingClientRect();
-        if (interaction) {
-          interaction.appendChild(this.dragClone);
-        } else if (this.rootNode instanceof ShadowRoot) {
-          this.rootNode.host.appendChild(this.dragClone);
-        } else if (this.rootNode instanceof Document) {
-          document.body.appendChild(this.dragClone);
-        }
+        this.appendClone();
         if (rect) {
           this.setDragCloneStyles(rect);
         }
@@ -4177,8 +4224,13 @@ var DragDropInteractionMixin = (superClass, draggablesSelector, droppablesSelect
         if (container.getAttribute("identifier") === identifier) {
           return container;
         }
-        const assignedElements = Array.from(container.assignedElements() || []);
-        const foundElement = assignedElements.find((e) => e.getAttribute("identifier") === identifier);
+        let elements;
+        if (container instanceof HTMLSlotElement) {
+          elements = Array.from(container.assignedElements() || []);
+        } else {
+          elements = Array.from(container.querySelectorAll(draggablesSelector));
+        }
+        const foundElement = elements.find((e) => e.getAttribute("identifier") === identifier);
         if (foundElement) {
           return foundElement;
         }
@@ -5162,7 +5214,8 @@ var QtiMatchInteraction = class extends DragDropInteractionMixin(
   Interaction,
   "qti-simple-match-set:first-of-type qti-simple-associable-choice, qti-simple-match-set:last-of-type > qti-simple-associable-choice > qti-simple-associable-choice",
   "qti-simple-match-set:last-of-type > qti-simple-associable-choice",
-  "qti-simple-match-set:first-of-type"
+  "qti-simple-match-set:first-of-type",
+  "body"
 ) {
   constructor() {
     super(...arguments);
@@ -6250,4 +6303,4 @@ export {
   QtiInlineChoice,
   QtiSimpleChoice
 };
-//# sourceMappingURL=chunk-EUCEENQQ.js.map
+//# sourceMappingURL=chunk-XW3PQRKW.js.map