@citolab/qti-components 7.3.19 → 7.3.20

package/dist/exports/interaction.d.ts

@@ -1,6 +1,7 @@
 import 'lit';
-export { ab as Interaction } from '../qti-response-declaration-CIPGNbno.js';
+export { ac as Interaction } from '../qti-response-declaration-xVcD4HvN.js';
 import './interaction.interface.js';
 import 'lit-html';
 import './expression-result.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';

package/dist/exports/interaction.js

@@ -1,6 +1,7 @@
 import {
   Interaction
-} from "../chunks/chunk-4LANPT4E.js";
+} from "../chunks/chunk-KJQYKXDV.js";
+import "../chunks/chunk-NRKCQIQS.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {
   Interaction

package/dist/exports/item.context.d.ts

@@ -1,6 +1,7 @@
-export { a4 as ItemContext, ac as itemContextVariables } from '../qti-response-declaration-CIPGNbno.js';
+export { a4 as ItemContext, ad as itemContextVariables } from '../qti-response-declaration-xVcD4HvN.js';
 import 'lit-html';
 import 'lit';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';

package/dist/exports/qti-assessment-item.context.d.ts

@@ -1,9 +1,10 @@
-import { a4 as ItemContext } from '../qti-response-declaration-CIPGNbno.js';
+import { a4 as ItemContext } from '../qti-response-declaration-xVcD4HvN.js';
 import 'lit-html';
 import 'lit';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';
 
 declare const itemContext: {
     __context__: ItemContext;

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

@@ -1,9 +1,10 @@
-import { a5 as QtiExpression } from '../qti-response-declaration-CIPGNbno.js';
+import { a5 as QtiExpression } from '../qti-response-declaration-xVcD4HvN.js';
 import 'lit-html';
 import 'lit';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';
 
 declare abstract class QtiConditionExpression extends QtiExpression<boolean> {
     calculate(): Readonly<boolean>;

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

@@ -1,8 +1,9 @@
 import {
   QtiConditionExpression
-} from "../chunks/chunk-2GCEXNHI.js";
-import "../chunks/chunk-RVJU3T7F.js";
+} from "../chunks/chunk-DPJNXSTI.js";
+import "../chunks/chunk-GFCOR6TX.js";
 import "../chunks/chunk-NJNQOQUU.js";
+import "../chunks/chunk-H6KHXSIO.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {
   QtiConditionExpression

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

@@ -1,6 +1,7 @@
 import 'lit-html';
 import 'lit';
-export { a5 as QtiExpression, a9 as QtiExpressionBase } from '../qti-response-declaration-CIPGNbno.js';
+import './qti.context.js';
+export { a5 as QtiExpression, a9 as QtiExpressionBase } from '../qti-response-declaration-xVcD4HvN.js';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';

package/dist/exports/qti-expression.js

@@ -1,7 +1,8 @@
 import {
   QtiExpression
-} from "../chunks/chunk-RVJU3T7F.js";
+} from "../chunks/chunk-GFCOR6TX.js";
 import "../chunks/chunk-NJNQOQUU.js";
+import "../chunks/chunk-H6KHXSIO.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {
   QtiExpression

package/dist/exports/qti-test.d.ts

@@ -1,13 +1,14 @@
 import { LitElement } from 'lit';
 import { TestContext } from './test.context.js';
 import { SessionContext } from './session.context.js';
-import { a7 as VariableValue, a8 as OutcomeVariable, a6 as VariableDeclaration } from '../qti-response-declaration-CIPGNbno.js';
+import { a6 as VariableValue, a7 as OutcomeVariable, a8 as VariableDeclaration } from '../qti-response-declaration-xVcD4HvN.js';
+import '../qti-test-feedback-B1kTnqnI.js';
+import '@heximal/templates';
 import 'lit-html';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
-import '../qti-test-feedback-TcrkevLg.js';
-import '@heximal/templates';
+import './qti.context.js';
 
 interface QtiTest extends LitElement, ITestNavigationMixin, ITestProcessingMixin, IQtiTest {
 }

package/dist/exports/qti.context.d.ts

