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

package/dist/{chunk-TAQAVEQ2.js → chunk-3G364JZC.js}

@@ -1,6 +1,6 @@
 import {
   TestComponent
-} from "./chunk-KVFH5VBC.js";
+} from "./chunk-GPJ6WTE5.js";
 import {
   watch
 } from "./chunk-4YG2FPKK.js";
@@ -69,4 +69,4 @@ TestView = __decorateClass([
 export {
   TestView
 };
-//# sourceMappingURL=chunk-TAQAVEQ2.js.map
+//# sourceMappingURL=chunk-3G364JZC.js.map

package/dist/{chunk-QNR4WQAC.js → chunk-6TUE644E.js}

@@ -8,7 +8,7 @@ import {
 import {
   testContext,
   testElement
-} from "./chunk-E3656TSN.js";
+} from "./chunk-YQ7EXOAK.js";
 import {
   watch
 } from "./chunk-4YG2FPKK.js";
@@ -559,10 +559,11 @@ if (!customElements.get("qti-test-part")) {
 }
 
 export {
+  TestContainer,
   QtiTest,
   QtiAssessmentItemRef,
   QtiAssessmentSection,
   QtiAssessmentTest,
   QtiTestPart
 };
-//# sourceMappingURL=chunk-QNR4WQAC.js.map
+//# sourceMappingURL=chunk-6TUE644E.js.map

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

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

package/dist/{chunk-3F3DCHHM.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-O3GIZH57.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -47,4 +47,4 @@ TestNext = __decorateClass([
 export {
   TestNext
 };
-//# sourceMappingURL=chunk-3F3DCHHM.js.map
+//# sourceMappingURL=chunk-AYRSHIHA.js.map

package/dist/{chunk-LJU3MHXE.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-O3GIZH57.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -40,4 +40,4 @@ TestItemLink = __decorateClass([
 export {
   TestItemLink
 };
-//# sourceMappingURL=chunk-LJU3MHXE.js.map
+//# sourceMappingURL=chunk-BN32D5J2.js.map

package/dist/{chunk-ERLGA6TC.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-KVFH5VBC.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -47,4 +47,4 @@ TestPrev = __decorateClass([
 export {
   TestPrev
 };
-//# sourceMappingURL=chunk-ERLGA6TC.js.map
+//# sourceMappingURL=chunk-CJRXRBRQ.js.map

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

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

package/dist/{chunk-KI3A6ZT6.js → chunk-KAUHKHPH.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-UB5K44DB.js";
 import {
   TestComponent
-} from "./chunk-KVFH5VBC.js";
+} from "./chunk-GPJ6WTE5.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -47,4 +47,4 @@ TestNext = __decorateClass([
 export {
   TestNext
 };
-//# sourceMappingURL=chunk-KI3A6ZT6.js.map
+//# sourceMappingURL=chunk-KAUHKHPH.js.map

package/dist/chunk-QYN5S4EM.js

@@ -0,0 +1,107 @@
+import {
+  item_default
+} 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/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";
+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);
+
+// 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,
+  QtiItem
+};
+//# 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-EXJQ3ZUE.js → chunk-UJTJIU3C.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-UB5K44DB.js";
 import {
   TestComponent
-} from "./chunk-KVFH5VBC.js";
+} from "./chunk-GPJ6WTE5.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -40,4 +40,4 @@ TestItemLink = __decorateClass([
 export {
   TestItemLink
 };
-//# sourceMappingURL=chunk-EXJQ3ZUE.js.map
+//# sourceMappingURL=chunk-UJTJIU3C.js.map

package/dist/{chunk-UDWEOEOS.js → chunk-XVQZ5JI5.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-UB5K44DB.js";
 import {
   TestComponent
-} from "./chunk-O3GIZH57.js";
+} from "./chunk-GPJ6WTE5.js";
 import {
   __decorateClass
 } from "./chunk-44VE5POH.js";
@@ -47,4 +47,4 @@ TestPrev = __decorateClass([
 export {
   TestPrev
 };
-//# sourceMappingURL=chunk-UDWEOEOS.js.map
+//# sourceMappingURL=chunk-XVQZ5JI5.js.map