@citolab/qti-components 7.27.2 → 7.27.3

package/dist/qti-components-jsx.d.ts

@@ -78,9 +78,9 @@ import type { QtiCustomInteraction } from "packages/interactions/custom-interact
 import type { QtiEndAttemptInteraction } from "packages/interactions/end-attempt-interaction/src/qti-end-attempt-interaction.ts";
 import type { QtiExtendedTextInteraction } from "packages/interactions/extended-text-interaction/src/qti-extended-text-interaction.ts";
 import type { QtiGapMatchInteraction } from "packages/interactions/gap-match-interaction/src/qti-gap-match-interaction.ts";
-import type { QtiGraphicAssociateInteraction } from "packages/interactions/graphic-associate-interaction/src/qti-graphic-associate-interaction.ts";
 import type { QtiGraphicGapMatchInteraction } from "packages/interactions/graphic-gap-match-interaction/src/qti-graphic-gap-match-interaction.ts";
 import type { QtiGraphicOrderInteraction } from "packages/interactions/graphic-order-interaction/src/qti-graphic-order-interaction.ts";
+import type { QtiGraphicAssociateInteraction } from "packages/interactions/graphic-associate-interaction/src/qti-graphic-associate-interaction.ts";
 import type { QtiHotspotInteraction } from "packages/interactions/hotspot-interaction/src/qti-hotspot-interaction.ts";
 import type { QtiHottextInteraction } from "packages/interactions/hottext-interaction/src/qti-hottext-interaction.ts";
 import type { QtiInlineChoiceInteraction } from "packages/interactions/inline-choice-interaction/src/qti-inline-choice-interaction.ts";
@@ -2411,116 +2411,6 @@ export type QtiGapMatchInteractionSolidJsProps = {
   textContent?: string | number;
 };
 