@@ -0,0 +1,14 @@
+type QtiContextType = {
+    testIdentifier: string;
+    candidateIdentifier: string;
+    environmentIdentifier: string;
+    [key: string]: string | string[];
+};
+interface QtiContext {
+    QTI_CONTEXT: QtiContextType;
+}
+declare const qtiContext: {
+    __context__: Readonly<QtiContext>;
+};
+
+export { type QtiContext, type QtiContextType, qtiContext };

package/dist/exports/qti.context.js

@@ -0,0 +1,8 @@
+import {
+  qtiContext
+} from "../chunks/chunk-H6KHXSIO.js";
+import "../chunks/chunk-H2JE6IVU.js";
+export {
+  qtiContext
+};
+//# sourceMappingURL=qti.context.js.map

package/dist/exports/qti.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/exports/session.context.d.ts

@@ -1,10 +1,11 @@
-import { V as View } from '../qti-test-feedback-TcrkevLg.js';
-import '../qti-response-declaration-CIPGNbno.js';
+import { V as View } from '../qti-test-feedback-B1kTnqnI.js';
+import '../qti-response-declaration-xVcD4HvN.js';
 import 'lit-html';
 import 'lit';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';
 import '@heximal/templates';
 import './test.context.js';
 

package/dist/exports/test.context.d.ts

