@longsightgroup/qti3-player 0.4.0 → 0.5.4

package/dist/player-types.d.ts

@@ -1,5 +1,4 @@
 import type { QtiAssessmentItem, QtiAttemptStateV1, QtiAttemptStatus, QtiDiagnostic, QtiInteraction, QtiPortableCustomDefinition, QtiPortableCustomStateValue, QtiScoreResult, QtiValue } from "@longsightgroup/qti3-core";
-import type { QtiPlayerMessages } from "./player-messages.js";
 export interface QtiPlayerSessionControl {
     validateResponses?: boolean | undefined;
     showFeedback?: boolean | undefined;
@@ -16,7 +15,6 @@ export interface QtiPlayerLoadOptions {
     fetchXml?: QtiPlayerFetchXml | undefined;
     resolveAsset?: QtiPlayerResolveAsset | undefined;
 }
-export type QtiPlayerMessageOverrides = Partial<QtiPlayerMessages>;
 export interface QtiReadyEventDetail {
     item: QtiAssessmentItem;
 }
@@ -53,6 +51,15 @@ export interface QtiSuspendEventDetail {
 export interface QtiEndAttemptEventDetail {
     state: QtiAttemptStateV1;
 }
+export interface QtiDiagnosticsEventDetail {
+    diagnostics: QtiDiagnostic[];
+}
+export interface QtiResetEventDetail {
+    state?: QtiAttemptStateV1 | undefined;
+}
+export interface QtiRestoreEventDetail {
+    state?: QtiAttemptStateV1 | undefined;
+}
 export interface QtiAssessmentItemPlayerEventDetailMap {
     "qti-ready": QtiReadyEventDetail;
     "qti-statechange": QtiStateChangeEventDetail;
@@ -62,6 +69,9 @@ export interface QtiAssessmentItemPlayerEventDetailMap {
     "qti-validation": QtiValidationEventDetail;
     "qti-suspend": QtiSuspendEventDetail;
     "qti-endattempt": QtiEndAttemptEventDetail;
+    "qti-diagnostics": QtiDiagnosticsEventDetail;
+    "qti-reset": QtiResetEventDetail;
+    "qti-restore": QtiRestoreEventDetail;
 }
 export type QtiAssessmentItemPlayerEventName = keyof QtiAssessmentItemPlayerEventDetailMap;
 export type QtiAssessmentItemPlayerEvent<T extends QtiAssessmentItemPlayerEventName = QtiAssessmentItemPlayerEventName> = CustomEvent<QtiAssessmentItemPlayerEventDetailMap[T]>;

package/dist/player-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"player-types.d.ts","sourceRoot":"","sources":["../src/player-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,2BAA2B,EAC3B,cAAc,EACd,QAAQ,EACT,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,sBAAsB;IACrC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AACjE,MAAM,MAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACrD,QAAQ,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAClD;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,iCAAiC;IAChD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,2BAA2B,CAAC;IACxC,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAEjD,MAAM,WAAW,wBAAwB;IACvC,qFAAqF;IACrF,kBAAkB,EAAE,aAAa,EAAE,CAAC;IACpC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,qCAAqC;IACpD,WAAW,EAAE,mBAAmB,CAAC;IACjC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,oBAAoB,EAAE,4BAA4B,CAAC;IACnD,2BAA2B,EAAE,iCAAiC,CAAC;IAC/D,WAAW,EAAE,mBAAmB,CAAC;IACjC,gBAAgB,EAAE,wBAAwB,CAAC;IAC3C,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,EAAE,wBAAwB,CAAC;CAC5C;AAED,MAAM,MAAM,gCAAgC,GAAG,MAAM,qCAAqC,CAAC;AAE3F,MAAM,MAAM,4BAA4B,CACtC,CAAC,SAAS,gCAAgC,GAAG,gCAAgC,IAC3E,WAAW,CAAC,qCAAqC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,qCAAqC,GAAG;KACjD,CAAC,IAAI,gCAAgC,GAAG,WAAW,CAAC,qCAAqC,CAAC,CAAC,CAAC,CAAC;CAC/F,CAAC"}
+{"version":3,"file":"player-types.d.ts","sourceRoot":"","sources":["../src/player-types.ts"],"names":[],"mappings":"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"}

package/dist/reorder/a11y.d.ts

@@ -0,0 +1,7 @@
+import type { PlayerMessageResolver } from "../player-message-resolver.js";
+export declare function createSelectionSummary(): HTMLParagraphElement;
+export declare function orderedItemAccessibleName(messages: PlayerMessageResolver, label: string, index: number, total: number): string;
+export declare function announceOrderedItemMove(summary: HTMLElement, messages: PlayerMessageResolver, label: string, to: number, total: number, from?: number): void;
+export declare function announceOrderedSelectionCount(summary: HTMLElement, messages: PlayerMessageResolver, count: number): void;
+export declare function focusReorderControl(container: ParentNode, identifier: string): void;
+//# sourceMappingURL=a11y.d.ts.map

package/dist/reorder/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/reorder/a11y.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,wBAAgB,sBAAsB,IAAI,oBAAoB,CAK7D;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,MAAM,CAER;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,EACb,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI,CAaN;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,IAAI,CAKN;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAEnF"}

package/dist/reorder/a11y.js

@@ -0,0 +1,34 @@
+import { choiceSelector } from "../interaction-support.js";
+export function createSelectionSummary() {
+    const summary = document.createElement("p");
+    summary.className = "qti3-selection-summary";
+    summary.setAttribute("aria-live", "polite");
+    return summary;
+}
+export function orderedItemAccessibleName(messages, label, index, total) {
+    return messages.message("orderedItemAtPosition", { label, position: index + 1, total });
+}
+export function announceOrderedItemMove(summary, messages, label, to, total, from) {
+    if (from !== undefined && Math.abs(to - from) === 1) {
+        summary.textContent = messages.message("orderedItemMovedOneStep", {
+            label,
+            direction: to < from ? "up" : "down",
+        });
+        return;
+    }
+    summary.textContent = messages.message("orderedItemMovedToPosition", {
+        label,
+        position: to + 1,
+        total,
+    });
+}
+export function announceOrderedSelectionCount(summary, messages, count) {
+    summary.textContent =
+        count > 0
+            ? messages.message("graphicOrderRegionsSelected", { count })
+            : messages.message("graphicOrderNoRegionsSelected");
+}
+export function focusReorderControl(container, identifier) {
+    container.querySelector(`button${choiceSelector(identifier)}`)?.focus();
+}
+//# sourceMappingURL=a11y.js.map

package/dist/reorder/a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.js","sourceRoot":"","sources":["../../src/reorder/a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5C,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAAC;IAC7C,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC5C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,QAA+B,EAC/B,KAAa,EACb,KAAa,EACb,KAAa;IAEb,OAAO,QAAQ,CAAC,OAAO,CAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC1F,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,OAAoB,EACpB,QAA+B,EAC/B,KAAa,EACb,EAAU,EACV,KAAa,EACb,IAAa;IAEb,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACpD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,yBAAyB,EAAE;YAChE,KAAK;YACL,SAAS,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;SACrC,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,4BAA4B,EAAE;QACnE,KAAK;QACL,QAAQ,EAAE,EAAE,GAAG,CAAC;QAChB,KAAK;KACN,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,6BAA6B,CAC3C,OAAoB,EACpB,QAA+B,EAC/B,KAAa;IAEb,OAAO,CAAC,WAAW;QACjB,KAAK,GAAG,CAAC;YACP,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,6BAA6B,EAAE,EAAE,KAAK,EAAE,CAAC;YAC5D,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,+BAA+B,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,SAAqB,EAAE,UAAkB;IAC3E,SAAS,CAAC,aAAa,CAAoB,SAAS,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;AAC7F,CAAC"}

package/dist/reorder/graphic-order-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 renderGraphicOrderResponse(interaction: QtiInteraction, update: (value: QtiValue) => void, currentValue: QtiValue, messages: PlayerMessageResolver): HTMLElement;
+//# sourceMappingURL=graphic-order-interaction.d.ts.map

package/dist/reorder/graphic-order-interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphic-order-interaction.d.ts","sourceRoot":"","sources":["../../src/reorder/graphic-order-interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAkBrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAS3E,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,qBAAqB,GAC9B,WAAW,CA0Ob"}

package/dist/reorder/graphic-order-interaction.js

@@ -0,0 +1,205 @@
+import { removeButton } from "../controls/remove-button.js";
+import { applyGraphicSurfaceLayout, appendGraphicObjectImage, choiceSelector, hotspotAccessibleLabel, hotspotCenter, hotspotDisplayLabel, interactionChoices, missingChoicesMessage, objectHeight, objectWidth, placeHotspotButton, responseGroup, valueToStrings, } from "../interaction-support.js";
+import { movementButton } from "../movement.js";
+import { announceOrderedItemMove, announceOrderedSelectionCount, createSelectionSummary, focusReorderControl, orderedItemAccessibleName, } from "./a11y.js";
+export function renderGraphicOrderResponse(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 orderedIdentifiers = valueToStrings(currentValue).filter((identifier) => choices.some((choice) => choice.identifier === identifier));
+    const surface = document.createElement("div");
+    applyGraphicSurfaceLayout(surface, width, height, "qti3-graphic-order-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 sequenceLines = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    sequenceLines.classList.add("qti3-graphic-sequence-lines");
+    sequenceLines.setAttribute("viewBox", `0 0 ${width} ${height}`);
+    sequenceLines.setAttribute("aria-hidden", "true");
+    const markerId = `qti3-graphic-order-marker-${(interaction.responseIdentifier ?? interaction.type).replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+    const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+    const marker = document.createElementNS("http://www.w3.org/2000/svg", "marker");
+    marker.setAttribute("id", markerId);
+    marker.setAttribute("viewBox", "0 0 10 10");
+    marker.setAttribute("refX", "8");
+    marker.setAttribute("refY", "5");
+    marker.setAttribute("markerWidth", "5");
+    marker.setAttribute("markerHeight", "5");
+    marker.setAttribute("orient", "auto-start-reverse");
+    const arrow = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    arrow.setAttribute("d", "M 0 0 L 10 5 L 0 10 z");
+    marker.append(arrow);
+    defs.append(marker);
+    sequenceLines.append(defs);
+    surface.append(sequenceLines);
+    const summary = createSelectionSummary();
+    const list = document.createElement("ol");
+    list.className = "qti3-graphic-order-list";
+    list.setAttribute("aria-label", messages.message("interactionSelectedOrderList", { type: interaction.type }));
+    const orderedChoices = () => orderedIdentifiers
+        .map((identifier) => choices.find((choice) => choice.identifier === identifier))
+        .filter((choice) => Boolean(choice));
+    const commit = () => update([...orderedIdentifiers]);
+    const updateSelectionCountSummary = () => {
+        announceOrderedSelectionCount(summary, messages, orderedIdentifiers.length);
+    };
+    const focusHotspot = (identifier) => {
+        surface
+            .querySelector(`.qti3-hotspot-button${choiceSelector(identifier)}`)
+            ?.focus();
+    };
+    const focusRelativeHotspot = (choice, delta) => {
+        const index = choices.findIndex((entry) => entry.identifier === choice.identifier);
+        const next = choices[(index + delta + choices.length) % choices.length];
+        if (next)
+            focusHotspot(next.identifier);
+    };
+    const chooseHotspot = (choice) => {
+        const existingIndex = orderedIdentifiers.indexOf(choice.identifier);
+        if (existingIndex >= 0)
+            orderedIdentifiers.splice(existingIndex, 1);
+        orderedIdentifiers.push(choice.identifier);
+        renderState();
+        updateSelectionCountSummary();
+        commit();
+        focusHotspot(choice.identifier);
+    };
+    const removeHotspot = (identifier) => {
+        const index = orderedIdentifiers.indexOf(identifier);
+        if (index < 0)
+            return;
+        orderedIdentifiers.splice(index, 1);
+        renderState();
+        updateSelectionCountSummary();
+        commit();
+        focusHotspot(identifier);
+    };
+    const moveHotspot = (identifier, delta) => {
+        const index = orderedIdentifiers.indexOf(identifier);
+        const targetIndex = index + delta;
+        if (index < 0 || targetIndex < 0 || targetIndex >= orderedIdentifiers.length)
+            return;
+        const choice = choices.find((entry) => entry.identifier === identifier);
+        const choiceLabel = choice ? hotspotDisplayLabel(choice, choices) : identifier;
+        const [entry] = orderedIdentifiers.splice(index, 1);
+        if (!entry)
+            return;
+        orderedIdentifiers.splice(targetIndex, 0, entry);
+        renderState();
+        announceOrderedItemMove(summary, messages, choiceLabel, targetIndex, orderedIdentifiers.length, index);
+        commit();
+        focusReorderControl(list, identifier);
+    };
+    const renderState = () => {
+        for (const line of sequenceLines.querySelectorAll("line"))
+            line.remove();
+        const currentChoices = orderedChoices();
+        for (let index = 0; index < currentChoices.length - 1; index += 1) {
+            const current = currentChoices[index];
+            const next = currentChoices[index + 1];
+            if (!current || !next)
+                continue;
+            const start = hotspotCenter(current, width, height);
+            const end = hotspotCenter(next, 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));
+            line.setAttribute("marker-end", `url(#${markerId})`);
+            sequenceLines.append(line);
+        }
+        for (const button of surface.querySelectorAll(".qti3-hotspot-button")) {
+            const identifier = button.dataset.choiceIdentifier ?? "";
+            const index = orderedIdentifiers.indexOf(identifier);
+            const isSelected = index >= 0;
+            button.dataset.selected = isSelected ? "true" : "false";
+            button.setAttribute("aria-pressed", isSelected ? "true" : "false");
+            button.dataset.order = isSelected ? String(index + 1) : "";
+            const badge = button.querySelector(".qti3-graphic-order-number");
+            if (badge)
+                badge.textContent = isSelected ? String(index + 1) : "";
+        }
+        list.replaceChildren(...currentChoices.map((choice, index) => {
+            const item = document.createElement("li");
+            item.className = "qti3-graphic-order-item";
+            item.dataset.choiceIdentifier = choice.identifier;
+            const choiceLabel = hotspotDisplayLabel(choice, choices);
+            const label = document.createElement("button");
+            label.type = "button";
+            label.className = "qti3-token";
+            label.dataset.choiceIdentifier = choice.identifier;
+            label.textContent = `${index + 1}. ${choiceLabel}`;
+            label.setAttribute("aria-label", orderedItemAccessibleName(messages, choiceLabel, index, currentChoices.length));
+            label.addEventListener("click", () => focusHotspot(choice.identifier));
+            label.addEventListener("keydown", (event) => {
+                if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+                    event.preventDefault();
+                    moveHotspot(choice.identifier, -1);
+                }
+                else if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+                    event.preventDefault();
+                    moveHotspot(choice.identifier, 1);
+                }
+                else if (event.key === "Delete" || event.key === "Backspace") {
+                    event.preventDefault();
+                    removeHotspot(choice.identifier);
+                }
+            });
+            const up = movementButton("up", messages.message("moveChoice", { label: choiceLabel, direction: "up" }), () => moveHotspot(choice.identifier, -1));
+            up.disabled = index === 0;
+            const down = movementButton("down", messages.message("moveChoice", { label: choiceLabel, direction: "down" }), () => moveHotspot(choice.identifier, 1));
+            down.disabled = index === currentChoices.length - 1;
+            const remove = removeButton(choiceLabel, messages);
+            remove.addEventListener("click", () => removeHotspot(choice.identifier));
+            item.append(label, up, down, 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-order-hotspot";
+        button.dataset.choiceIdentifier = choice.identifier;
+        button.title = hotspotAccessibleLabel(choice, index);
+        button.setAttribute("aria-label", hotspotAccessibleLabel(choice, index));
+        button.setAttribute("aria-pressed", "false");
+        placeHotspotButton(button, choice, width, height);
+        const text = document.createElement("span");
+        text.className = "qti3-hotspot-label";
+        text.textContent = hotspotDisplayLabel(choice, choices);
+        const order = document.createElement("span");
+        order.className = "qti3-graphic-order-number";
+        order.setAttribute("aria-hidden", "true");
+        button.append(text, order);
+        button.addEventListener("click", () => chooseHotspot(choice));
+        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();
+                removeHotspot(choice.identifier);
+            }
+        });
+        surface.append(button);
+    }
+    renderState();
+    updateSelectionCountSummary();
+    group.append(surface, list, summary);
+    return group;
+}
+//# sourceMappingURL=graphic-order-interaction.js.map

package/dist/reorder/graphic-order-interaction.js.map

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

package/dist/reorder/list-controls.d.ts

@@ -0,0 +1,22 @@
+import type { PlayerMessageResolver } from "../player-message-resolver.js";
+export interface ReorderHandleOptions {
+    identifier: string;
+    label: string;
+    index: number;
+    total: number;
+    handleClassName: string;
+    visibleText: string;
+    messages: PlayerMessageResolver;
+    onMoveBy: (delta: number) => void;
+}
+export declare function createReorderHandleControls(options: ReorderHandleOptions): {
+    handle: HTMLButtonElement;
+    up: HTMLButtonElement;
+    down: HTMLButtonElement;
+};
+export interface OrderDragState {
+    draggedIdentifier?: string;
+    pointerDraggedIdentifier?: string;
+}
+export declare function bindOrderListItemDrag(item: HTMLLIElement, choiceIdentifier: string, index: number, dragState: OrderDragState, moveChoice: (from: number, to: number) => void, findIndex: (identifier: string) => number): void;
+//# sourceMappingURL=list-controls.d.ts.map

package/dist/reorder/list-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-controls.d.ts","sourceRoot":"","sources":["../../src/reorder/list-controls.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAG3E,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,oBAAoB,GAAG;IAC1E,MAAM,EAAE,iBAAiB,CAAC;IAC1B,EAAE,EAAE,iBAAiB,CAAC;IACtB,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAiCA;AAED,MAAM,WAAW,cAAc;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,aAAa,EACnB,gBAAgB,EAAE,MAAM,EACxB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,EAC9C,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,GACxC,IAAI,CAiDN"}

package/dist/reorder/list-controls.js

@@ -0,0 +1,75 @@
+import { movementButton } from "../movement.js";
+import { orderedItemAccessibleName } from "./a11y.js";
+export function createReorderHandleControls(options) {
+    const { identifier, label, index, total, handleClassName, visibleText, messages, onMoveBy } = options;
+    const handle = document.createElement("button");
+    handle.type = "button";
+    handle.className = handleClassName;
+    handle.dataset.choiceIdentifier = identifier;
+    handle.setAttribute("aria-label", orderedItemAccessibleName(messages, label, index, total));
+    handle.textContent = visibleText;
+    handle.addEventListener("keydown", (event) => {
+        if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+            event.preventDefault();
+            onMoveBy(-1);
+        }
+        else if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+            event.preventDefault();
+            onMoveBy(1);
+        }
+    });
+    const up = movementButton("up", messages.message("moveChoice", { label, direction: "up" }), () => onMoveBy(-1));
+    up.disabled = index === 0;
+    const down = movementButton("down", messages.message("moveChoice", { label, direction: "down" }), () => onMoveBy(1));
+    down.disabled = index === total - 1;
+    return { handle, up, down };
+}
+export function bindOrderListItemDrag(item, choiceIdentifier, index, dragState, moveChoice, findIndex) {
+    item.draggable = true;
+    item.dataset.choiceIdentifier = choiceIdentifier;
+    item.addEventListener("pointerdown", (event) => {
+        if (event.button !== 0 || event.target.closest("button"))
+            return;
+        dragState.pointerDraggedIdentifier = choiceIdentifier;
+        try {
+            item.setPointerCapture(event.pointerId);
+        }
+        catch {
+            // Synthetic pointer events and some browser drag paths do not create a capturable pointer.
+        }
+    });
+    item.addEventListener("pointerup", (event) => {
+        if (!dragState.pointerDraggedIdentifier)
+            return;
+        const target = document
+            .elementFromPoint(event.clientX, event.clientY)
+            ?.closest(".qti3-reorder-item");
+        const targetIdentifier = target?.dataset.choiceIdentifier;
+        delete dragState.pointerDraggedIdentifier;
+        if (!targetIdentifier)
+            return;
+        moveChoice(findIndex(choiceIdentifier), findIndex(targetIdentifier));
+    });
+    item.addEventListener("pointercancel", () => {
+        delete dragState.pointerDraggedIdentifier;
+    });
+    item.addEventListener("dragstart", (event) => {
+        dragState.draggedIdentifier = choiceIdentifier;
+        event.dataTransfer?.setData("text/plain", choiceIdentifier);
+        event.dataTransfer?.setDragImage(item, 12, 12);
+    });
+    item.addEventListener("dragover", (event) => {
+        event.preventDefault();
+        item.classList.add("qti3-drop-target");
+    });
+    item.addEventListener("dragleave", () => item.classList.remove("qti3-drop-target"));
+    item.addEventListener("drop", (event) => {
+        event.preventDefault();
+        item.classList.remove("qti3-drop-target");
+        const dragged = event.dataTransfer?.getData("text/plain") || dragState.draggedIdentifier;
+        if (!dragged)
+            return;
+        moveChoice(findIndex(dragged), index);
+    });
+}
+//# sourceMappingURL=list-controls.js.map

