@longsightgroup/qti3-player 0.4.0 → 0.5.4

package/dist/interactions/interaction-registry.js

@@ -0,0 +1,138 @@
+import { renderGraphicOrderResponse } from "../reorder/graphic-order-interaction.js";
+import { renderOrderedResponse } from "../reorder/order-interaction.js";
+import { renderChoice } from "./choice-interaction.js";
+import { renderDrawingResponse } from "./drawing-interaction.js";
+import { renderEndAttemptResponse } from "./end-attempt-interaction.js";
+import { renderGapMatchResponse } from "./gap-match-interaction.js";
+import { renderGraphicAssociateResponse } from "./graphic-associate-interaction.js";
+import { renderHotspotResponse } from "./hotspot-interaction.js";
+import { renderHottextResponse } from "./hottext-interaction.js";
+import { renderSelect } from "./inline-choice-interaction.js";
+import { renderMatchResponse } from "./match-interaction.js";
+import { renderObjectAsset } from "./object-asset.js";
+import { renderPairResponse } from "./pair-interaction.js";
+import { renderPositionObjectResponse } from "./position-object-interaction.js";
+import { usesChoiceSet, usesOrderedResponse, usesPairResponse } from "./routing.js";
+import { renderSelectPointResponse } from "./select-point-interaction.js";
+import { renderSliderResponse, renderTextResponse } from "./text-interaction.js";
+import { renderUnsupportedInteraction } from "./unsupported-interaction.js";
+import { renderUploadResponse } from "./upload-interaction.js";
+export const interactionRegistry = [
+    {
+        id: "graphicOrder",
+        matches: (interaction) => interaction.type === "graphicOrder",
+        render: ({ interaction, update, currentValue, messages }) => renderGraphicOrderResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "ordered",
+        matches: usesOrderedResponse,
+        render: ({ interaction, update, currentValue, messages }) => renderOrderedResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "gapMatch",
+        matches: (interaction) => interaction.type === "gapMatch" || interaction.type === "graphicGapMatch",
+        render: ({ interaction, update, currentValue, messages }) => renderGapMatchResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "graphicAssociate",
+        matches: (interaction) => interaction.type === "graphicAssociate",
+        render: ({ interaction, update, currentValue, messages }) => renderGraphicAssociateResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "match",
+        matches: (interaction) => interaction.type === "match",
+        render: ({ interaction, update, currentValue, messages }) => renderMatchResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "pair",
+        matches: usesPairResponse,
+        render: ({ interaction, update, currentValue, messages }) => renderPairResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "hotspot",
+        matches: (interaction) => interaction.type === "hotspot" && Boolean(interaction.object),
+        render: ({ interaction, update, currentValue, messages }) => renderHotspotResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "hottext",
+        matches: (interaction) => interaction.type === "hottext",
+        render: ({ interaction, update, currentValue }) => renderHottextResponse(interaction, update, currentValue),
+    },
+    {
+        id: "choice",
+        matches: usesChoiceSet,
+        render: ({ interaction, update, currentValue, messages }) => renderChoice(interaction, update, currentValue, messages),
+    },
+    {
+        id: "inlineChoice",
+        matches: (interaction) => interaction.type === "inlineChoice",
+        render: ({ interaction, update, currentValue, messages }) => renderSelect(interaction, update, currentValue, messages),
+    },
+    {
+        id: "extendedText",
+        matches: (interaction) => interaction.type === "extendedText",
+        render: ({ interaction, update, currentValue, messages }) => renderTextResponse(interaction, update, "extended", currentValue, messages),
+    },
+    {
+        id: "selectPoint",
+        matches: (interaction) => interaction.type === "selectPoint",
+        render: ({ interaction, update, currentValue, messages }) => renderSelectPointResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "positionObject",
+        matches: (interaction) => interaction.type === "positionObject",
+        render: ({ interaction, update, currentValue, messages }) => renderPositionObjectResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "drawing",
+        matches: (interaction) => interaction.type === "drawing",
+        render: ({ interaction, update, currentValue, messages }) => renderDrawingResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "portableCustom",
+        matches: (interaction) => interaction.type === "portableCustom",
+        render: ({ interaction, update, currentValue, renderPortableCustom }) => renderPortableCustom(interaction, update, currentValue),
+    },
+    {
+        id: "textEntry",
+        matches: (interaction) => interaction.type === "textEntry",
+        render: ({ interaction, update, currentValue, messages }) => renderTextResponse(interaction, update, "entry", currentValue, messages),
+    },
+    {
+        id: "slider",
+        matches: (interaction) => interaction.type === "slider",
+        render: ({ interaction, update, currentValue, messages }) => renderSliderResponse(interaction, update, currentValue, messages),
+    },
+    {
+        id: "upload",
+        matches: (interaction) => interaction.type === "upload",
+        render: ({ interaction, update, messages }) => renderUploadResponse(interaction, update, messages),
+    },
+    {
+        id: "endAttempt",
+        matches: (interaction) => interaction.type === "endAttempt",
+        render: ({ interaction, update, endAttempt, messages }) => renderEndAttemptResponse(interaction, update, endAttempt, messages),
+    },
+    {
+        id: "media",
+        matches: (interaction) => interaction.type === "media",
+        render: ({ interaction, update, currentValue, isCompleted }) => renderObjectAsset(interaction, {
+            currentValue,
+            update,
+            isCompleted,
+        }),
+    },
+];
+export function matchInteractionRegistryEntry(interaction) {
+    return interactionRegistry.find((entry) => entry.matches(interaction));
+}
+export function isInteractionSupported(interaction) {
+    return matchInteractionRegistryEntry(interaction) !== undefined;
+}
+export function renderInteractionResponse(context) {
+    const entry = matchInteractionRegistryEntry(context.interaction);
+    if (entry)
+        return entry.render(context);
+    return renderUnsupportedInteraction(context.interaction);
+}
+//# sourceMappingURL=interaction-registry.js.map

