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

package/dist/qti-components/index.js

@@ -1,46 +1,21 @@
-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;
-};
+import {
+  qtiTransformItem
+} from "../chunk-2OA7E3E7.js";
+import {
+  liveQuery
+} from "../chunk-4CSM2PCC.js";
+import {
+  watch
+} from "../chunk-4YG2FPKK.js";
+import {
+  __decorateClass
+} from "../chunk-44VE5POH.js";
 
 // src/lib/qti-components/qti-assessment-item/qti-assessment-item.ts
 import { provide } from "@lit/context";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 
-// src/lib/decorators/watch.ts
-function watch(propertyName, options) {
-  const resolvedOptions = {
-    waitUntilFirstUpdate: false,
-    ...options
-  };
-  return (proto, decoratedFnName) => {
-    const { update } = proto;
-    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
-    proto.update = function(changedProps) {
-      watchedProperties.forEach((property39) => {
-        const key = property39;
-        if (changedProps.has(key)) {
-          const oldValue = changedProps.get(key);
-          const newValue = this[key];
-          if (oldValue !== newValue) {
-            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
-              this[decoratedFnName](oldValue, newValue);
-            }
-          }
-        }
-      });
-      update.call(this, changedProps);
-    };
-  };
-}
-
 // src/lib/qti-components/qti-assessment-item/qti-assessment-item.context.ts
 import { createContext } from "@lit/context";
 var itemContextVariables = [
@@ -326,219 +301,6 @@ QtiAssessmentItem = __decorateClass([
 // src/lib/qti-components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.ts
 import { LitElement as LitElement2 } from "lit";
 import { customElement as customElement2, property as property2 } from "lit/decorators.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 += "/";
-  }
-  xmlFragment.querySelectorAll("[src],[href],[primary-path]").forEach((elWithSrc) => {
-    let attr = "";
-    if (elWithSrc.getAttribute("src")) {
-      attr = "src";
-    }
-    if (elWithSrc.getAttribute("href")) {
-      attr = "href";
-    }
-    if (elWithSrc.getAttribute("primary-path")) {
-      attr = "primary-path";
-    }
-    const attrValue = elWithSrc.getAttribute(attr)?.trim();
-    if (!attrValue.startsWith("data:") && !attrValue.startsWith("http")) {
-      const newSrcValue = location + encodeURI(attrValue);
-      elWithSrc.setAttribute(attr, newSrcValue);
-    }
-  });
-}
-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;
-    }
-  };
-  return api;
-};
-
-// src/lib/qti-components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.ts
 var QtiAssessmentStimulusRef = class extends LitElement2 {
   constructor() {
     super(...arguments);
@@ -3777,41 +3539,6 @@ 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";
-
-// 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) => {
   class DragDropInteractionElement extends FlippablesMixin(
     superClass,