-export type QtiGraphicAssociateInteractionProps = {
-  /**  */
-  "response-identifier"?: QtiGraphicAssociateInteraction["responseIdentifier"];
-  /**  */
-  responseIdentifier?: QtiGraphicAssociateInteraction["responseIdentifier"];
-  /**  */
-  disabled?: QtiGraphicAssociateInteraction["disabled"];
-  /**  */
-  readonly?: QtiGraphicAssociateInteraction["readonly"];
-  /**  */
-  name?: QtiGraphicAssociateInteraction["name"];
-  /** The correct response for this interaction. Can be set as a comma-separated
-string via attribute or as string/string[] via property. */
-  "correct-response"?: QtiGraphicAssociateInteraction["correctResponseAttr"];
-  /** The correct response for this interaction. Can be set as a comma-separated
-string via attribute or as string/string[] via property. */
-  correctResponseAttr?: QtiGraphicAssociateInteraction["correctResponseAttr"];
-  /** Shows which choices are correct with inline indicators.
-Adds `correct-response` / `incorrect-response` states to choices. */
-  "show-correct-response"?: QtiGraphicAssociateInteraction["showCorrectResponse"];
-  /** Shows which choices are correct with inline indicators.
-Adds `correct-response` / `incorrect-response` states to choices. */
-  showCorrectResponse?: QtiGraphicAssociateInteraction["showCorrectResponse"];
-  /** Shows a cloned interaction with the correct answers filled in.
-Creates a disabled copy positioned after this interaction. */
-  "show-full-correct-response"?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
-  /** Shows a cloned interaction with the correct answers filled in.
-Creates a disabled copy positioned after this interaction. */
-  showFullCorrectResponse?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
-  /** Shows feedback on candidate's selections compared to correct response.
-Adds `candidate-correct` / `candidate-incorrect` states to choices. */
-  "show-candidate-correction"?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
-  /** Shows feedback on candidate's selections compared to correct response.
-Adds `candidate-correct` / `candidate-incorrect` states to choices. */
-  showCandidateCorrection?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
-  /**  */
-  grImage?: QtiGraphicAssociateInteraction["grImage"];
-  /**  */
-  response?: QtiGraphicAssociateInteraction["response"];
-  /**  */
-  isFullCorrectResponse?: QtiGraphicAssociateInteraction["isFullCorrectResponse"];
-  /** Get/set correct response programmatically.
-This property syncs with the `correct-response` attribute. */
-  correctResponse?: QtiGraphicAssociateInteraction["correctResponse"];
-  /**  */
-  value?: QtiGraphicAssociateInteraction["value"];
-
-  /**  */
-  "onqti-register-interaction"?: (e: CustomEvent) => void;
-  /**  */
-  "onqti-interaction-response"?: (e: CustomEvent) => void;
-};
-
-export type QtiGraphicAssociateInteractionSolidJsProps = {
-  /**  */
-  "attr:response-identifier"?: QtiGraphicAssociateInteraction["responseIdentifier"];
-  /**  */
-  "prop:responseIdentifier"?: QtiGraphicAssociateInteraction["responseIdentifier"];
-  /**  */
-  "prop:disabled"?: QtiGraphicAssociateInteraction["disabled"];
-  /**  */
-  "prop:readonly"?: QtiGraphicAssociateInteraction["readonly"];
-  /**  */
-  "prop:name"?: QtiGraphicAssociateInteraction["name"];
-  /** The correct response for this interaction. Can be set as a comma-separated
-string via attribute or as string/string[] via property. */
-  "attr:correct-response"?: QtiGraphicAssociateInteraction["correctResponseAttr"];
-  /** The correct response for this interaction. Can be set as a comma-separated
-string via attribute or as string/string[] via property. */
-  "prop:correctResponseAttr"?: QtiGraphicAssociateInteraction["correctResponseAttr"];
-  /** Shows which choices are correct with inline indicators.
-Adds `correct-response` / `incorrect-response` states to choices. */
-  "bool:show-correct-response"?: QtiGraphicAssociateInteraction["showCorrectResponse"];
-  /** Shows which choices are correct with inline indicators.
-Adds `correct-response` / `incorrect-response` states to choices. */
-  "prop:showCorrectResponse"?: QtiGraphicAssociateInteraction["showCorrectResponse"];
-  /** Shows a cloned interaction with the correct answers filled in.
-Creates a disabled copy positioned after this interaction. */
-  "bool:show-full-correct-response"?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
-  /** Shows a cloned interaction with the correct answers filled in.
-Creates a disabled copy positioned after this interaction. */
-  "prop:showFullCorrectResponse"?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
-  /** Shows feedback on candidate's selections compared to correct response.
-Adds `candidate-correct` / `candidate-incorrect` states to choices. */
-  "bool:show-candidate-correction"?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
-  /** Shows feedback on candidate's selections compared to correct response.
-Adds `candidate-correct` / `candidate-incorrect` states to choices. */
-  "prop:showCandidateCorrection"?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
-  /**  */
-  "prop:grImage"?: QtiGraphicAssociateInteraction["grImage"];
-  /**  */
-  "prop:response"?: QtiGraphicAssociateInteraction["response"];
-  /**  */
-  "prop:isFullCorrectResponse"?: QtiGraphicAssociateInteraction["isFullCorrectResponse"];
-  /** Get/set correct response programmatically.
-This property syncs with the `correct-response` attribute. */
-  "prop:correctResponse"?: QtiGraphicAssociateInteraction["correctResponse"];
-  /**  */
-  "prop:value"?: QtiGraphicAssociateInteraction["value"];
-  /**  */
-  "on:qti-register-interaction"?: (e: CustomEvent) => void;
-  /**  */
-  "on:qti-interaction-response"?: (e: CustomEvent) => void;
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type QtiGraphicGapMatchInteractionProps = {
   /**  */
   allowReorder?: QtiGraphicGapMatchInteraction["allowReorder"];
@@ -2666,6 +2556,116 @@ This property syncs with the `correct-response` attribute. */
   textContent?: string | number;
 };
 
+export type QtiGraphicAssociateInteractionProps = {
+  /**  */
+  "response-identifier"?: QtiGraphicAssociateInteraction["responseIdentifier"];
+  /**  */
+  responseIdentifier?: QtiGraphicAssociateInteraction["responseIdentifier"];
+  /**  */
+  disabled?: QtiGraphicAssociateInteraction["disabled"];
+  /**  */
+  readonly?: QtiGraphicAssociateInteraction["readonly"];
+  /**  */
+  name?: QtiGraphicAssociateInteraction["name"];
+  /** The correct response for this interaction. Can be set as a comma-separated
+string via attribute or as string/string[] via property. */
+  "correct-response"?: QtiGraphicAssociateInteraction["correctResponseAttr"];
+  /** The correct response for this interaction. Can be set as a comma-separated
+string via attribute or as string/string[] via property. */
+  correctResponseAttr?: QtiGraphicAssociateInteraction["correctResponseAttr"];
+  /** Shows which choices are correct with inline indicators.
+Adds `correct-response` / `incorrect-response` states to choices. */
+  "show-correct-response"?: QtiGraphicAssociateInteraction["showCorrectResponse"];
+  /** Shows which choices are correct with inline indicators.
+Adds `correct-response` / `incorrect-response` states to choices. */
+  showCorrectResponse?: QtiGraphicAssociateInteraction["showCorrectResponse"];
+  /** Shows a cloned interaction with the correct answers filled in.
+Creates a disabled copy positioned after this interaction. */
+  "show-full-correct-response"?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
+  /** Shows a cloned interaction with the correct answers filled in.
+Creates a disabled copy positioned after this interaction. */
+  showFullCorrectResponse?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
+  /** Shows feedback on candidate's selections compared to correct response.
+Adds `candidate-correct` / `candidate-incorrect` states to choices. */
+  "show-candidate-correction"?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
+  /** Shows feedback on candidate's selections compared to correct response.
+Adds `candidate-correct` / `candidate-incorrect` states to choices. */
+  showCandidateCorrection?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
+  /**  */
+  grImage?: QtiGraphicAssociateInteraction["grImage"];
+  /**  */
+  response?: QtiGraphicAssociateInteraction["response"];
+  /**  */
+  isFullCorrectResponse?: QtiGraphicAssociateInteraction["isFullCorrectResponse"];
+  /** Get/set correct response programmatically.
+This property syncs with the `correct-response` attribute. */
+  correctResponse?: QtiGraphicAssociateInteraction["correctResponse"];
+  /**  */
+  value?: QtiGraphicAssociateInteraction["value"];
+
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent) => void;
+};
+
+export type QtiGraphicAssociateInteractionSolidJsProps = {
+  /**  */
+  "attr:response-identifier"?: QtiGraphicAssociateInteraction["responseIdentifier"];
+  /**  */
+  "prop:responseIdentifier"?: QtiGraphicAssociateInteraction["responseIdentifier"];
+  /**  */
+  "prop:disabled"?: QtiGraphicAssociateInteraction["disabled"];
+  /**  */
+  "prop:readonly"?: QtiGraphicAssociateInteraction["readonly"];
+  /**  */
+  "prop:name"?: QtiGraphicAssociateInteraction["name"];
+  /** The correct response for this interaction. Can be set as a comma-separated
+string via attribute or as string/string[] via property. */
+  "attr:correct-response"?: QtiGraphicAssociateInteraction["correctResponseAttr"];
+  /** The correct response for this interaction. Can be set as a comma-separated
+string via attribute or as string/string[] via property. */
+  "prop:correctResponseAttr"?: QtiGraphicAssociateInteraction["correctResponseAttr"];
+  /** Shows which choices are correct with inline indicators.
+Adds `correct-response` / `incorrect-response` states to choices. */
+  "bool:show-correct-response"?: QtiGraphicAssociateInteraction["showCorrectResponse"];
+  /** Shows which choices are correct with inline indicators.
+Adds `correct-response` / `incorrect-response` states to choices. */
+  "prop:showCorrectResponse"?: QtiGraphicAssociateInteraction["showCorrectResponse"];
+  /** Shows a cloned interaction with the correct answers filled in.
+Creates a disabled copy positioned after this interaction. */
+  "bool:show-full-correct-response"?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
+  /** Shows a cloned interaction with the correct answers filled in.
+Creates a disabled copy positioned after this interaction. */
+  "prop:showFullCorrectResponse"?: QtiGraphicAssociateInteraction["showFullCorrectResponse"];
+  /** Shows feedback on candidate's selections compared to correct response.
+Adds `candidate-correct` / `candidate-incorrect` states to choices. */
+  "bool:show-candidate-correction"?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
+  /** Shows feedback on candidate's selections compared to correct response.
+Adds `candidate-correct` / `candidate-incorrect` states to choices. */
+  "prop:showCandidateCorrection"?: QtiGraphicAssociateInteraction["showCandidateCorrection"];
+  /**  */
+  "prop:grImage"?: QtiGraphicAssociateInteraction["grImage"];
+  /**  */
+  "prop:response"?: QtiGraphicAssociateInteraction["response"];
+  /**  */
+  "prop:isFullCorrectResponse"?: QtiGraphicAssociateInteraction["isFullCorrectResponse"];
+  /** Get/set correct response programmatically.
+This property syncs with the `correct-response` attribute. */
+  "prop:correctResponse"?: QtiGraphicAssociateInteraction["correctResponse"];
+  /**  */
+  "prop:value"?: QtiGraphicAssociateInteraction["value"];
+  /**  */
+  "on:qti-register-interaction"?: (e: CustomEvent) => void;
+  /**  */
+  "on:qti-interaction-response"?: (e: CustomEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type QtiHotspotInteractionProps = {
   /**  */
   "min-choices"?: QtiHotspotInteraction["minChoices"];
@@ -6348,6 +6348,37 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `allowReorder`: undefined (property only)
+   * - `sortablePlaceholderConfig`: undefined (property only)
+   * - `sortableAnimationConfig`: undefined (property only)
+   * - `isDraggingFromSlot`: undefined (property only) (readonly)
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `shouldReturnToInventoryOnInventoryDrop() => boolean`: undefined
+   * - `initiateDrag(dragElement: HTMLElement, startX: number, startY: number, inputType: 'mouse' | 'touch', rest: [eventSource?: 'pointer' | 'mouse' | 'touch']) => void`: undefined
+   * - `onSortableDragMove(clientX: number, clientY: number) => void`: undefined
+   * - `allowDrop(draggable: HTMLElement, droppable: HTMLElement) => boolean`: undefined
+   * - `handleDrop(draggable: HTMLElement, droppable: HTMLElement) => void`: undefined
+   * - `handleInvalidDrop(dragSource: HTMLElement | null) => void`: undefined
+   */
+  "qti-graphic-gap-match-interaction": Partial<
+    QtiGraphicGapMatchInteractionProps &
+      BaseProps<QtiGraphicGapMatchInteraction> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `min-choices`/`minChoices`: undefined
+   * - `max-choices`/`maxChoices`: undefined
    * - `response-identifier`/`responseIdentifier`: undefined
    * - `disabled`: undefined
    * - `readonly`: undefined
@@ -6360,8 +6391,8 @@ export type CustomElements = {
    * Creates a disabled copy positioned after this interaction.
    * - `show-candidate-correction`/`showCandidateCorrection`: Shows feedback on candidate's selections compared to correct response.
    * Adds `candidate-correct` / `candidate-incorrect` states to choices.
-   * - `grImage`: undefined (property only)
    * - `response`: undefined (property only)
+   * - `value`: undefined (property only)
    * - `internals`: undefined (property only) (readonly)
    * - `isFullCorrectResponse`: undefined (property only)
    * - `correctResponse`: Get/set correct response programmatically.
@@ -6371,7 +6402,6 @@ export type CustomElements = {
    * item context mode (using responseVariable). (property only) (readonly)
    * - `isInline`: undefined (property only) (readonly)
    * - `responseVariable`: undefined (property only) (readonly)
-   * - `value`: undefined (property only)
    *
    * ## Events
    *
@@ -6384,47 +6414,18 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `reset() => void`: undefined
-   * - `validate() => boolean`: undefined
    * - `toggleCorrectResponse(show: boolean) => void`: undefined
    * - `toggleCandidateCorrection(show: boolean) => void`: undefined
+   * - `validate() => boolean`: undefined
    * - `reportValidity() => boolean`: undefined
+   * - `reset() => void`: undefined
    * - `formResetCallback() => void`: Called by the browser when the associated form is reset.
    * Part of the Form-Associated Custom Elements API.
    * - `saveResponse(value: string | string[], state?: string | null) => void`: undefined
    */
-  "qti-graphic-associate-interaction": Partial<
-    QtiGraphicAssociateInteractionProps &
-      BaseProps<QtiGraphicAssociateInteraction> &
-      BaseEvents
-  >;
-
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `allowReorder`: undefined (property only)
-   * - `sortablePlaceholderConfig`: undefined (property only)
-   * - `sortableAnimationConfig`: undefined (property only)
-   * - `isDraggingFromSlot`: undefined (property only) (readonly)
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `shouldReturnToInventoryOnInventoryDrop() => boolean`: undefined
-   * - `initiateDrag(dragElement: HTMLElement, startX: number, startY: number, inputType: 'mouse' | 'touch', rest: [eventSource?: 'pointer' | 'mouse' | 'touch']) => void`: undefined
-   * - `onSortableDragMove(clientX: number, clientY: number) => void`: undefined
-   * - `allowDrop(draggable: HTMLElement, droppable: HTMLElement) => boolean`: undefined
-   * - `handleDrop(draggable: HTMLElement, droppable: HTMLElement) => void`: undefined
-   * - `handleInvalidDrop(dragSource: HTMLElement | null) => void`: undefined
-   */
-  "qti-graphic-gap-match-interaction": Partial<
-    QtiGraphicGapMatchInteractionProps &
-      BaseProps<QtiGraphicGapMatchInteraction> &
+  "qti-graphic-order-interaction": Partial<
+    QtiGraphicOrderInteractionProps &
+      BaseProps<QtiGraphicOrderInteraction> &
       BaseEvents
   >;
 
@@ -6435,8 +6436,6 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `min-choices`/`minChoices`: undefined
-   * - `max-choices`/`maxChoices`: undefined
    * - `response-identifier`/`responseIdentifier`: undefined
    * - `disabled`: undefined
    * - `readonly`: undefined
@@ -6449,8 +6448,8 @@ export type CustomElements = {
    * Creates a disabled copy positioned after this interaction.
    * - `show-candidate-correction`/`showCandidateCorrection`: Shows feedback on candidate's selections compared to correct response.
    * Adds `candidate-correct` / `candidate-incorrect` states to choices.
+   * - `grImage`: undefined (property only)
    * - `response`: undefined (property only)
-   * - `value`: undefined (property only)
    * - `internals`: undefined (property only) (readonly)
    * - `isFullCorrectResponse`: undefined (property only)
    * - `correctResponse`: Get/set correct response programmatically.
@@ -6460,6 +6459,7 @@ export type CustomElements = {
    * item context mode (using responseVariable). (property only) (readonly)
    * - `isInline`: undefined (property only) (readonly)
    * - `responseVariable`: undefined (property only) (readonly)
+   * - `value`: undefined (property only)
    *
    * ## Events
    *
@@ -6472,18 +6472,18 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `reset() => void`: undefined
+   * - `validate() => boolean`: undefined
    * - `toggleCorrectResponse(show: boolean) => void`: undefined
    * - `toggleCandidateCorrection(show: boolean) => void`: undefined
-   * - `validate() => boolean`: undefined
    * - `reportValidity() => boolean`: undefined
-   * - `reset() => void`: undefined
    * - `formResetCallback() => void`: Called by the browser when the associated form is reset.
    * Part of the Form-Associated Custom Elements API.
    * - `saveResponse(value: string | string[], state?: string | null) => void`: undefined
    */
-  "qti-graphic-order-interaction": Partial<
-    QtiGraphicOrderInteractionProps &
-      BaseProps<QtiGraphicOrderInteraction> &
+  "qti-graphic-associate-interaction": Partial<
+    QtiGraphicAssociateInteractionProps &
+      BaseProps<QtiGraphicAssociateInteraction> &
       BaseEvents
   >;
 
@@ -9743,6 +9743,38 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `allowReorder`: undefined (property only)
+   * - `sortablePlaceholderConfig`: undefined (property only)
+   * - `sortableAnimationConfig`: undefined (property only)
+   * - `isDraggingFromSlot`: undefined (property only) (readonly)
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `shouldReturnToInventoryOnInventoryDrop() => boolean`: undefined
+   * - `initiateDrag(dragElement: HTMLElement, startX: number, startY: number, inputType: 'mouse' | 'touch', rest: [eventSource?: 'pointer' | 'mouse' | 'touch']) => void`: undefined
+   * - `onSortableDragMove(clientX: number, clientY: number) => void`: undefined
+   * - `allowDrop(draggable: HTMLElement, droppable: HTMLElement) => boolean`: undefined
+   * - `handleDrop(draggable: HTMLElement, droppable: HTMLElement) => void`: undefined
+   * - `handleInvalidDrop(dragSource: HTMLElement | null) => void`: undefined
+   */
+  "qti-graphic-gap-match-interaction": Partial<
+    QtiGraphicGapMatchInteractionProps &
+      QtiGraphicGapMatchInteractionSolidJsProps &
+      BaseProps<QtiGraphicGapMatchInteraction> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `min-choices`/`minChoices`: undefined
+   * - `max-choices`/`maxChoices`: undefined
    * - `response-identifier`/`responseIdentifier`: undefined
    * - `disabled`: undefined
    * - `readonly`: undefined
@@ -9755,8 +9787,8 @@ export type CustomElementsSolidJs = {
    * Creates a disabled copy positioned after this interaction.
    * - `show-candidate-correction`/`showCandidateCorrection`: Shows feedback on candidate's selections compared to correct response.
    * Adds `candidate-correct` / `candidate-incorrect` states to choices.
-   * - `grImage`: undefined (property only)
    * - `response`: undefined (property only)
+   * - `value`: undefined (property only)
    * - `internals`: undefined (property only) (readonly)
    * - `isFullCorrectResponse`: undefined (property only)
    * - `correctResponse`: Get/set correct response programmatically.
@@ -9766,7 +9798,6 @@ export type CustomElementsSolidJs = {
    * item context mode (using responseVariable). (property only) (readonly)
    * - `isInline`: undefined (property only) (readonly)
    * - `responseVariable`: undefined (property only) (readonly)
-   * - `value`: undefined (property only)
    *
    * ## Events
    *
@@ -9779,49 +9810,19 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `reset() => void`: undefined
-   * - `validate() => boolean`: undefined
    * - `toggleCorrectResponse(show: boolean) => void`: undefined
    * - `toggleCandidateCorrection(show: boolean) => void`: undefined
+   * - `validate() => boolean`: undefined
    * - `reportValidity() => boolean`: undefined
+   * - `reset() => void`: undefined
    * - `formResetCallback() => void`: Called by the browser when the associated form is reset.
    * Part of the Form-Associated Custom Elements API.
    * - `saveResponse(value: string | string[], state?: string | null) => void`: undefined
    */
-  "qti-graphic-associate-interaction": Partial<
-    QtiGraphicAssociateInteractionProps &
-      QtiGraphicAssociateInteractionSolidJsProps &
-      BaseProps<QtiGraphicAssociateInteraction> &
-      BaseEvents
-  >;
-
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `allowReorder`: undefined (property only)
-   * - `sortablePlaceholderConfig`: undefined (property only)
-   * - `sortableAnimationConfig`: undefined (property only)
-   * - `isDraggingFromSlot`: undefined (property only) (readonly)
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `shouldReturnToInventoryOnInventoryDrop() => boolean`: undefined
-   * - `initiateDrag(dragElement: HTMLElement, startX: number, startY: number, inputType: 'mouse' | 'touch', rest: [eventSource?: 'pointer' | 'mouse' | 'touch']) => void`: undefined
-   * - `onSortableDragMove(clientX: number, clientY: number) => void`: undefined
-   * - `allowDrop(draggable: HTMLElement, droppable: HTMLElement) => boolean`: undefined
-   * - `handleDrop(draggable: HTMLElement, droppable: HTMLElement) => void`: undefined
-   * - `handleInvalidDrop(dragSource: HTMLElement | null) => void`: undefined
-   */
-  "qti-graphic-gap-match-interaction": Partial<
-    QtiGraphicGapMatchInteractionProps &
-      QtiGraphicGapMatchInteractionSolidJsProps &
-      BaseProps<QtiGraphicGapMatchInteraction> &
+  "qti-graphic-order-interaction": Partial<
+    QtiGraphicOrderInteractionProps &
+      QtiGraphicOrderInteractionSolidJsProps &
+      BaseProps<QtiGraphicOrderInteraction> &
       BaseEvents
   >;
 
@@ -9832,8 +9833,6 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `min-choices`/`minChoices`: undefined
-   * - `max-choices`/`maxChoices`: undefined
    * - `response-identifier`/`responseIdentifier`: undefined
    * - `disabled`: undefined
    * - `readonly`: undefined
@@ -9846,8 +9845,8 @@ export type CustomElementsSolidJs = {
    * Creates a disabled copy positioned after this interaction.
    * - `show-candidate-correction`/`showCandidateCorrection`: Shows feedback on candidate's selections compared to correct response.
    * Adds `candidate-correct` / `candidate-incorrect` states to choices.
+   * - `grImage`: undefined (property only)
    * - `response`: undefined (property only)
-   * - `value`: undefined (property only)
    * - `internals`: undefined (property only) (readonly)
    * - `isFullCorrectResponse`: undefined (property only)
    * - `correctResponse`: Get/set correct response programmatically.
@@ -9857,6 +9856,7 @@ export type CustomElementsSolidJs = {
    * item context mode (using responseVariable). (property only) (readonly)
    * - `isInline`: undefined (property only) (readonly)
    * - `responseVariable`: undefined (property only) (readonly)
+   * - `value`: undefined (property only)
    *
    * ## Events
    *
@@ -9869,19 +9869,19 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `reset() => void`: undefined
+   * - `validate() => boolean`: undefined
    * - `toggleCorrectResponse(show: boolean) => void`: undefined
    * - `toggleCandidateCorrection(show: boolean) => void`: undefined
-   * - `validate() => boolean`: undefined
    * - `reportValidity() => boolean`: undefined
-   * - `reset() => void`: undefined
    * - `formResetCallback() => void`: Called by the browser when the associated form is reset.
    * Part of the Form-Associated Custom Elements API.
    * - `saveResponse(value: string | string[], state?: string | null) => void`: undefined
    */
-  "qti-graphic-order-interaction": Partial<
-    QtiGraphicOrderInteractionProps &
-      QtiGraphicOrderInteractionSolidJsProps &
-      BaseProps<QtiGraphicOrderInteraction> &
+  "qti-graphic-associate-interaction": Partial<
+    QtiGraphicAssociateInteractionProps &
+      QtiGraphicAssociateInteractionSolidJsProps &
+      BaseProps<QtiGraphicAssociateInteraction> &
       BaseEvents
   >;
 

package/dist/test.js

@@ -23,12 +23,12 @@ import {
   TestStamp,
   TestView,
   TestViewToggle
-} from "./chunk-TZMDZQFG.js";
-import "./chunk-QUWFDFGZ.js";
-import "./chunk-DG5TP35K.js";
-import "./chunk-G5ZUC3OT.js";
+} from "./chunk-D6EHVZG2.js";
+import "./chunk-3XXXAWMZ.js";
+import "./chunk-DGIXWHK3.js";
+import "./chunk-CVB5ISWF.js";
 import "./chunk-K7HR6ZAY.js";
-import "./chunk-TORB5UN2.js";
+import "./chunk-A7HX4462.js";
 import "./chunk-QXBXORM3.js";
 export {
   QtiAssessmentItemRef,

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@citolab/qti-components",
   "description": "QTI component utilities",
-  "version": "7.27.2",
+  "version": "7.27.3",
   "author": "",
   "customElements": "custom-elements.json",
   "dependencies": {
     "@heximal/templates": "^0.1.5",
     "@lit/context": "^1.1.6",
-    "lit": "^3.3.1"
+    "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@qti-components/base": "^1.4.1",
-    "@qti-components/elements": "^1.6.1",
-    "@qti-components/interactions": "^1.10.1",
-    "@qti-components/loader": "^1.3.1",
-    "@qti-components/item": "^1.3.1",
-    "@qti-components/test": "^1.4.1",
-    "@qti-components/processing": "^1.3.1",
-    "@qti-components/theme": "^1.3.1",
-    "@qti-components/transformers": "^1.6.1"
+    "@qti-components/interactions": "^1.10.2",
+    "@qti-components/elements": "^1.6.2",
+    "@qti-components/base": "^1.4.2",
+    "@qti-components/item": "^1.3.2",
+    "@qti-components/loader": "^1.3.2",
+    "@qti-components/processing": "^1.3.2",
+    "@qti-components/test": "^1.4.2",
+    "@qti-components/theme": "^1.3.2",
+    "@qti-components/transformers": "^1.6.2"
   },
   "exports": {
     ".": {