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

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

@@ -1,208 +1,10 @@
-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/components/test-view.ts
-import { html } from "lit";
-import { customElement, property as property2, state as state2 } from "lit/decorators.js";
-
-// src/lib/qti-test/components/test-component.abstract.ts
-import { consume } from "@lit/context";
-import { LitElement } from "lit";
-import { state } 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((property3) => {
-        const key = property3;
-        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/decorators/prop-internal-state.ts
-import { property } from "lit/decorators.js";
-function propInternalState(options) {
-  return (protoOrDescriptor, name) => {
-    property(options)(protoOrDescriptor, name);
-    const key = `__${name}`;
-    Object.defineProperty(protoOrDescriptor, name, {
-      get() {
-        return this[key];
-      },
-      set(value) {
-        const oldValue = this[key];
-        this[key] = value;
-        if (oldValue !== value) {
-          if (this._internals?.states) {
-            const stateName = name.toLowerCase();
-            if (value) {
-              this._internals.states.add(`--${stateName}`);
-            } else {
-              this._internals.states.delete(`--${stateName}`);
-            }
-          }
-          if (options.aria && this._internals) {
-            const ariaAttribute = options.aria;
-            if (value) {
-              this._internals[ariaAttribute] = "true";
-            } else {
-              this._internals[ariaAttribute] = null;
-            }
-          }
-          this.requestUpdate(name, oldValue);
-        }
-      },
-      configurable: true,
-      enumerable: true
-    });
-  };
-}
-
-// 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/components/test-component.abstract.ts
-var TestComponent = class extends LitElement {
-  constructor() {
-    super();
-    this.disabled = true;
-    this._internals = this.attachInternals();
-  }
-  _handleTestElementChange(_oldValue, newValue) {
-    if (newValue.el) {
-      this.disabled = false;
-    }
-  }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("_testContext")) {
-      const { items = [], navItemId } = this._testContext ?? {};
-      this.itemIndex = items.findIndex((item) => item.identifier === navItemId);
-      this.items = items;
-      this.view = this._testContext?.view;
-    }
-  }
-  _switchView(view) {
-    this.dispatchEvent(
-      new CustomEvent("on-test-switch-view", {
-        composed: true,
-        bubbles: true,
-        detail: view
-      })
-    );
-  }
-  _requestItem(identifier) {
-    this.dispatchEvent(
-      new CustomEvent("qti-request-test-item", {
-        composed: true,
-        bubbles: true,
-        detail: identifier
-      })
-    );
-  }
-};
-__decorateClass([
-  propInternalState({
-    type: Boolean,
-    reflect: true,
-    aria: "ariaDisabled"
-    // Maps to `aria-disabled` attribute
-  })
-], TestComponent.prototype, "disabled", 2);
-__decorateClass([
-  state(),
-  consume({ context: testContext, subscribe: true })
-], TestComponent.prototype, "_testContext", 2);
-__decorateClass([
-  state(),
-  consume({ context: testElement, subscribe: true })
-], TestComponent.prototype, "_testElement", 2);
-__decorateClass([
-  watch("_testElement")
-], TestComponent.prototype, "_handleTestElementChange", 1);
-
-// src/lib/qti-test/components/test-view.ts
-var TestView = class extends TestComponent {
-  constructor() {
-    super(...arguments);
-    this.label = "view";
-    this._handleViewOptionsChange = () => {
-      this.updateViewOptions();
-    };
-    this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.updateViewOptions();
-  }
-  updateViewOptions() {
-    if (this.viewOptions) {
-      const options = this.viewOptions.split(",").map((opt) => opt.trim());
-      this._viewOptions = options.filter((opt) => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));
-    } else {
-      this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
-    }
-  }
-  render() {
-    return html`
-      <label part="label" for="viewSelect">${this.label}</label>
-      <select
-        part="select"
-        id="viewSelect"
-        .disabled=${this.disabled}
-        @change=${(e) => {
-      const el = e.target;
-      this._switchView(el.value);
-    }}
-      >
-        ${this._viewOptions.map((v) => html`<option value="${v}" ?selected=${v === this.view}>${v}</option>`)}
-      </select>
-    `;
-  }
-};
-TestView.DEFAULT_VIEW_OPTIONS = ["author", "candidate", "proctor", "scorer", "testConstructor", "tutor"];
-__decorateClass([
-  property2({ type: String })
-], TestView.prototype, "label", 2);
-__decorateClass([
-  property2({ type: String, attribute: "view-options" })
-], TestView.prototype, "viewOptions", 2);
-__decorateClass([
-  watch("viewOptions", { waitUntilFirstUpdate: true })
-], TestView.prototype, "_handleViewOptionsChange", 2);
-__decorateClass([
-  state2()
-], TestView.prototype, "_viewOptions", 2);
-TestView = __decorateClass([
-  customElement("test-view")
-], TestView);
+import {
+  TestView
+} from "../../chunk-3TFUBCJW.js";
+import "../../chunk-ANLIJZBL.js";
+import "../../chunk-F3NTI6TX.js";
+import "../../chunk-4YG2FPKK.js";
+import "../../chunk-44VE5POH.js";
 export {
   TestView
 };

