@citolab/qti-components 6.0.1 → 6.0.2-0

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.
@@ -211,8 +211,6 @@
211
211
 
212
212
  html,
213
213
  body,
214
- #root,
215
- #root-inner,
216
214
  qti-test {
217
215
  height: 100%;
218
216
  }
@@ -221,15 +219,7 @@ qti-test {
221
219
  display: flex;
222
220
  flex-direction: column;
223
221
  gap: 1rem;
224
- }
225
- qti-test qti-assessment-item {
226
- display: block; /* necessary to calculate scaling position */
227
- flex: 1;
228
- gap: 1rem;
229
- overflow-y: scroll;
230
- }
231
- qti-test qti-assessment-item qti-item-body {
232
- display: block;
222
+ height: 100%;
233
223
  }
234
224
  qti-test qti-test-nav {
235
225
  display: flex;
@@ -305,10 +295,25 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
305
295
  color: white;
306
296
  }
307
297
 
298
+ qti-modal-feedback[showstatus=on] {
299
+ position: absolute;
300
+ top: 2rem;
301
+ right: 0;
302
+ left: 0;
303
+ width: 400px;
304
+ height: 300px;
305
+ border: 1px solid #ddd;
306
+ border-radius: 10px;
307
+ margin-right: auto;
308
+ margin-left: auto;
309
+ background-color: white;
310
+ text-align: center;
311
+ }
312
+
308
313
  .qti-theme-raised {
309
314
  /* < usabled classes to extend in qti-components > */
310
315
  }
