@citolab/qti-components 7.1.4 → 7.1.6

package/dist/chunks/chunk-ZLOEM737.js

@@ -0,0 +1,94 @@
+import {
+  item_default
+} from "./chunk-NQPY5GBW.js";
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  qtiTransformTest
+} from "./chunk-PEV4JLKR.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-container.ts
+import { LitElement, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+var TestContainer = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.testURL = null;
+    this.testDoc = null;
+    this.testXML = null;
+    /** Template content if provided */
+    this.templateContent = null;
+  }
+  async handleTestURLChange() {
+    if (!this.testURL) return;
+    try {
+      const api = await qtiTransformTest().load(this.testURL);
+      this.testDoc = api.htmlDoc();
+    } catch (error) {
+      console.error("Error loading or parsing XML:", error);
+    }
+  }
+  handleTestXMLChange() {
+    if (!this.testXML) return;
+    try {
+      this.testDoc = qtiTransformTest().parse(this.testXML).htmlDoc();
+    } catch (error) {
+      console.error("Error parsing XML:", error);
+    }
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    this.initializeTemplateContent();
+    this.applyStyles();
+    if (this.testURL) {
+      this.handleTestURLChange();
+    }
+    if (this.testXML) {
+      this.handleTestXMLChange();
+    }
+  }
+  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.testDoc, html`<span>Loading...</span>`)}
+    `;
+  }
+};
+__decorateClass([
+  property({ type: String, attribute: "test-url" })
+], TestContainer.prototype, "testURL", 2);
+__decorateClass([
+  state()
+], TestContainer.prototype, "testDoc", 2);
+__decorateClass([
+  state()
+], TestContainer.prototype, "testXML", 2);
+__decorateClass([
+  watch("testURL", { waitUntilFirstUpdate: true })
+], TestContainer.prototype, "handleTestURLChange", 1);
+__decorateClass([
+  watch("testXML", { waitUntilFirstUpdate: true })
+], TestContainer.prototype, "handleTestXMLChange", 1);
+TestContainer = __decorateClass([
+  customElement("test-container")
+], TestContainer);
+
+export {
+  TestContainer
+};
+//# sourceMappingURL=chunk-ZLOEM737.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-container.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\n\nimport { watch } from '../../decorators/watch';\nimport itemCss from '../../../item.css?inline';\nimport { qtiTransformTest } from '../../qti-transformers';\n\n/**\n * `<test-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-test` will be placed inside the shadow DOM of this element.\n * The element loads the test from the provided URL and renders it inside the shadow DOM.\n *\n * ```html\n * <qti-test>\n *   <test-navigation>\n *      <test-container class=\"m-4 bg-white\" test-url=\"./path/to/assessmenttest.xml\"></test-container>\n *   </test-navigation>\n * </qti-test>\n * ```\n */\n@customElement('test-container')\nexport class TestContainer extends LitElement {\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'test-url' })\n  testURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  testDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  testXML: string = null;\n\n  /** Template content if provided */\n  private templateContent = null;\n\n  @watch('testURL', { waitUntilFirstUpdate: true })\n  protected async handleTestURLChange() {\n    if (!this.testURL) return;\n    try {\n      const api = await qtiTransformTest().load(this.testURL);\n      this.testDoc = api.htmlDoc();\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('testXML', { waitUntilFirstUpdate: true })\n  protected handleTestXMLChange() {\n    if (!this.testXML) return;\n    try {\n      this.testDoc = qtiTransformTest().parse(this.testXML).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.testURL) {\n      this.handleTestURLChange();\n    }\n    if (this.testXML) {\n      this.handleTestXMLChange();\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.testDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-container': TestContainer;\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/index.js

@@ -3,7 +3,7 @@ import {
 } from "./chunks/chunk-DPPA3O5U.js";
 import {
   ItemContainer
-} from "./chunks/chunk-CAMKJY66.js";
+} from "./chunks/chunk-BCMG64M3.js";
 import {
   ItemShowCorrectResponse
 } from "./chunks/chunk-YBLTM23L.js";
