@longsightgroup/qti3-player 0.5.1 → 0.5.4

package/dist/player/dynamic-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-body.js","sourceRoot":"","sources":["../../src/player/dynamic-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiB,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAO9D,MAAM,UAAU,oBAAoB,CAAC,IAAgB,EAAE,OAA2B;IAChF,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAoB,wBAAwB,CAAC,EAAE,CAAC;QACxF,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;QAC7C,IAAI,CAAC,UAAU;YAAE,SAAS;QAC1B,MAAM,CAAC,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC5F,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;IACpC,CAAC;IAED,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,gBAAgB,CACzC,6CAA6C,CAC9C,EAAE,CAAC;QACF,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACtD,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC;QAC5D,IAAI,CAAC,UAAU,IAAI,CAAC,iBAAiB;YAAE,SAAS;QAChD,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACvD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACxC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;YACxC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC;QAC3C,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IACxF,CAAC;IAED,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,gBAAgB,CACzC,6CAA6C,CAC9C,EAAE,CAAC;QACF,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC;QAC9D,OAAO,CAAC,MAAM,GAAG,CAAC,wBAAwB,CACxC,OAAO,EACP,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,IAAI,CACtE,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/player/feedback-panel.d.ts

@@ -0,0 +1,3 @@
+import { type QtiAssessmentItem, type QtiValue } from "@longsightgroup/qti3-core";
+export declare function syncFeedbackPanel(feedback: HTMLElement | null, item: QtiAssessmentItem, outcomes: Record<string, QtiValue>): void;
+//# sourceMappingURL=feedback-panel.d.ts.map

package/dist/player/feedback-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-panel.d.ts","sourceRoot":"","sources":["../../src/player/feedback-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EACd,MAAM,2BAA2B,CAAC;AAEnC,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,WAAW,GAAG,IAAI,EAC5B,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GACjC,IAAI,CAYN"}

package/dist/player/feedback-panel.js

@@ -0,0 +1,14 @@
+import { visibleModalFeedback, } from "@longsightgroup/qti3-core";
+export function syncFeedbackPanel(feedback, item, outcomes) {
+    if (!feedback)
+        return;
+    const visibleFeedback = visibleModalFeedback(item, outcomes);
+    feedback.replaceChildren(...visibleFeedback.map((entry) => {
+        const element = document.createElement("p");
+        element.dataset.feedbackIdentifier = entry.identifier;
+        element.textContent = entry.text;
+        return element;
+    }));
+    feedback.hidden = visibleFeedback.length === 0;
+}
+//# sourceMappingURL=feedback-panel.js.map

package/dist/player/feedback-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-panel.js","sourceRoot":"","sources":["../../src/player/feedback-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,iBAAiB,CAC/B,QAA4B,EAC5B,IAAuB,EACvB,QAAkC;IAElC,IAAI,CAAC,QAAQ;QAAE,OAAO;IACtB,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC7D,QAAQ,CAAC,eAAe,CACtB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC5C,OAAO,CAAC,OAAO,CAAC,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC;QACtD,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;QACjC,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC,CACH,CAAC;IACF,QAAQ,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,KAAK,CAAC,CAAC;AACjD,CAAC"}

package/dist/player/fetch-xml.d.ts

@@ -0,0 +1,2 @@
+export declare function defaultFetchXml(url: string): Promise<string>;
+//# sourceMappingURL=fetch-xml.d.ts.map

package/dist/player/fetch-xml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-xml.d.ts","sourceRoot":"","sources":["../../src/player/fetch-xml.ts"],"names":[],"mappings":"AAAA,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAOlE"}

package/dist/player/fetch-xml.js

@@ -0,0 +1,10 @@
+export async function defaultFetchXml(url) {
+    if (!globalThis.fetch) {
+        throw new Error("No fetch implementation is available. Provide loadUrl(url, { fetchXml }).");
+    }
+    const response = await globalThis.fetch(url);
+    if (!response.ok)
+        throw new Error(`Failed to load QTI XML from ${url}: ${response.status}.`);
+    return response.text();
+}
+//# sourceMappingURL=fetch-xml.js.map

package/dist/player/fetch-xml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-xml.js","sourceRoot":"","sources":["../../src/player/fetch-xml.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC/C,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;IAC/F,CAAC;IACD,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7C,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,GAAG,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7F,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC"}

package/dist/player/interaction-render.d.ts