package/dist/qti-test/components/test-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/qti-test/components/test-view.ts","../../../src/lib/qti-test/components/test-component.abstract.ts","../../../src/lib/decorators/watch.ts","../../../src/lib/decorators/prop-internal-state.ts","../../../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport { watch } from '../../decorators/watch';\n\n@customElement('test-view')\nexport class TestView extends TestComponent {\n  static DEFAULT_VIEW_OPTIONS = ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'];\n\n  /** label accompanying the select view dropdown  */\n  @property({ type: String })\n  label = 'view';\n\n  /** The options to display in the dropdown, default: ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'] */\n  @property({ type: String, attribute: 'view-options' }) viewOptions;\n  @watch('viewOptions', { waitUntilFirstUpdate: true })\n  protected _handleViewOptionsChange = () => {\n    this.updateViewOptions();\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.updateViewOptions();\n  }\n\n  @state()\n  private _viewOptions: string[] = TestView.DEFAULT_VIEW_OPTIONS;\n\n  private updateViewOptions() {\n    if (this.viewOptions) {\n      const options = this.viewOptions.split(',').map(opt => opt.trim());\n      this._viewOptions = options.filter(opt => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));\n    } else {\n      this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;\n    }\n  }\n\n  render() {\n    return html`\n      <label part=\"label\" for=\"viewSelect\">${this.label}</label>\n      <select\n        part=\"select\"\n        id=\"viewSelect\"\n        .disabled=${this.disabled}\n        @change=${(e: Event) => {\n          const el = e.target as HTMLSelectElement;\n          this._switchView(el.value);\n        }}\n      >\n        ${this._viewOptions.map(v => html`<option value=\"${v}\" ?selected=${v === this.view}>${v}</option>`)}\n      </select>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view': TestView;\n  }\n}\n","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 '../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 type { LitElement } from 'lit';\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void;\n\ntype NonUndefined<A> = A extends undefined ? never : A;\n\nexport type UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;\n}[keyof T];\n\ninterface WatchOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n  waitUntilFirstUpdate?: boolean;\n}\n\n/**\n * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an\n * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the\n * initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n *\n * Usage:\n *\n * @watch('propName')\n * handlePropChange(oldValue, newValue) {\n *   ...\n * }\n */\nexport function watch(propertyName: string | string[], options?: WatchOptions) {\n  const resolvedOptions: Required<WatchOptions> = {\n    waitUntilFirstUpdate: false,\n    ...options\n  };\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: UpdateHandlerFunctionKeys<ElemClass> | any\n  ) => {\n    // @ts-expect-error - update is a protected property\n    const { update } = proto;\n    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];\n\n    // @ts-expect-error - update is a protected property\n    proto.update = function (this: ElemClass, changedProps: Map<keyof ElemClass, ElemClass[keyof ElemClass]>) {\n      watchedProperties.forEach(property => {\n        const key = property as keyof ElemClass;\n        if (changedProps.has(key)) {\n          const oldValue = changedProps.get(key);\n          const newValue = this[key];\n\n          if (oldValue !== newValue) {\n            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {\n              (this[decoratedFnName] as unknown as UpdateHandler)(oldValue, newValue);\n            }\n          }\n        }\n      });\n\n      update.call(this, changedProps);\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","import { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":"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","names":["property","state","property","property","state"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/qti-test/core/index.d.ts

@@ -0,0 +1,121 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+import { T as TestContext, d as TestElement } from '../../test.context-DbSTxKk_.js';
+export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, b as QtiAssessmentTest, c as QtiTestPart, t as testContext, e as testElement } from '../../test.context-DbSTxKk_.js';
+import '../../qti-simple-choice-DxWcdKHi.js';
+import 'lit-html/directives/ref.js';
+
+/**
+ * `<test-container>` is a custom element designed for hosting the qti-assessment-item.
+ * The `qti-assessment-test` will be placed inside the shadow DOM of this element.
+ * The element loads the test from the provided URL and renders it inside the shadow DOM.
+ *
+ * ```html
+ * <qti-test>
+ *   <test-container class="m-4 bg-white" test-url="./path/to/assessmenttest.xml"></test-container>
+ * </qti-test>
+ * ```
+ */
+declare class TestContainer extends LitElement {
+    /** URL of the item to load */
+    testURL: string;
+    /** A parsed HTML document */
+    testDoc: DocumentFragment;
+    /** The raw XML string */
+    testXML: string;
+    /** Template content if provided */
+    private templateContent;
+    protected handleTestURLChange(): Promise<void>;
+    protected handleTestXMLChange(): void;
+    connectedCallback(): Promise<void>;
+    private initializeTemplateContent;
+    private applyStyles;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'test-container': TestContainer;
+    }
+}
+
+declare abstract class TestBase extends LitElement {
+    protected _testContext: Readonly<TestContext>;
+    protected testElement: TestElement;
+    constructor();
+    get context(): TestContext;
+    set context(testContext: TestContext);
+    private _updateItemVariablesInTestContext;
+    /**
+     * Updates the variables of an assessment item in the test context.
+     * - Matches the assessment item with the corresponding test context item.
+     * - If the item is not found, logs a warning.
+     * - Updates variables in the test context if exactly one variable exists.
+     * - Otherwise, syncs the assessment item's variables with the test context.
+     *
+     * @param assessmentItem - The assessment item to update.
+     */
+    private _updateItemInTestContext;
+    connectedCallback(): void;
+}
+
+declare const QtiTest_base: (abstract new (...args: any[]) => {}) & (abstract new (...args: any[]) => {}) & (abstract new (...args: any[]) => {}) & typeof TestBase;
+/**
+ * `<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.
+ *
+ * This component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.
+ *
+ * ### Example Usage
+ *
+ * Minimal example including navigation:
+ *
+ * ```html
+ * <qti-test>
+ *   <test-container test-url="./path/to/assessment.xml"></test-container>
+ *   <nav class="flex">
+ *      <test-prev></test-prev>
+ *      <test-next></test-next>
+ *   </nav>
+ * </qti-test>
+ * ```
+ *
+ * Use the following file structure
+ * A qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.
+ *
+ * ```plaintext
+ * Root/
+ * ├── index.html
+ * └── /assets/api/examples/
+ *     ├── assessmenttest.xml
+ *     └── imsmanifest.xml
+ *
+ * ```
+ *
+ * ### Test components
+ *
+ * Use test components inside the qti-test component for added functionality.
+ * ### Test next
+ * `<test-next> | TestNext`
+ *
+ * ### Test prev
+ *
+ * `<test-prev> | TestPrev`
+ * ### Test components
+ *
+ * You can use normal class names to style the elements.
+ * And you can use the `test-prev` and `test-next` elements to navigate through the test.
+ *
+ */
+declare class QtiTest extends QtiTest_base {
+    /**
+     * Renders the component's template.
+     * Provides a default `<slot>` for content projection.
+     */
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test': QtiTest;
+    }
+}
+
+export { QtiTest, TestContainer, TestContext, TestElement };

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