package/dist/reorder/list-controls.js.map

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

package/dist/reorder/order-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 renderOrderedResponse(interaction: QtiInteraction, update: (value: QtiValue) => void, currentValue: QtiValue, messages: PlayerMessageResolver): HTMLElement;
+//# sourceMappingURL=order-interaction.d.ts.map

package/dist/reorder/order-interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-interaction.d.ts","sourceRoot":"","sources":["../../src/reorder/order-interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAc3E,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,qBAAqB,GAC9B,WAAW,CAwDb"}

package/dist/reorder/order-interaction.js

@@ -0,0 +1,54 @@
+import { interactionChoices, missingChoicesMessage, orderChoicesFromValue, responseGroup, } from "../interaction-support.js";
+import { announceOrderedItemMove, createSelectionSummary, focusReorderControl } from "./a11y.js";
+import { bindOrderListItemDrag, createReorderHandleControls, } from "./list-controls.js";
+export function renderOrderedResponse(interaction, update, currentValue, messages) {
+    const group = responseGroup();
+    const choices = interactionChoices(interaction).filter((choice) => choice.role !== "gap");
+    if (choices.length === 0) {
+        group.append(missingChoicesMessage(interaction));
+        return group;
+    }
+    const ordered = orderChoicesFromValue(choices, currentValue);
+    const list = document.createElement("ol");
+    list.className = "qti3-reorder-list";
+    list.setAttribute("aria-label", messages.message("interactionCurrentOrderList", { type: interaction.type }));
+    const summary = createSelectionSummary();
+    const dragState = {};
+    const commit = () => update(ordered.map((choice) => choice.identifier));
+    const findIndex = (identifier) => ordered.findIndex((entry) => entry.identifier === identifier);
+    const moveChoice = (from, to) => {
+        if (from === to || from < 0 || from >= ordered.length || to < 0 || to >= ordered.length)
+            return;
+        const [choice] = ordered.splice(from, 1);
+        if (!choice)
+            return;
+        ordered.splice(to, 0, choice);
+        renderList();
+        announceOrderedItemMove(summary, messages, choice.text, to, ordered.length, from);
+        commit();
+        focusReorderControl(list, choice.identifier);
+    };
+    const renderList = () => {
+        list.replaceChildren(...ordered.map((choice, index) => {
+            const item = document.createElement("li");
+            item.className = "qti3-reorder-item";
+            bindOrderListItemDrag(item, choice.identifier, index, dragState, moveChoice, findIndex);
+            const { handle, up, down } = createReorderHandleControls({
+                identifier: choice.identifier,
+                label: choice.text,
+                index,
+                total: ordered.length,
+                handleClassName: "qti3-token qti3-reorder-handle",
+                visibleText: choice.text,
+                messages,
+                onMoveBy: (delta) => moveChoice(index, index + delta),
+            });
+            item.append(handle, up, down);
+            return item;
+        }));
+    };
+    renderList();
+    group.append(list, summary);
+    return group;
+}
+//# sourceMappingURL=order-interaction.js.map

package/dist/reorder/order-interaction.js.map

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

package/dist/styles/base-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const BASE_PLAYER_STYLES: string;
+//# sourceMappingURL=base-styles.d.ts.map

package/dist/styles/base-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-styles.d.ts","sourceRoot":"","sources":["../../src/styles/base-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAmIvB,CAAC"}