@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.
- package/cdn/index.global.js +1 -1
- package/cdn/index.js +8297 -0
- package/dist/custom-elements.json +27271 -0
- package/dist/{qti-test/index.d.ts → index.d.ts} +170 -4
- package/dist/index.js +17164 -0
- package/dist/index.js.map +1 -0
- package/dist/item.css +257 -46
- package/dist/{qti-loader → loader}/index.d.ts +1 -1
- package/dist/qti-components-jsx.d.ts +33 -61
- package/dist/{qti-simple-choice-CynLWb8d.d.cts → qti-simple-choice-UTrFa_RQ.d.ts} +11 -19
- package/dist/vscode.html-custom-data.json +15 -11
- package/package.json +41 -58
- package/readme.md +55 -0
- package/README.md +0 -85
- package/cdn/index.min.cjs +0 -4489
- package/cdn/index.min.js +0 -4489
- package/dist/qti-components/index.cjs +0 -6704
- package/dist/qti-components/index.cjs.map +0 -1
- package/dist/qti-components/index.d.cts +0 -150
- package/dist/qti-components/index.d.ts +0 -150
- package/dist/qti-components/index.js +0 -6593
- package/dist/qti-components/index.js.map +0 -1
- package/dist/qti-item/index.cjs +0 -89
- package/dist/qti-item/index.cjs.map +0 -1
- package/dist/qti-item/index.d.cts +0 -24
- package/dist/qti-item/index.d.ts +0 -24
- package/dist/qti-item/index.js +0 -65
- package/dist/qti-item/index.js.map +0 -1
- package/dist/qti-loader/index.cjs +0 -332
- package/dist/qti-loader/index.cjs.map +0 -1
- package/dist/qti-loader/index.d.cts +0 -20
- package/dist/qti-simple-choice-CynLWb8d.d.ts +0 -1185
- package/dist/qti-test/index.cjs +0 -4632
- package/dist/qti-test/index.cjs.map +0 -1
- package/dist/qti-test/index.d.cts +0 -304
- package/dist/qti-test/index.js +0 -4599
- package/dist/qti-test/index.js.map +0 -1
- package/dist/qti-transformers/index.cjs +0 -316
- package/dist/qti-transformers/index.cjs.map +0 -1
- package/dist/qti-transformers/index.d.cts +0 -75
- /package/dist/{qti-loader → loader}/index.js +0 -0
- /package/dist/{qti-loader → loader}/index.js.map +0 -0
- /package/dist/{qti-transformers → transformers}/index.d.ts +0 -0
- /package/dist/{qti-transformers → transformers}/index.js +0 -0
- /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
|
-
|
|
2097
|
-
border
|
|
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
|
|
2102
|
-
|
|
2103
|
-
}
|
|
2100
|
+
qti-graphic-gap-match-interaction {
|
|
2101
|
+
position: relative;
|
|
2104
2102
|
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
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
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2109
|
+
&:state(--dragzone-enabled)::part(drags) {
|
|
2110
|
+
background-color: var(--qti-light-bg-active);
|
|
2111
|
+
}
|
|
2112
|
+
}
|
|
2115
2113
|
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
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
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2120
|
+
&:state(--dragzone-enabled)::part(drags) {
|
|
2121
|
+
background-color: var(--qti-dark-bg-active);
|
|
2122
|
+
}
|
|
2123
|
+
}
|
|
2124
2124
|
|
|
2125
|
-
|
|
2126
|
-
|
|
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
|
|
2258
|
-
|
|
2259
|
-
|
|
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
|
-
|
|
2263
|
-
|
|
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 {
|
|
@@ -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-
|
|
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
|
|
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
|
-
|
|
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,
|
|
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 };
|