@citolab/qti-components 3.0.80 → 3.0.82

package/index.js

@@ -0,0 +1,3655 @@
+import { LitElement as g, html as h, css as _ } from "lit";
+var F = /* @__PURE__ */ ((n) => (n.boolean = "boolean", n.directedPair = "directedPair", n.float = "float", n.integer = "integer", n.string = "string", n.identifier = "identifier", n.pair = "pair", n))(F || {}), Ze = /* @__PURE__ */ ((n) => (n.multiple = "multiple", n.ordered = "ordered", n.single = "single", n))(Ze || {});
+const m = {
+  // PK: external event internal response from an interaction the qti-assessment-item
+  ON_OUTCOME_CHANGED: "on-outcome-changed",
+  // PK: external event internal response from an interaction the qti-assessment-item
+  ON_INTERACTION_CHANGED: "on-interaction-changed",
+  // ***** INTERNAL EVENTS ******/
+  ON_REGISTER_VARIABLE: "on-register-variable",
+  ON_REGISTER_FEEDBACK: "on-register-feedback",
+  ON_REGISTER_INTERACTION: "on-register-interaction",
+  ON_REGISTER_CHOICE: "on-register-choice",
+  ON_REGISTER_HOTSPOT: "on-register-hotspot",
+  ON_LOOSE_CHOICE: "on-loose-choice",
+  // PK: internal response from an interaction the qti-assessment-item
+  ON_INTERACTION_RESPONSE: "on-interaction-response",
+  // PK: events specific to elements from interactions
+  ON_DROPDOWN_SELECTED: "on-dropdown-selected",
+  ON_CHOICE_ELEMENT_SELECTED: "choice-element-selected"
+}, Ii = {
+  EMPTY: "empty",
+  USER: "user",
+  FEEDBACK: "feedback",
+  EXPECTED: "expected"
+};
+class se {
+  constructor({ mapping: e, correctResponse: t, cardinality: s, baseType: i, identifier: r }) {
+    this._basetype = F.string, this._mapping = e, this._correctResponse = t, this._cardinality = s, this._basetype = i, this._identifier = r;
+  }
+  static getCandidateResponse(e) {
+    return e[Object.keys(e)[0]][Object.keys(e[Object.keys(e)[0]])[0]];
+  }
+  get mapping() {
+    return this._mapping;
+  }
+  get correctResponse() {
+    return this._correctResponse;
+  }
+  get cardinality() {
+    return this._cardinality;
+  }
+  get baseType() {
+    return this._basetype;
+  }
+  get identifier() {
+    return this._identifier;
+  }
+  get value() {
+    return this._candidateResponse;
+  }
+  set value(e) {
+    this._candidateResponse = e;
+  }
+  // http://www.imsproject.org/spec/qti/v3p0/impl#h.8mgucf4bmbi6
+  set qtiVariable(e) {
+    this._qtiVariable = e, this._candidateResponse = se.getCandidateResponse(e);
+  }
+  get qtiVariable() {
+    return this._qtiVariable;
+  }
+}
+class Je {
+}
+class $ extends g {
+  /** Emits a custom event with more convenient defaults. */
+  emit(e, t) {
+    const s = new CustomEvent(e, {
+      bubbles: !0,
+      cancelable: !1,
+      composed: !0,
+      detail: {},
+      ...t
+    });
+    return this.dispatchEvent(s), s;
+  }
+  err(e) {
+    throw e;
+  }
+}
+class $t extends $ {
+  constructor() {
+    super(), this.variables = [], this.feedbackElements = [], this.interactionElements = [], this.identifier = "", this.addEventListener(m.ON_REGISTER_VARIABLE, this._registerVariable), this.addEventListener(m.ON_REGISTER_FEEDBACK, this.registerFeedbackElement), this.addEventListener(m.ON_REGISTER_INTERACTION, this.registerInteractionElement), this.addEventListener(m.ON_OUTCOME_CHANGED, this.outcomeChanged), this.addEventListener(m.ON_INTERACTION_RESPONSE, this.interactionResponse);
+  }
+  static get properties() {
+    return {
+      title: { type: String },
+      identifier: { type: String },
+      disabled: { type: Boolean },
+      readonly: { type: Boolean }
+    };
+  }
+  render() {
+    return h`<slot></slot>`;
+  }
+  updated(e) {
+    e.forEach((t, s) => {
+      switch (s) {
+        case "disabled":
+          this.interactionElements.forEach((i) => i.disabled = this.disabled);
+          break;
+        case "readonly":
+          this.interactionElements.forEach((i) => i.readonly = this.readonly);
+          break;
+      }
+    });
+  }
+  disconnectedCallback() {
+    this.removeEventListener(m.ON_REGISTER_VARIABLE, this._registerVariable), this.removeEventListener(m.ON_REGISTER_FEEDBACK, this.registerFeedbackElement), this.removeEventListener(m.ON_REGISTER_INTERACTION, this.registerInteractionElement), this.removeEventListener(m.ON_OUTCOME_CHANGED, this.outcomeChanged), this.removeEventListener(m.ON_INTERACTION_RESPONSE, this.interactionResponse);
+  }
+  _registerVariable(e) {
+    this.variables.push(e.detail);
+  }
+  showCorrectResponse() {
+    const e = this.variables.filter((s) => s.correctResponse), t = {
+      item: this.identifier,
+      interactions: e.map((s) => ({
+        responseIdentifier: s.identifier,
+        responses: { base: { identifier: s.correctResponse } }
+      }))
+    };
+    this.responses = t;
+  }
+  processResponse() {
+    if (this.validateResponses()) {
+      const e = this.querySelector("qti-response-processing");
+      return e ? e.process ? (e.process(), !0) : (console.info("Client side response webcomponents not available"), !1) : (console.info("Client side response processing template not available"), !1);
+    } else
+      return console.info("Item is not valid, call validateResponses first"), !1;
+  }
+  // check set response back for interactions
+  // We can set the responses as a string or as an object in ResponseFormat
+  set responses(e) {
+    e && e.interactions.forEach((s) => {
+      const i = this.interactionElements.find(
+        (a) => a.getAttribute("response-identifier") === s.responseIdentifier
+      ), r = this.getResponse(s.responseIdentifier);
+      r && (r.qtiVariable = s.responses);
+      const o = se.getCandidateResponse(s.responses);
+      i.response = o;
+    });
+  }
+  resetInteractions() {
+    this.interactionElements.forEach((e) => e.reset());
+  }
+  // check all interactions contain valid responses
+  validateResponses() {
+    let e = !0;
+    return this.interactionElements.forEach((t) => {
+      t.validate() || (e = !1);
+    }), e;
+  }
+  getVariableValue(e) {
+    return this.variables.find((t) => t.identifier === e).value;
+  }
+  getResponse(e) {
+    const t = this.variables.find((s) => s.identifier === e);
+    if (t instanceof se)
+      return t;
+  }
+  getOutcome(e) {
+    const t = this.variables.find((s) => s.identifier === e);
+    return t instanceof Je ? t : null;
+  }
+  registerFeedbackElement(e) {
+    e.stopPropagation(), this.feedbackElements.push(e.detail);
+  }
+  registerInteractionElement(e) {
+    e.stopPropagation(), this.interactionElements.push(e.target);
+  }
+  // interaction has fired an event to save response.
+  interactionResponse(e) {
+    const t = this.getResponse(e.detail.responseIdentifier);
+    t && (t.qtiVariable = e.detail.responses), e.stopImmediatePropagation(), this.dispatchEvent(
+      new CustomEvent(m.ON_INTERACTION_CHANGED, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          item: this.getAttribute("identifier"),
+          interaction: {
+            responseIdentifier: e.detail.responseIdentifier,
+            responses: e.detail.responses
+          }
+        }
+      })
+    );
+  }
+  // checks the attributes of all feedback elements and shows/hides as appropriate.
+  outcomeChanged(e) {
+    this.feedbackElements.forEach((t) => {
+      t.checkShowFeedback(e.detail.outcomeIdentifier, e.detail.value);
+    });
+  }
+  setOutcomeValue(e, t) {
+    const s = this.getOutcome(e);
+    if (!s) {
+      this.err(`Can not set qti-outcome-identifier: ${e}, it is not available`);
+      return;
+    }
+    s.value = t, this.dispatchEvent(
+      new CustomEvent(m.ON_OUTCOME_CHANGED, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          item: this.identifier,
+          outcomeIdentifier: e,
+          value: t
+        }
+      })
+    );
+  }
+}
+customElements.define("qti-assessment-item", $t);
+class qt extends g {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = this.closest("qti-assessment-item"), t = this.getAttribute("href"), s = document.createElement("link");
+    s.rel = "stylesheet", s.type = "text/css", s.media = "screen", s.href = t, e.appendChild(s), this.styleLink = s;
+  }
+  disconnectedCallback() {
+    const e = this.closest("qti-assessment-item");
+    if (this.styleLink && this.styleLink.parentElement === this)
+      try {
+        e.removeChild(this.styleLink);
+      } catch {
+        console.log("could not remove stylesheet");
+      }
+  }
+}
+customElements.define("qti-stylesheet", qt);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const T = (n) => (e) => typeof e == "function" ? ((t, s) => (customElements.define(t, s), s))(n, e) : ((t, s) => {
+  const { kind: i, elements: r } = s;
+  return { kind: i, elements: r, finisher(o) {
+    customElements.define(t, o);
+  } };
+})(n, e);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ot = (n, e) => e.kind === "method" && e.descriptor && !("value" in e.descriptor) ? { ...e, finisher(t) {
+  t.createProperty(e.key, n);
+} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e.key, initializer() {
+  typeof e.initializer == "function" && (this[e.key] = e.initializer.call(this));
+}, finisher(t) {
+  t.createProperty(e.key, n);
+} };
+function d(n) {
+  return (e, t) => t !== void 0 ? ((s, i, r) => {
+    i.constructor.createProperty(r, s);
+  })(n, e, t) : Ot(n, e);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Ee(n) {
+  return d({ ...n, state: !0 });
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const wt = ({ finisher: n, descriptor: e }) => (t, s) => {
+  var i;
+  if (s === void 0) {
+    const r = (i = t.originalKey) !== null && i !== void 0 ? i : t.key, o = e != null ? { kind: "method", placement: "prototype", key: r, descriptor: e(t.key) } : { ...t, key: r };
+    return n != null && (o.finisher = function(a) {
+      n(a, r);
+    }), o;
+  }
+  {
+    const r = t.constructor;
+    e !== void 0 && Object.defineProperty(t, s, e(s)), n?.(r, s);
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function pe(n, e) {
+  return wt({ descriptor: (t) => {
+    const s = { get() {
+      var i, r;
+      return (r = (i = this.renderRoot) === null || i === void 0 ? void 0 : i.querySelector(n)) !== null && r !== void 0 ? r : null;
+    }, enumerable: !0, configurable: !0 };
+    if (e) {
+      const i = typeof t == "symbol" ? Symbol() : "__" + t;
+      s.get = function() {
+        var r, o;
+        return this[i] === void 0 && (this[i] = (o = (r = this.renderRoot) === null || r === void 0 ? void 0 : r.querySelector(n)) !== null && o !== void 0 ? o : null), this[i];
+      };
+    }
+    return s;
+  } });
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var be;
+((be = window.HTMLSlotElement) === null || be === void 0 ? void 0 : be.prototype.assignedElements) != null;
+var St = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, It = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Rt(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && St(e, t, i), i;
+};
+let ye = class extends g {
+  render() {
+    return h`
+      <slot name="qti-rubric-block"></slot>
+      <slot></slot>`;
+  }
+};
+ye.styles = _`
+    :host {
+      display: block;
+    }
+  `;
+ye = It([
+  T("qti-item-body")
+], ye);
+class Nt extends g {
+  render() {
+    return h` <slot></slot> `;
+  }
+  connectedCallback() {
+    this.parentElement.tagName.endsWith("INTERACTION") && this.setAttribute("slot", "prompt");
+  }
+}
+customElements.define("qti-prompt", Nt);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var ve;
+const ce = window, Y = ce.trustedTypes, He = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, D = `lit$${(Math.random() + "").slice(9)}$`, et = "?" + D, Tt = `<${et}>`, G = document, he = (n = "") => G.createComment(n), ie = (n) => n === null || typeof n != "object" && typeof n != "function", tt = Array.isArray, Pt = (n) => tt(n) || typeof n?.[Symbol.iterator] == "function", J = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ue = /-->/g, Fe = />/g, U = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Qe = /'/g, je = /"/g, st = /^(?:script|style|textarea|title)$/i, kt = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), Dt = kt(1), ne = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Be = /* @__PURE__ */ new WeakMap(), B = G.createTreeWalker(G, 129, null, !1), Mt = (n, e) => {
+  const t = n.length - 1, s = [];
+  let i, r = e === 2 ? "<svg>" : "", o = J;
+  for (let c = 0; c < t; c++) {
+    const l = n[c];
+    let f, p, u = -1, y = 0;
+    for (; y < l.length && (o.lastIndex = y, p = o.exec(l), p !== null); )
+      y = o.lastIndex, o === J ? p[1] === "!--" ? o = Ue : p[1] !== void 0 ? o = Fe : p[2] !== void 0 ? (st.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = U) : p[3] !== void 0 && (o = U) : o === U ? p[0] === ">" ? (o = i ?? J, u = -1) : p[1] === void 0 ? u = -2 : (u = o.lastIndex - p[2].length, f = p[1], o = p[3] === void 0 ? U : p[3] === '"' ? je : Qe) : o === je || o === Qe ? o = U : o === Ue || o === Fe ? o = J : (o = U, i = void 0);
+    const C = o === U && n[c + 1].startsWith("/>") ? " " : "";
+    r += o === J ? l + Tt : u >= 0 ? (s.push(f), l.slice(0, u) + "$lit$" + l.slice(u) + D + C) : l + D + (u === -2 ? (s.push(void 0), c) : C);
+  }
+  const a = r + (n[t] || "<?>") + (e === 2 ? "</svg>" : "");
+  if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [He !== void 0 ? He.createHTML(a) : a, s];
+};
+class re {
+  constructor({ strings: e, _$litType$: t }, s) {
+    let i;
+    this.parts = [];
+    let r = 0, o = 0;
+    const a = e.length - 1, c = this.parts, [l, f] = Mt(e, t);
+    if (this.el = re.createElement(l, s), B.currentNode = this.el.content, t === 2) {
+      const p = this.el.content, u = p.firstChild;
+      u.remove(), p.append(...u.childNodes);
+    }
+    for (; (i = B.nextNode()) !== null && c.length < a; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) {
+          const p = [];
+          for (const u of i.getAttributeNames())
+            if (u.endsWith("$lit$") || u.startsWith(D)) {
+              const y = f[o++];
+              if (p.push(u), y !== void 0) {
+                const C = i.getAttribute(y.toLowerCase() + "$lit$").split(D), b = /([.?@])?(.*)/.exec(y);
+                c.push({ type: 1, index: r, name: b[2], strings: C, ctor: b[1] === "." ? Ht : b[1] === "?" ? Ft : b[1] === "@" ? Qt : me });
+              } else
+                c.push({ type: 6, index: r });
+            }
+          for (const u of p)
+            i.removeAttribute(u);
+        }
+        if (st.test(i.tagName)) {
+          const p = i.textContent.split(D), u = p.length - 1;
+          if (u > 0) {
+            i.textContent = Y ? Y.emptyScript : "";
+            for (let y = 0; y < u; y++)
+              i.append(p[y], he()), B.nextNode(), c.push({ type: 2, index: ++r });
+            i.append(p[u], he());
+          }
+        }
+      } else if (i.nodeType === 8)
+        if (i.data === et)
+          c.push({ type: 2, index: r });
+        else {
+          let p = -1;
+          for (; (p = i.data.indexOf(D, p + 1)) !== -1; )
+            c.push({ type: 7, index: r }), p += D.length - 1;
+        }
+      r++;
+    }
+  }
+  static createElement(e, t) {
+    const s = G.createElement("template");
+    return s.innerHTML = e, s;
+  }
+}
+function X(n, e, t = n, s) {
+  var i, r, o, a;
+  if (e === ne)
+    return e;
+  let c = s !== void 0 ? (i = t._$Co) === null || i === void 0 ? void 0 : i[s] : t._$Cl;
+  const l = ie(e) ? void 0 : e._$litDirective$;
+  return c?.constructor !== l && ((r = c?._$AO) === null || r === void 0 || r.call(c, !1), l === void 0 ? c = void 0 : (c = new l(n), c._$AT(n, t, s)), s !== void 0 ? ((o = (a = t)._$Co) !== null && o !== void 0 ? o : a._$Co = [])[s] = c : t._$Cl = c), c !== void 0 && (e = X(n, c._$AS(n, e.values), c, s)), e;
+}
+class Lt {
+  constructor(e, t) {
+    this.u = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(e) {
+    var t;
+    const { el: { content: s }, parts: i } = this._$AD, r = ((t = e?.creationScope) !== null && t !== void 0 ? t : G).importNode(s, !0);
+    B.currentNode = r;
+    let o = B.nextNode(), a = 0, c = 0, l = i[0];
+    for (; l !== void 0; ) {
+      if (a === l.index) {
+        let f;
+        l.type === 2 ? f = new ue(o, o.nextSibling, this, e) : l.type === 1 ? f = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (f = new jt(o, this, e)), this.u.push(f), l = i[++c];
+      }
+      a !== l?.index && (o = B.nextNode(), a++);
+    }
+    return r;
+  }
+  p(e) {
+    let t = 0;
+    for (const s of this.u)
+      s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
+  }
+}
+class ue {
+  constructor(e, t, s, i) {
+    var r;
+    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = s, this.options = i, this._$Cm = (r = i?.isConnected) === null || r === void 0 || r;
+  }
+  get _$AU() {
+    var e, t;
+    return (t = (e = this._$AM) === null || e === void 0 ? void 0 : e._$AU) !== null && t !== void 0 ? t : this._$Cm;
+  }
+  get parentNode() {
+    let e = this._$AA.parentNode;
+    const t = this._$AM;
+    return t !== void 0 && e.nodeType === 11 && (e = t.parentNode), e;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(e, t = this) {
+    e = X(this, e, t), ie(e) ? e === v || e == null || e === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : e !== this._$AH && e !== ne && this.g(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Pt(e) ? this.k(e) : this.g(e);
+  }
+  O(e, t = this._$AB) {
+    return this._$AA.parentNode.insertBefore(e, t);
+  }
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+  }
+  g(e) {
+    this._$AH !== v && ie(this._$AH) ? this._$AA.nextSibling.data = e : this.T(G.createTextNode(e)), this._$AH = e;
+  }
+  $(e) {
+    var t;
+    const { values: s, _$litType$: i } = e, r = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = re.createElement(i.h, this.options)), i);
+    if (((t = this._$AH) === null || t === void 0 ? void 0 : t._$AD) === r)
+      this._$AH.p(s);
+    else {
+      const o = new Lt(r, this), a = o.v(this.options);
+      o.p(s), this.T(a), this._$AH = o;
+    }
+  }
+  _$AC(e) {
+    let t = Be.get(e.strings);
+    return t === void 0 && Be.set(e.strings, t = new re(e)), t;
+  }
+  k(e) {
+    tt(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
+    let s, i = 0;
+    for (const r of e)
+      i === t.length ? t.push(s = new ue(this.O(he()), this.O(he()), this, this.options)) : s = t[i], s._$AI(r), i++;
+    i < t.length && (this._$AR(s && s._$AB.nextSibling, i), t.length = i);
+  }
+  _$AR(e = this._$AA.nextSibling, t) {
+    var s;
+    for ((s = this._$AP) === null || s === void 0 || s.call(this, !1, !0, t); e && e !== this._$AB; ) {
+      const i = e.nextSibling;
+      e.remove(), e = i;
+    }
+  }
+  setConnected(e) {
+    var t;
+    this._$AM === void 0 && (this._$Cm = e, (t = this._$AP) === null || t === void 0 || t.call(this, e));
+  }
+}
+class me {
+  constructor(e, t, s, i, r) {
+    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = v;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e, t = this, s, i) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0)
+      e = X(this, e, t, 0), o = !ie(e) || e !== this._$AH && e !== ne, o && (this._$AH = e);
+    else {
+      const a = e;
+      let c, l;
+      for (e = r[0], c = 0; c < r.length - 1; c++)
+        l = X(this, a[s + c], t, c), l === ne && (l = this._$AH[c]), o || (o = !ie(l) || l !== this._$AH[c]), l === v ? e = v : e !== v && (e += (l ?? "") + r[c + 1]), this._$AH[c] = l;
+    }
+    o && !i && this.j(e);
+  }
+  j(e) {
+    e === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+}
+class Ht extends me {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === v ? void 0 : e;
+  }
+}
+const Ut = Y ? Y.emptyScript : "";
+class Ft extends me {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    e && e !== v ? this.element.setAttribute(this.name, Ut) : this.element.removeAttribute(this.name);
+  }
+}
+class Qt extends me {
+  constructor(e, t, s, i, r) {
+    super(e, t, s, i, r), this.type = 5;
+  }
+  _$AI(e, t = this) {
+    var s;
+    if ((e = (s = X(this, e, t, 0)) !== null && s !== void 0 ? s : v) === ne)
+      return;
+    const i = this._$AH, r = e === v && i !== v || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== v && (i === v || r);
+    r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  }
+  handleEvent(e) {
+    var t, s;
+    typeof this._$AH == "function" ? this._$AH.call((s = (t = this.options) === null || t === void 0 ? void 0 : t.host) !== null && s !== void 0 ? s : this.element, e) : this._$AH.handleEvent(e);
+  }
+}
+class jt {
+  constructor(e, t, s) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    X(this, e);
+  }
+}
+const Ve = ce.litHtmlPolyfillSupport;
+Ve?.(re, ue), ((ve = ce.litHtmlVersions) !== null && ve !== void 0 ? ve : ce.litHtmlVersions = []).push("2.6.1");
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Bt = Symbol.for(""), Vt = (n) => {
+  if (n?.r === Bt)
+    return n?._$litStatic$;
+}, Ye = /* @__PURE__ */ new Map(), Yt = (n) => (e, ...t) => {
+  const s = t.length;
+  let i, r;
+  const o = [], a = [];
+  let c, l = 0, f = !1;
+  for (; l < s; ) {
+    for (c = e[l]; l < s && (r = t[l], (i = Vt(r)) !== void 0); )
+      c += i + e[++l], f = !0;
+    a.push(r), o.push(c), l++;
+  }
+  if (l === s && o.push(e[s]), f) {
+    const p = o.join("$$lit$$");
+    (e = Ye.get(p)) === void 0 && (o.raw = o, Ye.set(p, e = o)), t = a;
+  }
+  return n(e, ...t);
+}, Gt = Yt(Dt);
+function E(n, e) {
+  const t = {
+    waitUntilFirstUpdate: !1,
+    ...e
+  };
+  return (s, i) => {
+    const { update: r } = s;
+    if (n in s) {
+      const o = n;
+      s.update = function(a) {
+        if (a.has(o)) {
+          const c = a.get(o), l = this[o];
+          c !== l && (!t.waitUntilFirstUpdate || this.hasUpdated) && this[i](c, l);
+        }
+        r.call(this, a);
+      };
+    }
+  };
+}
+var Xt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Q = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? zt(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Xt(e, t, i), i;
+};
+const Wt = {
+  SPACE: 32
+};
+let S = class extends $ {
+  constructor() {
+    super(...arguments), this.tabindex = 0, this.disabled = !1, this.readonly = !1, this.checked = !1;
+  }
+  handleDisabledChange(n, e) {
+    e ? (this.tabindex = void 0, this.blur()) : this.tabIndex = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keyup", this._onKeyUp), this.addEventListener("click", this._onClick), this.emit(m.ON_REGISTER_CHOICE);
+  }
+  disconnectedCallback() {
+    this.removeEventListener("keyup", this._onKeyUp), this.removeEventListener("click", this._onClick), this.emit(m.ON_LOOSE_CHOICE);
+  }
+  reset() {
+    this.checked = !1, this.disabled = !1;
+  }
+  _onKeyUp(n) {
+    if (!n.altKey)
+      switch (n.keyCode) {
+        case Wt.SPACE:
+          n.preventDefault(), this._toggleChecked();
+          break;
+        default:
+          return;
+      }
+  }
+  _onClick() {
+    this._toggleChecked();
+  }
+  _toggleChecked() {
+    this.disabled || this.readonly || (this.checked = !this.checked, this.emit(m.ON_CHOICE_ELEMENT_SELECTED, { detail: { identifier: this.identifier, checked: this.checked } }));
+  }
+  validateAllProps() {
+    return !!this.getAttribute("identifier");
+  }
+  render() {
+    return this.validateAllProps() || console.warn(`Invalid props for ${this.outerHTML}`, "missing identifier"), Gt` <slot></slot> `;
+  }
+};
+Q([
+  d({ type: String })
+], S.prototype, "identifier", 2);
+Q([
+  d({ type: Number, reflect: !0 })
+], S.prototype, "tabindex", 2);
+Q([
+  d({ type: Boolean, reflect: !0 })
+], S.prototype, "disabled", 2);
+Q([
+  d({ type: Boolean, reflect: !0 })
+], S.prototype, "readonly", 2);
+Q([
+  d({
+    reflect: !0,
+    type: Boolean,
+    attribute: "aria-checked",
+    converter: {
+      toAttribute: (n) => `${n}`
+    }
+  })
+], S.prototype, "checked", 2);
+Q([
+  E("disabled", { waitUntilFirstUpdate: !0 })
+], S.prototype, "handleDisabledChange", 1);
+S = Q([
+  T("qti-choice")
+], S);
+class Ce extends g {
+  render() {
+    return h``;
+  }
+}
+customElements.define("qti-variabledeclaration", Ce);
+var Kt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, xe = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Zt(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Kt(e, t, i), i;
+};
+class fe extends Ce {
+  connectedCallback() {
+    super.connectedCallback();
+    const e = new se({
+      baseType: this.baseType,
+      identifier: this.identifier,
+      correctResponse: this.correctResponse,
+      cardinality: this.cardinality || Ze.single,
+      mapping: this.mapping
+    });
+    this.dispatchEvent(
+      new CustomEvent(m.ON_REGISTER_VARIABLE, {
+        bubbles: !0,
+        composed: !0,
+        detail: e
+      })
+    );
+  }
+  get correctResponse() {
+    let e;
+    const t = this.querySelector("qti-correct-response");
+    if (t) {
+      const s = t.querySelectorAll("qti-value");
+      if (s.length === 1)
+        e = s[0].textContent, s[0].remove();
+      else {
+        e = [];
+        for (let i = 0; i < s.length; i++)
+          e.push(s[i].textContent), s[i].remove();
+      }
+    }
+    return e;
+  }
+  get mapping() {
+    const e = this.querySelector("qti-mapping");
+    if (e) {
+      const t = /* @__PURE__ */ new Map(), s = e.querySelectorAll("qti-map-entry");
+      for (let i = 0; i < s.length; i++) {
+        const r = s[i], o = r.getAttribute("map-key"), a = r.getAttribute("mapped-value");
+        t.set(o, a ? parseFloat(a) : null);
+      }
+      return t;
+    } else
+      return null;
+  }
+}
+xe([
+  d({ type: String, attribute: "base-type" })
+], fe.prototype, "baseType", 2);
+xe([
+  d({ type: String, attribute: "identifier" })
+], fe.prototype, "identifier", 2);
+xe([
+  d({ type: String, attribute: "cardinality" })
+], fe.prototype, "cardinality", 2);
+customElements.define("qti-response-declaration", fe);
+class Jt extends Ce {
+  // fIXME: PK: attributes
+  static get observedAttributes() {
+    return ["identifier", "cardinality", "base-type"];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = this.getAttribute("identifier"), t = new Je();
+    t.identifier = e, this.dispatchEvent(
+      new CustomEvent(m.ON_REGISTER_VARIABLE, {
+        bubbles: !0,
+        composed: !0,
+        detail: t
+      })
+    );
+  }
+}
+customElements.define("qti-outcome-declaration", Jt);
+var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, ss = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ts(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && es(e, t, i), i;
+};
+let Ge = class extends $ {
+  // static override styles = css`
+  //   slot {
+  //     display: hidden;
+  //   }
+  // `;
+  // override render() {
+  //   return html` <slot></slot> `;
+  // }
+};
+Ge = ss([
+  T("qti-companion-materials-info")
+], Ge);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let is = class extends Event {
+  constructor(e, t, s) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = e, this.callback = t, this.subscribe = s;
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let it = class {
+  constructor(e, t, s, i = !1) {
+    this.host = e, this.context = t, this.callback = s, this.subscribe = i, this.provided = !1, this.value = void 0, this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new is(this.context, (e, t) => {
+      this.unsubscribe && (this.unsubscribe !== t && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = e, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(e, t)), this.unsubscribe = t;
+    }, this.subscribe));
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let ns = class {
+  constructor(e) {
+    this.callbacks = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [t, s] of this.callbacks)
+        t(this.t, s);
+    }, e !== void 0 && (this.value = e);
+  }
+  get value() {
+    return this.t;
+  }
+  set value(e) {
+    this.setValue(e);
+  }
+  setValue(e, t = !1) {
+    const s = t || !Object.is(e, this.t);
+    this.t = e, s && this.updateObservers();
+  }
+  addCallback(e, t) {
+    t && (this.callbacks.has(e) || this.callbacks.set(e, () => {
+      this.callbacks.delete(e);
+    })), e(this.value);
+  }
+  clearCallbacks() {
+    this.callbacks.clear();
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let rs = class extends Event {
+  constructor(e) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = e;
+  }
+}, os = class extends ns {
+  constructor(e, t, s) {
+    super(s), this.host = e, this.context = t, this.onContextRequest = (i) => {
+      i.context === this.context && i.composedPath()[0] !== this.host && (i.stopPropagation(), this.addCallback(i.callback, i.subscribe));
+    }, this.attachListeners(), this.host.addController(this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new rs(this.context));
+  }
+};
+const Ae = "logger";
+var as = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, z = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ls(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && as(e, t, i), i;
+};
+let M = class extends $ {
+  constructor() {
+    super(...arguments), this.logger = new it(
+      this,
+      Ae,
+      (n) => this.style.display = this.view === n.view ? "block" : "none",
+      !0
+    );
+  }
+  handleclassNamesChange(n, e) {
+    this.classNames.split(" ").forEach((s) => {
+      switch (s) {
+        case "qti-rubric-discretionary-placement":
+          this.setAttribute("slot", "qti-rubric-block");
+          break;
+        case "qti-rubric-inline":
+          this.setAttribute("slot", "");
+          break;
+      }
+    });
+  }
+  render() {
+    return h`<slot></slot>`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("slot", "qti-rubric-block");
+  }
+};
+M.styles = _`
+    :host {
+      display: block;
+    }
+  `;
+z([
+  d({ type: String })
+], M.prototype, "id", 2);
+z([
+  d({ type: String })
+], M.prototype, "use", 2);
+z([
+  d({ type: String })
+], M.prototype, "view", 2);
+z([
+  d({ type: String, attribute: "class" })
+], M.prototype, "classNames", 2);
+z([
+  E("classNames", { waitUntilFirstUpdate: !0 })
+], M.prototype, "handleclassNamesChange", 1);
+M = z([
+  T("qti-rubric-block")
+], M);
+var cs = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, ds = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? hs(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && cs(e, t, i), i;
+};
+let Xe = class extends $ {
+  render() {
+    return h`<slot></slot>`;
+  }
+};
+Xe = ds([
+  T("qti-content-body")
+], Xe);
+class nt extends g {
+  constructor() {
+    super(), this.showHide = "show", this.showFeedback(this.showHide === "hide");
+  }
+  static get properties() {
+    return {
+      showStatus: {
+        type: String,
+        attribute: !0,
+        // pk: this was false, because its not a supported qti3 inline feedback
+        reflect: !0
+        // pk: this was not reflected, but I do it anyways for supporting styling in light dom
+      },
+      showHide: {
+        type: String,
+        attribute: "show-hide"
+      },
+      outcomeIdentifier: {
+        type: String,
+        attribute: "outcome-identifier"
+      },
+      identifier: {
+        type: String
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.dispatchEvent(
+      new CustomEvent(m.ON_REGISTER_FEEDBACK, {
+        bubbles: !0,
+        composed: !0,
+        detail: this
+      })
+    );
+  }
+  checkShowFeedback(e, t) {
+    this.outcomeIdentifier === e && (t instanceof Array ? this.showFeedback(t.indexOf(this.identifier) !== -1) : this.showFeedback(this.identifier === t));
+  }
+  showFeedback(e) {
+    this.showStatus = e ? "on" : "off";
+  }
+}
+class rt extends nt {
+  constructor() {
+    super(...arguments), this.render = () => h` <slot class="${this.showStatus}"></slot> `;
+  }
+}
+rt.styles = _`
+    .on {
+      display: inline-block;
+    }
+    .off {
+      display: none;
+    }
+  `;
+customElements.define("qti-feedback-inline", rt);
+class ps extends nt {
+  render() {
+    return h`
+      <style>
+        .on {
+          display: inline-block;
+        }
+        .off {
+          display: none;
+        }
+      </style>
+      <div class="feedback ${this.showStatus}">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+customElements.define("qti-modal-feedback", ps);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const V = (n) => n ?? v;
+var us = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, $e = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ms(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && us(e, t, i), i;
+};
+class A extends $ {
+  constructor() {
+    super(...arguments), this.responseIdentifier = "", this.disabled = !1, this.readonly = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.emit(m.ON_REGISTER_INTERACTION);
+  }
+  saveResponse(e) {
+    this.emit(m.ON_INTERACTION_RESPONSE, {
+      detail: {
+        responseIdentifier: this.responseIdentifier,
+        responses: e
+      }
+    });
+  }
+}
+$e([
+  d({ attribute: "response-identifier" })
+], A.prototype, "responseIdentifier", 2);
+$e([
+  d({ reflect: !0, type: Boolean })
+], A.prototype, "disabled", 2);
+$e([
+  d({ reflect: !0, type: Boolean })
+], A.prototype, "readonly", 2);
+const qe = _`
+  /***
+    The new CSS reset - version 1.4.9 (last updated 11.2.2022)
+    GitHub page: https://github.com/elad2412/the-new-css-reset
+  ***/
+
+  /*
+    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
+    - The "symbol *" part is to solve Firefox SVG sprite bug
+  */
+  *:where(:not(iframe, canvas, img, svg, video, object):not(svg *, symbol *)) {
+    all: unset;
+    display: revert;
+  }
+
+  /* Preferred box-sizing value */
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  /* Reapply the pointer cursor for anchor tags */
+  a,
+  button {
+    cursor: revert;
+  }
+
+  /* Remove list styles (bullets/numbers) */
+  ol,
+  ul,
+  menu {
+    list-style: none;
+  }
+
+  /* For images to not be able to exceed their container */
+  img {
+    max-width: 100%;
+  }
+
+  /* removes spacing between cells in tables */
+  table {
+    border-collapse: collapse;
+  }
+
+  /* revert the 'white-space' property for textarea elements on Safari */
+  textarea {
+    white-space: revert;
+  }
+
+  /* minimum style to allow to style meter element */
+  meter {
+    -webkit-appearance: revert;
+    appearance: revert;
+  }
+
+  /* reset default text opacity of input placeholder */
+  ::placeholder {
+    all: unset;
+  }
+
+  /* fix the feature of 'hidden' attribute.
+   display:revert; revert to element instead of attribute */
+  :where([hidden]) {
+    display: none;
+  }
+
+  /* revert for bug in Chromium browsers
+   - fix for the content editable attribute will work properly. */
+  :where([contenteditable]) {
+    -moz-user-modify: read-write;
+    -webkit-user-modify: read-write;
+    overflow-wrap: break-word;
+    -webkit-line-break: after-white-space;
+  }
+
+  /* apply back the draggable feature - exist only in Chromium and Safari */
+  :where([draggable='true']) {
+    -webkit-user-drag: element;
+  }
+`;
+class ot extends A {
+  constructor() {
+    super(), this.value = "";
+  }
+  static get properties() {
+    return {
+      ...A.properties,
+      expectedLength: {
+        type: Number,
+        attribute: "expected-length"
+      },
+      patternMask: {
+        type: String,
+        attribute: "pattern-mask"
+      },
+      placeholderText: {
+        type: String,
+        attribute: "placeholder-text"
+      },
+      value: {
+        type: String
+      }
+    };
+  }
+  set response(e) {
+    this.value = e !== void 0 ? e : "";
+  }
+  validate() {
+    return this.value !== "";
+  }
+  static get styles() {
+    return [
+      qe,
+      _`
+        /* PK: display host as block, else design will be collapsed */
+        :host {
+          display: inline-block;
+        }
+        input {
+          padding: var(--qti-padding, 0.5rem);
+        }
+      `
+    ];
+  }
+  render() {
+    return h`
+    <input
+      spellcheck="false"
+      autocomplete="off"
+      @keydown="${(e) => e.stopImmediatePropagation()}"
+      @keyup="${this.textChanged}"
+      @change="${this.textChanged}"
+      type="text"
+      placeholder="${V(this.placeholderText ? this.placeholderText : void 0)}"
+      .value="${this.value}"
+      size="${V(this.expectedLength ? this.expectedLength : void 0)}"
+      pattern="${V(this.patternMask ? this.patternMask : void 0)}"
+      ?disabled="${this.disabled}"
+      ?readonly="${this.readonly}"
+    />`;
+  }
+  // maxlength="${ifDefined(this.expectedLength ? this.expectedLength : undefined)}"
+  textChanged(e) {
+    if (this.disabled || this.readonly)
+      return;
+    const t = e.target;
+    this.setEmptyAttribute(t.value), this.value = t.value, this.saveResponse({ base: { string: t.value } });
+  }
+  reset() {
+    this.value = "";
+  }
+  setEmptyAttribute(e) {
+    this.setAttribute("empty", e === "" ? "true" : "false");
+  }
+}
+ot.inputWidthClass = [
+  "",
+  "qti-input-width-2",
+  "qti-input-width-1",
+  "qti-input-width-3",
+  "qti-input-width-4",
+  "qti-input-width-6",
+  "qti-input-width-10",
+  "qti-input-width-15",
+  "qti-input-width-20",
+  "qti-input-width-72"
+];
+customElements.define("qti-text-entry-interaction", ot);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const fs = (n) => n.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const gs = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, bs = (n) => (...e) => ({ _$litDirective$: n, values: e });
+class vs {
+  constructor(e) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(e, t, s) {
+    this._$Ct = e, this._$AM = t, this._$Ci = s;
+  }
+  _$AS(e, t) {
+    return this.update(e, t);
+  }
+  update(e, t) {
+    return this.render(...t);
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ee = (n, e) => {
+  var t, s;
+  const i = n._$AN;
+  if (i === void 0)
+    return !1;
+  for (const r of i)
+    (s = (t = r)._$AO) === null || s === void 0 || s.call(t, e, !1), ee(r, e);
+  return !0;
+}, de = (n) => {
+  let e, t;
+  do {
+    if ((e = n._$AM) === void 0)
+      break;
+    t = e._$AN, t.delete(n), n = e;
+  } while (t?.size === 0);
+}, at = (n) => {
+  for (let e; e = n._$AM; n = e) {
+    let t = e._$AN;
+    if (t === void 0)
+      e._$AN = t = /* @__PURE__ */ new Set();
+    else if (t.has(n))
+      break;
+    t.add(n), Es(e);
+  }
+};
+function _s(n) {
+  this._$AN !== void 0 ? (de(this), this._$AM = n, at(this)) : this._$AM = n;
+}
+function ys(n, e = !1, t = 0) {
+  const s = this._$AH, i = this._$AN;
+  if (i !== void 0 && i.size !== 0)
+    if (e)
+      if (Array.isArray(s))
+        for (let r = t; r < s.length; r++)
+          ee(s[r], !1), de(s[r]);
+      else
+        s != null && (ee(s, !1), de(s));
+    else
+      ee(this, n);
+}
+const Es = (n) => {
+  var e, t, s, i;
+  n.type == gs.CHILD && ((e = (s = n)._$AP) !== null && e !== void 0 || (s._$AP = ys), (t = (i = n)._$AQ) !== null && t !== void 0 || (i._$AQ = _s));
+};
+class Cs extends vs {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(e, t, s) {
+    super._$AT(e, t, s), at(this), this.isConnected = e._$AU;
+  }
+  _$AO(e, t = !0) {
+    var s, i;
+    e !== this.isConnected && (this.isConnected = e, e ? (s = this.reconnected) === null || s === void 0 || s.call(this) : (i = this.disconnected) === null || i === void 0 || i.call(this)), t && (ee(this, e), de(this));
+  }
+  setValue(e) {
+    if (fs(this._$Ct))
+      this._$Ct._$AI(e, this);
+    else {
+      const t = [...this._$Ct._$AH];
+      t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const xs = () => new As();
+class As {
+}
+const _e = /* @__PURE__ */ new WeakMap(), $s = bs(class extends Cs {
+  render(n) {
+    return v;
+  }
+  update(n, [e]) {
+    var t;
+    const s = e !== this.Y;
+    return s && this.Y !== void 0 && this.rt(void 0), (s || this.lt !== this.ct) && (this.Y = e, this.dt = (t = n.options) === null || t === void 0 ? void 0 : t.host, this.rt(this.ct = n.element)), v;
+  }
+  rt(n) {
+    var e;
+    if (typeof this.Y == "function") {
+      const t = (e = this.dt) !== null && e !== void 0 ? e : globalThis;
+      let s = _e.get(t);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), _e.set(t, s)), s.get(this.Y) !== void 0 && this.Y.call(this.dt, void 0), s.set(this.Y, n), n !== void 0 && this.Y.call(this.dt, n);
+    } else
+      this.Y.value = n;
+  }
+  get lt() {
+    var n, e, t;
+    return typeof this.Y == "function" ? (e = _e.get((n = this.dt) !== null && n !== void 0 ? n : globalThis)) === null || e === void 0 ? void 0 : e.get(this.Y) : (t = this.Y) === null || t === void 0 ? void 0 : t.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+var qs = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, W = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Os(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && qs(e, t, i), i;
+};
+class H extends A {
+  constructor() {
+    super(...arguments), this.textareaRef = xs(), this.value = "";
+  }
+  handleclassNamesChange(e, t) {
+    this.classNames.split(" ").forEach((i) => {
+      if (i.startsWith("qti-height-lines")) {
+        const r = i.replace("qti-height-lines-", "");
+        this.textareaRef && (this.textareaRef.value.rows = parseInt(r));
+      }
+    });
+  }
+  set response(e) {
+    this.value = e !== void 0 ? e : "";
+  }
+  validate() {
+    return this.value !== "";
+  }
+  static get styles() {
+    return [
+      qe,
+      _`
+        /* PK: display host as block, else design will be collapsed */
+        :host {
+          display: block;
+        }
+        textarea {
+          padding: var(--qti-padding, 0.5rem);
+          width: 100%;
+          height: 100%;
+        }
+      `
+    ];
+  }
+  render() {
+    return h`<textarea
+      ${$s(this.textareaRef)}
+      spellcheck="false"
+      autocomplete="off"
+      @keydown="${(e) => e.stopImmediatePropagation()}"
+      @keyup="${this.textChanged}"
+      @change="${this.textChanged}"
+      placeholder="${V(this.placeholderText ? this.placeholderText : void 0)}"
+      maxlength="${V(this.expectedLength ? this.expectedLength : void 0)}"
+      pattern="${V(this.patternMask ? this.patternMask : void 0)}"
+      ?disabled="${this.disabled}"
+      ?readonly="${this.readonly}"
+      .value=${this.value}
+    ></textarea>`;
+  }
+  textChanged(e) {
+    if (this.disabled || this.readonly)
+      return;
+    const t = e.target;
+    this.setEmptyAttribute(t.value), this.value = t.value, this.saveResponse({ base: { string: t.value } });
+  }
+  reset() {
+    this.value = "";
+  }
+  setEmptyAttribute(e) {
+    this.setAttribute("empty", e === "" ? "true" : "false");
+  }
+}
+H.rowHeightClass = ["", "qti-height-lines-3", "qti-height-lines-6", "qti-height-lines-15"];
+W([
+  d({ type: Number, attribute: "expected-length" })
+], H.prototype, "expectedLength", 2);
+W([
+  d({ type: String, attribute: "pattern-mask" })
+], H.prototype, "patternMask", 2);
+W([
+  d({ type: String, attribute: "placeholder-text" })
+], H.prototype, "placeholderText", 2);
+W([
+  d({ type: String })
+], H.prototype, "value", 2);
+W([
+  d({ type: String, attribute: "class" })
+], H.prototype, "classNames", 2);
+W([
+  E("classNames", { waitUntilFirstUpdate: !0 })
+], H.prototype, "handleclassNamesChange", 1);
+customElements.define("qti-extended-text-interaction", H);
+var ws = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, Rs = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ss(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && ws(e, t, i), i;
+};
+let ze = class extends S {
+};
+ze = Rs([
+  T("qti-hottext")
+], ze);
+var Is = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, oe = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ns(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Is(e, t, i), i;
+};
+class R extends A {
+  constructor() {
+    super(), this._choiceElements = [], this.minChoices = 0, this.maxChoices = 1, this._handleDisabledChange = (e, t) => this._choiceElements.forEach((s) => s.disabled = t), this._handleReadonlyChange = (e, t) => this._choiceElements.forEach((s) => s.readonly = t), this._handleMaxChoicesChange = () => this._determineInputType(), this.addEventListener(m.ON_REGISTER_CHOICE, this._registerChoiceElement), this.addEventListener(m.ON_LOOSE_CHOICE, this._looseChoiceElement);
+  }
+  reset() {
+    this._choiceElements.forEach((e) => {
+      e.reset();
+    });
+  }
+  validate() {
+    return this._choiceElements.reduce((t, s) => t + (s.checked === !0 ? 1 : 0), 0) >= this.minChoices;
+  }
+  set response(e) {
+    this._choiceElements.forEach((s) => {
+      s.checked = !1;
+    }), (Array.isArray(e) ? e : [e]).forEach((s) => {
+      const i = this.querySelector("[identifier='" + s + "']");
+      i && (i.checked = !0);
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(m.ON_CHOICE_ELEMENT_SELECTED, this._choiceElementSelectedHandler);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(m.ON_CHOICE_ELEMENT_SELECTED, this._choiceElementSelectedHandler), this.removeEventListener(m.ON_REGISTER_CHOICE, this._registerChoiceElement);
+  }
+  _registerChoiceElement(e) {
+    e.stopPropagation();
+    const t = e.target;
+    this._choiceElements.push(t), this._setInputType(t);
+  }
+  _looseChoiceElement(e) {
+    e.stopPropagation();
+    const t = e.target;
+    this._choiceElements.push(t), this._choiceElements = this._choiceElements.filter((s) => s !== t);
+  }
+  _determineInputType() {
+    this._choiceElements.forEach((e) => {
+      this._setInputType(e);
+    });
+  }
+  _setInputType(e) {
+    this.maxChoices === 1 ? e.setAttribute("role", "radio") : e.setAttribute("role", "checkbox");
+  }
+  _choiceElementSelectedHandler(e) {
+    this.maxChoices === 1 && this._choiceElements.filter((t) => t.identifier !== e.detail.identifier).forEach((t) => {
+      t.checked = !1;
+    }), this._choiceElementSelected();
+  }
+  _choiceElementSelected() {
+    const e = this._choiceElements.filter((s) => s.checked == !0).map((s) => s.identifier);
+    this.maxChoices > 1 && (this.maxChoices === e.length ? this._choiceElements.forEach((s) => s.disabled = s.checked != !0) : this._choiceElements.forEach((s) => s.disabled = !1));
+    let t;
+    this.maxChoices === 1 ? t = { base: { identifier: e.length > 0 ? e[0] : "" } } : t = { list: { identifier: e } }, this.saveResponse(t);
+  }
+}
+oe([
+  d({
+    type: Number,
+    attribute: "min-choices"
+  })
+], R.prototype, "minChoices", 2);
+oe([
+  d({
+    type: Number,
+    attribute: "max-choices"
+  })
+], R.prototype, "maxChoices", 2);
+oe([
+  E("disabled", { waitUntilFirstUpdate: !0 })
+], R.prototype, "_handleDisabledChange", 2);
+oe([
+  E("readonly", { waitUntilFirstUpdate: !0 })
+], R.prototype, "_handleReadonlyChange", 2);
+oe([
+  E("_maxChoices", { waitUntilFirstUpdate: !0 })
+], R.prototype, "_handleMaxChoicesChange", 2);
+class Ts extends R {
+  constructor() {
+    super(...arguments), this.render = () => h`<slot></slot>`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("qti-hottext-interaction", "");
+  }
+}
+customElements.define("qti-hottext-interaction", Ts);
+class lt extends A {
+  constructor() {
+    super(), this.options = [], this.addEventListener(m.ON_DROPDOWN_SELECTED, this.choiceSelected);
+    const e = Array.from(this.querySelectorAll("qti-inline-choice"));
+    this.options = [
+      {
+        textContent: "select",
+        value: "",
+        selected: !1
+      },
+      ...e.map((t) => ({
+        textContent: t.innerHTML,
+        value: t.getAttribute("identifier"),
+        selected: !1
+      }))
+    ];
+  }
+  static get properties() {
+    return {
+      ...A.properties,
+      options: {
+        type: Array,
+        value: [],
+        attribute: !1
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  static get styles() {
+    return [
+      qe,
+      _`
+      :host {
+        display: inline-block;
+      }
+      select {
+        width:100%;
+        padding: var(--qti-padding-y) var(--qti-padding-x);
+        padding-right: calc(var(--qti-padding-x) + 1ch)
+      }
+    `
+    ];
+  }
+  render() {
+    return h` 
+      <select
+        @change="${this.choiceSelected}"
+        ?disabled="${this.disabled}"
+        ?readonly="${this.readonly}"
+      >
+        ${this.options.map(
+      (e) => h`
+            <option value="${e.value}" ?selected="${e.selected}">${e.textContent}</option>
+          `
+    )}
+      </select>`;
+  }
+  validate() {
+    const e = this.options.find((t) => t.selected);
+    return e ? e.value !== "" : !1;
+  }
+  reset() {
+    this.options = this.options.map((e, t) => ({ ...e, selected: t === 0 }));
+  }
+  set response(e) {
+    this.options = this.options.map((t) => (e === t.value && (t.selected = !0), t));
+  }
+  choiceSelected(e) {
+    const t = e.target.value;
+    this.options = this.options.map((s) => ({ ...s, selected: s.value === t })), this.saveResponse({ base: { string: t } });
+  }
+}
+lt.inputWidthClass = [
+  "",
+  "qti-input-width-2",
+  "qti-input-width-1",
+  "qti-input-width-3",
+  "qti-input-width-4",
+  "qti-input-width-6",
+  "qti-input-width-10",
+  "qti-input-width-15",
+  "qti-input-width-20",
+  "qti-input-width-72"
+];
+customElements.define("qti-inline-choice-interaction", lt);
+var Ps = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, ct = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ks(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Ps(e, t, i), i;
+};
+class ae extends R {
+  constructor() {
+    super(...arguments), this.shuffle = !1, this.render = () => h` <slot name="prompt"></slot>
+      <slot></slot>`;
+  }
+}
+ae.layoutClass = [
+  "",
+  "qti-choices-stacking-2",
+  "qti-choices-stacking-3",
+  "qti-choices-stacking-4",
+  "qti-orientation-vertical",
+  "qti-orientation-horizontal"
+];
+ae.presentationClass = ["", "qti-input-control-hidden"];
+ct([
+  d({ attribute: "orientation", type: String })
+], ae.prototype, "orientation", 2);
+ct([
+  d({ attribute: "shuffle", type: Boolean })
+], ae.prototype, "shuffle", 2);
+customElements.define("qti-choice-interaction", ae);
+var Ds = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Ls = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ms(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Ds(e, t, i), i;
+};
+let We = class extends S {
+};
+We = Ls([
+  T("qti-simple-choice")
+], We);
+const Hs = `<qti-response-processing>
+  <qti-response-condition>
+    <qti-response-if>
+      <qti-match>
+        <qti-variable identifier="RESPONSE"></qti-variable>
+        <qti-correct identifier="RESPONSE"></qti-correct>
+      </qti-match>
+      <qti-set-outcome-value identifier="SCORE">
+        <qti-base-value base-type="float">1</qti-base-value>
+      </qti-set-outcome-value>
+    </qti-response-if>
+    <qti-response-else>
+      <qti-set-outcome-value identifier="SCORE">
+        <qti-base-value base-type="float">0</qti-base-value>
+      </qti-set-outcome-value>
+    </qti-response-else>
+  </qti-response-condition>
+</qti-response-processing>`, Us = `<qti-response-processing>
+  <qti-response-condition>
+    <qti-response-if>
+      <qti-is-null>
+        <qti-variable identifier="RESPONSE"></qti-variable>
+      </qti-is-null>
+      <qti-set-outcome-value identifier="SCORE">
+        <qti-base-value base-type="float">0.0</qti-base-value>
+      </qti-set-outcome-value>
+    </qti-response-if>
+    <qti-response-else>
+      <qti-set-outcome-value identifier="SCORE">
+        <qti-map-response identifier="RESPONSE"> </qti-map-response>
+      </qti-set-outcome-value>
+    </qti-response-else>
+  </qti-response-condition>
+</qti-response-processing>`, Fs = `<qti-response-processing>
+  <qti-response-condition>
+    <qti-response-if>
+      <qti-is-null>
+        <qti-variable identifier="RESPONSE"></qti-variable>
+      </qti-is-null>
+      <qti-set-outcome-value identifier="SCORE">
+        <qti-base-value base-type="float">0</qti-base-value>
+      </qti-set-outcome-value>
+    </qti-response-if>
+    <qti-response-else>
+      <qti-set-outcome-value identifier="SCORE">
+        <qti-map-response-point identifier="RESPONSE"></qti-map-response-point>
+      </qti-set-outcome-value>
+    </qti-response-else>
+  </qti-response-condition>
+</qti-response-processing>`;
+class Qs extends g {
+  render() {
+    return h`<slot></slot>`;
+  }
+  // fIXME: PK: attributes
+  static get observedAttributes() {
+    return ["identifier"];
+  }
+  process() {
+    if (this.getAttribute("template")) {
+      const t = this.getAttribute("template").split("/"), s = t[t.length - 1].replace(".xml", "");
+      switch (this.innerHTML = "", s) {
+        case "map_response": {
+          this.appendChild(this.fragmentFromString(Us));
+          break;
+        }
+        case "map_response_point": {
+          this.appendChild(this.fragmentFromString(Fs));
+          break;
+        }
+        case "match_correct":
+          this.appendChild(this.fragmentFromString(Hs));
+          break;
+      }
+    }
+    const e = [...this.children];
+    for (let t = 0; t < e.length; t++)
+      e[t].process();
+  }
+  fragmentFromString(e) {
+    return document.createRange().createContextualFragment(e);
+  }
+}
+customElements.define("qti-response-processing", Qs);
+class Oe extends g {
+  render() {
+    return h``;
+  }
+  process() {
+    throw new Error("Not implemented");
+  }
+}
+customElements.define("qti-rule", Oe);
+class js extends Oe {
+  render() {
+    return h`<slot></slot>`;
+  }
+  process() {
+    const e = [...this.children];
+    for (let t = 0; t < e.length; t++) {
+      const s = e[t];
+      if (s.calculate()) {
+        s.process();
+        return;
+      }
+    }
+  }
+}
+customElements.define("qti-response-condition", js);
+class ht extends g {
+  static get properties() {
+    return {
+      debugCalculateResult: { type: Object }
+    };
+  }
+  render() {
+    return h`
+    <slot></slot>`;
+  }
+  calculate() {
+    return this.debugCalculateResult = !0, !0;
+  }
+  getSubRules() {
+    return [...this.children];
+  }
+  process() {
+    const e = this.getSubRules();
+    for (let t = 0; t < e.length; t++)
+      e[t].process();
+  }
+}
+customElements.define("qti-response-else", ht);
+class dt extends ht {
+  render() {
+    return h`${super.render()}`;
+  }
+  calculate() {
+    const t = this.firstElementChild.calculate();
+    return this.debugCalculateResult = t, t;
+  }
+  getSubRules() {
+    const e = [];
+    for (let t = 1; t < this.children.length; t++)
+      e.push(this.children[t]);
+    return e;
+  }
+}
+customElements.define("qti-response-if", dt);
+class Bs extends dt {
+  render() {
+    return h`${super.render()}`;
+  }
+}
+customElements.define("qti-response-else-if", Bs);
+class q extends $ {
+  render() {
+    return h``;
+  }
+  calculate() {
+    throw new Error("Not implemented");
+  }
+}
+customElements.define("qti-expression", q);
+class Vs extends q {
+  calculate() {
+    const e = this.getAttribute("identifier"), t = this.closest("qti-assessment-item").getResponse(e);
+    if (!t)
+      return this.err(`Response ${e} can not be found`), null;
+    const s = t.mapping, i = t.value;
+    let r = 0;
+    if (Array.isArray(i)) {
+      for (let o = 0; o < i.length; o++)
+        r += Ke(s, i[o], t.baseType);
+      return r;
+    } else
+      r += Ke(s, i, t.baseType);
+    return r;
+  }
+}
+customElements.define("qti-map-response", Vs);
+function Ke(n, e, t) {
+  let s = 0;
+  for (const i of n.entries()) {
+    const { entryTyped: r, valueTyped: o } = Ys(
+      t,
+      i,
+      e
+    );
+    r === o && (s += i[1]);
+  }
+  return s;
+}
+function Ys(n, e, t) {
+  let s, i;
+  switch (n) {
+    case F.string:
+    case F.identifier:
+    case F.directedPair:
+      s = "" + e[0], i = "" + t;
+      break;
+    case F.float:
+      s = parseFloat(e[0].replace(",", ".")), i = parseFloat(t.replace(",", "."));
+      break;
+    default:
+      console.warn("no base-type identifier");
+  }
+  return { entryTyped: s, valueTyped: i };
+}
+class Gs extends Oe {
+  process() {
+    const e = this.getAttribute("identifier"), t = this.firstElementChild, s = t ? t.calculate() : null;
+    this.closest("qti-assessment-item").setOutcomeValue(e, s);
+  }
+}
+customElements.define("qti-set-outcome-value", Gs);
+class Xs extends q {
+  render() {
+    return h``;
+  }
+  calculate() {
+    const e = this.getAttribute("identifier"), t = this.closest("qti-assessment-item").getResponse(e);
+    return t ? t.correctResponse : (this.err(`Can not find qti-response-identifier: ${e}`), null);
+  }
+}
+customElements.define("qti-correct", Xs);
+class zs extends q {
+  render() {
+    return h``;
+  }
+  calculate() {
+    const e = this.getAttribute("identifier");
+    return this.closest("qti-assessment-item").getVariableValue(e);
+  }
+}
+customElements.define("qti-variable", zs);
+class Ws extends q {
+  calculate() {
+    const t = this.firstElementChild.calculate(), i = this.lastElementChild.calculate();
+    let r = !0;
+    return t instanceof Array ? r = t.length === i.length ? t.filter((o, a) => o === i[a]).length === t.length : !1 : r = t == i, r;
+  }
+}
+customElements.define("qti-match", Ws);
+class we extends q {
+  calculate() {
+    return we.calculate(this.textContent, this.getAttribute("base-type"));
+  }
+  static calculate(e, t) {
+    let s;
+    switch (t) {
+      case F.directedPair:
+        {
+          const i = e.split(" ");
+          s = {
+            destination: i[1],
+            source: i[0]
+          };
+        }
+        break;
+      default:
+        s = e;
+        break;
+    }
+    return s;
+  }
+}
+customElements.define("qti-base-value", we);
+class Se extends q {
+  calculate() {
+    const e = this.firstElementChild, t = this.lastElementChild;
+    return Se.calculate(e, t);
+  }
+  static calculate(e, t) {
+    const s = e.calculate(), i = t.calculate(), r = s.map((l) => l.source + " " + l.destination), o = i.map((l) => l.source + " " + l.destination);
+    return r.filter((l) => o.includes(l)).length > 0;
+  }
+}
+customElements.define("qti-contains", Se);
+class Re extends q {
+  calculate() {
+    return this.children.length === 2 ? Re.calculate(this.children[0], this.children[1]) : (this.err("unexpected number of children in qte"), null);
+  }
+  static calculate(e, t) {
+    const s = +e.calculate(), i = +t.calculate();
+    return s >= i;
+  }
+}
+customElements.define("qti-gte", Re);
+class Ks extends q {
+  calculate() {
+    return Array.from(this.children).map((e) => e.calculate());
+  }
+}
+customElements.define("qti-multiple", Ks);
+class Ie extends q {
+  render() {
+    return h``;
+  }
+  calculate() {
+    return Ie.calculate(Array.from(this.children));
+  }
+  static calculate(e) {
+    return e.every(
+      (t) => t.calculate()
+    );
+  }
+}
+customElements.define("qti-and", Ie);
+class Ne extends q {
+  render() {
+    return h``;
+  }
+  calculate() {
+    return Ne.calculate(Array.from(this.children));
+  }
+  static calculate(e) {
+    return !!e.find(
+      (t) => t.calculate()
+    );
+  }
+}
+customElements.define("qti-or", Ne);
+class Te extends q {
+  calculate() {
+    return this.children.length === 1 ? Te.calculate(this.children[0]) : (this.err("unexpected number of children in qte"), null);
+  }
+  static calculate(e) {
+    const t = e.calculate();
+    return t == null || t == null || t === "";
+  }
+}
+customElements.define("qti-is-null", Te);
+class Zs extends $ {
+  constructor() {
+    super(...arguments), this._errorMessage = null;
+  }
+  static get properties() {
+    return {
+      responseIdentifier: {
+        type: String,
+        attribute: "response-identifier"
+      },
+      module: { type: String, attribute: "module" },
+      customInteractionTypeIdentifier: {
+        type: String,
+        attribute: "custom-interaction-type-identifier"
+      },
+      baseUrl: {
+        type: String,
+        attribute: "base-url"
+      },
+      _errorMessage: {
+        type: String,
+        state: !0
+      }
+    };
+  }
+  getTAOConfig(e) {
+    const t = e.querySelectorAll("properties");
+    let s = {};
+    const i = (o) => {
+      const a = {}, c = o.getAttribute("key");
+      if (c) {
+        const l = Array.from(o.children), f = l.map((u) => u.getAttribute("key"));
+        f.length > 0 && !f.find((u) => !Number.isInteger(+u)) ? a[c] = l.map((u) => r(u)) : a[c] = o.textContent;
+      }
+      return a;
+    }, r = (o) => {
+      if (o) {
+        let a = {};
+        for (const c of o.children)
+          a = { ...a, ...i(c) };
+        return a;
+      }
+    };
+    for (const o of t)
+      return o.getAttribute("key") || (s = { ...s, ...r(o) }), s;
+    this.err("Can not find qti-custom-interaction config");
+  }
+  register(e) {
+    const t = this.parentElement.tagName === "QTI-CUSTOM-INTERACTION" ? "TAO" : "IMS", s = t == "IMS" ? this.querySelector("qti-interaction-markup") : this.querySelector("markup");
+    s.classList.add("qti-customInteraction"), t == "TAO" && this.querySelector("properties") && (this.querySelector("properties").style.display = "none");
+    const i = t == "IMS" ? {
+      properties: this.dataset
+    } : this.getTAOConfig(this);
+    t == "IMS" ? e.getInstance(s, i, void 0) : e.initialize(this.customInteractionTypeIdentifier, s.firstElementChild, i), t == "TAO" && Array.from(this.querySelectorAll("link")).map((o) => o.getAttribute("href")).forEach((o) => {
+      const a = document.createElement("link");
+      a.rel = "stylesheet", a.type = "text/css", a.media = "screen", a.href = o, s.appendChild(a);
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = {
+      context: this.customInteractionTypeIdentifier,
+      baseUrl: this.baseUrl,
+      catchError: !0
+    };
+    window.requirePaths && window.requireShim && (e.paths = window.requirePaths, e.shim = window.requireShim), requirejs.config(e)(
+      ["require"],
+      (s) => {
+        define("qtiCustomInteractionContext", () => ({
+          register: (i) => {
+            this.register(i);
+          },
+          notifyReady: () => {
+          }
+        })), s([this.module], () => {
+        }, (i) => {
+          this._errorMessage = i;
+        });
+      },
+      (s) => {
+        this._errorMessage = s;
+      }
+    );
+  }
+  render() {
+    return h`<slot></slot>${this._errorMessage && h`<div style="color:red"><h1>Error</h1>${this._errorMessage}</div>`}`;
+  }
+}
+customElements.define("qti-portable-custom-interaction", Zs);
+var Js = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ei(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Js(e, t, i), i;
+};
+const si = (n, e, t) => {
+  class s extends n {
+    constructor() {
+      super(...arguments), this.disabled = !1;
+    }
+    firstUpdated(r) {
+      if (this.classList.contains("qti-match-tabular"))
+        return;
+      super.firstUpdated(r);
+      const o = Array.from(
+        e ? this.shadowRoot.querySelectorAll(t) : this.querySelectorAll(t)
+      );
+      this.dragoverHandler = this.dragoverHandler.bind(this), this.dragleaveHandler = this.dragleaveHandler.bind(this), this.dropHandler = this.dropHandler.bind(this), o.forEach((a) => {
+        a.setAttribute("dropzone", "move"), a.addEventListener("dragleave", this.dragleaveHandler), this.attachHandler(a);
+      });
+      for (const a of o)
+        this.observer = new MutationObserver((c) => {
+          c.forEach((l) => {
+            if (l.type === "attributes")
+              switch (l.attributeName) {
+                case "disabled": {
+                  a.hasAttribute("disabled") ? this.removeHandler(a) : this.attachHandler(a);
+                  break;
+                }
+              }
+          });
+        }), this.observer.observe(a, {
+          attributes: !0
+          //configure it to listen to attribute changes
+        });
+    }
+    attachHandler(r) {
+      r.addEventListener("dragover", this.dragoverHandler), r.addEventListener("drop", this.dropHandler);
+    }
+    removeHandler(r) {
+      r.removeEventListener("dragover", this.dragoverHandler), r.removeEventListener("drop", this.dropHandler);
+    }
+    disconnectedCallback() {
+      this.classList.contains("qti-match-tabular") || (super.disconnectedCallback(), this.observer?.disconnect());
+    }
+    dragoverHandler(r) {
+      return r.preventDefault(), r.currentTarget.setAttribute("active", ""), r.dataTransfer.dropEffect = "move", !1;
+    }
+    dropHandler(r) {
+      r.preventDefault();
+      const o = r.currentTarget, a = this.querySelector(`[identifier=${r.dataTransfer.getData("text")}`), c = a || this.shadowRoot.querySelector(`[identifier=${r.dataTransfer.getData("text")}`);
+      return o ? c.parentElement.getAttribute("identifier") !== o.getAttribute("identifier") && o.appendChild(c) : console.error(`cannot find droppable, target: ${r.target ? JSON.stringify(r.target) : "null"}`), o.removeAttribute("active"), !1;
+    }
+    dragleaveHandler(r) {
+      return r.preventDefault(), r.currentTarget.removeAttribute("active"), !1;
+    }
+  }
+  return ti([
+    d({ type: Boolean, reflect: !0 })
+  ], s.prototype, "disabled", 2), s;
+}, ii = (n, e, t) => {
+  class s extends n {
+    // private state = new Map<Element, any>();
+    // private observer: MutationObserver;
+    // flippablesSelector: string;
+    // override async firstUpdated(changedProps) {
+    //   await this.updateComplete; // pk: this is the key to calculate correct proportions
+    //   const draggables = Array.from(this.querySelectorAll(draggablesSel));
+    //   draggables.forEach((elem) => {
+    //     const { left, top, width, height } = elem.getBoundingClientRect();
+    //     this.state.set(elem, { left, top, width, height });
+    //   });
+    //   this.observer = new MutationObserver(this.animateMe);
+    //   const droppables = Array.from(this.querySelectorAll(droppablesSel));
+    //   droppables.forEach((draggable) => {
+    //     this.observer.observe(draggable, { childList: true });
+    //   });
+    //   this.observer.observe(this, { childList: true });
+    //   super.firstUpdated(changedProps);
+    // }
+    // private animateMe = () => {
+    //   this.state.forEach((value, elem) => {
+    //     const { left, top, width, height } = elem.getBoundingClientRect();
+    //     if (this.state.get(elem) == null) {
+    //       this.state.set(elem, { left, top, width, height });
+    //     }
+    //     const cache = this.state.get(elem);
+    //     const deltaX = cache.left - left;
+    //     const deltaY = cache.top - top;
+    //     const deltaW = cache.width / width;
+    //     const deltaH = cache.height / height;
+    //     this.state.set(elem, { left, top, width, height });
+    //     const { duration, easing } = { duration: 350, easing: 'cubic-bezier(0.26, 0.86, 0.44, 0.985)' };
+    //     elem.animate(
+    //       [
+    //         {
+    //           transformOrigin: 'top left',
+    //           transform: `
+    // translate(${deltaX}px, ${deltaY}px)
+    // scale(${deltaW}, ${deltaH})
+    // `,
+    //           // width: cache.width,
+    //           // height: cache.height+ 'px',
+    //           // opacity: cache.opacity,
+    //         },
+    //         {
+    //           transformOrigin: 'top left',
+    //           transform: 'none',
+    //         },
+    //       ],
+    //       {
+    //         duration,
+    //         easing,
+    //       }
+    //     );
+    //   });
+    // };
+    // override disconnectedCallback(): void {
+    //   super.disconnectedCallback();
+    //   this.observer.disconnect();
+    // }
+  }
+  return s;
+};
+class te {
+  constructor() {
+    return this._touchBegin = 0, this._touchDown = null, this._lastClick = 0, this._canDrag = !1, this._dragSrc = null, this._dragCopy = null, this._touchEndCalled = !1, this._dragRunning = !1, this._dataTransfer = {
+      data: {},
+      setData: function(e, t) {
+        this.data[e] = t;
+      },
+      getData: function(e) {
+        return this.data[e];
+      },
+      effectAllowed: "move"
+    }, this._copyOffset = { x: 0, y: 0 }, this._lastTarget = null, this._currentDropContainer = null, this._handleClick = !0, this._DBLCLICKDELAY = 500, this._CONTEXTMENUDELAY = 1e3, this._DRAGDELTA = 5, this._COPYOPACITY = 0.7, this.copyStylesDragClone = !0, this.dragOnClick = !1, this.createDragCopy = (e, t) => {
+      if (this._dragCopy === null && this._dragRunning) {
+        this._dragSrc.style.opacity = this._COPYOPACITY, this._dragCopy = this._dragSrc.cloneNode(!0);
+        const i = window.getComputedStyle(this._dragSrc);
+        if (this._dragCopy.style = "", this._dragCopy.setAttribute("dragclone", ""), this.copyStylesDragClone)
+          for (const r of i)
+            this._dragCopy.style[r] = i.getPropertyValue(r);
+        this._calculateDragCopyPosition(t), this._dragCopy.style.top = t.clientY - this._copyOffset.y + "px", this._dragCopy.style.left = t.clientX - this._copyOffset.x + "px", this._dragCopy.style.position = "absolute", this._dragCopy.style.pointerEvents = "none", this._dragCopy.style.zIndex = "999999", this._dragCopy = document.body.appendChild(this._dragCopy), this._dispatchEvent(this._dragSrc, "dragstart");
+      }
+      if (this._dragRunning) {
+        const i = this;
+        requestAnimationFrame(function() {
+          i._touchEndCalled || i._dragCopy === null || (i._dragCopy.style.top = t.clientY - i._copyOffset.y + "px", i._dragCopy.style.left = t.clientX - i._copyOffset.x + "px");
+        });
+        var s = this._findDroppable(e);
+        s != this._lastTarget && (this._dispatchEvent(s, "dragenter"), this._dispatchEvent(this._lastTarget, "dragleave"), this._lastTarget = s), this._currentDropContainer = s, this._currentDropContainer && this._dispatchEvent(s, "dragover");
+      }
+    }, te._instance ? te._instance : (te._instance = this, document.addEventListener("touchmove", this._touchMove.bind(this), { passive: !1, capture: !1 }), document.addEventListener("mousemove", this._touchMove.bind(this), { passive: !1, capture: !1 }), document.addEventListener("touchend", this._touchEnd.bind(this), { passive: !1, capture: !1 }), document.addEventListener("mouseup", this._touchEnd.bind(this), { passive: !1, capture: !1 }), document.addEventListener("touchcancel", this._touchCancel.bind(this), { passive: !1, capture: !1 }), this);
+  }
+  addDraggables(e) {
+    e.forEach((t) => {
+      t.addEventListener("touchstart", this._touchStart.bind(this), { passive: !1, capture: !1 }), t.addEventListener("mousedown", this._touchStart.bind(this), { passive: !1, capture: !1 });
+    });
+  }
+  /**
+   * Callback for touchstart event listener.
+   * @param {TouchEvent} e
+   */
+  _touchStart(e) {
+    this._touchBegin = Date.now();
+    const { x: t, y: s } = this.getPositionFromEvent(e);
+    if (this._touchDown = { x: t, y: s }, this._dragSrc = e.currentTarget, this._canDrag = !0, this.dragOnClick) {
+      const i = { clientX: t, clientY: s };
+      this._dragRunning = !0, this.createDragCopy(e, i);
+    }
+    e.preventDefault();
+  }
+  /**
+   * Callback for touchmove event listener.
+   * @param {TouchEvent} e
+   */
+  _touchMove(e) {
+    if (this._canDrag && this._dragSrc) {
+      const { x: t, y: s } = this.getPositionFromEvent(e), i = { clientX: t, clientY: s };
+      this._getDelta(i) >= this._DRAGDELTA && (this._dragRunning = !0), this.createDragCopy(e, i), e.preventDefault();
+    }
+  }
+  /**
+   * Callback for touchend event listener.
+   * @param {TouchEvent} e
+   */
+  _touchEnd(e) {
+    if (this._touchEndCalled = !0, this._canDrag = !1, this._currentDropContainer)
+      this._dispatchEvent(this._currentDropContainer, "drop"), this._dispatchEvent(this._dragSrc, "dragend");
+    else if (this._dragRunning) {
+      const t = new CustomEvent("dragend", { bubbles: !0, cancelable: !0 });
+      t.dataTransfer = { dropEffect: "none" }, this._dragSrc?.dispatchEvent(t);
+    }
+    this._reset();
+  }
+  /**
+   * Callback for touchcancel event listener, in case browser supports this.
+   * @param {TouchEvent} e
+   */
+  _touchCancel(e) {
+    this._reset();
+  }
+  /**
+   * Determines the next droppable element at current point.
+   * @param {Object} pt
+   */
+  _findDroppable(e) {
+    let t;
+    const s = e.composedPath().find((i) => {
+      if (i.nodeType === 1 && i.nodeName !== "SLOT" && i.hasAttribute("dropzone"))
+        return i;
+    });
+    if (s) {
+      const i = s.getRootNode(), r = this._getPoint(e);
+      t = i.elementFromPoint(r.x, r.y);
+    }
+    return t;
+  }
+  _getPoint(e, t) {
+    return e && e.touches && (e = e.touches[0]), {
+      x: t ? e.pageX : e.clientX,
+      y: t ? e.pageY : e.clientY
+    };
+  }
+  /**
+   * Calculates the offset for displaying the drag copy to have a seamless dragging.
+   * @param {Touch} touch The current touch.
+   */
+  _calculateDragCopyPosition(e) {
+    const t = this._dragSrc.getBoundingClientRect();
+    this._copyOffset.x = e.clientX - t.left, this._copyOffset.y = e.clientY - t.top;
+  }
+  /**
+   * Calculates the pixel delta between first touch and the current touch position.
+   * @param {Object} touch
+   */
+  _getDelta(e) {
+    const t = Math.abs(e.clientX - this._touchDown.x), s = Math.abs(e.clientY - this._touchDown.y);
+    return t + s;
+  }
+  /**
+   *
+   * @param {Element} e The event's target element.
+   * @param {string} eventType The type of the event.
+   * @param {bool} bubble Sets whether the event should bubble.
+   */
+  _dispatchEvent(e, t, s = !0) {
+    if (!e)
+      return !1;
+    const i = new CustomEvent(t, { bubbles: s, cancelable: !0 });
+    return i.dataTransfer = this._dataTransfer, e.dispatchEvent(i), i.defaultPrevented;
+  }
+  /**
+   * Resets all variables and prepares for new Drag and Drop.
+   */
+  _reset() {
+    this._dragRunning && (this._dragSrc.style.opacity = "1.0", this._dragCopy.parentElement.removeChild(this._dragCopy)), this._dragRunning = !1, this._dragSrc = null, this._dragCopy = null, this._canDrag = !1, this._touchBegin = 0, this._touchDown = null, this._lastClick = 0, this._touchEndCalled = !1, this._dataTransfer = {
+      data: {},
+      setData: function(e, t) {
+        this.data[e] = t;
+      },
+      getData: function(e) {
+        return this.data[e];
+      },
+      effectAllowed: "move"
+    }, this._copyOffset = { x: 0, y: 0 }, this._lastTarget = null, this._currentDropContainer = null, this._handleClick = !0;
+  }
+  getPositionFromEvent(e) {
+    let t;
+    if (e.type == "touchstart" || e.type == "touchmove" || e.type == "touchend" || e.type == "touchcancel") {
+      const s = typeof e.originalEvent > "u" ? e : e.originalEvent, i = s.touches[0] || s.changedTouches[0];
+      t = {
+        x: i.pageX,
+        y: i.pageY
+      };
+    } else
+      (e.type == "mousedown" || e.type == "mouseup" || e.type == "mousemove" || e.type == "mouseover" || e.type == "mouseout" || e.type == "mouseenter" || e.type == "mouseleave") && (t = {
+        x: e.clientX,
+        y: e.clientY
+      });
+    return t;
+  }
+}
+function ni(n, e) {
+  let t;
+  return {
+    ...e
+  }, (s, i) => {
+    const { connectedCallback: r, disconnectedCallback: o } = s;
+    s.connectedCallback = function() {
+      r.call(this);
+      const a = (l) => {
+        const f = Array.from(this.querySelectorAll(n));
+        for (const p of l) {
+          const u = Array.from(p.addedNodes).map((C) => C), y = Array.from(p.addedNodes).map((C) => C);
+          p.type === "childList" && u.find((C) => f.includes(C)) && this[i](u, y);
+        }
+      };
+      t = new MutationObserver(a), t.observe(this, { childList: !0, subtree: !0 });
+      const c = this.querySelectorAll(n) ?? [];
+      this[i](Array.from(c), []);
+    }, s.disconnectedCallback = function() {
+      o.call(this), t.disconnect();
+    };
+  };
+}
+var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, I = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? oi(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && ri(e, t, i), i;
+};
+const le = (n, e, t, s) => {
+  class i extends ii(
+    si(n, t, s)
+  ) {
+    constructor() {
+      super(...arguments), this.draggables = /* @__PURE__ */ new Map(), this.responseIdentifier = "", this.configuration = {
+        copyStylesDragClone: !0,
+        dragCanBePlacedBack: !0,
+        dragOnClick: !1
+      }, this.disabled = !1, this.readonly = !1, this.minAssociations = 1, this.maxAssociations = 1;
+    }
+    reInitDragAndDrop(o, a) {
+      if (this.classList.contains("qti-match-tabular"))
+        return;
+      o.filter((l) => !this.draggables || !this.draggables.get(l)).length > 0 && (this.dragDropApi.addDraggables(o), o.forEach((l) => {
+        this.draggables.set(l, {
+          parent: l.parentElement,
+          index: Array.from(l.parentNode.children).indexOf(l)
+        }), l.setAttribute("qti-draggable", "true"), l.addEventListener("dragstart", (f) => {
+          f.dataTransfer.setData("text", f.currentTarget.getAttribute("identifier")), l.setAttribute("dragging", "");
+        }), l.addEventListener("dragend", (f) => {
+          if (f.preventDefault(), l.removeAttribute("over"), l.removeAttribute("dragging"), f.dataTransfer.dropEffect === "none" && this.configuration.dragCanBePlacedBack) {
+            const p = f.currentTarget, u = this.draggables.get(p), y = u.index < u.parent.children.length ? u.index : u.parent.children.length - 1, C = u.parent, b = u.parent.children[y];
+            C.insertBefore(p, b), this.saveResponse(), this.checkMaxMatchAssociations();
+          }
+          f.dataTransfer.dropEffect === "move" && (this.saveResponse(), this.checkMaxMatchAssociations());
+        });
+      }));
+    }
+    handleDragOptionsChanged(o, a) {
+      this.dragDropApi.copyStylesDragClone = a.copyStylesDragClone, this.dragDropApi.dragOnClick = a.dragOnClick;
+    }
+    handleDisabledChange(o, a) {
+      this.draggables.forEach((c, l) => {
+        a ? l.setAttribute("disabled", "") : l.removeAttribute("disabled"), a ? l.removeAttribute("qti-draggable") : l.setAttribute("qti-draggable", "true");
+      });
+    }
+    handleReadonlyChange(o, a) {
+      this.draggables.forEach((c, l) => {
+        a ? l.setAttribute("readonly", "") : l.removeAttribute("readonly"), a ? l.removeAttribute("qti-draggable") : l.setAttribute("qti-draggable", "true");
+      });
+    }
+    firstUpdated(o) {
+      super.firstUpdated(o), this.droppables = Array.from(
+        t ? this.shadowRoot.querySelectorAll(s) : this.querySelectorAll(s)
+      );
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.dragDropApi = new te(), this.dispatchEvent(
+        new CustomEvent(m.ON_REGISTER_INTERACTION, {
+          bubbles: !0,
+          composed: !0,
+          detail: this
+        })
+      );
+    }
+    reset(o = !0) {
+      this.draggables.forEach((a, c) => {
+        const l = a.parent.children, f = a.index < l.length ? a.index : l.length;
+        a.parent.insertBefore(c, l[f]);
+      }), o && this.saveResponse();
+    }
+    checkMaxMatchAssociations() {
+      this.droppables.forEach((o) => {
+        const c = +(o.getAttribute("match-max") || 1) <= (o.children.length || 0);
+        c ? o.setAttribute("disabled", "") : o.removeAttribute("disabled"), c ? o.removeAttribute("dropzone") : o.setAttribute("dropzone", "move");
+      });
+    }
+    set response(o) {
+      this.classList.contains("qti-match-tabular") || (this.reset(!1), o !== null && Array.isArray(o) && o.forEach((a) => {
+        const [c, ...l] = a.split(" ").reverse();
+        if (c) {
+          const f = this.droppables.find((p) => p.getAttribute("identifier") === c);
+          l.forEach((p) => {
+            const u = this.querySelector(`[identifier=${p}]`);
+            f ? u ? (f.appendChild(u), this.checkMaxMatchAssociations()) : console.error(`cannot find draggable with identifier: ${p}`) : console.error(`cannot find droppable with identifier: ${c}`);
+          });
+        }
+      }));
+    }
+    validate() {
+      const a = (t ? Array.from(this.shadowRoot.querySelectorAll(s)) : Array.from(this.querySelectorAll(s))).filter((c) => c.childElementCount > 0).length;
+      return this.minAssociations <= 0 || this.minAssociations <= a;
+    }
+    saveResponse() {
+      const a = { list: { pair: this.droppables.map((c) => {
+        let l = "";
+        return c.children?.length > 0 && (l += Array.from(c.children).map((f) => f.getAttribute("identifier")).join(" ") + " "), l += c.getAttribute("identifier"), l;
+      }) } };
+      this.dispatchEvent(
+        new CustomEvent(m.ON_INTERACTION_RESPONSE, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            responseIdentifier: this.responseIdentifier,
+            responses: a
+          }
+        })
+      );
+    }
+  }
+  return I([
+    ni(e)
+  ], i.prototype, "reInitDragAndDrop", 1), I([
+    d({ type: String, attribute: "response-identifier" })
+  ], i.prototype, "responseIdentifier", 2), I([
+    d({ type: Object })
+  ], i.prototype, "configuration", 2), I([
+    E("configuration")
+  ], i.prototype, "handleDragOptionsChanged", 1), I([
+    d({ type: Boolean, reflect: !0 })
+  ], i.prototype, "disabled", 2), I([
+    E("disabled", { waitUntilFirstUpdate: !0 })
+  ], i.prototype, "handleDisabledChange", 1), I([
+    d({ type: Boolean, reflect: !0 })
+  ], i.prototype, "readonly", 2), I([
+    E("readonly", { waitUntilFirstUpdate: !0 })
+  ], i.prototype, "handleReadonlyChange", 1), I([
+    d({ type: Number, reflect: !0, attribute: "min-associations" })
+  ], i.prototype, "minAssociations", 2), I([
+    d({ type: Number, reflect: !0, attribute: "max-associations" })
+  ], i.prototype, "maxAssociations", 2), i;
+};
+var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ci = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? li(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && ai(e, t, i), i;
+};
+class Pe extends le(
+  $,
+  "qti-simple-associable-choice",
+  !0,
+  "drop-list"
+) {
+  render() {
+    return h` <slot name="prompt"></slot>
+      <slot name="qti-simple-associable-choice"></slot>
+      ${this._childrenMap.length > 0 && Array.from(Array(Math.ceil(this._childrenMap.length / 2)).keys()).map(
+      (e, t) => h`<div part="associables-container">
+            <drop-list part="drop-list" identifier="droplist${t}_left"></drop-list>
+            <drop-list part="drop-list" identifier="droplist${t}_right"></drop-list>
+          </div>`
+    )}`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._childrenMap = Array.from(this.querySelectorAll("qti-simple-associable-choice"));
+  }
+}
+Pe.styles = _`
+    :host {
+      display: block; /* necessary to calculate scaling position */
+    }
+    slot[name='qti-simple-associable-choice'] {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.5rem;
+    }
+  `;
+ci([
+  Ee()
+], Pe.prototype, "_childrenMap", 2);
+customElements.define("qti-associate-interaction", Pe);
+class hi extends g {
+  // pk: This needs some explanation
+  // in the associate interaction there is a special slot for these qti-simple-associable-choices
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("slot", "qti-simple-associable-choice"), this.setAttribute("part", "qti-simple-associable-choice");
+  }
+  // pk: This needs some explanation
+  // in qti-match-interaction, qti-simple-associable-choice is used to denote the 
+  // draggable, but also the droppable. WEIRD.. but lets deal with it.
+  // So we have a slot for whenever another qti-simple-associable-choice is dropped in here.
+  // And we have slot for content like in this associate interaction
+  render() {
+    return h`
+      <slot></slot>
+      <slot name="qti-simple-associable-choice"></slot>
+    `;
+  }
+}
+customElements.define("qti-simple-associable-choice", hi);
+class pt extends le(g, "qti-gap-text", !1, "qti-gap") {
+  render() {
+    return h` <slot name="qti-gap-text"></slot>
+      <slot></slot>`;
+  }
+}
+pt.styles = _`
+    :host {
+      display: block; /* necessary to calculate scaling position */
+    }
+    slot[name='qti-gap-text'] {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--qti-gap, 0.5rem);
+      padding: var(--qti-gap, 0.5rem) 0px;
+    }
+  `;
+customElements.define("qti-gap-match-interaction", pt);
+class di extends g {
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("slot", "qti-gap-text");
+  }
+  render() {
+    return h`<slot></slot>`;
+  }
+}
+customElements.define("qti-gap-text", di);
+class pi extends g {
+  render() {
+    return h` <slot name="qti-gap-text"></slot>`;
+  }
+}
+customElements.define("qti-gap", pi);
+function ke(n, e, t, s) {
+  switch (n) {
+    case "circle":
+      {
+        const [i, r, o] = e, a = i / t.width * 100, c = r / t.height * 100, l = o / t.width * 100;
+        s.style.left = a - l + "%", s.style.top = c - l + "%", s.style.width = s.style.height = 4 * l + "px", s.style.clipPath = "circle(50% at 50% 50%)";
+      }
+      break;
+    case "rect":
+      {
+        const [i, r, o, a] = e, c = i / t.width * 100, l = r / t.height * 100, f = o / t.width * 100, p = a / t.height * 100;
+        s.style.left = c + "%", s.style.top = l + "%", s.style.width = f - c + "%", s.style.height = p - l + "%";
+      }
+      break;
+    case "poly":
+      {
+        const i = e.reduce((b, Ct, Le, xt) => {
+          if (Le % 2 === 1) {
+            const At = b.pop();
+            b[b.length] = { x: At, y: xt[Le] };
+          } else
+            b.push(Ct);
+          return b;
+        }, []), r = Math.min(...i.map((b) => b.x)), o = Math.max(...i.map((b) => b.x)), a = Math.min(...i.map((b) => b.y)), c = Math.max(...i.map((b) => b.y)), l = r / t.width * 100, f = a / t.height * 100, p = o / t.width * 100, u = c / t.height * 100;
+        s.style.left = r / t.width * 100 + "%", s.style.top = a / t.height * 100 + "%", s.style.width = p - l + "%", s.style.height = u - f + "%";
+        const C = i.map((b) => ({
+          x: (b.x - r) / (o - r) * 100,
+          y: (b.y - a) / (c - a) * 100
+        })).map((b) => Math.round(b.x) + "% " + Math.round(b.y) + "%").join(",");
+        s.style.clipPath = `polygon(${C})`;
+      }
+      break;
+  }
+}
+class ut extends R {
+  render() {
+    return h`
+      <slot name="prompt"></slot>
+      <!-- slot for the prompt -->
+      <slot></slot>
+      <!-- slot for the image and hotspots -->
+    `;
+  }
+  positionHotspotOnRegister(e) {
+    const t = this.querySelector("img"), s = e.target, i = s.getAttribute("coords"), r = s.getAttribute("shape"), o = i.split(",").map((a) => parseInt(a));
+    ke(r, o, t, s);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(m.ON_REGISTER_CHOICE, this.positionHotspotOnRegister);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(m.ON_REGISTER_CHOICE, this.positionHotspotOnRegister);
+  }
+}
+ut.styles = [
+  _`
+      slot:not([name='prompt']) {
+        position: relative; /* qti-hotspot-choice relative to the slot */
+        display: block;
+        width: fit-content; /* hotspots not stretching further if image is at max size */
+      }
+      ::slotted(img) {
+        /* image not selectable anymore */
+        pointer-events: none;
+        user-select: none;
+      }
+    `
+];
+customElements.define("qti-graphic-associate-interaction", ut);
+class mt extends le(
+  $,
+  "qti-gap-img",
+  !1,
+  "qti-associable-hotspot"
+) {
+  render() {
+    return h` <slot></slot>
+      <slot name="qti-gap-img"></slot>`;
+  }
+  positionHotspotOnRegister(e) {
+    const t = e.target, s = t.getAttribute("coords"), i = t.getAttribute("shape"), r = s.split(",").map((o) => parseInt(o));
+    switch (i) {
+      case "circle":
+        {
+          const [o, a, c] = r;
+          t.style.left = o - c + "px", t.style.top = a - c + "px", t.style.width = t.style.height = 2 * c + "px";
+        }
+        break;
+      case "rect":
+        {
+          const [o, a, c, l] = r;
+          t.style.left = o + "px", t.style.top = a + "px", t.style.width = c - o + "px", t.style.height = l - a + "px";
+        }
+        break;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(m.ON_REGISTER_HOTSPOT, this.positionHotspotOnRegister);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(m.ON_REGISTER_HOTSPOT, this.positionHotspotOnRegister);
+  }
+}
+mt.styles = _`
+    slot[name="qti-gap-img"] {
+      display: flex;
+      gap: 1rem;
+    }
+  `;
+customElements.define("qti-graphic-gap-match-interaction", mt);
+class ft extends R {
+  render() {
+    return h`
+      <slot name="prompt"></slot>
+      <!-- slot for the prompt -->
+      <slot></slot>
+      <!-- slot for the image and hotspots -->
+    `;
+  }
+  setHotspotOrder(e) {
+    const { identifier: t } = e.detail, s = this._choiceElements.find((r) => r.getAttribute("identifier") === t), i = this._choiceElements.length;
+    if (!this.choiceOrdering) {
+      if (this.choiceOrdering = !0, s.order == null) {
+        if (this._choiceElements.filter((r) => r.order > 0).length >= i) {
+          this.choiceOrdering = !1;
+          return;
+        }
+        s.order = this._choiceElements.filter((r) => !!r.order).length + 1, this.choiceOrdering = !1;
+        return;
+      } else
+        this._choiceElements.forEach((r) => (r.order > r.order && r.order--, r)), s.order = null;
+      this.choiceOrdering = !1;
+    }
+  }
+  positionHotspotOnRegister(e) {
+    const t = this.querySelector("img"), s = e.target, i = s.getAttribute("coords"), r = s.getAttribute("shape"), o = i.split(",").map((a) => parseInt(a));
+    ke(r, o, t, s);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(m.ON_CHOICE_ELEMENT_SELECTED, this.setHotspotOrder), this.addEventListener(m.ON_REGISTER_CHOICE, this.positionHotspotOnRegister);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(m.ON_CHOICE_ELEMENT_SELECTED, this.setHotspotOrder), this.removeEventListener(m.ON_REGISTER_CHOICE, this.positionHotspotOnRegister);
+  }
+}
+ft.styles = [
+  _`
+      slot:not([name='prompt']) {
+        position: relative; /* qti-hotspot-choice relative to the slot */
+        display: block;
+        width: fit-content; /* hotspots not stretching further if image is at max size */
+      }
+      ::slotted(img) {
+        /* image not selectable anymore */
+        pointer-events: none;
+        user-select: none;
+      }
+    `
+];
+customElements.define("qti-graphic-order-interaction", ft);
+class gt extends R {
+  render() {
+    return h`
+      <slot name="prompt"></slot>
+      <!-- slot for the prompt -->
+      <slot></slot>
+      <!-- slot for the image and hotspots -->
+    `;
+  }
+  positionHotspotOnRegister(e) {
+    const t = this.querySelector("img"), s = e.target, i = s.getAttribute("coords"), r = s.getAttribute("shape"), o = i.split(",").map((a) => parseInt(a));
+    ke(r, o, t, s);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(m.ON_REGISTER_CHOICE, this.positionHotspotOnRegister);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(m.ON_REGISTER_CHOICE, this.positionHotspotOnRegister);
+  }
+}
+gt.styles = [
+  _`
+      slot:not([name='prompt']) {
+        position: relative; /* qti-hotspot-choice relative to the slot */
+        display: block;
+        width: fit-content; /* hotspots not stretching further if image is at max size */
+      }
+      ::slotted(img) {
+        /* image not selectable anymore */
+        pointer-events: none;
+        user-select: none;
+      }
+    `
+];
+customElements.define("qti-hotspot-interaction", gt);
+var ui = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, fi = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? mi(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && ui(e, t, i), i;
+};
+class De extends S {
+}
+De.styles = _`
+    :host {
+      position: absolute;
+    }
+  `;
+fi([
+  d({ attribute: "aria-ordervalue", type: Number, reflect: !0 })
+], De.prototype, "order", 2);
+customElements.define("qti-hotspot-choice", De);
+const ge = _`
+  .notification {
+    position: absolute;
+    z-index: 100000;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    /* background: repeating-linear-gradient(45deg, #606cbc00, #606cbc00 10px, #4652980f 10px, #4652980f 20px); */
+  }
+  .notification:after {
+    position: absolute;
+    right: 1rem;
+    top: 1rem;
+    background-color: #222222;
+    color: #dddddd;
+    font-size: 14px;
+    width: fit-content;
+    padding: 0.4rem 0.6rem;
+    border-radius: 99999px;
+    content: 'preview not interactive';
+  }
+`;
+class bt extends le(
+  g,
+  "qti-simple-match-set:first-of-type qti-simple-associable-choice",
+  !1,
+  "qti-simple-match-set:last-of-type qti-simple-associable-choice"
+) {
+  render() {
+    return h`
+      <slot name="prompt"></slot>
+      <slot></slot>`;
+  }
+}
+bt.styles = [ge];
+customElements.define("qti-match-interaction", bt);
+class vt extends A {
+  constructor() {
+    super();
+  }
+  reset() {
+  }
+  validate() {
+    return !0;
+  }
+  set response(e) {
+  }
+  static get properties() {
+    return {
+      ...A.properties,
+      step: {
+        type: Number,
+        attribute: "step",
+        default: 10
+      }
+    };
+  }
+  render() {
+    return h`
+      <slot name="prompt"></slot>
+      <slot></slot>`;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+}
+vt.styles = [ge, _``];
+customElements.define("qti-media-interaction", vt);
+class Me extends le($, "qti-simple-choice", !0, "drop-list") {
+  static get properties() {
+    return {
+      _classNames: {
+        type: String,
+        attribute: "class"
+      },
+      _orientation: {
+        type: String,
+        attribute: "orientation"
+      }
+    };
+  }
+  render() {
+    return h` <slot name="prompt"> </slot>
+      <div class=${`container ${this._classNames}`}>
+        <slot class=${this._orientation === "vertical" ? "ver" : "hor"}> </slot>
+        <div class=${this._orientation === "vertical" ? "ver" : "hor"}>
+          ${this.childrenMap.map((e, t) => h`<drop-list part="drop-list" identifier="droplist${t}"></drop-list>`)}
+        </div>
+      </div>`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.childrenMap = Array.from(this.querySelectorAll("qti-simple-choice")), this.childrenMap.forEach((e) => e.setAttribute("part", "qti-simple-choice"));
+  }
+}
+Me.layoutClass = [
+  "qti-choices-top",
+  "qti-choices-bottom",
+  "qti-choices-left",
+  "qti-choices-right"
+];
+Me.styles = [
+  ge,
+  _`
+      .hor {
+        display: grid;
+        gap: var(--qti-gap, 2px);
+        grid-auto-flow: column;
+        grid-auto-columns: 1fr;
+      }
+      .ver {
+        width:50%;
+        display: grid;
+        gap: var(--qti-gap, 2px);
+        grid-auto-flow: row;
+        grid-auto-columns: 1fr;
+      }
+      .container {
+        display: flex;
+        gap: var(--qti-gap, 2px);
+      }
+      .qti-choices-top {
+        flex-direction: column;
+      }
+      .qti-choices-bottom {
+        flex-direction: column-reverse;
+      }
+      .qti-choices-left {
+        flex-direction: row;
+      }
+      .qti-choices-right {
+        flex-direction: row-reverse;
+      }
+      drop-list:empty::before {
+        content: 'drop here';
+        color: var(--qti-placeholder-text);
+      }
+    `
+];
+customElements.define("qti-order-interaction", Me);
+class _t extends R {
+  constructor() {
+    super();
+  }
+  render() {
+    return h`<slot></slot>
+      <div class="notification"></div>`;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+}
+_t.styles = [ge];
+customElements.define("qti-select-point-interaction", _t);
+var gi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, N = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? bi(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && gi(e, t, i), i;
+};
+class O extends A {
+  constructor() {
+    super(...arguments), this.stepLabel = !1, this.reverse = !1, this._handleDisabledChange = (e, t) => {
+    }, this._handleReadonlyChange = (e, t) => {
+    };
+  }
+  set min(e) {
+    this._min = e, this.style.setProperty("--min", `${this._min}`);
+  }
+  get min() {
+    return this._min;
+  }
+  set max(e) {
+    this._max = e, this.style.setProperty("--max", `${this._max}`);
+  }
+  get max() {
+    return this._max;
+  }
+  set step(e) {
+    this._step = e, this.style.setProperty("--step", `${this._step}`);
+  }
+  get step() {
+    return this._step;
+  }
+  reset() {
+  }
+  validate() {
+    return !0;
+  }
+  set response(e) {
+    this.value = e;
+  }
+  render() {
+    this.value < this.min && (this.value = this.min), this.value > this.max && (this.value = this.max);
+    const e = (this.value - this.min) / (this.max - this.min) * 100;
+    return h`<slot name="prompt"></slot>
+      <div id="rail" @mousedown=${this._onMouseDown} @touchstart=${this._onTouchMove} part="rail">
+        <div id="knob" part="knob" style="left:${e}%"></div>
+      </div>`;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.step = 1, this.setAttribute("tabindex", "0"), this.setAttribute("role", "slider");
+  }
+  _onTouchMove(e) {
+    const t = (o) => {
+      const { x: a } = this.getPositionFromEvent(o), c = a - this._rail.getBoundingClientRect().left - document.documentElement.scrollLeft;
+      this.calculateValue(c), o.stopPropagation();
+    }, s = () => {
+      document.removeEventListener("touchmove", t), document.removeEventListener("touchend", s), this.saveResponse({ base: { float: this.value } });
+    };
+    document.addEventListener("touchmove", t), document.addEventListener("touchend", s);
+    const { x: i } = this.getPositionFromEvent(e), r = i - this._rail.getBoundingClientRect().left - document.documentElement.scrollLeft;
+    this.calculateValue(r), e.stopPropagation();
+  }
+  _onMouseDown(e) {
+    const t = (r) => {
+      const o = r.pageX - this._rail.getBoundingClientRect().left - document.documentElement.scrollLeft;
+      this.calculateValue(o), r.preventDefault(), r.stopPropagation();
+    }, s = () => {
+      document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", s), this.saveResponse({ base: { float: this.value } });
+    };
+    document.addEventListener("mousemove", t), document.addEventListener("mouseup", s);
+    const i = e.pageX - this._rail.getBoundingClientRect().left - document.documentElement.scrollLeft;
+    this.calculateValue(i), e.preventDefault(), e.stopPropagation();
+  }
+  /** calculateValue gets x position and compares this with the total width in pixels */
+  calculateValue(e) {
+    const t = this.min + (this.max - this.min) * e / this.offsetWidth, s = this.min + Math.round((t - this.min) / this._step) * this._step;
+    this.value = s;
+  }
+  getPositionFromEvent(e) {
+    let t;
+    if (e.type == "touchstart" || e.type == "touchmove" || e.type == "touchend" || e.type == "touchcancel") {
+      const s = typeof e.originalEvent > "u" ? e : e.originalEvent, i = s.touches[0] || s.changedTouches[0];
+      t = {
+        x: i.pageX,
+        y: i.pageY
+      };
+    } else
+      (e.type == "mousedown" || e.type == "mouseup" || e.type == "mousemove" || e.type == "mouseover" || e.type == "mouseout" || e.type == "mouseenter" || e.type == "mouseleave") && (t = {
+        x: e.clientX,
+        y: e.clientY
+      });
+    return t;
+  }
+}
+O.styles = [_``];
+N([
+  pe("#knob")
+], O.prototype, "_knob", 2);
+N([
+  pe("#rail")
+], O.prototype, "_rail", 2);
+N([
+  d({ type: Number })
+], O.prototype, "value", 2);
+N([
+  d({ type: Boolean, attribute: "step-label" })
+], O.prototype, "stepLabel", 2);
+N([
+  d({ type: Boolean })
+], O.prototype, "reverse", 2);
+N([
+  d({ type: Number, attribute: "lower-bound" })
+], O.prototype, "min", 1);
+N([
+  d({ type: Number, attribute: "upper-bound" })
+], O.prototype, "max", 1);
+N([
+  d({ type: Number, attribute: "step" })
+], O.prototype, "step", 1);
+N([
+  E("disabled", { waitUntilFirstUpdate: !0 })
+], O.prototype, "_handleDisabledChange", 2);
+N([
+  E("readonly", { waitUntilFirstUpdate: !0 })
+], O.prototype, "_handleReadonlyChange", 2);
+customElements.define("qti-slider-interaction", O);
+class yt extends g {
+  constructor() {
+    super(...arguments), this.render = () => h`${this.value}`;
+  }
+  levenshtein(e, t) {
+    let s;
+    if (e.length === 0)
+      return t.length;
+    if (t.length === 0)
+      return e.length;
+    e.length > t.length && (s = e, e = t, t = s);
+    const i = e.length, r = t.length, o = Array(i);
+    let a, c, l;
+    for (a = 0; a <= i; a++)
+      o[a] = a;
+    for (a = 1; a <= r; a++) {
+      for (l = a, c = 1; c <= i; c++)
+        s = o[c - 1], o[c - 1] = l, l = Math.min(s + (t[a - 1] !== e[c - 1]), l + 1, o[c] + 1);
+      o[c - 1] = l;
+    }
+    return l;
+  }
+  calculate() {
+    const e = this.firstElementChild, t = this.lastElementChild, s = e.calculate(), i = t.calculate();
+    return this.value = 100 - this.levenshtein(s.toString().trim(), i.toString().trim()) / i.toString().length * 100, this.value;
+  }
+}
+yt.properties = { value: {} };
+customElements.define("qti-custom-operator-levenshtein", yt);
+class vi extends g {
+  render() {
+    return h``;
+  }
+  calculate() {
+    const t = this.firstElementChild.calculate()?.toString();
+    return t ? t.replace(/[^0-9$.,]/g, "") : "";
+  }
+}
+customElements.define("qti-custom-operator-numeric", vi);
+class Et extends g {
+  constructor() {
+    super(...arguments), this.render = () => h`${this.value}`;
+  }
+  calculate() {
+    let e;
+    const s = this.firstElementChild.calculate()?.toString();
+    return this.value = s ? this.parseNumber(s, e) : "", this.value;
+  }
+  parseNumber(e, t = navigator.languages) {
+    const s = Intl.NumberFormat(t).format(1.1), i = new RegExp(`[^-+0-9${s.charAt(1)}]`, "g"), o = e.replace(i, "").replace(s.charAt(1), ".");
+    return parseFloat(o);
+  }
+}
+Et.properties = { value: {} };
+customElements.define("qti-custom-operator-parse-numeric-nl", Et);
+class _i extends g {
+  render() {
+    return h``;
+  }
+  calculate() {
+    const t = this.firstElementChild.calculate()?.toString();
+    return t ? t.replace(/ /g, "") : "";
+  }
+}
+customElements.define("qti-custom-operator-remove-spaces", _i);
+class yi extends g {
+  render() {
+    return h``;
+  }
+  calculate() {
+    return this.firstElementChild.calculate().toString().trim();
+  }
+}
+customElements.define("qti-custom-operator-trim", yi);
+const K = (n, e) => {
+  class t extends n {
+    _dispatch() {
+      this.dispatchEvent(
+        new CustomEvent(e, {
+          composed: !0,
+          bubbles: !0,
+          detail: +this.getAttribute("index")
+        })
+      );
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.addEventListener("click", this._dispatch);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this.removeEventListener("click", this._dispatch);
+    }
+  }
+  return t;
+};
+customElements.define(
+  "qti-test-next",
+  class extends K(g, "on-next-item") {
+    constructor() {
+      super(...arguments), this.render = () => h`<slot></slot>`;
+    }
+  }
+);
+customElements.define(
+  "qti-test-item",
+  class extends K(g, "on-request-item") {
+    constructor() {
+      super(...arguments), this.render = () => h`<slot></slot>`;
+    }
+  }
+);
+customElements.define(
+  "qti-test-prev",
+  class extends K(g, "on-prev-item") {
+    constructor() {
+      super(...arguments), this.render = () => h`<slot></slot>`;
+    }
+  }
+);
+customElements.define(
+  "qti-test-check",
+  class extends K(g, "on-check-item") {
+    constructor() {
+      super(...arguments), this.render = () => h`<slot></slot>`;
+    }
+  }
+);
+customElements.define(
+  "qti-test-score",
+  class extends K(g, "on-score-item") {
+    constructor() {
+      super(...arguments), this.render = () => h`<slot></slot>`;
+    }
+  }
+);
+customElements.define(
+  "qti-test-show-correct",
+  class extends K(g, "on-show-correct") {
+    constructor() {
+      super(...arguments), this.render = () => h`<slot></slot>`;
+    }
+  }
+);
+var Ei = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, w = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ci(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && Ei(e, t, i), i;
+};
+const k = {
+  ON_ITEM_WAS_FINISHED: "onItemWasFinished",
+  ON_NO_RESPONSE_ON_SUBMIT: "onNoResponseOnSubmit",
+  ON_REQUEST_ITEM: "onRequestItem",
+  ON_TEST_FINISHED: "onTestFinished",
+  ON_ITEM_READY: "onItemReady"
+};
+var xi = /* @__PURE__ */ ((n) => (n.linear = "linear", n.nonlinear = "nonlinear", n))(xi || {}), Ai = /* @__PURE__ */ ((n) => (n.individual = "individual", n.simultaneous = "simultaneous", n))(Ai || {});
+let x = class extends g {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.readonly = !1, this._navigationMode = "nonlinear", this._submissionMode = "simultaneous", this.items = [], this.itemIndex = 0, this.provider = new os(this, Ae, {
+      log: (n) => {
+        console.log(`[my-app] ${n}`);
+      },
+      view: "candidate"
+    });
+  }
+  handleNavigationModeChange(n, e) {
+    this.prevButton.style.visibility = e === "linear" ? "hidden" : "visible";
+  }
+  handleItemIndexChange(n, e) {
+    this.emit(k.ON_REQUEST_ITEM, { detail: e });
+  }
+  set qtiContext(n) {
+    this.provider.value.view = n.view, this.provider.updateObservers();
+  }
+  set itemXML(n) {
+    this._itemRef && this._itemRef.remove(), this.insertAdjacentHTML("afterbegin", n);
+  }
+  set manualOutcomeValue(n) {
+    this._itemRef.setOutcomeValue("SCORE", n);
+  }
+  set itemResponse(n) {
+    this._itemRef && (this._itemRef.responses = n, this._navigationMode === "linear" && (this._itemRef.style.filter = "blur(5px)", this._itemRef.setAttribute("disabled", ""), this.dispatchEvent(new CustomEvent(k.ON_ITEM_WAS_FINISHED))));
+  }
+  _onCheckItem() {
+    return this._itemRef.validateResponses() ? (this._itemRef.processResponse(), !0) : !1;
+  }
+  _onScoreItem() {
+    this._onCheckItem() && this._itemRef.processResponse();
+  }
+  _onPrevItem() {
+    this.itemIndex > 0 && this.emit(k.ON_REQUEST_ITEM, { detail: this.itemIndex - 1 });
+  }
+  _onNextItem() {
+    if (this._navigationMode === "linear" && !this._itemRef.validateResponses()) {
+      this.dispatchEvent(new CustomEvent(k.ON_NO_RESPONSE_ON_SUBMIT));
+      return;
+    }
+    this.itemIndex < this.items.length - 1 ? this.emit(k.ON_REQUEST_ITEM, { detail: this.itemIndex + 1 }) : this.dispatchEvent(new CustomEvent(k.ON_TEST_FINISHED));
+  }
+  _onShowCorrect() {
+    this._itemRef.showCorrectResponse();
+  }
+  _onRequestItem({ detail: n }) {
+    this.emit(k.ON_REQUEST_ITEM, { detail: n });
+  }
+  _handleSlotchange(n) {
+    const e = this.querySelector("qti-assessment-item");
+    e && (this._itemRef = e, this.disabled && this._itemRef.setAttribute("disabled", ""), this.readonly && this._itemRef.setAttribute("readonly", ""), this.emit(k.ON_ITEM_READY, { detail: e }));
+  }
+  render() {
+    return h`
+      <slot
+        @slotchange=${this._handleSlotchange}
+        @on-prev-item=${this._onPrevItem}
+        @on-next-item=${this._onNextItem}
+        @on-check-item=${this._onCheckItem}
+        @on-score-item=${this._onScoreItem}
+        @on-request-item=${this._onRequestItem}
+        @on-show-correct=${this._onShowCorrect}
+      >
+      </slot>
+    `;
+  }
+  emit(n, e) {
+    const t = new CustomEvent(n, {
+      bubbles: !0,
+      cancelable: !1,
+      composed: !0,
+      detail: {},
+      ...e
+    });
+    this.dispatchEvent(t);
+  }
+};
+w([
+  pe("qti-test-prev")
+], x.prototype, "prevButton", 2);
+w([
+  pe("qti-test-next")
+], x.prototype, "nextButton", 2);
+w([
+  d({ type: Boolean })
+], x.prototype, "disabled", 2);
+w([
+  d({ type: Boolean })
+], x.prototype, "readonly", 2);
+w([
+  d({ type: String, attribute: "navigation-mode" })
+], x.prototype, "_navigationMode", 2);
+w([
+  E("_navigationMode", { waitUntilFirstUpdate: !0 })
+], x.prototype, "handleNavigationModeChange", 1);
+w([
+  d({ type: String, attribute: "submission-mode" })
+], x.prototype, "_submissionMode", 2);
+w([
+  d()
+], x.prototype, "items", 2);
+w([
+  d({ type: Number, attribute: "item-index", reflect: !0 })
+], x.prototype, "itemIndex", 2);
+w([
+  E("itemIndex", { waitUntilFirstUpdate: !0 })
+], x.prototype, "handleItemIndexChange", 1);
+w([
+  Ee()
+], x.prototype, "_itemRef", 2);
+x = w([
+  T("qti-test")
+], x);
+const $i = (n, e) => {
+  class t extends n {
+    constructor() {
+      super(...arguments), this.scale = 1, this.ro = new ResizeObserver((i) => {
+        for (const r of i)
+          this.fitToParent(r.contentRect.width);
+      });
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.ro.observe(this), this.fitToParent();
+    }
+    static get properties() {
+      return {
+        scales: {
+          type: Boolean,
+          reflect: !0
+        }
+      };
+    }
+    updated(i) {
+      i.forEach((r, o) => {
+        switch (o) {
+          case "scales":
+            this.scales && this.fitToParent();
+            break;
+        }
+      });
+    }
+    fitToParent(i = this.clientWidth) {
+      const r = this.querySelector(e);
+      if (r) {
+        const o = i / r.clientWidth;
+        this.scale = o, this.marginY = -r.clientHeight * (1 - o) + "px", requestAnimationFrame(() => {
+          r.style.transform = `scale(${this.scale})`, r.style.margin = `0 0 ${this.marginY} 0`;
+        });
+      }
+    }
+  }
+  return t;
+};
+var qi = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, j = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Oi(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && qi(e, t, i), i;
+};
+class P extends $i(g, "qti-assessment-item") {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.readonly = !1, this.processResponse = () => this._item?.processResponse(), this.validateResponses = () => this._item ? this._item.validateResponses() : !1, this.resetInteractions = () => this._item?.resetInteractions(), this.render = () => h`<slot @slotchange=${this.handleSlotchange}></slot>`;
+  }
+  handleDisabledChange(e, t) {
+    t && this._item?.setAttribute("disabled", ""), !t && this._item?.removeAttribute("disabled");
+  }
+  handleReadonlyChange(e, t) {
+    t && this._item?.setAttribute("readonly", ""), !t && this._item?.removeAttribute("readonly");
+  }
+  handleResponsesChange(e, t) {
+    this._item && (this._item.responses = t);
+  }
+  handleSlotchange(e) {
+    const t = e.target.assignedNodes({ flatten: !0 });
+    this._item = null, t.forEach((s) => {
+      s.nodeName == "QTI-ASSESSMENT-ITEM" && (this._item = s, this.disabled && this._item.setAttribute("disabled", ""), this.readonly && this._item.setAttribute("readonly", ""), this.responses && (this._item.responses = this.responses));
+    });
+  }
+}
+P.styles = _`
+    :host {
+      display: block; /* necessary to calculate scaling position */
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+    }
+    ::slotted(qti-assessment-item) {
+      display: block; /* necessary to calculate scaling position */
+      width: 100%;
+    }
+    :host([scales]) ::slotted(qti-assessment-item) {
+      aspect-ratio: 4 / 3;
+      width: 1024px;
+      transform-origin: 0 0;
+    }
+  `;
+j([
+  d({ type: Boolean, reflect: !0 })
+], P.prototype, "disabled", 2);
+j([
+  E("disabled", { waitUntilFirstUpdate: !0 })
+], P.prototype, "handleDisabledChange", 1);
+j([
+  d({ type: Boolean, reflect: !0 })
+], P.prototype, "readonly", 2);
+j([
+  E("readonly", { waitUntilFirstUpdate: !0 })
+], P.prototype, "handleReadonlyChange", 1);
+j([
+  d({ type: Object, reflect: !0 })
+], P.prototype, "responses", 2);
+j([
+  E("responses", { waitUntilFirstUpdate: !0 })
+], P.prototype, "handleResponsesChange", 1);
+j([
+  Ee()
+], P.prototype, "_item", 2);
+customElements.define("qti-item", P);
+var wi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Z = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Si(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(e, t, i) : o(i)) || i);
+  return s && i && wi(e, t, i), i;
+};
+let L = class extends $ {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.readonly = !1, this.logger = new it(
+      this,
+      Ae,
+      (n) => this.style.display = n.view === "scorer" ? "block" : "none",
+      !0
+    );
+  }
+  textChanged(n) {
+    if (this.disabled || this.readonly)
+      return;
+    const e = n.target;
+    this.value = e.value, this.closest("qti-test").manualOutcomeValue = this.value;
+  }
+  render() {
+    return h`<input
+      part="input"
+      type="number"
+      spellcheck="false"
+      autocomplete="off"
+      @keyup=${this.textChanged}
+      @change=${this.textChanged}
+      placeholder="score"
+      min=${this.min}
+      max=${this.max}
+      .value=${this.value}
+      size="10"
+      ?disabled=${this.disabled}
+      ?readonly=${this.readonly}
+    />`;
+  }
+};
+L.styles = _`
+    :host {
+      display: none;
+    }
+  `;
+Z([
+  d({ type: Boolean })
+], L.prototype, "disabled", 2);
+Z([
+  d({ type: Boolean })
+], L.prototype, "readonly", 2);
+Z([
+  d({ type: Number })
+], L.prototype, "value", 2);
+Z([
+  d({ type: Number })
+], L.prototype, "min", 2);
+Z([
+  d({ type: Number })
+], L.prototype, "max", 2);
+L = Z([
+  T("qti-manual-scoring")
+], L);
+export {
+  F as BaseType,
+  Ze as Cardinality,
+  R as Choices,
+  le as DragDropInteractionMixin,
+  si as DroppablesMixin,
+  m as Events,
+  ii as FlippablesMixin,
+  xi as NavigationMode,
+  Je as OutcomeVariable,
+  Ie as QtiAnd,
+  $t as QtiAssessmentItem,
+  Pe as QtiAssociateInteraction,
+  we as QtiBaseValue,
+  S as QtiChoice,
+  ae as QtiChoiceInteraction,
+  Ge as QtiCompanionMaterialsInfo,
+  Se as QtiContains,
+  Xs as QtiCorrect,
+  yt as QtiCustomOperatorLevenshtein,
+  vi as QtiCustomOperatorNumericOnly,
+  Et as QtiCustomOperatorParseNumberLocalNl,
+  _i as QtiCustomOperatorRemoveAllSpaces,
+  yi as QtiCustomOperatorTrim,
+  q as QtiExpression,
+  H as QtiExtendedTextInteraction,
+  rt as QtiFeedbackInline,
+  pi as QtiGap,
+  pt as QtiGapMatchInteraction,
+  di as QtiGapText,
+  ut as QtiGraphicAssociateInteraction,
+  mt as QtiGraphicGapMatchInteraction,
+  ft as QtiGraphicOrderInteraction,
+  Re as QtiGte,
+  De as QtiHotspotChoice,
+  gt as QtiHotspotInteraction,
+  ze as QtiHottext,
+  Ts as QtiHottextInteraction,
+  lt as QtiInlineChoiceInteraction,
+  Te as QtiIsNull,
+  P as QtiItem,
+  ye as QtiItemBody,
+  L as QtiManualScoring,
+  Vs as QtiMapResponse,
+  Ws as QtiMatch,
+  bt as QtiMatchInteraction,
+  vt as QtiMediaInteraction,
+  ps as QtiModalFeedback,
+  Ks as QtiMultiple,
+  Ne as QtiOr,
+  Me as QtiOrderInteraction,
+  Jt as QtiOutcomeDeclaration,
+  Zs as QtiPortableCustomInteraction,
+  Nt as QtiPrompt,
+  js as QtiResponseCondition,
+  fe as QtiResponseDeclaration,
+  ht as QtiResponseElse,
+  Bs as QtiResponseElseIf,
+  dt as QtiResponseIf,
+  Qs as QtiResponseProcessing,
+  _t as QtiSelectPointInteraction,
+  Gs as QtiSetOutcomeValue,
+  We as QtiSimpleChoice,
+  O as QtiSliderInteraction,
+  qt as QtiStylesheet,
+  x as QtiTest,
+  ot as QtiTextEntryInteraction,
+  zs as QtiVariable,
+  se as ResponseVariable,
+  Ii as Status,
+  Ai as SubmissionMode,
+  k as TestEvents,
+  te as TouchDragAndDrop,
+  Xe as qtiContentBody,
+  M as qtiRubricBlock,
+  hi as qtiSimpleAssociableChoice
+};