@@ -1,9 +1,10 @@
-import { a4 as ItemContext, a6 as VariableDeclaration } from '../qti-response-declaration-CIPGNbno.js';
+import { a4 as ItemContext, a8 as VariableDeclaration } from '../qti-response-declaration-xVcD4HvN.js';
 import 'lit-html';
 import 'lit';
 import './expression-result.js';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';
 
 interface TestContext {
     items: (ItemContext & {

package/dist/exports/variables.d.ts

@@ -1,6 +1,7 @@
-export { a8 as OutcomeVariable, aa as ResponseVariable, a6 as VariableDeclaration, a7 as VariableValue } from '../qti-response-declaration-CIPGNbno.js';
+export { a7 as OutcomeVariable, aa as ResponseVariable, ab as TemplateVariable, a8 as VariableDeclaration, a6 as VariableValue } from '../qti-response-declaration-xVcD4HvN.js';
 import './expression-result.js';
 import 'lit-html';
 import 'lit';
 import './interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './qti.context.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { O as Orientation, V as QtiAreaMapEntry, U as QtiAreaMapping, Q as QtiAssessmentItem, a as QtiAssessmentStimulusRef, g as QtiAssociableHotspot, h as QtiAssociateInteraction, i as QtiChoiceInteraction, b as QtiCompanionMaterialsInfo, $ as QtiContentBody, j as QtiCustomInteraction, c as QtiCustomOperator, k as QtiEndAttemptInteraction, l as QtiExtendedTextInteraction, d as QtiFeedbackBlock, e as QtiFeedbackInline, p as QtiGap, m as QtiGapImg, n as QtiGapMatchInteraction, o as QtiGapText, q as QtiGraphicAssociateInteraction, r as QtiGraphicGapMatchInteraction, s as QtiGraphicOrderInteraction, t as QtiHotspotChoice, u as QtiHotspotInteraction, w as QtiHottext, v as QtiHottextInteraction, y as QtiInlineChoice, x as QtiInlineChoiceInteraction, K as QtiItemBody, R as QtiLookupOutcomeValue, T as QtiMapEntry, S as QtiMapping, z as QtiMatchInteraction, A as QtiMediaInteraction, f as QtiModalFeedback, B as QtiOrderInteraction, a2 as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, M as QtiOutcomeProcessingProcessor, C as QtiPortableCustomInteraction, D as QtiPositionObjectStage, N as QtiPrompt, a3 as QtiResponseDeclaration, P as QtiResponseProcessing, a0 as QtiRubricBlock, Z as QtiRule, _ as QtiRuleBase, E as QtiSelectPointInteraction, F as QtiSimpleAssociableChoice, G as QtiSimpleChoice, H as QtiSliderInteraction, a1 as QtiStylesheet, X as QtiSubtract, I as QtiTextEntryInteraction, J as QtiUploadInteraction, W as areaShape, Y as qtiSubtractMixin } from './qti-response-declaration-CIPGNbno.js';
-export { QtiAnd, QtiBaseValue, QtiContains, QtiCorrect, QtiDelete, QtiEqual, QtiEqualRounded, QtiGt, QtiGte, QtiIndex, QtiIsNull, QtiLt, QtiLte, QtiMapResponse, QtiMapResponsePoint, QtiMatch, QtiMember, QtiMultiple, QtiNot, QtiOr, QtiOrdered, QtiPositionObjectInteraction, QtiPrintedVariable, QtiProduct, QtiRandom, QtiResponseCondition, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiSetOutcomeValue, QtiSetOutcomeValueRule, QtiStringMatch, QtiSum, QtiSumExpression, QtiVariable, qtiAndMixin } from './qti-components/index.js';
+export { O as Orientation, V as QtiAreaMapEntry, U as QtiAreaMapping, Q as QtiAssessmentItem, a as QtiAssessmentStimulusRef, g as QtiAssociableHotspot, h as QtiAssociateInteraction, i as QtiChoiceInteraction, b as QtiCompanionMaterialsInfo, $ as QtiContentBody, j as QtiCustomInteraction, c as QtiCustomOperator, k as QtiEndAttemptInteraction, l as QtiExtendedTextInteraction, d as QtiFeedbackBlock, e as QtiFeedbackInline, p as QtiGap, m as QtiGapImg, n as QtiGapMatchInteraction, o as QtiGapText, q as QtiGraphicAssociateInteraction, r as QtiGraphicGapMatchInteraction, s as QtiGraphicOrderInteraction, t as QtiHotspotChoice, u as QtiHotspotInteraction, w as QtiHottext, v as QtiHottextInteraction, y as QtiInlineChoice, x as QtiInlineChoiceInteraction, K as QtiItemBody, R as QtiLookupOutcomeValue, T as QtiMapEntry, S as QtiMapping, z as QtiMatchInteraction, A as QtiMediaInteraction, f as QtiModalFeedback, B as QtiOrderInteraction, a2 as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, M as QtiOutcomeProcessingProcessor, C as QtiPortableCustomInteraction, D as QtiPositionObjectStage, N as QtiPrompt, a3 as QtiResponseDeclaration, P as QtiResponseProcessing, a0 as QtiRubricBlock, Z as QtiRule, _ as QtiRuleBase, E as QtiSelectPointInteraction, F as QtiSimpleAssociableChoice, G as QtiSimpleChoice, H as QtiSliderInteraction, a1 as QtiStylesheet, X as QtiSubtract, I as QtiTextEntryInteraction, J as QtiUploadInteraction, W as areaShape, Y as qtiSubtractMixin } from './qti-response-declaration-xVcD4HvN.js';
+export { QtiAnd, QtiBaseValue, QtiContainerSize, QtiContains, QtiCorrect, QtiDefault, QtiDelete, QtiEqual, QtiEqualRounded, QtiFieldValue, QtiGcd, QtiGt, QtiGte, QtiIndex, QtiIsNull, QtiLt, QtiLte, QtiMapResponse, QtiMapResponsePoint, QtiMatch, QtiMathOperator, QtiMember, QtiMultiple, QtiNot, QtiNull, QtiOr, QtiOrdered, QtiPositionObjectInteraction, QtiPower, QtiPrintedVariable, QtiProduct, QtiRandom, QtiRandomInteger, QtiResponseCondition, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiRound, QtiRoundTo, QtiSetOutcomeValue, QtiSetOutcomeValueRule, QtiStringMatch, QtiSum, QtiSumExpression, QtiVariable, qtiAndMixin } from './qti-components/index.js';
 export { QtiTest } from './qti-test/core/index.js';
-export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, b as QtiAssessmentTest, d as QtiTestFeedback, c as QtiTestPart } from './qti-test-feedback-TcrkevLg.js';
+export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, b as QtiAssessmentTest, d as QtiTestFeedback, c as QtiTestPart } from './qti-test-feedback-B1kTnqnI.js';
 export { INITIAL_TEST_CONTEXT, TestContext, testContext } from './exports/test.context.js';
 export { TestNavigation } from './qti-test/components/test-navigation.js';
 export { TestNext } from './qti-test/components/test-next.js';
@@ -32,6 +32,7 @@ import 'lit';
 import './exports/expression-result.js';
 import './exports/interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import './exports/qti.context.js';
 import './exports/qti-condition-expression.js';
 import './exports/session.context.js';
 import './exports/qti-test.js';

package/dist/index.js

@@ -1,3 +1,6 @@
+import {
+  QtiItem
+} from "./chunks/chunk-HYMSLOZ7.js";
 import {
   QtiAssessmentItemRef,
   QtiAssessmentSection,
@@ -5,25 +8,20 @@ import {
   QtiTest,
   QtiTestFeedback,
   QtiTestPart
-} from "./chunks/chunk-RL3NBBKW.js";
-import {
-  getItemByUri,
-  getManifestInfo
-} from "./chunks/chunk-E6V3JHVT.js";
+} from "./chunks/chunk-DDSFGYAK.js";
+import "./chunks/chunk-ZGSNDSK3.js";
 import {
-  QtiItem
-} from "./chunks/chunk-BXUNJ6XB.js";
+  TestScoringFeedback
+} from "./chunks/chunk-CTESMSQO.js";
 import {
-  ItemContainer
-} from "./chunks/chunk-H67RKRFW.js";
+  TestSectionButtonsStamp
+} from "./chunks/chunk-KSXNC564.js";
 import {
-  ItemShowCorrectResponse
-} from "./chunks/chunk-G5R527RC.js";
+  TestSectionLink
+} from "./chunks/chunk-BLBSZDQ4.js";
 import {
-  PrintItemVariables
-} from "./chunks/chunk-EJZQSOHU.js";
-import "./chunks/chunk-DZAMXOSC.js";
-import "./chunks/chunk-ZGSNDSK3.js";
+  TestShowCorrectResponse
+} from "./chunks/chunk-TWYN56XO.js";
 import {
   TestStamp
 } from "./chunks/chunk-GAHXUFMQ.js";