311
- .qti-theme-raised qti-text-entry-interaction {
316
+ .qti-theme-raised qti-text-entry-interaction, .qti-theme-raised qti-extended-text-interaction {
312
317
  position: relative;
313
318
  display: inline-block;
314
319
  border-radius: var(--qti-border-radius);
@@ -317,24 +322,24 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
317
322
  box-shadow: inset 0 0 0 var(--qti-border-width) var(--qti-border-color);
318
323
  border-radius: calc(var(--qti-border-radius) * 3);
319
324
  }
320
- .qti-theme-raised qti-text-entry-interaction[disabled] {
325
+ .qti-theme-raised qti-text-entry-interaction[disabled], .qti-theme-raised qti-extended-text-interaction[disabled] {
321
326
  box-shadow: unset !important;
322
327
  color: var(--qti-border-color);
323
328
  cursor: unset !important;
324
329
  }
325
- .qti-theme-raised qti-text-entry-interaction:focus {
330
+ .qti-theme-raised qti-text-entry-interaction:focus, .qti-theme-raised qti-extended-text-interaction:focus {
326
331
  outline-color: rgb(var(--qti-primary) 0.4);
327
332
  outline-offset: 2px;
328
333
  outline-style: solid;
329
334
  outline-width: var(--qti-border-width);
330
335
  }
331
- .qti-theme-raised qti-text-entry-interaction:hover:not([disabled]) {
336
+ .qti-theme-raised qti-text-entry-interaction:hover:not([disabled]), .qti-theme-raised qti-extended-text-interaction:hover:not([disabled]) {
332
337
  outline-color: rgb(var(--qti-primary) 0.4);
333
338
  outline-offset: 0;
334
339
  outline-style: solid;
335
340
  outline-width: calc(var(--qti-border-width) * 2);
336
341
  }
337
- .qti-theme-raised .qti-input-control-hidden qti-simple-choice, .qti-input-control-hidden .qti-theme-raised qti-simple-choice, .qti-theme-raised .qti-input-control-hidden qti-hottext, .qti-input-control-hidden .qti-theme-raised qti-hottext {
342
+ .qti-theme-raised .qti-input-control-hidden qti-hottext, .qti-input-control-hidden .qti-theme-raised qti-hottext, .qti-theme-raised .qti-input-control-hidden qti-simple-choice, .qti-input-control-hidden .qti-theme-raised qti-simple-choice {
338
343
  position: relative;
339
344
  display: inline-block;
340
345
  border-radius: var(--qti-border-radius);
@@ -345,27 +350,51 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
345
350
  box-shadow: inset 0 0 0 var(--qti-border-width) var(--qti-border-color), 0 var(--qti-border-width) var(--qti-border-color);
346
351
  border-radius: calc(var(--qti-border-radius) * 3);
347
352
  }
348
- .qti-theme-raised .qti-input-control-hidden qti-simple-choice[disabled], .qti-input-control-hidden .qti-theme-raised qti-simple-choice[disabled], .qti-theme-raised .qti-input-control-hidden qti-hottext[disabled], .qti-input-control-hidden .qti-theme-raised qti-hottext[disabled] {
353
+ .qti-theme-raised .qti-input-control-hidden qti-hottext[disabled], .qti-input-control-hidden .qti-theme-raised qti-hottext[disabled], .qti-theme-raised .qti-input-control-hidden qti-simple-choice[disabled], .qti-input-control-hidden .qti-theme-raised qti-simple-choice[disabled] {
349
354
  box-shadow: unset !important;
350
355
  color: var(--qti-border-color);
351
356
  cursor: unset !important;
352
357
  }
353
- .qti-theme-raised .qti-input-control-hidden qti-simple-choice:focus, .qti-input-control-hidden .qti-theme-raised qti-simple-choice:focus, .qti-theme-raised .qti-input-control-hidden qti-hottext:focus, .qti-input-control-hidden .qti-theme-raised qti-hottext:focus {
358
+ .qti-theme-raised .qti-input-control-hidden qti-hottext:focus, .qti-input-control-hidden .qti-theme-raised qti-hottext:focus, .qti-theme-raised .qti-input-control-hidden qti-simple-choice:focus, .qti-input-control-hidden .qti-theme-raised qti-simple-choice:focus {
354
359
  outline-color: rgb(var(--qti-primary) 0.4);
355
360
  outline-offset: 2px;
356
361
  outline-style: solid;
357
362
  outline-width: var(--qti-border-width);
358
363
  }
359
- .qti-theme-raised .qti-input-control-hidden qti-simple-choice:hover:not([disabled]), .qti-input-control-hidden .qti-theme-raised qti-simple-choice:hover:not([disabled]), .qti-theme-raised .qti-input-control-hidden qti-hottext:hover:not([disabled]), .qti-input-control-hidden .qti-theme-raised qti-hottext:hover:not([disabled]) {
364
+ .qti-theme-raised .qti-input-control-hidden qti-hottext:hover:not([disabled]), .qti-input-control-hidden .qti-theme-raised qti-hottext:hover:not([disabled]), .qti-theme-raised .qti-input-control-hidden qti-simple-choice:hover:not([disabled]), .qti-input-control-hidden .qti-theme-raised qti-simple-choice:hover:not([disabled]) {
360
365
  outline-color: rgb(var(--qti-primary) 0.4);
361
366
  outline-offset: 0;
362
367
  outline-style: solid;
363
368
  outline-width: calc(var(--qti-border-width) * 2);
364
369
  }
365
- .qti-theme-raised .qti-input-control-hidden qti-simple-choice[aria-checked=true], .qti-input-control-hidden .qti-theme-raised qti-simple-choice[aria-checked=true], .qti-theme-raised .qti-input-control-hidden qti-hottext[aria-checked=true], .qti-input-control-hidden .qti-theme-raised qti-hottext[aria-checked=true] {
370
+ .qti-theme-raised .qti-input-control-hidden qti-hottext[aria-checked=true], .qti-input-control-hidden .qti-theme-raised qti-hottext[aria-checked=true], .qti-theme-raised .qti-input-control-hidden qti-simple-choice[aria-checked=true], .qti-input-control-hidden .qti-theme-raised qti-simple-choice[aria-checked=true] {
366
371
  --qti-border-color: var(--qti-primary-color);
367
372
  }
368
- .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice, qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice, .qti-theme-raised qti-simple-choice, .qti-theme-raised qti-hottext {
373
+ .qti-theme-raised qti-hotspot-interaction qti-hotspot-choice, qti-hotspot-interaction .qti-theme-raised qti-hotspot-choice {
374
+ cursor: pointer;
375
+ background: var(--qti-background);
376
+ }
377
+ .qti-theme-raised qti-hotspot-interaction qti-hotspot-choice[disabled], qti-hotspot-interaction .qti-theme-raised qti-hotspot-choice[disabled] {
378
+ box-shadow: unset !important;
379
+ color: var(--qti-border-color);
380
+ cursor: unset !important;
381
+ }
382
+ .qti-theme-raised qti-hotspot-interaction qti-hotspot-choice:focus, qti-hotspot-interaction .qti-theme-raised qti-hotspot-choice:focus {
383
+ outline-color: rgb(var(--qti-primary) 0.4);
384
+ outline-offset: 2px;
385
+ outline-style: solid;
386
+ outline-width: var(--qti-border-width);
387
+ }
388
+ .qti-theme-raised qti-hotspot-interaction qti-hotspot-choice:hover:not([disabled]), qti-hotspot-interaction .qti-theme-raised qti-hotspot-choice:hover:not([disabled]) {
389
+ outline-color: rgb(var(--qti-primary) 0.4);
390
+ outline-offset: 0;
391
+ outline-style: solid;
392
+ outline-width: calc(var(--qti-border-width) * 2);
393
+ }
394
+ .qti-theme-raised qti-hotspot-interaction qti-hotspot-choice[aria-checked=true], qti-hotspot-interaction .qti-theme-raised qti-hotspot-choice[aria-checked=true] {
395
+ --qti-border-color: var(--qti-primary-color);
396
+ }
397
+ .qti-theme-raised qti-hottext, .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice, qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice, .qti-theme-raised qti-simple-choice {
369
398
  cursor: pointer;
370
399
  --width: 22px;
371
400
  --height: 22px;
@@ -374,24 +403,24 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
374
403
  align-items: center;
375
404
  gap: 0.2rem;
376
405
  }
377
- .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice[disabled], qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice[disabled], .qti-theme-raised qti-simple-choice[disabled], .qti-theme-raised qti-hottext[disabled] {
406
+ .qti-theme-raised qti-hottext[disabled], .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice[disabled], qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice[disabled], .qti-theme-raised qti-simple-choice[disabled] {
378
407
  box-shadow: unset !important;
379
408
  color: var(--qti-border-color);
380
409
  cursor: unset !important;
381
410
  }
382
- .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice:focus, qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice:focus, .qti-theme-raised qti-simple-choice:focus, .qti-theme-raised qti-hottext:focus {
411
+ .qti-theme-raised qti-hottext:focus, .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice:focus, qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice:focus, .qti-theme-raised qti-simple-choice:focus {
383
412
  outline-color: rgb(var(--qti-primary) 0.4);
384
413
  outline-offset: 2px;
385
414
  outline-style: solid;
386
415
  outline-width: var(--qti-border-width);
387
416
  }
388
- .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice:hover:not([disabled]), qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice:hover:not([disabled]), .qti-theme-raised qti-simple-choice:hover:not([disabled]), .qti-theme-raised qti-hottext:hover:not([disabled]) {
417
+ .qti-theme-raised qti-hottext:hover:not([disabled]), .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice:hover:not([disabled]), qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice:hover:not([disabled]), .qti-theme-raised qti-simple-choice:hover:not([disabled]) {
389
418
  outline-color: rgb(var(--qti-primary) 0.4);
390
419
  outline-offset: 0;
391
420
  outline-style: solid;
392
421
  outline-width: calc(var(--qti-border-width) * 2);
393
422
  }
394
- .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice::before, qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice::before, .qti-theme-raised qti-simple-choice::before, .qti-theme-raised qti-hottext::before {
423
+ .qti-theme-raised qti-hottext::before, .qti-theme-raised qti-graphic-order-interaction qti-hotspot-choice::before, qti-graphic-order-interaction .qti-theme-raised qti-hotspot-choice::before, .qti-theme-raised qti-simple-choice::before {
395
424
  position: relative;
396
425
  display: inline-block;
397
426
  border-radius: var(--qti-border-radius);
@@ -533,32 +562,32 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
533
562
  .qti-theme-subtle {
534
563
  /* < usabled classes to extend in qti-components */
535
564
  }
536
- .qti-theme-subtle qti-text-entry-interaction {
565
+ .qti-theme-subtle qti-text-entry-interaction, .qti-theme-subtle qti-extended-text-interaction {
537
566
  position: relative;
538
567
  display: inline-block;
539
568
  border-radius: var(--qti-border-radius);
540
569
  color: var(--qti-text-color);
541
570
  background: linear-gradient(var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 0 0/2px 100% no-repeat, linear-gradient(var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 100% 0/2px 100% no-repeat, linear-gradient(to right, var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 0 0/100% 2px no-repeat, linear-gradient(to right, var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 0 100%/100% 2px no-repeat;
542
571
  }
543
- .qti-theme-subtle qti-text-entry-interaction[disabled] {
572
+ .qti-theme-subtle qti-text-entry-interaction[disabled], .qti-theme-subtle qti-extended-text-interaction[disabled] {
544
573
  --qti-border-color: transparent;
545
574
  box-shadow: unset !important;
546
575
  color: var(--qti-shadow-color);
547
576
  cursor: unset !important;
548
577
  }
549
- .qti-theme-subtle qti-text-entry-interaction:focus {
578
+ .qti-theme-subtle qti-text-entry-interaction:focus, .qti-theme-subtle qti-extended-text-interaction:focus {
550
579
  outline-color: rgb(var(--qti-primary) 0.4);
551
580
  outline-offset: 2px;
552
581
  outline-style: solid;
553
582
  outline-width: var(--qti-border-width);
554
583
  }
555
- .qti-theme-subtle qti-text-entry-interaction:hover:not([disabled]) {
584
+ .qti-theme-subtle qti-text-entry-interaction:hover:not([disabled]), .qti-theme-subtle qti-extended-text-interaction:hover:not([disabled]) {
556
585
  outline-color: rgb(var(--qti-primary) 0.4);
557
586
  outline-offset: 0;
558
587
  outline-style: solid;
559
588
  outline-width: calc(var(--qti-border-width) * 2);
560
589
  }
561
- .qti-theme-subtle .qti-input-control-hidden qti-simple-choice, .qti-input-control-hidden .qti-theme-subtle qti-simple-choice, .qti-theme-subtle .qti-input-control-hidden qti-hottext, .qti-input-control-hidden .qti-theme-subtle qti-hottext {
590
+ .qti-theme-subtle .qti-input-control-hidden qti-hottext, .qti-input-control-hidden .qti-theme-subtle qti-hottext, .qti-theme-subtle .qti-input-control-hidden qti-simple-choice, .qti-input-control-hidden .qti-theme-subtle qti-simple-choice {
562
591
  position: relative;
563
592
  display: inline-block;
564
593
  border-radius: var(--qti-border-radius);
@@ -567,29 +596,55 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
567
596
  cursor: pointer;
568
597
  background: linear-gradient(var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 0 0/2px 100% no-repeat, linear-gradient(var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 100% 0/2px 100% no-repeat, linear-gradient(to right, var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 0 0/100% 2px no-repeat, linear-gradient(to right, var(--qti-border-color) 8px, transparent 0 calc(100% - 8px), var(--qti-border-color) 0) 0 100%/100% 2px no-repeat;
569
598
  }
570
- .qti-theme-subtle .qti-input-control-hidden qti-simple-choice[disabled], .qti-input-control-hidden .qti-theme-subtle qti-simple-choice[disabled], .qti-theme-subtle .qti-input-control-hidden qti-hottext[disabled], .qti-input-control-hidden .qti-theme-subtle qti-hottext[disabled] {
599
+ .qti-theme-subtle .qti-input-control-hidden qti-hottext[disabled], .qti-input-control-hidden .qti-theme-subtle qti-hottext[disabled], .qti-theme-subtle .qti-input-control-hidden qti-simple-choice[disabled], .qti-input-control-hidden .qti-theme-subtle qti-simple-choice[disabled] {
600
+ --qti-border-color: transparent;
601
+ box-shadow: unset !important;
602
+ color: var(--qti-shadow-color);
603
+ cursor: unset !important;
604
+ }
605
+ .qti-theme-subtle .qti-input-control-hidden qti-hottext:focus, .qti-input-control-hidden .qti-theme-subtle qti-hottext:focus, .qti-theme-subtle .qti-input-control-hidden qti-simple-choice:focus, .qti-input-control-hidden .qti-theme-subtle qti-simple-choice:focus {
606
+ outline-color: rgb(var(--qti-primary) 0.4);
607
+ outline-offset: 2px;
608
+ outline-style: solid;
609
+ outline-width: var(--qti-border-width);
610
+ }
611
+ .qti-theme-subtle .qti-input-control-hidden qti-hottext:hover:not([disabled]), .qti-input-control-hidden .qti-theme-subtle qti-hottext:hover:not([disabled]), .qti-theme-subtle .qti-input-control-hidden qti-simple-choice:hover:not([disabled]), .qti-input-control-hidden .qti-theme-subtle qti-simple-choice:hover:not([disabled]) {
612
+ outline-color: rgb(var(--qti-primary) 0.4);
613
+ outline-offset: 0;
614
+ outline-style: solid;
615
+ outline-width: calc(var(--qti-border-width) * 2);
616
+ }
617
+ .qti-theme-subtle .qti-input-control-hidden qti-hottext[aria-checked=true], .qti-input-control-hidden .qti-theme-subtle qti-hottext[aria-checked=true], .qti-theme-subtle .qti-input-control-hidden qti-simple-choice[aria-checked=true], .qti-input-control-hidden .qti-theme-subtle qti-simple-choice[aria-checked=true] {
618
+ --qti-border-color: var(--qti-primary-color);
619
+ background-color: rgb(var(--qti-primary) 0.1);
620
+ }
621
+ .qti-theme-subtle qti-hotspot-interaction qti-hotspot-choice, qti-hotspot-interaction .qti-theme-subtle qti-hotspot-choice {
622
+ cursor: pointer;
623
+ background: var(--qti-background);
624
+ }
625
+ .qti-theme-subtle qti-hotspot-interaction qti-hotspot-choice[disabled], qti-hotspot-interaction .qti-theme-subtle qti-hotspot-choice[disabled] {
571
626
  --qti-border-color: transparent;
572
627
  box-shadow: unset !important;
573
628
  color: var(--qti-shadow-color);
574
629
  cursor: unset !important;
575
630
  }
576
- .qti-theme-subtle .qti-input-control-hidden qti-simple-choice:focus, .qti-input-control-hidden .qti-theme-subtle qti-simple-choice:focus, .qti-theme-subtle .qti-input-control-hidden qti-hottext:focus, .qti-input-control-hidden .qti-theme-subtle qti-hottext:focus {
631
+ .qti-theme-subtle qti-hotspot-interaction qti-hotspot-choice:focus, qti-hotspot-interaction .qti-theme-subtle qti-hotspot-choice:focus {
577
632
  outline-color: rgb(var(--qti-primary) 0.4);
578
633
  outline-offset: 2px;
579
634
  outline-style: solid;
580
635
  outline-width: var(--qti-border-width);
581
636
  }
582
- .qti-theme-subtle .qti-input-control-hidden qti-simple-choice:hover:not([disabled]), .qti-input-control-hidden .qti-theme-subtle qti-simple-choice:hover:not([disabled]), .qti-theme-subtle .qti-input-control-hidden qti-hottext:hover:not([disabled]), .qti-input-control-hidden .qti-theme-subtle qti-hottext:hover:not([disabled]) {
637
+ .qti-theme-subtle qti-hotspot-interaction qti-hotspot-choice:hover:not([disabled]), qti-hotspot-interaction .qti-theme-subtle qti-hotspot-choice:hover:not([disabled]) {
583
638
  outline-color: rgb(var(--qti-primary) 0.4);
584
639
  outline-offset: 0;
585
640
  outline-style: solid;
586
641
  outline-width: calc(var(--qti-border-width) * 2);
587
642
  }
588
- .qti-theme-subtle .qti-input-control-hidden qti-simple-choice[aria-checked=true], .qti-input-control-hidden .qti-theme-subtle qti-simple-choice[aria-checked=true], .qti-theme-subtle .qti-input-control-hidden qti-hottext[aria-checked=true], .qti-input-control-hidden .qti-theme-subtle qti-hottext[aria-checked=true] {
643
+ .qti-theme-subtle qti-hotspot-interaction qti-hotspot-choice[aria-checked=true], qti-hotspot-interaction .qti-theme-subtle qti-hotspot-choice[aria-checked=true] {
589
644
  --qti-border-color: var(--qti-primary-color);
590
645
  background-color: rgb(var(--qti-primary) 0.1);
591
646
  }
592
- .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice, qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice, .qti-theme-subtle qti-simple-choice, .qti-theme-subtle qti-hottext {
647
+ .qti-theme-subtle qti-hottext, .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice, qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice, .qti-theme-subtle qti-simple-choice {
593
648
  cursor: pointer;
594
649
  --width: 22px;
595
650
  --height: 22px;
@@ -598,25 +653,25 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
598
653
  align-items: center;
599
654
  gap: 0.2rem;
600
655
  }
601
- .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice[disabled], qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice[disabled], .qti-theme-subtle qti-simple-choice[disabled], .qti-theme-subtle qti-hottext[disabled] {
656
+ .qti-theme-subtle qti-hottext[disabled], .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice[disabled], qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice[disabled], .qti-theme-subtle qti-simple-choice[disabled] {
602
657
  --qti-border-color: transparent;
603
658
  box-shadow: unset !important;
604
659
  color: var(--qti-shadow-color);
605
660
  cursor: unset !important;
606
661
  }
607
- .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice:focus, qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice:focus, .qti-theme-subtle qti-simple-choice:focus, .qti-theme-subtle qti-hottext:focus {
662
+ .qti-theme-subtle qti-hottext:focus, .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice:focus, qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice:focus, .qti-theme-subtle qti-simple-choice:focus {
608
663
  outline-color: rgb(var(--qti-primary) 0.4);
609
664
  outline-offset: 2px;
610
665
  outline-style: solid;
611
666
  outline-width: var(--qti-border-width);
612
667
  }
613
- .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice:hover:not([disabled]), qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice:hover:not([disabled]), .qti-theme-subtle qti-simple-choice:hover:not([disabled]), .qti-theme-subtle qti-hottext:hover:not([disabled]) {
668
+ .qti-theme-subtle qti-hottext:hover:not([disabled]), .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice:hover:not([disabled]), qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice:hover:not([disabled]), .qti-theme-subtle qti-simple-choice:hover:not([disabled]) {
614
669
  outline-color: rgb(var(--qti-primary) 0.4);
615
670
  outline-offset: 0;
616
671
  outline-style: solid;
617
672
  outline-width: calc(var(--qti-border-width) * 2);
618
673
  }
619
- .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice::before, qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice::before, .qti-theme-subtle qti-simple-choice::before, .qti-theme-subtle qti-hottext::before {
674
+ .qti-theme-subtle qti-hottext::before, .qti-theme-subtle qti-graphic-order-interaction qti-hotspot-choice::before, qti-graphic-order-interaction .qti-theme-subtle qti-hotspot-choice::before, .qti-theme-subtle qti-simple-choice::before {
620
675
  position: relative;
621
676
  display: inline-block;
622
677
  border-radius: var(--qti-border-radius);
@@ -761,7 +816,7 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
761
816
  .qti-theme-ims {
762
817
  /* < usabled classes to extend in qti-components > */
763
818
  }
764
- .qti-theme-ims qti-text-entry-interaction {
819
+ .qti-theme-ims qti-text-entry-interaction, .qti-theme-ims qti-extended-text-interaction {
765
820
  position: relative;
766
821
  display: inline-block;
767
822
  border-radius: var(--qti-border-radius);
@@ -769,29 +824,29 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
769
824
  background: var(--qti-background);
770
825
  box-shadow: inset 0 0 0 var(--qti-border-width) var(--qti-border-color);
771
826
  }
772
- .qti-theme-ims qti-text-entry-interaction[disabled] {
827
+ .qti-theme-ims qti-text-entry-interaction[disabled], .qti-theme-ims qti-extended-text-interaction[disabled] {
773
828
  --qti-border-color: var(--qti-shadow-color);
774
829
  color: var(--qti-shadow-color);
775
830
  cursor: unset !important;
776
831
  filter: grayscale(100%);
777
832
  }
778
- .qti-theme-ims qti-text-entry-interaction:focus-within {
833
+ .qti-theme-ims qti-text-entry-interaction:focus-within, .qti-theme-ims qti-extended-text-interaction:focus-within {
779
834
  outline-color: rgb(var(--qti-primary) 0.6);
780
835
  outline-offset: 4px;
781
836
  outline-style: solid;
782
837
  outline-width: var(--qti-border-width);
783
838
  /* applies to all before elements, choice round and circle, slider thumb */
784
839
  }
785
- .qti-theme-ims qti-text-entry-interaction:focus-within::before {
840
+ .qti-theme-ims qti-text-entry-interaction:focus-within::before, .qti-theme-ims qti-extended-text-interaction:focus-within::before {
786
841
  background-color: rgb(var(--qti-primary) 0.2);
787
842
  }
788
- .qti-theme-ims qti-text-entry-interaction:hover:not([disabled]) {
843
+ .qti-theme-ims qti-text-entry-interaction:hover:not([disabled]), .qti-theme-ims qti-extended-text-interaction:hover:not([disabled]) {
789
844
  outline-color: rgb(var(--qti-primary) 0.4);
790
845
  outline-offset: 2px;
791
846
  outline-style: solid;
792
847
  outline-width: calc(var(--qti-border-width) * 2);
793
848
  }
794
- .qti-theme-ims .qti-input-control-hidden qti-simple-choice, .qti-input-control-hidden .qti-theme-ims qti-simple-choice, .qti-theme-ims .qti-input-control-hidden qti-hottext, .qti-input-control-hidden .qti-theme-ims qti-hottext {
849
+ .qti-theme-ims .qti-input-control-hidden qti-hottext, .qti-input-control-hidden .qti-theme-ims qti-hottext, .qti-theme-ims .qti-input-control-hidden qti-simple-choice, .qti-input-control-hidden .qti-theme-ims qti-simple-choice {
795
850
  position: relative;
796
851
  display: inline-block;
797
852
  border-radius: var(--qti-border-radius);
@@ -801,35 +856,34 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
801
856
  background: var(--qti-background);
802
857
  box-shadow: inset 0 0 0 var(--qti-border-width) var(--qti-border-color);
803
858
  }
804
- .qti-theme-ims .qti-input-control-hidden qti-simple-choice[disabled], .qti-input-control-hidden .qti-theme-ims qti-simple-choice[disabled], .qti-theme-ims .qti-input-control-hidden qti-hottext[disabled], .qti-input-control-hidden .qti-theme-ims qti-hottext[disabled] {
859
+ .qti-theme-ims .qti-input-control-hidden qti-hottext[disabled], .qti-input-control-hidden .qti-theme-ims qti-hottext[disabled], .qti-theme-ims .qti-input-control-hidden qti-simple-choice[disabled], .qti-input-control-hidden .qti-theme-ims qti-simple-choice[disabled] {
805
860
  --qti-border-color: var(--qti-shadow-color);
806
861
  color: var(--qti-shadow-color);
807
862
  cursor: unset !important;
808
863
  filter: grayscale(100%);
809
864
  }
810
- .qti-theme-ims .qti-input-control-hidden qti-simple-choice:focus-within, .qti-input-control-hidden .qti-theme-ims qti-simple-choice:focus-within, .qti-theme-ims .qti-input-control-hidden qti-hottext:focus-within, .qti-input-control-hidden .qti-theme-ims qti-hottext:focus-within {
865
+ .qti-theme-ims .qti-input-control-hidden qti-hottext:focus-within, .qti-input-control-hidden .qti-theme-ims qti-hottext:focus-within, .qti-theme-ims .qti-input-control-hidden qti-simple-choice:focus-within, .qti-input-control-hidden .qti-theme-ims qti-simple-choice:focus-within {
811
866
  outline-color: rgb(var(--qti-primary) 0.6);
812
867
  outline-offset: 4px;
813
868
  outline-style: solid;
814
869
  outline-width: var(--qti-border-width);
815
870
  /* applies to all before elements, choice round and circle, slider thumb */
816
871
  }
817
- .qti-theme-ims .qti-input-control-hidden qti-simple-choice:focus-within::before, .qti-input-control-hidden .qti-theme-ims qti-simple-choice:focus-within::before, .qti-theme-ims .qti-input-control-hidden qti-hottext:focus-within::before, .qti-input-control-hidden .qti-theme-ims qti-hottext:focus-within::before {
872
+ .qti-theme-ims .qti-input-control-hidden qti-hottext:focus-within::before, .qti-input-control-hidden .qti-theme-ims qti-hottext:focus-within::before, .qti-theme-ims .qti-input-control-hidden qti-simple-choice:focus-within::before, .qti-input-control-hidden .qti-theme-ims qti-simple-choice:focus-within::before {
818
873
  background-color: rgb(var(--qti-primary) 0.2);
819
874
  }
820
- .qti-theme-ims .qti-input-control-hidden qti-simple-choice:hover:not([disabled]), .qti-input-control-hidden .qti-theme-ims qti-simple-choice:hover:not([disabled]), .qti-theme-ims .qti-input-control-hidden qti-hottext:hover:not([disabled]), .qti-input-control-hidden .qti-theme-ims qti-hottext:hover:not([disabled]) {
875
+ .qti-theme-ims .qti-input-control-hidden qti-hottext:hover:not([disabled]), .qti-input-control-hidden .qti-theme-ims qti-hottext:hover:not([disabled]), .qti-theme-ims .qti-input-control-hidden qti-simple-choice:hover:not([disabled]), .qti-input-control-hidden .qti-theme-ims qti-simple-choice:hover:not([disabled]) {
821
876
  outline-color: rgb(var(--qti-primary) 0.4);
822
877
  outline-offset: 2px;
823
878
  outline-style: solid;
824
879
  outline-width: calc(var(--qti-border-width) * 2);
825
880
  }
826
- .qti-theme-ims .qti-input-control-hidden qti-simple-choice[aria-checked=true], .qti-input-control-hidden .qti-theme-ims qti-simple-choice[aria-checked=true], .qti-theme-ims .qti-input-control-hidden qti-hottext[aria-checked=true], .qti-input-control-hidden .qti-theme-ims qti-hottext[aria-checked=true] {
881
+ .qti-theme-ims .qti-input-control-hidden qti-hottext[aria-checked=true], .qti-input-control-hidden .qti-theme-ims qti-hottext[aria-checked=true], .qti-theme-ims .qti-input-control-hidden qti-simple-choice[aria-checked=true], .qti-input-control-hidden .qti-theme-ims qti-simple-choice[aria-checked=true] {
827
882
  --qti-border-color: var(--qti-primary-color);
828
883
  background-color: var(--qti-primary-color);
829
884
  color: #fff;
830
885
  }
831
886
  .qti-theme-ims qti-hotspot-interaction qti-hotspot-choice, qti-hotspot-interaction .qti-theme-ims qti-hotspot-choice {
832
- padding: var(--qti-padding-x) var(--qti-padding-y);
833
887
  cursor: pointer;
834
888
  background: var(--qti-background);
835
889
  }
@@ -860,7 +914,7 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
860
914
  background-color: var(--qti-primary-color);
861
915
  color: #fff;
862
916
  }
863
- .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice, qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice, .qti-theme-ims qti-simple-choice, .qti-theme-ims qti-hottext {
917
+ .qti-theme-ims qti-hottext, .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice, qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice, .qti-theme-ims qti-simple-choice {
864
918
  cursor: pointer;
865
919
  --width: 22px;
866
920
  --height: 22px;
@@ -869,35 +923,35 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
869
923
  align-items: center;
870
924
  gap: 0.2rem;
871
925
  }
872
- .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice[disabled], qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice[disabled], .qti-theme-ims qti-simple-choice[disabled], .qti-theme-ims qti-hottext[disabled] {
926
+ .qti-theme-ims qti-hottext[disabled], .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice[disabled], qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice[disabled], .qti-theme-ims qti-simple-choice[disabled] {
873
927
  --qti-border-color: var(--qti-shadow-color);
874
928
  color: var(--qti-shadow-color);
875
929
  cursor: unset !important;
876
930
  filter: grayscale(100%);
877
931
  }
878
- .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice:focus-within, qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice:focus-within, .qti-theme-ims qti-simple-choice:focus-within, .qti-theme-ims qti-hottext:focus-within {
932
+ .qti-theme-ims qti-hottext:focus-within, .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice:focus-within, qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice:focus-within, .qti-theme-ims qti-simple-choice:focus-within {
879
933
  outline-color: rgb(var(--qti-primary) 0.6);
880
934
  outline-offset: 4px;
881
935
  outline-style: solid;
882
936
  outline-width: var(--qti-border-width);
883
937
  /* applies to all before elements, choice round and circle, slider thumb */
884
938
  }
885
- .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice:focus-within::before, qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice:focus-within::before, .qti-theme-ims qti-simple-choice:focus-within::before, .qti-theme-ims qti-hottext:focus-within::before {
939
+ .qti-theme-ims qti-hottext:focus-within::before, .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice:focus-within::before, qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice:focus-within::before, .qti-theme-ims qti-simple-choice:focus-within::before {
886
940
  background-color: rgb(var(--qti-primary) 0.2);
887
941
  }
888
- .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice:hover:not([disabled]), qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice:hover:not([disabled]), .qti-theme-ims qti-simple-choice:hover:not([disabled]), .qti-theme-ims qti-hottext:hover:not([disabled]) {
942
+ .qti-theme-ims qti-hottext:hover:not([disabled]), .qti-theme-ims qti-graphic-order-interaction qti-hotspot-choice:hover:not([disabled]), qti-graphic-order-interaction .qti-theme-ims qti-hotspot-choice:hover:not([disabled]), .qti-theme-ims qti-simple-choice:hover:not([disabled]) {
889
943
  outline-color: rgb(var(--qti-primary) 0.4);
890
944
  outline-offset: 2px;
891
945
  outline-style: solid;
892
946
  outline-width: calc(var(--qti-border-width) * 2);
893
947
  }
894
- .qti-theme-ims qti-simple-choice[role=checkbox]::before, .qti-theme-ims qti-hottext[role=checkbox]::before {
948
+ .qti-theme-ims qti-hottext[role=checkbox]::before, .qti-theme-ims qti-simple-choice[role=checkbox]::before {
895
949
  content: "";
896
950
  min-height: var(--width);
897
951
  min-width: var(--width);
898
952
  transition: border-radius 1s ease-in;
899
953
  }
900
- .qti-theme-ims qti-simple-choice[role=checkbox]::after, .qti-theme-ims qti-hottext[role=checkbox]::after {
954
+ .qti-theme-ims qti-hottext[role=checkbox]::after, .qti-theme-ims qti-simple-choice[role=checkbox]::after {
901
955
  border-bottom: 3px solid var(--qti-primary-color);
902
956
  border-left: 3px solid var(--qti-primary-color);
903
957
  content: "";
@@ -909,18 +963,18 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
909
963
  transition: all 0.2s ease;
910
964
  width: 10px;
911
965
  }
912
- .qti-theme-ims qti-simple-choice[role=checkbox][aria-checked=true]::after, .qti-theme-ims qti-hottext[role=checkbox][aria-checked=true]::after {
966
+ .qti-theme-ims qti-hottext[role=checkbox][aria-checked=true]::after, .qti-theme-ims qti-simple-choice[role=checkbox][aria-checked=true]::after {
913
967
  border-bottom: 2px solid var(--qti-primary-color);
914
968
  border-left: 2px solid var(--qti-primary-color);
915
969
  opacity: 1;
916
970
  }
917
- .qti-theme-ims qti-simple-choice[role=radio]::before, .qti-theme-ims qti-hottext[role=radio]::before {
971
+ .qti-theme-ims qti-hottext[role=radio]::before, .qti-theme-ims qti-simple-choice[role=radio]::before {
918
972
  border-radius: 100%;
919
973
  content: "";
920
974
  min-height: 22px;
921
975
  min-width: 22px;
922
976
  }
923
- .qti-theme-ims qti-simple-choice[role=radio]::after, .qti-theme-ims qti-hottext[role=radio]::after {
977
+ .qti-theme-ims qti-hottext[role=radio]::after, .qti-theme-ims qti-simple-choice[role=radio]::after {
924
978
  background: var(--qti-primary-color);
925
979
  border-radius: 100%;
926
980
  content: "";
@@ -933,11 +987,11 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
933
987
  transition: all 0.1s ease-out;
934
988
  width: 14px;
935
989
  }
936
- .qti-theme-ims qti-simple-choice[role=radio][aria-checked=true]::after, .qti-theme-ims qti-hottext[role=radio][aria-checked=true]::after {
990
+ .qti-theme-ims qti-hottext[role=radio][aria-checked=true]::after, .qti-theme-ims qti-simple-choice[role=radio][aria-checked=true]::after {
937
991
  opacity: 1;
938
992
  transform: scale(1);
939
993
  }
940
- .qti-theme-ims qti-simple-choice::before, .qti-theme-ims qti-hottext::before {
994
+ .qti-theme-ims qti-hottext::before, .qti-theme-ims qti-simple-choice::before {
941
995
  position: relative;
942
996
  display: inline-block;
943
997
  border-radius: var(--qti-border-radius);
@@ -1111,34 +1165,6 @@ qti-test qti-test-nav qti-test-progress qti-test-item[checked] {
1111
1165
  transform-origin: center;
1112
1166
  }
1113
1167
 
1114
- /* Choice as checkbox */
1115
- qti-hottext {
1116
- position: relative;
1117
- vertical-align: bottom;
1118
- }
1119
-
1120
- .qti-input-control-hidden qti-hottext {
1121
- vertical-align: unset;
1122
- }
1123
- .qti-input-control-hidden qti-hottext::before, .qti-input-control-hidden qti-hottext::after {
1124
- content: unset !important;
1125
- }
1126
-
1127
- qti-modal-feedback[showstatus=on] {
1128
- position: absolute;
1129
- top: 2rem;
1130
- right: 0;
1131
- left: 0;
1132
- width: 400px;
1133
- height: 300px;
1134
- border: 1px solid #ddd;
1135
- border-radius: 10px;
1136
- margin-right: auto;
1137
- margin-left: auto;
1138
- background-color: white;
1139
- text-align: center;
1140
- }
1141
-
1142
1168
  qti-associate-interaction::part(associables-container) {
1143
1169
  display: flex;
1144
1170
  width: 100%;
@@ -1168,6 +1194,9 @@ qti-choice-interaction {
1168
1194
  grid-gap: 10px;
1169
1195
  grid-template-rows: auto auto;
1170
1196
  }
1197
+ qti-choice-interaction.qti-choices-stacking-1 {
1198
+ grid-template-columns: repeat(1, 1fr);
1199
+ }
1171
1200
  qti-choice-interaction.qti-choices-stacking-2 {
1172
1201
  grid-template-columns: repeat(2, 1fr);
1173
1202
  }
@@ -1210,30 +1239,13 @@ qti-graphic-associate-interaction {
1210
1239
  position: relative;
1211
1240
  display: block;
1212
1241
  }
1213
- qti-graphic-associate-interaction [qti-choice] {
1214
- position: absolute;
1215
- }
1216
- qti-graphic-associate-interaction [qti-choice][shape=circle]::before {
1242
+ qti-graphic-associate-interaction qti-associable-hotspot[shape=circle] {
1217
1243
  border-radius: 100%;
1218
- background: transparent;
1244
+ background-color: green;
1219
1245
  }
1220
- qti-graphic-associate-interaction [qti-choice][shape=square]::before {
1246
+ qti-graphic-associate-interaction qti-associable-hotspot[shape=square] {
1221
1247
  border-radius: 0;
1222
- background: transparent;
1223
- }
1224
- qti-graphic-associate-interaction [qti-choice]::after {
1225
- display: flex !important;
1226
- width: unset !important;
1227
- min-width: var(--width);
1228
- height: unset !important;
1229
- min-height: var(--width);
1230
- align-items: center;
1231
- justify-content: center;
1232
- border: unset !important;
1233
- content: attr(aria-ordervalue) !important;
1234
- opacity: unset !important;
1235
- transform: unset !important;
1236
- transition: unset !important;
1248
+ background-color: green;
1237
1249
  }
1238
1250
 
1239
1251
  qti-graphic-gap-match-interaction {
@@ -1279,6 +1291,19 @@ qti-hotspot-interaction qti-hotspot-choice {
1279
1291
  position: absolute;
1280
1292
  }
1281
1293
 
1294
+ /* Choice as checkbox */
1295
+ qti-hottext {
1296
+ position: relative;
1297
+ vertical-align: bottom;
1298
+ }
1299
+
1300
+ .qti-input-control-hidden qti-hottext {
1301
+ vertical-align: unset;
1302
+ }
1303
+ .qti-input-control-hidden qti-hottext::before, .qti-input-control-hidden qti-hottext::after {
1304
+ content: unset !important;
1305
+ }
1306
+
1282
1307
  qti-match-interaction:not(.qti-match-tabular) qti-simple-match-set:first-of-type {
1283
1308
  display: flex;
1284
1309
  gap: var(--qti-gap, 0.5rem);
@@ -1387,4 +1412,9 @@ qti-rubric-block qti-content-body:not(:empty) {
1387
1412
  --qti-background: #ebebeb;
1388
1413
  --qti-padding-x: 0.5rem;
1389
1414
  --qti-padding-y: 0.8rem;
1415
+ }
1416
+
1417
+ qti-item-body img {
1418
+ width: 100% !important;
1419
+ height: auto !important;
1390
1420
  }
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  ],
10
10
  "license": "MIT",
11
11
  "private": false,
12
- "version": "6.0.1",
12
+ "version": "6.0.2-0",
13
13
  "type": "module",
14
14
  "main": "dist/qti-components/index.js",
15
15
  "exports": {
@@ -65,6 +65,7 @@
65
65
  },
66
66
  "dependencies": {
67
67
  "@lit-labs/context": "^0.3.0",
68
+ "@lit-labs/react": "^1.1.1",
68
69
  "cheerio": "^1.0.0-rc.12",
69
70
  "haunted": "^5.0.0",
70
71
  "lit": "^2.6.1"
@@ -92,6 +93,7 @@
92
93
  "@storybook/web-components-vite": "7.0.4",
93
94
  "@typescript-eslint/eslint-plugin": "^5.59.0",
94
95
  "cem-plugin-vs-code-custom-data-generator": "^1.4.1",
96
+ "esbuild-sass-plugin": "^2.9.0",
95
97
  "eslint": "^8.31.0",
96
98
  "eslint-plugin-import": "^2.27.4",
97
99
  "eslint-plugin-jest": "^27.2.1",
@@ -1,33 +0,0 @@
1
- interface directedPair {
2
- destination: string;
3
- source: string;
4
- }
5
- interface ResponseInteraction<T> {
6
- responseIdentifier: string;
7
- responses: T;
8
- }
9
- interface ResponseItem<T> {
10
- item: string | null;
11
- interaction: ResponseInteraction<T>;
12
- }
13
- interface InputResponseFormat<T> {
14
- item: string;
15
- interactions: ResponseInteraction<T>[];
16
- }
17
- interface Calculate {
18
- calculate: () => ResponseType;
19
- }
20
- type QtiVariableJSON = {
21
- [K in "list" | "base"]?: {
22
- [Ka in "boolean" | "integer" | "float" | "string" | "pair" | "directedPair" | "identifier"]?: ResponseType;
23
- };
24
- };
25
- type float = number;
26
- type integer = number;
27
- type ResponseType = boolean | directedPair | float | integer | string | ResponseType[];
28
- type BaseType = "boolean" | "directedPair" | "float" | "integer" | "string" | "identifier" | "pair";
29
- type Multiple = ResponseType[];
30
- type Ordered = ResponseType[];
31
- type Cardinality = "multiple" | "ordered" | "single";
32
-
33
- export { BaseType as B, Cardinality as C, InputResponseFormat as I, Multiple as M, Ordered as O, QtiVariableJSON as Q, ResponseType as R, ResponseInteraction as a, ResponseItem as b, Calculate as c, directedPair as d, float as f, integer as i };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHOQW4KDAcjs = require('./chunk-HOQW4KDA.cjs');function u(e,d){let o=_chunkHOQW4KDAcjs.a.call(void 0, {waitUntilFirstUpdate:!1},d);return(s,r)=>{let{update:c}=s,f=Array.isArray(e)?e:[e];s.update=function(t){f.forEach(p=>{let n=p;if(t.has(n)){let a=t.get(n),i=this[n];a!==i&&(!o.waitUntilFirstUpdate||this.hasUpdated)&&this[r](a,i)}}),c.call(this,t)}}}exports.a = u;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var j=Object.defineProperty,k=Object.defineProperties,l=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;var i=(c,a,b)=>a in c?j(c,a,{enumerable:!0,configurable:!0,writable:!0,value:b}):c[a]=b,p= exports.a =(c,a)=>{for(var b in a||(a={}))n.call(a,b)&&i(c,b,a[b]);if(h)for(var b of h(a))o.call(a,b)&&i(c,b,a[b]);return c},q= exports.b =(c,a)=>k(c,m(a));var r=(c,a,b,e)=>{for(var d=e>1?void 0:e?l(a,b):a,f=c.length-1,g;f>=0;f--)(g=c[f])&&(d=(e?g(a,b,d):g(d))||d);return e&&d&&j(a,b,d),d};exports.a = p; exports.b = q; exports.c = r;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _context = require('@lit-labs/context');var g=_context.createContext.call(void 0, "logger");exports.a = g;