@citolab/qti-components 7.0.5 → 7.0.6-beta.0

package/dist/{qti-test/qti-test.js → chunk-CNQYM52B.js}

@@ -1,230 +1,103 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-
-// src/lib/qti-test/qti-test.ts
-import { html } from "lit";
-import { customElement } from "lit/decorators.js";
+import {
+  item_default
+} from "./chunk-2CHF3TMY.js";
+import {
+  qtiTransformItem,
+  qtiTransformTest
+} from "./chunk-2OA7E3E7.js";
+import {
+  testContext,
+  testElement
+} from "./chunk-F3NTI6TX.js";
+import {
+  watch
+} from "./chunk-4YG2FPKK.js";
+import {
+  __decorateClass
+} from "./chunk-44VE5POH.js";
 
-// src/lib/qti-transformers/qti-transformers.ts
-var xml = String.raw;
-var xmlToHTML = xml`<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="html" version="5.0" encoding="UTF-8" indent="yes" />
-  <xsl:template match="@*|node()">
-    <xsl:copy>
-      <xsl:apply-templates select="@*|node()"/>
-    </xsl:copy>
-  </xsl:template>
-
-  <!-- remove existing namespaces -->
-  <xsl:template match="*">
-    <!-- remove element prefix -->
-    <xsl:element name="{local-name()}">
-      <!-- process attributes -->
-      <xsl:for-each select="@*">
-        <!-- remove attribute prefix -->
-        <xsl:attribute name="{local-name()}">
-          <xsl:value-of select="."/>
-        </xsl:attribute>
-      </xsl:for-each>
-    <xsl:apply-templates/>
-  </xsl:element>
-</xsl:template>
-</xsl:stylesheet>`;
-function extendElementName(xmlFragment, tagName, extension) {
-  xmlFragment.querySelectorAll(tagName).forEach((element) => {
-    const newTagName = `${tagName}-${extension}`;
-    const newElement = createElementWithNewTagName(element, newTagName);
-    element.replaceWith(newElement);
-  });
-}
-function extendElementsWithClass(xmlFragment, classNamePattern) {
-  xmlFragment.querySelectorAll("*").forEach((element) => {
-    const classList = element.classList;
-    if (classList) {
-      classList.forEach((className) => {
-        if (className.startsWith(`${classNamePattern}:`)) {
-          const suffix = className.slice(`${classNamePattern}:`.length);
-          const newTagName = `${element.nodeName}-${suffix}`;
-          const newElement = createElementWithNewTagName(element, newTagName);
-          element.replaceWith(newElement);
-        }
-      });
-    }
-  });
-}
-function createElementWithNewTagName(element, newTagName) {
-  const newElement = document.createElement(newTagName);
-  for (const attr of element.attributes) {
-    newElement.setAttribute(attr.name, attr.value);
-  }
-  while (element.firstChild) {
-    newElement.appendChild(element.firstChild);
-  }
-  return newElement;
-}
-var currentRequest = null;
-function loadXML(url, cancelPreviousRequest = false) {
-  if (cancelPreviousRequest && currentRequest !== null) {
-    currentRequest.abort();
-  }
-  return new Promise((resolve, reject) => {
-    const xhr = new XMLHttpRequest();
-    currentRequest = xhr;
-    xhr.open("GET", url, true);
-    xhr.responseType = "document";
-    xhr.onload = () => {
-      if (xhr.status >= 200 && xhr.status < 300) {
-        resolve(xhr.responseXML);
-      } else {
-        reject(xhr.statusText);
-      }
-    };
-    xhr.onerror = () => {
-      reject(xhr.statusText);
-    };
-    xhr.send();
-  });
-}
-function parseXML(xmlDocument) {
-  const parser = new DOMParser();
-  const xmlFragment = parser.parseFromString(xmlDocument, "text/xml");
-  return xmlFragment;
-}
-function toHTML(xmlFragment) {
-  const processor = new XSLTProcessor();
-  const xsltDocument = new DOMParser().parseFromString(xmlToHTML, "text/xml");
-  processor.importStylesheet(xsltDocument);
-  const itemHTMLFragment = processor.transformToFragment(xmlFragment, document);
-  return itemHTMLFragment;
-}
-function setLocation(xmlFragment, location) {
-  if (!location.endsWith("/")) {
-    location += "/";
+// src/lib/qti-test/core/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;
   }
-  xmlFragment.querySelectorAll("[src],[href],[primary-path]").forEach((elWithSrc) => {
-    let attr = "";
-    if (elWithSrc.getAttribute("src")) {
-      attr = "src";
-    }
-    if (elWithSrc.getAttribute("href")) {
-      attr = "href";
+  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);
     }
-    if (elWithSrc.getAttribute("primary-path")) {
-      attr = "primary-path";
+  }
+  handleTestXMLChange() {
+    if (!this.testXML) return;
+    try {
+      this.testDoc = qtiTransformTest().parse(this.testXML).htmlDoc();
+    } catch (error) {
+      console.error("Error parsing XML:", error);
     }
-    const attrValue = elWithSrc.getAttribute(attr)?.trim();
-    if (!attrValue.startsWith("data:") && !attrValue.startsWith("http")) {
-      const newSrcValue = location + encodeURI(attrValue);
-      elWithSrc.setAttribute(attr, newSrcValue);
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    this.initializeTemplateContent();
+    this.applyStyles();
+    if (this.testURL) {
+      this.handleTestURLChange();
     }
-  });
-}
-function convertCDATAtoComment(xmlFragment) {
-  const cdataElements = xmlFragment.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value');
-  cdataElements.forEach((element) => {
-    const commentText = document.createComment(element.textContent);
-    element.replaceChild(commentText, element.firstChild);
-  });
-}
-function stripStyleSheets(xmlFragment) {
-  xmlFragment.querySelectorAll("qti-stylesheet").forEach((stylesheet) => stylesheet.remove());
-}
-
-// src/lib/qti-transformers/qti-transform-item.ts
-var qtiTransformItem = () => {
-  let xmlFragment;
-  const api = {
-    async load(uri, cancelPreviousRequest = false) {
-      return new Promise((resolve) => {
-        loadXML(uri, cancelPreviousRequest).then((xml2) => {
-          xmlFragment = xml2;
-          api.path(uri.substring(0, uri.lastIndexOf("/")));
-          return resolve(api);
-        });
-      });
-    },
-    parse(xmlString) {
-      xmlFragment = parseXML(xmlString);
-      return api;
-    },
-    path: (location) => {
-      setLocation(xmlFragment, location);
-      return api;
-    },
-    fn(fn) {
-      fn(xmlFragment);
-      return api;
-    },
-    pciHooks(uri) {
-      const attributes = ["hook", "module"];
-      const documentPath = uri.substring(0, uri.lastIndexOf("/"));
-      for (const attribute of attributes) {
-        const srcAttributes = xmlFragment.querySelectorAll("[" + attribute + "]");
-        srcAttributes.forEach((node) => {
-          const srcValue = node.getAttribute(attribute);
-          if (!srcValue.startsWith("data:") && !srcValue.startsWith("http")) {
-            node.setAttribute("base-url", uri);
-            node.setAttribute(
-              "module",
-              documentPath + "/" + encodeURI(srcValue + (srcValue.endsWith(".js") ? "" : ".js"))
-            );
-          }
-        });
-      }
-      return api;
-    },
-    extendElementName: (tagName, extension) => {
-      extendElementName(xmlFragment, tagName, extension);
-      return api;
-    },
-    extendElementsWithClass: (param = "extend") => {
-      extendElementsWithClass(xmlFragment, param);
-      return api;
-    },
-    customInteraction(baseRef, baseItem) {
-      const qtiCustomInteraction = xmlFragment.querySelector("qti-custom-interaction");
-      const qtiCustomInteractionObject = qtiCustomInteraction.querySelector("object");
-      qtiCustomInteraction.setAttribute("data-base-ref", baseRef);
-      qtiCustomInteraction.setAttribute("data-base-item", baseRef + baseItem);
-      qtiCustomInteraction.setAttribute("data", qtiCustomInteractionObject.getAttribute("data"));
-      qtiCustomInteraction.setAttribute("width", qtiCustomInteractionObject.getAttribute("width"));
-      qtiCustomInteraction.setAttribute("height", qtiCustomInteractionObject.getAttribute("height"));
-      qtiCustomInteraction.removeChild(qtiCustomInteractionObject);
-      return api;
-    },
-    convertCDATAtoComment() {
-      convertCDATAtoComment(xmlFragment);
-      return api;
-    },
-    stripStyleSheets() {
-      stripStyleSheets(xmlFragment);
-      return api;
-    },
-    html() {
-      return new XMLSerializer().serializeToString(toHTML(xmlFragment));
-    },
-    xml() {
-      return new XMLSerializer().serializeToString(xmlFragment);
-    },
-    htmlDoc() {
-      return toHTML(xmlFragment);
-    },
-    xmlDoc() {
-      return xmlFragment;
+    if (this.testXML) {
+      this.handleTestXMLChange();
     }
-  };
-  return api;
+  }
+  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);
+
+// src/lib/qti-test/core/qti-test.ts
+import { html as html2 } from "lit";
+import { customElement as customElement2 } from "lit/decorators.js";
 
-// src/lib/qti-test/mixins/test-loader.mixin.ts
+// src/lib/qti-test/core/mixins/test-loader.mixin.ts
 var TestLoaderMixin = (superClass) => {
   class TestLoaderClass extends superClass {
     // private testURL = '';
@@ -250,7 +123,7 @@ var TestLoaderMixin = (superClass) => {
   return TestLoaderClass;
 };
 
-// src/lib/qti-test/mixins/test-navigation.mixin.ts
+// src/lib/qti-test/core/mixins/test-navigation.mixin.ts
 var TestNavigationMixin = (superClass) => {
   class TestNavigationClass extends superClass {
     constructor(...args) {
@@ -311,7 +184,7 @@ var TestNavigationMixin = (superClass) => {
   return TestNavigationClass;
 };
 
-// src/lib/qti-test/mixins/test-view.mixin.ts
+// src/lib/qti-test/core/mixins/test-view.mixin.ts
 var TestViewMixin = (superClass) => {
   class TestViewClass extends superClass {
     constructor(...args) {
@@ -358,18 +231,11 @@ var TestViewMixin = (superClass) => {
   return TestViewClass;
 };
 
-// src/lib/qti-test/test-base.ts
+// src/lib/qti-test/core/test-base.ts
 import { provide } from "@lit/context";
-import { LitElement } from "lit";
-import { state } from "lit/decorators.js";
-
-// src/lib/qti-test/context/test.context.ts
-import { createContext } from "@lit/context";
-var testContext = createContext(Symbol("test"));
-var testElement = createContext(Symbol("testElement"));
-
-// src/lib/qti-test/test-base.ts
-var TestBase = class extends LitElement {
+import { LitElement as LitElement2 } from "lit";
+import { state as state2 } from "lit/decorators.js";
+var TestBase = class extends LitElement2 {
   constructor() {
     super();
     this._testContext = { items: [], testOutcomeVariables: [] };
@@ -473,28 +339,231 @@ var TestBase = class extends LitElement {
   }
 };
 __decorateClass([
-  state(),
+  state2(),
   provide({ context: testContext })
 ], TestBase.prototype, "_testContext", 2);
 __decorateClass([
-  state(),
+  state2(),
   provide({ context: testElement })
 ], TestBase.prototype, "testElement", 2);
 
-// src/lib/qti-test/qti-test.ts
+// src/lib/qti-test/core/qti-test.ts
 var QtiTest = class extends TestLoaderMixin(TestNavigationMixin(TestViewMixin(TestBase))) {
   /**
    * Renders the component's template.
    * Provides a default `<slot>` for content projection.
    */
   render() {
-    return html`<slot></slot>`;
+    return html2`<slot></slot>`;
   }
 };
 QtiTest = __decorateClass([
-  customElement("qti-test")
+  customElement2("qti-test")
 ], QtiTest);
+
+// src/lib/qti-test/core/qti-assessment-test/qti-assessment-item-ref.ts
+import { consume } from "@lit/context";
+import { html as html3, LitElement as LitElement3 } from "lit";
+import { property as property2 } from "lit/decorators.js";
+var stringToBooleanConverter = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiAssessmentItemRef = class extends LitElement3 {
+  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 html3`${this.xmlDoc}`;
+  }
+};
+__decorateClass([
+  property2({ type: String })
+], QtiAssessmentItemRef.prototype, "category", 2);
+__decorateClass([
+  property2({ type: String })
+], QtiAssessmentItemRef.prototype, "identifier", 2);
+__decorateClass([
+  property2({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentItemRef.prototype, "required", 2);
+__decorateClass([
+  property2({ type: Boolean, converter: stringToBooleanConverter })
+], QtiAssessmentItemRef.prototype, "fixed", 2);
+__decorateClass([
+  property2({ type: String })
+], QtiAssessmentItemRef.prototype, "href", 2);
+__decorateClass([
+  consume({ context: testContext, subscribe: true })
+], QtiAssessmentItemRef.prototype, "_testContext", 2);
+__decorateClass([
+  property2({ type: Object, attribute: false })
+], QtiAssessmentItemRef.prototype, "xmlDoc", 2);
+if (!customElements.get("qti-assessment-item-ref")) {
+  customElements.define("qti-assessment-item-ref", QtiAssessmentItemRef);
+}
+
+// src/lib/qti-test/core/qti-assessment-test/qti-assessment-section.ts
+import { consume as consume2 } from "@lit/context";
+import { html as html4, LitElement as LitElement4 } from "lit";
+import { property as property3 } from "lit/decorators.js";
+var stringToBooleanConverter2 = {
+  fromAttribute(value) {
+    return value === "true";
+  },
+  toAttribute(value) {
+    return value ? "true" : "false";
+  }
+};
+var QtiAssessmentSection = class extends LitElement4 {
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new Event("qti-assessment-section-connected", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html4`<slot name="qti-rubric-block"></slot><slot></slot>`;
+  }
+};
+__decorateClass([
+  property3({ type: String })
+], QtiAssessmentSection.prototype, "identifier", 2);
+__decorateClass([
+  property3({ type: String })
+], QtiAssessmentSection.prototype, "required", 2);
+__decorateClass([
+  property3({ type: Boolean, converter: stringToBooleanConverter2 })
+], QtiAssessmentSection.prototype, "fixed", 2);
+__decorateClass([
+  property3({ type: String })
+], QtiAssessmentSection.prototype, "title", 2);
+__decorateClass([
+  property3({ type: Boolean, converter: stringToBooleanConverter2 })
+], QtiAssessmentSection.prototype, "visible", 2);
+__decorateClass([
+  property3({ type: Boolean, converter: stringToBooleanConverter2, attribute: "keep-together" })
+], QtiAssessmentSection.prototype, "keepTogether", 2);
+__decorateClass([
+  consume2({ context: testContext, subscribe: true })
+], QtiAssessmentSection.prototype, "_testContext", 2);
+if (!customElements.get("qti-assessment-section")) {
+  customElements.define("qti-assessment-section", QtiAssessmentSection);
+}
+
+// src/lib/qti-test/core/qti-assessment-test/qti-assessment-test.ts
+import { consume as consume3 } from "@lit/context";
+import { html as html5, LitElement as LitElement5 } from "lit";
+import { customElement as customElement3, property as property4 } from "lit/decorators.js";
+var QtiAssessmentTest = class extends LitElement5 {
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new CustomEvent("qti-assessment-test-connected", {
+        detail: this,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html5` <slot></slot>`;
+  }
+};
+__decorateClass([
+  property4({ type: String })
+], QtiAssessmentTest.prototype, "identifier", 2);
+__decorateClass([
+  property4({ type: String })
+], QtiAssessmentTest.prototype, "title", 2);
+__decorateClass([
+  consume3({ context: testContext, subscribe: true })
+], QtiAssessmentTest.prototype, "_testContext", 2);
+QtiAssessmentTest = __decorateClass([
+  customElement3("qti-assessment-test")
+], QtiAssessmentTest);
+
+// src/lib/qti-test/core/qti-assessment-test/qti-test-part.ts
+import { html as html6, LitElement as LitElement6 } from "lit";
+import { customElement as customElement4, property as property5 } from "lit/decorators.js";
+var QtiTestPart = class extends LitElement6 {
+  constructor() {
+    super(...arguments);
+    this.identifier = "";
+    this.title = "";
+    this.class = "";
+    this.NavigationMode = "nonlinear";
+    this.submissionMode = "individual";
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.updateComplete;
+    this.dispatchEvent(
+      new Event("qti-test-part-connected", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html6` <slot></slot>`;
+  }
+};
+__decorateClass([
+  property5({ type: String })
+], QtiTestPart.prototype, "identifier", 2);
+__decorateClass([
+  property5({ type: String })
+], QtiTestPart.prototype, "title", 2);
+__decorateClass([
+  property5({ type: String })
+], QtiTestPart.prototype, "class", 2);
+__decorateClass([
+  property5({ type: String, attribute: "navigation-mode" })
+], QtiTestPart.prototype, "NavigationMode", 2);
+__decorateClass([
+  property5({ type: String, attribute: "submission-mode" })
+], QtiTestPart.prototype, "submissionMode", 2);
+QtiTestPart = __decorateClass([
+  customElement4("qti-test-part")
+], QtiTestPart);
+if (!customElements.get("qti-test-part")) {
+  customElements.define("qti-test-part", QtiTestPart);
+}
+
 export {
-  QtiTest
+  TestContainer,
+  QtiTest,
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTestPart
 };
-//# sourceMappingURL=qti-test.js.map
+//# sourceMappingURL=chunk-CNQYM52B.js.map