@@ -18,7 +18,7 @@ import {
   QtiTest,
   QtiTestFeedback,
   QtiTestPart
-} from "./chunks/chunk-YKULE4IF.js";
+} from "./chunks/chunk-334SZRIZ.js";
 import "./chunks/chunk-UEX52I7G.js";
 import {
   TestPrintContext
@@ -34,13 +34,13 @@ import {
 } from "./chunks/chunk-BLBSZDQ4.js";
 import {
   TestShowCorrectResponse
-} from "./chunks/chunk-ULOWFD7T.js";
+} from "./chunks/chunk-A5W753FL.js";
 import {
   TestView
 } from "./chunks/chunk-HXGGGOV2.js";
 import {
   TestContainer
-} from "./chunks/chunk-LJV7BSFT.js";
+} from "./chunks/chunk-FKUTUG6E.js";
 import {
   TestEndAttempt
 } from "./chunks/chunk-5KCXO2RP.js";
@@ -154,7 +154,7 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "./chunks/chunk-IWGK4DJD.js";
+} from "./chunks/chunk-6YED6PQC.js";
 import "./chunks/chunk-D3RGDWKP.js";
 import "./chunks/chunk-ELDMXTUQ.js";
 import "./chunks/chunk-OOQLWOYU.js";
@@ -163,12 +163,12 @@ import "./chunks/chunk-NJNQOQUU.js";
 import {
   getItemByUri,
   getManifestInfo
-} from "./chunks/chunk-7PZAGYLS.js";
+} from "./chunks/chunk-STQBRYLA.js";
 import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
-} from "./chunks/chunk-GSKWQMGK.js";
+} from "./chunks/chunk-LLVJY74K.js";
 import "./chunks/chunk-TR375NFI.js";
 import "./chunks/chunk-6Z5YR5U2.js";
 import "./chunks/chunk-U5CYRPC3.js";

package/dist/qti-components/index.js

@@ -85,13 +85,13 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "../chunks/chunk-IWGK4DJD.js";
+} from "../chunks/chunk-6YED6PQC.js";
 import "../chunks/chunk-D3RGDWKP.js";
 import "../chunks/chunk-ELDMXTUQ.js";
 import "../chunks/chunk-OOQLWOYU.js";
 import "../chunks/chunk-I7HVKMDI.js";
 import "../chunks/chunk-NJNQOQUU.js";
-import "../chunks/chunk-GSKWQMGK.js";
+import "../chunks/chunk-LLVJY74K.js";
 import "../chunks/chunk-U5CYRPC3.js";
 import "../chunks/chunk-JQ6HWGRY.js";
 import "../chunks/chunk-H2JE6IVU.js";

package/dist/qti-components-jsx.d.ts

@@ -759,6 +759,8 @@ export type ItemContainerProps = {
   itemXML?: string;
 };
 