package/dist/interactions/interaction-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-registry.js","sourceRoot":"","sources":["../../src/interactions/interaction-registry.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AA8C/D,MAAM,CAAC,MAAM,mBAAmB,GAA+B;IAC7D;QACE,EAAE,EAAE,cAAc;QAClB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,cAAc;QAC7D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,0BAA0B,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC1E;IACD;QACE,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,mBAAmB;QAC5B,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACrE;IACD;QACE,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CACvB,WAAW,CAAC,IAAI,KAAK,UAAU,IAAI,WAAW,CAAC,IAAI,KAAK,iBAAiB;QAC3E,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACtE;IACD;QACE,EAAE,EAAE,kBAAkB;QACtB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,kBAAkB;QACjE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,8BAA8B,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC9E;IACD;QACE,EAAE,EAAE,OAAO;QACX,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,OAAO;QACtD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACnE;IACD;QACE,EAAE,EAAE,MAAM;QACV,OAAO,EAAE,gBAAgB;QACzB,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KAClE;IACD;QACE,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC;QACvF,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACrE;IACD;QACE,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,SAAS;QACxD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAChD,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC;KAC3D;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC5D;IACD;QACE,EAAE,EAAE,cAAc;QAClB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,cAAc;QAC7D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC5D;IACD;QACE,EAAE,EAAE,cAAc;QAClB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,cAAc;QAC7D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC9E;IACD;QACE,EAAE,EAAE,aAAa;QACjB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,aAAa;QAC5D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,yBAAyB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACzE;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,gBAAgB;QAC/D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,4BAA4B,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC5E;IACD;QACE,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,SAAS;QACxD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACrE;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,gBAAgB;QAC/D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,EAAE,CACtE,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC;KAC1D;IACD;QACE,EAAE,EAAE,WAAW;QACf,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,WAAW;QAC1D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAC;KAC3E;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,QAAQ;QACvD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1D,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;KACpE;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,QAAQ;QACvD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC5C,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC;KACtD;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,YAAY;QAC3D,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxD,wBAAwB,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC;KACtE;IACD;QACE,EAAE,EAAE,OAAO;QACX,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,OAAO;QACtD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAC7D,iBAAiB,CAAC,WAAW,EAAE;YAC7B,YAAY;YACZ,MAAM;YACN,WAAW;SACZ,CAAC;KACL;CACF,CAAC;AAEF,MAAM,UAAU,6BAA6B,CAC3C,WAA2B;IAE3B,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,WAA2B;IAChE,OAAO,6BAA6B,CAAC,WAAW,CAAC,KAAK,SAAS,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAAmC;IAC3E,MAAM,KAAK,GAAG,6BAA6B,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxC,OAAO,4BAA4B,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AAC3D,CAAC"}

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

package/dist/interactions/match-interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-interaction.d.ts","sourceRoot":"","sources":["../../src/interactions/match-interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAI3E,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,qBAAqB,GAC9B,WAAW,CA6Lb"}

package/dist/interactions/match-interaction.js