@@ -0,0 +1,14 @@
+import type { QtiInteraction, QtiValue } from "@longsightgroup/qti3-core";
+import type { PlayerMessageResolver } from "../player-message-resolver.js";
+export interface BlockInteractionRenderOptions {
+    interaction: QtiInteraction;
+    messages: PlayerMessageResolver;
+    update: (value: QtiValue) => void;
+    currentValue: QtiValue;
+    isCompleted: () => boolean;
+    endAttempt: () => void;
+    renderPortableCustom: (interaction: QtiInteraction, update: (value: QtiValue) => void, currentValue: QtiValue) => HTMLElement;
+}
+export declare function renderBlockInteractionSection(options: BlockInteractionRenderOptions): HTMLElement;
+export declare function renderEmbeddedInteractionSection(interaction: QtiInteraction, update: (value: QtiValue) => void, currentValue: QtiValue, messages: PlayerMessageResolver): HTMLElement;
+//# sourceMappingURL=interaction-render.d.ts.map

package/dist/player/interaction-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-render.d.ts","sourceRoot":"","sources":["../../src/player/interaction-render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAO1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAG3E,MAAM,WAAW,6BAA6B;IAC5C,WAAW,EAAE,cAAc,CAAC;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,EAAE,CACpB,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,KACnB,WAAW,CAAC;CAClB;AAED,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,6BAA6B,GAAG,WAAW,CAqCjG;AAED,wBAAgB,gCAAgC,CAC9C,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,qBAAqB,GAC9B,WAAW,CAoBb"}

package/dist/player/interaction-render.js

@@ -0,0 +1,51 @@
+import { copySafeAttributes } from "../content/content-dom.js";
+import { renderInteractionResponse } from "../interactions/interaction-dispatch.js";
+import { interactionLabel, qtiSharedClassNames } from "../interactions/interaction-label.js";
+import { renderSelect } from "../interactions/inline-choice-interaction.js";
+import { renderInlineTextEntry } from "../interactions/text-interaction.js";
+import { renderUnsupportedEmbeddedInteraction } from "../interactions/unsupported-interaction.js";
+import { inlineValidationMessageElement, validationMessageElement } from "../player-validation.js";
+export function renderBlockInteractionSection(options) {
+    const { interaction, messages, update, currentValue, isCompleted, endAttempt, renderPortableCustom, } = options;
+    const field = document.createElement("section");
+    field.className = `qti3-interaction qti3-${interaction.type}`;
+    field.classList.add(...qtiSharedClassNames(interaction.attributes.class));
+    field.dataset.interactionType = interaction.type;
+    if (interaction.responseIdentifier)
+        field.dataset.responseIdentifier = interaction.responseIdentifier;
+    const heading = document.createElement("h3");
+    copySafeAttributes(heading, interaction.promptAttributes ?? {});
+    heading.textContent = interactionLabel(interaction);
+    field.append(heading);
+    if (interaction.responseIdentifier) {
+        field.append(validationMessageElement(interaction.responseIdentifier));
+    }
+    field.append(renderInteractionResponse({
+        interaction,
+        update,
+        currentValue,
+        messages,
+        isCompleted,
+        endAttempt,
+        renderPortableCustom,
+    }));
+    return field;
+}
+export function renderEmbeddedInteractionSection(interaction, update, currentValue, messages) {
+    if (interaction.type !== "inlineChoice" && interaction.type !== "textEntry") {
+        return renderUnsupportedEmbeddedInteraction(interaction);
+    }
+    const wrapper = document.createElement("span");
+    wrapper.className = `qti3-interaction qti3-${interaction.type} qti3-embedded-interaction`;
+    wrapper.dataset.interactionType = interaction.type;
+    if (interaction.responseIdentifier)
+        wrapper.dataset.responseIdentifier = interaction.responseIdentifier;
+    if (interaction.responseIdentifier) {
+        wrapper.append(inlineValidationMessageElement(interaction.responseIdentifier));
+    }
+    wrapper.append(interaction.type === "inlineChoice"
+        ? renderSelect(interaction, update, currentValue, messages)
+        : renderInlineTextEntry(interaction, update, currentValue, messages));
+    return wrapper;
+}
+//# sourceMappingURL=interaction-render.js.map

package/dist/player/interaction-render.js.map

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

package/dist/player/render-shell.d.ts

@@ -0,0 +1,8 @@
+import type { QtiDocument, QtiInteraction } from "@longsightgroup/qti3-core";
+import { type PlayerContentContext } from "../content/content-renderer.js";
+export declare function renderPlayerShell(options: {
+    documentModel: QtiDocument;
+    contentContext: PlayerContentContext;
+    renderStandaloneInteraction: (interaction: QtiInteraction) => HTMLElement;
+}): HTMLElement;
+//# sourceMappingURL=render-shell.d.ts.map

