@qti-components/base 1.0.0

package/dist/abstract/interaction.d.ts

@@ -0,0 +1,87 @@
+import { LitElement } from 'lit';
+import type { ConfigContext } from '../context/config.context';
+import type { ResponseVariable } from '../lib/variables';
+import type { IInteraction } from '../lib/interaction.interface';
+export declare enum Correctness {
+    Correct = "correct",
+    PartiallyCorrect = "partially-correct",
+    Incorrect = "incorrect"
+}
+export declare abstract class Interaction extends LitElement implements IInteraction {
+    private _context;
+    protected configContext: ConfigContext;
+    static formAssociated: boolean;
+    protected _internals: ElementInternals;
+    get internals(): ElementInternals;
+    responseIdentifier: string;
+    disabled: boolean;
+    readonly: boolean;
+    name: any;
+    /**
+     * The correct response for this interaction. Can be set as a comma-separated
+     * string via attribute or as string/string[] via property.
+     *
+     * @example
+     * ```html
+     * <qti-choice-interaction correct-response="A,B">
+     * ```
+     */
+    set correctResponseAttr(val: string | null);
+    get correctResponseAttr(): string | null;
+    /**
+     * Shows which choices are correct with inline indicators.
+     * Adds `correct-response` / `incorrect-response` states to choices.
+     */
+    showCorrectResponse: boolean;
+    protected _handleShowCorrectResponseChange: (_: boolean, show: boolean) => void;
+    /**
+     * Shows a cloned interaction with the correct answers filled in.
+     * Creates a disabled copy positioned after this interaction.
+     */
+    showFullCorrectResponse: boolean;
+    protected _handleShowFullCorrectResponseChange: (_: boolean, show: boolean) => void;
+    /**
+     * Shows feedback on candidate's selections compared to correct response.
+     * Adds `candidate-correct` / `candidate-incorrect` states to choices.
+     */
+    showCandidateCorrection: boolean;
+    protected _handleShowCandidateCorrectionChange: (_: boolean, show: boolean) => void;
+    protected _isFullCorrectResponse: boolean;
+    get isFullCorrectResponse(): Readonly<boolean>;
+    set isFullCorrectResponse(val: Readonly<boolean>);
+    protected _correctResponse: string | string[] | null;
+    /**
+     * Get/set correct response programmatically.
+     * This property syncs with the `correct-response` attribute.
+     */
+    get correctResponse(): Readonly<string | string[] | null>;
+    set correctResponse(val: Readonly<string | string[] | null>);
+    /**
+     * Returns the correctness of the current response compared to correct response.
+     * Works in both standalone mode (using `correct-response` attribute) and
+     * item context mode (using responseVariable).
+     */
+    get correctness(): Readonly<Correctness | null>;
+    get isInline(): boolean;
+    get responseVariable(): ResponseVariable | undefined;
+    toggleCorrectResponse(show: boolean): void;
+    protected toggleFullCorrectResponse(show: boolean): Promise<void>;
+    protected toggleInternalCorrectResponse(show: boolean): void;
+    toggleCandidateCorrection(show: boolean): void;
+    constructor();
+    abstract validate(): boolean;
+    get value(): string | null;
+    set value(val: string | null);
+    abstract get response(): string | string[] | null;
+    abstract set response(val: string | string[] | null);
+    reportValidity(): boolean;
+    reset(): void;
+    /**
+     * Called by the browser when the associated form is reset.
+     * Part of the Form-Associated Custom Elements API.
+     */
+    formResetCallback(): void;
+    connectedCallback(): void;
+    protected firstUpdated(): void;
+    saveResponse(value: string | string[], state?: string | null): void;
+}

package/dist/abstract/interaction.js

