@citolab/qti-components 6.0.25 → 6.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/{chunk-VBLA6PHI.cjs → chunk-EGPC25SK.cjs} +23 -43
  2. package/dist/{chunk-YFSV2M2E.js → chunk-OKBEUQM2.js} +23 -43
  3. package/dist/custom-elements.json +466 -457
  4. package/dist/index.cjs +89 -101
  5. package/dist/index.css +23 -43
  6. package/dist/index.d.cts +1 -0
  7. package/dist/index.d.ts +1 -0
  8. package/dist/index.js +90 -102
  9. package/dist/qti-components/index.cjs +44 -36
  10. package/dist/qti-components/index.d.cts +2 -2
  11. package/dist/qti-components/index.d.ts +2 -2
  12. package/dist/qti-components/index.js +62 -54
  13. package/dist/qti-item/index.cjs +1 -1
  14. package/dist/qti-item/index.js +1 -1
  15. package/dist/qti-item-react/index.cjs +1 -1
  16. package/dist/qti-item-react/index.d.cts +1 -1
  17. package/dist/qti-item-react/index.d.ts +1 -1
  18. package/dist/qti-item-react/index.js +1 -1
  19. package/dist/{qti-simple-choice-f19f8469.d.ts → qti-simple-choice-86f433b6.d.ts} +1 -0
  20. package/package.json +1 -1
package/dist/{chunk-VBLA6PHI.cjs → chunk-EGPC25SK.cjs} RENAMED
@@ -258,7 +258,6 @@
258
258
 