package/dist/player/render-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-shell.d.ts","sourceRoot":"","sources":["../../src/player/render-shell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAG/F,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,oBAAoB,CAAC;IACrC,2BAA2B,EAAE,CAAC,WAAW,EAAE,cAAc,KAAK,WAAW,CAAC;CAC3E,GAAG,WAAW,CAmCd"}

package/dist/player/render-shell.js

@@ -0,0 +1,37 @@
+import { renderContentNodes } from "../content/content-renderer.js";
+import { playerStyleElement } from "../player-styles.js";
+export function renderPlayerShell(options) {
+    const { documentModel, contentContext, renderStandaloneInteraction } = options;
+    const root = document.createElement("article");
+    root.className = "qti3-player";
+    if (documentModel.item.language) {
+        root.lang = documentModel.item.language;
+        root.setAttribute("xml:lang", documentModel.item.language);
+    }
+    root.append(playerStyleElement());
+    if (documentModel.item.prompt && documentModel.item.body.length === 0) {
+        const prompt = document.createElement("p");
+        prompt.className = "qti3-item-prompt";
+        prompt.textContent = documentModel.item.prompt;
+        root.append(prompt);
+    }
+    if (documentModel.item.body.length > 0) {
+        const body = document.createElement("div");
+        body.className = "qti3-item-body";
+        body.append(...renderContentNodes(documentModel.item.body, contentContext));
+        root.append(body);
+    }
+    else {
+        for (const interaction of documentModel.item.interactions) {
+            root.append(renderStandaloneInteraction(interaction));
+        }
+    }
+    const feedback = document.createElement("section");
+    feedback.className = "qti3-feedback";
+    feedback.role = "status";
+    feedback.setAttribute("aria-live", "polite");
+    feedback.hidden = true;
+    root.append(feedback);
+    return root;
+}
+//# sourceMappingURL=render-shell.js.map

package/dist/player/render-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-shell.js","sourceRoot":"","sources":["../../src/player/render-shell.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,gCAAgC,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,UAAU,iBAAiB,CAAC,OAIjC;IACC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,2BAA2B,EAAE,GAAG,OAAO,CAAC;IAC/E,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;IAC/B,IAAI,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC;QACxC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IACD,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAElC,IAAI,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,CAAC,SAAS,GAAG,kBAAkB,CAAC;QACtC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;QAC/C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC;SAAM,CAAC;QACN,KAAK,MAAM,WAAW,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YAC1D,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACnD,QAAQ,CAAC,SAAS,GAAG,eAAe,CAAC;IACrC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC7C,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/player/resolve-assets.d.ts

@@ -0,0 +1,3 @@
+import type { QtiPlayerResolveAsset } from "../player-types.js";
+export declare function resolveRenderedAssets(root: ParentNode, resolveAsset: QtiPlayerResolveAsset): void;
+//# sourceMappingURL=resolve-assets.d.ts.map

package/dist/player/resolve-assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-assets.d.ts","sourceRoot":"","sources":["../../src/player/resolve-assets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAQjG"}

package/dist/player/resolve-assets.js

@@ -0,0 +1,12 @@
+import { isResolvableAssetUrl } from "../content/content-dom.js";
+export function resolveRenderedAssets(root, resolveAsset) {
+    for (const element of root.querySelectorAll("[src], [href], [data]")) {
+        for (const attribute of ["src", "href", "data"]) {
+            const value = element.getAttribute(attribute);
+            if (!value || !isResolvableAssetUrl(value))
+                continue;
+            element.setAttribute(attribute, resolveAsset(value));
+        }
+    }
+}
+//# sourceMappingURL=resolve-assets.js.map

package/dist/player/resolve-assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-assets.js","sourceRoot":"","sources":["../../src/player/resolve-assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE,MAAM,UAAU,qBAAqB,CAAC,IAAgB,EAAE,YAAmC;IACzF,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,EAAE,CAAC;QACrE,KAAK,MAAM,SAAS,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;YAChD,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC9C,IAAI,CAAC,KAAK,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC;gBAAE,SAAS;YACrD,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/player/validation-messages.d.ts

