@longsightgroup/qti3-player 0.4.0 → 0.5.4

package/dist/interactions/gap-match-interaction.js

@@ -0,0 +1,277 @@
+import { applyGraphicSurfaceLayout, appendGraphicObjectImage, missingChoicesMessage, objectHeight, objectWidth, placeHotspotButton, responseGroup, valueToStrings, } from "../interaction-support.js";
+import { parseUnlimitedMaximum } from "../response-limits.js";
+import { appendGraphicContext } from "./graphic-context.js";
+import { appendInlineControl, normalizeInlineSegmentText } from "./inline-controls.js";
+import { sourceChoices, targetChoices, tokenButton, tokenRegion } from "./shared.js";
+function positivePixelValue(value) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : undefined;
+}
+function graphicGapLabelBlockSize(sources) {
+    const maxLength = Math.max(0, ...sources.map((source) => (source.text || source.identifier).trim().length));
+    const estimatedLines = Math.max(1, Math.ceil(maxLength / 22));
+    return Number((estimatedLines * 0.95 + 0.9).toFixed(2));
+}
+export function renderGapMatchResponse(interaction, update, currentValue, messages) {
+    if (interaction.type === "graphicGapMatch" &&
+        interaction.object &&
+        interaction.choices.some((choice) => choice.role === "hotspot")) {
+        return renderGraphicGapMatchResponse(interaction, update, currentValue, messages);
+    }
+    const group = responseGroup();
+    appendGraphicContext(group, interaction);
+    const sources = sourceChoices(interaction);
+    const gaps = targetChoices(interaction);
+    if (sources.length === 0 || gaps.length === 0) {
+        group.append(missingChoicesMessage(interaction));
+        return group;
+    }
+    const assignments = new Map();
+    let selectedSource;
+    let draggedSource;
+    const sourceRegion = tokenRegion(messages.message("interactionChoicesBank", { type: interaction.type }));
+    const gapRegion = document.createElement("div");
+    gapRegion.className = "qti3-gap-region qti3-gap-passage";
+    gapRegion.role = "group";
+    gapRegion.setAttribute("aria-label", messages.message("interactionGapTargets", { type: interaction.type }));
+    for (const pair of valueToStrings(currentValue)) {
+        const [sourceIdentifier, gapIdentifier] = pair.split(/\s+/);
+        const source = sources.find((choice) => choice.identifier === sourceIdentifier);
+        if (source && gapIdentifier)
+            assignments.set(gapIdentifier, source);
+    }
+    const commit = () => {
+        update([...assignments.entries()].map(([gapIdentifier, source]) => `${source.identifier} ${gapIdentifier}`));
+    };
+    const syncSources = () => {
+        for (const button of sourceRegion.querySelectorAll("button")) {
+            button.setAttribute("aria-pressed", button.dataset.choiceIdentifier === selectedSource?.identifier ? "true" : "false");
+        }
+    };
+    const assign = (gap, sourceIdentifier) => {
+        const source = sources.find((choice) => choice.identifier === sourceIdentifier);
+        if (!source)
+            return;
+        assignments.set(gap.identifier, source);
+        selectedSource = undefined;
+        syncSources();
+        renderGaps();
+        commit();
+    };
+    const gapControl = (gap, index) => {
+        const assigned = assignments.get(gap.identifier);
+        const gapLabel = messages.message("gapLabel", { index: index + 1 });
+        const target = document.createElement("span");
+        target.className = "qti3-gap-target";
+        target.dataset.gapIdentifier = gap.identifier;
+        target.addEventListener("dragover", (event) => {
+            event.preventDefault();
+            target.classList.add("qti3-drop-target");
+        });
+        target.addEventListener("dragleave", () => target.classList.remove("qti3-drop-target"));
+        target.addEventListener("drop", (event) => {
+            event.preventDefault();
+            target.classList.remove("qti3-drop-target");
+            assign(gap, event.dataTransfer?.getData("text/plain") || draggedSource);
+        });
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = "qti3-gap-button";
+        button.textContent = assigned ? assigned.text : "";
+        button.setAttribute("aria-label", assigned
+            ? messages.message("gapAssignedState", { label: gapLabel, assigned: assigned.text })
+            : messages.message("gapEmptyState", { label: gapLabel }));
+        button.addEventListener("click", () => assign(gap, selectedSource?.identifier));
+        button.addEventListener("keydown", (event) => {
+            if (event.key !== "Delete" && event.key !== "Backspace")
+                return;
+            if (!assignments.has(gap.identifier))
+                return;
+            event.preventDefault();
+            assignments.delete(gap.identifier);
+            renderGaps();
+            commit();
+        });
+        target.append(button);
+        return target;
+    };
+    const renderGaps = () => {
+        const segments = interaction.gapMatchSegments ?? [];
+        const hasInlineGaps = segments.some((segment) => segment.kind === "gap");
+        if (!hasInlineGaps) {
+            gapRegion.replaceChildren(...gaps.map((gap, index) => gapControl(gap, index)));
+            return;
+        }
+        const content = [];
+        for (const [segmentIndex, segment] of segments.entries()) {
+            if (segment.kind === "text") {
+                content.push(document.createTextNode(normalizeInlineSegmentText(segment.text)));
+                continue;
+            }
+            const gapIndex = gaps.findIndex((gap) => gap.identifier === segment.identifier);
+            const gap = gaps[gapIndex];
+            if (gap) {
+                appendInlineControl(content, gapControl(gap, gapIndex), segments[segmentIndex + 1]);
+            }
+        }
+        gapRegion.replaceChildren(...content);
+    };
+    for (const source of sources) {
+        const button = tokenButton(source);
+        button.draggable = true;
+        button.addEventListener("dragstart", (event) => {
+            draggedSource = source.identifier;
+            event.dataTransfer?.setData("text/plain", source.identifier);
+        });
+        button.addEventListener("click", () => {
+            selectedSource = source;
+            syncSources();
+        });
+        sourceRegion.append(button);
+    }
+    renderGaps();
+    group.append(sourceRegion, gapRegion);
+    return group;
+}
+function renderGraphicGapMatchResponse(interaction, update, currentValue, messages) {
+    const group = responseGroup();
+    const width = objectWidth(interaction);
+    const height = objectHeight(interaction);
+    const sources = sourceChoices(interaction);
+    const gaps = targetChoices(interaction).filter((choice) => choice.role === "hotspot");
+    if (sources.length === 0 || gaps.length === 0) {
+        group.append(missingChoicesMessage(interaction));
+        return group;
+    }
+    const assignments = new Map();
+    let selectedSource;
+    let draggedSource;
+    for (const pair of valueToStrings(currentValue)) {
+        const [sourceIdentifier, gapIdentifier] = pair.split(/\s+/);
+        const source = sources.find((choice) => choice.identifier === sourceIdentifier);
+        if (source && gapIdentifier)
+            assignments.set(gapIdentifier, source);
+    }
+    const surface = document.createElement("div");
+    applyGraphicSurfaceLayout(surface, width, height, "qti3-graphic-context", "qti3-graphic-gap-match-surface");
+    surface.role = "group";
+    surface.setAttribute("aria-label", messages.message("interactionTargetImage", { type: interaction.type }));
+    surface.style.overflow = "visible";
+    surface.style.setProperty("--qti3-graphic-gap-label-block-size", `${graphicGapLabelBlockSize(sources)}rem`);
+    if (interaction.object) {
+        appendGraphicObjectImage(surface, interaction.object, interaction.object.text ||
+            messages.message("interactionImageAlt", { type: interaction.type }));
+    }
+    const sourceRegion = tokenRegion(messages.message("interactionChoicesBank", { type: interaction.type }));
+    sourceRegion.classList.add("qti3-graphic-gap-source-region");
+    const choicesWidth = positivePixelValue(interaction.attributes["data-choices-container-width"]);
+    if (choicesWidth !== undefined)
+        sourceRegion.style.maxInlineSize = `${choicesWidth}px`;
+    const summary = document.createElement("p");
+    summary.className = "qti3-selection-summary";
+    summary.setAttribute("aria-live", "polite");
+    const commit = () => {
+        update([...assignments.entries()].map(([gapIdentifier, source]) => `${source.identifier} ${gapIdentifier}`));
+    };
+    const syncSources = () => {
+        for (const button of sourceRegion.querySelectorAll("button")) {
+            button.setAttribute("aria-pressed", button.dataset.choiceIdentifier === selectedSource?.identifier ? "true" : "false");
+        }
+    };
+    const clearSourceIfSingleUse = (source, keepGapIdentifier) => {
+        if (parseUnlimitedMaximum(source.attributes["match-max"]) !== 1)
+            return;
+        for (const [gapIdentifier, assigned] of assignments.entries()) {
+            if (gapIdentifier !== keepGapIdentifier && assigned.identifier === source.identifier) {
+                assignments.delete(gapIdentifier);
+            }
+        }
+    };
+    const assign = (gap, sourceIdentifier) => {
+        const source = sources.find((choice) => choice.identifier === sourceIdentifier);
+        if (!source)
+            return;
+        clearSourceIfSingleUse(source, gap.identifier);
+        assignments.set(gap.identifier, source);
+        selectedSource = undefined;
+        syncSources();
+        renderTargets();
+        commit();
+    };
+    const targetLabel = (gap, index) => gap.attributes["aria-label"] ||
+        gap.attributes["hotspot-label"] ||
+        messages.message("graphicGapTargetLabel", { index: index + 1 });
+    const renderTargetButton = (gap, index) => {
+        const assigned = assignments.get(gap.identifier);
+        const label = targetLabel(gap, index);
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = "qti3-hotspot-button qti3-graphic-gap-hotspot";
+        button.dataset.gapIdentifier = gap.identifier;
+        button.dataset.selected = assigned ? "true" : "false";
+        button.setAttribute("aria-label", assigned
+            ? messages.message("gapAssignedState", { label, assigned: assigned.text })
+            : messages.message("gapEmptyState", { label }));
+        button.addEventListener("dragover", (event) => {
+            event.preventDefault();
+            button.classList.add("qti3-drop-target");
+        });
+        button.addEventListener("dragleave", () => button.classList.remove("qti3-drop-target"));
+        button.addEventListener("drop", (event) => {
+            event.preventDefault();
+            button.classList.remove("qti3-drop-target");
+            assign(gap, event.dataTransfer?.getData("text/plain") || draggedSource);
+        });
+        button.addEventListener("click", () => assign(gap, selectedSource?.identifier));
+        button.addEventListener("keydown", (event) => {
+            if (event.key !== "Delete" && event.key !== "Backspace")
+                return;
+            if (!assignments.has(gap.identifier))
+                return;
+            event.preventDefault();
+            assignments.delete(gap.identifier);
+            renderTargets();
+            commit();
+        });
+        placeHotspotButton(button, gap, width, height);
+        if (assigned) {
+            const assignedLabel = document.createElement("span");
+            assignedLabel.className = "qti3-graphic-gap-label";
+            assignedLabel.textContent = assigned.text;
+            button.append(assignedLabel);
+        }
+        return button;
+    };
+    const renderTargets = () => {
+        surface.querySelectorAll(".qti3-graphic-gap-hotspot").forEach((target) => target.remove());
+        for (const [index, gap] of gaps.entries()) {
+            surface.append(renderTargetButton(gap, index));
+        }
+        summary.textContent =
+            assignments.size > 0
+                ? messages.message("gapLabelsPlacedCount", { count: assignments.size })
+                : messages.message("gapNoLabelsPlaced");
+    };
+    for (const source of sources) {
+        const button = tokenButton(source);
+        button.draggable = true;
+        button.addEventListener("dragstart", (event) => {
+            draggedSource = source.identifier;
+            event.dataTransfer?.setData("text/plain", source.identifier);
+            event.dataTransfer?.setDragImage(button, 8, 8);
+        });
+        button.addEventListener("dragend", () => {
+            draggedSource = undefined;
+            syncSources();
+        });
+        button.addEventListener("click", () => {
+            selectedSource = source;
+            syncSources();
+        });
+        sourceRegion.append(button);
+    }
+    renderTargets();
+    group.append(surface, sourceRegion, summary);
+    return group;
+}
+//# sourceMappingURL=gap-match-interaction.js.map

