@qti-components/base 2.0.1 → 2.2.0

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

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 import type { ItemContext } from '../context/types/item.types';
 import type { QtiContext, QtiContextType } from '../context/qti.context';
 import type { ResponseVariable, VariableDeclaration } from '../lib/variables';
+import type { TestContext } from '../context/test.context';
 export interface QtiExpressionBase<T> {
     calculate(): Readonly<T>;
 }
@@ -13,5 +14,15 @@ export declare abstract class QtiExpression<T> extends LitElement implements Qti
     protected getResult(): Readonly<T>;
     protected context?: ItemContext;
     protected qtiContext?: QtiContext;
+    protected _testContext?: TestContext;
+    /**
+     * Resolve a declared variable from the closest available scope: item-level
+     * first, then the test-level outcome variables. So an expression used in an
+     * assessmentTest's outcome processing can reference a test-level outcome
+     * (e.g. a total set earlier in the same run) — which the QTI variable
+     * expression is specified to do. Returns null when unresolved rather than
+     * throwing, so callers degrade gracefully.
+     */
+    protected resolveVariable(identifier: string): VariableDeclaration<string | string[] | null> | null;
     getVariables: () => (ResponseVariable | VariableDeclaration<QtiContextType>)[];
 }

package/dist/abstract/qti-expression.js

@@ -9,6 +9,7 @@ import { css, html, LitElement } from 'lit';
 import { state } from 'lit/decorators.js';
 import { itemContext } from '../context/item.context';
 import { qtiContext } from '../context/qti.context';