@@ -0,0 +1,17 @@
+import type { QtiDiagnostic } from "@longsightgroup/qti3-core";
+/** Load-time item structure problems emitted during `loadXml` and mirrored into validation UI. */
+export declare const AUTHORING_DIAGNOSTIC_CODES: Set<string>;
+export declare function isAuthoringDiagnostic(diagnostic: QtiDiagnostic): boolean;
+/** Response-scoring and attempt validation messages persisted separately from authoring diagnostics. */
+export declare function responseValidationMessages(messages: QtiDiagnostic[]): QtiDiagnostic[];
+export declare function mergeVisibleValidationMessages(authoringDiagnostics: QtiDiagnostic[], validationMessages: QtiDiagnostic[]): QtiDiagnostic[];
+/**
+ * Serialized attempt state stores both authoring and response validation messages together.
+ * After restore, split response messages back out so they are not duplicated against
+ * load-time `authoringDiagnostics`.
+ */
+export declare function splitSerializedValidationMessages(messages: QtiDiagnostic[]): {
+    authoringDiagnostics: QtiDiagnostic[];
+    validationMessages: QtiDiagnostic[];
+};
+//# sourceMappingURL=validation-messages.d.ts.map

package/dist/player/validation-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-messages.d.ts","sourceRoot":"","sources":["../../src/player/validation-messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,kGAAkG;AAClG,eAAO,MAAM,0BAA0B,aAIrC,CAAC;AAEH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,aAAa,GAAG,OAAO,CAExE;AAED,wGAAwG;AACxG,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAErF;AAED,wBAAgB,8BAA8B,CAC5C,oBAAoB,EAAE,aAAa,EAAE,EACrC,kBAAkB,EAAE,aAAa,EAAE,GAClC,aAAa,EAAE,CAEjB;AAED;;;;GAIG;AACH,wBAAgB,iCAAiC,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG;IAC5E,oBAAoB,EAAE,aAAa,EAAE,CAAC;IACtC,kBAAkB,EAAE,aAAa,EAAE,CAAC;CACrC,CAQA"}

package/dist/player/validation-messages.js

@@ -0,0 +1,33 @@
+/** Load-time item structure problems emitted during `loadXml` and mirrored into validation UI. */
+export const AUTHORING_DIAGNOSTIC_CODES = new Set([
+    "interaction.unsupported",
+    "interaction.choices.missing",
+    "interaction.embed.unsupported",
+]);
+export function isAuthoringDiagnostic(diagnostic) {
+    return AUTHORING_DIAGNOSTIC_CODES.has(diagnostic.code);
+}
+/** Response-scoring and attempt validation messages persisted separately from authoring diagnostics. */
+export function responseValidationMessages(messages) {
+    return messages.filter((message) => !isAuthoringDiagnostic(message));
+}
+export function mergeVisibleValidationMessages(authoringDiagnostics, validationMessages) {
+    return [...authoringDiagnostics, ...validationMessages];
+}
+/**
+ * Serialized attempt state stores both authoring and response validation messages together.
+ * After restore, split response messages back out so they are not duplicated against
+ * load-time `authoringDiagnostics`.
+ */
+export function splitSerializedValidationMessages(messages) {
+    const authoringDiagnostics = [];
+    const validationMessages = [];
+    for (const message of messages) {
+        if (isAuthoringDiagnostic(message))
+            authoringDiagnostics.push(message);
+        else
+            validationMessages.push(message);
+    }
+    return { authoringDiagnostics, validationMessages };
+}
+//# sourceMappingURL=validation-messages.js.map

package/dist/player/validation-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-messages.js","sourceRoot":"","sources":["../../src/player/validation-messages.ts"],"names":[],"mappings":"AAEA,kGAAkG;AAClG,MAAM,CAAC,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAS;IACxD,yBAAyB;IACzB,6BAA6B;IAC7B,+BAA+B;CAChC,CAAC,CAAC;AAEH,MAAM,UAAU,qBAAqB,CAAC,UAAyB;IAC7D,OAAO,0BAA0B,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACzD,CAAC;AAED,wGAAwG;AACxG,MAAM,UAAU,0BAA0B,CAAC,QAAyB;IAClE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,oBAAqC,EACrC,kBAAmC;IAEnC,OAAO,CAAC,GAAG,oBAAoB,EAAE,GAAG,kBAAkB,CAAC,CAAC;AAC1D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iCAAiC,CAAC,QAAyB;IAIzE,MAAM,oBAAoB,GAAoB,EAAE,CAAC;IACjD,MAAM,kBAAkB,GAAoB,EAAE,CAAC;IAC/C,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,IAAI,qBAAqB,CAAC,OAAO,CAAC;YAAE,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;;YAClE,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IACD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;AACtD,CAAC"}

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"}