259
259
  .qti-well{
260
260
  cursor: pointer;
261
- color: rgb(17 24 39 / var(--tw-text-opacity));
262
261
  outline: 2px solid transparent;
263
262
  outline-offset: 2px;
264
263
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -492,8 +491,6 @@ qti-choice-interaction{
492
491
  qti-choice-interaction.qti-input-control-hidden qti-simple-choice{
493
492
  cursor: pointer;
494
493
  border-radius: 0.375rem;
495
- --tw-text-opacity: 1;
496
- color: rgb(17 24 39 / var(--tw-text-opacity));
497
494
  outline: 2px solid transparent;
498
495
  outline-offset: 2px;
499
496
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -565,8 +562,6 @@ qti-choice-interaction.qti-input-control-hidden qti-simple-choice[aria-readonly=
565
562
  qti-choice-interaction:not(.qti-input-control-hidden) qti-simple-choice{
566
563
  cursor: pointer;
567
564
  border-radius: 0.375rem;
568
- --tw-text-opacity: 1;
569
- color: rgb(17 24 39 / var(--tw-text-opacity));
570
565
  outline: 2px solid transparent;
571
566
  outline-offset: 2px;
572
567
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -702,7 +697,6 @@ qti-text-entry-interaction{
702
697
 
703
698
  qti-text-entry-interaction::part(input){
704
699
  cursor: pointer;
705
- color: rgb(17 24 39 / var(--tw-text-opacity));
706
700
  outline: 2px solid transparent;
707
701
  outline-offset: 2px;
708
702
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -739,7 +733,6 @@ qti-extended-text-interaction{
739
733
 
740
734
  qti-extended-text-interaction::part(textarea){
741
735
  cursor: pointer;
742
- color: rgb(17 24 39 / var(--tw-text-opacity));
743
736
  outline: 2px solid transparent;
744
737
  outline-offset: 2px;
745
738
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -778,8 +771,6 @@ qti-gap-match-interaction{
778
771
  qti-gap-match-interaction qti-gap-text{
779
772
  cursor: pointer;
780
773
  border-radius: 0.375rem;
781
- --tw-text-opacity: 1;
782
- color: rgb(17 24 39 / var(--tw-text-opacity));
783
774
  outline: 2px solid transparent;
784
775
  outline-offset: 2px;
785
776
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -826,8 +817,6 @@ qti-gap-match-interaction qti-gap-text:focus{
826
817
  qti-gap-match-interaction qti-gap{
827
818
  cursor: pointer;
828
819
  border-radius: 0.375rem;
829
- --tw-text-opacity: 1;
830
- color: rgb(17 24 39 / var(--tw-text-opacity));
831
820
  outline: 2px solid transparent;
832
821
  outline-offset: 2px;
833
822
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -914,8 +903,6 @@ qti-hotspot-interaction qti-hotspot-choice {
914
903
  qti-hotspot-interaction qti-hotspot-choice[shape='circle']{
915
904
  cursor: pointer;
916
905
  border-radius: 0.375rem;
917
- --tw-text-opacity: 1;
918
- color: rgb(17 24 39 / var(--tw-text-opacity));
919
906
  outline: 2px solid transparent;
920
907
  outline-offset: 2px;
921
908
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -985,8 +972,6 @@ qti-hotspot-interaction qti-hotspot-choice[shape='circle'][aria-readonly="true"]
985
972
  qti-hotspot-interaction qti-hotspot-choice[shape='rect']{
986
973
  cursor: pointer;
987
974
  border-radius: 0.375rem;
988
- --tw-text-opacity: 1;
989
- color: rgb(17 24 39 / var(--tw-text-opacity));
990
975
  outline: 2px solid transparent;
991
976
  outline-offset: 2px;
992
977
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1114,8 +1099,6 @@ qti-hottext-interaction{
1114
1099
  qti-hottext-interaction.qti-input-control-hidden qti-hottext{
1115
1100
  cursor: pointer;
1116
1101
  border-radius: 0.375rem;
1117
- --tw-text-opacity: 1;
1118
- color: rgb(17 24 39 / var(--tw-text-opacity));
1119
1102
  outline: 2px solid transparent;
1120
1103
  outline-offset: 2px;
1121
1104
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1195,8 +1178,6 @@ qti-hottext-interaction.qti-input-control-hidden qti-hottext::part(ch){
1195
1178
  qti-hottext-interaction:not(.qti-input-control-hidden) qti-hottext{
1196
1179
  cursor: pointer;
1197
1180
  border-radius: 0.375rem;
1198
- --tw-text-opacity: 1;
1199
- color: rgb(17 24 39 / var(--tw-text-opacity));
1200
1181
  outline: 2px solid transparent;
1201
1182
  outline-offset: 2px;
1202
1183
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1352,8 +1333,6 @@ qti-hottext-interaction:not(.qti-input-control-hidden) qti-hottext[aria-readonly
1352
1333
  qti-inline-choice-interaction::part(select){
1353
1334
  cursor: pointer;
1354
1335
  border-radius: 0.375rem;
1355
- --tw-text-opacity: 1;
1356
- color: rgb(17 24 39 / var(--tw-text-opacity));
1357
1336
  outline: 2px solid transparent;
1358
1337
  outline-offset: 2px;
1359
1338
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1400,8 +1379,6 @@ qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:first-of-type
1400
1379
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:first-of-type qti-simple-associable-choice{
1401
1380
  cursor: pointer;
1402
1381
  border-radius: 0.375rem;
1403
- --tw-text-opacity: 1;
1404
- color: rgb(17 24 39 / var(--tw-text-opacity));
1405
1382
  outline: 2px solid transparent;
1406
1383
  outline-offset: 2px;
1407
1384
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1454,8 +1431,6 @@ qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type{
1454
1431
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type qti-simple-associable-choice{
1455
1432
  cursor: pointer;
1456
1433
  border-radius: 0.375rem;
1457
- --tw-text-opacity: 1;
1458
- color: rgb(17 24 39 / var(--tw-text-opacity));
1459
1434
  outline: 2px solid transparent;
1460
1435
  outline-offset: 2px;
1461
1436
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1496,8 +1471,6 @@ qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type
1496
1471
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type qti-simple-associable-choice > qti-simple-associable-choice{
1497
1472
  cursor: pointer;
1498
1473
  border-radius: 0.375rem;
1499
- --tw-text-opacity: 1;
1500
- color: rgb(17 24 39 / var(--tw-text-opacity));
1501
1474
  outline: 2px solid transparent;
1502
1475
  outline-offset: 2px;
1503
1476
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1548,8 +1521,6 @@ qti-order-interaction::part(qti-simple-choice),
1548
1521
  qti-order-interaction qti-simple-choice{
1549
1522
  cursor: pointer;
1550
1523
  border-radius: 0.375rem;
1551
- --tw-text-opacity: 1;
1552
- color: rgb(17 24 39 / var(--tw-text-opacity));
1553
1524
  outline: 2px solid transparent;
1554
1525
  outline-offset: 2px;
1555
1526
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1613,8 +1584,6 @@ qti-order-interaction::part(drags){
1613
1584
  qti-order-interaction::part(drop-list){
1614
1585
  cursor: pointer;
1615
1586
  border-radius: 0.375rem;
1616
- --tw-text-opacity: 1;
1617
- color: rgb(17 24 39 / var(--tw-text-opacity));
1618
1587
  outline: 2px solid transparent;
1619
1588
  outline-offset: 2px;
1620
1589
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1659,8 +1628,6 @@ qti-associate-interaction::part(qti-simple-associable-choice),
1659
1628
  qti-associate-interaction qti-simple-associable-choice{
1660
1629
  cursor: pointer;
1661
1630
  border-radius: 0.375rem;
1662
- --tw-text-opacity: 1;
1663
- color: rgb(17 24 39 / var(--tw-text-opacity));
1664
1631
  outline: 2px solid transparent;
1665
1632
  outline-offset: 2px;
1666
1633
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1734,8 +1701,6 @@ qti-associate-interaction::part(active){
1734
1701
  qti-associate-interaction::part(drop-list){
1735
1702
  cursor: pointer;
1736
1703
  border-radius: 0.375rem;
1737
- --tw-text-opacity: 1;
1738
- color: rgb(17 24 39 / var(--tw-text-opacity));
1739
1704
  outline: 2px solid transparent;
1740
1705
  outline-offset: 2px;
1741
1706
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1764,8 +1729,6 @@ qti-associate-interaction::part(drop-list){
1764
1729
  qti-graphic-order-interaction qti-hotspot-choice{
1765
1730
  cursor: pointer;
1766
1731
  border-radius: 0.375rem;
1767
- --tw-text-opacity: 1;
1768
- color: rgb(17 24 39 / var(--tw-text-opacity));
1769
1732
  outline: 2px solid transparent;
1770
1733
  outline-offset: 2px;
1771
1734
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1866,8 +1829,6 @@ qti-graphic-associate-interaction qti-associable-hotspot[shape='circle'] {
1866
1829
  background-color: green; */
1867
1830
  cursor: pointer;
1868
1831
  border-radius: 0.375rem;
1869
- --tw-text-opacity: 1;
1870
- color: rgb(17 24 39 / var(--tw-text-opacity));
1871
1832
  outline: 2px solid transparent;
1872
1833
  outline-offset: 2px;
1873
1834
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1938,8 +1899,6 @@ qti-graphic-associate-interaction qti-associable-hotspot[shape='square'] {
1938
1899
  /* background-color: green; */
1939
1900
  cursor: pointer;
1940
1901
  border-radius: 0.375rem;
1941
- --tw-text-opacity: 1;
1942
- color: rgb(17 24 39 / var(--tw-text-opacity));
1943
1902
  outline: 2px solid transparent;
1944
1903
  outline-offset: 2px;
1945
1904
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2143,8 +2102,6 @@ qti-select-point-interaction::part(point):hover{
2143
2102
  qti-select-point-interaction::part(point){
2144
2103
  cursor: pointer;
2145
2104
  border-radius: 0.375rem;
2146
- --tw-text-opacity: 1;
2147
- color: rgb(17 24 39 / var(--tw-text-opacity));
2148
2105
  outline: 2px solid transparent;
2149
2106
  outline-offset: 2px;
2150
2107
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2180,26 +2137,49 @@ qti-position-object-stage qti-position-object-interaction {
2180
2137
  /* height: 40px; */
2181
2138
  }
2182
2139
 
2140
+ qti-prompt{
2141
+ margin-top: 0.5rem;
2142
+ margin-bottom: 0.5rem;
2143
+ display: block;
2144
+ width: 100%;
2145
+ }
2146
+
2183
2147
  qti-choice-interaction.qti-choices-stacking-2{
2184
2148
  display: grid;
2185
2149
  grid-template-columns: repeat(2, minmax(0, 1fr));
2186
2150
  }
2187
2151
 
2152
+ qti-choice-interaction.qti-choices-stacking-2 qti-prompt{
2153
+ grid-column: span 2 / span 2;
2154
+ }
2155
+
2188
2156
  qti-choice-interaction.qti-choices-stacking-3{
2189
2157
  display: grid;
2190
2158
  grid-template-columns: repeat(3, minmax(0, 1fr));
2191
2159
  }
2192
2160
 
2161
+ qti-choice-interaction.qti-choices-stacking-3 qti-prompt{
2162
+ grid-column: span 3 / span 3;
2163
+ }
2164
+
2193
2165
  qti-choice-interaction.qti-choices-stacking-4{
2194
2166
  display: grid;
2195
2167
  grid-template-columns: repeat(4, minmax(0, 1fr));
2196
2168
  }
2197
2169
 
2170
+ qti-choice-interaction.qti-choices-stacking-4 qti-prompt{
2171
+ grid-column: span 4 / span 4;
2172
+ }
2173
+
2198
2174
  qti-choice-interaction.qti-choices-stacking-5{
2199
2175
  display: grid;
2200
2176
  grid-template-columns: repeat(5, minmax(0, 1fr));
2201
2177
  }
2202
2178
 
2179
+ qti-choice-interaction.qti-choices-stacking-5 qti-prompt{
2180
+ grid-column: span 5 / span 5;
2181
+ }
2182
+
2203
2183
  qti-choice-interaction.qti-orientation-horizontal {
2204
2184
  /* is the default layout */
2205
2185
  }
package/dist/{chunk-YFSV2M2E.js → chunk-OKBEUQM2.js} RENAMED
@@ -258,7 +258,6 @@ import{a as i}from"./chunk-5GG2XAUT.js";import{a}from"./chunk-OO5TITDR.js";impor
258
258
 
259
259
  .qti-well{
260
260
  cursor: pointer;
261
- color: rgb(17 24 39 / var(--tw-text-opacity));
262
261
  outline: 2px solid transparent;
263
262
  outline-offset: 2px;
264
263
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -492,8 +491,6 @@ qti-choice-interaction{
492
491
  qti-choice-interaction.qti-input-control-hidden qti-simple-choice{
493
492
  cursor: pointer;
494
493
  border-radius: 0.375rem;
495
- --tw-text-opacity: 1;
496
- color: rgb(17 24 39 / var(--tw-text-opacity));
497
494
  outline: 2px solid transparent;
498
495
  outline-offset: 2px;
499
496
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -565,8 +562,6 @@ qti-choice-interaction.qti-input-control-hidden qti-simple-choice[aria-readonly=
565
562
  qti-choice-interaction:not(.qti-input-control-hidden) qti-simple-choice{
566
563
  cursor: pointer;
567
564
  border-radius: 0.375rem;
568
- --tw-text-opacity: 1;
569
- color: rgb(17 24 39 / var(--tw-text-opacity));
570
565
  outline: 2px solid transparent;
571
566
  outline-offset: 2px;
572
567
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -702,7 +697,6 @@ qti-text-entry-interaction{
702
697
 
703
698
  qti-text-entry-interaction::part(input){
704
699
  cursor: pointer;
705
- color: rgb(17 24 39 / var(--tw-text-opacity));
706
700
  outline: 2px solid transparent;
707
701
  outline-offset: 2px;
708
702
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -739,7 +733,6 @@ qti-extended-text-interaction{
739
733
 
740
734
  qti-extended-text-interaction::part(textarea){
741
735
  cursor: pointer;
742
- color: rgb(17 24 39 / var(--tw-text-opacity));
743
736
  outline: 2px solid transparent;
744
737
  outline-offset: 2px;
745
738
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -778,8 +771,6 @@ qti-gap-match-interaction{
778
771
  qti-gap-match-interaction qti-gap-text{
779
772
  cursor: pointer;
780
773
  border-radius: 0.375rem;
781
- --tw-text-opacity: 1;
782
- color: rgb(17 24 39 / var(--tw-text-opacity));
783
774
  outline: 2px solid transparent;
784
775
  outline-offset: 2px;
785
776
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -826,8 +817,6 @@ qti-gap-match-interaction qti-gap-text:focus{
826
817
  qti-gap-match-interaction qti-gap{
827
818
  cursor: pointer;
828
819
  border-radius: 0.375rem;
829
- --tw-text-opacity: 1;
830
- color: rgb(17 24 39 / var(--tw-text-opacity));
831
820
  outline: 2px solid transparent;
832
821
  outline-offset: 2px;
833
822
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -914,8 +903,6 @@ qti-hotspot-interaction qti-hotspot-choice {
914
903
  qti-hotspot-interaction qti-hotspot-choice[shape='circle']{
915
904
  cursor: pointer;
916
905
  border-radius: 0.375rem;
917
- --tw-text-opacity: 1;
918
- color: rgb(17 24 39 / var(--tw-text-opacity));
919
906
  outline: 2px solid transparent;
920
907
  outline-offset: 2px;
921
908
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -985,8 +972,6 @@ qti-hotspot-interaction qti-hotspot-choice[shape='circle'][aria-readonly="true"]
985
972
  qti-hotspot-interaction qti-hotspot-choice[shape='rect']{
986
973
  cursor: pointer;
987
974
  border-radius: 0.375rem;
988
- --tw-text-opacity: 1;
989
- color: rgb(17 24 39 / var(--tw-text-opacity));
990
975
  outline: 2px solid transparent;
991
976
  outline-offset: 2px;
992
977
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1114,8 +1099,6 @@ qti-hottext-interaction{
1114
1099
  qti-hottext-interaction.qti-input-control-hidden qti-hottext{
1115
1100
  cursor: pointer;
1116
1101
  border-radius: 0.375rem;
1117
- --tw-text-opacity: 1;
1118
- color: rgb(17 24 39 / var(--tw-text-opacity));
1119
1102
  outline: 2px solid transparent;
1120
1103
  outline-offset: 2px;
1121
1104
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1195,8 +1178,6 @@ qti-hottext-interaction.qti-input-control-hidden qti-hottext::part(ch){
1195
1178
  qti-hottext-interaction:not(.qti-input-control-hidden) qti-hottext{
1196
1179
  cursor: pointer;
1197
1180
  border-radius: 0.375rem;
1198
- --tw-text-opacity: 1;
1199
- color: rgb(17 24 39 / var(--tw-text-opacity));
1200
1181
  outline: 2px solid transparent;
1201
1182
  outline-offset: 2px;
1202
1183
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1352,8 +1333,6 @@ qti-hottext-interaction:not(.qti-input-control-hidden) qti-hottext[aria-readonly
1352
1333
  qti-inline-choice-interaction::part(select){
1353
1334
  cursor: pointer;
1354
1335
  border-radius: 0.375rem;
1355
- --tw-text-opacity: 1;
1356
- color: rgb(17 24 39 / var(--tw-text-opacity));
1357
1336
  outline: 2px solid transparent;
1358
1337
  outline-offset: 2px;
1359
1338
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1400,8 +1379,6 @@ qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:first-of-type
1400
1379
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:first-of-type qti-simple-associable-choice{
1401
1380
  cursor: pointer;
1402
1381
  border-radius: 0.375rem;
1403
- --tw-text-opacity: 1;
1404
- color: rgb(17 24 39 / var(--tw-text-opacity));
1405
1382
  outline: 2px solid transparent;
1406
1383
  outline-offset: 2px;
1407
1384
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1454,8 +1431,6 @@ qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type{
1454
1431
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type qti-simple-associable-choice{
1455
1432
  cursor: pointer;
1456
1433
  border-radius: 0.375rem;
1457
- --tw-text-opacity: 1;
1458
- color: rgb(17 24 39 / var(--tw-text-opacity));
1459
1434
  outline: 2px solid transparent;
1460
1435
  outline-offset: 2px;
1461
1436
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1496,8 +1471,6 @@ qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type
1496
1471
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:last-of-type qti-simple-associable-choice > qti-simple-associable-choice{
1497
1472
  cursor: pointer;
1498
1473
  border-radius: 0.375rem;
1499
- --tw-text-opacity: 1;
1500
- color: rgb(17 24 39 / var(--tw-text-opacity));
1501
1474
  outline: 2px solid transparent;
1502
1475
  outline-offset: 2px;
1503
1476
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1548,8 +1521,6 @@ qti-order-interaction::part(qti-simple-choice),
1548
1521
  qti-order-interaction qti-simple-choice{
1549
1522
  cursor: pointer;
1550
1523
  border-radius: 0.375rem;
1551
- --tw-text-opacity: 1;
1552
- color: rgb(17 24 39 / var(--tw-text-opacity));
1553
1524
  outline: 2px solid transparent;
1554
1525
  outline-offset: 2px;
1555
1526
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1613,8 +1584,6 @@ qti-order-interaction::part(drags){
1613
1584
  qti-order-interaction::part(drop-list){
1614
1585
  cursor: pointer;
1615
1586
  border-radius: 0.375rem;
1616
- --tw-text-opacity: 1;
1617
- color: rgb(17 24 39 / var(--tw-text-opacity));
1618
1587
  outline: 2px solid transparent;
1619
1588
  outline-offset: 2px;
1620
1589
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1659,8 +1628,6 @@ qti-associate-interaction::part(qti-simple-associable-choice),
1659
1628
  qti-associate-interaction qti-simple-associable-choice{
1660
1629
  cursor: pointer;
1661
1630
  border-radius: 0.375rem;
1662
- --tw-text-opacity: 1;
1663
- color: rgb(17 24 39 / var(--tw-text-opacity));
1664
1631
  outline: 2px solid transparent;
1665
1632
  outline-offset: 2px;
1666
1633
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1734,8 +1701,6 @@ qti-associate-interaction::part(active){
1734
1701
  qti-associate-interaction::part(drop-list){
1735
1702
  cursor: pointer;
1736
1703
  border-radius: 0.375rem;
1737
- --tw-text-opacity: 1;
1738
- color: rgb(17 24 39 / var(--tw-text-opacity));
1739
1704
  outline: 2px solid transparent;
1740
1705
  outline-offset: 2px;
1741
1706
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1764,8 +1729,6 @@ qti-associate-interaction::part(drop-list){
1764
1729
  qti-graphic-order-interaction qti-hotspot-choice{
1765
1730
  cursor: pointer;
1766
1731
  border-radius: 0.375rem;
1767
- --tw-text-opacity: 1;
1768
- color: rgb(17 24 39 / var(--tw-text-opacity));
1769
1732
  outline: 2px solid transparent;
1770
1733
  outline-offset: 2px;
1771
1734
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1866,8 +1829,6 @@ qti-graphic-associate-interaction qti-associable-hotspot[shape='circle'] {
1866
1829
  background-color: green; */
1867
1830
  cursor: pointer;
1868
1831
  border-radius: 0.375rem;
1869
- --tw-text-opacity: 1;
1870
- color: rgb(17 24 39 / var(--tw-text-opacity));
1871
1832
  outline: 2px solid transparent;
1872
1833
  outline-offset: 2px;
1873
1834
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1938,8 +1899,6 @@ qti-graphic-associate-interaction qti-associable-hotspot[shape='square'] {
1938
1899
  /* background-color: green; */
1939
1900
  cursor: pointer;
1940
1901
  border-radius: 0.375rem;
1941
- --tw-text-opacity: 1;
1942
- color: rgb(17 24 39 / var(--tw-text-opacity));
1943
1902
  outline: 2px solid transparent;
1944
1903
  outline-offset: 2px;
1945
1904
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2143,8 +2102,6 @@ qti-select-point-interaction::part(point):hover{
2143
2102
  qti-select-point-interaction::part(point){
2144
2103
  cursor: pointer;
2145
2104
  border-radius: 0.375rem;
2146
- --tw-text-opacity: 1;
2147
- color: rgb(17 24 39 / var(--tw-text-opacity));
2148
2105
  outline: 2px solid transparent;
2149
2106
  outline-offset: 2px;
2150
2107
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2180,26 +2137,49 @@ qti-position-object-stage qti-position-object-interaction {
2180
2137
  /* height: 40px; */
2181
2138
  }
2182
2139
 
2140
+ qti-prompt{
2141
+ margin-top: 0.5rem;
2142
+ margin-bottom: 0.5rem;
2143
+ display: block;
2144
+ width: 100%;
2145
+ }
2146
+
2183
2147
  qti-choice-interaction.qti-choices-stacking-2{
2184
2148
  display: grid;
2185
2149
  grid-template-columns: repeat(2, minmax(0, 1fr));
2186
2150
  }
2187
2151
 
2152
+ qti-choice-interaction.qti-choices-stacking-2 qti-prompt{
2153
+ grid-column: span 2 / span 2;
2154
+ }
2155
+
2188
2156
  qti-choice-interaction.qti-choices-stacking-3{
2189
2157
  display: grid;
2190
2158
  grid-template-columns: repeat(3, minmax(0, 1fr));
2191
2159
  }
2192
2160
 
2161
+ qti-choice-interaction.qti-choices-stacking-3 qti-prompt{
2162
+ grid-column: span 3 / span 3;
2163
+ }
2164
+
2193
2165
  qti-choice-interaction.qti-choices-stacking-4{
2194
2166
  display: grid;
2195
2167
  grid-template-columns: repeat(4, minmax(0, 1fr));
2196
2168
  }
2197
2169
 
2170
+ qti-choice-interaction.qti-choices-stacking-4 qti-prompt{
2171
+ grid-column: span 4 / span 4;
2172
+ }
2173
+
2198
2174
  qti-choice-interaction.qti-choices-stacking-5{
2199
2175
  display: grid;
2200
2176
  grid-template-columns: repeat(5, minmax(0, 1fr));
2201
2177
  }
2202
2178
 
2179
+ qti-choice-interaction.qti-choices-stacking-5 qti-prompt{
2180
+ grid-column: span 5 / span 5;
2181
+ }
2182
+
2203
2183
  qti-choice-interaction.qti-orientation-horizontal {
2204
2184
  /* is the default layout */
2205
2185
  }