@citolab/qti-components 7.0.1 → 7.0.3

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 (45) hide show
  1. package/cdn/index.global.js +1 -1
  2. package/cdn/index.js +8297 -0
  3. package/dist/custom-elements.json +27271 -0
  4. package/dist/{qti-test/index.d.ts → index.d.ts} +170 -4
  5. package/dist/index.js +17164 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/item.css +257 -46
  8. package/dist/{qti-loader → loader}/index.d.ts +1 -1
  9. package/dist/qti-components-jsx.d.ts +33 -61
  10. package/dist/{qti-simple-choice-CynLWb8d.d.cts → qti-simple-choice-UTrFa_RQ.d.ts} +11 -19
  11. package/dist/vscode.html-custom-data.json +15 -11
  12. package/package.json +41 -58
  13. package/readme.md +55 -0
  14. package/README.md +0 -85
  15. package/cdn/index.min.cjs +0 -4489
  16. package/cdn/index.min.js +0 -4489
  17. package/dist/qti-components/index.cjs +0 -6704
  18. package/dist/qti-components/index.cjs.map +0 -1
  19. package/dist/qti-components/index.d.cts +0 -150
  20. package/dist/qti-components/index.d.ts +0 -150
  21. package/dist/qti-components/index.js +0 -6593
  22. package/dist/qti-components/index.js.map +0 -1
  23. package/dist/qti-item/index.cjs +0 -89
  24. package/dist/qti-item/index.cjs.map +0 -1
  25. package/dist/qti-item/index.d.cts +0 -24
  26. package/dist/qti-item/index.d.ts +0 -24
  27. package/dist/qti-item/index.js +0 -65
  28. package/dist/qti-item/index.js.map +0 -1
  29. package/dist/qti-loader/index.cjs +0 -332
  30. package/dist/qti-loader/index.cjs.map +0 -1
  31. package/dist/qti-loader/index.d.cts +0 -20
  32. package/dist/qti-simple-choice-CynLWb8d.d.ts +0 -1185
  33. package/dist/qti-test/index.cjs +0 -4632
  34. package/dist/qti-test/index.cjs.map +0 -1
  35. package/dist/qti-test/index.d.cts +0 -304
  36. package/dist/qti-test/index.js +0 -4599
  37. package/dist/qti-test/index.js.map +0 -1
  38. package/dist/qti-transformers/index.cjs +0 -316
  39. package/dist/qti-transformers/index.cjs.map +0 -1
  40. package/dist/qti-transformers/index.d.cts +0 -75
  41. /package/dist/{qti-loader → loader}/index.js +0 -0
  42. /package/dist/{qti-loader → loader}/index.js.map +0 -0
  43. /package/dist/{qti-transformers → transformers}/index.d.ts +0 -0
  44. /package/dist/{qti-transformers → transformers}/index.js +0 -0
  45. /package/dist/{qti-transformers → transformers}/index.js.map +0 -0
package/dist/item.css CHANGED
@@ -2093,37 +2093,44 @@ qti-response-declaration {
2093
2093
  }
2094
2094
  }
2095
2095
 