@@ -0,0 +1,188 @@
+import { removeButton } from "../controls/remove-button.js";
+import { missingChoicesMessage, responseGroup, valueToStrings } from "../interaction-support.js";
+import { parseUnlimitedMaximum } from "../response-limits.js";
+import { choiceText, sourceChoices, targetChoices, tokenButton, tokenRegion } from "./shared.js";
+export function renderMatchResponse(interaction, update, currentValue, messages) {
+    const group = responseGroup();
+    const sources = sourceChoices(interaction);
+    const targets = targetChoices(interaction);
+    if (sources.length === 0 || targets.length === 0) {
+        group.append(missingChoicesMessage(interaction));
+        return group;
+    }
+    const selectedPairs = valueToStrings(currentValue);
+    let selectedSource;
+    let selectedTarget;
+    let draggedSource;
+    const selector = document.createElement("div");
+    selector.className = "qti3-match-selector";
+    const sourceRegion = tokenRegion(messages.message("matchSourcesBank"));
+    sourceRegion.classList.add("qti3-match-source-bank");
+    const targetRegion = tokenRegion(messages.message("matchTargetsBank"));
+    targetRegion.classList.add("qti3-match-target-bank");
+    const pairList = document.createElement("ul");
+    pairList.className = "qti3-pair-list";
+    pairList.setAttribute("aria-label", messages.message("matchSelectedPairsList"));
+    const commit = () => {
+        if (interaction.responseCardinality === "single")
+            update(selectedPairs[0] ?? null);
+        else
+            update([...selectedPairs]);
+    };
+    const removePair = (pair) => {
+        const index = selectedPairs.indexOf(pair);
+        if (index >= 0)
+            selectedPairs.splice(index, 1);
+    };
+    const syncPressed = () => {
+        for (const button of sourceRegion.querySelectorAll("button")) {
+            const identifier = button.dataset.choiceIdentifier ?? "";
+            button.setAttribute("aria-pressed", identifier === selectedSource?.identifier ||
+                selectedPairs.some((pair) => pair.startsWith(`${identifier} `))
+                ? "true"
+                : "false");
+        }
+        for (const button of targetRegion.querySelectorAll("button")) {
+            const identifier = button.dataset.choiceIdentifier ?? "";
+            button.setAttribute("aria-pressed", identifier === selectedTarget?.identifier ||
+                selectedPairs.some((pair) => pair.endsWith(` ${identifier}`))
+                ? "true"
+                : "false");
+        }
+    };
+    const renderPairs = () => {
+        pairList.replaceChildren(...selectedPairs.map((pair) => {
+            const [source, target] = pair.split(" ");
+            const label = messages.message("associationPairLabel", {
+                source: choiceText(sources, source),
+                target: choiceText(targets, target),
+            });
+            const item = document.createElement("li");
+            item.className = "qti3-pair-chip";
+            const text = document.createElement("span");
+            text.textContent = label;
+            const remove = removeButton(label, messages);
+            remove.addEventListener("click", () => {
+                removePair(pair);
+                syncPressed();
+                renderPairs();
+                commit();
+            });
+            item.append(text, remove);
+            return item;
+        }));
+    };
+    const clearSelection = () => {
+        selectedSource = undefined;
+        selectedTarget = undefined;
+    };
+    const removePairsForSource = (source) => {
+        for (const existing of selectedPairs.filter((pair) => pair.startsWith(`${source.identifier} `))) {
+            removePair(existing);
+        }
+    };
+    const removePairsForTarget = (target) => {
+        for (const existing of selectedPairs.filter((pair) => pair.endsWith(` ${target.identifier}`))) {
+            removePair(existing);
+        }
+    };
+    const togglePair = (source, target) => {
+        const pair = `${source.identifier} ${target.identifier}`;
+        if (selectedPairs.includes(pair)) {
+            removePair(pair);
+        }
+        else {
+            if (interaction.responseCardinality === "single")
+                selectedPairs.splice(0);
+            if (parseUnlimitedMaximum(source.attributes["match-max"]) === 1) {
+                removePairsForSource(source);
+            }
+            if (parseUnlimitedMaximum(target.attributes["match-max"]) === 1) {
+                removePairsForTarget(target);
+            }
+            selectedPairs.push(pair);
+        }
+        clearSelection();
+        syncPressed();
+        renderPairs();
+        commit();
+    };
+    const addSelectedPair = () => {
+        if (!selectedSource || !selectedTarget)
+            return;
+        togglePair(selectedSource, selectedTarget);
+    };
+    const addPair = (sourceIdentifier, targetIdentifier) => {
+        const source = sources.find((choice) => choice.identifier === sourceIdentifier);
+        const target = targets.find((choice) => choice.identifier === targetIdentifier);
+        if (!source || !target)
+            return;
+        togglePair(source, target);
+    };
+    for (const source of sources) {
+        const button = tokenButton(source);
+        button.classList.add("qti3-match-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;
+            syncPressed();
+        });
+        button.addEventListener("click", () => {
+            selectedSource = source;
+            syncPressed();
+            addSelectedPair();
+        });
+        button.addEventListener("keydown", (event) => {
+            if (event.key !== "Delete" && event.key !== "Backspace")
+                return;
+            event.preventDefault();
+            removePairsForSource(source);
+            clearSelection();
+            syncPressed();
+            renderPairs();
+            commit();
+        });
+        sourceRegion.append(button);
+    }
+    for (const target of targets) {
+        const button = tokenButton(target);
+        button.classList.add("qti3-match-target");
+        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");
+            addPair(event.dataTransfer?.getData("text/plain") || draggedSource, target.identifier);
+        });
+        button.addEventListener("click", () => {
+            selectedTarget = target;
+            syncPressed();
+            addSelectedPair();
+        });
+        button.addEventListener("keydown", (event) => {
+            if (event.key !== "Delete" && event.key !== "Backspace")
+                return;
+            event.preventDefault();
+            removePairsForTarget(target);
+            clearSelection();
+            syncPressed();
+            renderPairs();
+            commit();
+        });
+        targetRegion.append(button);
+    }
+    selector.append(sourceRegion, targetRegion);
+    syncPressed();
+    renderPairs();
+    group.append(selector, pairList);
+    return group;
+}
+//# sourceMappingURL=match-interaction.js.map

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

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

