@longsightgroup/qti3-player 0.2.1 → 0.4.0

package/dist/interaction-support.js

@@ -0,0 +1,189 @@
+import { qtiValueToIdentifierList } from "@longsightgroup/qti3-core";
+import { errorView } from "./player-validation.js";
+export function responseGroup(className) {
+    const group = document.createElement("div");
+    group.className = ["qti3-response-group", className].filter(Boolean).join(" ");
+    return group;
+}
+export function interactionChoices(interaction) {
+    return interaction.choices;
+}
+export function missingChoicesMessage(interaction) {
+    const identifier = interaction.responseIdentifier ? ` (${interaction.responseIdentifier})` : "";
+    return errorView(`No choices are defined for the ${interaction.type} interaction${identifier}.`);
+}
+export function applyGraphicSurfaceLayout(surface, width, height, ...classNames) {
+    surface.classList.add("qti3-graphic-surface", ...classNames);
+    applyResponsiveGraphicSize(surface, width, height);
+}
+export function applyResponsiveGraphicSize(element, width, height) {
+    element.style.display = "block";
+    element.style.inlineSize = "100%";
+    element.style.maxInlineSize = `${width}px`;
+    element.style.aspectRatio = `${width} / ${height}`;
+}
+export function choiceSelector(identifier) {
+    return `[data-choice-identifier="${CSS.escape(identifier)}"]`;
+}
+export function valueToStrings(value) {
+    return qtiValueToIdentifierList(value);
+}
+export function orderChoicesFromValue(choices, value) {
+    const identifiers = valueToStrings(value);
+    if (identifiers.length === 0)
+        return [...choices];
+    const byIdentifier = new Map(choices.map((choice) => [choice.identifier, choice]));
+    const ordered = identifiers
+        .map((identifier) => byIdentifier.get(identifier))
+        .filter((choice) => Boolean(choice));
+    const used = new Set(ordered.map((choice) => choice.identifier));
+    ordered.push(...choices.filter((choice) => !used.has(choice.identifier)));
+    return ordered;
+}
+export function readableType(type) {
+    return type
+        .replace(/[A-Z]/g, (letter) => ` ${letter.toLowerCase()}`)
+        .replace(/^./, (letter) => letter.toUpperCase());
+}
+function dimension(value, fallback) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;
+}
+export function objectWidth(interaction) {
+    return dimension(interaction.object?.width, 160);
+}
+export function objectHeight(interaction) {
+    return dimension(interaction.object?.height, 120);
+}
+export function objectIsImage(object) {
+    return Boolean(object.type?.startsWith("image/") ||
+        object.data?.startsWith("data:image/") ||
+        /\.(svg|png|jpg|jpeg|gif|webp)(?:[?#].*)?$/i.test(object.data ?? ""));
+}
+export function appendGraphicObjectImage(surface, object, alt) {
+    if (!object.data || !objectIsImage(object))
+        return;
+    const image = document.createElement("img");
+    image.className = "qti3-graphic-object-image";
+    image.src = object.data;
+    image.alt = alt;
+    surface.append(image);
+}
+function percent(value, total) {
+    if (total <= 0)
+        return 0;
+    return (value / total) * 100;
+}
+export { percent };
+function hotspotCoords(choice) {
+    return (choice.attributes.coords ?? "")
+        .split(",")
+        .map((value) => Number(value.trim()))
+        .filter((value) => Number.isFinite(value));
+}
+export function applyGraphicRegionPlacement(element, placement) {
+    element.style.setProperty("--qti3-graphic-region-inline-start", placement.insetInlineStart);
+    element.style.setProperty("--qti3-graphic-region-block-start", placement.insetBlockStart);
+    if (placement.inlineSize !== undefined) {
+        element.style.setProperty("--qti3-graphic-region-inline-size", placement.inlineSize);
+    }
+    else {
+        element.style.removeProperty("--qti3-graphic-region-inline-size");
+    }
+    if (placement.blockSize !== undefined) {
+        element.style.setProperty("--qti3-graphic-region-block-size", placement.blockSize);
+    }
+    else {
+        element.style.removeProperty("--qti3-graphic-region-block-size");
+    }
+    if (placement.shape)
+        element.dataset.shape = placement.shape;
+    else
+        delete element.dataset.shape;
+}
+export function applyPointMarkerPlacement(marker, insetInlineStart, insetBlockStart) {
+    marker.style.setProperty("--qti3-point-marker-inline-start", insetInlineStart);
+    marker.style.setProperty("--qti3-point-marker-block-start", insetBlockStart);
+}
+export function applyPositionObjectMarkerSize(marker, inlineSize, blockSize) {
+    marker.style.setProperty("--qti3-position-object-marker-inline-size", `${inlineSize}px`);
+    marker.style.setProperty("--qti3-position-object-marker-block-size", `${blockSize}px`);
+}
+export function applyPositionObjectMarkerPlacement(marker, insetInlineStart, insetBlockStart) {
+    marker.style.setProperty("--qti3-position-object-marker-inline-start", insetInlineStart);
+    marker.style.setProperty("--qti3-position-object-marker-block-start", insetBlockStart);
+}
+export function placeHotspotButton(button, choice, width, height) {
+    const coords = hotspotCoords(choice);
+    const shape = choice.attributes.shape;
+    if (shape === "circle" && coords.length >= 3) {
+        const [x, y, radius] = coords;
+        applyGraphicRegionPlacement(button, {
+            insetInlineStart: `${percent(x - radius, width)}%`,
+            insetBlockStart: `${percent(y - radius, height)}%`,
+            inlineSize: `${percent(radius * 2, width)}%`,
+            blockSize: `${percent(radius * 2, height)}%`,
+            shape: "circle",
+        });
+        return;
+    }
+    if (shape === "rect" && coords.length >= 4) {
+        const [left, top, right, bottom] = coords;
+        applyGraphicRegionPlacement(button, {
+            insetInlineStart: `${percent(left, width)}%`,
+            insetBlockStart: `${percent(top, height)}%`,
+            inlineSize: `${percent(Math.max(1, right - left), width)}%`,
+            blockSize: `${percent(Math.max(1, bottom - top), height)}%`,
+            shape: "rect",
+        });
+        return;
+    }
+    if (shape === "poly" && coords.length >= 6) {
+        const xs = coords.filter((_, index) => index % 2 === 0);
+        const ys = coords.filter((_, index) => index % 2 === 1);
+        const left = Math.min(...xs);
+        const top = Math.min(...ys);
+        const right = Math.max(...xs);
+        const bottom = Math.max(...ys);
+        applyGraphicRegionPlacement(button, {
+            insetInlineStart: `${percent(left, width)}%`,
+            insetBlockStart: `${percent(top, height)}%`,
+            inlineSize: `${percent(Math.max(1, right - left), width)}%`,
+            blockSize: `${percent(Math.max(1, bottom - top), height)}%`,
+            shape: "poly",
+        });
+        return;
+    }
+    applyGraphicRegionPlacement(button, {
+        insetInlineStart: "0",
+        insetBlockStart: "0",
+    });
+}
+export function hotspotCenter(choice, width, height) {
+    const coords = hotspotCoords(choice);
+    const shape = choice.attributes.shape;
+    if ((shape === "circle" || shape === "ellipse") && coords.length >= 2) {
+        const [x, y] = coords;
+        return { x, y };
+    }
+    if (shape === "rect" && coords.length >= 4) {
+        const [left, top, right, bottom] = coords;
+        return { x: (left + right) / 2, y: (top + bottom) / 2 };
+    }
+    if (shape === "poly" && coords.length >= 6) {
+        const xs = coords.filter((_, index) => index % 2 === 0);
+        const ys = coords.filter((_, index) => index % 2 === 1);
+        return {
+            x: (Math.min(...xs) + Math.max(...xs)) / 2,
+            y: (Math.min(...ys) + Math.max(...ys)) / 2,
+        };
+    }
+    return { x: width / 2, y: height / 2 };
+}
+export function hotspotDisplayLabel(choice, choices) {
+    return choice.attributes["hotspot-label"] || `Region ${choices.indexOf(choice) + 1}`;
+}
+export function hotspotAccessibleLabel(choice, index) {
+    return (choice.attributes["aria-label"] || choice.attributes["hotspot-label"] || `Region ${index + 1}`);
+}
+//# sourceMappingURL=interaction-support.js.map

package/dist/interaction-support.js.map

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

package/dist/movement.d.ts

@@ -0,0 +1,3 @@
+export type MovementDirection = "up" | "down" | "left" | "right";
+export declare function movementButton(direction: MovementDirection, accessibleName: string, onClick: () => void): HTMLButtonElement;
+//# sourceMappingURL=movement.d.ts.map

package/dist/movement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"movement.d.ts","sourceRoot":"","sources":["../src/movement.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAajE,wBAAgB,cAAc,CAC5B,SAAS,EAAE,iBAAiB,EAC5B,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,MAAM,IAAI,GAClB,iBAAiB,CASnB"}

package/dist/movement.js

@@ -0,0 +1,21 @@
+import { inlineIcon } from "./icons.js";
+const movementIconPaths = {
+    up: ["M12 5l0 14", "M18 11l-6 -6", "M6 11l6 -6"],
+    down: ["M12 5l0 14", "M18 13l-6 6", "M6 13l6 6"],
+    left: ["M5 12l14 0", "M5 12l6 6", "M5 12l6 -6"],
+    right: ["M5 12l14 0", "M13 18l6 -6", "M13 6l6 6"],
+};
+function movementIcon(direction) {
+    return inlineIcon("qti3-movement-icon", movementIconPaths[direction]);
+}
+export function movementButton(direction, accessibleName, onClick) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "qti3-icon-button qti3-move-button";
+    button.dataset.moveDirection = direction;
+    button.setAttribute("aria-label", accessibleName);
+    button.append(movementIcon(direction));
+    button.addEventListener("click", onClick);
+    return button;
+}
+//# sourceMappingURL=movement.js.map

package/dist/movement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"movement.js","sourceRoot":"","sources":["../src/movement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC,MAAM,iBAAiB,GAAwC;IAC7D,EAAE,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,YAAY,CAAC;IAChD,IAAI,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC;IAChD,IAAI,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC;IAC/C,KAAK,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC;CAClD,CAAC;AAEF,SAAS,YAAY,CAAC,SAA4B;IAChD,OAAO,UAAU,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;AACxE,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,SAA4B,EAC5B,cAAsB,EACtB,OAAmB;IAEnB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,MAAM,CAAC,SAAS,GAAG,mCAAmC,CAAC;IACvD,MAAM,CAAC,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IACzC,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1C,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/player-element.d.ts

@@ -0,0 +1,60 @@
+import { type QtiAttemptStateV1, type QtiScoreResult, type QtiCatalogSupportResolution, type QtiCatalogSupportResolutionOptions, type QtiTextToSpeechTraversal } from "@longsightgroup/qti3-core";
+import type { QtiPlayerLoadOptions, QtiPlayerMessageOverrides, QtiScoreAttemptOptions } from "./player-types.js";
+declare const HTMLElementBase: typeof HTMLElement;
+export declare class QtiAssessmentItemPlayer extends HTMLElementBase {
+    static get observedAttributes(): string[];
+    private documentModel?;
+    private session?;
+    private resolveAsset;
+    private validationMessages;
+    private authoringDiagnostics;
+    private languageOfInterfaceOverride;
+    private messageOverrides;
+    private sessionControl;
+    get languageOfInterface(): string;
+    set languageOfInterface(value: string | undefined);
+    get locale(): string;
+    set locale(value: string | undefined);
+    get messages(): QtiPlayerMessageOverrides;
+    set messages(value: QtiPlayerMessageOverrides | undefined);
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    loadXml(xml: string, options?: QtiPlayerLoadOptions): Promise<void>;
+    loadUrl(url: string, options?: QtiPlayerLoadOptions): Promise<void>;
+    scoreAttempt(options?: QtiScoreAttemptOptions): QtiScoreResult | undefined;
+    reset(): void;
+    restore(state: QtiAttemptStateV1): void;
+    suspend(): void;
+    endAttempt(options?: QtiScoreAttemptOptions): void;
+    serialize(): QtiAttemptStateV1 | undefined;
+    getTextToSpeechTraversal(): QtiTextToSpeechTraversal | undefined;
+    getCatalogSupportResolution(options?: QtiCatalogSupportResolutionOptions): QtiCatalogSupportResolution | undefined;
+    private emitStateChange;
+    private dispatchPlayerEvent;
+    private playerMessages;
+    private rerenderIfLoaded;
+    private render;
+    private renderInteraction;
+    private bindResponseUpdate;
+    private contentContext;
+    private renderPortableCustomResponse;
+    private updateDynamicBodyState;
+    private updateAttemptAvailability;
+    private attemptIsCompleted;
+    private currentResponseValue;
+    private currentInteractionState;
+    private setPortableCustomValidity;
+    private applyDefaultStyles;
+    private validateResponses;
+    private visibleValidationMessages;
+    private renderValidationMessages;
+    private clearValidationMessage;
+    private renderFeedback;
+}
+export declare function defineQtiAssessmentItemPlayer(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        "qti-assessment-item-player": QtiAssessmentItemPlayer;
+    }
+}
+export {};
+//# sourceMappingURL=player-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-element.d.ts","sourceRoot":"","sources":["../src/player-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EAMtB,KAAK,cAAc,EACnB,KAAK,2BAA2B,EAChC,KAAK,kCAAkC,EACvC,KAAK,wBAAwB,EAE9B,MAAM,2BAA2B,CAAC;AA6BnC,OAAO,KAAK,EAGV,oBAAoB,EACpB,yBAAyB,EAGzB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAQ3B,QAAA,MAAM,eAAe,EAAE,OAAO,WAOO,CAAC;AAEtC,qBAAa,uBAAwB,SAAQ,eAAe;IAC1D,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,aAAa,CAAC,CAAc;IACpC,OAAO,CAAC,OAAO,CAAC,CAAiB;IACjC,OAAO,CAAC,YAAY,CAAoC;IACxD,OAAO,CAAC,kBAAkB,CAAuB;IACjD,OAAO,CAAC,oBAAoB,CAAuB;IACnD,OAAO,CAAC,2BAA2B,CAAqB;IACxD,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,cAAc,CAGpB;IAEF,IAAI,mBAAmB,IAAI,MAAM,CAOhC;IAED,IAAI,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGhD;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAEnC;IAED,IAAI,QAAQ,IAAI,yBAAyB,CAExC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,yBAAyB,GAAG,SAAS,EAGxD;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOxF,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;IAuCvE,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;IAK7E,YAAY,CAAC,OAAO,GAAE,sBAA2B,GAAG,cAAc,GAAG,SAAS;IA8B9E,KAAK,IAAI,IAAI;IAUb,OAAO,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAqBvC,OAAO,IAAI,IAAI;IASf,UAAU,CAAC,OAAO,GAAE,sBAA2B,GAAG,IAAI;IAgBtD,SAAS,IAAI,iBAAiB,GAAG,SAAS;IAU1C,wBAAwB,IAAI,wBAAwB,GAAG,SAAS;IAKhE,2BAA2B,CACzB,OAAO,GAAE,kCAAuC,GAC/C,2BAA2B,GAAG,SAAS;IAK1C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,MAAM;IAcd,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,4BAA4B;IAuBpC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,yBAAyB;IAiBjC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,yBAAyB;IAIjC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,cAAc;CASvB;AAED,wBAAgB,6BAA6B,IAAI,IAAI,CAIpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,uBAAuB,CAAC;KACvD;CACF"}