@citolab/qti-components 7.27.3 → 7.27.5

package/dist/{chunk-CSYOTHK2.js → chunk-FK2IVMS3.js}

@@ -1,6 +1,6 @@
 import {
   o as o2
-} from "./chunk-DGIXWHK3.js";
+} from "./chunk-N7S3GNUP.js";
 import {
   A,
   E,
@@ -29,7 +29,7 @@ import {
   u,
   v,
   watch
-} from "./chunk-A7HX4462.js";
+} from "./chunk-Z2SUBRH5.js";
 import {
   __decorateClass
 } from "./chunk-QXBXORM3.js";
@@ -615,8 +615,8 @@ var [Observable, Subscriber] = (() => {
       if (isBrowserContext() && !isDocumentFullyActive(document)) return;
       try {
         teardown();
-      } catch (e5) {
-        reportError(e5);
+      } catch (e4) {
+        reportError(e4);
       }
     }
   }
@@ -667,8 +667,8 @@ var [Observable, Subscriber] = (() => {
     if (observableState.subscribeCallback) {
       try {
         observableState.subscribeCallback(subscriber);
-      } catch (e5) {
-        subscriber.error(e5);
+      } catch (e4) {
+        subscriber.error(e4);
       }
     }
   }
@@ -963,8 +963,8 @@ var [Observable, Subscriber] = (() => {
             let mappedValue;
             try {
               mappedValue = mapper(value, idx);
-            } catch (e5) {
-              subscriber.error(e5);
+            } catch (e4) {
+              subscriber.error(e4);
               return;
             }
             idx += 1;
@@ -1002,8 +1002,8 @@ var [Observable, Subscriber] = (() => {
         if (subscribeCallback !== null) {
           try {
             subscribeCallback();
-          } catch (e5) {
-            subscriber.error(e5);
+          } catch (e4) {
+            subscriber.error(e4);
             return;
           }
         }
@@ -1012,8 +1012,8 @@ var [Observable, Subscriber] = (() => {
             if (abortCallback !== null) {
               abortCallback(subscriber.signal.reason);
             }
-          } catch (e5) {
-            reportError(e5);
+          } catch (e4) {
+            reportError(e4);
           }
         };
         subscriber.signal.addEventListener("abort", abortCallbackWrapped, { once: true });
@@ -1022,9 +1022,9 @@ var [Observable, Subscriber] = (() => {
             if (nextCallback !== null) {
               try {
                 nextCallback(value);
-              } catch (e5) {
+              } catch (e4) {
                 subscriber.signal.removeEventListener("abort", abortCallbackWrapped);
-                subscriber.error(e5);
+                subscriber.error(e4);
                 return;
               }
             }
@@ -1035,8 +1035,8 @@ var [Observable, Subscriber] = (() => {
             if (errorCallback !== null) {
               try {
                 errorCallback(error);
-              } catch (e5) {
-                subscriber.error(e5);
+              } catch (e4) {
+                subscriber.error(e4);
                 return;
               }
             }
@@ -1047,8 +1047,8 @@ var [Observable, Subscriber] = (() => {
             if (completeCallback !== null) {
               try {
                 completeCallback();
-              } catch (e5) {
-                subscriber.error(e5);
+              } catch (e4) {
+                subscriber.error(e4);
                 return;
               }
             }
@@ -1073,8 +1073,8 @@ var [Observable, Subscriber] = (() => {
             let matches = false;
             try {
               matches = predicate(value, idx);
-            } catch (e5) {
-              subscriber.error(e5);
+            } catch (e4) {
+              subscriber.error(e4);
               return;
             }
             idx += 1;
@@ -1157,15 +1157,15 @@ var [Observable, Subscriber] = (() => {
           let mappedResult;
           try {
             mappedResult = mapper(value, idx);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e4) {
+            return subscriber.error(e4);
           }
           idx += 1;
           let innerObservable;
           try {
             innerObservable = Observable2.from(mappedResult);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e4) {
+            return subscriber.error(e4);
           }
           let innerObserver = new InternalObserver({
             next(value2) {
@@ -1226,15 +1226,15 @@ var [Observable, Subscriber] = (() => {
           let mappedResult;
           try {
             mappedResult = mapper(value, idx);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e4) {
+            return subscriber.error(e4);
           }
           idx += 1;
           let innerObservable;
           try {
             innerObservable = Observable2.from(mappedResult);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e4) {
+            return subscriber.error(e4);
           }
           let innerObserver = new InternalObserver({
             next(value2) {
@@ -1394,9 +1394,9 @@ var [Observable, Subscriber] = (() => {
         next(value) {
           try {
             callback(value, idx);
-          } catch (e5) {
-            reject(e5);
-            visitorCallbackController.abort(e5);
+          } catch (e4) {
+            reject(e4);
+            visitorCallbackController.abort(e4);
           }
           idx += 1;
         },
@@ -1432,9 +1432,9 @@ var [Observable, Subscriber] = (() => {
           let passed = false;
           try {
             passed = predicate(value, idx);
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e4) {
+            reject(e4);
+            controller.abort(e4);
           }
           idx += 1;
           if (!passed) {
@@ -1535,9 +1535,9 @@ var [Observable, Subscriber] = (() => {
           let passed = false;
           try {
             passed = predicate(value, idx);
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e4) {
+            reject(e4);
+            controller.abort(e4);
           }
           idx += 1;
           if (passed) {
@@ -1577,9 +1577,9 @@ var [Observable, Subscriber] = (() => {
           let passed = false;
           try {
             passed = predicate(value, idx);
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e4) {
+            reject(e4);
+            controller.abort(e4);
           }
           idx += 1;
           if (passed) {
@@ -1627,9 +1627,9 @@ var [Observable, Subscriber] = (() => {
             const result = reducer(accumulator, value, idx);
             idx++;
             accumulator = result;
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e4) {
+            reject(e4);
+            controller.abort(e4);
             return;
           }
         },
@@ -2077,15 +2077,15 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         console.error("\u274C [Observable DnD] No shadow root found!");
         return;
       }
-      const pointerDragSub = shadowRoot.when("pointerdown").filter((e5) => {
-        if (!e5.isTrusted) {
+      const pointerDragSub = shadowRoot.when("pointerdown").filter((e4) => {
+        if (!e4.isTrusted) {
           return false;
         }
-        const target = findDraggableTarget(e5, draggablesSelector);
+        const target = findDraggableTarget(e4, draggablesSelector);
         const hostDisabled = this.disabled || this.readonly;
         const targetDisabled = target?.hasAttribute("disabled") || target?.getAttribute("aria-disabled") === "true";
         const touchHandledRecently = Date.now() - this.lastTouchStartAt < 50;
-        return target && e5.isPrimary !== false && e5.button === 0 && !hostDisabled && !targetDisabled && !touchHandledRecently;
+        return target && e4.isPrimary !== false && e4.button === 0 && !hostDisabled && !targetDisabled && !touchHandledRecently;
       }).subscribe((downEvent) => {
         this.lastPointerDownAt = Date.now();
         const dragTarget = findDraggableTarget(downEvent, draggablesSelector);
@@ -2142,11 +2142,11 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
           }
         }, delay);
       });
-      const mouseDragSub = shadowRoot.when("mousedown").filter((e5) => {
-        const target = findDraggableTarget(e5, draggablesSelector);
+      const mouseDragSub = shadowRoot.when("mousedown").filter((e4) => {
+        const target = findDraggableTarget(e4, draggablesSelector);
         const hostDisabled = this.disabled || this.readonly;
         const targetDisabled = target?.hasAttribute("disabled") || target?.getAttribute("aria-disabled") === "true";
-        const isLeftButton = e5.button === 0;
+        const isLeftButton = e4.button === 0;
         const pointerHandledRecently = Date.now() - this.lastPointerDownAt < 50;
         return target && isLeftButton && !hostDisabled && !targetDisabled && !pointerHandledRecently;
       }).subscribe((downEvent) => {
@@ -2155,13 +2155,21 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
           return;
         }
         downEvent.preventDefault();
-        this.initiateDrag(dragTarget, downEvent.clientX, downEvent.clientY, "mouse", "mouse", void 0, downEvent.isTrusted);
+        this.initiateDrag(
+          dragTarget,
+          downEvent.clientX,
+          downEvent.clientY,
+          "mouse",
+          "mouse",
+          void 0,
+          downEvent.isTrusted
+        );
       });
-      const touchDragSub = shadowRoot.when("touchstart").filter((e5) => {
-        const target = findDraggableTarget(e5, draggablesSelector);
+      const touchDragSub = shadowRoot.when("touchstart").filter((e4) => {
+        const target = findDraggableTarget(e4, draggablesSelector);
         const hostDisabled = this.disabled || this.readonly;
         const targetDisabled = target?.hasAttribute("disabled") || target?.getAttribute("aria-disabled") === "true";
-        const hasTouchPoint = Boolean(e5.touches?.[0] || e5.changedTouches?.[0]);
+        const hasTouchPoint = Boolean(e4.touches?.[0] || e4.changedTouches?.[0]);
         const pointerHandledRecently = Date.now() - this.lastPointerDownAt < 50;
         return target && hasTouchPoint && !hostDisabled && !targetDisabled && !pointerHandledRecently;
       }).subscribe((startEvent) => {
@@ -2173,7 +2181,15 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         this.lastTouchStartAt = Date.now();
         startEvent.preventDefault();
         startEvent.stopPropagation();
-        this.initiateDrag(dragTarget, touch.clientX, touch.clientY, "touch", "touch", void 0, startEvent.isTrusted);
+        this.initiateDrag(
+          dragTarget,
+          touch.clientX,
+          touch.clientY,
+          "touch",
+          "touch",
+          void 0,
+          startEvent.isTrusted
+        );
       });
       let keyboardState = {
         dragging: false,
@@ -2182,15 +2198,15 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         dropIndex: 0,
         dropElement: null
       };
-      const keyboardStream = shadowRoot.when("keydown").subscribe((e5) => {
+      const keyboardStream = shadowRoot.when("keydown").subscribe((e4) => {
         const draggables = this.trackedDraggables.filter((d) => d.style.opacity !== "0");
         const dropTargets = [...this.trackedDroppables, ...this.trackedDragContainers];
         if (!keyboardState.dragging) {
-          const target = findDraggableTarget(e5, draggablesSelector);
+          const target = findDraggableTarget(e4, draggablesSelector);
           const hostDisabled = this.disabled || this.readonly;
           const targetDisabled = target?.hasAttribute("disabled") || target?.getAttribute("aria-disabled") === "true";
-          if (target && ["Space", "Enter"].includes(e5.code) && !hostDisabled && !targetDisabled) {
-            e5.preventDefault();
+          if (target && ["Space", "Enter"].includes(e4.code) && !hostDisabled && !targetDisabled) {
+            e4.preventDefault();
             target.setAttribute("data-keyboard-dragging", "true");
             keyboardState = {
               dragging: true,
@@ -2201,17 +2217,17 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
             };
           }
         } else {
-          switch (e5.code) {
+          switch (e4.code) {
             case "ArrowRight":
             case "ArrowDown": {
-              e5.preventDefault();
+              e4.preventDefault();
               const nextDropIndex = (keyboardState.dropIndex + 1) % dropTargets.length;
               keyboardState = { ...keyboardState, dropIndex: nextDropIndex, dropElement: dropTargets[nextDropIndex] };
               break;
             }
             case "ArrowLeft":
             case "ArrowUp": {
-              e5.preventDefault();
+              e4.preventDefault();
               const prevDropIndex = (keyboardState.dropIndex - 1 + dropTargets.length) % dropTargets.length;
               keyboardState = { ...keyboardState, dropIndex: prevDropIndex, dropElement: dropTargets[prevDropIndex] };
               break;
@@ -2219,7 +2235,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
             case "Space":
             case "Enter":
             case "Tab": {
-              e5.preventDefault();
+              e4.preventDefault();
               if (keyboardState.dragElement && keyboardState.dropElement) {
                 const canDrop = this.allowDrop(keyboardState.dragElement, keyboardState.dropElement) || this.trackedDragContainers.includes(keyboardState.dropElement);
                 if (canDrop) {
@@ -2240,7 +2256,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
               break;
             }
             case "Escape": {
-              e5.preventDefault();
+              e4.preventDefault();
               this.trackedDraggables.forEach((d) => d.removeAttribute("data-keyboard-dragging"));
               keyboardState = {
                 dragging: false,
@@ -2315,14 +2331,14 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
             if (captureTarget && activePointerId !== void 0 && captureTarget.setPointerCapture) {
               captureTarget.setPointerCapture(activePointerId);
             }
-          } catch (e5) {
+          } catch (e4) {
           }
         }
-        const preventAllTouch = (e5) => {
-          if (e5.cancelable) {
-            e5.preventDefault();
+        const preventAllTouch = (e4) => {
+          if (e4.cancelable) {
+            e4.preventDefault();
             if (eventSource === "pointer") {
-              e5.stopPropagation();
+              e4.stopPropagation();
             }
           }
         };
@@ -2346,7 +2362,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
               if (captureTarget && activePointerId !== void 0 && captureTarget.releasePointerCapture) {
                 captureTarget.releasePointerCapture(activePointerId);
               }
-            } catch (e5) {
+            } catch (e4) {
             }
           }
         };
@@ -2359,55 +2375,55 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         return expected === void 0 || evt.isTrusted === expected;
       };
       const moveSub = document.when(moveEventName).takeUntil(document.when(upEventName)).subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e4) => {
+          if (!trustMatchesCurrentDrag(e4)) {
             return;
           }
-          e5.preventDefault();
-          e5.stopPropagation();
+          e4.preventDefault();
+          e4.stopPropagation();
           if (eventSource === "touch") {
-            const touch = e5.touches?.[0] || e5.changedTouches?.[0];
+            const touch = e4.touches?.[0] || e4.changedTouches?.[0];
             if (!touch) return;
             this.handleDragMove(touch.clientX, touch.clientY);
             return;
           }
           if (eventSource === "mouse") {
-            const mouseEvent = e5;
+            const mouseEvent = e4;
             if (typeof mouseEvent.buttons === "number" && (mouseEvent.buttons & 1) !== 1) {
               return;
             }
           }
-          this.handleDragMove(e5.clientX, e5.clientY);
+          this.handleDragMove(e4.clientX, e4.clientY);
         }
       });
       const endSub = document.when(upEventName).subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e4) => {
+          if (!trustMatchesCurrentDrag(e4)) {
             return;
           }
-          e5.preventDefault();
-          e5.stopPropagation();
+          e4.preventDefault();
+          e4.stopPropagation();
           this.handleDragEnd();
         }
       });
       const cancelSub = eventSource === "touch" ? document.when("touchcancel").subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e4) => {
+          if (!trustMatchesCurrentDrag(e4)) {
             return;
           }
           this.handleDragEnd();
         }
       }) : eventSource === "mouse" ? null : document.when("pointercancel").subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e4) => {
+          if (!trustMatchesCurrentDrag(e4)) {
             return;
           }
           this.handleDragEnd();
         }
       });
-      const escapeSub = document.when("keydown").filter((e5) => e5.key === "Escape").subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+      const escapeSub = document.when("keydown").filter((e4) => e4.key === "Escape").subscribe({
+        next: (e4) => {
+          if (!trustMatchesCurrentDrag(e4)) {
             return;
           }
           this.handleDragEnd();
@@ -2588,7 +2604,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
       this.subscriptions.forEach((sub) => {
         try {
           sub.unsubscribe();
-        } catch (e5) {
+        } catch (e4) {
         }
       });
       this.subscriptions = [];
@@ -3302,11 +3318,7 @@ var DragDropSlottedSortableMixin = (superClass, sortableItemSelector = '[qti-dra
         this.#sourceSlot = containingDroppable;
         this.#sortableContext.sortContainer = containingDroppable;
         const rect = dragElement.getBoundingClientRect();
-        this.#sortableContext.placeholder = createDropPlaceholder(
-          dragElement,
-          rect,
-          this.sortablePlaceholderConfig
-        );
+        this.#sortableContext.placeholder = createDropPlaceholder(dragElement, rect, this.sortablePlaceholderConfig);
         const slotAttr = dragElement.getAttribute("slot");
         if (slotAttr) {
           this.#sortableContext.placeholder.setAttribute("slot", slotAttr);
@@ -4286,8 +4298,8 @@ var QtiCustomInteraction = class extends Interaction {
           } else {
             console.error(`Failed to fetch index.html: ${indexResponse.status}`);
           }
-        } catch (e5) {
-          console.error(`Error fetching index.html: ${e5}`);
+        } catch (e4) {
+          console.error(`Error fetching index.html: ${e4}`);
         }
       }
     }
@@ -4318,8 +4330,8 @@ var QtiCustomInteraction = class extends Interaction {
           if (outerDoc) {
             this.#getInnerIFrames(outerDoc, outerIFrames);
           }
-        } catch (e5) {
-          console.error("Error accessing nested iframe:", e5);
+        } catch (e4) {
+          console.error("Error accessing nested iframe:", e4);
         }
       }
     }
@@ -4340,8 +4352,8 @@ var QtiCustomInteraction = class extends Interaction {
         try {
           const nestedDoc = iframe.contentDocument || iframe.contentWindow.document;
           this.#getInnerIFrames(nestedDoc, iframes);
-        } catch (e5) {
-          console.error("Error accessing nested iframe:", e5);
+        } catch (e4) {
+          console.error("Error accessing nested iframe:", e4);
         }
       } else {
         console.warn("Skipped cross-origin iframe:", iframeSrc);
@@ -4488,7 +4500,7 @@ var QtiCustomInteraction = class extends Interaction {
           }
           return { url, baseUrl };
         }
-      } catch (e5) {
+      } catch (e4) {
       }
     }
     return { url: "", baseUrl: null };
@@ -4729,12 +4741,7 @@ var qti_gap_match_interaction_styles_default = i`
 `;
 
 // ../interactions/gap-match-interaction/src/qti-gap-match-interaction.ts
-var SlottedBase2 = DragDropSlottedMixin(
-  Interaction,
-  "qti-gap-text",
-  "qti-gap",
-  `slot[part='drags']`
-);
+var SlottedBase2 = DragDropSlottedMixin(Interaction, "qti-gap-text", "qti-gap", `slot[part='drags']`);
 var QtiGapMatchInteraction = class extends DragDropSlottedSortableMixin(SlottedBase2, '[qti-draggable="true"]') {
   static {
     this.styles = qti_gap_match_interaction_styles_default;
@@ -4826,25 +4833,25 @@ var QtiGapMatchInteraction = class extends DragDropSlottedSortableMixin(SlottedB
 };
 
 // ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/repeat.js
-var u2 = (e5, s, t2) => {
+var u2 = (e4, s, t2) => {
   const r2 = /* @__PURE__ */ new Map();
-  for (let l = s; l <= t2; l++) r2.set(e5[l], l);
+  for (let l = s; l <= t2; l++) r2.set(e4[l], l);
   return r2;
 };
 var c2 = e2(class extends i3 {
-  constructor(e5) {
-    if (super(e5), e5.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
+  constructor(e4) {
+    if (super(e4), e4.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
   }
-  dt(e5, s, t2) {
+  dt(e4, s, t2) {
     let r2;
     void 0 === t2 ? t2 = s : void 0 !== s && (r2 = s);
-    const l = [], o6 = [];
+    const l = [], o5 = [];
     let i5 = 0;
-    for (const s2 of e5) l[i5] = r2 ? r2(s2, i5) : i5, o6[i5] = t2(s2, i5), i5++;
-    return { values: o6, keys: l };
+    for (const s2 of e4) l[i5] = r2 ? r2(s2, i5) : i5, o5[i5] = t2(s2, i5), i5++;
+    return { values: o5, keys: l };
   }
-  render(e5, s, t2) {
-    return this.dt(e5, s, t2).values;
+  render(e4, s, t2) {
+    return this.dt(e4, s, t2).values;
   }
   update(s, [t2, r2, c3]) {
     const d = M(s), { values: p2, keys: a } = this.dt(t2, r2, c3);
@@ -4858,21 +4865,21 @@ var c2 = e2(class extends i3 {
     else if (h3[x] === a[w]) v2[w] = u(d[x], p2[w]), v(s, v2[w + 1], d[x]), x++, w--;
     else if (h3[j] === a[k]) v2[k] = u(d[j], p2[k]), v(s, d[x], d[j]), j--, k++;
     else if (void 0 === m && (m = u2(a, k, w), y = u2(h3, x, j)), m.has(h3[x])) if (m.has(h3[j])) {
-      const e5 = y.get(a[k]), t3 = void 0 !== e5 ? d[e5] : null;
+      const e4 = y.get(a[k]), t3 = void 0 !== e4 ? d[e4] : null;
       if (null === t3) {
-        const e6 = v(s, d[x]);
-        u(e6, p2[k]), v2[k] = e6;
-      } else v2[k] = u(t3, p2[k]), v(s, d[x], t3), d[e5] = null;
+        const e5 = v(s, d[x]);
+        u(e5, p2[k]), v2[k] = e5;
+      } else v2[k] = u(t3, p2[k]), v(s, d[x], t3), d[e4] = null;
       k++;
     } else h(d[j]), j--;
     else h(d[x]), x++;
     for (; k <= w; ) {
-      const e5 = v(s, v2[w + 1]);
-      u(e5, p2[k]), v2[k++] = e5;
+      const e4 = v(s, v2[w + 1]);
+      u(e4, p2[k]), v2[k++] = e4;
     }
     for (; x <= j; ) {
-      const e5 = d[x++];
-      null !== e5 && h(e5);
+      const e4 = d[x++];
+      null !== e4 && h(e4);
     }
     return this.ut = a, p(s, v2), E;
   }
@@ -5068,8 +5075,8 @@ var QtiGraphicAssociateInteraction = class extends Interaction {
                 y2=${parseInt(this.querySelector(`[identifier=${line.split(" ")[1]}]`).style.top)}
                 stroke="red"
                 stroke-width="3"
-                @click=${(e5) => {
-        e5.stopPropagation();
+                @click=${(e4) => {
+        e4.stopPropagation();
         this._response = this._response.filter((_, i5) => i5 !== index);
         this.saveResponse(this.response);
       }}
@@ -5106,9 +5113,9 @@ var QtiGraphicAssociateInteraction = class extends Interaction {
       </line-container>
       <div role="alert" part="message" id="validation-message"></div>`;
   }
-  #positionHotspotOnRegister(e5) {
+  #positionHotspotOnRegister(e4) {
     const img = this.querySelector("img");
-    const hotspot = e5.target;
+    const hotspot = e4.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5249,8 +5256,8 @@ var QtiGraphicGapMatchInteraction = class extends DragDropSlottedSortableMixin(S
   shouldReturnToInventoryOnInventoryDrop() {
     return true;
   }
-  #positionHotspotOnRegister(e5) {
-    const hotspot = e5.target;
+  #positionHotspotOnRegister(e4) {
+    const hotspot = e4.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5316,8 +5323,8 @@ var QtiGraphicOrderInteraction = class extends ChoicesMixin(Interaction, "qti-ho
       <div role="alert" part="message" id="validation-message"></div>
     `;
   }
-  #setHotspotOrder(e5) {
-    const { identifier } = e5.detail;
+  #setHotspotOrder(e4) {
+    const { identifier } = e4.detail;
     const hotspot = this._choiceElements.find((el) => el.getAttribute("identifier") === identifier);
     if (!hotspot) return;
     const maxSelection = this._choiceElements.length;
@@ -5358,9 +5365,9 @@ var QtiGraphicOrderInteraction = class extends ChoicesMixin(Interaction, "qti-ho
       }
     }
   }
-  #positionHotspotOnRegister(e5) {
+  #positionHotspotOnRegister(e4) {
     const img = this.querySelector("img");
-    const hotspot = e5.target;
+    const hotspot = e4.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5423,9 +5430,9 @@ var QtiHotspotInteraction = class extends ChoicesMixin(Interaction, "qti-hotspot
     }
     return this.#imageLoadPromise;
   }
-  async #positionHotspotOnRegister(e5) {
+  async #positionHotspotOnRegister(e4) {
     const img = this.querySelector("img");
-    const hotspot = e5.target;
+    const hotspot = e4.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5490,24 +5497,6 @@ __decorateClass([
   n({ type: String, reflect: true })
 ], QtiHottextInteraction.prototype, "class", 2);
 
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/unsafe-html.js
-var e3 = class extends i3 {
-  constructor(i5) {
-    if (super(i5), this.it = A, i5.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(r2) {
-    if (r2 === A || null == r2) return this._t = void 0, this.it = r2;
-    if (r2 === E) return r2;
-    if ("string" != typeof r2) throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (r2 === this.it) return this._t;
-    this.it = r2;
-    const s = [r2];
-    return s.raw = s, this._t = { _$litType$: this.constructor.resultType, strings: s, values: [] };
-  }
-};
-e3.directiveName = "unsafeHTML", e3.resultType = 1;
-var o3 = e2(e3);
-
 // ../interactions/inline-choice-interaction/src/qti-inline-choice-interaction.styles.ts
 var styles2 = i`
   :host {
@@ -5574,7 +5563,7 @@ var QtiInlineChoiceInteraction = class extends Interaction {
   constructor() {
     super();
     this.options = [];
-    this.correctOption = "";
+    this.correctOption = A;
     this._dropdownOpen = false;
     this._slotObserver = null;
     this._menuId = `qti-inline-choice-menu-${inlineChoiceMenuCounter++}`;
@@ -5662,7 +5651,7 @@ var QtiInlineChoiceInteraction = class extends Interaction {
         ?disabled="${this.disabled}"
         data-readonly="${this.readonly ? "true" : "false"}"
       >
-        <span part="value">${o3(selected?.textContent ?? "")}</span>
+        <span part="value">${selected?.content}</span>
         <span part="${this._dropdownOpen ? "dropdown-icon dropdown-icon-open" : "dropdown-icon"}" aria-hidden="true"
           >▾</span
         >
@@ -5682,11 +5671,11 @@ var QtiInlineChoiceInteraction = class extends Interaction {
           aria-selected="${this.options[0]?.selected ? "true" : "false"}"
           @click=${() => this.#selectValue("")}
         >
-          <span part="option-content">${o3(this.options[0]?.textContent ?? "")}</span>
+          <span part="option-content">${this.options[0]?.content}</span>
         </button>
         <slot @slotchange=${this.#onChoicesSlotChange}></slot>
       </div>
-      ${o3(this.correctOption)}
+      ${this.correctOption}
     `;
   }
   async connectedCallback() {
@@ -5724,24 +5713,24 @@ var QtiInlineChoiceInteraction = class extends Interaction {
   #updateOptions() {
     const choices = Array.from(this.querySelectorAll("qti-inline-choice"));
     const prompt = this.dataset.prompt || this.configContext?.inlineChoicePrompt || "select";
-    const currentlySelectedValue = this.options.find((o6) => o6.selected)?.value ?? "";
+    const currentlySelectedValue = this.options.find((o5) => o5.selected)?.value ?? "";
     const nextOptions = [
       {
-        textContent: prompt,
+        content: prompt,
         value: "",
         selected: currentlySelectedValue === ""
       },
       ...choices.map((choice) => {
         const value = choice.getAttribute("identifier") ?? "";
         return {
-          textContent: choice.innerHTML,
+          content: Array.from(choice.childNodes).map((node) => node.cloneNode(true)),
           value,
           selected: value !== "" && value === currentlySelectedValue
         };
       })
     ];
-    const hasSelected = nextOptions.some((o6) => o6.selected);
-    this.options = hasSelected ? nextOptions : nextOptions.map((o6, i5) => ({ ...o6, selected: i5 === 0 }));
+    const hasSelected = nextOptions.some((o5) => o5.selected);
+    this.options = hasSelected ? nextOptions : nextOptions.map((o5, i5) => ({ ...o5, selected: i5 === 0 }));
     this.#syncSlottedChoices();
     this.#estimateOptimalWidth();
   }
@@ -5790,15 +5779,19 @@ var QtiInlineChoiceInteraction = class extends Interaction {
     super.toggleInternalCorrectResponse(show);
     const correctResponseValue = this.correctResponse;
     if (!show || !correctResponseValue) {
-      this.correctOption = "";
+      this.correctOption = A;
       return;
     }
     const correctOptionData = this.options.find((option) => correctResponseValue === option.value);
     if (!correctOptionData) {
-      this.correctOption = "";
+      this.correctOption = A;
       return;
     }
-    this.correctOption = `<span part="correct-option" style="border:1px solid var(--qti-correct); border-radius:4px; padding: 2px 4px; margin: 4px; display:inline-block">${correctOptionData.textContent}</span>`;
+    this.correctOption = T`<span
+      part="correct-option"
+      style="border:1px solid var(--qti-correct); border-radius:4px; padding: 2px 4px; margin: 4px; display:inline-block"
+      >${correctOptionData.content}</span
+    >`;
   }
   #selectValue(value) {
     this.options = this.options.map((option) => ({ ...option, selected: option.value === value }));
@@ -5946,18 +5939,18 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
     this._response = [];
     this.responseIdentifier = "";
     this.correctOptions = null;
-    this.handleRadioClick = (e5) => {
-      const radio = e5.target;
+    this.handleRadioClick = (e4) => {
+      const radio = e4.target;
       if (this.lastCheckedRadio === radio) {
         radio.checked = false;
         this.lastCheckedRadio = null;
-        this.handleRadioChange(e5);
+        this.handleRadioChange(e4);
       } else {
         this.lastCheckedRadio = radio;
       }
     };
-    this.handleRadioChange = (e5) => {
-      const checkbox = e5.target;
+    this.handleRadioChange = (e4) => {
+      const checkbox = e4.target;
       const value = checkbox.value;
       const name = checkbox.name;
       const type = checkbox.type;
@@ -6046,11 +6039,11 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
           const match = matches.find((m) => m.target === targetId);
           if (match?.source) {
             const sourceChoice = this.querySelector(`qti-simple-associable-choice[identifier="${match.source}"]`);
-            const text = sourceChoice?.textContent?.trim();
-            if (text && !targetChoice.previousElementSibling?.classList.contains("correct-option")) {
+            const nodes = Array.from(sourceChoice?.childNodes || []).map((n4) => n4.cloneNode(true));
+            if (nodes.length > 0 && !targetChoice.previousElementSibling?.classList.contains("correct-option")) {
               const textSpan = document.createElement("span");
               textSpan.classList.add("correct-option");
-              textSpan.textContent = text;
+              nodes.forEach((node) => textSpan.appendChild(node));
               textSpan.style.border = "1px solid var(--qti-correct)";
               textSpan.style.borderRadius = "4px";
               textSpan.style.padding = "2px 4px";
@@ -6106,12 +6099,14 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
             <table part="table">
               <tr part="r-header">
                 <td></td>
-                ${this.targetChoices.map((col) => T`<th part="r-header">${o3(col.innerHTML)}</th>`)}
+                ${this.targetChoices.map(
+      (col) => T`<th part="r-header">${Array.from(col.childNodes).map((n4) => n4.cloneNode(true))}</th>`
+    )}
               </tr>
 
               ${this.sourceChoices.map(
       (row) => T`<tr part="row">
-                    <td part="c-header">${o3(row.innerHTML)}</td>
+                    <td part="c-header">${Array.from(row.childNodes).map((n4) => n4.cloneNode(true))}</td>
                     ${this.targetChoices.map((col) => {
         const rowId = row.getAttribute("identifier");
         const colId = col.getAttribute("identifier");
@@ -6135,8 +6130,8 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
                             name=${rowId}
                             value=${value}
                             .disabled=${disable}
-                            @change=${(e5) => this.handleRadioChange(e5)}
-                            @click=${(e5) => row.matchMax === 1 ? this.handleRadioClick(e5) : null}
+                            @change=${(e4) => this.handleRadioChange(e4)}
+                            @click=${(e4) => row.matchMax === 1 ? this.handleRadioClick(e4) : null}
                           />
                           ${type === "checkbox" && checked ? T`
                                 <svg
@@ -6605,9 +6600,9 @@ var QtiPortableCustomInteraction = class extends Interaction {
           throw new Error("Require paths must be a JSON object.");
         }
         this.#parsedRequirePaths = parsedJson;
-      } catch (e5) {
-        console.error("Error parsing require paths JSON:", e5);
-        this._errorMessage = `Error parsing require paths JSON: ${e5.message}`;
+      } catch (e4) {
+        console.error("Error parsing require paths JSON:", e4);
+        this._errorMessage = `Error parsing require paths JSON: ${e4.message}`;
         this.#parsedRequirePaths = {};
       }
     }
@@ -6620,9 +6615,9 @@ var QtiPortableCustomInteraction = class extends Interaction {
     if (this.#parsedRequireShim === null && this.requireShimJson) {
       try {
         this.#parsedRequireShim = JSON.parse(this.requireShimJson);
-      } catch (e5) {
-        console.error("Error parsing require shim JSON:", e5);
-        this._errorMessage = `Error parsing require shim JSON: ${e5.message}`;
+      } catch (e4) {
+        console.error("Error parsing require shim JSON:", e4);
+        this._errorMessage = `Error parsing require shim JSON: ${e4.message}`;
         this.#parsedRequireShim = {};
       }
     }
@@ -8279,26 +8274,26 @@ var QtiPositionObjectStage = class extends i2 {
 // ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/style-map.js
 var n2 = "important";
 var i4 = " !" + n2;
-var o4 = e2(class extends i3 {
+var o3 = e2(class extends i3 {
   constructor(t2) {
     if (super(t2), t2.type !== t.ATTRIBUTE || "style" !== t2.name || t2.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(t2) {
-    return Object.keys(t2).reduce((e5, r2) => {
+    return Object.keys(t2).reduce((e4, r2) => {
       const s = t2[r2];
-      return null == s ? e5 : e5 + `${r2 = r2.includes("-") ? r2 : r2.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
+      return null == s ? e4 : e4 + `${r2 = r2.includes("-") ? r2 : r2.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
     }, "");
   }
-  update(e5, [r2]) {
-    const { style: s } = e5.element;
+  update(e4, [r2]) {
+    const { style: s } = e4.element;
     if (void 0 === this.ft) return this.ft = new Set(Object.keys(r2)), this.render(r2);
     for (const t2 of this.ft) null == r2[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
     for (const t2 in r2) {
-      const e6 = r2[t2];
-      if (null != e6) {
+      const e5 = r2[t2];
+      if (null != e5) {
         this.ft.add(t2);
-        const r3 = "string" == typeof e6 && e6.endsWith(i4);
-        t2.includes("-") || r3 ? s.setProperty(t2, r3 ? e6.slice(0, -11) : e6, r3 ? n2 : "") : s[t2] = e6;
+        const r3 = "string" == typeof e5 && e5.endsWith(i4);
+        t2.includes("-") || r3 ? s.setProperty(t2, r3 ? e5.slice(0, -11) : e5, r3 ? n2 : "") : s[t2] = e5;
       }
     }
     return E;
@@ -8431,7 +8426,7 @@ var QtiSelectPointInteraction = class extends Interaction {
     } else {
       areaMapEntries = areaMapping.areaMapEntries;
     }
-    this._correctAreas = areaMapEntries.map((e5) => ({ coords: e5.coords, shape: e5.shape }));
+    this._correctAreas = areaMapEntries.map((e4) => ({ coords: e4.coords, shape: e4.shape }));
   }
   updated(changedProperties) {
     super.updated(changedProperties);
@@ -8474,7 +8469,7 @@ var QtiSelectPointInteraction = class extends Interaction {
         return T`
               <button
                 part="point${correctionPart}"
-                style=${o4({
+                style=${o3({
           pointerEvents: this.maxChoices === 1 ? "none" : "auto",
           position: "absolute",
           transform: "translate(-50%, -50%)",
@@ -8491,8 +8486,8 @@ var QtiSelectPointInteraction = class extends Interaction {
         })}
                 aria-label="Remove point at ${point}"
                 ?disabled=${this.disabled}
-                @click=${(e5) => {
-          e5.stopPropagation();
+                @click=${(e4) => {
+          e4.stopPropagation();
           this.response = (this.response || []).filter((_, i5) => i5 !== index);
           this.saveResponse(this.response);
         }}
@@ -8504,7 +8499,7 @@ var QtiSelectPointInteraction = class extends Interaction {
       this._correctAreas?.filter((area) => area) || [],
       (area) => area,
       (area, i5) => T`<div
-              style=${o4({
+              style=${o3({
         position: "absolute",
         pointerEvents: "none",
         backgroundColor: "var(--qti-correct)",
@@ -8740,7 +8735,7 @@ var QtiSliderInteraction = class extends Interaction {
   }
   #onMouseDown(event) {
     this.#startDrag(event.pageX);
-    const handleMouseMove = (e5) => this.#onDrag(e5.pageX);
+    const handleMouseMove = (e4) => this.#onDrag(e4.pageX);
     const handleMouseUp = () => {
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
@@ -8751,7 +8746,7 @@ var QtiSliderInteraction = class extends Interaction {
   }
   #onTouchStart(event) {
     this.#startDrag(event.touches[0].pageX);
-    const handleTouchMove = (e5) => this.#onDrag(e5.touches[0].pageX);
+    const handleTouchMove = (e4) => this.#onDrag(e4.touches[0].pageX);
     const handleTouchEnd = () => {
       document.removeEventListener("touchmove", handleTouchMove);
       document.removeEventListener("touchend", handleTouchEnd);
@@ -8788,27 +8783,27 @@ __decorateClass([
 ], QtiSliderInteraction.prototype, "step", 2);
 
 // ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/ref.js
-var e4 = () => new h2();
+var e3 = () => new h2();
 var h2 = class {
 };
-var o5 = /* @__PURE__ */ new WeakMap();
+var o4 = /* @__PURE__ */ new WeakMap();
 var n3 = e2(class extends f {
   render(i5) {
     return A;
   }
   update(i5, [s]) {
-    const e5 = s !== this.G;
-    return e5 && void 0 !== this.G && this.rt(void 0), (e5 || this.lt !== this.ct) && (this.G = s, this.ht = i5.options?.host, this.rt(this.ct = i5.element)), A;
+    const e4 = s !== this.G;
+    return e4 && void 0 !== this.G && this.rt(void 0), (e4 || this.lt !== this.ct) && (this.G = s, this.ht = i5.options?.host, this.rt(this.ct = i5.element)), A;
   }
   rt(t2) {
     if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
       const i5 = this.ht ?? globalThis;
-      let s = o5.get(i5);
-      void 0 === s && (s = /* @__PURE__ */ new WeakMap(), o5.set(i5, s)), void 0 !== s.get(this.G) && this.G.call(this.ht, void 0), s.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
+      let s = o4.get(i5);
+      void 0 === s && (s = /* @__PURE__ */ new WeakMap(), o4.set(i5, s)), void 0 !== s.get(this.G) && this.G.call(this.ht, void 0), s.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
     } else this.G.value = t2;
   }
   get lt() {
-    return "function" == typeof this.G ? o5.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+    return "function" == typeof this.G ? o4.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
   }
   disconnected() {
     this.lt === this.ct && this.rt(void 0);
@@ -8933,7 +8928,7 @@ var qti_text_entry_interaction_styles_default = i`
 var QtiTextEntryInteraction = class extends Interaction {
   constructor() {
     super(...arguments);
-    this.inputRef = e4();
+    this.inputRef = e3();
     this.response = null;
     this._handleValueChange = () => {
       this._internals.setFormValue(this.value);
@@ -9728,7 +9723,6 @@ export {
 /*! Bundled license information:
 
 lit-html/node/directives/repeat.js:
-lit-html/node/directives/unsafe-html.js:
   (**
    * @license
    * Copyright 2017 Google LLC
@@ -9749,4 +9743,4 @@ lit-html/node/directives/ref.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-CSYOTHK2.js.map
+//# sourceMappingURL=chunk-FK2IVMS3.js.map