@@ -0,0 +1,371 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { property, state } from 'lit/decorators.js';
+import { LitElement } from 'lit';
+import { consume } from '@lit/context';
+import { watch } from '@qti-components/utilities';
+import { configContext } from '../context/config.context';
+import { itemContext } from '../context/qti-assessment-item.context';
+export var Correctness;
+(function (Correctness) {
+    Correctness["Correct"] = "correct";
+    Correctness["PartiallyCorrect"] = "partially-correct";
+    Correctness["Incorrect"] = "incorrect";
+})(Correctness || (Correctness = {}));
+export class Interaction extends LitElement {
+    static { this.formAssociated = true; }
+    get internals() {
+        return this._internals;
+    }
+    // ═══════════════════════════════════════════════════════════════════════════════
+    // CORRECT RESPONSE - Standalone mode attributes
+    // ═══════════════════════════════════════════════════════════════════════════════
+    /**
+     * The correct response for this interaction. Can be set as a comma-separated
+     * string via attribute or as string/string[] via property.
+     *
+     * @example
+     * ```html
+     * <qti-choice-interaction correct-response="A,B">
+     * ```
+     */
+    set correctResponseAttr(val) {
+        if (val === null) {
+            this._correctResponse = null;
+        }
+        else if (val.includes(',')) {
+            this._correctResponse = val.split(',').map(v => v.trim());
+        }
+        else {
+            this._correctResponse = val;
+        }
+    }
+    get correctResponseAttr() {
+        if (this._correctResponse === null || this._correctResponse === undefined) {
+            return null;
+        }
+        return Array.isArray(this._correctResponse) ? this._correctResponse.join(',') : this._correctResponse;
+    }
+    get isFullCorrectResponse() {
+        return this._isFullCorrectResponse;
+    }
+    set isFullCorrectResponse(val) {
+        this._isFullCorrectResponse = val;
+        if (val) {
+            this.disabled = true;
+            this.setAttribute('inert', '');
+            this.setAttribute('response-identifier', this.responseIdentifier + '_cr');
+        }
+    }
+    /**
+     * Get/set correct response programmatically.
+     * This property syncs with the `correct-response` attribute.
+     */
+    get correctResponse() {
+        // In standalone mode, use the local _correctResponse
+        // In item context mode, prefer responseVariable.correctResponse
+        const responseVariable = this.responseVariable;
+        if (responseVariable?.correctResponse) {
+            return responseVariable.correctResponse;
+        }
+        return this._correctResponse;
+    }
+    set correctResponse(val) {
+        const oldVal = this._correctResponse;
+        this._correctResponse = val;
+        // Sync to attribute
+        if (val === null || val === undefined) {
+            this.removeAttribute('correct-response');
+        }
+        else {
+            this.setAttribute('correct-response', Array.isArray(val) ? val.join(',') : val);
+        }
+        this.requestUpdate('_correctResponse', oldVal);
+    }
+    /**
+     * Returns the correctness of the current response compared to correct response.
+     * Works in both standalone mode (using `correct-response` attribute) and
+     * item context mode (using responseVariable).
+     */
+    get correctness() {
+        const correctResponse = this.correctResponse;
+        if (!correctResponse)
+            return null;
+        const currentResponse = this.response;
+        // No response yet (null, undefined, empty string, or empty array)
+        if (currentResponse === null ||
+            currentResponse === undefined ||
+            currentResponse === '' ||
+            (Array.isArray(currentResponse) && currentResponse.length === 0)) {
+            return null;
+        }
+        // Normalize both to arrays for comparison
+        const correctArr = Array.isArray(correctResponse) ? correctResponse : [correctResponse];
+        const responseArr = Array.isArray(currentResponse) ? currentResponse : [currentResponse];
+        // Filter out empty strings
+        const filteredResponseArr = responseArr.filter(r => r !== '');
+        if (filteredResponseArr.length === 0)
+            return null;
+        // Check for partial correctness - some correct selections but not all, or extra incorrect selections
+        const correctCount = filteredResponseArr.filter(r => correctArr.includes(r)).length;
+        const incorrectCount = filteredResponseArr.filter(r => !correctArr.includes(r)).length;
+        // All responses are correct and we have all correct answers
+        if (correctCount === correctArr.length &&
+            incorrectCount === 0 &&
+            filteredResponseArr.length === correctArr.length) {
+            return Correctness.Correct;
+        }
+        // Some correct responses but not complete or has incorrect responses
+        if (correctCount > 0 && (correctCount < correctArr.length || incorrectCount > 0)) {
+            return Correctness.PartiallyCorrect;
+        }
+        return Correctness.Incorrect;
+    }
+    get isInline() {
+        return false;
+    }
+    get responseVariable() {
+        // In standalone mode (no item context), return undefined
+        if (!this._context?.variables) {
+            return undefined;
+        }
+        // Get all response variables
+        const responseVariables = this._context.variables.filter(v => v.type === 'response');
+        // Get the response identifier for this interaction
+        const responseIdentifier = this.getAttribute('response-identifier');
+        // Return the matching response variable for this interaction
+        return responseVariables.find(v => v.identifier === responseIdentifier);
+    }
+    toggleCorrectResponse(show) {
+        const correctResponseMode = this?.configContext?.correctResponseMode || 'internal';
+        if (correctResponseMode === 'full') {
+            this.toggleFullCorrectResponse(show);
+        }
+        else {
+            this.toggleInternalCorrectResponse(show);
+        }
+    }
+    async toggleFullCorrectResponse(show) {
+        const nextSibling = this.nextSibling;
+        const nextSiblingIsFullCorrectResponse = nextSibling instanceof HTMLDivElement && nextSibling?.classList.contains('full-correct-response');
+        // Get correct response from either responseVariable (item context) or local property (standalone)
+        const correctResponse = this.correctResponse;
+        if (!correctResponse) {
+            return;
+        }
+        const showFullCorrectResponse = show &&
+            (this?.configContext?.fullCorrectResponseOnlyWhenIncorrect === false || this.correctness !== Correctness.Correct);
+        if (!showFullCorrectResponse) {
+            if (!nextSiblingIsFullCorrectResponse) {
+                return;
+            }
+            // Remove cloned interaction
+            this.parentElement?.removeChild(nextSibling);
+            return;
+        }
+        if (nextSiblingIsFullCorrectResponse) {
+            return; // Already exists
+        }
+        // Add a clone of interaction with the correct response
+        const clone = this.cloneNode(true);
+        // Remove attributes that could cause issues on the clone
+        clone.removeAttribute('show-full-correct-response');
+        clone.removeAttribute('show-correct-response');
+        clone.removeAttribute('show-candidate-correction');
+        const containerDiv = document.createElement('div');
+        containerDiv.classList.add('full-correct-response');
+        if (this.isInline) {
+            containerDiv.classList.add('full-correct-response-inline');
+        }
+        else {
+            containerDiv.classList.add('full-correct-response-block');
+        }
+        containerDiv.role = 'full-correct-response';
+        containerDiv.appendChild(clone);
+        clone.isFullCorrectResponse = true;
+        this.parentElement?.insertBefore(containerDiv, this.nextSibling);
+        await clone.updateComplete;
+        clone.response = Array.isArray(correctResponse) ? [...correctResponse] : correctResponse;
+    }
+    toggleInternalCorrectResponse(show) {
+        // This method is meant to be overridden by mixins like ChoicesMixin
+        // In the base class, we just update internal state for CSS states
+        this._internals.states.delete('show-correct-response');
+        if (show && this.correctResponse) {
+            this._internals.states.add('show-correct-response');
+        }
+    }
+    toggleCandidateCorrection(show) {
+        this._internals.states.delete('candidate-correct');
+        this._internals.states.delete('candidate-partially-correct');
+        this._internals.states.delete('candidate-incorrect');
+        if (!show) {
+            return;
+        }
+        // correctness getter now works in both standalone and item context modes
+        if (this.correctness === Correctness.Correct) {
+            this._internals.states.add('candidate-correct');
+        }
+        if (this.correctness === Correctness.PartiallyCorrect) {
+            this._internals.states.add('candidate-partially-correct');
+        }
+        if (this.correctness === Correctness.Incorrect) {
+            this._internals.states.add('candidate-incorrect');
+        }
+    }
+    constructor() {
+        super();
+        this.disabled = false;
+        this.readonly = false;
+        /**
+         * Shows which choices are correct with inline indicators.
+         * Adds `correct-response` / `incorrect-response` states to choices.
+         */
+        this.showCorrectResponse = false;
+        this._handleShowCorrectResponseChange = (_, show) => {
+            this.toggleInternalCorrectResponse(show);
+        };
+        /**
+         * Shows a cloned interaction with the correct answers filled in.
+         * Creates a disabled copy positioned after this interaction.
+         */
+        this.showFullCorrectResponse = false;
+        this._handleShowFullCorrectResponseChange = (_, show) => {
+            this.toggleFullCorrectResponse(show);
+        };
+        /**
+         * Shows feedback on candidate's selections compared to correct response.
+         * Adds `candidate-correct` / `candidate-incorrect` states to choices.
+         */
+        this.showCandidateCorrection = false;
+        this._handleShowCandidateCorrectionChange = (_, show) => {
+            this.toggleCandidateCorrection(show);
+        };
+        /* PK: Correct response */
+        this._correctResponse = null;
+        this._internals = this.attachInternals();
+    }
+    get value() {
+        return JSON.stringify(this.response);
+    }
+    set value(val) {
+        this.response = val ? JSON.parse(val) : null;
+    }
+    reportValidity() {
+        return this._internals.reportValidity();
+    }
+    reset() {
+        this.response = null;
+    }
+    /**
+     * Called by the browser when the associated form is reset.
+     * Part of the Form-Associated Custom Elements API.
+     */
+    formResetCallback() {
+        this.reset();
+    }
+    // attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
+    //   super.attributeChangedCallback(name, _old, value);
+    //   // changing attributes in lit is not a thing, they are defined in the QTI XML and will never change
+    //   // except in storybook where we can change the value of the attribute
+    //   // this can make the internal state out of sync with the attribute
+    //   // so we reset the value to null to force the internal state to be reset
+    //   const attributeNamesToExclude = ['style', 'class'];
+    //   if (!attributeNamesToExclude.includes(name)) {
+    //     this.reset();
+    //   }
+    // }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.isFullCorrectResponse) {
+            return;
+        }
+        this.dispatchEvent(new CustomEvent('qti-register-interaction', {
+            bubbles: true,
+            composed: true,
+            cancelable: false,
+            detail: {
+                interactionElement: this,
+                responseIdentifier: this.responseIdentifier
+            }
+        }));
+    }
+    firstUpdated() {
+        // Skip for full correct response clones to avoid infinite loops
+        if (this.isFullCorrectResponse) {
+            return;
+        }
+        // Apply initial correct response display states after first render
+        if (this.showCorrectResponse) {
+            this.toggleInternalCorrectResponse(true);
+        }
+        if (this.showFullCorrectResponse) {
+            this.toggleFullCorrectResponse(true);
+        }
+        if (this.showCandidateCorrection) {
+            this.toggleCandidateCorrection(true);
+        }
+    }
+    saveResponse(value, state) {
+        this.dispatchEvent(new CustomEvent('qti-interaction-response', {
+            bubbles: true,
+            composed: true,
+            cancelable: false,
+            detail: {
+                responseIdentifier: this.responseIdentifier,
+                response: Array.isArray(value) ? [...value] : value,
+                ...(state !== undefined ? { state } : {})
+            }
+        }));
+    }
+}
+__decorate([
+    consume({ context: itemContext, subscribe: true })
+], Interaction.prototype, "_context", void 0);
+__decorate([
+    consume({ context: configContext, subscribe: true })
+], Interaction.prototype, "configContext", void 0);
+__decorate([
+    property({ type: String, attribute: 'response-identifier' })
+], Interaction.prototype, "responseIdentifier", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], Interaction.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], Interaction.prototype, "readonly", void 0);
+__decorate([
+    property({ type: String })
+], Interaction.prototype, "name", void 0);
+__decorate([
+    property({ type: String, attribute: 'correct-response', reflect: true })
+], Interaction.prototype, "correctResponseAttr", null);
+__decorate([
+    property({ type: Boolean, attribute: 'show-correct-response', reflect: true })
+], Interaction.prototype, "showCorrectResponse", void 0);
+__decorate([
+    watch('showCorrectResponse', { waitUntilFirstUpdate: true })
+], Interaction.prototype, "_handleShowCorrectResponseChange", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-full-correct-response', reflect: true })
+], Interaction.prototype, "showFullCorrectResponse", void 0);
+__decorate([
+    watch('showFullCorrectResponse', { waitUntilFirstUpdate: true })
+], Interaction.prototype, "_handleShowFullCorrectResponseChange", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-candidate-correction', reflect: true })
+], Interaction.prototype, "showCandidateCorrection", void 0);
+__decorate([
+    watch('showCandidateCorrection', { waitUntilFirstUpdate: true })
+], Interaction.prototype, "_handleShowCandidateCorrectionChange", void 0);
+__decorate([
+    state()
+], Interaction.prototype, "_isFullCorrectResponse", void 0);
+__decorate([
+    state()
+], Interaction.prototype, "_correctResponse", void 0);
+//# sourceMappingURL=interaction.js.map