@@ -0,0 +1,27 @@
+import {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart,
+  TestContainer
+} from "../../chunk-CNQYM52B.js";
+import "../../chunk-2CHF3TMY.js";
+import "../../chunk-2OA7E3E7.js";
+import {
+  testContext,
+  testElement
+} from "../../chunk-F3NTI6TX.js";
+import "../../chunk-4YG2FPKK.js";
+import "../../chunk-44VE5POH.js";
+export {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart,
+  TestContainer,
+  testContext,
+  testElement
+};
+//# sourceMappingURL=index.js.map

package/dist/qti-transformers/index.js

@@ -1,290 +1,9 @@
-// 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;
-}
-function itemsFromTest(xmlFragment) {
-  const items = [];
-  xmlFragment.querySelectorAll("qti-assessment-item-ref").forEach((el) => {
-    const identifier = el.getAttribute("identifier");
-    const href = el.getAttribute("href");
-    const category = el.getAttribute("category");
-    items.push({ identifier, href, category });
-  });
-  return items;
-}
-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-transformers/qti-transform-manifest.ts
-var qtiTransformManifest = () => {
-  let xmlFragment;
-  const api = {
-    async load(uri) {
-      return new Promise((resolve) => {
-        loadXML(uri).then((xml2) => {
-          xmlFragment = xml2;
-          return resolve(api);
-        });
-      });
-    },
-    parse(xmlString) {
-      xmlFragment = parseXML(xmlString);
-    },
-    assessmentTest() {
-      const el = xmlFragment.querySelector('resource[type="imsqti_test_xmlv3p0"]');
-      return { href: el.getAttribute("href"), identifier: el.getAttribute("identifier") };
-    }
-  };
-  return api;
-};
-
-// src/lib/qti-transformers/qti-transform-test.ts
-var qtiTransformTest = () => {
-  let xmlFragment;
-  const api = {
-    async load(uri) {
-      return new Promise((resolve, _) => {
-        loadXML(uri).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;
-    },
-    items() {
-      return itemsFromTest(xmlFragment);
-    },
-    html() {
-      return new XMLSerializer().serializeToString(toHTML(xmlFragment));
-    },
-    xml() {
-      return new XMLSerializer().serializeToString(xmlFragment);
-    },
-    htmlDoc() {
-      return toHTML(xmlFragment);
-    },
-    xmlDoc() {
-      return xmlFragment;
-    }
-  };
-  return api;
-};
+import {
+  qtiTransformItem,
+  qtiTransformManifest,
+  qtiTransformTest
+} from "../chunk-2OA7E3E7.js";
+import "../chunk-44VE5POH.js";
 export {
   qtiTransformItem,
   qtiTransformManifest,