+import { testContext } from '../context/test.context';
 export class QtiExpression extends LitElement {
     constructor() {
         super(...arguments);
@@ -48,8 +49,7 @@ export class QtiExpression extends LitElement {
                             type: 'context'
                         };
                     }
-                    const variable = this.context.variables.find(v => v.identifier === identifier) || null;
-                    return variable;
+                    return this.resolveVariable(identifier);
                 }
                 case 'qti-multiple': {
                     const multiple = e;
@@ -156,6 +156,19 @@ export class QtiExpression extends LitElement {
     getResult() {
         throw new Error('Not implemented');
     }
+    /**
+     * Resolve a declared variable from the closest available scope: item-level
+     * first, then the test-level outcome variables. So an expression used in an
+     * assessmentTest's outcome processing can reference a test-level outcome
+     * (e.g. a total set earlier in the same run) — which the QTI variable
+     * expression is specified to do. Returns null when unresolved rather than
+     * throwing, so callers degrade gracefully.
+     */
+    resolveVariable(identifier) {
+        return (this.context?.variables.find(v => v.identifier === identifier) ??
+            this._testContext?.testOutcomeVariables?.find(v => v.identifier === identifier) ??
+            null);
+    }
 }
 __decorate([
     state()
@@ -168,4 +181,8 @@ __decorate([
     consume({ context: qtiContext, subscribe: true }),
     state()
 ], QtiExpression.prototype, "qtiContext", void 0);
+__decorate([
+    consume({ context: testContext, subscribe: true }),
+    state()
+], QtiExpression.prototype, "_testContext", void 0);
 //# sourceMappingURL=qti-expression.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"qti-expression.js","sourceRoot":"","sources":["../../src/abstract/qti-expression.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\n\nimport { itemContext } from '../context/item.context';\nimport { qtiContext } from '../context/qti.context';\n\nimport type { ItemContext } from '../context/types/item.types';\nimport type { QtiContext, QtiContextType } from '../context/qti.context';\nimport type { ResponseVariable, VariableDeclaration } from '../lib/variables';\n\nexport interface QtiExpressionBase<T> {\n  // get assessmentItem(): QtiAssessmentItem;\n\n  // getVariables(): VariableDeclaration<number | string | (number | string)[] | null>[];\n  calculate(): Readonly<T>;\n}\n\nexport abstract class QtiExpression<T> extends LitElement implements QtiExpressionBase<T> {\n  @state()\n  protected result: any;\n\n  /*\n   * Written here rather than imported from a .css file, and that is a packaging constraint rather\n   * than a style preference.\n   *\n   * The rule used to live in qti-expression.css, imported with Vite's inline-stylesheet query so\n   * DevTools could show source-file provenance. That query is a VITE specifier, and tsc copies it\n   * verbatim into dist — so the published package shipped an import only a Vite-based consumer\n   * could resolve. Every other consumer broke on it: plain Node, tsx, any non-Vite bundler. It was\n   * the single such specifier reachable from this package, and it took down QTI-Editor's schema\n   * check, which loads the components under tsx to build the real ProseMirror schema\n   * (ERR_UNKNOWN_FILE_EXTENSION on a file that has nothing to do with schemas).\n   *\n   * A `build:assets` step used to copy the .css into dist beside it. That went too — it existed\n   * only to give the unresolvable import something to point at.\n   *\n   * Two lines of CSS are not worth a dist that only one bundler can consume. If this ever grows\n   * into a real stylesheet, give it a `.styles.ts` exporting a `css` template — the house pattern\n   * everywhere else in this repo — rather than reintroducing a bundler-specific import.\n   *\n   * The element renders a debug <pre> of its computed result plus a <slot>; hiding the slot is all\n   * the styling it has ever had.\n   */\n  static override styles = css`\n    slot {\n      display: none;\n    }\n  `;\n\n  override render() {\n    return html`<pre>${JSON.stringify(this.result, null, 2)}</pre>\n      <slot></slot>`;\n  }\n\n  public calculate(): Readonly<T> {\n    this.result = this.getResult();\n    return this.result;\n  }\n\n  protected getResult(): Readonly<T> {\n    throw new Error('Not implemented');\n  }\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  protected context?: ItemContext;\n\n  @consume({ context: qtiContext, subscribe: true })\n  @state()\n  protected qtiContext?: QtiContext;\n\n  getVariables = (): (ResponseVariable | VariableDeclaration<QtiContextType>)[] =>\n    // FIXME: if this itself is multiple, this will never enter the qti-multiple switch\n    // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml\n\n    Array.from(this.children)\n      .map((e: Element) => {\n        console.debug('getVariables', e.tagName.toLowerCase());\n        switch (e.tagName.toLowerCase()) {\n          case 'qti-base-value': {\n            return {\n              baseType: e.getAttribute('base-type'),\n              value: e.textContent.trim(),\n              cardinality: 'single'\n            } as ResponseVariable;\n          }\n          case 'qti-variable': {\n            const identifier = e.getAttribute('identifier') || '';\n\n            // Special handling for QTI_CONTEXT\n            if (identifier === 'QTI_CONTEXT') {\n              if (!this.qtiContext?.QTI_CONTEXT) {\n                console.warn('QTI_CONTEXT not available');\n                return {\n                  identifier: 'QTI_CONTEXT',\n                  baseType: 'record',\n                  value: this.qtiContext.QTI_CONTEXT,\n                  cardinality: 'record',\n                  type: 'context'\n                } as VariableDeclaration<QtiContextType>;\n              }\n              return {\n                identifier: 'QTI_CONTEXT',\n                baseType: 'record',\n                value: this.qtiContext.QTI_CONTEXT,\n                cardinality: 'record',\n                type: 'context'\n              } as VariableDeclaration<QtiContextType>;\n            }\n\n            const variable = this.context.variables.find(v => v.identifier === identifier) || null;\n            return variable;\n          }\n          case 'qti-multiple': {\n            const multiple = e as QtiExpression<ResponseVariable[]>;\n\n            const values = multiple.getResult();\n            console.debug('values', values);\n            if (values?.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'multiple',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-ordered': {\n            const multiple = e as QtiExpression<ResponseVariable[]>;\n            const values = multiple.getResult();\n            if (values?.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'ordered',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-repeat': {\n            const repeat = e as QtiExpression<ResponseVariable[]>;\n            const values = repeat.getResult();\n            if (values?.length > 0) {\n              return values;\n            }\n            return null;\n          }\n          case 'qti-correct': {\n            const identifier = e.getAttribute('identifier') || '';\n            const responseVariable: ResponseVariable =\n              this.context?.variables?.find(v => v.identifier === identifier) || null;\n            return {\n              baseType: responseVariable.baseType,\n              value: responseVariable.correctResponse,\n              cardinality: responseVariable.cardinality\n            } as ResponseVariable;\n          }\n          default: {\n            // added for use of qti-equal-rounded\n            try {\n              const expression = e as QtiExpression<number>;\n              const value = expression.getResult();\n              return {\n                baseType: 'integer',\n                value: value?.toString() || null,\n                cardinality: 'single'\n              } as ResponseVariable;\n            } catch (error) {\n              console.warn('default not sufficient');\n            }\n            return null;\n          }\n        }\n      })\n      .flatMap(v => (Array.isArray(v) ? v : [v]))\n      .filter(v => v !== null);\n}\n"]}
+{"version":3,"file":"qti-expression.js","sourceRoot":"","sources":["../../src/abstract/qti-expression.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\n\nimport { itemContext } from '../context/item.context';\nimport { qtiContext } from '../context/qti.context';\nimport { testContext } from '../context/test.context';\n\nimport type { ItemContext } from '../context/types/item.types';\nimport type { QtiContext, QtiContextType } from '../context/qti.context';\nimport type { ResponseVariable, VariableDeclaration } from '../lib/variables';\nimport type { TestContext } from '../context/test.context';\n\nexport interface QtiExpressionBase<T> {\n  // get assessmentItem(): QtiAssessmentItem;\n\n  // getVariables(): VariableDeclaration<number | string | (number | string)[] | null>[];\n  calculate(): Readonly<T>;\n}\n\nexport abstract class QtiExpression<T> extends LitElement implements QtiExpressionBase<T> {\n  @state()\n  protected result: any;\n\n  /*\n   * Written here rather than imported from a .css file, and that is a packaging constraint rather\n   * than a style preference.\n   *\n   * The rule used to live in qti-expression.css, imported with Vite's inline-stylesheet query so\n   * DevTools could show source-file provenance. That query is a VITE specifier, and tsc copies it\n   * verbatim into dist — so the published package shipped an import only a Vite-based consumer\n   * could resolve. Every other consumer broke on it: plain Node, tsx, any non-Vite bundler. It was\n   * the single such specifier reachable from this package, and it took down QTI-Editor's schema\n   * check, which loads the components under tsx to build the real ProseMirror schema\n   * (ERR_UNKNOWN_FILE_EXTENSION on a file that has nothing to do with schemas).\n   *\n   * A `build:assets` step used to copy the .css into dist beside it. That went too — it existed\n   * only to give the unresolvable import something to point at.\n   *\n   * Two lines of CSS are not worth a dist that only one bundler can consume. If this ever grows\n   * into a real stylesheet, give it a `.styles.ts` exporting a `css` template — the house pattern\n   * everywhere else in this repo — rather than reintroducing a bundler-specific import.\n   *\n   * The element renders a debug <pre> of its computed result plus a <slot>; hiding the slot is all\n   * the styling it has ever had.\n   */\n  static override styles = css`\n    slot {\n      display: none;\n    }\n  `;\n\n  override render() {\n    return html`<pre>${JSON.stringify(this.result, null, 2)}</pre>\n      <slot></slot>`;\n  }\n\n  public calculate(): Readonly<T> {\n    this.result = this.getResult();\n    return this.result;\n  }\n\n  protected getResult(): Readonly<T> {\n    throw new Error('Not implemented');\n  }\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  protected context?: ItemContext;\n\n  @consume({ context: qtiContext, subscribe: true })\n  @state()\n  protected qtiContext?: QtiContext;\n\n  @consume({ context: testContext, subscribe: true })\n  @state()\n  protected _testContext?: TestContext;\n\n  /**\n   * Resolve a declared variable from the closest available scope: item-level\n   * first, then the test-level outcome variables. So an expression used in an\n   * assessmentTest's outcome processing can reference a test-level outcome\n   * (e.g. a total set earlier in the same run) — which the QTI variable\n   * expression is specified to do. Returns null when unresolved rather than\n   * throwing, so callers degrade gracefully.\n   */\n  protected resolveVariable(identifier: string): VariableDeclaration<string | string[] | null> | null {\n    return (\n      this.context?.variables.find(v => v.identifier === identifier) ??\n      this._testContext?.testOutcomeVariables?.find(v => v.identifier === identifier) ??\n      null\n    );\n  }\n\n  getVariables = (): (ResponseVariable | VariableDeclaration<QtiContextType>)[] =>\n    // FIXME: if this itself is multiple, this will never enter the qti-multiple switch\n    // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml\n\n    Array.from(this.children)\n      .map((e: Element) => {\n        console.debug('getVariables', e.tagName.toLowerCase());\n        switch (e.tagName.toLowerCase()) {\n          case 'qti-base-value': {\n            return {\n              baseType: e.getAttribute('base-type'),\n              value: e.textContent.trim(),\n              cardinality: 'single'\n            } as ResponseVariable;\n          }\n          case 'qti-variable': {\n            const identifier = e.getAttribute('identifier') || '';\n\n            // Special handling for QTI_CONTEXT\n            if (identifier === 'QTI_CONTEXT') {\n              if (!this.qtiContext?.QTI_CONTEXT) {\n                console.warn('QTI_CONTEXT not available');\n                return {\n                  identifier: 'QTI_CONTEXT',\n                  baseType: 'record',\n                  value: this.qtiContext.QTI_CONTEXT,\n                  cardinality: 'record',\n                  type: 'context'\n                } as VariableDeclaration<QtiContextType>;\n              }\n              return {\n                identifier: 'QTI_CONTEXT',\n                baseType: 'record',\n                value: this.qtiContext.QTI_CONTEXT,\n                cardinality: 'record',\n                type: 'context'\n              } as VariableDeclaration<QtiContextType>;\n            }\n\n            return this.resolveVariable(identifier);\n          }\n          case 'qti-multiple': {\n            const multiple = e as QtiExpression<ResponseVariable[]>;\n\n            const values = multiple.getResult();\n            console.debug('values', values);\n            if (values?.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'multiple',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-ordered': {\n            const multiple = e as QtiExpression<ResponseVariable[]>;\n            const values = multiple.getResult();\n            if (values?.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'ordered',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-repeat': {\n            const repeat = e as QtiExpression<ResponseVariable[]>;\n            const values = repeat.getResult();\n            if (values?.length > 0) {\n              return values;\n            }\n            return null;\n          }\n          case 'qti-correct': {\n            const identifier = e.getAttribute('identifier') || '';\n            const responseVariable: ResponseVariable =\n              this.context?.variables?.find(v => v.identifier === identifier) || null;\n            return {\n              baseType: responseVariable.baseType,\n              value: responseVariable.correctResponse,\n              cardinality: responseVariable.cardinality\n            } as ResponseVariable;\n          }\n          default: {\n            // added for use of qti-equal-rounded\n            try {\n              const expression = e as QtiExpression<number>;\n              const value = expression.getResult();\n              return {\n                baseType: 'integer',\n                value: value?.toString() || null,\n                cardinality: 'single'\n              } as ResponseVariable;\n            } catch (error) {\n              console.warn('default not sufficient');\n            }\n            return null;\n          }\n        }\n      })\n      .flatMap(v => (Array.isArray(v) ? v : [v]))\n      .filter(v => v !== null);\n}\n"]}

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

@@ -6,6 +6,7 @@ export declare abstract class QtiFeedback extends LitElement {
     protected identifier: string;
     showStatus: string;
     private _context?;
+    private _computedContext?;
     connectedCallback(): void;
     checkShowFeedback(outcomeIdentifier: string): void;
 }

package/dist/abstract/qti-feedback.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { consume } from '@lit/context';
 import { LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { computedContext } from '../context/computed.context';
 import { itemContext } from '../context/item.context';
 import { IsNullOrUndefined } from '../utils/utils';
 export class QtiFeedback extends LitElement {
@@ -40,8 +41,47 @@ export class QtiFeedback extends LitElement {
         this.#showFeedback(isFound);
     }
     #showFeedback(value) {
+        if (!this.#sessionControlAllowsFeedback()) {
+            this.showStatus = 'off';
+            return;
+        }
         this.showStatus = (value && this.showHide === 'show') || (!value && this.showHide === 'hide') ? 'on' : 'off';
     }
+    /**
+     * The QTI `show-feedback` constraint governs exactly one state: after the end of
+     * the last attempt. Up to that point the spec requires any applicable feedback to
+     * be shown — "a value of max-attempts greater than 1, by definition, indicates
+     * that any applicable feedback must be shown" — and only "once the maximum number
+     * of allowed attempts have been used (or for adaptive items, completionStatus has
+     * been set to completed)" does `show-feedback` decide.
+     *
+     * This only ever forces feedback off, so `show-feedback` being true settles it:
+     * there is no state in which the constraint hides feedback. It defaults to
+     * false, and an absent value suppresses once the attempts are gone.
+     *
+     * That leaves one question — is the item out of attempts? — and the two item
+     * kinds answer it from different variables, so each reads only its own.
+     */
+    #sessionControlAllowsFeedback() {
+        if (!this._computedContext)
+            return true;
+        const activeItem = this._computedContext.testParts
+            ?.find(tp => tp.active)
+            ?.sections.flatMap(s => s.items)
+            .find(i => i.active);
+        if (!activeItem || activeItem.showFeedback)
+            return true;
+        // Adaptive items ignore max-attempts: "the number of attempts is limited by
+        // the value of the completionStatus built-in outcome variable".
+        if (activeItem.adaptive)
+            return activeItem.completionStatus !== 'completed';
+        // `max-attempts="0"` is "no limit", so the last attempt never arrives.
+        const maxAttempts = activeItem.maxAttempts ?? 1;
+        if (maxAttempts <= 0)
+            return true;
+        const numAttempts = Number(this._context?.variables?.find(v => v.identifier === 'numAttempts')?.value) || 0;
+        return numAttempts < maxAttempts;
+    }
 }
 __decorate([
     property({ type: String, attribute: 'show-hide' })
@@ -59,4 +99,8 @@ __decorate([
     consume({ context: itemContext, subscribe: true }),
     state()
 ], QtiFeedback.prototype, "_context", void 0);
+__decorate([
+    consume({ context: computedContext, subscribe: true }),
+    state()
+], QtiFeedback.prototype, "_computedContext", void 0);
 //# sourceMappingURL=qti-feedback.js.map

package/dist/abstract/qti-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"qti-feedback.js","sourceRoot":"","sources":["../../src/abstract/qti-feedback.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAInD,MAAM,OAAgB,WAAY,SAAQ,UAAU;IAApD;;QAEY,aAAQ,GAAoB,MAAM,CAAC;IA8C/C,CAAC;IA/BiB,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAc,uBAAuB,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI;SACb,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,iBAAiB,CAAC,iBAAyB;QAChD,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,iBAAiB,CAAC,IAAI,IAAI,CAAC;QACtG,IAAI,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7E,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YACzC,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5D,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC;oBAClC,CAAC,iBAAiB,CAAC,eAAe,EAAE,KAAK,CAAC;oBAC1C,IAAI,CAAC,UAAU,KAAK,eAAe,CAAC,KAAK,CAAC;oBAC5C,KAAK,CAAC;QACV,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,aAAa,CAAC,KAAc;QAC1B,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC/G,CAAC;CACF;AA9CW;IADT,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CACN;AAGtC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;sDAC3B;AAGvB;IADT,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACE;AAGtB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CACnB;AAIlB;IAFP,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAClD,KAAK,EAAE;6CACuB","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { itemContext } from '../context/item.context';\nimport { IsNullOrUndefined } from '../utils/utils';\n\nimport type { ItemContext } from '../context/types/item.types';\n\nexport abstract class QtiFeedback extends LitElement {\n  @property({ type: String, attribute: 'show-hide' })\n  protected showHide: 'show' | 'hide' = 'show';\n\n  @property({ type: String, attribute: 'outcome-identifier' })\n  public outcomeIdentifier: string;\n\n  @property({ type: String })\n  protected identifier: string;\n\n  @property({ type: String, attribute: false })\n  public showStatus: string;\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  private _context?: ItemContext;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.dispatchEvent(\n      new CustomEvent<QtiFeedback>('qti-register-feedback', {\n        bubbles: true,\n        composed: true,\n        detail: this\n      })\n    );\n  }\n\n  public checkShowFeedback(outcomeIdentifier: string) {\n    const outcomeVariable = this._context.variables.find(v => v.identifier === outcomeIdentifier) || null;\n    if (this.outcomeIdentifier !== outcomeIdentifier || !outcomeVariable) return;\n    let isFound = false;\n    if (Array.isArray(outcomeVariable.value)) {\n      isFound = outcomeVariable.value.includes(this.identifier);\n    } else {\n      isFound =\n        (!IsNullOrUndefined(this.identifier) &&\n          !IsNullOrUndefined(outcomeVariable?.value) &&\n          this.identifier === outcomeVariable.value) ||\n        false;\n    }\n\n    this.#showFeedback(isFound);\n  }\n\n  #showFeedback(value: boolean) {\n    this.showStatus = (value && this.showHide === 'show') || (!value && this.showHide === 'hide') ? 'on' : 'off';\n  }\n}\n"]}
+{"version":3,"file":"qti-feedback.js","sourceRoot":"","sources":["../../src/abstract/qti-feedback.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { computedContext } from '../context/computed.context';\nimport { itemContext } from '../context/item.context';\nimport { IsNullOrUndefined } from '../utils/utils';\n\nimport type { ComputedContext } from '../context/types/computed.types';\nimport type { ItemContext } from '../context/types/item.types';\n\nexport abstract class QtiFeedback extends LitElement {\n  @property({ type: String, attribute: 'show-hide' })\n  protected showHide: 'show' | 'hide' = 'show';\n\n  @property({ type: String, attribute: 'outcome-identifier' })\n  public outcomeIdentifier: string;\n\n  @property({ type: String })\n  protected identifier: string;\n\n  @property({ type: String, attribute: false })\n  public showStatus: string;\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  private _context?: ItemContext;\n\n  @consume({ context: computedContext, subscribe: true })\n  @state()\n  private _computedContext?: ComputedContext;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.dispatchEvent(\n      new CustomEvent<QtiFeedback>('qti-register-feedback', {\n        bubbles: true,\n        composed: true,\n        detail: this\n      })\n    );\n  }\n\n  public checkShowFeedback(outcomeIdentifier: string) {\n    const outcomeVariable = this._context.variables.find(v => v.identifier === outcomeIdentifier) || null;\n    if (this.outcomeIdentifier !== outcomeIdentifier || !outcomeVariable) return;\n    let isFound = false;\n    if (Array.isArray(outcomeVariable.value)) {\n      isFound = outcomeVariable.value.includes(this.identifier);\n    } else {\n      isFound =\n        (!IsNullOrUndefined(this.identifier) &&\n          !IsNullOrUndefined(outcomeVariable?.value) &&\n          this.identifier === outcomeVariable.value) ||\n        false;\n    }\n\n    this.#showFeedback(isFound);\n  }\n\n  #showFeedback(value: boolean) {\n    if (!this.#sessionControlAllowsFeedback()) {\n      this.showStatus = 'off';\n      return;\n    }\n    this.showStatus = (value && this.showHide === 'show') || (!value && this.showHide === 'hide') ? 'on' : 'off';\n  }\n\n  /**\n   * The QTI `show-feedback` constraint governs exactly one state: after the end of\n   * the last attempt. Up to that point the spec requires any applicable feedback to\n   * be shown — \"a value of max-attempts greater than 1, by definition, indicates\n   * that any applicable feedback must be shown\" — and only \"once the maximum number\n   * of allowed attempts have been used (or for adaptive items, completionStatus has\n   * been set to completed)\" does `show-feedback` decide.\n   *\n   * This only ever forces feedback off, so `show-feedback` being true settles it:\n   * there is no state in which the constraint hides feedback. It defaults to\n   * false, and an absent value suppresses once the attempts are gone.\n   *\n   * That leaves one question — is the item out of attempts? — and the two item\n   * kinds answer it from different variables, so each reads only its own.\n   */\n  #sessionControlAllowsFeedback(): boolean {\n    if (!this._computedContext) return true;\n    const activeItem = this._computedContext.testParts\n      ?.find(tp => tp.active)\n      ?.sections.flatMap(s => s.items)\n      .find(i => i.active);\n    if (!activeItem || activeItem.showFeedback) return true;\n\n    // Adaptive items ignore max-attempts: \"the number of attempts is limited by\n    // the value of the completionStatus built-in outcome variable\".\n    if (activeItem.adaptive) return activeItem.completionStatus !== 'completed';\n\n    // `max-attempts=\"0\"` is \"no limit\", so the last attempt never arrives.\n    const maxAttempts = activeItem.maxAttempts ?? 1;\n    if (maxAttempts <= 0) return true;\n\n    const numAttempts = Number(this._context?.variables?.find(v => v.identifier === 'numAttempts')?.value) || 0;\n    return numAttempts < maxAttempts;\n  }\n}\n"]}

package/dist/context/types/computed.types.d.ts

@@ -5,6 +5,16 @@ export type ComputedItem = ComputedItemContext & {
     type?: 'info' | 'regular';
     index?: number;
     active?: boolean;
+    allowSkipping?: boolean;
+    maxAttempts?: number;
+    showFeedback?: boolean;
+    showSolution?: boolean;
+    numAttempts?: number;
+    valid?: boolean;
+    isDefaultResponse?: boolean;
+    done?: boolean;
+    /** Last *ended attempt* reached the optimal outcome (best achievable score / correct response). */
+    optimal?: boolean;
 };
 export type ComputedContext = {
     view: View;
@@ -15,6 +25,7 @@ export type ComputedContext = {
         identifier: string;
         navigationMode: 'linear' | 'nonlinear';
         submissionMode: 'individual' | 'simultaneous';
+        allowSkipping?: boolean;
         sections: {
             active?: boolean;
             identifier: string;
@@ -23,6 +34,7 @@ export type ComputedContext = {
             items: ComputedItem[];
             navigationMode: 'linear' | 'nonlinear';
             submissionMode: 'individual' | 'simultaneous';
+            allowSkipping?: boolean;
         }[];
     }[];
 };

package/dist/context/types/computed.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"computed.types.js","sourceRoot":"","sources":["../../../src/context/types/computed.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { View } from '../session.context';\nimport type { ComputedItemContext } from './computed-item.types';\n\nexport type ComputedItem = ComputedItemContext & {\n  categories?: string[]; // not necessary for outside world\n  type?: 'info' | 'regular';\n  index?: number;\n  active?: boolean;\n};\n\nexport type ComputedContext = {\n  view: View;\n  identifier: string;\n  title: string;\n  testParts: {\n    active?: boolean;\n    identifier: string;\n    navigationMode: 'linear' | 'nonlinear';\n    submissionMode: 'individual' | 'simultaneous';\n    sections: {\n      active?: boolean;\n      identifier: string;\n      title: string;\n      completed?: boolean;\n      items: ComputedItem[];\n      navigationMode: 'linear' | 'nonlinear';\n      submissionMode: 'individual' | 'simultaneous';\n    }[];\n  }[];\n};\n"]}
+{"version":3,"file":"computed.types.js","sourceRoot":"","sources":["../../../src/context/types/computed.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { View } from '../session.context';\nimport type { ComputedItemContext } from './computed-item.types';\n\nexport type ComputedItem = ComputedItemContext & {\n  categories?: string[]; // not necessary for outside world\n  type?: 'info' | 'regular';\n  index?: number;\n  active?: boolean;\n  allowSkipping?: boolean;\n  maxAttempts?: number;\n  showFeedback?: boolean;\n  showSolution?: boolean;\n  numAttempts?: number;\n  valid?: boolean;\n  isDefaultResponse?: boolean;\n  done?: boolean;\n  /** Last *ended attempt* reached the optimal outcome (best achievable score / correct response). */\n  optimal?: boolean;\n};\n\nexport type ComputedContext = {\n  view: View;\n  identifier: string;\n  title: string;\n  testParts: {\n    active?: boolean;\n    identifier: string;\n    navigationMode: 'linear' | 'nonlinear';\n    submissionMode: 'individual' | 'simultaneous';\n    allowSkipping?: boolean;\n    sections: {\n      active?: boolean;\n      identifier: string;\n      title: string;\n      completed?: boolean;\n      items: ComputedItem[];\n      navigationMode: 'linear' | 'nonlinear';\n      submissionMode: 'individual' | 'simultaneous';\n      allowSkipping?: boolean;\n    }[];\n  }[];\n};\n"]}

package/dist/index.d.ts

@@ -23,5 +23,6 @@ export * from './lib/expression-result';
 export * from './lib/interaction.interface';
 export * from './lib/variables';
 export * from './lib/qti-rule-base';
+export * from './utils/custom-state-set';
 export * from './utils/scoring-helper';
 export * from './utils/utils';

package/dist/index.js

@@ -23,6 +23,7 @@ export * from './lib/expression-result';
 export * from './lib/interaction.interface';
 export * from './lib/variables';
 export * from './lib/qti-rule-base';
+export * from './utils/custom-state-set';
 export * from './utils/scoring-helper';
 export * from './utils/utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAEpB,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,wBAAwB,CAAC;AACvC,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC","sourcesContent":["import './register';\n\nexport * from './context/computed-item.context';\nexport * from './context/types/computed-item.types';\nexport * from './context/computed.context';\nexport * from './context/types/computed.types';\nexport * from './context/config.context';\nexport * from './context/interaction.context';\nexport * from './context/item.context';\nexport * from './context/types/item.types';\nexport * from './context/qti.context';\nexport * from './context/session.context';\nexport * from './context/test.context';\n\nexport * from './styles/box-sizing.styles';\nexport * from './styles/drop-region.styles';\nexport * from './styles/validation-message.styles';\n\nexport * from './abstract/interaction';\nexport * from './abstract/qti-variable-declaration';\nexport * from './abstract/qti-condition-expression';\nexport * from './abstract/qti-feedback';\nexport * from './abstract/qti-expression';\n\nexport * from './lib/response';\nexport * from './lib/expression-result';\nexport * from './lib/interaction.interface';\nexport * from './lib/variables';\nexport * from './lib/qti-rule-base';\n\nexport * from './utils/scoring-helper';\nexport * from './utils/utils';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAEpB,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,wBAAwB,CAAC;AACvC,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC","sourcesContent":["import './register';\n\nexport * from './context/computed-item.context';\nexport * from './context/types/computed-item.types';\nexport * from './context/computed.context';\nexport * from './context/types/computed.types';\nexport * from './context/config.context';\nexport * from './context/interaction.context';\nexport * from './context/item.context';\nexport * from './context/types/item.types';\nexport * from './context/qti.context';\nexport * from './context/session.context';\nexport * from './context/test.context';\n\nexport * from './styles/box-sizing.styles';\nexport * from './styles/drop-region.styles';\nexport * from './styles/validation-message.styles';\n\nexport * from './abstract/interaction';\nexport * from './abstract/qti-variable-declaration';\nexport * from './abstract/qti-condition-expression';\nexport * from './abstract/qti-feedback';\nexport * from './abstract/qti-expression';\n\nexport * from './lib/response';\nexport * from './lib/expression-result';\nexport * from './lib/interaction.interface';\nexport * from './lib/variables';\nexport * from './lib/qti-rule-base';\n\nexport * from './utils/custom-state-set';\nexport * from './utils/scoring-helper';\nexport * from './utils/utils';\n"]}

package/dist/register.js

@@ -1,4 +1,8 @@
 import { qtiBaseElements } from './elements';
+import { installCustomStateSetFallback } from './utils/custom-state-set';
+// Before any element is defined, so the patched `attachInternals` is in place by
+// the time the first interaction upgrades. No-op where `states` works natively.
+installCustomStateSetFallback();
 for (const { tag, ctor } of qtiBaseElements) {
     if (!customElements.get(tag)) {
         customElements.define(tag, ctor);

package/dist/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,KAAK,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,eAAe,EAAE,CAAC;IAC5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC;AACH,CAAC","sourcesContent":["import { qtiBaseElements } from './elements';\n\nfor (const { tag, ctor } of qtiBaseElements) {\n  if (!customElements.get(tag)) {\n    customElements.define(tag, ctor);\n  }\n}\n"]}
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEzE,iFAAiF;AACjF,gFAAgF;AAChF,6BAA6B,EAAE,CAAC;AAEhC,KAAK,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,eAAe,EAAE,CAAC;IAC5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC;AACH,CAAC","sourcesContent":["import { qtiBaseElements } from './elements';\nimport { installCustomStateSetFallback } from './utils/custom-state-set';\n\n// Before any element is defined, so the patched `attachInternals` is in place by\n// the time the first interaction upgrades. No-op where `states` works natively.\ninstallCustomStateSetFallback();\n\nfor (const { tag, ctor } of qtiBaseElements) {\n  if (!customElements.get(tag)) {\n    customElements.define(tag, ctor);\n  }\n}\n"]}

package/dist/utils/custom-state-set.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Custom-state support shim for browsers this library cannot use natively.
+ *
+ * Interactions track selection and correct/incorrect marking through
+ * `internals.states`, with bare state names (`checked`, `radio`,
+ * `correct-response`, …). Two browser profiles cannot service that:
+ *
+ * - Safari 16.4–17.3 implement `ElementInternals` but not `CustomStateSet`, so
+ *   `internals.states` is `undefined` and reading it throws — "undefined is not
+ *   an object (evaluating 'internals.states.has')".
+ * - Chrome and Edge before the CSS custom-state spec change expose `states` but
+ *   reject names that do not start with `--`, so `states.add('radio')` throws
+ *   "The specified value 'radio' must start with '--'".
+ *
+ * On both, picking a choice throws rather than registering. `attachInternals`
+ * itself is unguarded throughout the interaction base classes, which puts the
+ * hard support floor at Safari 16.4 — inside the range that breaks.
+ *
+ * The shim replaces `states` with a permissive `Set` and mirrors its contents to
+ * a space-separated `data-state` attribute on the host, because these browsers'
+ * CSS parsers also drop any selector list containing `:state()`. The theme's
+ * built stylesheets pair every `:state(x)` with a `[data-state~='x']` arm (see
+ * `tools/postcss/custom-state-fallback.mjs`), so styling survives too.
+ *
+ * Support is classified by behaviour rather than by browser version, and the
+ * shim is not installed at all where `states` works.
+ */
+/** A permissive `CustomStateSet` that mirrors its contents to `data-state`. */
+export declare class CustomStateSetShim extends Set<string> {
+    #private;
+    constructor(host: HTMLElement);
+    add(state: string): this;
+    delete(state: string): boolean;
+    clear(): void;
+}
+export type CustomStateSupport = 'missing' | 'legacy' | 'modern';
+/**
+ * Classify native custom-state support by behaviour:
+ *
+ * - `missing`: `ElementInternals` carries no `states` at all.
+ * - `legacy`: `states` exists but rejects a bare name.
+ * - `modern`: `states` exists and accepts a bare name — no shim wanted.
+ *
+ * `attachInternals` only works on a custom element, so the probe registers a
+ * throwaway one. That happens solely when `states` is present, so the `missing`
+ * path never defines anything.
+ */
+export declare function classifyCustomStateSupport(attachInternals: (this: HTMLElement) => ElementInternals): CustomStateSupport;
+/**
+ * Patch `HTMLElement.prototype.attachInternals` so every element's `states` is
+ * the shim, on the two profiles that need it. Idempotent, and a no-op where
+ * native support is usable.
+ *
+ * Returns the classification that was acted on, which is what the tests assert.
+ */
+export declare function installCustomStateSetFallback(): CustomStateSupport | 'already-installed';

package/dist/utils/custom-state-set.js

@@ -0,0 +1,130 @@
+/**
+ * Custom-state support shim for browsers this library cannot use natively.
+ *
+ * Interactions track selection and correct/incorrect marking through
+ * `internals.states`, with bare state names (`checked`, `radio`,
+ * `correct-response`, …). Two browser profiles cannot service that:
+ *
+ * - Safari 16.4–17.3 implement `ElementInternals` but not `CustomStateSet`, so
+ *   `internals.states` is `undefined` and reading it throws — "undefined is not
+ *   an object (evaluating 'internals.states.has')".
+ * - Chrome and Edge before the CSS custom-state spec change expose `states` but
+ *   reject names that do not start with `--`, so `states.add('radio')` throws
+ *   "The specified value 'radio' must start with '--'".
+ *
+ * On both, picking a choice throws rather than registering. `attachInternals`
+ * itself is unguarded throughout the interaction base classes, which puts the
+ * hard support floor at Safari 16.4 — inside the range that breaks.
+ *
+ * The shim replaces `states` with a permissive `Set` and mirrors its contents to
+ * a space-separated `data-state` attribute on the host, because these browsers'
+ * CSS parsers also drop any selector list containing `:state()`. The theme's
+ * built stylesheets pair every `:state(x)` with a `[data-state~='x']` arm (see
+ * `tools/postcss/custom-state-fallback.mjs`), so styling survives too.
+ *
+ * Support is classified by behaviour rather than by browser version, and the
+ * shim is not installed at all where `states` works.
+ */
+/** A permissive `CustomStateSet` that mirrors its contents to `data-state`. */
+export class CustomStateSetShim extends Set {
+    #host;
+    constructor(host) {
+        super();
+        this.#host = host;
+    }
+    add(state) {
+        super.add(state);
+        this.#reflect();
+        return this;
+    }
+    delete(state) {
+        const deleted = super.delete(state);
+        this.#reflect();
+        return deleted;
+    }
+    clear() {
+        super.clear();
+        this.#reflect();
+    }
+    #reflect() {
+        // A custom element must not gain attributes while it is upgrading, so defer
+        // the write until the element is connected.
+        if (this.#host.isConnected)
+            this.#write();
+        else
+            queueMicrotask(() => this.#write());
+    }
+    #write() {
+        if (this.size === 0)
+            this.#host.removeAttribute('data-state');
+        else
+            this.#host.setAttribute('data-state', Array.from(this).join(' '));
+    }
+}
+const PROBE_TAG = 'custom-state-support-probe';
+/**
+ * Classify native custom-state support by behaviour:
+ *
+ * - `missing`: `ElementInternals` carries no `states` at all.
+ * - `legacy`: `states` exists but rejects a bare name.
+ * - `modern`: `states` exists and accepts a bare name — no shim wanted.
+ *
+ * `attachInternals` only works on a custom element, so the probe registers a
+ * throwaway one. That happens solely when `states` is present, so the `missing`
+ * path never defines anything.
+ */
+export function classifyCustomStateSupport(attachInternals) {
+    if (!('states' in ElementInternals.prototype))
+        return 'missing';
+    if (typeof customElements === 'undefined')
+        return 'modern';
+    try {
+        if (!customElements.get(PROBE_TAG))
+            customElements.define(PROBE_TAG, class extends HTMLElement {
+            });
+        const states = attachInternals.call(document.createElement(PROBE_TAG)).states;
+        if (!states)
+            return 'missing';
+        // A bare name throws SyntaxError under the legacy spec and never does under
+        // the current one, so classify on the throw alone — not on whether the value
+        // sticks, which some environments do not honour on a detached element.
+        states.add('probe');
+        states.delete('probe');
+        return 'modern';
+    }
+    catch {
+        return 'legacy';
+    }
+}
+let installed = false;
+/**
+ * Patch `HTMLElement.prototype.attachInternals` so every element's `states` is
+ * the shim, on the two profiles that need it. Idempotent, and a no-op where
+ * native support is usable.
+ *
+ * Returns the classification that was acted on, which is what the tests assert.
+ */
+export function installCustomStateSetFallback() {
+    if (installed)
+        return 'already-installed';
+    if (typeof HTMLElement === 'undefined' || typeof ElementInternals === 'undefined')
+        return 'modern';
+    const native = HTMLElement.prototype.attachInternals;
+    if (!native)
+        return 'modern';
+    const support = classifyCustomStateSupport(native);
+    if (support === 'modern')
+        return support;
+    installed = true;
+    HTMLElement.prototype.attachInternals = function attachInternals() {
+        const internals = native.call(this);
+        Object.defineProperty(internals, 'states', {
+            configurable: true,
+            enumerable: true,
+            value: new CustomStateSetShim(this)
+        });
+        return internals;
+    };
+    return support;
+}
+//# sourceMappingURL=custom-state-set.js.map

package/dist/utils/custom-state-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-state-set.js","sourceRoot":"","sources":["../../src/utils/custom-state-set.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Custom-state support shim for browsers this library cannot use natively.\n *\n * Interactions track selection and correct/incorrect marking through\n * `internals.states`, with bare state names (`checked`, `radio`,\n * `correct-response`, …). Two browser profiles cannot service that:\n *\n * - Safari 16.4–17.3 implement `ElementInternals` but not `CustomStateSet`, so\n *   `internals.states` is `undefined` and reading it throws — \"undefined is not\n *   an object (evaluating 'internals.states.has')\".\n * - Chrome and Edge before the CSS custom-state spec change expose `states` but\n *   reject names that do not start with `--`, so `states.add('radio')` throws\n *   \"The specified value 'radio' must start with '--'\".\n *\n * On both, picking a choice throws rather than registering. `attachInternals`\n * itself is unguarded throughout the interaction base classes, which puts the\n * hard support floor at Safari 16.4 — inside the range that breaks.\n *\n * The shim replaces `states` with a permissive `Set` and mirrors its contents to\n * a space-separated `data-state` attribute on the host, because these browsers'\n * CSS parsers also drop any selector list containing `:state()`. The theme's\n * built stylesheets pair every `:state(x)` with a `[data-state~='x']` arm (see\n * `tools/postcss/custom-state-fallback.mjs`), so styling survives too.\n *\n * Support is classified by behaviour rather than by browser version, and the\n * shim is not installed at all where `states` works.\n */\n\n/** A permissive `CustomStateSet` that mirrors its contents to `data-state`. */\nexport class CustomStateSetShim extends Set<string> {\n  readonly #host: HTMLElement;\n\n  constructor(host: HTMLElement) {\n    super();\n    this.#host = host;\n  }\n\n  override add(state: string): this {\n    super.add(state);\n    this.#reflect();\n    return this;\n  }\n\n  override delete(state: string): boolean {\n    const deleted = super.delete(state);\n    this.#reflect();\n    return deleted;\n  }\n\n  override clear(): void {\n    super.clear();\n    this.#reflect();\n  }\n\n  #reflect(): void {\n    // A custom element must not gain attributes while it is upgrading, so defer\n    // the write until the element is connected.\n    if (this.#host.isConnected) this.#write();\n    else queueMicrotask(() => this.#write());\n  }\n\n  #write(): void {\n    if (this.size === 0) this.#host.removeAttribute('data-state');\n    else this.#host.setAttribute('data-state', Array.from(this).join(' '));\n  }\n}\n\nexport type CustomStateSupport = 'missing' | 'legacy' | 'modern';\n\nconst PROBE_TAG = 'custom-state-support-probe';\n\n/**\n * Classify native custom-state support by behaviour:\n *\n * - `missing`: `ElementInternals` carries no `states` at all.\n * - `legacy`: `states` exists but rejects a bare name.\n * - `modern`: `states` exists and accepts a bare name — no shim wanted.\n *\n * `attachInternals` only works on a custom element, so the probe registers a\n * throwaway one. That happens solely when `states` is present, so the `missing`\n * path never defines anything.\n */\nexport function classifyCustomStateSupport(\n  attachInternals: (this: HTMLElement) => ElementInternals\n): CustomStateSupport {\n  if (!('states' in ElementInternals.prototype)) return 'missing';\n  if (typeof customElements === 'undefined') return 'modern';\n\n  try {\n    if (!customElements.get(PROBE_TAG)) customElements.define(PROBE_TAG, class extends HTMLElement {});\n    const states = attachInternals.call(document.createElement(PROBE_TAG)).states;\n    if (!states) return 'missing';\n    // A bare name throws SyntaxError under the legacy spec and never does under\n    // the current one, so classify on the throw alone — not on whether the value\n    // sticks, which some environments do not honour on a detached element.\n    states.add('probe');\n    states.delete('probe');\n    return 'modern';\n  } catch {\n    return 'legacy';\n  }\n}\n\nlet installed = false;\n\n/**\n * Patch `HTMLElement.prototype.attachInternals` so every element's `states` is\n * the shim, on the two profiles that need it. Idempotent, and a no-op where\n * native support is usable.\n *\n * Returns the classification that was acted on, which is what the tests assert.\n */\nexport function installCustomStateSetFallback(): CustomStateSupport | 'already-installed' {\n  if (installed) return 'already-installed';\n  if (typeof HTMLElement === 'undefined' || typeof ElementInternals === 'undefined') return 'modern';\n\n  const native = HTMLElement.prototype.attachInternals;\n  if (!native) return 'modern';\n\n  const support = classifyCustomStateSupport(native);\n  if (support === 'modern') return support;\n\n  installed = true;\n  HTMLElement.prototype.attachInternals = function attachInternals(this: HTMLElement): ElementInternals {\n    const internals = native.call(this);\n    Object.defineProperty(internals, 'states', {\n      configurable: true,\n      enumerable: true,\n      value: new CustomStateSetShim(this)\n    });\n    return internals;\n  };\n\n  return support;\n}\n"]}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@qti-components/base",
   "description": "QTI shared utilities",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "author": "",
   "dependencies": {
     "@qti-components/utilities": "^1.3.3"
   },
   "devDependencies": {
     "@lit/context": "^1.1.6",
-    "lit": "^3.3.2"
+    "lit": "^3.3.3"
   },
   "keywords": [
     "qti",