package/dist/abstract/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../src/abstract/interaction.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { LitElement } from 'lit';\nimport { consume } from '@lit/context';\n\nimport { watch } from '@qti-components/utilities';\n\nimport { configContext } from '../context/config.context';\nimport { itemContext } from '../context/qti-assessment-item.context';\n\nimport type { ConfigContext } from '../context/config.context';\nimport type { ResponseVariable } from '../lib/variables';\nimport type { IInteraction } from '../lib/interaction.interface';\nimport type { ItemContext } from '../context/item.context';\n\nexport enum Correctness {\n  Correct = 'correct',\n  PartiallyCorrect = 'partially-correct',\n  Incorrect = 'incorrect'\n}\n\nexport abstract class Interaction extends LitElement implements IInteraction {\n  @consume({ context: itemContext, subscribe: true })\n  private _context: ItemContext;\n\n  @consume({ context: configContext, subscribe: true })\n  protected configContext: ConfigContext;\n\n  static formAssociated = true;\n  protected _internals: ElementInternals;\n\n  get internals(): ElementInternals {\n    return this._internals;\n  }\n\n  @property({ type: String, attribute: 'response-identifier' }) responseIdentifier: string;\n\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  @property({ reflect: true, type: Boolean }) readonly = false;\n\n  @property({ type: String }) name;\n\n  // ═══════════════════════════════════════════════════════════════════════════════\n  // CORRECT RESPONSE - Standalone mode attributes\n  // ═══════════════════════════════════════════════════════════════════════════════\n\n  /**\n   * The correct response for this interaction. Can be set as a comma-separated\n   * string via attribute or as string/string[] via property.\n   *\n   * @example\n   * ```html\n   * <qti-choice-interaction correct-response=\"A,B\">\n   * ```\n   */\n  @property({ type: String, attribute: 'correct-response', reflect: true })\n  set correctResponseAttr(val: string | null) {\n    if (val === null) {\n      this._correctResponse = null;\n    } else if (val.includes(',')) {\n      this._correctResponse = val.split(',').map(v => v.trim());\n    } else {\n      this._correctResponse = val;\n    }\n  }\n\n  get correctResponseAttr(): string | null {\n    if (this._correctResponse === null || this._correctResponse === undefined) {\n      return null;\n    }\n    return Array.isArray(this._correctResponse) ? this._correctResponse.join(',') : this._correctResponse;\n  }\n\n  /**\n   * Shows which choices are correct with inline indicators.\n   * Adds `correct-response` / `incorrect-response` states to choices.\n   */\n  @property({ type: Boolean, attribute: 'show-correct-response', reflect: true })\n  showCorrectResponse = false;\n\n  @watch('showCorrectResponse', { waitUntilFirstUpdate: true })\n  protected _handleShowCorrectResponseChange = (_: boolean, show: boolean) => {\n    this.toggleInternalCorrectResponse(show);\n  };\n\n  /**\n   * Shows a cloned interaction with the correct answers filled in.\n   * Creates a disabled copy positioned after this interaction.\n   */\n  @property({ type: Boolean, attribute: 'show-full-correct-response', reflect: true })\n  showFullCorrectResponse = false;\n\n  @watch('showFullCorrectResponse', { waitUntilFirstUpdate: true })\n  protected _handleShowFullCorrectResponseChange = (_: boolean, show: boolean) => {\n    this.toggleFullCorrectResponse(show);\n  };\n\n  /**\n   * Shows feedback on candidate's selections compared to correct response.\n   * Adds `candidate-correct` / `candidate-incorrect` states to choices.\n   */\n  @property({ type: Boolean, attribute: 'show-candidate-correction', reflect: true })\n  showCandidateCorrection = false;\n\n  @watch('showCandidateCorrection', { waitUntilFirstUpdate: true })\n  protected _handleShowCandidateCorrectionChange = (_: boolean, show: boolean) => {\n    this.toggleCandidateCorrection(show);\n  };\n\n  // ═══════════════════════════════════════════════════════════════════════════════\n\n  @state()\n  protected _isFullCorrectResponse: boolean;\n\n  get isFullCorrectResponse(): Readonly<boolean> {\n    return this._isFullCorrectResponse;\n  }\n\n  set isFullCorrectResponse(val: Readonly<boolean>) {\n    this._isFullCorrectResponse = val as boolean;\n    if (val) {\n      this.disabled = true;\n      this.setAttribute('inert', '');\n      this.setAttribute('response-identifier', this.responseIdentifier + '_cr');\n    }\n  }\n\n  /* PK: Correct response */\n  @state()\n  protected _correctResponse: string | string[] | null = null;\n\n  /**\n   * Get/set correct response programmatically.\n   * This property syncs with the `correct-response` attribute.\n   */\n  get correctResponse(): Readonly<string | string[] | null> {\n    // In standalone mode, use the local _correctResponse\n    // In item context mode, prefer responseVariable.correctResponse\n    const responseVariable = this.responseVariable;\n    if (responseVariable?.correctResponse) {\n      return responseVariable.correctResponse;\n    }\n    return this._correctResponse;\n  }\n\n  set correctResponse(val: Readonly<string | string[] | null>) {\n    const oldVal = this._correctResponse;\n    this._correctResponse = val as string | string[] | null;\n    // Sync to attribute\n    if (val === null || val === undefined) {\n      this.removeAttribute('correct-response');\n    } else {\n      this.setAttribute('correct-response', Array.isArray(val) ? val.join(',') : (val as string));\n    }\n    this.requestUpdate('_correctResponse', oldVal);\n  }\n\n  /**\n   * Returns the correctness of the current response compared to correct response.\n   * Works in both standalone mode (using `correct-response` attribute) and\n   * item context mode (using responseVariable).\n   */\n  get correctness(): Readonly<Correctness | null> {\n    const correctResponse = this.correctResponse;\n    if (!correctResponse) return null;\n\n    const currentResponse = this.response;\n    // No response yet (null, undefined, empty string, or empty array)\n    if (\n      currentResponse === null ||\n      currentResponse === undefined ||\n      currentResponse === '' ||\n      (Array.isArray(currentResponse) && currentResponse.length === 0)\n    ) {\n      return null;\n    }\n\n    // Normalize both to arrays for comparison\n    const correctArr = Array.isArray(correctResponse) ? correctResponse : [correctResponse];\n    const responseArr = Array.isArray(currentResponse) ? currentResponse : [currentResponse];\n\n    // Filter out empty strings\n    const filteredResponseArr = responseArr.filter(r => r !== '');\n    if (filteredResponseArr.length === 0) return null;\n\n    // Check for partial correctness - some correct selections but not all, or extra incorrect selections\n    const correctCount = filteredResponseArr.filter(r => correctArr.includes(r)).length;\n    const incorrectCount = filteredResponseArr.filter(r => !correctArr.includes(r)).length;\n\n    // All responses are correct and we have all correct answers\n    if (\n      correctCount === correctArr.length &&\n      incorrectCount === 0 &&\n      filteredResponseArr.length === correctArr.length\n    ) {\n      return Correctness.Correct;\n    }\n\n    // Some correct responses but not complete or has incorrect responses\n    if (correctCount > 0 && (correctCount < correctArr.length || incorrectCount > 0)) {\n      return Correctness.PartiallyCorrect;\n    }\n\n    return Correctness.Incorrect;\n  }\n\n  get isInline(): boolean {\n    return false;\n  }\n\n  get responseVariable(): ResponseVariable | undefined {\n    // In standalone mode (no item context), return undefined\n    if (!this._context?.variables) {\n      return undefined;\n    }\n\n    // Get all response variables\n    const responseVariables = this._context.variables.filter(v => v.type === 'response') as ResponseVariable[];\n\n    // Get the response identifier for this interaction\n    const responseIdentifier = this.getAttribute('response-identifier');\n\n    // Return the matching response variable for this interaction\n    return responseVariables.find(v => v.identifier === responseIdentifier);\n  }\n\n  public toggleCorrectResponse(show: boolean): void {\n    const correctResponseMode = this?.configContext?.correctResponseMode || 'internal';\n\n    if (correctResponseMode === 'full') {\n      this.toggleFullCorrectResponse(show);\n    } else {\n      this.toggleInternalCorrectResponse(show);\n    }\n  }\n\n  protected async toggleFullCorrectResponse(show: boolean): Promise<void> {\n    const nextSibling = this.nextSibling;\n    const nextSiblingIsFullCorrectResponse =\n      nextSibling instanceof HTMLDivElement && nextSibling?.classList.contains('full-correct-response');\n\n    // Get correct response from either responseVariable (item context) or local property (standalone)\n    const correctResponse = this.correctResponse;\n\n    if (!correctResponse) {\n      return;\n    }\n\n    const showFullCorrectResponse =\n      show &&\n      (this?.configContext?.fullCorrectResponseOnlyWhenIncorrect === false || this.correctness !== Correctness.Correct);\n\n    if (!showFullCorrectResponse) {\n      if (!nextSiblingIsFullCorrectResponse) {\n        return;\n      }\n      // Remove cloned interaction\n      this.parentElement?.removeChild(nextSibling);\n      return;\n    }\n\n    if (nextSiblingIsFullCorrectResponse) {\n      return; // Already exists\n    }\n\n    // Add a clone of interaction with the correct response\n    const clone = this.cloneNode(true) as Interaction;\n\n    // Remove attributes that could cause issues on the clone\n    clone.removeAttribute('show-full-correct-response');\n    clone.removeAttribute('show-correct-response');\n    clone.removeAttribute('show-candidate-correction');\n\n    const containerDiv = document.createElement('div');\n    containerDiv.classList.add('full-correct-response');\n    if (this.isInline) {\n      containerDiv.classList.add('full-correct-response-inline');\n    } else {\n      containerDiv.classList.add('full-correct-response-block');\n    }\n    containerDiv.role = 'full-correct-response';\n    containerDiv.appendChild(clone);\n\n    clone.isFullCorrectResponse = true;\n\n    this.parentElement?.insertBefore(containerDiv, this.nextSibling);\n    await clone.updateComplete;\n\n    clone.response = Array.isArray(correctResponse) ? ([...correctResponse] as string[]) : (correctResponse as string);\n  }\n\n  protected toggleInternalCorrectResponse(show: boolean): void {\n    // This method is meant to be overridden by mixins like ChoicesMixin\n    // In the base class, we just update internal state for CSS states\n    this._internals.states.delete('show-correct-response');\n    if (show && this.correctResponse) {\n      this._internals.states.add('show-correct-response');\n    }\n  }\n\n  public toggleCandidateCorrection(show: boolean): void {\n    this._internals.states.delete('candidate-correct');\n    this._internals.states.delete('candidate-partially-correct');\n    this._internals.states.delete('candidate-incorrect');\n\n    if (!show) {\n      return;\n    }\n\n    // correctness getter now works in both standalone and item context modes\n    if (this.correctness === Correctness.Correct) {\n      this._internals.states.add('candidate-correct');\n    }\n    if (this.correctness === Correctness.PartiallyCorrect) {\n      this._internals.states.add('candidate-partially-correct');\n    }\n    if (this.correctness === Correctness.Incorrect) {\n      this._internals.states.add('candidate-incorrect');\n    }\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  abstract validate(): boolean;\n\n  get value(): string | null {\n    return JSON.stringify(this.response);\n  }\n\n  set value(val: string | null) {\n    this.response = val ? JSON.parse(val) : null;\n  }\n\n  abstract get response(): string | string[] | null;\n  abstract set response(val: string | string[] | null);\n\n  public reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  public reset(): void {\n    this.response = null;\n  }\n\n  /**\n   * Called by the browser when the associated form is reset.\n   * Part of the Form-Associated Custom Elements API.\n   */\n  public formResetCallback(): void {\n    this.reset();\n  }\n\n  // attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n  //   super.attributeChangedCallback(name, _old, value);\n  //   // changing attributes in lit is not a thing, they are defined in the QTI XML and will never change\n  //   // except in storybook where we can change the value of the attribute\n  //   // this can make the internal state out of sync with the attribute\n  //   // so we reset the value to null to force the internal state to be reset\n  //   const attributeNamesToExclude = ['style', 'class'];\n  //   if (!attributeNamesToExclude.includes(name)) {\n  //     this.reset();\n  //   }\n  // }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.isFullCorrectResponse) {\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('qti-register-interaction', {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          interactionElement: this,\n          responseIdentifier: this.responseIdentifier\n        }\n      })\n    );\n  }\n\n  protected override firstUpdated(): void {\n    // Skip for full correct response clones to avoid infinite loops\n    if (this.isFullCorrectResponse) {\n      return;\n    }\n\n    // Apply initial correct response display states after first render\n    if (this.showCorrectResponse) {\n      this.toggleInternalCorrectResponse(true);\n    }\n    if (this.showFullCorrectResponse) {\n      this.toggleFullCorrectResponse(true);\n    }\n    if (this.showCandidateCorrection) {\n      this.toggleCandidateCorrection(true);\n    }\n  }\n\n  public saveResponse(value: string | string[], state?: string | null): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-interaction-response', {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          responseIdentifier: this.responseIdentifier,\n          response: Array.isArray(value) ? [...value] : value,\n          ...(state !== undefined ? { state } : {})\n        }\n      })\n    );\n  }\n}\n"]}

package/dist/abstract/qti-condition-expression.d.ts

@@ -0,0 +1,5 @@
+import { QtiExpression } from './qti-expression';
+export declare abstract class QtiConditionExpression extends QtiExpression<boolean> {
+    calculate(): Readonly<boolean>;
+    getResult(): Readonly<boolean>;
+}

package/dist/abstract/qti-condition-expression.js

@@ -0,0 +1,11 @@
+import { QtiExpression } from './qti-expression';
+export class QtiConditionExpression extends QtiExpression {
+    calculate() {
+        this.result = this.getResult();
+        return this.result;
+    }
+    getResult() {
+        throw new Error('Not implemented');
+    }
+}
+//# sourceMappingURL=qti-condition-expression.js.map

package/dist/abstract/qti-condition-expression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-condition-expression.js","sourceRoot":"","sources":["../../src/abstract/qti-condition-expression.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,OAAgB,sBAAuB,SAAQ,aAAsB;IACzD,SAAS;QACvB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAEe,SAAS;QACvB,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACrC,CAAC;CACF","sourcesContent":["import { QtiExpression } from './qti-expression';\n\nexport abstract class QtiConditionExpression extends QtiExpression<boolean> {\n  public override calculate(): Readonly<boolean> {\n    this.result = this.getResult();\n    return this.result;\n  }\n\n  public override getResult(): Readonly<boolean> {\n    throw new Error('Not implemented');\n  }\n}\n"]}

package/dist/abstract/qti-expression.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import type { QtiContext, QtiContextType } from '../context/qti.context';
+import type { ResponseVariable, VariableDeclaration } from '../lib/variables';
+import type { ItemContext } from '../context/item.context';
+export interface QtiExpressionBase<T> {
+    calculate(): Readonly<T>;
+}
+export declare abstract class QtiExpression<T> extends LitElement implements QtiExpressionBase<T> {
+    protected result: any;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    calculate(): Readonly<T>;
+    protected getResult(): Readonly<T>;
+    protected context?: ItemContext;
+    protected qtiContext?: QtiContext;
+    getVariables: () => (ResponseVariable | VariableDeclaration<QtiContextType>)[];
+}