package/dist/interactions/object-asset.d.ts

@@ -0,0 +1,8 @@
+import type { QtiInteraction, QtiValue } from "@longsightgroup/qti3-core";
+export interface MediaResponseBinding {
+    currentValue?: QtiValue | undefined;
+    update?: ((value: QtiValue) => void) | undefined;
+    isCompleted?: (() => boolean) | undefined;
+}
+export declare function renderObjectAsset(interaction: QtiInteraction, mediaResponse?: MediaResponseBinding): HTMLElement;
+//# sourceMappingURL=object-asset.d.ts.map

package/dist/interactions/object-asset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-asset.d.ts","sourceRoot":"","sources":["../../src/interactions/object-asset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAkB,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAU1F,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,cAAc,EAC3B,aAAa,GAAE,oBAAyB,GACvC,WAAW,CA4Cb"}

package/dist/interactions/object-asset.js

@@ -0,0 +1,182 @@
+import { objectIsImage } from "../interaction-support.js";
+import { maximumMediaPlays, mediaPlayCount } from "../response-limits.js";
+function parseBooleanAttribute(value) {
+    if (value === "true" || value === "1")
+        return true;
+    if (value === "false" || value === "0")
+        return false;
+    return undefined;
+}
+export function renderObjectAsset(interaction, mediaResponse = {}) {
+    const object = interaction.object;
+    const label = interaction.prompt ?? object?.text ?? "Media interaction";
+    const mediaType = object ? mediaElementType(object) : undefined;
+    if (object && mediaType === "audio") {
+        const audio = document.createElement("audio");
+        configureMediaElement(audio, interaction, object, label, mediaResponse);
+        audio.style.inlineSize = "100%";
+        return audio;
+    }
+    if (object && mediaType === "video") {
+        const video = document.createElement("video");
+        configureMediaElement(video, interaction, object, label, mediaResponse);
+        if (object.width)
+            video.width = Number(object.width);
+        if (object.height)
+            video.height = Number(object.height);
+        return video;
+    }
+    if (object?.data && objectIsImage(object)) {
+        const image = document.createElement("img");
+        image.src = object.data;
+        image.alt = label;
+        image.style.maxInlineSize = "100%";
+        image.style.blockSize = "auto";
+        if (object.width)
+            image.width = Number(object.width);
+        if (object.height)
+            image.height = Number(object.height);
+        return image;
+    }
+    const group = document.createElement("div");
+    group.role = "group";
+    group.setAttribute("aria-label", label);
+    const fallbackHref = object?.data ?? object?.sources.find((source) => source.src)?.src;
+    if (fallbackHref) {
+        const link = document.createElement("a");
+        link.href = fallbackHref;
+        link.textContent = object?.text || fallbackHref;
+        group.append(link);
+    }
+    else {
+        group.textContent = label;
+    }
+    return group;
+}
+function configureMediaElement(media, interaction, object, label, mediaResponse) {
+    media.controls = mediaControlsMode(interaction, object) !== "none";
+    media.preload = "none";
+    media.autoplay = parseBooleanAttribute(interaction.attributes.autostart) ?? false;
+    media.loop = parseBooleanAttribute(interaction.attributes.loop) ?? false;
+    media.setAttribute("aria-label", label);
+    media.style.maxInlineSize = "100%";
+    copyMediaDataAttributes(media, interaction.attributes);
+    copyMediaDataAttributes(media, object.attributes);
+    if (object.data)
+        media.src = object.data;
+    for (const source of object.sources) {
+        if (!source.src)
+            continue;
+        const sourceElement = document.createElement("source");
+        sourceElement.src = source.src;
+        if (source.type)
+            sourceElement.type = source.type;
+        copySafeMediaChildAttributes(sourceElement, source.attributes, sourceAttributeNames);
+        media.append(sourceElement);
+    }
+    for (const track of object.tracks) {
+        if (!track.src)
+            continue;
+        const trackElement = document.createElement("track");
+        trackElement.src = track.src;
+        if (track.kind)
+            trackElement.kind = track.kind;
+        if (track.srclang)
+            trackElement.srclang = track.srclang;
+        if (track.label)
+            trackElement.label = track.label;
+        if (track.default)
+            trackElement.default = true;
+        copySafeMediaChildAttributes(trackElement, track.attributes, trackAttributeNames);
+        media.append(trackElement);
+    }
+    bindMediaPlayCount(media, interaction, mediaResponse);
+}
+function copyMediaDataAttributes(element, attributes) {
+    for (const [name, value] of Object.entries(attributes)) {
+        if (!name.startsWith("data-"))
+            continue;
+        element.setAttribute(name, value);
+    }
+}
+const sourceAttributeNames = new Set(["src", "srcset", "type"]);
+const trackAttributeNames = new Set(["default", "kind", "label", "src", "srclang"]);
+function copySafeMediaChildAttributes(element, attributes, controlledNames) {
+    for (const [name, value] of Object.entries(attributes)) {
+        const normalizedName = name.toLowerCase();
+        if (controlledNames.has(normalizedName))
+            continue;
+        if (normalizedName === "class" ||
+            normalizedName === "id" ||
+            normalizedName === "title" ||
+            normalizedName === "media" ||
+            normalizedName === "sizes" ||
+            normalizedName.startsWith("data-")) {
+            element.setAttribute(name, value);
+        }
+    }
+}
+function mediaElementType(object) {
+    const types = [object.type, ...object.sources.map((source) => source.type)].filter((value) => Boolean(value));
+    if (types.some((value) => value.startsWith("audio/")))
+        return "audio";
+    if (types.some((value) => value.startsWith("video/")))
+        return "video";
+    return undefined;
+}
+function mediaControlsMode(interaction, object) {
+    return (interaction.attributes["data-qti-media-player-controls"] ??
+        object.attributes["data-qti-media-player-controls"]);
+}
+function bindMediaPlayCount(media, interaction, mediaResponse) {
+    if (!mediaResponse.update)
+        return;
+    let playCount = mediaPlayCount(mediaResponse.currentValue ?? null);
+    let activePlaySession = false;
+    let readyAfterEnded = false;
+    const maximum = maximumMediaPlays(interaction);
+    const syncState = () => {
+        media.dataset.playCount = String(playCount);
+        if (maximum !== undefined && playCount >= maximum && !activePlaySession) {
+            media.dataset.maxPlaysReached = "true";
+        }
+        else {
+            delete media.dataset.maxPlaysReached;
+        }
+    };
+    media.addEventListener("play", () => {
+        if (mediaResponse.isCompleted?.()) {
+            return;
+        }
+        if (!activePlaySession && maximum !== undefined && playCount >= maximum) {
+            media.pause();
+            syncState();
+            return;
+        }
+        if (!activePlaySession && (readyAfterEnded || media.currentTime <= 0.25)) {
+            playCount += 1;
+            mediaResponse.update?.(playCount);
+            activePlaySession = true;
+            readyAfterEnded = false;
+            syncState();
+            return;
+        }
+        activePlaySession = true;
+        readyAfterEnded = false;
+        syncState();
+    });
+    media.addEventListener("ended", () => {
+        activePlaySession = false;
+        readyAfterEnded = true;
+        syncState();
+    });
+    media.addEventListener("seeked", () => {
+        if (!media.paused || media.currentTime > 0.25)
+            return;
+        activePlaySession = false;
+        readyAfterEnded = false;
+        syncState();
+    });
+    syncState();
+}
+//# sourceMappingURL=object-asset.js.map

package/dist/interactions/object-asset.js.map

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

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

package/dist/interactions/pair-interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pair-interaction.d.ts","sourceRoot":"","sources":["../../src/interactions/pair-interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAU3E,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,EACjC,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,qBAAqB,GAC9B,WAAW,CAwIb"}