@@ -32,7 +30,19 @@ import {
 } from "./chunks/chunk-TUKEQ36K.js";
 import {
   TestView
-} from "./chunks/chunk-YS4T2ORC.js";
+} from "./chunks/chunk-KG5Z2CKO.js";
+import {
+  TestItemLink
+} from "./chunks/chunk-YPMZLHGG.js";
+import {
+  TestNavigation
+} from "./chunks/chunk-MI7IF36Z.js";
+import {
+  TestNext
+} from "./chunks/chunk-7K44TDQO.js";
+import {
+  TestPagingButtonsStamp
+} from "./chunks/chunk-CP34TICQ.js";
 import {
   TestPrev
 } from "./chunks/chunk-EMVOKXSA.js";
@@ -45,47 +55,16 @@ import {
 import {
   TestScoringButtons
 } from "./chunks/chunk-TU6COU44.js";
-import {
-  TestScoringFeedback
-} from "./chunks/chunk-CTESMSQO.js";
-import {
-  TestSectionButtonsStamp
-} from "./chunks/chunk-KSXNC564.js";
-import {
-  TestSectionLink
-} from "./chunks/chunk-BLBSZDQ4.js";
-import {
-  TestShowCorrectResponse
-} from "./chunks/chunk-TWYN56XO.js";
 import {
   TestCheckItem
 } from "./chunks/chunk-7OMJMXHK.js";
 import {
   TestContainer
-} from "./chunks/chunk-NPZ3WHOS.js";
+} from "./chunks/chunk-HEP5QRPW.js";
 import {
   TestEndAttempt
 } from "./chunks/chunk-5KCXO2RP.js";
-import {
-  TestItemLink
-} from "./chunks/chunk-YPMZLHGG.js";
-import {
-  TestNavigation
-} from "./chunks/chunk-EXBK4TXV.js";
-import {
-  TestNext
-} from "./chunks/chunk-7K44TDQO.js";
-import "./chunks/chunk-BV2QSR2N.js";
 import "./chunks/chunk-5ZHHNEDA.js";