+export type PrintItemVariablesProps = {};
+
 export type ItemShowCorrectResponseProps = {
   /**  */
   shown?: boolean;
@@ -776,8 +778,6 @@ export type ItemShowCorrectResponseProps = {
   "onitem-show-correct-response"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type PrintItemVariablesProps = {};
-
 export type QtiItemProps = {
   /**  */
   computedContext?: ComputedItemContext;
@@ -867,9 +867,7 @@ export type QtiTestFeedbackProps = {
 
 export type QtiTestProps = {
   /** TestContext will be stored in sessionStorage with given attribute value if provided */
-  "auto-store-restore"?: string | null;
-  /**  */
-  "nav-item-id"?: string | null;
+  "cache-transform"?: boolean;
   /**  */
   navigate?: "item" | "section";
   /**  */
@@ -1735,18 +1733,18 @@ export type CustomElements = {
    *
    * ---
    *
-   *
-   * ### **Events:**
-   *  - **item-show-correct-response**
    */
-  "item-show-correct-response": Partial<ItemShowCorrectResponseProps & BaseProps & BaseEvents>;
+  "print-item-variables": Partial<PrintItemVariablesProps & BaseProps & BaseEvents>;
 
   /**
    *
    * ---
    *
+   *
+   * ### **Events:**
+   *  - **item-show-correct-response**
    */
-  "print-item-variables": Partial<PrintItemVariablesProps & BaseProps & BaseEvents>;
+  "item-show-correct-response": Partial<ItemShowCorrectResponseProps & BaseProps & BaseEvents>;
 
   /**
    * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.

package/dist/qti-item/components/item-container.js

@@ -1,9 +1,9 @@
 import {
   ItemContainer
-} from "../../chunks/chunk-CAMKJY66.js";
+} from "../../chunks/chunk-BCMG64M3.js";
 import "../../chunks/chunk-NQPY5GBW.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
-import "../../chunks/chunk-GSKWQMGK.js";
+import "../../chunks/chunk-LLVJY74K.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {
   ItemContainer

package/dist/qti-item/core/index.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk-DPPA3O5U.js";
 import {
   ItemContainer
-} from "../../chunks/chunk-CAMKJY66.js";
+} from "../../chunks/chunk-BCMG64M3.js";
 import {
   ItemShowCorrectResponse
 } from "../../chunks/chunk-YBLTM23L.js";
@@ -13,7 +13,7 @@ import {
 import "../../chunks/chunk-DZAMXOSC.js";
 import "../../chunks/chunk-NQPY5GBW.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
-import "../../chunks/chunk-GSKWQMGK.js";
+import "../../chunks/chunk-LLVJY74K.js";
 import "../../chunks/chunk-TR375NFI.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {

package/dist/qti-loader/index.js

@@ -1,8 +1,8 @@
 import {
   getItemByUri,
   getManifestInfo
-} from "../chunks/chunk-7PZAGYLS.js";
-import "../chunks/chunk-GSKWQMGK.js";
+} from "../chunks/chunk-STQBRYLA.js";
+import "../chunks/chunk-LLVJY74K.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {
   getItemByUri,

package/dist/qti-test/components/index.js

@@ -13,13 +13,13 @@ import {
 } from "../../chunks/chunk-BLBSZDQ4.js";
 import {
   TestShowCorrectResponse
-} from "../../chunks/chunk-ULOWFD7T.js";
+} from "../../chunks/chunk-A5W753FL.js";
 import {
   TestView
 } from "../../chunks/chunk-HXGGGOV2.js";
 import {
   TestContainer
-} from "../../chunks/chunk-LJV7BSFT.js";
+} from "../../chunks/chunk-FKUTUG6E.js";
 import {
   TestEndAttempt
 } from "../../chunks/chunk-5KCXO2RP.js";
@@ -45,7 +45,7 @@ import "../../chunks/chunk-UZ4QB5IO.js";
 import "../../chunks/chunk-CJADUWEC.js";
 import "../../chunks/chunk-D3RGDWKP.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
-import "../../chunks/chunk-GSKWQMGK.js";
+import "../../chunks/chunk-LLVJY74K.js";
 import "../../chunks/chunk-6Z5YR5U2.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {

package/dist/qti-test/components/test-container.js

@@ -1,9 +1,9 @@
 import {
   TestContainer
-} from "../../chunks/chunk-LJV7BSFT.js";
+} from "../../chunks/chunk-FKUTUG6E.js";
 import "../../chunks/chunk-NQPY5GBW.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
-import "../../chunks/chunk-GSKWQMGK.js";
+import "../../chunks/chunk-LLVJY74K.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {
   TestContainer

package/dist/qti-test/components/test-show-correct-response.js

@@ -1,6 +1,6 @@
 import {
   TestShowCorrectResponse
-} from "../../chunks/chunk-ULOWFD7T.js";
+} from "../../chunks/chunk-A5W753FL.js";
 import "../../chunks/chunk-5ZHHNEDA.js";
 import "../../chunks/chunk-6Z5YR5U2.js";
 import "../../chunks/chunk-H2JE6IVU.js";

package/dist/qti-test/core/index.js

@@ -5,19 +5,19 @@ import {
   QtiTest,
   QtiTestFeedback,
   QtiTestPart
-} from "../../chunks/chunk-YKULE4IF.js";
+} from "../../chunks/chunk-334SZRIZ.js";
 import "../../chunks/chunk-UZ4QB5IO.js";
 import {
   INITIAL_TEST_CONTEXT,
   testContext
 } from "../../chunks/chunk-CJADUWEC.js";
-import "../../chunks/chunk-IWGK4DJD.js";
+import "../../chunks/chunk-6YED6PQC.js";
 import "../../chunks/chunk-D3RGDWKP.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-OOQLWOYU.js";
 import "../../chunks/chunk-I7HVKMDI.js";
 import "../../chunks/chunk-NJNQOQUU.js";
-import "../../chunks/chunk-GSKWQMGK.js";
+import "../../chunks/chunk-LLVJY74K.js";
 import "../../chunks/chunk-U5CYRPC3.js";
 import "../../chunks/chunk-JQ6HWGRY.js";
 import "../../chunks/chunk-H2JE6IVU.js";

package/dist/qti-transformers/index.d.ts

@@ -1,5 +1,5 @@
 type transformItemApi = {
-    load: (uri: string, identifier?: string, cancelPreviousRequest?: boolean) => Promise<transformItemApi>;
+    load: (uri: string, cancelPreviousRequest?: boolean) => Promise<transformItemApi>;
     parse: (xmlString: string) => transformItemApi;
     path: (location: string) => transformItemApi;
     fn: (fn: (xmlFragment: XMLDocument) => void) => transformItemApi;
@@ -8,25 +8,14 @@ type transformItemApi = {
     extendElementsWithClass: (param?: string) => transformItemApi;
     customInteraction: (baseRef: string, baseItem: string) => transformItemApi;
     convertCDATAtoComment: () => transformItemApi;
-    shuffleInteractions: (predefinedOrder?: {
-        [interactionId: string]: string[];
-    } | undefined) => {
-        api: transformItemApi;
-        result: {
-            interactionId: string;
-            ids: {
-                original: string[];
-                shuffled: string[];
-            } | undefined;
-        }[];
-    };
+    shuffleInteractions: () => transformItemApi;
     stripStyleSheets: () => transformItemApi;
     html: () => string;
     xml: () => string;
     htmlDoc: () => DocumentFragment;
     xmlDoc: () => XMLDocument;
 };
-declare const qtiTransformItem: () => transformItemApi;
+declare const qtiTransformItem: (cache?: boolean) => transformItemApi;
 
 declare const qtiTransformManifest: () => {
     load: (uri: string) => Promise<{

package/dist/qti-transformers/index.js

@@ -2,7 +2,7 @@ import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
-} from "../chunks/chunk-GSKWQMGK.js";
+} from "../chunks/chunk-LLVJY74K.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {
   qtiTransformItem,

package/dist/vscode.html-custom-data.json

@@ -727,6 +727,12 @@
       ],
       "references": []
     },
+    {
+      "name": "print-item-variables",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "item-show-correct-response",
       "description": "\n---\n\n\n### **Events:**\n - **item-show-correct-response**",
@@ -739,12 +745,6 @@
       ],
       "references": []
     },
-    {
-      "name": "print-item-variables",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "qti-item",
       "description": "`<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\nIt can also host some functionalities to interact with the item like scoring, showing feedback, etc.\nPlacing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\nSee `<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",
@@ -818,11 +818,10 @@
       "description": "`<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n\nThis component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n\n### Example Usage\n\nMinimal example including navigation:\n\n```html\n<qti-test>\n <test-navigation>\n   <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n   <nav class=\"flex\">\n     <test-prev></test-prev>\n     <test-next></test-next>\n   </nav>\n </test-navigation>\n</qti-test>\n```\n\nUse the following file structure\nA qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.\n\n```plaintext\nRoot/\n├── index.html\n└── /assets/api/examples/\n    ├── assessmenttest.xml\n    └── imsmanifest.xml\n\n```\n\n### Test components\n\nUse test components inside the qti-test component for added functionality.\n### Test next\n`<test-next> | TestNext`\n\n### Test prev\n\n`<test-prev> | TestPrev`\n### Test components\n\nYou can use normal class names to style the elements.\nAnd you can use the `test-prev` and `test-next` elements to navigate through the test.\n---\n\n\n### **Events:**\n - **qti-test-connected**\n- **qti-test-context-updated**",
       "attributes": [
         {
-          "name": "auto-store-restore",
+          "name": "cache-transform",
           "description": "TestContext will be stored in sessionStorage with given attribute value if provided",
           "values": []
         },
-        { "name": "nav-item-id", "values": [] },
         {
           "name": "navigate",
           "values": [{ "name": "item" }, { "name": "section" }]

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "7.1.4",
+  "version": "7.1.6",
   "type": "module",
   "main": "dist/index.js",
   "exports": {