@citolab/qti-components 6.9.1-beta.70 → 6.9.1-beta.72
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/dist/custom-elements.json +92 -92
- package/dist/index.global.js +1 -1
- package/dist/index.js +3 -3
- package/dist/index.min.js +1 -1
- package/dist/item.css +12 -5
- package/dist/qti-components/index.cjs +3 -3
- package/dist/qti-components/index.js +3 -3
- package/dist/qti-components-jsx.d.ts +17 -17
- package/dist/vscode.html-custom-data.json +17 -17
- package/package.json +1 -2
package/dist/index.min.js
CHANGED
|
@@ -485,7 +485,7 @@ Make sure to test your application with a production build as repeat registratio
|
|
|
485
485
|
<!-- slot for the prompt -->
|
|
486
486
|
<slot></slot>
|
|
487
487
|
<!-- slot for the image and hotspots -->
|
|
488
|
-
`}positionHotspotOnRegister(t){let e=this.querySelector("img"),r=t.target,i=r.getAttribute("coords"),o=r.getAttribute("shape"),n=i.split(",").map(a=>parseInt(a));De(o,n,e,r)}connectedCallback(){super.connectedCallback(),this.addEventListener("qti-
|
|
488
|
+
`}positionHotspotOnRegister(t){let e=this.querySelector("img"),r=t.target,i=r.getAttribute("coords"),o=r.getAttribute("shape"),n=i.split(",").map(a=>parseInt(a));De(o,n,e,r)}connectedCallback(){super.connectedCallback(),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("unregister-qti-hotspot-choice",this.positionHotspotOnRegister)}};pt.styles=[g`
|
|
489
489
|
slot:not([name='prompt']) {
|
|
490
490
|
position: relative; /* qti-hotspot-choice relative to the slot */
|
|
491
491
|
display: block;
|
package/dist/item.css
CHANGED
|
@@ -2078,6 +2078,7 @@ qti-response-declaration {
|
|
|
2078
2078
|
width: fit-content;
|
|
2079
2079
|
cursor: pointer;
|
|
2080
2080
|
|
|
2081
|
+
&:state(correct-response),
|
|
2081
2082
|
&[data-correct-response='true'] {
|
|
2082
2083
|
&::after {
|
|
2083
2084
|
content: '\02714';
|
|
@@ -2126,7 +2127,9 @@ qti-response-declaration {
|
|
|
2126
2127
|
}
|
|
2127
2128
|
|
|
2128
2129
|
&:focus-within {
|
|
2129
|
-
|
|
2130
|
+
&::part(textarea) {
|
|
2131
|
+
box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
|
|
2132
|
+
}
|
|
2130
2133
|
}
|
|
2131
2134
|
}
|
|
2132
2135
|
|
|
@@ -2246,11 +2249,13 @@ qti-response-declaration {
|
|
|
2246
2249
|
box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
|
|
2247
2250
|
}
|
|
2248
2251
|
|
|
2252
|
+
&:state(--checked),
|
|
2249
2253
|
&[aria-checked='true'] {
|
|
2250
2254
|
border-color: var(--qti-border-active);
|
|
2251
2255
|
background-color: var(--qti-bg-active);
|
|
2252
2256
|
}
|
|
2253
2257
|
|
|
2258
|
+
&:state(--readonly),
|
|
2254
2259
|
&[aria-readonly='true'] {
|
|
2255
2260
|
cursor: pointer;
|
|
2256
2261
|
background-color: var(--qti-bg);
|
|
@@ -2258,6 +2263,7 @@ qti-response-declaration {
|
|
|
2258
2263
|
border: none;
|
|
2259
2264
|
}
|
|
2260
2265
|
|
|
2266
|
+
&:state(--disabled),
|
|
2261
2267
|
&[aria-disabled='true'] {
|
|
2262
2268
|
cursor: not-allowed;
|
|
2263
2269
|
background-color: var(--qti-disabled-bg);
|
|
@@ -2289,6 +2295,7 @@ qti-response-declaration {
|
|
|
2289
2295
|
box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
|
|
2290
2296
|
}
|
|
2291
2297
|
|
|
2298
|
+
&:state(--checked),
|
|
2292
2299
|
&[aria-checked='true'] {
|
|
2293
2300
|
border-color: var(--qti-border-active);
|
|
2294
2301
|
background-color: var(--qti-bg-active);
|
|
@@ -2340,6 +2347,7 @@ qti-response-declaration {
|
|
|
2340
2347
|
background-color: var(--qti-bg-active);
|
|
2341
2348
|
}
|
|
2342
2349
|
|
|
2350
|
+
&:state(--checked)::after,
|
|
2343
2351
|
&[aria-checked='true']::after {
|
|
2344
2352
|
|
|
2345
2353
|
content: '';
|
|
@@ -2357,6 +2365,7 @@ qti-response-declaration {
|
|
|
2357
2365
|
background-color: var(--qti-bg-active);
|
|
2358
2366
|
}
|
|
2359
2367
|
|
|
2368
|
+
&:state(--checked),
|
|
2360
2369
|
&[aria-checked='true'] {
|
|
2361
2370
|
border-color: var(--qti-border-active);
|
|
2362
2371
|
background-color: var(--qti-bg-active);
|
|
@@ -2516,7 +2525,7 @@ qti-response-declaration {
|
|
|
2516
2525
|
}
|
|
2517
2526
|
|
|
2518
2527
|
&:state(--checked) {
|
|
2519
|
-
background-color: var(--qti-
|
|
2528
|
+
background-color: var(--qti-bg-active);
|
|
2520
2529
|
}
|
|
2521
2530
|
|
|
2522
2531
|
&[aria-readonly='true'] {
|
|
@@ -2772,7 +2781,7 @@ qti-response-declaration {
|
|
|
2772
2781
|
box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
|
|
2773
2782
|
0 4px 8px rgb(0 0 0 / 10%);
|
|
2774
2783
|
}
|
|
2775
|
-
|
|
2784
|
+
|
|
2776
2785
|
&:hover {
|
|
2777
2786
|
background-color: var(--qti-hover-bg);
|
|
2778
2787
|
}
|
|
@@ -2830,8 +2839,6 @@ qti-response-declaration {
|
|
|
2830
2839
|
gap: 0.5rem; /* gap-2 */
|
|
2831
2840
|
}
|
|
2832
2841
|
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
2842
|
&::part(drop-list) {
|
|
2836
2843
|
|
|
2837
2844
|
&[enabled] {
|