-import {
-  TestPagingButtonsStamp
-} from "./chunks/chunk-CP34TICQ.js";
-import "./chunks/chunk-6TDSFDGN.js";
-import "./chunks/chunk-22IRJWWY.js";
-import {
-  INITIAL_TEST_CONTEXT,
-  testContext
-} from "./chunks/chunk-CJADUWEC.js";
 import {
   QtiAnd,
   QtiAssessmentItem,
@@ -95,11 +74,13 @@ import {
   QtiBaseValue,
   QtiChoiceInteraction,
   QtiCompanionMaterialsInfo,
+  QtiContainerSize,
   QtiContains,
   QtiContentBody,
   QtiCorrect,
   QtiCustomInteraction,
   QtiCustomOperator,
+  QtiDefault,
   QtiDelete,
   QtiEndAttemptInteraction,
   QtiEqual,
@@ -107,10 +88,12 @@ import {
   QtiExtendedTextInteraction,
   QtiFeedbackBlock,
   QtiFeedbackInline,
+  QtiFieldValue,
   QtiGap,
   QtiGapImg,
   QtiGapMatchInteraction,
   QtiGapText,
+  QtiGcd,
   QtiGraphicAssociateInteraction,
   QtiGraphicGapMatchInteraction,
   QtiGraphicOrderInteraction,
@@ -132,11 +115,13 @@ import {
   QtiMapResponsePoint,
   QtiMatch,
   QtiMatchInteraction,
+  QtiMathOperator,
   QtiMediaInteraction,
   QtiMember,
   QtiModalFeedback,
   QtiMultiple,
   QtiNot,
+  QtiNull,
   QtiOr,
   QtiOrderInteraction,
   QtiOrdered,
@@ -146,16 +131,20 @@ import {
   QtiPortableCustomInteraction,
   QtiPositionObjectInteraction,
   QtiPositionObjectStage,
+  QtiPower,
   QtiPrintedVariable,
   QtiProduct,
   QtiPrompt,
   QtiRandom,
+  QtiRandomInteger,
   QtiResponseCondition,
   QtiResponseDeclaration,
   QtiResponseElse,
   QtiResponseElseIf,
   QtiResponseIf,
   QtiResponseProcessing,
+  QtiRound,
+  QtiRoundTo,
   QtiRubricBlock,
   QtiRule,
   QtiSelectPointInteraction,
@@ -174,21 +163,42 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "./chunks/chunk-VHSCCVNF.js";
-import "./chunks/chunk-D3RGDWKP.js";
+} from "./chunks/chunk-SRJF5RCP.js";
+import "./chunks/chunk-YWEWSQJR.js";
+import {
+  getItemByUri,
+  getManifestInfo
+} from "./chunks/chunk-E6V3JHVT.js";
+import {
+  ItemContainer
+} from "./chunks/chunk-565QP4OA.js";
+import "./chunks/chunk-7XIK3UQX.js";
 import "./chunks/chunk-ELDMXTUQ.js";
 import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
 } from "./chunks/chunk-WFUXZ4UT.js";
-import "./chunks/chunk-2GCEXNHI.js";
-import "./chunks/chunk-RVJU3T7F.js";
+import {
+  ItemShowCorrectResponse
+} from "./chunks/chunk-UHQVQBCL.js";
+import "./chunks/chunk-DZAMXOSC.js";
+import {
+  PrintItemVariables
+} from "./chunks/chunk-EJZQSOHU.js";
+import "./chunks/chunk-DPJNXSTI.js";
+import "./chunks/chunk-GFCOR6TX.js";
 import "./chunks/chunk-NJNQOQUU.js";
+import "./chunks/chunk-H6KHXSIO.js";
+import "./chunks/chunk-22IRJWWY.js";
+import {
+  INITIAL_TEST_CONTEXT,
+  testContext
+} from "./chunks/chunk-CJADUWEC.js";
 import "./chunks/chunk-4OGJBG35.js";
 import "./chunks/chunk-AZIKAG7K.js";
-import "./chunks/chunk-OJ3KRFOY.js";
-import "./chunks/chunk-4LANPT4E.js";
+import "./chunks/chunk-KJQYKXDV.js";
+import "./chunks/chunk-NRKCQIQS.js";
 import "./chunks/chunk-JQ6HWGRY.js";
 import "./chunks/chunk-H2JE6IVU.js";
 export {
@@ -207,11 +217,13 @@ export {
   QtiBaseValue,
   QtiChoiceInteraction,
   QtiCompanionMaterialsInfo,
+  QtiContainerSize,
   QtiContains,
   QtiContentBody,
   QtiCorrect,
   QtiCustomInteraction,
   QtiCustomOperator,
+  QtiDefault,
   QtiDelete,
   QtiEndAttemptInteraction,
   QtiEqual,
@@ -219,10 +231,12 @@ export {
   QtiExtendedTextInteraction,
   QtiFeedbackBlock,
   QtiFeedbackInline,
+  QtiFieldValue,
   QtiGap,
   QtiGapImg,
   QtiGapMatchInteraction,
   QtiGapText,
+  QtiGcd,
   QtiGraphicAssociateInteraction,
   QtiGraphicGapMatchInteraction,
   QtiGraphicOrderInteraction,
@@ -245,11 +259,13 @@ export {
   QtiMapResponsePoint,
   QtiMatch,
   QtiMatchInteraction,
+  QtiMathOperator,
   QtiMediaInteraction,
   QtiMember,
   QtiModalFeedback,
   QtiMultiple,
   QtiNot,
+  QtiNull,
   QtiOr,
   QtiOrderInteraction,
   QtiOrdered,
@@ -259,16 +275,20 @@ export {
   QtiPortableCustomInteraction,
   QtiPositionObjectInteraction,
   QtiPositionObjectStage,
+  QtiPower,
   QtiPrintedVariable,
   QtiProduct,
   QtiPrompt,
   QtiRandom,
+  QtiRandomInteger,
   QtiResponseCondition,
   QtiResponseDeclaration,
   QtiResponseElse,
   QtiResponseElseIf,
   QtiResponseIf,
   QtiResponseProcessing,
+  QtiRound,
+  QtiRoundTo,
   QtiRubricBlock,
   QtiRule,
   QtiSelectPointInteraction,

package/dist/item.css

@@ -2028,6 +2028,14 @@ qti-response-declaration {
           background-color: var(--qti-bg-active);
         }
 
+        &:state(candidate-correct) {
+          background-color: var(--qti-correct);
+        }
+
+        &:state(candidate-incorrect) {
+          background-color: var(--qti-incorrect);
+        }
+
         &:state(readonly),
         &[aria-readonly='true'] {
           cursor: pointer;
@@ -2946,22 +2954,18 @@ qti-response-declaration {
     /* The droppables */
     & qti-simple-match-set:last-of-type {
       display: grid;
-      grid-auto-columns: 1fr; /* auto-cols-fr */
-      grid-auto-flow: column; /* grid-flow-col */
-      gap: var(--qti-gap-size); /* gap-2 */
-      width: 100%; /* w-full */
-
-      & qti-simple-associable-choice {
-        display: flex;
-        flex-direction: column;
-      }
+      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+      grid-auto-flow: unset;
+      grid-auto-columns: unset;
+      gap: var(--qti-gap-size);
 
       & > qti-simple-associable-choice {
         /* a droppable qti-simple-associable-choice */
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        grid-row: unset;
         box-sizing: border-box;
-        display: grid;
-        grid-row: 2 / 4;
-        grid-template-rows: subgrid;
 
         & img {
           max-width: 100%;
@@ -3004,11 +3008,10 @@ qti-response-declaration {
             box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
           }
 
-          /* min-height: 6rem; */
-          min-height: calc(1lh + 2 * var(--qti-padding-vertical));
-          gap: var(--qti-gap-size);
-          box-sizing: border-box;
+          margin-top: 0.5rem;
+          gap: 0.5rem;
           display: flex;
+          flex-wrap: wrap;
           justify-content: center;
           align-items: center;
           border: var(--qti-border-thickness) dashed var(--qti-border-color);
@@ -3607,3 +3610,12 @@ qti-math-interaction::part(message) {
   border-radius: 4px;
   margin-top: 8px;
 }
+
+div.full-correct-response {
+  display: flex;
+  margin-top: 0.5rem;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  border: 1px solid #39a7c0;
+  background-color: #d9e8ee;
+}