2096
- qti-graphic-gap-match-interaction:state(--dragzone-active)::part(drags) {
2097
- border-color: var(--qti-border-active);
2098
- background-color: var(--qti-bg-active);
2096
+ .hover-border {
2097
+ border: 2px solid #000; /* Adjust the border style and color as needed */
2099
2098
  }
2100
2099
 
2101
- qti-graphic-gap-match-interaction:state(--dragzone-enabled)::part(drags) {
2102
- background-color: var(--qti-bg-active);
2103
- }
2100
+ qti-graphic-gap-match-interaction {
2101
+ position: relative;
2104
2102
 
2105
- /* Active state */
2106
- qti-graphic-gap-match-interaction.qti-selections-light:state(--dragzone-active)::part(drags) {
2107
- background-color: var(--qti-light-bg-active);
2108
- border-color: var(--qti-light-border-active);
2109
- }
2103
+ &.qti-selections-light {
2104
+ &:state(--dragzone-active)::part(drags) {
2105
+ background-color: var(--qti-light-bg-active);
2106
+ border-color: var(--qti-light-border-active);
2107
+ }
2110
2108
 
2111
- qti-graphic-gap-match-interaction.qti-selections-dark:state(--dragzone-active)::part(drags) {
2112
- background-color: var(--qti-dark-bg-active);
2113
- border-color: var(--qti-dark-border-active);
2114
- }
2109
+ &:state(--dragzone-enabled)::part(drags) {
2110
+ background-color: var(--qti-light-bg-active);
2111
+ }
2112
+ }
2115
2113
 
2116
- /* Enabled state */
2117
- qti-graphic-gap-match-interaction.qti-selections-light:state(--dragzone-enabled)::part(drags) {
2118
- background-color: var(--qti-light-bg-active);
2119
- }
2114
+ &.qti-selections-dark {
2115
+ &:state(--dragzone-active)::part(drags) {
2116
+ background-color: var(--qti-dark-bg-active);
2117
+ border-color: var(--qti-dark-border-active);
2118
+ }
2120
2119
 
2121
- qti-graphic-gap-match-interaction.qti-selections-dark:state(--dragzone-enabled)::part(drags) {
2122
- background-color: var(--qti-dark-bg-active);
2123
- }
2120
+ &:state(--dragzone-enabled)::part(drags) {
2121
+ background-color: var(--qti-dark-bg-active);
2122
+ }
2123
+ }
2124
2124
 
2125
- qti-graphic-gap-match-interaction {
2126
- position: relative;
2125
+ /* General styles for active and enabled states */
2126
+ &:state(--dragzone-active)::part(drags) {
2127
+ border-color: var(--qti-border-active);
2128
+ background-color: var(--qti-bg-active);
2129
+ }
2130
+
2131
+ &:state(--dragzone-enabled)::part(drags) {
2132
+ background-color: var(--qti-bg-active);
2133
+ }
2127
2134
 
2128
2135
  & qti-gap-img,
2129
2136
  qti-gap-text {
@@ -2254,16 +2261,39 @@ qti-response-declaration {
2254
2261
  }
2255
2262
  }
2256
2263
 
2257
- qti-gap-match-interaction:state(--dragzone-active)::part(drags) {
2258
- border-color: var(--qti-border-active);
2259
- background-color: var(--qti-bg-active);
2260
- }
2264
+ qti-gap-match-interaction {
2265
+ &.qti-selections-light {
2266
+ &:state(--dragzone-active)::part(drags) {
2267
+ background-color: var(--qti-light-bg-active);
2268
+ border-color: var(--qti-light-border-active);
2269
+ }
2261
2270
 
2262
- qti-gap-match-interaction:state(--dragzone-enabled)::part(drags) {
2263
- background-color: var(--qti-bg-active);
2264
- }
2271
+ &:state(--dragzone-enabled)::part(drags) {
2272
+ background-color: var(--qti-light-bg-active);
2273
+ }
2274
+ }
2275
+
2276
+ &.qti-selections-dark {
2277
+ &:state(--dragzone-active)::part(drags) {
2278
+ background-color: var(--qti-dark-bg-active);
2279
+ border-color: var(--qti-dark-border-active);
2280
+ }
2281
+
2282
+ &:state(--dragzone-enabled)::part(drags) {
2283
+ background-color: var(--qti-dark-bg-active);
2284
+ }
2285
+ }
2286
+
2287
+ /* General styles for active and enabled states */
2288
+ &:state(--dragzone-active)::part(drags) {
2289
+ border-color: var(--qti-border-active);
2290
+ background-color: var(--qti-bg-active);
2291
+ }
2292
+
2293
+ &:state(--dragzone-enabled)::part(drags) {
2294
+ background-color: var(--qti-bg-active);
2295
+ }
2265
2296
 
2266
- qti-gap-match-interaction {
2267
2297
  & qti-gap-text {
2268
2298
 
2269
2299
  &[dragging] {
@@ -2316,20 +2346,6 @@ qti-response-declaration {
2316
2346
 
2317
2347
  & qti-gap {
2318
2348
 
2319
- &[enabled] {
2320
-
2321
- /* Light theme override */
2322
- .qti-selections-light & {
2323
- border-color: var(--qti-light-border-active);
2324
- }
2325
-
2326
- /* Dark theme override */
2327
- .qti-selections-dark & {
2328
- border-color: var(--qti-dark-border-active);
2329
- }
2330
- background-color: var(--qti-bg-active)
2331
- }
2332
-
2333
2349
  &[disabled] {
2334
2350
 
2335
2351
  &:not(:empty) {
@@ -2347,6 +2363,20 @@ qti-response-declaration {
2347
2363
  outline: 4px solid var(--qti-disabled-bg)
2348
2364
  }
2349
2365
 
2366
+ &[enabled] {
2367
+
2368
+ /* Light theme override */
2369
+ .qti-selections-light & {
2370
+ border-color: var(--qti-light-border-active);
2371
+ }
2372
+
2373
+ /* Dark theme override */
2374
+ .qti-selections-dark & {
2375
+ border-color: var(--qti-dark-border-active);
2376
+ }
2377
+ background-color: var(--qti-bg-active)
2378
+ }
2379
+
2350
2380
  &[active] {
2351
2381
 
2352
2382
  /* Light theme override */
@@ -2729,12 +2759,22 @@ qti-response-declaration {
2729
2759
  }
2730
2760
 
2731
2761
  qti-match-interaction:not(.qti-match-tabular) {
2762
+ &:state(--dragzone-enabled) qti-simple-match-set:first-of-type {
2763
+ background-color: var(--qti-bg-active);
2764
+ }
2765
+
2766
+ &:state(--dragzone-active) qti-simple-match-set:first-of-type {
2767
+ border-color: var(--qti-border-active);
2768
+ background-color: var(--qti-bg-active);
2769
+ }
2770
+
2732
2771
  /* The draggables */
2733
2772
  & qti-simple-match-set:first-of-type {
2734
2773
  display: flex;
2735
2774
  flex-wrap: wrap;
2736
2775
  align-items: flex-start; /* Prevents children from stretching */
2737
2776
  gap: var(--qti-gap-size);
2777
+ border: 2px solid transparent;
2738
2778
 
2739
2779
  & qti-simple-associable-choice {
2740
2780
 
@@ -2919,6 +2959,15 @@ qti-response-declaration {
2919
2959
  }
2920
2960
  }
2921
2961
 
2962
+ qti-order-interaction:state(--dragzone-active)::part(drags) {
2963
+ border-color: var(--qti-border-active);
2964
+ background-color: var(--qti-bg-active);
2965
+ }
2966
+
2967
+ qti-order-interaction:state(--dragzone-enabled)::part(drags) {
2968
+ background-color: var(--qti-bg-active);
2969
+ }
2970
+
2922
2971
  qti-order-interaction {
2923
2972
  &::part(qti-simple-choice),
2924
2973
  & qti-simple-choice {
@@ -3026,9 +3075,107 @@ qti-response-declaration {
3026
3075
  border-color: var(--qti-border-active);
3027
3076
  background-color: var(--qti-bg-active);
3028
3077
  }
3078
+
3079
+ & drop-list {
3080
+ &[shape='circle'] {
3081
+
3082
+ &:hover {
3083
+ background-color: var(--qti-hover-bg);
3084
+ }
3085
+
3086
+ &:focus {
3087
+ box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
3088
+ }
3089
+
3090
+ &[aria-checked='true'] {
3091
+ border-color: var(--qti-border-active);
3092
+ background-color: var(--qti-bg-active);
3093
+ }
3094
+
3095
+ &[aria-readonly='true'] {
3096
+ cursor: pointer;
3097
+ background-color: var(--qti-bg);
3098
+ outline: 0;
3099
+ border: none;
3100
+ }
3101
+
3102
+ &[aria-disabled='true'] {
3103
+ cursor: not-allowed;
3104
+ background-color: var(--qti-disabled-bg);
3105
+ color: var(--qti-disabled-color);
3106
+ border-color: var(--qti-border-color);
3107
+ outline: 4px solid var(--qti-disabled-bg);
3108
+ }
3109
+
3110
+ width: 100%;
3111
+
3112
+ height: 100%;
3113
+
3114
+ background-color: transparent;
3115
+
3116
+ padding: 0;
3117
+
3118
+ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
3119
+
3120
+ outline: none
3121
+ }
3122
+
3123
+ &[shape='square'] {
3124
+
3125
+ &:hover {
3126
+ background-color: var(--qti-hover-bg);
3127
+ }
3128
+
3129
+ &:focus {
3130
+ box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
3131
+ }
3132
+
3133
+ &[aria-checked='true'] {
3134
+ border-color: var(--qti-border-active);
3135
+ background-color: var(--qti-bg-active);
3136
+ }
3137
+
3138
+ &[aria-readonly='true'] {
3139
+ cursor: pointer;
3140
+ background-color: var(--qti-bg);
3141
+ outline: 0;
3142
+ border: none;
3143
+ }
3144
+
3145
+ &[aria-disabled='true'] {
3146
+ cursor: not-allowed;
3147
+ background-color: var(--qti-disabled-bg);
3148
+ color: var(--qti-disabled-color);
3149
+ border-color: var(--qti-border-color);
3150
+ outline: 4px solid var(--qti-disabled-bg);
3151
+ }
3152
+
3153
+ width: 100%;
3154
+
3155
+ height: 100%;
3156
+
3157
+ background-color: transparent;
3158
+
3159
+ padding: 0;
3160
+
3161
+ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
3162
+
3163
+ outline: none
3164
+ }
3165
+ }
3029
3166
  }
3030
3167
 
3031
3168
  qti-associate-interaction {
3169
+ /* General styles for active and enabled states */
3170
+ &:state(--dragzone-active) slot[name='qti-simple-associable-choice'] {
3171
+ border-color: var(--qti-border-active);
3172
+ background-color: var(--qti-bg-active);
3173
+ }
3174
+
3175
+ &:state(--dragzone-enabled) slot[name='qti-simple-associable-choice'] {
3176
+ background-color: var(--qti-bg-active);
3177
+ }
3178
+
3032
3179
  & qti-simple-associable-choice, /* drags when in lightdom */
3033
3180
  &::part(qti-simple-associable-choice) /* drags when in shadowdom */ {
3034
3181
 
@@ -3171,6 +3318,38 @@ qti-response-declaration {
3171
3318
 
3172
3319
  outline: none
3173
3320
  }
3321
+
3322
+ &.qti-selections-light {
3323
+ &:state(--dragzone-active)::part(drags) {
3324
+ background-color: var(--qti-light-bg-active);
3325
+ border-color: var(--qti-light-border-active);
3326
+ }
3327
+
3328
+ &:state(--dragzone-enabled)::part(drags) {
3329
+ background-color: var(--qti-light-bg-active);
3330
+ }
3331
+ }
3332
+
3333
+ &.qti-selections-dark {
3334
+ &:state(--dragzone-active)::part(drags) {
3335
+ background-color: var(--qti-dark-bg-active);
3336
+ border-color: var(--qti-dark-border-active);
3337
+ }
3338
+
3339
+ &:state(--dragzone-enabled)::part(drags) {
3340
+ background-color: var(--qti-dark-bg-active);
3341
+ }
3342
+ }
3343
+
3344
+ /* General styles for active and enabled states */
3345
+ &:state(--dragzone-active)::part(drags) {
3346
+ border-color: var(--qti-border-active);
3347
+ background-color: var(--qti-bg-active);
3348
+ }
3349
+
3350
+ &:state(--dragzone-enabled)::part(drags) {
3351
+ background-color: var(--qti-bg-active);
3352
+ }
3174
3353
  }
3175
3354
 
3176
3355
  qti-graphic-associate-interaction {
@@ -3264,6 +3443,38 @@ qti-response-declaration {
3264
3443
  outline: none
3265
3444
  }
3266
3445
  }
3446
+
3447
+ &.qti-selections-light {
3448
+ &:state(--dragzone-active)::part(drags) {
3449
+ background-color: var(--qti-light-bg-active);
3450
+ border-color: var(--qti-light-border-active);
3451
+ }
3452
+
3453
+ &:state(--dragzone-enabled)::part(drags) {
3454
+ background-color: var(--qti-light-bg-active);
3455
+ }
3456
+ }
3457
+
3458
+ &.qti-selections-dark {
3459
+ &:state(--dragzone-active)::part(drags) {
3460
+ background-color: var(--qti-dark-bg-active);
3461
+ border-color: var(--qti-dark-border-active);
3462
+ }
3463
+
3464
+ &:state(--dragzone-enabled)::part(drags) {
3465
+ background-color: var(--qti-dark-bg-active);
3466
+ }
3467
+ }
3468
+
3469
+ /* General styles for active and enabled states */
3470
+ &:state(--dragzone-active)::part(drags) {
3471
+ border-color: var(--qti-border-active);
3472
+ background-color: var(--qti-bg-active);
3473
+ }
3474
+
3475
+ &:state(--dragzone-enabled)::part(drags) {
3476
+ background-color: var(--qti-bg-active);
3477
+ }
3267
3478
  }
3268
3479
 
3269
3480
  qti-slider-interaction {
@@ -1,4 +1,4 @@
1
- import { p as QtiAssessmentItem } from '../qti-simple-choice-CynLWb8d.js';
1
+ import { e as QtiAssessmentItem } from '../qti-simple-choice-UTrFa_RQ.js';
2
2
  import 'lit-html';
3
3
  import 'lit';
4
4
  import 'lit-html/directives/ref.js';
@@ -563,10 +563,6 @@ export type QtiAssociateInteractionProps = {
563
563
  /** */
564
564
  readonly?: boolean;
565
565
  /** */
566
- dragDropApi?: TouchDragAndDrop;
567
- /** */
568
- configuration?: InteractionConfiguration;
569
- /** */
570
566
  value?: string | string[];
571
567
  /** */
572
568
  correctResponse?: string | string[];
@@ -644,10 +640,6 @@ export type QtiGapMatchInteractionProps = {
644
640
  /** */
645
641
  correctResponse?: string | string[];
646
642
  /** */
647
- dragDropApi?: TouchDragAndDrop;
648
- /** */
649
- configuration?: InteractionConfiguration;
650
- /** */
651
643
  value?: string | string[];
652
644
  /** */
653
645
  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
@@ -721,10 +713,6 @@ export type QtiGraphicGapMatchInteractionProps = {
721
713
  /** */
722
714
  readonly?: boolean;
723
715
  /** */
724
- dragDropApi?: TouchDragAndDrop;
725
- /** */
726
- configuration?: InteractionConfiguration;
727
- /** */
728
716
  value?: string | string[];
729
717
  /** */
730
718
  correctResponse?: string | string[];
@@ -779,6 +767,8 @@ export type QtiHotspotInteractionProps = {
779
767
  };
780
768
 
781
769
  export type QtiMatchInteractionProps = {
770
+ /** */
771
+ class?: string;
782
772
  /** */
783
773
  "response-identifier"?: string;
784
774
  /** */
@@ -790,28 +780,10 @@ export type QtiMatchInteractionProps = {
790
780
  /** */
791
781
  readonly?: boolean;
792
782
  /** */
793
- rows?: QtiSimpleAssociableChoice[];
794
- /** */
795
- cols?: QtiSimpleAssociableChoice[];
796
- /** */
797
- lastCheckedRadio?: HTMLInputElement | null;
798
- /** */
799
- _response?: string | string[];
800
- /** */
801
783
  value?: string | string[];
802
784
  /** */
803
- correctOptions?: string[];
804
- /** */
805
- handleRadioClick?: string;
806
- /** */
807
- handleRadioChange?: string;
808
- /** */
809
785
  correctResponse?: string | string[];
810
786
  /** */
811
- dragDropApi?: TouchDragAndDrop;
812
- /** */
813
- configuration?: InteractionConfiguration;
814
- /** */
815
787
  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
816
788
  /** */
817
789
  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
@@ -860,10 +832,6 @@ export type QtiOrderInteractionProps = {
860
832
  /** */
861
833
  correctResponse?: string | string[];
862
834
  /** */
863
- dragDropApi?: TouchDragAndDrop;
864
- /** */
865
- configuration?: InteractionConfiguration;
866
- /** */
867
835
  value?: string | string[];
868
836
  /** */
869
837
  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
@@ -1003,6 +971,8 @@ export type QtiInlineChoiceProps = {
1003
971
  };
1004
972
 
1005
973
  export type TestElementProps = {
974
+ /** */
975
+ class?: string;
1006
976
  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
1007
977
  shuffle?: "true" | "false";
1008
978
  /** */
@@ -1022,6 +992,8 @@ export type TestElementProps = {
1022
992
  };
1023
993
 
1024
994
  export type TestElementProps = {
995
+ /** */
996
+ class?: string;
1025
997
  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
1026
998
  shuffle?: "true" | "false";
1027
999
  /** */
@@ -1031,8 +1003,6 @@ export type TestElementProps = {
1031
1003
  /** */
1032
1004
  readonly?: boolean;
1033
1005
  /** */
1034
- class?: string;
1035
- /** */
1036
1006
  value?: string | string[];
1037
1007
  /** */
1038
1008
  correctResponse?: string | string[];
@@ -1043,6 +1013,8 @@ export type TestElementProps = {
1043
1013
  };
1044
1014
 
1045
1015
  export type TestElementProps = {
1016
+ /** */
1017
+ class?: string;
1046
1018
  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
1047
1019
  shuffle?: "true" | "false";
1048
1020
  /** */
@@ -1061,19 +1033,6 @@ export type TestElementProps = {
1061
1033
  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
1062
1034
  };
1063
1035
 
1064
- export type QtiItemProps = {
1065
- /** */
1066
- identifier?: string | undefined;
1067
- /** */
1068
- href?: string | undefined;
1069
- /** */
1070
- xmlDoc?: DocumentFragment;
1071
- /** */
1072
- assessmentItem?: QtiAssessmentItem | null;
1073
- /** */
1074
- "onqti-item-connected"?: (e: CustomEvent<CustomEvent>) => void;
1075
- };
1076
-
1077
1036
  export type QtiAssessmentItemRefProps = {
1078
1037
  /** */
1079
1038
  category?: string | undefined;
@@ -1144,7 +1103,7 @@ export type QtiTestPartProps = {
1144
1103
  };
1145
1104
 
1146
1105
  export type QtiTestProps = {
1147
- /** the relative location to the QTI assessment.xml file */
1106
+ /** the relative location to the QTI assessment.xml file ### Features - **Dynamic Template Loading**: If a `<template>` element is included as a child of `<qti-test>`, its content is dynamically appended to the shadow DOM. */
1148
1107
  testURL?: string;
1149
1108
  /** */
1150
1109
  context?: TestContext;
@@ -1242,6 +1201,19 @@ export type TestPagingButtonsStampProps = {
1242
1201
  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
1243
1202
  };
1244
1203
 
1204
+ export type QtiItemProps = {
1205
+ /** */
1206
+ identifier?: string | undefined;
1207
+ /** */
1208
+ href?: string | undefined;
1209
+ /** */
1210
+ xmlDoc?: DocumentFragment;
1211
+ /** */
1212
+ assessmentItem?: QtiAssessmentItem | null;
1213
+ /** */
1214
+ "onqti-item-connected"?: (e: CustomEvent<CustomEvent>) => void;
1215
+ };
1216
+
1245
1217
  export type CustomElements = {
1246
1218
  /**
1247
1219
  *
@@ -2013,16 +1985,6 @@ export type CustomElements = {
2013
1985
  */
2014
1986
  "test-element": Partial<TestElementProps & BaseProps & BaseEvents>;
2015
1987
 
2016
- /**
2017
- *
2018
- * ---
2019
- *
2020
- *
2021
- * ### **Events:**
2022
- * - **qti-item-connected**
2023
- */
2024
- "qti-item": Partial<QtiItemProps & BaseProps & BaseEvents>;
2025
-
2026
1988
  /**
2027
1989
  *
2028
1990
  * ---
@@ -2093,7 +2055,7 @@ export type CustomElements = {
2093
2055
  * ---
2094
2056
  *
2095
2057
  */
2096
- "qti-player": Partial<QtiTestProps & BaseProps & BaseEvents>;
2058
+ "qti-test": Partial<QtiTestProps & BaseProps & BaseEvents>;
2097
2059
 
2098
2060
  /**
2099
2061
  * Represents a custom element for navigating to the next test item.
@@ -2167,4 +2129,14 @@ export type CustomElements = {
2167
2129
  * - **qti-request-test-item**
2168
2130
  */
2169
2131
  "test-paging-buttons-stamp": Partial<TestPagingButtonsStampProps & BaseProps & BaseEvents>;
2132
+
2133
+ /**
2134
+ *
2135
+ * ---
2136
+ *
2137
+ *
2138
+ * ### **Events:**
2139
+ * - **qti-item-connected**
2140
+ */
2141
+ "qti-item": Partial<QtiItemProps & BaseProps & BaseEvents>;
2170
2142
  };
@@ -1,6 +1,6 @@
1
1
  import * as lit_html from 'lit-html';
2
2
  import * as lit from 'lit';
3
- import { LitElement, CSSResultGroup, PropertyValueMap, PropertyValues } from 'lit';
3
+ import { LitElement, CSSResultGroup, PropertyValueMap } from 'lit';
4
4
  import * as lit_html_directives_ref_js from 'lit-html/directives/ref.js';
5
5
 
6
6
  interface directedPair {
@@ -776,13 +776,8 @@ declare global {
776
776
 
777
777
  declare const QtiGapMatchInteraction_base: (abstract new (...args: any[]) => IInteraction) & typeof Interaction;
778
778
  declare class QtiGapMatchInteraction extends QtiGapMatchInteraction_base {
779
- private observer;
780
- private resizeObserver;
781
779
  static styles: CSSResultGroup;
782
780
  render(): lit_html.TemplateResult<1>;
783
- firstUpdated(_changedProperties: PropertyValues): void;
784
- disconnectedCallback(): void;
785
- private updateMinDimensionsForDrowZones;
786
781
  set correctResponse(value: string | string[]);
787
782
  }
788
783
  declare global {
@@ -828,11 +823,7 @@ declare global {
828
823
  declare const QtiGraphicGapMatchInteraction_base: (abstract new (...args: any[]) => IInteraction) & typeof Interaction;
829
824
  declare class QtiGraphicGapMatchInteraction extends QtiGraphicGapMatchInteraction_base {
830
825
  static styles: CSSResultGroup;
831
- private observer;
832
- private resizeObserver;
833
826
  render(): lit_html.TemplateResult<1>;
834
- firstUpdated(_changedProperties: PropertyValues): void;
835
- private updateMinDimensionsForDrowZones;
836
827
  private positionHotspotOnRegister;
837
828
  connectedCallback(): void;
838
829
  disconnectedCallback(): void;
@@ -894,17 +885,18 @@ declare global {
894
885
  declare const QtiMatchInteraction_base: (abstract new (...args: any[]) => IInteraction) & typeof Interaction;
895
886
  declare class QtiMatchInteraction extends QtiMatchInteraction_base {
896
887
  static styles: CSSResultGroup;
897
- rows: QtiSimpleAssociableChoice[];
898
- cols: QtiSimpleAssociableChoice[];
899
- lastCheckedRadio: HTMLInputElement | null;
900
- _response: string | string[];
888
+ protected rows: QtiSimpleAssociableChoice[];
889
+ protected cols: QtiSimpleAssociableChoice[];
890
+ protected lastCheckedRadio: HTMLInputElement | null;
891
+ class: string;
892
+ protected _response: string | string[];
901
893
  get value(): string[];
902
894
  set value(val: string[]);
903
- correctOptions: string[];
904
895
  responseIdentifier: string;
896
+ protected correctOptions: string[];
905
897
  connectedCallback(): Promise<void>;
906
- handleRadioClick: (e: any) => void;
907
- handleRadioChange: (e: any) => void;
898
+ protected handleRadioClick: (e: any) => void;
899
+ protected handleRadioChange: (e: any) => void;
908
900
  set correctResponse(responseValue: string | string[]);
909
901
  render(): lit_html.TemplateResult<1>;
910
902
  }
@@ -940,13 +932,13 @@ declare global {
940
932
 
941
933
  declare const QtiOrderInteraction_base: (abstract new (...args: any[]) => {}) & (abstract new (...args: any[]) => IInteraction) & typeof Interaction;
942
934
  declare class QtiOrderInteraction extends QtiOrderInteraction_base {
935
+ static styles: lit.CSSResult;
943
936
  childrenMap: Element[];
944
937
  nrChoices: number;
945
938
  correctResponses: string[];
946
939
  showCorrectResponses: boolean;
947
940
  /** orientation of choices */
948
941
  orientation: 'horizontal' | 'vertical';
949
- static styles: lit.CSSResult[];
950
942
  render(): lit_html.TemplateResult<1>;
951
943
  set correctResponse(value: string | string[]);
952
944
  protected getResponse(): string[];
@@ -1182,4 +1174,4 @@ declare global {
1182
1174
  }
1183
1175
  }
1184
1176
 
1185
- export { qtiSubtractMixin as $, type ActiveElementMixinInterface as A, type BaseType as B, type Calculate as C, QtiRubricBlock as D, QtiFeedbackBlock as E, QtiFeedbackInline as F, QtiModalFeedback as G, QtiExtendedTextInteraction as H, type ItemContext as I, QtiTextEntryInteraction as J, QtiHottextInteraction as K, QtiInlineChoiceInteraction as L, type Multiple as M, type Orientation as N, type OutcomeChangedDetails as O, QtiChoiceInteraction as P, QtiRule as Q, type ResponseVariable as R, QtiOutcomeProcessing as S, QtiOutcomeProcessingProcessor as T, QtiResponseProcessing as U, type VariableDeclaration as V, QtiLookupOutcomeValue as W, QtiAnd as X, qtiAndMixin as Y, QtiMapping as Z, QtiSubtract as _, type QtiRuleBase as a, QtiPortableCustomInteraction as a0, QtiAssociateInteraction as a1, QtiCustomInteraction as a2, QtiEndAttemptInteraction as a3, QtiGapMatchInteraction as a4, QtiGraphicAssociateInteraction as a5, QtiGraphicGapMatchInteraction as a6, QtiGraphicOrderInteraction as a7, QtiHotspotInteraction as a8, QtiMatchInteraction as a9, QtiMediaInteraction as aa, QtiOrderInteraction as ab, QtiPositionObjectStage as ac, QtiSelectPointInteraction as ad, QtiSliderInteraction as ae, itemContextVariables as af, itemContext as ag, QtiCustomOperator as ah, Interaction as ai, QtiAssociableHotspot as aj, QtiGap as ak, QtiGapImg as al, QtiGapText as am, QtiHotspotChoice as an, QtiHottext as ao, QtiInlineChoice as ap, QtiSimpleAssociableChoice as aq, QtiSimpleChoice as ar, type QtiExpressionBase as b, QtiExpression as c, QtiConditionExpression as d, type InteractionChangedDetails as e, type QtiInteractionChanged as f, type QtiOutcomeChanged as g, type directedPair as h, type ResponseInteraction as i, type float as j, type integer as k, type Ordered as l, type Cardinality as m, type VariableValue as n, type OutcomeVariable as o, QtiAssessmentItem as p, QtiAssessmentStimulusRef as q, type ChoiceInterface as r, ActiveElementMixin as s, QtiItemBody as t, QtiPrompt as u, QtiStylesheet as v, QtiOutcomeDeclaration as w, QtiResponseDeclaration as x, QtiCompanionMaterialsInfo as y, QtiContentBody as z };
1177
+ export { qtiSubtractMixin as $, type ActiveElementMixinInterface as A, type BaseType as B, type Calculate as C, QtiRubricBlock as D, QtiFeedbackBlock as E, QtiFeedbackInline as F, QtiModalFeedback as G, QtiExtendedTextInteraction as H, type ItemContext as I, QtiTextEntryInteraction as J, QtiHottextInteraction as K, QtiInlineChoiceInteraction as L, type Multiple as M, type Orientation as N, type OutcomeChangedDetails as O, QtiChoiceInteraction as P, QtiRule as Q, type ResponseVariable as R, QtiOutcomeProcessing as S, QtiOutcomeProcessingProcessor as T, QtiResponseProcessing as U, type VariableDeclaration as V, QtiLookupOutcomeValue as W, QtiAnd as X, qtiAndMixin as Y, QtiMapping as Z, QtiSubtract as _, type QtiRuleBase as a, QtiPortableCustomInteraction as a0, QtiAssociateInteraction as a1, QtiCustomInteraction as a2, QtiEndAttemptInteraction as a3, QtiGapMatchInteraction as a4, QtiGraphicAssociateInteraction as a5, QtiGraphicGapMatchInteraction as a6, QtiGraphicOrderInteraction as a7, QtiHotspotInteraction as a8, QtiMatchInteraction as a9, QtiMediaInteraction as aa, QtiOrderInteraction as ab, QtiPositionObjectStage as ac, QtiSelectPointInteraction as ad, QtiSliderInteraction as ae, itemContextVariables as af, itemContext as ag, QtiCustomOperator as ah, Interaction as ai, QtiAssociableHotspot as aj, QtiGap as ak, QtiGapImg as al, QtiGapText as am, QtiHotspotChoice as an, QtiHottext as ao, QtiInlineChoice as ap, QtiSimpleAssociableChoice as aq, QtiSimpleChoice as ar, type QtiExpressionBase as b, QtiExpression as c, QtiConditionExpression as d, QtiAssessmentItem as e, type InteractionChangedDetails as f, type QtiInteractionChanged as g, type QtiOutcomeChanged as h, type directedPair as i, type ResponseInteraction as j, type float as k, type integer as l, type Ordered as m, type Cardinality as n, type VariableValue as o, type OutcomeVariable as p, QtiAssessmentStimulusRef as q, type ChoiceInterface as r, ActiveElementMixin as s, QtiItemBody as t, QtiPrompt as u, QtiStylesheet as v, QtiOutcomeDeclaration as w, QtiResponseDeclaration as x, QtiCompanionMaterialsInfo as y, QtiContentBody as z };