package/dist/interactions/gap-match-interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap-match-interaction.js","sourceRoot":"","sources":["../../src/interactions/gap-match-interaction.ts"],"names":[],"mappings":"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"}

package/dist/interactions/graphic-associate-interaction.d.ts

@@ -0,0 +1,4 @@
+import type { QtiInteraction, QtiValue } from "@longsightgroup/qti3-core";
+import type { PlayerMessageResolver } from "../player-message-resolver.js";
+export declare function renderGraphicAssociateResponse(interaction: QtiInteraction, update: (value: QtiValue) => void, currentValue: QtiValue, messages: PlayerMessageResolver): HTMLElement;
+//# sourceMappingURL=graphic-associate-interaction.d.ts.map

package/dist/interactions/graphic-associate-interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphic-associate-interaction.d.ts","sourceRoot":"","sources":["../../src/interactions/graphic-associate-interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAgBrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAG3E,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,qBAAqB,GAC9B,WAAW,CAgTb"}

package/dist/interactions/graphic-associate-interaction.js

@@ -0,0 +1,297 @@
+import { removeButton } from "../controls/remove-button.js";
+import { applyGraphicSurfaceLayout, appendGraphicObjectImage, interactionChoices, missingChoicesMessage, hotspotAccessibleLabel, hotspotCenter, hotspotDisplayLabel, objectHeight, objectWidth, placeHotspotButton, responseGroup, valueToStrings, } from "../interaction-support.js";
+import { exceedsHotspotMatchMax, maximumAllowedResponses } from "../response-limits.js";
+export function renderGraphicAssociateResponse(interaction, update, currentValue, messages) {
+    const group = responseGroup();
+    const width = objectWidth(interaction);
+    const height = objectHeight(interaction);
+    const choices = interactionChoices(interaction).filter((choice) => choice.role === "hotspot");
+    if (choices.length === 0) {
+        group.append(missingChoicesMessage(interaction));
+        return group;
+    }
+    const selectedPairs = valueToStrings(currentValue);
+    const maximumAssociations = interaction.responseCardinality === "single" ? 1 : maximumAllowedResponses(interaction);
+    let selectedHotspot;
+    let draggedHotspot;
+    let dragPointerId;
+    let dragStart;
+    let dragStarted = false;
+    let suppressNextClick = false;
+    let previewLine;
+    const surface = document.createElement("div");
+    applyGraphicSurfaceLayout(surface, width, height, "qti3-graphic-associate-surface");
+    surface.role = "group";
+    surface.setAttribute("aria-label", messages.message("interactionHotspots", { type: interaction.type }));
+    const object = interaction.object;
+    if (object) {
+        appendGraphicObjectImage(surface, object, object.text || messages.message("interactionImageAlt", { type: interaction.type }));
+    }
+    const connections = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    connections.classList.add("qti3-graphic-associate-lines");
+    connections.setAttribute("viewBox", `0 0 ${width} ${height}`);
+    connections.setAttribute("aria-hidden", "true");
+    surface.append(connections);
+    const summary = document.createElement("p");
+    summary.className = "qti3-selection-summary";
+    summary.setAttribute("aria-live", "polite");
+    const pairList = document.createElement("ul");
+    pairList.className = "qti3-pair-list";
+    pairList.setAttribute("aria-label", messages.message("interactionSelectedPairsList", { type: interaction.type }));
+    const commit = () => {
+        if (interaction.responseCardinality === "single")
+            update(selectedPairs[0] ?? null);
+        else
+            update([...selectedPairs]);
+    };
+    const removePair = (pair) => {
+        const index = selectedPairs.indexOf(pair);
+        if (index < 0)
+            return;
+        selectedPairs.splice(index, 1);
+        renderState();
+        commit();
+    };
+    const removePairsForHotspot = (identifier) => {
+        let removed = false;
+        for (let index = selectedPairs.length - 1; index >= 0; index -= 1) {
+            const [source, target] = selectedPairs[index]?.split(" ") ?? [];
+            if (source === identifier || target === identifier) {
+                selectedPairs.splice(index, 1);
+                removed = true;
+            }
+        }
+        if (!removed)
+            return;
+        renderState();
+        commit();
+    };
+    const addPair = (source, target) => {
+        if (source.identifier === target.identifier) {
+            selectedHotspot = undefined;
+            renderState();
+            return;
+        }
+        const pair = `${source.identifier} ${target.identifier}`;
+        if (!selectedPairs.includes(pair)) {
+            if (interaction.responseCardinality === "single")
+                selectedPairs.splice(0);
+            if (maximumAssociations !== undefined &&
+                selectedPairs.length >= maximumAssociations &&
+                interaction.responseCardinality !== "single") {
+                selectedHotspot = undefined;
+                renderState();
+                return;
+            }
+            if (exceedsHotspotMatchMax(source, selectedPairs) ||
+                exceedsHotspotMatchMax(target, selectedPairs)) {
+                selectedHotspot = undefined;
+                renderState();
+                return;
+            }
+            selectedPairs.push(pair);
+        }
+        selectedHotspot = undefined;
+        renderState();
+        commit();
+    };
+    const authoredPointFromPointer = (event) => {
+        const rect = surface.getBoundingClientRect();
+        return {
+            x: Math.max(0, Math.min(width, ((event.clientX - rect.left) / rect.width) * width)),
+            y: Math.max(0, Math.min(height, ((event.clientY - rect.top) / rect.height) * height)),
+        };
+    };
+    const removePreviewLine = () => {
+        previewLine?.remove();
+        previewLine = undefined;
+    };
+    const suppressFollowingClick = () => {
+        suppressNextClick = true;
+        setTimeout(() => {
+            suppressNextClick = false;
+        }, 0);
+    };
+    const updatePreviewLine = (source, event) => {
+        const start = hotspotCenter(source, width, height);
+        const end = authoredPointFromPointer(event);
+        if (!previewLine) {
+            previewLine = document.createElementNS("http://www.w3.org/2000/svg", "line");
+            previewLine.dataset.preview = "true";
+            connections.append(previewLine);
+        }
+        previewLine.setAttribute("x1", String(start.x));
+        previewLine.setAttribute("y1", String(start.y));
+        previewLine.setAttribute("x2", String(end.x));
+        previewLine.setAttribute("y2", String(end.y));
+    };
+    const hotspotFromPointer = (event) => {
+        const element = document.elementFromPoint(event.clientX, event.clientY);
+        const button = element?.closest(".qti3-graphic-associate-hotspot");
+        const identifier = button?.dataset.choiceIdentifier;
+        return choices.find((choice) => choice.identifier === identifier);
+    };
+    const finishDrag = (event, source) => {
+        const target = hotspotFromPointer(event);
+        removePreviewLine();
+        if (target) {
+            addPair(source, target);
+            return;
+        }
+        selectedHotspot = undefined;
+        renderState();
+    };
+    const chooseHotspot = (choice) => {
+        if (!selectedHotspot) {
+            selectedHotspot = choice;
+            renderState();
+            return;
+        }
+        addPair(selectedHotspot, choice);
+    };
+    const focusRelativeHotspot = (choice, delta) => {
+        const index = choices.findIndex((entry) => entry.identifier === choice.identifier);
+        const next = choices[(index + delta + choices.length) % choices.length];
+        if (!next)
+            return;
+        surface
+            .querySelector(`[data-choice-identifier="${next.identifier}"]`)
+            ?.focus();
+    };
+    const renderState = () => {
+        connections.replaceChildren(...selectedPairs.flatMap((pair) => {
+            const [sourceIdentifier, targetIdentifier] = pair.split(" ");
+            const source = choices.find((choice) => choice.identifier === sourceIdentifier);
+            const target = choices.find((choice) => choice.identifier === targetIdentifier);
+            if (!source || !target)
+                return [];
+            const start = hotspotCenter(source, width, height);
+            const end = hotspotCenter(target, width, height);
+            const line = document.createElementNS("http://www.w3.org/2000/svg", "line");
+            line.setAttribute("x1", String(start.x));
+            line.setAttribute("y1", String(start.y));
+            line.setAttribute("x2", String(end.x));
+            line.setAttribute("y2", String(end.y));
+            return [line];
+        }));
+        for (const button of surface.querySelectorAll(".qti3-hotspot-button")) {
+            const identifier = button.dataset.choiceIdentifier ?? "";
+            const isActive = identifier === selectedHotspot?.identifier;
+            const isPaired = selectedPairs.some((pair) => pair.split(" ").includes(identifier));
+            button.setAttribute("aria-pressed", isActive ? "true" : "false");
+            button.dataset.selected = isActive || isPaired ? "true" : "false";
+        }
+        summary.textContent = selectedHotspot
+            ? messages.message("hotspotSelectedChooseAnother", {
+                label: hotspotDisplayLabel(selectedHotspot, choices),
+            })
+            : selectedPairs.length > 0
+                ? messages.message("associationsMade", { count: selectedPairs.length })
+                : messages.message("noAssociationsMade");
+        pairList.replaceChildren(...selectedPairs.map((pair) => {
+            const [source = "", target = ""] = pair.split(" ");
+            const sourceChoice = choices.find((choice) => choice.identifier === source);
+            const targetChoice = choices.find((choice) => choice.identifier === target);
+            const pairLabel = messages.message("associationPairLabel", {
+                source: sourceChoice ? hotspotDisplayLabel(sourceChoice, choices) : source,
+                target: targetChoice ? hotspotDisplayLabel(targetChoice, choices) : target,
+            });
+            const item = document.createElement("li");
+            item.className = "qti3-pair-chip";
+            const text = document.createElement("span");
+            text.textContent = pairLabel;
+            const remove = removeButton(pairLabel, messages);
+            remove.addEventListener("click", () => removePair(pair));
+            item.append(text, remove);
+            return item;
+        }));
+    };
+    for (const [index, choice] of choices.entries()) {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = "qti3-hotspot-button qti3-graphic-associate-hotspot";
+        button.dataset.choiceIdentifier = choice.identifier;
+        button.textContent = hotspotDisplayLabel(choice, choices);
+        button.title = hotspotAccessibleLabel(choice, index);
+        button.setAttribute("aria-pressed", "false");
+        button.setAttribute("aria-label", hotspotAccessibleLabel(choice, index));
+        placeHotspotButton(button, choice, width, height);
+        button.addEventListener("click", (event) => {
+            if (suppressNextClick) {
+                suppressNextClick = false;
+                event.preventDefault();
+                return;
+            }
+            chooseHotspot(choice);
+        });
+        button.addEventListener("pointerdown", (event) => {
+            if (event.button !== 0)
+                return;
+            draggedHotspot = choice;
+            dragPointerId = event.pointerId;
+            dragStart = { x: event.clientX, y: event.clientY };
+            dragStarted = false;
+            button.setPointerCapture(event.pointerId);
+        });
+        button.addEventListener("pointermove", (event) => {
+            if (dragPointerId !== event.pointerId || !draggedHotspot || !dragStart)
+                return;
+            const moved = Math.hypot(event.clientX - dragStart.x, event.clientY - dragStart.y);
+            if (!dragStarted && moved < 4)
+                return;
+            if (!dragStarted) {
+                dragStarted = true;
+                suppressFollowingClick();
+                selectedHotspot = draggedHotspot;
+                renderState();
+            }
+            updatePreviewLine(draggedHotspot, event);
+            event.preventDefault();
+        });
+        button.addEventListener("pointerup", (event) => {
+            if (dragPointerId !== event.pointerId || !draggedHotspot)
+                return;
+            const source = draggedHotspot;
+            draggedHotspot = undefined;
+            dragPointerId = undefined;
+            dragStart = undefined;
+            button.releasePointerCapture(event.pointerId);
+            if (!dragStarted)
+                return;
+            dragStarted = false;
+            suppressFollowingClick();
+            finishDrag(event, source);
+            event.preventDefault();
+        });
+        button.addEventListener("pointercancel", (event) => {
+            if (dragPointerId !== event.pointerId)
+                return;
+            draggedHotspot = undefined;
+            dragPointerId = undefined;
+            dragStart = undefined;
+            dragStarted = false;
+            removePreviewLine();
+            selectedHotspot = undefined;
+            renderState();
+        });
+        button.addEventListener("keydown", (event) => {
+            if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+                event.preventDefault();
+                focusRelativeHotspot(choice, 1);
+            }
+            else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+                event.preventDefault();
+                focusRelativeHotspot(choice, -1);
+            }
+            else if (event.key === "Delete" || event.key === "Backspace") {
+                event.preventDefault();
+                removePairsForHotspot(choice.identifier);
+            }
+        });
+        surface.append(button);
+    }
+    renderState();
+    group.append(surface, summary, pairList);
+    return group;
+}
+//# sourceMappingURL=graphic-associate-interaction.js.map

package/dist/interactions/graphic-associate-interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphic-associate-interaction.js","sourceRoot":"","sources":["../../src/interactions/graphic-associate-interaction.ts"],"names":[],"mappings":"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"}

package/dist/interactions/graphic-context.d.ts

@@ -0,0 +1,3 @@
+import type { QtiInteraction } from "@longsightgroup/qti3-core";
+export declare function appendGraphicContext(group: HTMLElement, interaction: QtiInteraction): void;
+//# sourceMappingURL=graphic-context.d.ts.map

package/dist/interactions/graphic-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphic-context.d.ts","sourceRoot":"","sources":["../../src/interactions/graphic-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,GAAG,IAAI,CA6B1F"}