eat-js-sdk 1.0.47 → 1.0.48

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.
@@ -1391,534 +1391,944 @@
1391
1391
  var STIMULUS_LAYOUT_ORDER_TEXT_FIRST = "text first";
1392
1392
  var ASSET_TYPE_IMAGE = "image";
1393
1393
 
1394
- // src/lib/components/common/CommonMedia.svelte
1394
+ // src/lib/constants/svgConstants.ts
1395
+ var svgIconRegistry = {
1396
+ alertIcon: {
1397
+ width: 22,
1398
+ height: 20,
1399
+ viewBox: "0 0 22 20",
1400
+ fill: "none",
1401
+ fillRule: "evenodd",
1402
+ clipRule: "evenodd",
1403
+ path: "M9.81616 0.255055C11.1909 -0.366408 12.8298 0.181391 13.5454 1.53306L21.7676 17.064C22.4728 18.396 21.5072 19.9998 20.0001 19.9998H2.00006C0.492906 19.9998 -0.472697 18.396 0.23248 17.064L8.45475 1.53306C8.72491 1.02275 9.14223 0.605431 9.65254 0.335267L9.81616 0.255055ZM11.0001 13.9998C10.4478 13.9998 10.0001 14.4475 10.0001 14.9998C10.0001 15.5521 10.4478 15.9998 11.0001 15.9998C11.5523 15.9998 12.0001 15.5521 12.0001 14.9998C12.0001 14.4475 11.5523 13.9998 11.0001 13.9998ZM11.0001 5.99978C10.4478 5.99978 10.0001 6.4475 10.0001 6.99978V10.9998C10.0001 11.5521 10.4478 11.9998 11.0001 11.9998C11.5523 11.9998 12.0001 11.5521 12.0001 10.9998V6.99978C12.0001 6.4475 11.5523 5.99978 11.0001 5.99978Z",
1404
+ pathFill: "#C84414"
1405
+ },
1406
+ arrowDownCircle: {
1407
+ width: 20,
1408
+ height: 20,
1409
+ viewBox: "0 0 20 20",
1410
+ fill: "none",
1411
+ fillRule: "evenodd",
1412
+ clipRule: "evenodd",
1413
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 5C9.44772 5 9 5.44772 9 6V11.585L6.70711 9.29289C6.34662 8.93241 5.77939 8.90468 5.3871 9.2097L5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L9.29289 14.7071C9.32136 14.7356 9.35153 14.7623 9.38325 14.7872C9.39016 14.7927 9.3974 14.7982 9.40469 14.8037C9.42887 14.8215 9.45372 14.8383 9.47934 14.8539C9.49139 14.8614 9.50361 14.8685 9.51594 14.8753C9.53571 14.8862 9.55611 14.8966 9.5769 14.9063C9.5939 14.9143 9.6112 14.9218 9.62866 14.9288C9.64842 14.9367 9.6682 14.9439 9.68826 14.9505C9.70315 14.9553 9.71854 14.9599 9.73401 14.9642C9.75556 14.9702 9.77725 14.9754 9.79921 14.9798C9.81662 14.9833 9.83405 14.9864 9.85153 14.989L9.88338 14.9933L9.91075 14.996C9.934 14.9981 9.95732 14.9994 9.98065 14.9998L10 15C10.0065 15 10.0129 14.9999 10.0193 14.9998C10.0427 14.9994 10.066 14.9981 10.0893 14.996C10.1097 14.9943 10.1294 14.9919 10.149 14.989C10.1659 14.9864 10.1834 14.9833 10.2007 14.9798C10.2227 14.9754 10.2444 14.9702 10.2658 14.9643C10.2815 14.9599 10.2969 14.9553 10.3121 14.9503C10.3318 14.9439 10.3516 14.9367 10.3711 14.9289C10.3888 14.9218 10.4061 14.9143 10.4232 14.9063C10.4439 14.8966 10.4643 14.8862 10.4843 14.8751C10.4964 14.8685 10.5086 14.8614 10.5207 14.854C10.5463 14.8383 10.5711 14.8215 10.5952 14.8037L10.6129 14.7903C10.6485 14.7623 10.6786 14.7356 10.7071 14.7071L14.7071 10.7071C15.0976 10.3166 15.0976 9.68342 14.7071 9.29289C14.3166 8.90237 13.6834 8.90237 13.2929 9.29289L11 11.585V6C11 5.48716 10.614 5.06449 10.1166 5.00673L10 5Z",
1414
+ pathFill: "currentColor"
1415
+ },
1416
+ crossIcon: {
1417
+ width: 12,
1418
+ height: 12,
1419
+ viewBox: "0 0 12 12",
1420
+ fill: "none",
1421
+ fillRule: "evenodd",
1422
+ clipRule: "evenodd",
1423
+ path: "M1.70711 0.292893L6 4.585L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L7.415 6L11.7071 10.2929C12.0976 10.6834 12.0976 11.3166 11.7071 11.7071C11.3166 12.0976 10.6834 12.0976 10.2929 11.7071L6 7.415L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.585 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893Z",
1424
+ pathFill: "currentColor"
1425
+ },
1426
+ errorSolid: {
1427
+ width: 20,
1428
+ height: 20,
1429
+ viewBox: "0 0 20 20",
1430
+ fill: "none",
1431
+ fillRule: "evenodd",
1432
+ clipRule: "evenodd",
1433
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z",
1434
+ pathFill: "currentColor"
1435
+ },
1436
+ infoSolid: {
1437
+ width: 20,
1438
+ height: 20,
1439
+ viewBox: "0 0 20 20",
1440
+ fill: "none",
1441
+ fillRule: "evenodd",
1442
+ clipRule: "evenodd",
1443
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z",
1444
+ pathFill: "currentColor"
1445
+ },
1446
+ smallChevronDown: {
1447
+ width: 8,
1448
+ height: 5,
1449
+ viewBox: "0 0 8 5",
1450
+ fill: "none",
1451
+ fillRule: "evenodd",
1452
+ clipRule: "evenodd",
1453
+ path: "M4 3.05719L6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877721 7.80474 1.13807L4.4714 4.4714C4.21105 4.73175 3.78895 4.73175 3.5286 4.4714L0.195262 1.13807C-0.0650874 0.877721 -0.0650874 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877721 -0.0650874 1.13807 0.195262L4 3.05719Z",
1454
+ pathFill: "currentColor"
1455
+ },
1456
+ smallChevronLeft: {
1457
+ width: 7,
1458
+ height: 12,
1459
+ viewBox: "0 0 7 12",
1460
+ fill: "none",
1461
+ fillRule: "evenodd",
1462
+ clipRule: "evenodd",
1463
+ path: "M2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6Z",
1464
+ pathFill: "currentColor"
1465
+ },
1466
+ smallChevronRight: {
1467
+ width: 7,
1468
+ height: 12,
1469
+ viewBox: "0 0 7 12",
1470
+ fill: "none",
1471
+ fillRule: "evenodd",
1472
+ clipRule: "evenodd",
1473
+ path: "M4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C7.09763 5.68342 7.09763 6.31658 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6Z",
1474
+ pathFill: "currentColor"
1475
+ },
1476
+ smallChevronUp: {
1477
+ width: 8,
1478
+ height: 5,
1479
+ viewBox: "0 0 8 5",
1480
+ fill: "none",
1481
+ fillRule: "evenodd",
1482
+ clipRule: "evenodd",
1483
+ path: "M4 1.60948L1.13807 4.4714C0.877721 4.73175 0.455612 4.73175 0.195262 4.4714C-0.0650874 4.21105 -0.0650874 3.78894 0.195262 3.5286L3.5286 0.195262C3.78895 -0.0650874 4.21105 -0.0650874 4.4714 0.195262L7.80474 3.5286C8.06509 3.78894 8.06509 4.21105 7.80474 4.4714C7.54439 4.73175 7.12228 4.73175 6.86193 4.4714L4 1.60948Z",
1484
+ pathFill: "currentColor"
1485
+ },
1486
+ success: {
1487
+ width: 15,
1488
+ height: 11,
1489
+ viewBox: "0 0 15 11",
1490
+ fill: "none",
1491
+ fillRule: "evenodd",
1492
+ clipRule: "evenodd",
1493
+ path: "M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893C15.0976 0.683418 15.0976 1.31658 14.7071 1.70711L5.70711 10.7071C5.31658 11.0976 4.68342 11.0976 4.29289 10.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L5 8.58579L13.2929 0.292893Z",
1494
+ pathFill: "currentColor"
1495
+ },
1496
+ successRounded: {
1497
+ width: 12,
1498
+ height: 8,
1499
+ viewBox: "0 0 12 8",
1500
+ fill: "none",
1501
+ fillRule: "evenodd",
1502
+ clipRule: "evenodd",
1503
+ path: "M9.79289 0.292893C10.1834 -0.0976311 10.8166 -0.0976311 11.2071 0.292893C11.5976 0.683418 11.5976 1.31658 11.2071 1.70711L5.20711 7.70711C4.81658 8.09763 4.18342 8.09763 3.79289 7.70711L0.792893 4.70711C0.402369 4.31658 0.402369 3.68342 0.792893 3.29289C1.18342 2.90237 1.81658 2.90237 2.20711 3.29289L4.5 5.58579L9.79289 0.292893Z",
1504
+ pathFill: "white"
1505
+ },
1506
+ successSolid: {
1507
+ width: 20,
1508
+ height: 20,
1509
+ viewBox: "0 0 20 20",
1510
+ fill: "none",
1511
+ fillRule: "evenodd",
1512
+ clipRule: "evenodd",
1513
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z",
1514
+ pathFill: "currentColor"
1515
+ },
1516
+ switch: {
1517
+ width: 12,
1518
+ height: 16,
1519
+ viewBox: "0 0 12 16",
1520
+ fill: "none",
1521
+ path: "M11.0005 6.99936C10.4475 6.99936 10.0005 7.44736 10.0005 7.99936C10.0005 10.2054 8.20549 11.9994 6.00049 11.9994V10.6434C6.00049 10.0094 5.58749 9.80936 5.08449 10.1984L2.37749 12.2914C1.87449 12.6814 1.87449 13.3184 2.37749 13.7074L5.08449 15.8014C5.58749 16.1904 6.00049 15.9904 6.00049 15.3554V13.9994C9.30849 13.9994 12.0005 11.3084 12.0005 7.99936C12.0005 7.44736 11.5525 6.99936 11.0005 6.99936ZM6.91599 0.198664C6.41199 -0.190336 5.99999 0.0096643 5.99999 0.643664V1.99966C2.69099 1.99966 -1.14441e-05 4.69066 -1.14441e-05 7.99966C-1.14441e-05 8.55166 0.447989 8.99966 0.999989 8.99966C1.55199 8.99966 1.99999 8.55166 1.99999 7.99966C1.99999 5.79366 3.79399 3.99966 5.99999 3.99966V5.35566C5.99999 5.98966 6.41199 6.18966 6.91599 5.80066L9.62299 3.70766C10.126 3.31766 10.126 2.68166 9.62299 2.29166L6.91599 0.198664Z",
1522
+ pathFill: "currentColor"
1523
+ },
1524
+ gripVertical: {
1525
+ width: 6,
1526
+ height: 14,
1527
+ viewBox: "0 0 6 14",
1528
+ fill: "none",
1529
+ fillRule: "evenodd",
1530
+ clipRule: "evenodd",
1531
+ path: "M1 12C1.55228 12 2 12.4477 2 13C2 13.5523 1.55228 14 1 14C0.447715 14 0 13.5523 0 13C0 12.4477 0.447715 12 1 12ZM5 12C5.55228 12 6 12.4477 6 13C6 13.5523 5.55228 14 5 14C4.44772 14 4 13.5523 4 13C4 12.4477 4.44772 12 5 12ZM1 8C1.55228 8 2 8.44772 2 9C2 9.55228 1.55228 10 1 10C0.447715 10 0 9.55228 0 9C0 8.44772 0.447715 8 1 8ZM5 8C5.55228 8 6 8.44772 6 9C6 9.55228 5.55228 10 5 10C4.44772 10 4 9.55228 4 9C4 8.44772 4.44772 8 5 8ZM1 4C1.55228 4 2 4.44772 2 5C2 5.55228 1.55228 6 1 6C0.447715 6 0 5.55228 0 5C0 4.44772 0.447715 4 1 4ZM5 4C5.55228 4 6 4.44772 6 5C6 5.55228 5.55228 6 5 6C4.44772 6 4 5.55228 4 5C4 4.44772 4.44772 4 5 4ZM1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0ZM5 0C5.55228 0 6 0.447715 6 1C6 1.55228 5.55228 2 5 2C4.44772 2 4 1.55228 4 1C4 0.447715 4.44772 0 5 0Z",
1532
+ pathFill: "currentColor"
1533
+ }
1534
+ };
1535
+
1536
+ // src/lib/assets/img/SvgLoader.svelte
1395
1537
  function create_if_block2(ctx) {
1396
- let div;
1397
- let if_block = (
1398
- /*fileType*/
1399
- ctx[0] === ASSET_TYPE_IMAGE && create_if_block_1(ctx)
1400
- );
1538
+ let path;
1539
+ let path_fill_rule_value;
1540
+ let path_clip_rule_value;
1541
+ let path_d_value;
1542
+ let path_fill_value;
1401
1543
  return {
1402
1544
  c() {
1403
- div = element("div");
1404
- if (if_block)
1405
- if_block.c();
1406
- attr(div, "class", "flex items-center justify-center flex-col text-center");
1545
+ path = svg_element("path");
1546
+ attr(path, "fill-rule", path_fill_rule_value = /*iconProps*/
1547
+ ctx[2].fillRule);
1548
+ attr(path, "clip-rule", path_clip_rule_value = /*iconProps*/
1549
+ ctx[2].clipRule);
1550
+ attr(path, "d", path_d_value = /*iconProps*/
1551
+ ctx[2].path);
1552
+ attr(path, "fill", path_fill_value = /*iconProps*/
1553
+ ctx[2].pathFill);
1407
1554
  },
1408
1555
  m(target, anchor) {
1409
- insert(target, div, anchor);
1410
- if (if_block)
1411
- if_block.m(div, null);
1556
+ insert(target, path, anchor);
1412
1557
  },
1413
1558
  p(ctx2, dirty) {
1414
- if (
1415
- /*fileType*/
1416
- ctx2[0] === ASSET_TYPE_IMAGE
1417
- ) {
1418
- if (if_block) {
1419
- if_block.p(ctx2, dirty);
1420
- } else {
1421
- if_block = create_if_block_1(ctx2);
1422
- if_block.c();
1423
- if_block.m(div, null);
1424
- }
1425
- } else if (if_block) {
1426
- if_block.d(1);
1427
- if_block = null;
1559
+ if (dirty & /*iconProps*/
1560
+ 4 && path_fill_rule_value !== (path_fill_rule_value = /*iconProps*/
1561
+ ctx2[2].fillRule)) {
1562
+ attr(path, "fill-rule", path_fill_rule_value);
1563
+ }
1564
+ if (dirty & /*iconProps*/
1565
+ 4 && path_clip_rule_value !== (path_clip_rule_value = /*iconProps*/
1566
+ ctx2[2].clipRule)) {
1567
+ attr(path, "clip-rule", path_clip_rule_value);
1568
+ }
1569
+ if (dirty & /*iconProps*/
1570
+ 4 && path_d_value !== (path_d_value = /*iconProps*/
1571
+ ctx2[2].path)) {
1572
+ attr(path, "d", path_d_value);
1573
+ }
1574
+ if (dirty & /*iconProps*/
1575
+ 4 && path_fill_value !== (path_fill_value = /*iconProps*/
1576
+ ctx2[2].pathFill)) {
1577
+ attr(path, "fill", path_fill_value);
1428
1578
  }
1429
1579
  },
1430
1580
  d(detaching) {
1431
1581
  if (detaching) {
1432
- detach(div);
1582
+ detach(path);
1433
1583
  }
1434
- if (if_block)
1435
- if_block.d();
1436
1584
  }
1437
1585
  };
1438
1586
  }
1439
- function create_if_block_1(ctx) {
1440
- let img;
1441
- let img_src_value;
1442
- let t2;
1443
- let if_block_anchor;
1587
+ function create_fragment2(ctx) {
1588
+ let svg;
1589
+ let svg_width_value;
1590
+ let svg_height_value;
1591
+ let svg_viewBox_value;
1592
+ let svg_fill_value;
1593
+ let svg_class_value;
1444
1594
  let if_block = (
1445
- /*fileCaption*/
1446
- ctx[3] && create_if_block_2(ctx)
1595
+ /*iconProps*/
1596
+ ctx[2].path && create_if_block2(ctx)
1447
1597
  );
1448
1598
  return {
1449
1599
  c() {
1450
- img = element("img");
1451
- t2 = space();
1600
+ svg = svg_element("svg");
1452
1601
  if (if_block)
1453
1602
  if_block.c();
1454
- if_block_anchor = empty();
1455
- if (!src_url_equal(img.src, img_src_value = /*fileUrl*/
1456
- ctx[1]))
1457
- attr(img, "src", img_src_value);
1458
- attr(
1459
- img,
1460
- "alt",
1461
- /*altText*/
1462
- ctx[2]
1463
- );
1603
+ attr(svg, "width", svg_width_value = /*iconProps*/
1604
+ ctx[2].width);
1605
+ attr(svg, "height", svg_height_value = /*iconProps*/
1606
+ ctx[2].height);
1607
+ attr(svg, "viewBox", svg_viewBox_value = /*iconProps*/
1608
+ ctx[2].viewBox);
1609
+ attr(svg, "fill", svg_fill_value = /*iconProps*/
1610
+ ctx[2].fill);
1611
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
1612
+ attr(svg, "class", svg_class_value = /*className*/
1613
+ ctx[1] ?? /*svgName*/
1614
+ ctx[0]);
1464
1615
  },
1465
1616
  m(target, anchor) {
1466
- insert(target, img, anchor);
1467
- insert(target, t2, anchor);
1617
+ insert(target, svg, anchor);
1468
1618
  if (if_block)
1469
- if_block.m(target, anchor);
1470
- insert(target, if_block_anchor, anchor);
1619
+ if_block.m(svg, null);
1471
1620
  },
1472
- p(ctx2, dirty) {
1473
- if (dirty & /*fileUrl*/
1474
- 2 && !src_url_equal(img.src, img_src_value = /*fileUrl*/
1475
- ctx2[1])) {
1476
- attr(img, "src", img_src_value);
1477
- }
1478
- if (dirty & /*altText*/
1479
- 4) {
1480
- attr(
1481
- img,
1482
- "alt",
1483
- /*altText*/
1484
- ctx2[2]
1485
- );
1486
- }
1621
+ p(ctx2, [dirty]) {
1487
1622
  if (
1488
- /*fileCaption*/
1489
- ctx2[3]
1623
+ /*iconProps*/
1624
+ ctx2[2].path
1490
1625
  ) {
1491
1626
  if (if_block) {
1492
1627
  if_block.p(ctx2, dirty);
1493
1628
  } else {
1494
- if_block = create_if_block_2(ctx2);
1629
+ if_block = create_if_block2(ctx2);
1495
1630
  if_block.c();
1496
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
1631
+ if_block.m(svg, null);
1497
1632
  }
1498
1633
  } else if (if_block) {
1499
1634
  if_block.d(1);
1500
1635
  if_block = null;
1501
1636
  }
1502
- },
1503
- d(detaching) {
1504
- if (detaching) {
1505
- detach(img);
1506
- detach(t2);
1507
- detach(if_block_anchor);
1637
+ if (dirty & /*iconProps*/
1638
+ 4 && svg_width_value !== (svg_width_value = /*iconProps*/
1639
+ ctx2[2].width)) {
1640
+ attr(svg, "width", svg_width_value);
1508
1641
  }
1509
- if (if_block)
1510
- if_block.d(detaching);
1511
- }
1512
- };
1513
- }
1514
- function create_if_block_2(ctx) {
1515
- let p;
1516
- let t2;
1517
- return {
1518
- c() {
1519
- p = element("p");
1520
- t2 = text(
1521
- /*fileCaption*/
1522
- ctx[3]
1523
- );
1524
- attr(p, "class", "text-lg leading-[22px] text-blue-1000 font-semibold mt-4");
1525
- },
1526
- m(target, anchor) {
1527
- insert(target, p, anchor);
1528
- append(p, t2);
1529
- },
1530
- p(ctx2, dirty) {
1531
- if (dirty & /*fileCaption*/
1532
- 8)
1533
- set_data(
1534
- t2,
1535
- /*fileCaption*/
1536
- ctx2[3]
1537
- );
1538
- },
1539
- d(detaching) {
1540
- if (detaching) {
1541
- detach(p);
1642
+ if (dirty & /*iconProps*/
1643
+ 4 && svg_height_value !== (svg_height_value = /*iconProps*/
1644
+ ctx2[2].height)) {
1645
+ attr(svg, "height", svg_height_value);
1542
1646
  }
1543
- }
1544
- };
1545
- }
1546
- function create_fragment2(ctx) {
1547
- let if_block_anchor;
1548
- let if_block = (
1549
- /*fileUrl*/
1550
- ctx[1] && create_if_block2(ctx)
1551
- );
1552
- return {
1553
- c() {
1554
- if (if_block)
1555
- if_block.c();
1556
- if_block_anchor = empty();
1557
- },
1558
- m(target, anchor) {
1559
- if (if_block)
1560
- if_block.m(target, anchor);
1561
- insert(target, if_block_anchor, anchor);
1562
- },
1563
- p(ctx2, [dirty]) {
1564
- if (
1565
- /*fileUrl*/
1566
- ctx2[1]
1567
- ) {
1568
- if (if_block) {
1569
- if_block.p(ctx2, dirty);
1570
- } else {
1571
- if_block = create_if_block2(ctx2);
1572
- if_block.c();
1573
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
1574
- }
1575
- } else if (if_block) {
1576
- if_block.d(1);
1577
- if_block = null;
1647
+ if (dirty & /*iconProps*/
1648
+ 4 && svg_viewBox_value !== (svg_viewBox_value = /*iconProps*/
1649
+ ctx2[2].viewBox)) {
1650
+ attr(svg, "viewBox", svg_viewBox_value);
1651
+ }
1652
+ if (dirty & /*iconProps*/
1653
+ 4 && svg_fill_value !== (svg_fill_value = /*iconProps*/
1654
+ ctx2[2].fill)) {
1655
+ attr(svg, "fill", svg_fill_value);
1656
+ }
1657
+ if (dirty & /*className, svgName*/
1658
+ 3 && svg_class_value !== (svg_class_value = /*className*/
1659
+ ctx2[1] ?? /*svgName*/
1660
+ ctx2[0])) {
1661
+ attr(svg, "class", svg_class_value);
1578
1662
  }
1579
1663
  },
1580
1664
  i: noop,
1581
1665
  o: noop,
1582
1666
  d(detaching) {
1583
1667
  if (detaching) {
1584
- detach(if_block_anchor);
1668
+ detach(svg);
1585
1669
  }
1586
1670
  if (if_block)
1587
- if_block.d(detaching);
1671
+ if_block.d();
1588
1672
  }
1589
1673
  };
1590
1674
  }
1591
1675
  function instance2($$self, $$props, $$invalidate) {
1592
- let { fileType } = $$props;
1593
- let { fileUrl } = $$props;
1594
- let { altText = "" } = $$props;
1595
- let { fileCaption = "" } = $$props;
1676
+ let iconProps;
1677
+ let { width = void 0 } = $$props;
1678
+ let { height = void 0 } = $$props;
1679
+ let { svgName } = $$props;
1680
+ let { className = void 0 } = $$props;
1596
1681
  $$self.$$set = ($$props2) => {
1597
- if ("fileType" in $$props2)
1598
- $$invalidate(0, fileType = $$props2.fileType);
1599
- if ("fileUrl" in $$props2)
1600
- $$invalidate(1, fileUrl = $$props2.fileUrl);
1601
- if ("altText" in $$props2)
1602
- $$invalidate(2, altText = $$props2.altText);
1603
- if ("fileCaption" in $$props2)
1604
- $$invalidate(3, fileCaption = $$props2.fileCaption);
1682
+ if ("width" in $$props2)
1683
+ $$invalidate(3, width = $$props2.width);
1684
+ if ("height" in $$props2)
1685
+ $$invalidate(4, height = $$props2.height);
1686
+ if ("svgName" in $$props2)
1687
+ $$invalidate(0, svgName = $$props2.svgName);
1688
+ if ("className" in $$props2)
1689
+ $$invalidate(1, className = $$props2.className);
1690
+ };
1691
+ $$self.$$.update = () => {
1692
+ if ($$self.$$.dirty & /*svgName, width, height*/
1693
+ 25) {
1694
+ $:
1695
+ $$invalidate(2, iconProps = (() => {
1696
+ const defaults = svgIconRegistry[svgName] ?? {};
1697
+ return {
1698
+ width: width ?? defaults.width,
1699
+ height: height ?? defaults.height,
1700
+ viewBox: `0 0 ${width ?? defaults.width} ${height ?? defaults.height}`,
1701
+ fillRule: defaults.fillRule ?? void 0,
1702
+ clipRule: defaults.clipRule ?? void 0,
1703
+ fill: defaults.fill,
1704
+ path: defaults.path,
1705
+ pathFill: defaults.pathFill
1706
+ };
1707
+ })());
1708
+ }
1605
1709
  };
1606
- return [fileType, fileUrl, altText, fileCaption];
1710
+ return [svgName, className, iconProps, width, height];
1607
1711
  }
1608
- var CommonMedia = class extends SvelteComponent {
1712
+ var SvgLoader = class extends SvelteComponent {
1609
1713
  constructor(options) {
1610
1714
  super();
1611
1715
  init(this, options, instance2, create_fragment2, safe_not_equal, {
1612
- fileType: 0,
1613
- fileUrl: 1,
1614
- altText: 2,
1615
- fileCaption: 3
1716
+ width: 3,
1717
+ height: 4,
1718
+ svgName: 0,
1719
+ className: 1
1616
1720
  });
1617
1721
  }
1618
- get fileType() {
1619
- return this.$$.ctx[0];
1722
+ get width() {
1723
+ return this.$$.ctx[3];
1620
1724
  }
1621
- set fileType(fileType) {
1622
- this.$$set({ fileType });
1725
+ set width(width) {
1726
+ this.$$set({ width });
1623
1727
  flush();
1624
1728
  }
1625
- get fileUrl() {
1626
- return this.$$.ctx[1];
1729
+ get height() {
1730
+ return this.$$.ctx[4];
1627
1731
  }
1628
- set fileUrl(fileUrl) {
1629
- this.$$set({ fileUrl });
1732
+ set height(height) {
1733
+ this.$$set({ height });
1630
1734
  flush();
1631
1735
  }
1632
- get altText() {
1633
- return this.$$.ctx[2];
1736
+ get svgName() {
1737
+ return this.$$.ctx[0];
1634
1738
  }
1635
- set altText(altText) {
1636
- this.$$set({ altText });
1739
+ set svgName(svgName) {
1740
+ this.$$set({ svgName });
1637
1741
  flush();
1638
1742
  }
1639
- get fileCaption() {
1640
- return this.$$.ctx[3];
1743
+ get className() {
1744
+ return this.$$.ctx[1];
1641
1745
  }
1642
- set fileCaption(fileCaption) {
1643
- this.$$set({ fileCaption });
1746
+ set className(className) {
1747
+ this.$$set({ className });
1644
1748
  flush();
1645
1749
  }
1646
1750
  };
1647
- customElements.define("common-media", create_custom_element(CommonMedia, { "fileType": {}, "fileUrl": {}, "altText": {}, "fileCaption": {} }, [], [], true));
1648
- var CommonMedia_default = CommonMedia;
1751
+ create_custom_element(SvgLoader, { "width": {}, "height": {}, "svgName": {}, "className": {} }, [], [], true);
1752
+ var SvgLoader_default = SvgLoader;
1649
1753
 
1650
- // src/lib/components/prompt/template/PromptBody.svelte
1651
- function add_css(target) {
1652
- append_styles(target, "svelte-plkvcr", "@media only screen and (min-width: 1196px){.container-class.svelte-plkvcr{max-width:var(--interactionWidthValue)}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-plkvcr{max-width:720px}.mcq-media-container-stimulus.svelte-plkvcr{max-width:1310px}}");
1653
- }
1654
- function create_if_block_11(ctx) {
1655
- let commonstringtohtml;
1754
+ // src/lib/components/common/CommonMedia.svelte
1755
+ function create_if_block3(ctx) {
1756
+ let div;
1656
1757
  let current;
1657
- commonstringtohtml = new CommonStringToHtml_default({
1658
- props: {
1659
- htmlString: (
1660
- /*rubric*/
1661
- ctx[0]
1662
- ),
1663
- otherClass: "item-heading mb-4",
1664
- htmlHeading: (
1665
- /*promptRubricHeaderElem*/
1666
- ctx[18]
1667
- )
1668
- }
1669
- });
1758
+ let if_block = (
1759
+ /*fileType*/
1760
+ ctx[0] === ASSET_TYPE_IMAGE && create_if_block_1(ctx)
1761
+ );
1670
1762
  return {
1671
1763
  c() {
1672
- create_component(commonstringtohtml.$$.fragment);
1764
+ div = element("div");
1765
+ if (if_block)
1766
+ if_block.c();
1767
+ attr(div, "class", "w-full");
1673
1768
  },
1674
1769
  m(target, anchor) {
1675
- mount_component(commonstringtohtml, target, anchor);
1770
+ insert(target, div, anchor);
1771
+ if (if_block)
1772
+ if_block.m(div, null);
1676
1773
  current = true;
1677
1774
  },
1678
1775
  p(ctx2, dirty) {
1679
- const commonstringtohtml_changes = {};
1680
- if (dirty & /*rubric*/
1681
- 1)
1682
- commonstringtohtml_changes.htmlString = /*rubric*/
1683
- ctx2[0];
1684
- commonstringtohtml.$set(commonstringtohtml_changes);
1685
- },
1686
- i(local) {
1687
- if (current)
1688
- return;
1689
- transition_in(commonstringtohtml.$$.fragment, local);
1690
- current = true;
1691
- },
1692
- o(local) {
1693
- transition_out(commonstringtohtml.$$.fragment, local);
1694
- current = false;
1695
- },
1696
- d(detaching) {
1697
- destroy_component(commonstringtohtml, detaching);
1698
- }
1699
- };
1700
- }
1701
- function create_if_block_10(ctx) {
1702
- let commonstringtohtml;
1703
- let current;
1704
- commonstringtohtml = new CommonStringToHtml_default({
1705
- props: {
1706
- htmlString: (
1707
- /*stimulusText*/
1708
- ctx[10]
1709
- ),
1710
- otherClass: "text-stimulus py-2"
1711
- }
1712
- });
1713
- return {
1714
- c() {
1715
- create_component(commonstringtohtml.$$.fragment);
1716
- },
1717
- m(target, anchor) {
1718
- mount_component(commonstringtohtml, target, anchor);
1719
- current = true;
1720
- },
1721
- p(ctx2, dirty) {
1722
- const commonstringtohtml_changes = {};
1723
- if (dirty & /*stimulusText*/
1724
- 1024)
1725
- commonstringtohtml_changes.htmlString = /*stimulusText*/
1726
- ctx2[10];
1727
- commonstringtohtml.$set(commonstringtohtml_changes);
1776
+ if (
1777
+ /*fileType*/
1778
+ ctx2[0] === ASSET_TYPE_IMAGE
1779
+ ) {
1780
+ if (if_block) {
1781
+ if_block.p(ctx2, dirty);
1782
+ if (dirty & /*fileType*/
1783
+ 1) {
1784
+ transition_in(if_block, 1);
1785
+ }
1786
+ } else {
1787
+ if_block = create_if_block_1(ctx2);
1788
+ if_block.c();
1789
+ transition_in(if_block, 1);
1790
+ if_block.m(div, null);
1791
+ }
1792
+ } else if (if_block) {
1793
+ group_outros();
1794
+ transition_out(if_block, 1, 1, () => {
1795
+ if_block = null;
1796
+ });
1797
+ check_outros();
1798
+ }
1728
1799
  },
1729
1800
  i(local) {
1730
1801
  if (current)
1731
1802
  return;
1732
- transition_in(commonstringtohtml.$$.fragment, local);
1803
+ transition_in(if_block);
1733
1804
  current = true;
1734
1805
  },
1735
1806
  o(local) {
1736
- transition_out(commonstringtohtml.$$.fragment, local);
1807
+ transition_out(if_block);
1737
1808
  current = false;
1738
1809
  },
1739
1810
  d(detaching) {
1740
- destroy_component(commonstringtohtml, detaching);
1811
+ if (detaching) {
1812
+ detach(div);
1813
+ }
1814
+ if (if_block)
1815
+ if_block.d();
1741
1816
  }
1742
1817
  };
1743
1818
  }
1744
- function create_if_block_9(ctx) {
1819
+ function create_if_block_1(ctx) {
1745
1820
  let div;
1746
- let commonmedia;
1747
- let div_class_value;
1821
+ let img;
1822
+ let img_src_value;
1823
+ let img_aria_describedby_value;
1824
+ let t0;
1825
+ let t1;
1826
+ let if_block1_anchor;
1748
1827
  let current;
1749
- commonmedia = new CommonMedia_default({
1750
- props: {
1751
- fileType: (
1752
- /*fileType*/
1753
- ctx[6]
1754
- ),
1755
- fileUrl: (
1756
- /*fileUrl*/
1757
- ctx[5]
1758
- ),
1759
- altText: (
1760
- /*altText*/
1761
- ctx[8]
1762
- ),
1763
- fileCaption: (
1764
- /*caption*/
1765
- ctx[9]
1766
- )
1767
- }
1768
- });
1828
+ let mounted;
1829
+ let dispose;
1830
+ let if_block0 = (
1831
+ /*fileCaption*/
1832
+ ctx[4] && create_if_block_3(ctx)
1833
+ );
1834
+ let if_block1 = (
1835
+ /*longDescription*/
1836
+ ctx[3] && create_if_block_2(ctx)
1837
+ );
1769
1838
  return {
1770
1839
  c() {
1771
1840
  div = element("div");
1772
- create_component(commonmedia.$$.fragment);
1773
- attr(div, "class", div_class_value = /*showTextAlignmentInline*/
1774
- (ctx[14] && /*showStimulusLayoutMediaFirst*/
1775
- ctx[16] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
1776
- (ctx[14] && /*showStimulusLayoutTextFirst*/
1777
- ctx[17] ? "" : "pt-6"));
1841
+ img = element("img");
1842
+ t0 = space();
1843
+ if (if_block0)
1844
+ if_block0.c();
1845
+ t1 = space();
1846
+ if (if_block1)
1847
+ if_block1.c();
1848
+ if_block1_anchor = empty();
1849
+ if (!src_url_equal(img.src, img_src_value = /*fileUrl*/
1850
+ ctx[1]))
1851
+ attr(img, "src", img_src_value);
1852
+ attr(
1853
+ img,
1854
+ "alt",
1855
+ /*altText*/
1856
+ ctx[2]
1857
+ );
1858
+ attr(img, "aria-describedby", img_aria_describedby_value = /*longDescription*/
1859
+ ctx[3] ? "long-description-content" : void 0);
1860
+ attr(div, "class", "flex flex-col justify-center items-center text-center");
1778
1861
  },
1779
1862
  m(target, anchor) {
1780
1863
  insert(target, div, anchor);
1781
- mount_component(commonmedia, div, null);
1864
+ append(div, img);
1865
+ append(div, t0);
1866
+ if (if_block0)
1867
+ if_block0.m(div, null);
1868
+ insert(target, t1, anchor);
1869
+ if (if_block1)
1870
+ if_block1.m(target, anchor);
1871
+ insert(target, if_block1_anchor, anchor);
1782
1872
  current = true;
1873
+ if (!mounted) {
1874
+ dispose = listen(img, "load", function() {
1875
+ if (is_function(
1876
+ /*handleImageLoad*/
1877
+ ctx[5]
1878
+ ))
1879
+ ctx[5].apply(this, arguments);
1880
+ });
1881
+ mounted = true;
1882
+ }
1783
1883
  },
1784
- p(ctx2, dirty) {
1785
- const commonmedia_changes = {};
1786
- if (dirty & /*fileType*/
1787
- 64)
1788
- commonmedia_changes.fileType = /*fileType*/
1789
- ctx2[6];
1790
- if (dirty & /*fileUrl*/
1791
- 32)
1792
- commonmedia_changes.fileUrl = /*fileUrl*/
1793
- ctx2[5];
1794
- if (dirty & /*altText*/
1795
- 256)
1796
- commonmedia_changes.altText = /*altText*/
1797
- ctx2[8];
1798
- if (dirty & /*caption*/
1799
- 512)
1800
- commonmedia_changes.fileCaption = /*caption*/
1801
- ctx2[9];
1802
- commonmedia.$set(commonmedia_changes);
1884
+ p(new_ctx, dirty) {
1885
+ ctx = new_ctx;
1886
+ if (!current || dirty & /*fileUrl*/
1887
+ 2 && !src_url_equal(img.src, img_src_value = /*fileUrl*/
1888
+ ctx[1])) {
1889
+ attr(img, "src", img_src_value);
1890
+ }
1891
+ if (!current || dirty & /*altText*/
1892
+ 4) {
1893
+ attr(
1894
+ img,
1895
+ "alt",
1896
+ /*altText*/
1897
+ ctx[2]
1898
+ );
1899
+ }
1900
+ if (!current || dirty & /*longDescription*/
1901
+ 8 && img_aria_describedby_value !== (img_aria_describedby_value = /*longDescription*/
1902
+ ctx[3] ? "long-description-content" : void 0)) {
1903
+ attr(img, "aria-describedby", img_aria_describedby_value);
1904
+ }
1905
+ if (
1906
+ /*fileCaption*/
1907
+ ctx[4]
1908
+ ) {
1909
+ if (if_block0) {
1910
+ if_block0.p(ctx, dirty);
1911
+ } else {
1912
+ if_block0 = create_if_block_3(ctx);
1913
+ if_block0.c();
1914
+ if_block0.m(div, null);
1915
+ }
1916
+ } else if (if_block0) {
1917
+ if_block0.d(1);
1918
+ if_block0 = null;
1919
+ }
1920
+ if (
1921
+ /*longDescription*/
1922
+ ctx[3]
1923
+ ) {
1924
+ if (if_block1) {
1925
+ if_block1.p(ctx, dirty);
1926
+ if (dirty & /*longDescription*/
1927
+ 8) {
1928
+ transition_in(if_block1, 1);
1929
+ }
1930
+ } else {
1931
+ if_block1 = create_if_block_2(ctx);
1932
+ if_block1.c();
1933
+ transition_in(if_block1, 1);
1934
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
1935
+ }
1936
+ } else if (if_block1) {
1937
+ group_outros();
1938
+ transition_out(if_block1, 1, 1, () => {
1939
+ if_block1 = null;
1940
+ });
1941
+ check_outros();
1942
+ }
1803
1943
  },
1804
1944
  i(local) {
1805
1945
  if (current)
1806
1946
  return;
1807
- transition_in(commonmedia.$$.fragment, local);
1947
+ transition_in(if_block1);
1808
1948
  current = true;
1809
1949
  },
1810
1950
  o(local) {
1811
- transition_out(commonmedia.$$.fragment, local);
1951
+ transition_out(if_block1);
1812
1952
  current = false;
1813
1953
  },
1814
1954
  d(detaching) {
1815
1955
  if (detaching) {
1816
1956
  detach(div);
1957
+ detach(t1);
1958
+ detach(if_block1_anchor);
1817
1959
  }
1818
- destroy_component(commonmedia);
1960
+ if (if_block0)
1961
+ if_block0.d();
1962
+ if (if_block1)
1963
+ if_block1.d(detaching);
1964
+ mounted = false;
1965
+ dispose();
1819
1966
  }
1820
1967
  };
1821
1968
  }
1822
- function create_if_block_8(ctx) {
1823
- let commonstringtohtml;
1824
- let current;
1825
- commonstringtohtml = new CommonStringToHtml_default({
1826
- props: {
1827
- htmlString: (
1828
- /*stimulusText*/
1829
- ctx[10]
1830
- ),
1831
- otherClass: "text-stimulus py-2"
1832
- }
1833
- });
1969
+ function create_if_block_3(ctx) {
1970
+ let p;
1971
+ let t2;
1834
1972
  return {
1835
1973
  c() {
1836
- create_component(commonstringtohtml.$$.fragment);
1974
+ p = element("p");
1975
+ t2 = text(
1976
+ /*fileCaption*/
1977
+ ctx[4]
1978
+ );
1979
+ attr(p, "class", "text-lg leading-[22px] text-blue-1000 font-semibold mt-4");
1837
1980
  },
1838
1981
  m(target, anchor) {
1839
- mount_component(commonstringtohtml, target, anchor);
1840
- current = true;
1982
+ insert(target, p, anchor);
1983
+ append(p, t2);
1841
1984
  },
1842
1985
  p(ctx2, dirty) {
1843
- const commonstringtohtml_changes = {};
1844
- if (dirty & /*stimulusText*/
1845
- 1024)
1846
- commonstringtohtml_changes.htmlString = /*stimulusText*/
1847
- ctx2[10];
1848
- commonstringtohtml.$set(commonstringtohtml_changes);
1849
- },
1850
- i(local) {
1851
- if (current)
1852
- return;
1853
- transition_in(commonstringtohtml.$$.fragment, local);
1854
- current = true;
1855
- },
1856
- o(local) {
1857
- transition_out(commonstringtohtml.$$.fragment, local);
1858
- current = false;
1986
+ if (dirty & /*fileCaption*/
1987
+ 16)
1988
+ set_data(
1989
+ t2,
1990
+ /*fileCaption*/
1991
+ ctx2[4]
1992
+ );
1859
1993
  },
1860
1994
  d(detaching) {
1861
- destroy_component(commonstringtohtml, detaching);
1995
+ if (detaching) {
1996
+ detach(p);
1997
+ }
1862
1998
  }
1863
1999
  };
1864
2000
  }
1865
- function create_if_block_7(ctx) {
1866
- let commonstringtohtml;
2001
+ function create_if_block_2(ctx) {
2002
+ let div3;
2003
+ let button;
2004
+ let div0;
2005
+ let svgloader;
2006
+ let t0;
2007
+ let div1;
2008
+ let t2;
2009
+ let div2;
2010
+ let commonstringtohtml;
2011
+ let div2_hidden_value;
1867
2012
  let current;
2013
+ let mounted;
2014
+ let dispose;
2015
+ svgloader = new SvgLoader_default({
2016
+ props: {
2017
+ svgName: (
2018
+ /*islongDescOpened*/
2019
+ ctx[6] ? "smallChevronUp" : "smallChevronDown"
2020
+ ),
2021
+ className: (
2022
+ /*islongDescOpened*/
2023
+ ctx[6] ? "collapse-icon" : "expand-icon"
2024
+ ),
2025
+ width: 12,
2026
+ height: 7
2027
+ }
2028
+ });
1868
2029
  commonstringtohtml = new CommonStringToHtml_default({
1869
2030
  props: {
1870
2031
  htmlString: (
1871
- /*prompt*/
1872
- ctx[1]
2032
+ /*longDescription*/
2033
+ ctx[3]
1873
2034
  ),
1874
- otherClass: "item-heading prompt",
1875
- htmlHeading: (
1876
- /*promptRubricHeaderElem*/
1877
- ctx[18]
1878
- )
2035
+ otherClass: "image-description text-left leading-[1.5]"
1879
2036
  }
1880
2037
  });
1881
2038
  return {
1882
2039
  c() {
2040
+ div3 = element("div");
2041
+ button = element("button");
2042
+ div0 = element("div");
2043
+ create_component(svgloader.$$.fragment);
2044
+ t0 = space();
2045
+ div1 = element("div");
2046
+ div1.textContent = "Image Description";
2047
+ t2 = space();
2048
+ div2 = element("div");
1883
2049
  create_component(commonstringtohtml.$$.fragment);
2050
+ attr(div0, "class", "w-6 h-6 flex items-center justify-center mr-2");
2051
+ attr(div1, "id", "image-description-label");
2052
+ attr(div1, "class", "group-focus-visible:bg-yellow-1000");
2053
+ attr(button, "class", "flex items-center font-semibold leading-[1.5] outline-none group w-full h-11");
2054
+ attr(
2055
+ button,
2056
+ "aria-expanded",
2057
+ /*islongDescOpened*/
2058
+ ctx[6]
2059
+ );
2060
+ attr(button, "aria-controls", "long-description-content");
2061
+ attr(button, "aria-labelledby", "image-description-label");
2062
+ attr(div2, "id", "long-description-content");
2063
+ div2.hidden = div2_hidden_value = !/*islongDescOpened*/
2064
+ ctx[6];
2065
+ attr(div3, "class", "mt-6 w-full");
2066
+ attr(div3, "aria-live", "polite");
1884
2067
  },
1885
2068
  m(target, anchor) {
1886
- mount_component(commonstringtohtml, target, anchor);
2069
+ insert(target, div3, anchor);
2070
+ append(div3, button);
2071
+ append(button, div0);
2072
+ mount_component(svgloader, div0, null);
2073
+ append(button, t0);
2074
+ append(button, div1);
2075
+ append(div3, t2);
2076
+ append(div3, div2);
2077
+ mount_component(commonstringtohtml, div2, null);
1887
2078
  current = true;
2079
+ if (!mounted) {
2080
+ dispose = [
2081
+ listen(
2082
+ button,
2083
+ "click",
2084
+ /*click_handler*/
2085
+ ctx[7]
2086
+ ),
2087
+ listen(
2088
+ button,
2089
+ "keydown",
2090
+ /*keydown_handler*/
2091
+ ctx[8]
2092
+ )
2093
+ ];
2094
+ mounted = true;
2095
+ }
1888
2096
  },
1889
2097
  p(ctx2, dirty) {
2098
+ const svgloader_changes = {};
2099
+ if (dirty & /*islongDescOpened*/
2100
+ 64)
2101
+ svgloader_changes.svgName = /*islongDescOpened*/
2102
+ ctx2[6] ? "smallChevronUp" : "smallChevronDown";
2103
+ if (dirty & /*islongDescOpened*/
2104
+ 64)
2105
+ svgloader_changes.className = /*islongDescOpened*/
2106
+ ctx2[6] ? "collapse-icon" : "expand-icon";
2107
+ svgloader.$set(svgloader_changes);
2108
+ if (!current || dirty & /*islongDescOpened*/
2109
+ 64) {
2110
+ attr(
2111
+ button,
2112
+ "aria-expanded",
2113
+ /*islongDescOpened*/
2114
+ ctx2[6]
2115
+ );
2116
+ }
1890
2117
  const commonstringtohtml_changes = {};
1891
- if (dirty & /*prompt*/
1892
- 2)
1893
- commonstringtohtml_changes.htmlString = /*prompt*/
1894
- ctx2[1];
2118
+ if (dirty & /*longDescription*/
2119
+ 8)
2120
+ commonstringtohtml_changes.htmlString = /*longDescription*/
2121
+ ctx2[3];
1895
2122
  commonstringtohtml.$set(commonstringtohtml_changes);
2123
+ if (!current || dirty & /*islongDescOpened*/
2124
+ 64 && div2_hidden_value !== (div2_hidden_value = !/*islongDescOpened*/
2125
+ ctx2[6])) {
2126
+ div2.hidden = div2_hidden_value;
2127
+ }
1896
2128
  },
1897
2129
  i(local) {
1898
2130
  if (current)
1899
2131
  return;
2132
+ transition_in(svgloader.$$.fragment, local);
1900
2133
  transition_in(commonstringtohtml.$$.fragment, local);
1901
2134
  current = true;
1902
2135
  },
1903
2136
  o(local) {
2137
+ transition_out(svgloader.$$.fragment, local);
1904
2138
  transition_out(commonstringtohtml.$$.fragment, local);
1905
2139
  current = false;
1906
2140
  },
1907
2141
  d(detaching) {
1908
- destroy_component(commonstringtohtml, detaching);
2142
+ if (detaching) {
2143
+ detach(div3);
2144
+ }
2145
+ destroy_component(svgloader);
2146
+ destroy_component(commonstringtohtml);
2147
+ mounted = false;
2148
+ run_all(dispose);
1909
2149
  }
1910
2150
  };
1911
2151
  }
1912
- function create_if_block_6(ctx) {
2152
+ function create_fragment3(ctx) {
2153
+ let if_block_anchor;
2154
+ let current;
2155
+ let if_block = (
2156
+ /*fileUrl*/
2157
+ ctx[1] && create_if_block3(ctx)
2158
+ );
2159
+ return {
2160
+ c() {
2161
+ if (if_block)
2162
+ if_block.c();
2163
+ if_block_anchor = empty();
2164
+ },
2165
+ m(target, anchor) {
2166
+ if (if_block)
2167
+ if_block.m(target, anchor);
2168
+ insert(target, if_block_anchor, anchor);
2169
+ current = true;
2170
+ },
2171
+ p(ctx2, [dirty]) {
2172
+ if (
2173
+ /*fileUrl*/
2174
+ ctx2[1]
2175
+ ) {
2176
+ if (if_block) {
2177
+ if_block.p(ctx2, dirty);
2178
+ if (dirty & /*fileUrl*/
2179
+ 2) {
2180
+ transition_in(if_block, 1);
2181
+ }
2182
+ } else {
2183
+ if_block = create_if_block3(ctx2);
2184
+ if_block.c();
2185
+ transition_in(if_block, 1);
2186
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
2187
+ }
2188
+ } else if (if_block) {
2189
+ group_outros();
2190
+ transition_out(if_block, 1, 1, () => {
2191
+ if_block = null;
2192
+ });
2193
+ check_outros();
2194
+ }
2195
+ },
2196
+ i(local) {
2197
+ if (current)
2198
+ return;
2199
+ transition_in(if_block);
2200
+ current = true;
2201
+ },
2202
+ o(local) {
2203
+ transition_out(if_block);
2204
+ current = false;
2205
+ },
2206
+ d(detaching) {
2207
+ if (detaching) {
2208
+ detach(if_block_anchor);
2209
+ }
2210
+ if (if_block)
2211
+ if_block.d(detaching);
2212
+ }
2213
+ };
2214
+ }
2215
+ function instance3($$self, $$props, $$invalidate) {
2216
+ let { fileType } = $$props;
2217
+ let { fileUrl } = $$props;
2218
+ let { altText = "" } = $$props;
2219
+ let { longDescription = "" } = $$props;
2220
+ let { fileCaption = "" } = $$props;
2221
+ let { handleImageLoad = void 0 } = $$props;
2222
+ let islongDescOpened = false;
2223
+ const click_handler = () => $$invalidate(6, islongDescOpened = !islongDescOpened);
2224
+ const keydown_handler = (e2) => {
2225
+ if (e2.key === "Enter" || e2.key === " ") {
2226
+ e2.preventDefault();
2227
+ $$invalidate(6, islongDescOpened = !islongDescOpened);
2228
+ }
2229
+ };
2230
+ $$self.$$set = ($$props2) => {
2231
+ if ("fileType" in $$props2)
2232
+ $$invalidate(0, fileType = $$props2.fileType);
2233
+ if ("fileUrl" in $$props2)
2234
+ $$invalidate(1, fileUrl = $$props2.fileUrl);
2235
+ if ("altText" in $$props2)
2236
+ $$invalidate(2, altText = $$props2.altText);
2237
+ if ("longDescription" in $$props2)
2238
+ $$invalidate(3, longDescription = $$props2.longDescription);
2239
+ if ("fileCaption" in $$props2)
2240
+ $$invalidate(4, fileCaption = $$props2.fileCaption);
2241
+ if ("handleImageLoad" in $$props2)
2242
+ $$invalidate(5, handleImageLoad = $$props2.handleImageLoad);
2243
+ };
2244
+ return [
2245
+ fileType,
2246
+ fileUrl,
2247
+ altText,
2248
+ longDescription,
2249
+ fileCaption,
2250
+ handleImageLoad,
2251
+ islongDescOpened,
2252
+ click_handler,
2253
+ keydown_handler
2254
+ ];
2255
+ }
2256
+ var CommonMedia = class extends SvelteComponent {
2257
+ constructor(options) {
2258
+ super();
2259
+ init(this, options, instance3, create_fragment3, safe_not_equal, {
2260
+ fileType: 0,
2261
+ fileUrl: 1,
2262
+ altText: 2,
2263
+ longDescription: 3,
2264
+ fileCaption: 4,
2265
+ handleImageLoad: 5
2266
+ });
2267
+ }
2268
+ get fileType() {
2269
+ return this.$$.ctx[0];
2270
+ }
2271
+ set fileType(fileType) {
2272
+ this.$$set({ fileType });
2273
+ flush();
2274
+ }
2275
+ get fileUrl() {
2276
+ return this.$$.ctx[1];
2277
+ }
2278
+ set fileUrl(fileUrl) {
2279
+ this.$$set({ fileUrl });
2280
+ flush();
2281
+ }
2282
+ get altText() {
2283
+ return this.$$.ctx[2];
2284
+ }
2285
+ set altText(altText) {
2286
+ this.$$set({ altText });
2287
+ flush();
2288
+ }
2289
+ get longDescription() {
2290
+ return this.$$.ctx[3];
2291
+ }
2292
+ set longDescription(longDescription) {
2293
+ this.$$set({ longDescription });
2294
+ flush();
2295
+ }
2296
+ get fileCaption() {
2297
+ return this.$$.ctx[4];
2298
+ }
2299
+ set fileCaption(fileCaption) {
2300
+ this.$$set({ fileCaption });
2301
+ flush();
2302
+ }
2303
+ get handleImageLoad() {
2304
+ return this.$$.ctx[5];
2305
+ }
2306
+ set handleImageLoad(handleImageLoad) {
2307
+ this.$$set({ handleImageLoad });
2308
+ flush();
2309
+ }
2310
+ };
2311
+ customElements.define("common-media", create_custom_element(CommonMedia, { "fileType": {}, "fileUrl": {}, "altText": {}, "longDescription": {}, "fileCaption": {}, "handleImageLoad": {} }, [], [], true));
2312
+ var CommonMedia_default = CommonMedia;
2313
+
2314
+ // src/lib/components/prompt/template/PromptBody.svelte
2315
+ function add_css(target) {
2316
+ append_styles(target, "svelte-ofz2q1", "@media only screen and (min-width: 1196px){.container-class.svelte-ofz2q1{max-width:var(--interactionWidthValue)}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-ofz2q1{max-width:720px}.mcq-media-container-stimulus.svelte-ofz2q1{max-width:1310px}}");
2317
+ }
2318
+ function create_if_block_11(ctx) {
1913
2319
  let commonstringtohtml;
1914
2320
  let current;
1915
2321
  commonstringtohtml = new CommonStringToHtml_default({
1916
2322
  props: {
1917
2323
  htmlString: (
1918
- /*stimulusText*/
1919
- ctx[10]
2324
+ /*rubric*/
2325
+ ctx[0]
1920
2326
  ),
1921
- otherClass: "text-stimulus pb-0 lg:hidden"
2327
+ otherClass: "item-heading mb-4",
2328
+ htmlHeading: (
2329
+ /*promptRubricHeaderElem*/
2330
+ ctx[21]
2331
+ )
1922
2332
  }
1923
2333
  });
1924
2334
  return {
@@ -1931,10 +2341,10 @@
1931
2341
  },
1932
2342
  p(ctx2, dirty) {
1933
2343
  const commonstringtohtml_changes = {};
1934
- if (dirty & /*stimulusText*/
1935
- 1024)
1936
- commonstringtohtml_changes.htmlString = /*stimulusText*/
1937
- ctx2[10];
2344
+ if (dirty[0] & /*rubric*/
2345
+ 1)
2346
+ commonstringtohtml_changes.htmlString = /*rubric*/
2347
+ ctx2[0];
1938
2348
  commonstringtohtml.$set(commonstringtohtml_changes);
1939
2349
  },
1940
2350
  i(local) {
@@ -1952,28 +2362,75 @@
1952
2362
  }
1953
2363
  };
1954
2364
  }
1955
- function create_if_block_5(ctx) {
1956
- let div;
1957
- let commonmedia;
1958
- let div_class_value;
2365
+ function create_if_block_10(ctx) {
2366
+ let commonstringtohtml;
1959
2367
  let current;
1960
- commonmedia = new CommonMedia_default({
2368
+ commonstringtohtml = new CommonStringToHtml_default({
1961
2369
  props: {
1962
- fileType: (
1963
- /*fileType*/
1964
- ctx[6]
1965
- ),
1966
- fileUrl: (
1967
- /*fileUrl*/
1968
- ctx[5]
2370
+ htmlString: (
2371
+ /*stimulusText*/
2372
+ ctx[11]
1969
2373
  ),
1970
- altText: (
1971
- /*altText*/
1972
- ctx[8]
2374
+ otherClass: "text-stimulus py-2"
2375
+ }
2376
+ });
2377
+ return {
2378
+ c() {
2379
+ create_component(commonstringtohtml.$$.fragment);
2380
+ },
2381
+ m(target, anchor) {
2382
+ mount_component(commonstringtohtml, target, anchor);
2383
+ current = true;
2384
+ },
2385
+ p(ctx2, dirty) {
2386
+ const commonstringtohtml_changes = {};
2387
+ if (dirty[0] & /*stimulusText*/
2388
+ 2048)
2389
+ commonstringtohtml_changes.htmlString = /*stimulusText*/
2390
+ ctx2[11];
2391
+ commonstringtohtml.$set(commonstringtohtml_changes);
2392
+ },
2393
+ i(local) {
2394
+ if (current)
2395
+ return;
2396
+ transition_in(commonstringtohtml.$$.fragment, local);
2397
+ current = true;
2398
+ },
2399
+ o(local) {
2400
+ transition_out(commonstringtohtml.$$.fragment, local);
2401
+ current = false;
2402
+ },
2403
+ d(detaching) {
2404
+ destroy_component(commonstringtohtml, detaching);
2405
+ }
2406
+ };
2407
+ }
2408
+ function create_if_block_9(ctx) {
2409
+ let div;
2410
+ let commonmedia;
2411
+ let div_class_value;
2412
+ let current;
2413
+ commonmedia = new CommonMedia_default({
2414
+ props: {
2415
+ fileType: (
2416
+ /*fileType*/
2417
+ ctx[6]
2418
+ ),
2419
+ fileUrl: (
2420
+ /*fileUrl*/
2421
+ ctx[5]
2422
+ ),
2423
+ altText: (
2424
+ /*altText*/
2425
+ ctx[8]
2426
+ ),
2427
+ longDescription: (
2428
+ /*longDescription*/
2429
+ ctx[9]
1973
2430
  ),
1974
2431
  fileCaption: (
1975
2432
  /*caption*/
1976
- ctx[9]
2433
+ ctx[10]
1977
2434
  )
1978
2435
  }
1979
2436
  });
@@ -1981,9 +2438,11 @@
1981
2438
  c() {
1982
2439
  div = element("div");
1983
2440
  create_component(commonmedia.$$.fragment);
1984
- attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
1985
- (ctx[13] && /*showStimulusLayoutTextFirst*/
1986
- ctx[17] ? "pt-4" : "pt-6"));
2441
+ attr(div, "class", div_class_value = /*showTextAlignmentInline*/
2442
+ (ctx[17] && /*showStimulusLayoutMediaFirst*/
2443
+ ctx[19] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
2444
+ (ctx[17] && /*showStimulusLayoutTextFirst*/
2445
+ ctx[20] ? "" : "pt-6"));
1987
2446
  },
1988
2447
  m(target, anchor) {
1989
2448
  insert(target, div, anchor);
@@ -1992,22 +2451,26 @@
1992
2451
  },
1993
2452
  p(ctx2, dirty) {
1994
2453
  const commonmedia_changes = {};
1995
- if (dirty & /*fileType*/
2454
+ if (dirty[0] & /*fileType*/
1996
2455
  64)
1997
2456
  commonmedia_changes.fileType = /*fileType*/
1998
2457
  ctx2[6];
1999
- if (dirty & /*fileUrl*/
2458
+ if (dirty[0] & /*fileUrl*/
2000
2459
  32)
2001
2460
  commonmedia_changes.fileUrl = /*fileUrl*/
2002
2461
  ctx2[5];
2003
- if (dirty & /*altText*/
2462
+ if (dirty[0] & /*altText*/
2004
2463
  256)
2005
2464
  commonmedia_changes.altText = /*altText*/
2006
2465
  ctx2[8];
2007
- if (dirty & /*caption*/
2466
+ if (dirty[0] & /*longDescription*/
2008
2467
  512)
2009
- commonmedia_changes.fileCaption = /*caption*/
2468
+ commonmedia_changes.longDescription = /*longDescription*/
2010
2469
  ctx2[9];
2470
+ if (dirty[0] & /*caption*/
2471
+ 1024)
2472
+ commonmedia_changes.fileCaption = /*caption*/
2473
+ ctx2[10];
2011
2474
  commonmedia.$set(commonmedia_changes);
2012
2475
  },
2013
2476
  i(local) {
@@ -2028,16 +2491,16 @@
2028
2491
  }
2029
2492
  };
2030
2493
  }
2031
- function create_if_block_4(ctx) {
2494
+ function create_if_block_8(ctx) {
2032
2495
  let commonstringtohtml;
2033
2496
  let current;
2034
2497
  commonstringtohtml = new CommonStringToHtml_default({
2035
2498
  props: {
2036
2499
  htmlString: (
2037
2500
  /*stimulusText*/
2038
- ctx[10]
2501
+ ctx[11]
2039
2502
  ),
2040
- otherClass: "text-stimulus pb-0 lg:hidden"
2503
+ otherClass: "text-stimulus py-2"
2041
2504
  }
2042
2505
  });
2043
2506
  return {
@@ -2050,10 +2513,10 @@
2050
2513
  },
2051
2514
  p(ctx2, dirty) {
2052
2515
  const commonstringtohtml_changes = {};
2053
- if (dirty & /*stimulusText*/
2054
- 1024)
2516
+ if (dirty[0] & /*stimulusText*/
2517
+ 2048)
2055
2518
  commonstringtohtml_changes.htmlString = /*stimulusText*/
2056
- ctx2[10];
2519
+ ctx2[11];
2057
2520
  commonstringtohtml.$set(commonstringtohtml_changes);
2058
2521
  },
2059
2522
  i(local) {
@@ -2071,110 +2534,63 @@
2071
2534
  }
2072
2535
  };
2073
2536
  }
2074
- function create_if_block3(ctx) {
2075
- let div1;
2076
- let div0;
2077
- let t0;
2078
- let t1;
2537
+ function create_if_block_7(ctx) {
2538
+ let commonstringtohtml;
2079
2539
  let current;
2080
- let if_block0 = (
2081
- /*showTextAlignmentDefault*/
2082
- ctx[13] && /*showStimulusLayoutTextFirst*/
2083
- ctx[17] && create_if_block_3(ctx)
2084
- );
2085
- let if_block1 = (
2086
- /*showAssetAlignmentDefault*/
2087
- ctx[12] && create_if_block_22(ctx)
2088
- );
2089
- let if_block2 = (
2090
- /*showTextAlignmentDefault*/
2091
- ctx[13] && /*showStimulusLayoutMediaFirst*/
2092
- ctx[16] && create_if_block_12(ctx)
2093
- );
2540
+ commonstringtohtml = new CommonStringToHtml_default({
2541
+ props: {
2542
+ htmlString: (
2543
+ /*prompt*/
2544
+ ctx[1]
2545
+ ),
2546
+ otherClass: "item-heading prompt",
2547
+ htmlHeading: (
2548
+ /*promptRubricHeaderElem*/
2549
+ ctx[21]
2550
+ )
2551
+ }
2552
+ });
2094
2553
  return {
2095
2554
  c() {
2096
- div1 = element("div");
2097
- div0 = element("div");
2098
- if (if_block0)
2099
- if_block0.c();
2100
- t0 = space();
2101
- if (if_block1)
2102
- if_block1.c();
2103
- t1 = space();
2104
- if (if_block2)
2105
- if_block2.c();
2106
- attr(div0, "class", "w-full flex flex-col");
2107
- attr(div1, "class", "pl-24 w-2/4 hidden lg:flex lg:basis-1/2 lg:items-center lg:justify-between lg:grow");
2555
+ create_component(commonstringtohtml.$$.fragment);
2108
2556
  },
2109
2557
  m(target, anchor) {
2110
- insert(target, div1, anchor);
2111
- append(div1, div0);
2112
- if (if_block0)
2113
- if_block0.m(div0, null);
2114
- append(div0, t0);
2115
- if (if_block1)
2116
- if_block1.m(div0, null);
2117
- append(div0, t1);
2118
- if (if_block2)
2119
- if_block2.m(div0, null);
2558
+ mount_component(commonstringtohtml, target, anchor);
2120
2559
  current = true;
2121
2560
  },
2122
2561
  p(ctx2, dirty) {
2123
- if (
2124
- /*showTextAlignmentDefault*/
2125
- ctx2[13] && /*showStimulusLayoutTextFirst*/
2126
- ctx2[17]
2127
- )
2128
- if_block0.p(ctx2, dirty);
2129
- if (
2130
- /*showAssetAlignmentDefault*/
2131
- ctx2[12]
2132
- )
2133
- if_block1.p(ctx2, dirty);
2134
- if (
2135
- /*showTextAlignmentDefault*/
2136
- ctx2[13] && /*showStimulusLayoutMediaFirst*/
2137
- ctx2[16]
2138
- )
2139
- if_block2.p(ctx2, dirty);
2562
+ const commonstringtohtml_changes = {};
2563
+ if (dirty[0] & /*prompt*/
2564
+ 2)
2565
+ commonstringtohtml_changes.htmlString = /*prompt*/
2566
+ ctx2[1];
2567
+ commonstringtohtml.$set(commonstringtohtml_changes);
2140
2568
  },
2141
2569
  i(local) {
2142
2570
  if (current)
2143
2571
  return;
2144
- transition_in(if_block0);
2145
- transition_in(if_block1);
2146
- transition_in(if_block2);
2572
+ transition_in(commonstringtohtml.$$.fragment, local);
2147
2573
  current = true;
2148
2574
  },
2149
2575
  o(local) {
2150
- transition_out(if_block0);
2151
- transition_out(if_block1);
2152
- transition_out(if_block2);
2576
+ transition_out(commonstringtohtml.$$.fragment, local);
2153
2577
  current = false;
2154
2578
  },
2155
2579
  d(detaching) {
2156
- if (detaching) {
2157
- detach(div1);
2158
- }
2159
- if (if_block0)
2160
- if_block0.d();
2161
- if (if_block1)
2162
- if_block1.d();
2163
- if (if_block2)
2164
- if_block2.d();
2580
+ destroy_component(commonstringtohtml, detaching);
2165
2581
  }
2166
2582
  };
2167
2583
  }
2168
- function create_if_block_3(ctx) {
2584
+ function create_if_block_6(ctx) {
2169
2585
  let commonstringtohtml;
2170
2586
  let current;
2171
2587
  commonstringtohtml = new CommonStringToHtml_default({
2172
2588
  props: {
2173
2589
  htmlString: (
2174
2590
  /*stimulusText*/
2175
- ctx[10]
2591
+ ctx[11]
2176
2592
  ),
2177
- otherClass: "text-stimulus pt-0"
2593
+ otherClass: "text-stimulus pb-0 lg:hidden"
2178
2594
  }
2179
2595
  });
2180
2596
  return {
@@ -2187,10 +2603,10 @@
2187
2603
  },
2188
2604
  p(ctx2, dirty) {
2189
2605
  const commonstringtohtml_changes = {};
2190
- if (dirty & /*stimulusText*/
2191
- 1024)
2606
+ if (dirty[0] & /*stimulusText*/
2607
+ 2048)
2192
2608
  commonstringtohtml_changes.htmlString = /*stimulusText*/
2193
- ctx2[10];
2609
+ ctx2[11];
2194
2610
  commonstringtohtml.$set(commonstringtohtml_changes);
2195
2611
  },
2196
2612
  i(local) {
@@ -2208,8 +2624,10 @@
2208
2624
  }
2209
2625
  };
2210
2626
  }
2211
- function create_if_block_22(ctx) {
2627
+ function create_if_block_5(ctx) {
2628
+ let div;
2212
2629
  let commonmedia;
2630
+ let div_class_value;
2213
2631
  let current;
2214
2632
  commonmedia = new CommonMedia_default({
2215
2633
  props: {
@@ -2225,38 +2643,51 @@
2225
2643
  /*altText*/
2226
2644
  ctx[8]
2227
2645
  ),
2646
+ longDescription: (
2647
+ /*longDescription*/
2648
+ ctx[9]
2649
+ ),
2228
2650
  fileCaption: (
2229
2651
  /*caption*/
2230
- ctx[9]
2652
+ ctx[10]
2231
2653
  )
2232
2654
  }
2233
2655
  });
2234
2656
  return {
2235
2657
  c() {
2658
+ div = element("div");
2236
2659
  create_component(commonmedia.$$.fragment);
2660
+ attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
2661
+ (ctx[16] && /*showStimulusLayoutTextFirst*/
2662
+ ctx[20] ? "pt-4" : "pt-6"));
2237
2663
  },
2238
2664
  m(target, anchor) {
2239
- mount_component(commonmedia, target, anchor);
2665
+ insert(target, div, anchor);
2666
+ mount_component(commonmedia, div, null);
2240
2667
  current = true;
2241
2668
  },
2242
2669
  p(ctx2, dirty) {
2243
2670
  const commonmedia_changes = {};
2244
- if (dirty & /*fileType*/
2671
+ if (dirty[0] & /*fileType*/
2245
2672
  64)
2246
2673
  commonmedia_changes.fileType = /*fileType*/
2247
2674
  ctx2[6];
2248
- if (dirty & /*fileUrl*/
2675
+ if (dirty[0] & /*fileUrl*/
2249
2676
  32)
2250
2677
  commonmedia_changes.fileUrl = /*fileUrl*/
2251
2678
  ctx2[5];
2252
- if (dirty & /*altText*/
2679
+ if (dirty[0] & /*altText*/
2253
2680
  256)
2254
2681
  commonmedia_changes.altText = /*altText*/
2255
2682
  ctx2[8];
2256
- if (dirty & /*caption*/
2683
+ if (dirty[0] & /*longDescription*/
2257
2684
  512)
2258
- commonmedia_changes.fileCaption = /*caption*/
2685
+ commonmedia_changes.longDescription = /*longDescription*/
2259
2686
  ctx2[9];
2687
+ if (dirty[0] & /*caption*/
2688
+ 1024)
2689
+ commonmedia_changes.fileCaption = /*caption*/
2690
+ ctx2[10];
2260
2691
  commonmedia.$set(commonmedia_changes);
2261
2692
  },
2262
2693
  i(local) {
@@ -2270,21 +2701,23 @@
2270
2701
  current = false;
2271
2702
  },
2272
2703
  d(detaching) {
2273
- destroy_component(commonmedia, detaching);
2704
+ if (detaching) {
2705
+ detach(div);
2706
+ }
2707
+ destroy_component(commonmedia);
2274
2708
  }
2275
2709
  };
2276
2710
  }
2277
- function create_if_block_12(ctx) {
2711
+ function create_if_block_4(ctx) {
2278
2712
  let commonstringtohtml;
2279
2713
  let current;
2280
2714
  commonstringtohtml = new CommonStringToHtml_default({
2281
2715
  props: {
2282
2716
  htmlString: (
2283
2717
  /*stimulusText*/
2284
- ctx[10]
2718
+ ctx[11]
2285
2719
  ),
2286
- otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
2287
- ctx[12] ? "pt-0" : "")
2720
+ otherClass: "text-stimulus pb-0 lg:hidden"
2288
2721
  }
2289
2722
  });
2290
2723
  return {
@@ -2297,10 +2730,10 @@
2297
2730
  },
2298
2731
  p(ctx2, dirty) {
2299
2732
  const commonstringtohtml_changes = {};
2300
- if (dirty & /*stimulusText*/
2301
- 1024)
2733
+ if (dirty[0] & /*stimulusText*/
2734
+ 2048)
2302
2735
  commonstringtohtml_changes.htmlString = /*stimulusText*/
2303
- ctx2[10];
2736
+ ctx2[11];
2304
2737
  commonstringtohtml.$set(commonstringtohtml_changes);
2305
2738
  },
2306
2739
  i(local) {
@@ -2318,80 +2751,30 @@
2318
2751
  }
2319
2752
  };
2320
2753
  }
2321
- function create_fragment3(ctx) {
2322
- let div2;
2754
+ function create_if_block4(ctx) {
2323
2755
  let div1;
2756
+ let div0;
2324
2757
  let t0;
2325
2758
  let t1;
2326
- let t2;
2327
- let t3;
2328
- let t4;
2329
- let t5;
2330
- let t6;
2331
- let t7;
2332
- let div0;
2333
- let div0_class_value;
2334
- let t8;
2335
- let div1_class_value;
2336
- let t9;
2337
- let div2_class_value;
2338
2759
  let current;
2339
2760
  let if_block0 = (
2340
- /*rubric*/
2341
- ctx[0] && create_if_block_11(ctx)
2342
- );
2343
- let if_block1 = (
2344
- /*showTextAlignmentInline*/
2345
- ctx[14] && /*showStimulusLayoutTextFirst*/
2346
- ctx[17] && create_if_block_10(ctx)
2347
- );
2348
- let if_block2 = (
2349
- /*showAsset*/
2350
- ctx[11] && /*fileAlignment*/
2351
- ctx[7] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
2352
- );
2353
- let if_block3 = (
2354
- /*showTextAlignmentInline*/
2355
- ctx[14] && /*showStimulusLayoutMediaFirst*/
2356
- ctx[16] && create_if_block_8(ctx)
2357
- );
2358
- let if_block4 = (
2359
- /*prompt*/
2360
- ctx[1] && create_if_block_7(ctx)
2361
- );
2362
- let if_block5 = (
2363
2761
  /*showTextAlignmentDefault*/
2364
- ctx[13] && /*showStimulusLayoutTextFirst*/
2365
- ctx[17] && create_if_block_6(ctx)
2762
+ ctx[16] && /*showStimulusLayoutTextFirst*/
2763
+ ctx[20] && create_if_block_32(ctx)
2366
2764
  );
2367
- let if_block6 = (
2765
+ let if_block1 = (
2368
2766
  /*showAssetAlignmentDefault*/
2369
- ctx[12] && create_if_block_5(ctx)
2767
+ ctx[15] && create_if_block_22(ctx)
2370
2768
  );
2371
- let if_block7 = (
2769
+ let if_block2 = (
2372
2770
  /*showTextAlignmentDefault*/
2373
- ctx[13] && /*showStimulusLayoutMediaFirst*/
2374
- ctx[16] && create_if_block_4(ctx)
2375
- );
2376
- const default_slot_template = (
2377
- /*#slots*/
2378
- ctx[22].default
2379
- );
2380
- const default_slot = create_slot(
2381
- default_slot_template,
2382
- ctx,
2383
- /*$$scope*/
2384
- ctx[21],
2385
- null
2386
- );
2387
- let if_block8 = (
2388
- /*showAlignmentDefault*/
2389
- ctx[15] && create_if_block3(ctx)
2771
+ ctx[16] && /*showStimulusLayoutMediaFirst*/
2772
+ ctx[19] && create_if_block_12(ctx)
2390
2773
  );
2391
2774
  return {
2392
2775
  c() {
2393
- div2 = element("div");
2394
2776
  div1 = element("div");
2777
+ div0 = element("div");
2395
2778
  if (if_block0)
2396
2779
  if_block0.c();
2397
2780
  t0 = space();
@@ -2400,220 +2783,55 @@
2400
2783
  t1 = space();
2401
2784
  if (if_block2)
2402
2785
  if_block2.c();
2403
- t2 = space();
2404
- if (if_block3)
2405
- if_block3.c();
2406
- t3 = space();
2407
- if (if_block4)
2408
- if_block4.c();
2409
- t4 = space();
2410
- if (if_block5)
2411
- if_block5.c();
2412
- t5 = space();
2413
- if (if_block6)
2414
- if_block6.c();
2415
- t6 = space();
2416
- if (if_block7)
2417
- if_block7.c();
2418
- t7 = space();
2419
- div0 = element("div");
2420
- t8 = space();
2421
- if (default_slot)
2422
- default_slot.c();
2423
- t9 = space();
2424
- if (if_block8)
2425
- if_block8.c();
2426
- attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
2427
- ctx[2] ? "hidden" : ""));
2428
- attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
2429
- (ctx[15] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
2430
- attr(div2, "class", div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
2431
- ctx[15] ? "lg:w-full lg:flex" : "container-class"} ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
2432
- ctx[4] ? !/*stimulus*/
2433
- ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-plkvcr");
2786
+ attr(div0, "class", "w-full");
2787
+ attr(div1, "class", "pl-24 w-2/4 hidden lg:flex lg:basis-1/2 lg:grow h-fit");
2434
2788
  set_style(
2435
- div2,
2436
- "--interactionWidthValue",
2437
- /*interactionWidthValue*/
2438
- ctx[19]
2789
+ div1,
2790
+ "margin-top",
2791
+ /*dynamicMarginTop*/
2792
+ ctx[13]
2439
2793
  );
2440
2794
  },
2441
2795
  m(target, anchor) {
2442
- insert(target, div2, anchor);
2443
- append(div2, div1);
2796
+ insert(target, div1, anchor);
2797
+ append(div1, div0);
2444
2798
  if (if_block0)
2445
- if_block0.m(div1, null);
2446
- append(div1, t0);
2799
+ if_block0.m(div0, null);
2800
+ append(div0, t0);
2447
2801
  if (if_block1)
2448
- if_block1.m(div1, null);
2449
- append(div1, t1);
2802
+ if_block1.m(div0, null);
2803
+ append(div0, t1);
2450
2804
  if (if_block2)
2451
- if_block2.m(div1, null);
2452
- append(div1, t2);
2453
- if (if_block3)
2454
- if_block3.m(div1, null);
2455
- append(div1, t3);
2456
- if (if_block4)
2457
- if_block4.m(div1, null);
2458
- append(div1, t4);
2459
- if (if_block5)
2460
- if_block5.m(div1, null);
2461
- append(div1, t5);
2462
- if (if_block6)
2463
- if_block6.m(div1, null);
2464
- append(div1, t6);
2465
- if (if_block7)
2466
- if_block7.m(div1, null);
2467
- append(div1, t7);
2468
- append(div1, div0);
2469
- append(div1, t8);
2470
- if (default_slot) {
2471
- default_slot.m(div1, null);
2472
- }
2473
- append(div2, t9);
2474
- if (if_block8)
2475
- if_block8.m(div2, null);
2805
+ if_block2.m(div0, null);
2806
+ ctx[27](div1);
2476
2807
  current = true;
2477
2808
  },
2478
- p(ctx2, [dirty]) {
2479
- if (
2480
- /*rubric*/
2481
- ctx2[0]
2482
- ) {
2483
- if (if_block0) {
2484
- if_block0.p(ctx2, dirty);
2485
- if (dirty & /*rubric*/
2486
- 1) {
2487
- transition_in(if_block0, 1);
2488
- }
2489
- } else {
2490
- if_block0 = create_if_block_11(ctx2);
2491
- if_block0.c();
2492
- transition_in(if_block0, 1);
2493
- if_block0.m(div1, t0);
2494
- }
2495
- } else if (if_block0) {
2496
- group_outros();
2497
- transition_out(if_block0, 1, 1, () => {
2498
- if_block0 = null;
2499
- });
2500
- check_outros();
2501
- }
2502
- if (
2503
- /*showTextAlignmentInline*/
2504
- ctx2[14] && /*showStimulusLayoutTextFirst*/
2505
- ctx2[17]
2506
- )
2507
- if_block1.p(ctx2, dirty);
2508
- if (
2509
- /*showAsset*/
2510
- ctx2[11] && /*fileAlignment*/
2511
- ctx2[7] === ASSET_ALIGNMENT_INLINE
2512
- ) {
2513
- if (if_block2) {
2514
- if_block2.p(ctx2, dirty);
2515
- if (dirty & /*fileAlignment*/
2516
- 128) {
2517
- transition_in(if_block2, 1);
2518
- }
2519
- } else {
2520
- if_block2 = create_if_block_9(ctx2);
2521
- if_block2.c();
2522
- transition_in(if_block2, 1);
2523
- if_block2.m(div1, t2);
2524
- }
2525
- } else if (if_block2) {
2526
- group_outros();
2527
- transition_out(if_block2, 1, 1, () => {
2528
- if_block2 = null;
2529
- });
2530
- check_outros();
2531
- }
2532
- if (
2533
- /*showTextAlignmentInline*/
2534
- ctx2[14] && /*showStimulusLayoutMediaFirst*/
2535
- ctx2[16]
2536
- )
2537
- if_block3.p(ctx2, dirty);
2538
- if (
2539
- /*prompt*/
2540
- ctx2[1]
2541
- ) {
2542
- if (if_block4) {
2543
- if_block4.p(ctx2, dirty);
2544
- if (dirty & /*prompt*/
2545
- 2) {
2546
- transition_in(if_block4, 1);
2547
- }
2548
- } else {
2549
- if_block4 = create_if_block_7(ctx2);
2550
- if_block4.c();
2551
- transition_in(if_block4, 1);
2552
- if_block4.m(div1, t4);
2553
- }
2554
- } else if (if_block4) {
2555
- group_outros();
2556
- transition_out(if_block4, 1, 1, () => {
2557
- if_block4 = null;
2558
- });
2559
- check_outros();
2560
- }
2809
+ p(ctx2, dirty) {
2561
2810
  if (
2562
2811
  /*showTextAlignmentDefault*/
2563
- ctx2[13] && /*showStimulusLayoutTextFirst*/
2564
- ctx2[17]
2812
+ ctx2[16] && /*showStimulusLayoutTextFirst*/
2813
+ ctx2[20]
2565
2814
  )
2566
- if_block5.p(ctx2, dirty);
2815
+ if_block0.p(ctx2, dirty);
2567
2816
  if (
2568
2817
  /*showAssetAlignmentDefault*/
2569
- ctx2[12]
2818
+ ctx2[15]
2570
2819
  )
2571
- if_block6.p(ctx2, dirty);
2820
+ if_block1.p(ctx2, dirty);
2572
2821
  if (
2573
2822
  /*showTextAlignmentDefault*/
2574
- ctx2[13] && /*showStimulusLayoutMediaFirst*/
2575
- ctx2[16]
2576
- )
2577
- if_block7.p(ctx2, dirty);
2578
- if (!current || dirty & /*hasDivider*/
2579
- 4 && div0_class_value !== (div0_class_value = "divider my-6 " + (!/*hasDivider*/
2580
- ctx2[2] ? "hidden" : ""))) {
2581
- attr(div0, "class", div0_class_value);
2582
- }
2583
- if (default_slot) {
2584
- if (default_slot.p && (!current || dirty & /*$$scope*/
2585
- 2097152)) {
2586
- update_slot_base(
2587
- default_slot,
2588
- default_slot_template,
2589
- ctx2,
2590
- /*$$scope*/
2591
- ctx2[21],
2592
- !current ? get_all_dirty_from_scope(
2593
- /*$$scope*/
2594
- ctx2[21]
2595
- ) : get_slot_changes(
2596
- default_slot_template,
2597
- /*$$scope*/
2598
- ctx2[21],
2599
- dirty,
2600
- null
2601
- ),
2602
- null
2603
- );
2604
- }
2605
- }
2606
- if (
2607
- /*showAlignmentDefault*/
2608
- ctx2[15]
2823
+ ctx2[16] && /*showStimulusLayoutMediaFirst*/
2824
+ ctx2[19]
2609
2825
  )
2610
- if_block8.p(ctx2, dirty);
2611
- if (!current || dirty & /*optionHasMedia, stimulus*/
2612
- 24 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
2613
- ctx2[15] ? "lg:w-full lg:flex" : "container-class"} ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
2614
- ctx2[4] ? !/*stimulus*/
2615
- ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-plkvcr")) {
2616
- attr(div2, "class", div2_class_value);
2826
+ if_block2.p(ctx2, dirty);
2827
+ if (!current || dirty[0] & /*dynamicMarginTop*/
2828
+ 8192) {
2829
+ set_style(
2830
+ div1,
2831
+ "margin-top",
2832
+ /*dynamicMarginTop*/
2833
+ ctx2[13]
2834
+ );
2617
2835
  }
2618
2836
  },
2619
2837
  i(local) {
@@ -2622,31 +2840,17 @@
2622
2840
  transition_in(if_block0);
2623
2841
  transition_in(if_block1);
2624
2842
  transition_in(if_block2);
2625
- transition_in(if_block3);
2626
- transition_in(if_block4);
2627
- transition_in(if_block5);
2628
- transition_in(if_block6);
2629
- transition_in(if_block7);
2630
- transition_in(default_slot, local);
2631
- transition_in(if_block8);
2632
2843
  current = true;
2633
2844
  },
2634
2845
  o(local) {
2635
2846
  transition_out(if_block0);
2636
2847
  transition_out(if_block1);
2637
2848
  transition_out(if_block2);
2638
- transition_out(if_block3);
2639
- transition_out(if_block4);
2640
- transition_out(if_block5);
2641
- transition_out(if_block6);
2642
- transition_out(if_block7);
2643
- transition_out(default_slot, local);
2644
- transition_out(if_block8);
2645
2849
  current = false;
2646
2850
  },
2647
2851
  d(detaching) {
2648
2852
  if (detaching) {
2649
- detach(div2);
2853
+ detach(div1);
2650
2854
  }
2651
2855
  if (if_block0)
2652
2856
  if_block0.d();
@@ -2654,545 +2858,737 @@
2654
2858
  if_block1.d();
2655
2859
  if (if_block2)
2656
2860
  if_block2.d();
2657
- if (if_block3)
2658
- if_block3.d();
2659
- if (if_block4)
2660
- if_block4.d();
2661
- if (if_block5)
2662
- if_block5.d();
2663
- if (if_block6)
2664
- if_block6.d();
2665
- if (if_block7)
2666
- if_block7.d();
2667
- if (default_slot)
2668
- default_slot.d(detaching);
2669
- if (if_block8)
2670
- if_block8.d();
2861
+ ctx[27](null);
2671
2862
  }
2672
2863
  };
2673
2864
  }
2674
- function instance3($$self, $$props, $$invalidate) {
2675
- let { $$slots: slots = {}, $$scope } = $$props;
2676
- let { rubric } = $$props;
2677
- let { prompt } = $$props;
2678
- let { interactionType = "" } = $$props;
2679
- let { hasDivider = true } = $$props;
2680
- let { stimulus = null } = $$props;
2681
- let { optionHasMedia = false } = $$props;
2682
- let fileUrl = "";
2683
- let fileType = "";
2684
- let fileAlignment = ASSET_ALIGNMENT_DEFAULT;
2685
- let altText = "";
2686
- let caption = "";
2687
- let stimulusText = "";
2688
- let stimulusTextAlignment = STIMULUS_TEXT_ALIGNMENT_DEFAULT;
2689
- let stimulusLayoutOrder = STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
2690
- const configureHtmlString = (htmlString, maxHeight = "") => {
2691
- return htmlString.replace(/<table>/g, `<div class="table-container ${maxHeight}" tabindex="0"><table>`).replace(/<\/table>/g, "</table></div>");
2692
- };
2693
- if (stimulus) {
2694
- const { asset_alignment: assetAlignment, alternative_text: alternativeText, description, file, stimulus_text: stimulusTextRaw, stimulus_text_alignment: stimulusTextAlignmentRaw, stimulus_layout_order: stimulusLayoutOrderRaw } = stimulus;
2695
- stimulusLayoutOrder = stimulusLayoutOrderRaw;
2696
- if (file) {
2697
- const { url, file_name: fileName, content_type: contentType } = file;
2698
- const tempName = fileName || "Exercise image";
2699
- const fileContentType = contentType.split("/");
2700
- fileAlignment = assetAlignment;
2701
- altText = alternativeText || tempName;
2702
- fileUrl = url || "";
2703
- fileType = contentType ? fileContentType[0] : "";
2704
- caption = description || "";
2705
- }
2706
- if (stimulusTextRaw) {
2707
- const maxHeight = stimulusTextAlignmentRaw === STIMULUS_TEXT_ALIGNMENT_DEFAULT ? "max-h-[660px]" : "max-h-[470px]";
2708
- stimulusText = configureHtmlString(stimulusTextRaw, maxHeight);
2709
- stimulusTextAlignment = stimulusTextAlignmentRaw;
2865
+ function create_if_block_32(ctx) {
2866
+ let commonstringtohtml;
2867
+ let current;
2868
+ commonstringtohtml = new CommonStringToHtml_default({
2869
+ props: {
2870
+ htmlString: (
2871
+ /*stimulusText*/
2872
+ ctx[11]
2873
+ ),
2874
+ otherClass: "text-stimulus pt-0"
2875
+ }
2876
+ });
2877
+ return {
2878
+ c() {
2879
+ create_component(commonstringtohtml.$$.fragment);
2880
+ },
2881
+ m(target, anchor) {
2882
+ mount_component(commonstringtohtml, target, anchor);
2883
+ current = true;
2884
+ },
2885
+ p(ctx2, dirty) {
2886
+ const commonstringtohtml_changes = {};
2887
+ if (dirty[0] & /*stimulusText*/
2888
+ 2048)
2889
+ commonstringtohtml_changes.htmlString = /*stimulusText*/
2890
+ ctx2[11];
2891
+ commonstringtohtml.$set(commonstringtohtml_changes);
2892
+ },
2893
+ i(local) {
2894
+ if (current)
2895
+ return;
2896
+ transition_in(commonstringtohtml.$$.fragment, local);
2897
+ current = true;
2898
+ },
2899
+ o(local) {
2900
+ transition_out(commonstringtohtml.$$.fragment, local);
2901
+ current = false;
2902
+ },
2903
+ d(detaching) {
2904
+ destroy_component(commonstringtohtml, detaching);
2710
2905
  }
2711
- }
2712
- const allowedInteractions = [
2713
- INTERACTION_TYPE_MCQ,
2714
- INTERACTION_TYPE_TYPEIN,
2715
- INTERACTION_TYPE_CATEGORISE,
2716
- INTERACTION_TYPE_DROPDOWN
2717
- ];
2718
- const isAllowedInteraction = allowedInteractions.includes(interactionType);
2719
- const showAsset = isAllowedInteraction && fileUrl;
2720
- const showTextStimulus = isAllowedInteraction && stimulusText;
2721
- const showAssetAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
2722
- const showTextAlignmentDefault = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_DEFAULT;
2723
- const showTextAlignmentInline = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_INLINE;
2724
- const showAlignmentDefault = showAssetAlignmentDefault || showTextAlignmentDefault;
2725
- const showStimulusLayoutMediaFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
2726
- const showStimulusLayoutTextFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_TEXT_FIRST;
2727
- const promptRubricHeaderElem = get_store_value(promptRubricElem);
2728
- const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE && !stimulus ? "100%" : INTERACTION_TYPE_MCQ && optionHasMedia ? "50%" : get_store_value(interactionWidth);
2729
- $$self.$$set = ($$props2) => {
2730
- if ("rubric" in $$props2)
2731
- $$invalidate(0, rubric = $$props2.rubric);
2732
- if ("prompt" in $$props2)
2733
- $$invalidate(1, prompt = $$props2.prompt);
2734
- if ("interactionType" in $$props2)
2735
- $$invalidate(20, interactionType = $$props2.interactionType);
2736
- if ("hasDivider" in $$props2)
2737
- $$invalidate(2, hasDivider = $$props2.hasDivider);
2738
- if ("stimulus" in $$props2)
2739
- $$invalidate(3, stimulus = $$props2.stimulus);
2740
- if ("optionHasMedia" in $$props2)
2741
- $$invalidate(4, optionHasMedia = $$props2.optionHasMedia);
2742
- if ("$$scope" in $$props2)
2743
- $$invalidate(21, $$scope = $$props2.$$scope);
2744
2906
  };
2745
- return [
2746
- rubric,
2747
- prompt,
2748
- hasDivider,
2749
- stimulus,
2750
- optionHasMedia,
2751
- fileUrl,
2752
- fileType,
2753
- fileAlignment,
2754
- altText,
2755
- caption,
2756
- stimulusText,
2757
- showAsset,
2758
- showAssetAlignmentDefault,
2759
- showTextAlignmentDefault,
2760
- showTextAlignmentInline,
2761
- showAlignmentDefault,
2762
- showStimulusLayoutMediaFirst,
2763
- showStimulusLayoutTextFirst,
2764
- promptRubricHeaderElem,
2765
- interactionWidthValue,
2766
- interactionType,
2767
- $$scope,
2768
- slots
2769
- ];
2770
2907
  }
2771
- var PromptBody = class extends SvelteComponent {
2772
- constructor(options) {
2773
- super();
2774
- init(
2775
- this,
2776
- options,
2777
- instance3,
2778
- create_fragment3,
2779
- safe_not_equal,
2780
- {
2781
- rubric: 0,
2782
- prompt: 1,
2783
- interactionType: 20,
2784
- hasDivider: 2,
2785
- stimulus: 3,
2786
- optionHasMedia: 4
2787
- },
2788
- add_css
2789
- );
2790
- }
2791
- get rubric() {
2792
- return this.$$.ctx[0];
2793
- }
2794
- set rubric(rubric) {
2795
- this.$$set({ rubric });
2796
- flush();
2797
- }
2798
- get prompt() {
2799
- return this.$$.ctx[1];
2800
- }
2801
- set prompt(prompt) {
2802
- this.$$set({ prompt });
2803
- flush();
2804
- }
2805
- get interactionType() {
2806
- return this.$$.ctx[20];
2807
- }
2808
- set interactionType(interactionType) {
2809
- this.$$set({ interactionType });
2810
- flush();
2811
- }
2812
- get hasDivider() {
2813
- return this.$$.ctx[2];
2814
- }
2815
- set hasDivider(hasDivider) {
2816
- this.$$set({ hasDivider });
2817
- flush();
2818
- }
2819
- get stimulus() {
2820
- return this.$$.ctx[3];
2821
- }
2822
- set stimulus(stimulus) {
2823
- this.$$set({ stimulus });
2824
- flush();
2825
- }
2826
- get optionHasMedia() {
2827
- return this.$$.ctx[4];
2828
- }
2829
- set optionHasMedia(optionHasMedia) {
2830
- this.$$set({ optionHasMedia });
2831
- flush();
2832
- }
2833
- };
2834
- customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {}, "optionHasMedia": { "type": "Boolean" } }, ["default"], [], true));
2835
- var PromptBody_default = PromptBody;
2836
-
2837
- // src/lib/constants/svgConstants.ts
2838
- var svgIconRegistry = {
2839
- alertIcon: {
2840
- width: 22,
2841
- height: 20,
2842
- viewBox: "0 0 22 20",
2843
- fill: "none",
2844
- fillRule: "evenodd",
2845
- clipRule: "evenodd",
2846
- path: "M9.81616 0.255055C11.1909 -0.366408 12.8298 0.181391 13.5454 1.53306L21.7676 17.064C22.4728 18.396 21.5072 19.9998 20.0001 19.9998H2.00006C0.492906 19.9998 -0.472697 18.396 0.23248 17.064L8.45475 1.53306C8.72491 1.02275 9.14223 0.605431 9.65254 0.335267L9.81616 0.255055ZM11.0001 13.9998C10.4478 13.9998 10.0001 14.4475 10.0001 14.9998C10.0001 15.5521 10.4478 15.9998 11.0001 15.9998C11.5523 15.9998 12.0001 15.5521 12.0001 14.9998C12.0001 14.4475 11.5523 13.9998 11.0001 13.9998ZM11.0001 5.99978C10.4478 5.99978 10.0001 6.4475 10.0001 6.99978V10.9998C10.0001 11.5521 10.4478 11.9998 11.0001 11.9998C11.5523 11.9998 12.0001 11.5521 12.0001 10.9998V6.99978C12.0001 6.4475 11.5523 5.99978 11.0001 5.99978Z",
2847
- pathFill: "#C84414"
2848
- },
2849
- arrowDownCircle: {
2850
- width: 20,
2851
- height: 20,
2852
- viewBox: "0 0 20 20",
2853
- fill: "none",
2854
- fillRule: "evenodd",
2855
- clipRule: "evenodd",
2856
- path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 5C9.44772 5 9 5.44772 9 6V11.585L6.70711 9.29289C6.34662 8.93241 5.77939 8.90468 5.3871 9.2097L5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L9.29289 14.7071C9.32136 14.7356 9.35153 14.7623 9.38325 14.7872C9.39016 14.7927 9.3974 14.7982 9.40469 14.8037C9.42887 14.8215 9.45372 14.8383 9.47934 14.8539C9.49139 14.8614 9.50361 14.8685 9.51594 14.8753C9.53571 14.8862 9.55611 14.8966 9.5769 14.9063C9.5939 14.9143 9.6112 14.9218 9.62866 14.9288C9.64842 14.9367 9.6682 14.9439 9.68826 14.9505C9.70315 14.9553 9.71854 14.9599 9.73401 14.9642C9.75556 14.9702 9.77725 14.9754 9.79921 14.9798C9.81662 14.9833 9.83405 14.9864 9.85153 14.989L9.88338 14.9933L9.91075 14.996C9.934 14.9981 9.95732 14.9994 9.98065 14.9998L10 15C10.0065 15 10.0129 14.9999 10.0193 14.9998C10.0427 14.9994 10.066 14.9981 10.0893 14.996C10.1097 14.9943 10.1294 14.9919 10.149 14.989C10.1659 14.9864 10.1834 14.9833 10.2007 14.9798C10.2227 14.9754 10.2444 14.9702 10.2658 14.9643C10.2815 14.9599 10.2969 14.9553 10.3121 14.9503C10.3318 14.9439 10.3516 14.9367 10.3711 14.9289C10.3888 14.9218 10.4061 14.9143 10.4232 14.9063C10.4439 14.8966 10.4643 14.8862 10.4843 14.8751C10.4964 14.8685 10.5086 14.8614 10.5207 14.854C10.5463 14.8383 10.5711 14.8215 10.5952 14.8037L10.6129 14.7903C10.6485 14.7623 10.6786 14.7356 10.7071 14.7071L14.7071 10.7071C15.0976 10.3166 15.0976 9.68342 14.7071 9.29289C14.3166 8.90237 13.6834 8.90237 13.2929 9.29289L11 11.585V6C11 5.48716 10.614 5.06449 10.1166 5.00673L10 5Z",
2857
- pathFill: "currentColor"
2858
- },
2859
- crossIcon: {
2860
- width: 12,
2861
- height: 12,
2862
- viewBox: "0 0 12 12",
2863
- fill: "none",
2864
- fillRule: "evenodd",
2865
- clipRule: "evenodd",
2866
- path: "M1.70711 0.292893L6 4.585L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L7.415 6L11.7071 10.2929C12.0976 10.6834 12.0976 11.3166 11.7071 11.7071C11.3166 12.0976 10.6834 12.0976 10.2929 11.7071L6 7.415L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.585 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893Z",
2867
- pathFill: "currentColor"
2868
- },
2869
- errorSolid: {
2870
- width: 20,
2871
- height: 20,
2872
- viewBox: "0 0 20 20",
2873
- fill: "none",
2874
- fillRule: "evenodd",
2875
- clipRule: "evenodd",
2876
- path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z",
2877
- pathFill: "currentColor"
2878
- },
2879
- infoSolid: {
2880
- width: 20,
2881
- height: 20,
2882
- viewBox: "0 0 20 20",
2883
- fill: "none",
2884
- fillRule: "evenodd",
2885
- clipRule: "evenodd",
2886
- path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z",
2887
- pathFill: "currentColor"
2888
- },
2889
- smallChevronDown: {
2890
- width: 8,
2891
- height: 5,
2892
- viewBox: "0 0 8 5",
2893
- fill: "none",
2894
- fillRule: "evenodd",
2895
- clipRule: "evenodd",
2896
- path: "M4 3.05719L6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877721 7.80474 1.13807L4.4714 4.4714C4.21105 4.73175 3.78895 4.73175 3.5286 4.4714L0.195262 1.13807C-0.0650874 0.877721 -0.0650874 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877721 -0.0650874 1.13807 0.195262L4 3.05719Z",
2897
- pathFill: "currentColor"
2898
- },
2899
- smallChevronLeft: {
2900
- width: 7,
2901
- height: 12,
2902
- viewBox: "0 0 7 12",
2903
- fill: "none",
2904
- fillRule: "evenodd",
2905
- clipRule: "evenodd",
2906
- path: "M2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6Z",
2907
- pathFill: "currentColor"
2908
- },
2909
- smallChevronRight: {
2910
- width: 7,
2911
- height: 12,
2912
- viewBox: "0 0 7 12",
2913
- fill: "none",
2914
- fillRule: "evenodd",
2915
- clipRule: "evenodd",
2916
- path: "M4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C7.09763 5.68342 7.09763 6.31658 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6Z",
2917
- pathFill: "currentColor"
2918
- },
2919
- smallChevronUp: {
2920
- width: 8,
2921
- height: 5,
2922
- viewBox: "0 0 8 5",
2923
- fill: "none",
2924
- fillRule: "evenodd",
2925
- clipRule: "evenodd",
2926
- path: "M4 1.60948L1.13807 4.4714C0.877721 4.73175 0.455612 4.73175 0.195262 4.4714C-0.0650874 4.21105 -0.0650874 3.78894 0.195262 3.5286L3.5286 0.195262C3.78895 -0.0650874 4.21105 -0.0650874 4.4714 0.195262L7.80474 3.5286C8.06509 3.78894 8.06509 4.21105 7.80474 4.4714C7.54439 4.73175 7.12228 4.73175 6.86193 4.4714L4 1.60948Z",
2927
- pathFill: "currentColor"
2928
- },
2929
- success: {
2930
- width: 15,
2931
- height: 11,
2932
- viewBox: "0 0 15 11",
2933
- fill: "none",
2934
- fillRule: "evenodd",
2935
- clipRule: "evenodd",
2936
- path: "M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893C15.0976 0.683418 15.0976 1.31658 14.7071 1.70711L5.70711 10.7071C5.31658 11.0976 4.68342 11.0976 4.29289 10.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L5 8.58579L13.2929 0.292893Z",
2937
- pathFill: "currentColor"
2938
- },
2939
- successRounded: {
2940
- width: 12,
2941
- height: 8,
2942
- viewBox: "0 0 12 8",
2943
- fill: "none",
2944
- fillRule: "evenodd",
2945
- clipRule: "evenodd",
2946
- path: "M9.79289 0.292893C10.1834 -0.0976311 10.8166 -0.0976311 11.2071 0.292893C11.5976 0.683418 11.5976 1.31658 11.2071 1.70711L5.20711 7.70711C4.81658 8.09763 4.18342 8.09763 3.79289 7.70711L0.792893 4.70711C0.402369 4.31658 0.402369 3.68342 0.792893 3.29289C1.18342 2.90237 1.81658 2.90237 2.20711 3.29289L4.5 5.58579L9.79289 0.292893Z",
2947
- pathFill: "white"
2948
- },
2949
- successSolid: {
2950
- width: 20,
2951
- height: 20,
2952
- viewBox: "0 0 20 20",
2953
- fill: "none",
2954
- fillRule: "evenodd",
2955
- clipRule: "evenodd",
2956
- path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z",
2957
- pathFill: "currentColor"
2958
- },
2959
- switch: {
2960
- width: 12,
2961
- height: 16,
2962
- viewBox: "0 0 12 16",
2963
- fill: "none",
2964
- path: "M11.0005 6.99936C10.4475 6.99936 10.0005 7.44736 10.0005 7.99936C10.0005 10.2054 8.20549 11.9994 6.00049 11.9994V10.6434C6.00049 10.0094 5.58749 9.80936 5.08449 10.1984L2.37749 12.2914C1.87449 12.6814 1.87449 13.3184 2.37749 13.7074L5.08449 15.8014C5.58749 16.1904 6.00049 15.9904 6.00049 15.3554V13.9994C9.30849 13.9994 12.0005 11.3084 12.0005 7.99936C12.0005 7.44736 11.5525 6.99936 11.0005 6.99936ZM6.91599 0.198664C6.41199 -0.190336 5.99999 0.0096643 5.99999 0.643664V1.99966C2.69099 1.99966 -1.14441e-05 4.69066 -1.14441e-05 7.99966C-1.14441e-05 8.55166 0.447989 8.99966 0.999989 8.99966C1.55199 8.99966 1.99999 8.55166 1.99999 7.99966C1.99999 5.79366 3.79399 3.99966 5.99999 3.99966V5.35566C5.99999 5.98966 6.41199 6.18966 6.91599 5.80066L9.62299 3.70766C10.126 3.31766 10.126 2.68166 9.62299 2.29166L6.91599 0.198664Z",
2965
- pathFill: "currentColor"
2966
- },
2967
- gripVertical: {
2968
- width: 6,
2969
- height: 14,
2970
- viewBox: "0 0 6 14",
2971
- fill: "none",
2972
- fillRule: "evenodd",
2973
- clipRule: "evenodd",
2974
- path: "M1 12C1.55228 12 2 12.4477 2 13C2 13.5523 1.55228 14 1 14C0.447715 14 0 13.5523 0 13C0 12.4477 0.447715 12 1 12ZM5 12C5.55228 12 6 12.4477 6 13C6 13.5523 5.55228 14 5 14C4.44772 14 4 13.5523 4 13C4 12.4477 4.44772 12 5 12ZM1 8C1.55228 8 2 8.44772 2 9C2 9.55228 1.55228 10 1 10C0.447715 10 0 9.55228 0 9C0 8.44772 0.447715 8 1 8ZM5 8C5.55228 8 6 8.44772 6 9C6 9.55228 5.55228 10 5 10C4.44772 10 4 9.55228 4 9C4 8.44772 4.44772 8 5 8ZM1 4C1.55228 4 2 4.44772 2 5C2 5.55228 1.55228 6 1 6C0.447715 6 0 5.55228 0 5C0 4.44772 0.447715 4 1 4ZM5 4C5.55228 4 6 4.44772 6 5C6 5.55228 5.55228 6 5 6C4.44772 6 4 5.55228 4 5C4 4.44772 4.44772 4 5 4ZM1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0ZM5 0C5.55228 0 6 0.447715 6 1C6 1.55228 5.55228 2 5 2C4.44772 2 4 1.55228 4 1C4 0.447715 4.44772 0 5 0Z",
2975
- pathFill: "currentColor"
2976
- }
2977
- };
2978
-
2979
- // src/lib/assets/img/SvgLoader.svelte
2980
- function create_if_block4(ctx) {
2981
- let path;
2982
- let path_fill_rule_value;
2983
- let path_clip_rule_value;
2984
- let path_d_value;
2985
- let path_fill_value;
2908
+ function create_if_block_22(ctx) {
2909
+ let commonmedia;
2910
+ let current;
2911
+ commonmedia = new CommonMedia_default({
2912
+ props: {
2913
+ fileType: (
2914
+ /*fileType*/
2915
+ ctx[6]
2916
+ ),
2917
+ fileUrl: (
2918
+ /*fileUrl*/
2919
+ ctx[5]
2920
+ ),
2921
+ altText: (
2922
+ /*altText*/
2923
+ ctx[8]
2924
+ ),
2925
+ longDescription: (
2926
+ /*longDescription*/
2927
+ ctx[9]
2928
+ ),
2929
+ handleImageLoad: (
2930
+ /*handleImageLoad*/
2931
+ ctx[23]
2932
+ ),
2933
+ fileCaption: (
2934
+ /*caption*/
2935
+ ctx[10]
2936
+ )
2937
+ }
2938
+ });
2986
2939
  return {
2987
2940
  c() {
2988
- path = svg_element("path");
2989
- attr(path, "fill-rule", path_fill_rule_value = /*iconProps*/
2990
- ctx[2].fillRule);
2991
- attr(path, "clip-rule", path_clip_rule_value = /*iconProps*/
2992
- ctx[2].clipRule);
2993
- attr(path, "d", path_d_value = /*iconProps*/
2994
- ctx[2].path);
2995
- attr(path, "fill", path_fill_value = /*iconProps*/
2996
- ctx[2].pathFill);
2941
+ create_component(commonmedia.$$.fragment);
2997
2942
  },
2998
2943
  m(target, anchor) {
2999
- insert(target, path, anchor);
2944
+ mount_component(commonmedia, target, anchor);
2945
+ current = true;
3000
2946
  },
3001
2947
  p(ctx2, dirty) {
3002
- if (dirty & /*iconProps*/
3003
- 4 && path_fill_rule_value !== (path_fill_rule_value = /*iconProps*/
3004
- ctx2[2].fillRule)) {
3005
- attr(path, "fill-rule", path_fill_rule_value);
3006
- }
3007
- if (dirty & /*iconProps*/
3008
- 4 && path_clip_rule_value !== (path_clip_rule_value = /*iconProps*/
3009
- ctx2[2].clipRule)) {
3010
- attr(path, "clip-rule", path_clip_rule_value);
3011
- }
3012
- if (dirty & /*iconProps*/
3013
- 4 && path_d_value !== (path_d_value = /*iconProps*/
3014
- ctx2[2].path)) {
3015
- attr(path, "d", path_d_value);
3016
- }
3017
- if (dirty & /*iconProps*/
3018
- 4 && path_fill_value !== (path_fill_value = /*iconProps*/
3019
- ctx2[2].pathFill)) {
3020
- attr(path, "fill", path_fill_value);
3021
- }
2948
+ const commonmedia_changes = {};
2949
+ if (dirty[0] & /*fileType*/
2950
+ 64)
2951
+ commonmedia_changes.fileType = /*fileType*/
2952
+ ctx2[6];
2953
+ if (dirty[0] & /*fileUrl*/
2954
+ 32)
2955
+ commonmedia_changes.fileUrl = /*fileUrl*/
2956
+ ctx2[5];
2957
+ if (dirty[0] & /*altText*/
2958
+ 256)
2959
+ commonmedia_changes.altText = /*altText*/
2960
+ ctx2[8];
2961
+ if (dirty[0] & /*longDescription*/
2962
+ 512)
2963
+ commonmedia_changes.longDescription = /*longDescription*/
2964
+ ctx2[9];
2965
+ if (dirty[0] & /*caption*/
2966
+ 1024)
2967
+ commonmedia_changes.fileCaption = /*caption*/
2968
+ ctx2[10];
2969
+ commonmedia.$set(commonmedia_changes);
2970
+ },
2971
+ i(local) {
2972
+ if (current)
2973
+ return;
2974
+ transition_in(commonmedia.$$.fragment, local);
2975
+ current = true;
2976
+ },
2977
+ o(local) {
2978
+ transition_out(commonmedia.$$.fragment, local);
2979
+ current = false;
3022
2980
  },
3023
2981
  d(detaching) {
3024
- if (detaching) {
3025
- detach(path);
3026
- }
2982
+ destroy_component(commonmedia, detaching);
2983
+ }
2984
+ };
2985
+ }
2986
+ function create_if_block_12(ctx) {
2987
+ let commonstringtohtml;
2988
+ let current;
2989
+ commonstringtohtml = new CommonStringToHtml_default({
2990
+ props: {
2991
+ htmlString: (
2992
+ /*stimulusText*/
2993
+ ctx[11]
2994
+ ),
2995
+ otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
2996
+ ctx[15] ? "pt-0" : "")
2997
+ }
2998
+ });
2999
+ return {
3000
+ c() {
3001
+ create_component(commonstringtohtml.$$.fragment);
3002
+ },
3003
+ m(target, anchor) {
3004
+ mount_component(commonstringtohtml, target, anchor);
3005
+ current = true;
3006
+ },
3007
+ p(ctx2, dirty) {
3008
+ const commonstringtohtml_changes = {};
3009
+ if (dirty[0] & /*stimulusText*/
3010
+ 2048)
3011
+ commonstringtohtml_changes.htmlString = /*stimulusText*/
3012
+ ctx2[11];
3013
+ commonstringtohtml.$set(commonstringtohtml_changes);
3014
+ },
3015
+ i(local) {
3016
+ if (current)
3017
+ return;
3018
+ transition_in(commonstringtohtml.$$.fragment, local);
3019
+ current = true;
3020
+ },
3021
+ o(local) {
3022
+ transition_out(commonstringtohtml.$$.fragment, local);
3023
+ current = false;
3024
+ },
3025
+ d(detaching) {
3026
+ destroy_component(commonstringtohtml, detaching);
3027
3027
  }
3028
3028
  };
3029
3029
  }
3030
3030
  function create_fragment4(ctx) {
3031
- let svg;
3032
- let svg_width_value;
3033
- let svg_height_value;
3034
- let svg_viewBox_value;
3035
- let svg_fill_value;
3036
- let svg_class_value;
3037
- let if_block = (
3038
- /*iconProps*/
3039
- ctx[2].path && create_if_block4(ctx)
3031
+ let div2;
3032
+ let div1;
3033
+ let t0;
3034
+ let t1;
3035
+ let t2;
3036
+ let t3;
3037
+ let t4;
3038
+ let t5;
3039
+ let t6;
3040
+ let t7;
3041
+ let div0;
3042
+ let div0_class_value;
3043
+ let t8;
3044
+ let div1_class_value;
3045
+ let t9;
3046
+ let div2_class_value;
3047
+ let current;
3048
+ let if_block0 = (
3049
+ /*rubric*/
3050
+ ctx[0] && create_if_block_11(ctx)
3051
+ );
3052
+ let if_block1 = (
3053
+ /*showTextAlignmentInline*/
3054
+ ctx[17] && /*showStimulusLayoutTextFirst*/
3055
+ ctx[20] && create_if_block_10(ctx)
3056
+ );
3057
+ let if_block2 = (
3058
+ /*showAsset*/
3059
+ ctx[14] && /*fileAlignment*/
3060
+ ctx[7] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
3061
+ );
3062
+ let if_block3 = (
3063
+ /*showTextAlignmentInline*/
3064
+ ctx[17] && /*showStimulusLayoutMediaFirst*/
3065
+ ctx[19] && create_if_block_8(ctx)
3066
+ );
3067
+ let if_block4 = (
3068
+ /*prompt*/
3069
+ ctx[1] && create_if_block_7(ctx)
3070
+ );
3071
+ let if_block5 = (
3072
+ /*showTextAlignmentDefault*/
3073
+ ctx[16] && /*showStimulusLayoutTextFirst*/
3074
+ ctx[20] && create_if_block_6(ctx)
3075
+ );
3076
+ let if_block6 = (
3077
+ /*showAssetAlignmentDefault*/
3078
+ ctx[15] && create_if_block_5(ctx)
3079
+ );
3080
+ let if_block7 = (
3081
+ /*showTextAlignmentDefault*/
3082
+ ctx[16] && /*showStimulusLayoutMediaFirst*/
3083
+ ctx[19] && create_if_block_4(ctx)
3084
+ );
3085
+ const default_slot_template = (
3086
+ /*#slots*/
3087
+ ctx[26].default
3088
+ );
3089
+ const default_slot = create_slot(
3090
+ default_slot_template,
3091
+ ctx,
3092
+ /*$$scope*/
3093
+ ctx[25],
3094
+ null
3095
+ );
3096
+ let if_block8 = (
3097
+ /*showAlignmentDefault*/
3098
+ ctx[18] && create_if_block4(ctx)
3040
3099
  );
3041
3100
  return {
3042
3101
  c() {
3043
- svg = svg_element("svg");
3044
- if (if_block)
3045
- if_block.c();
3046
- attr(svg, "width", svg_width_value = /*iconProps*/
3047
- ctx[2].width);
3048
- attr(svg, "height", svg_height_value = /*iconProps*/
3049
- ctx[2].height);
3050
- attr(svg, "viewBox", svg_viewBox_value = /*iconProps*/
3051
- ctx[2].viewBox);
3052
- attr(svg, "fill", svg_fill_value = /*iconProps*/
3053
- ctx[2].fill);
3054
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
3055
- attr(svg, "class", svg_class_value = /*className*/
3056
- ctx[1] ?? /*svgName*/
3057
- ctx[0]);
3102
+ div2 = element("div");
3103
+ div1 = element("div");
3104
+ if (if_block0)
3105
+ if_block0.c();
3106
+ t0 = space();
3107
+ if (if_block1)
3108
+ if_block1.c();
3109
+ t1 = space();
3110
+ if (if_block2)
3111
+ if_block2.c();
3112
+ t2 = space();
3113
+ if (if_block3)
3114
+ if_block3.c();
3115
+ t3 = space();
3116
+ if (if_block4)
3117
+ if_block4.c();
3118
+ t4 = space();
3119
+ if (if_block5)
3120
+ if_block5.c();
3121
+ t5 = space();
3122
+ if (if_block6)
3123
+ if_block6.c();
3124
+ t6 = space();
3125
+ if (if_block7)
3126
+ if_block7.c();
3127
+ t7 = space();
3128
+ div0 = element("div");
3129
+ t8 = space();
3130
+ if (default_slot)
3131
+ default_slot.c();
3132
+ t9 = space();
3133
+ if (if_block8)
3134
+ if_block8.c();
3135
+ attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
3136
+ ctx[2] ? "hidden" : ""));
3137
+ attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
3138
+ (ctx[18] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
3139
+ attr(div2, "class", div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
3140
+ ctx[18] ? "lg:w-full lg:flex" : "container-class"} ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
3141
+ ctx[4] ? !/*stimulus*/
3142
+ ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-ofz2q1");
3143
+ set_style(
3144
+ div2,
3145
+ "--interactionWidthValue",
3146
+ /*interactionWidthValue*/
3147
+ ctx[22]
3148
+ );
3058
3149
  },
3059
3150
  m(target, anchor) {
3060
- insert(target, svg, anchor);
3061
- if (if_block)
3062
- if_block.m(svg, null);
3151
+ insert(target, div2, anchor);
3152
+ append(div2, div1);
3153
+ if (if_block0)
3154
+ if_block0.m(div1, null);
3155
+ append(div1, t0);
3156
+ if (if_block1)
3157
+ if_block1.m(div1, null);
3158
+ append(div1, t1);
3159
+ if (if_block2)
3160
+ if_block2.m(div1, null);
3161
+ append(div1, t2);
3162
+ if (if_block3)
3163
+ if_block3.m(div1, null);
3164
+ append(div1, t3);
3165
+ if (if_block4)
3166
+ if_block4.m(div1, null);
3167
+ append(div1, t4);
3168
+ if (if_block5)
3169
+ if_block5.m(div1, null);
3170
+ append(div1, t5);
3171
+ if (if_block6)
3172
+ if_block6.m(div1, null);
3173
+ append(div1, t6);
3174
+ if (if_block7)
3175
+ if_block7.m(div1, null);
3176
+ append(div1, t7);
3177
+ append(div1, div0);
3178
+ append(div1, t8);
3179
+ if (default_slot) {
3180
+ default_slot.m(div1, null);
3181
+ }
3182
+ append(div2, t9);
3183
+ if (if_block8)
3184
+ if_block8.m(div2, null);
3185
+ current = true;
3063
3186
  },
3064
- p(ctx2, [dirty]) {
3187
+ p(ctx2, dirty) {
3065
3188
  if (
3066
- /*iconProps*/
3067
- ctx2[2].path
3189
+ /*rubric*/
3190
+ ctx2[0]
3068
3191
  ) {
3069
- if (if_block) {
3070
- if_block.p(ctx2, dirty);
3192
+ if (if_block0) {
3193
+ if_block0.p(ctx2, dirty);
3194
+ if (dirty[0] & /*rubric*/
3195
+ 1) {
3196
+ transition_in(if_block0, 1);
3197
+ }
3071
3198
  } else {
3072
- if_block = create_if_block4(ctx2);
3073
- if_block.c();
3074
- if_block.m(svg, null);
3199
+ if_block0 = create_if_block_11(ctx2);
3200
+ if_block0.c();
3201
+ transition_in(if_block0, 1);
3202
+ if_block0.m(div1, t0);
3075
3203
  }
3076
- } else if (if_block) {
3077
- if_block.d(1);
3078
- if_block = null;
3204
+ } else if (if_block0) {
3205
+ group_outros();
3206
+ transition_out(if_block0, 1, 1, () => {
3207
+ if_block0 = null;
3208
+ });
3209
+ check_outros();
3079
3210
  }
3080
- if (dirty & /*iconProps*/
3081
- 4 && svg_width_value !== (svg_width_value = /*iconProps*/
3082
- ctx2[2].width)) {
3083
- attr(svg, "width", svg_width_value);
3211
+ if (
3212
+ /*showTextAlignmentInline*/
3213
+ ctx2[17] && /*showStimulusLayoutTextFirst*/
3214
+ ctx2[20]
3215
+ )
3216
+ if_block1.p(ctx2, dirty);
3217
+ if (
3218
+ /*showAsset*/
3219
+ ctx2[14] && /*fileAlignment*/
3220
+ ctx2[7] === ASSET_ALIGNMENT_INLINE
3221
+ ) {
3222
+ if (if_block2) {
3223
+ if_block2.p(ctx2, dirty);
3224
+ if (dirty[0] & /*fileAlignment*/
3225
+ 128) {
3226
+ transition_in(if_block2, 1);
3227
+ }
3228
+ } else {
3229
+ if_block2 = create_if_block_9(ctx2);
3230
+ if_block2.c();
3231
+ transition_in(if_block2, 1);
3232
+ if_block2.m(div1, t2);
3233
+ }
3234
+ } else if (if_block2) {
3235
+ group_outros();
3236
+ transition_out(if_block2, 1, 1, () => {
3237
+ if_block2 = null;
3238
+ });
3239
+ check_outros();
3084
3240
  }
3085
- if (dirty & /*iconProps*/
3086
- 4 && svg_height_value !== (svg_height_value = /*iconProps*/
3087
- ctx2[2].height)) {
3088
- attr(svg, "height", svg_height_value);
3241
+ if (
3242
+ /*showTextAlignmentInline*/
3243
+ ctx2[17] && /*showStimulusLayoutMediaFirst*/
3244
+ ctx2[19]
3245
+ )
3246
+ if_block3.p(ctx2, dirty);
3247
+ if (
3248
+ /*prompt*/
3249
+ ctx2[1]
3250
+ ) {
3251
+ if (if_block4) {
3252
+ if_block4.p(ctx2, dirty);
3253
+ if (dirty[0] & /*prompt*/
3254
+ 2) {
3255
+ transition_in(if_block4, 1);
3256
+ }
3257
+ } else {
3258
+ if_block4 = create_if_block_7(ctx2);
3259
+ if_block4.c();
3260
+ transition_in(if_block4, 1);
3261
+ if_block4.m(div1, t4);
3262
+ }
3263
+ } else if (if_block4) {
3264
+ group_outros();
3265
+ transition_out(if_block4, 1, 1, () => {
3266
+ if_block4 = null;
3267
+ });
3268
+ check_outros();
3089
3269
  }
3090
- if (dirty & /*iconProps*/
3091
- 4 && svg_viewBox_value !== (svg_viewBox_value = /*iconProps*/
3092
- ctx2[2].viewBox)) {
3093
- attr(svg, "viewBox", svg_viewBox_value);
3270
+ if (
3271
+ /*showTextAlignmentDefault*/
3272
+ ctx2[16] && /*showStimulusLayoutTextFirst*/
3273
+ ctx2[20]
3274
+ )
3275
+ if_block5.p(ctx2, dirty);
3276
+ if (
3277
+ /*showAssetAlignmentDefault*/
3278
+ ctx2[15]
3279
+ )
3280
+ if_block6.p(ctx2, dirty);
3281
+ if (
3282
+ /*showTextAlignmentDefault*/
3283
+ ctx2[16] && /*showStimulusLayoutMediaFirst*/
3284
+ ctx2[19]
3285
+ )
3286
+ if_block7.p(ctx2, dirty);
3287
+ if (!current || dirty[0] & /*hasDivider*/
3288
+ 4 && div0_class_value !== (div0_class_value = "divider my-6 " + (!/*hasDivider*/
3289
+ ctx2[2] ? "hidden" : ""))) {
3290
+ attr(div0, "class", div0_class_value);
3094
3291
  }
3095
- if (dirty & /*iconProps*/
3096
- 4 && svg_fill_value !== (svg_fill_value = /*iconProps*/
3097
- ctx2[2].fill)) {
3098
- attr(svg, "fill", svg_fill_value);
3292
+ if (default_slot) {
3293
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/
3294
+ 33554432)) {
3295
+ update_slot_base(
3296
+ default_slot,
3297
+ default_slot_template,
3298
+ ctx2,
3299
+ /*$$scope*/
3300
+ ctx2[25],
3301
+ !current ? get_all_dirty_from_scope(
3302
+ /*$$scope*/
3303
+ ctx2[25]
3304
+ ) : get_slot_changes(
3305
+ default_slot_template,
3306
+ /*$$scope*/
3307
+ ctx2[25],
3308
+ dirty,
3309
+ null
3310
+ ),
3311
+ null
3312
+ );
3313
+ }
3099
3314
  }
3100
- if (dirty & /*className, svgName*/
3101
- 3 && svg_class_value !== (svg_class_value = /*className*/
3102
- ctx2[1] ?? /*svgName*/
3103
- ctx2[0])) {
3104
- attr(svg, "class", svg_class_value);
3315
+ if (
3316
+ /*showAlignmentDefault*/
3317
+ ctx2[18]
3318
+ )
3319
+ if_block8.p(ctx2, dirty);
3320
+ if (!current || dirty[0] & /*optionHasMedia, stimulus*/
3321
+ 24 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
3322
+ ctx2[18] ? "lg:w-full lg:flex" : "container-class"} ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
3323
+ ctx2[4] ? !/*stimulus*/
3324
+ ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-ofz2q1")) {
3325
+ attr(div2, "class", div2_class_value);
3105
3326
  }
3106
3327
  },
3107
- i: noop,
3108
- o: noop,
3328
+ i(local) {
3329
+ if (current)
3330
+ return;
3331
+ transition_in(if_block0);
3332
+ transition_in(if_block1);
3333
+ transition_in(if_block2);
3334
+ transition_in(if_block3);
3335
+ transition_in(if_block4);
3336
+ transition_in(if_block5);
3337
+ transition_in(if_block6);
3338
+ transition_in(if_block7);
3339
+ transition_in(default_slot, local);
3340
+ transition_in(if_block8);
3341
+ current = true;
3342
+ },
3343
+ o(local) {
3344
+ transition_out(if_block0);
3345
+ transition_out(if_block1);
3346
+ transition_out(if_block2);
3347
+ transition_out(if_block3);
3348
+ transition_out(if_block4);
3349
+ transition_out(if_block5);
3350
+ transition_out(if_block6);
3351
+ transition_out(if_block7);
3352
+ transition_out(default_slot, local);
3353
+ transition_out(if_block8);
3354
+ current = false;
3355
+ },
3109
3356
  d(detaching) {
3110
3357
  if (detaching) {
3111
- detach(svg);
3358
+ detach(div2);
3112
3359
  }
3113
- if (if_block)
3114
- if_block.d();
3360
+ if (if_block0)
3361
+ if_block0.d();
3362
+ if (if_block1)
3363
+ if_block1.d();
3364
+ if (if_block2)
3365
+ if_block2.d();
3366
+ if (if_block3)
3367
+ if_block3.d();
3368
+ if (if_block4)
3369
+ if_block4.d();
3370
+ if (if_block5)
3371
+ if_block5.d();
3372
+ if (if_block6)
3373
+ if_block6.d();
3374
+ if (if_block7)
3375
+ if_block7.d();
3376
+ if (default_slot)
3377
+ default_slot.d(detaching);
3378
+ if (if_block8)
3379
+ if_block8.d();
3115
3380
  }
3116
3381
  };
3117
3382
  }
3118
3383
  function instance4($$self, $$props, $$invalidate) {
3119
- let iconProps;
3120
- let { width = void 0 } = $$props;
3121
- let { height = void 0 } = $$props;
3122
- let { svgName } = $$props;
3123
- let { className = void 0 } = $$props;
3124
- $$self.$$set = ($$props2) => {
3125
- if ("width" in $$props2)
3126
- $$invalidate(3, width = $$props2.width);
3127
- if ("height" in $$props2)
3128
- $$invalidate(4, height = $$props2.height);
3129
- if ("svgName" in $$props2)
3130
- $$invalidate(0, svgName = $$props2.svgName);
3131
- if ("className" in $$props2)
3132
- $$invalidate(1, className = $$props2.className);
3384
+ let { $$slots: slots = {}, $$scope } = $$props;
3385
+ let { rubric } = $$props;
3386
+ let { prompt } = $$props;
3387
+ let { interactionType = "" } = $$props;
3388
+ let { hasDivider = true } = $$props;
3389
+ let { stimulus = null } = $$props;
3390
+ let { optionHasMedia = false } = $$props;
3391
+ let fileUrl = "";
3392
+ let fileType = "";
3393
+ let fileAlignment = ASSET_ALIGNMENT_DEFAULT;
3394
+ let altText = "";
3395
+ let longDescription = "";
3396
+ let caption = "";
3397
+ let stimulusText = "";
3398
+ let stimulusTextAlignment = STIMULUS_TEXT_ALIGNMENT_DEFAULT;
3399
+ let stimulusLayoutOrder = STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
3400
+ let containerElement;
3401
+ let dynamicMarginTop = "0px";
3402
+ const configureHtmlString = (htmlString, maxHeight = "") => {
3403
+ return htmlString.replace(/<table>/g, `<div class="table-container ${maxHeight}" tabindex="0"><table>`).replace(/<\/table>/g, "</table></div>");
3133
3404
  };
3134
- $$self.$$.update = () => {
3135
- if ($$self.$$.dirty & /*svgName, width, height*/
3136
- 25) {
3137
- $:
3138
- $$invalidate(2, iconProps = (() => {
3139
- const defaults = svgIconRegistry[svgName] ?? {};
3140
- return {
3141
- width: width ?? defaults.width,
3142
- height: height ?? defaults.height,
3143
- viewBox: `0 0 ${width ?? defaults.width} ${height ?? defaults.height}`,
3144
- fillRule: defaults.fillRule ?? void 0,
3145
- clipRule: defaults.clipRule ?? void 0,
3146
- fill: defaults.fill,
3147
- path: defaults.path,
3148
- pathFill: defaults.pathFill
3149
- };
3150
- })());
3405
+ if (stimulus) {
3406
+ const { asset_alignment: assetAlignment, alternative_text: alternativeText, long_description: longDescriptionRaw, description, file, stimulus_text: stimulusTextRaw, stimulus_text_alignment: stimulusTextAlignmentRaw, stimulus_layout_order: stimulusLayoutOrderRaw } = stimulus;
3407
+ stimulusLayoutOrder = stimulusLayoutOrderRaw;
3408
+ if (file) {
3409
+ const { url, file_name: fileName, content_type: contentType } = file;
3410
+ const tempName = fileName || "Exercise image";
3411
+ const fileContentType = contentType.split("/");
3412
+ fileAlignment = assetAlignment;
3413
+ altText = alternativeText || tempName;
3414
+ fileUrl = url || "";
3415
+ fileType = contentType ? fileContentType[0] : "";
3416
+ caption = description || "";
3417
+ }
3418
+ if (stimulusTextRaw) {
3419
+ const maxHeight = stimulusTextAlignmentRaw === STIMULUS_TEXT_ALIGNMENT_DEFAULT ? "max-h-[660px]" : "max-h-[470px]";
3420
+ stimulusText = configureHtmlString(stimulusTextRaw, maxHeight);
3421
+ stimulusTextAlignment = stimulusTextAlignmentRaw;
3422
+ }
3423
+ if (longDescriptionRaw) {
3424
+ longDescription = configureHtmlString(longDescriptionRaw, "max-h-[470px]");
3425
+ }
3426
+ }
3427
+ const allowedInteractions = [
3428
+ INTERACTION_TYPE_MCQ,
3429
+ INTERACTION_TYPE_TYPEIN,
3430
+ INTERACTION_TYPE_CATEGORISE,
3431
+ INTERACTION_TYPE_DROPDOWN
3432
+ ];
3433
+ const isAllowedInteraction = allowedInteractions.includes(interactionType);
3434
+ const showAsset = isAllowedInteraction && fileUrl;
3435
+ const showTextStimulus = isAllowedInteraction && stimulusText;
3436
+ const showAssetAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
3437
+ const showTextAlignmentDefault = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_DEFAULT;
3438
+ const showTextAlignmentInline = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_INLINE;
3439
+ const showAlignmentDefault = showAssetAlignmentDefault || showTextAlignmentDefault;
3440
+ const showStimulusLayoutMediaFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
3441
+ const showStimulusLayoutTextFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_TEXT_FIRST;
3442
+ const promptRubricHeaderElem = get_store_value(promptRubricElem);
3443
+ const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE && !stimulus ? "100%" : INTERACTION_TYPE_MCQ && optionHasMedia ? "50%" : get_store_value(interactionWidth);
3444
+ const calculateDynamicMargin = () => {
3445
+ if (typeof window !== "undefined" && containerElement && showAssetAlignmentDefault) {
3446
+ const viewportHeight = window.innerHeight;
3447
+ const contentHeight = containerElement.scrollHeight;
3448
+ const calculatedMargin = Math.max(0, (viewportHeight - contentHeight) / 2);
3449
+ $$invalidate(13, dynamicMarginTop = `${calculatedMargin - 152}px`);
3450
+ } else {
3451
+ $$invalidate(13, dynamicMarginTop = "0px");
3151
3452
  }
3152
3453
  };
3153
- return [svgName, className, iconProps, width, height];
3454
+ const handleImageLoad = () => {
3455
+ setTimeout(calculateDynamicMargin, 50);
3456
+ };
3457
+ const handleResize = () => {
3458
+ calculateDynamicMargin();
3459
+ };
3460
+ onMount(() => {
3461
+ if (typeof window !== "undefined") {
3462
+ window.addEventListener("resize", handleResize);
3463
+ setTimeout(calculateDynamicMargin, 100);
3464
+ return () => {
3465
+ window.removeEventListener("resize", handleResize);
3466
+ };
3467
+ }
3468
+ });
3469
+ function div1_binding($$value) {
3470
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
3471
+ containerElement = $$value;
3472
+ $$invalidate(12, containerElement);
3473
+ });
3474
+ }
3475
+ $$self.$$set = ($$props2) => {
3476
+ if ("rubric" in $$props2)
3477
+ $$invalidate(0, rubric = $$props2.rubric);
3478
+ if ("prompt" in $$props2)
3479
+ $$invalidate(1, prompt = $$props2.prompt);
3480
+ if ("interactionType" in $$props2)
3481
+ $$invalidate(24, interactionType = $$props2.interactionType);
3482
+ if ("hasDivider" in $$props2)
3483
+ $$invalidate(2, hasDivider = $$props2.hasDivider);
3484
+ if ("stimulus" in $$props2)
3485
+ $$invalidate(3, stimulus = $$props2.stimulus);
3486
+ if ("optionHasMedia" in $$props2)
3487
+ $$invalidate(4, optionHasMedia = $$props2.optionHasMedia);
3488
+ if ("$$scope" in $$props2)
3489
+ $$invalidate(25, $$scope = $$props2.$$scope);
3490
+ };
3491
+ $:
3492
+ if (showAlignmentDefault !== void 0) {
3493
+ setTimeout(calculateDynamicMargin, 50);
3494
+ }
3495
+ return [
3496
+ rubric,
3497
+ prompt,
3498
+ hasDivider,
3499
+ stimulus,
3500
+ optionHasMedia,
3501
+ fileUrl,
3502
+ fileType,
3503
+ fileAlignment,
3504
+ altText,
3505
+ longDescription,
3506
+ caption,
3507
+ stimulusText,
3508
+ containerElement,
3509
+ dynamicMarginTop,
3510
+ showAsset,
3511
+ showAssetAlignmentDefault,
3512
+ showTextAlignmentDefault,
3513
+ showTextAlignmentInline,
3514
+ showAlignmentDefault,
3515
+ showStimulusLayoutMediaFirst,
3516
+ showStimulusLayoutTextFirst,
3517
+ promptRubricHeaderElem,
3518
+ interactionWidthValue,
3519
+ handleImageLoad,
3520
+ interactionType,
3521
+ $$scope,
3522
+ slots,
3523
+ div1_binding
3524
+ ];
3154
3525
  }
3155
- var SvgLoader = class extends SvelteComponent {
3526
+ var PromptBody = class extends SvelteComponent {
3156
3527
  constructor(options) {
3157
3528
  super();
3158
- init(this, options, instance4, create_fragment4, safe_not_equal, {
3159
- width: 3,
3160
- height: 4,
3161
- svgName: 0,
3162
- className: 1
3163
- });
3529
+ init(
3530
+ this,
3531
+ options,
3532
+ instance4,
3533
+ create_fragment4,
3534
+ safe_not_equal,
3535
+ {
3536
+ rubric: 0,
3537
+ prompt: 1,
3538
+ interactionType: 24,
3539
+ hasDivider: 2,
3540
+ stimulus: 3,
3541
+ optionHasMedia: 4
3542
+ },
3543
+ add_css,
3544
+ [-1, -1]
3545
+ );
3164
3546
  }
3165
- get width() {
3166
- return this.$$.ctx[3];
3547
+ get rubric() {
3548
+ return this.$$.ctx[0];
3167
3549
  }
3168
- set width(width) {
3169
- this.$$set({ width });
3550
+ set rubric(rubric) {
3551
+ this.$$set({ rubric });
3170
3552
  flush();
3171
3553
  }
3172
- get height() {
3173
- return this.$$.ctx[4];
3554
+ get prompt() {
3555
+ return this.$$.ctx[1];
3174
3556
  }
3175
- set height(height) {
3176
- this.$$set({ height });
3557
+ set prompt(prompt) {
3558
+ this.$$set({ prompt });
3177
3559
  flush();
3178
3560
  }
3179
- get svgName() {
3180
- return this.$$.ctx[0];
3561
+ get interactionType() {
3562
+ return this.$$.ctx[24];
3181
3563
  }
3182
- set svgName(svgName) {
3183
- this.$$set({ svgName });
3564
+ set interactionType(interactionType) {
3565
+ this.$$set({ interactionType });
3184
3566
  flush();
3185
3567
  }
3186
- get className() {
3187
- return this.$$.ctx[1];
3568
+ get hasDivider() {
3569
+ return this.$$.ctx[2];
3188
3570
  }
3189
- set className(className) {
3190
- this.$$set({ className });
3571
+ set hasDivider(hasDivider) {
3572
+ this.$$set({ hasDivider });
3573
+ flush();
3574
+ }
3575
+ get stimulus() {
3576
+ return this.$$.ctx[3];
3577
+ }
3578
+ set stimulus(stimulus) {
3579
+ this.$$set({ stimulus });
3580
+ flush();
3581
+ }
3582
+ get optionHasMedia() {
3583
+ return this.$$.ctx[4];
3584
+ }
3585
+ set optionHasMedia(optionHasMedia) {
3586
+ this.$$set({ optionHasMedia });
3191
3587
  flush();
3192
3588
  }
3193
3589
  };
3194
- create_custom_element(SvgLoader, { "width": {}, "height": {}, "svgName": {}, "className": {} }, [], [], true);
3195
- var SvgLoader_default = SvgLoader;
3590
+ customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {}, "optionHasMedia": { "type": "Boolean" } }, ["default"], [], true));
3591
+ var PromptBody_default = PromptBody;
3196
3592
 
3197
3593
  // src/lib/components/prompt/template/PromptResultFeedbackAlert.svelte
3198
3594
  function create_if_block5(ctx) {
@@ -3208,7 +3604,7 @@
3208
3604
  let current;
3209
3605
  let if_block0 = (
3210
3606
  /*hasIcon*/
3211
- ctx[0] && create_if_block_32(ctx)
3607
+ ctx[0] && create_if_block_33(ctx)
3212
3608
  );
3213
3609
  let if_block1 = !/*isFeedbackAlert*/
3214
3610
  ctx[1] && create_if_block_23(ctx);
@@ -3275,7 +3671,7 @@
3275
3671
  transition_in(if_block0, 1);
3276
3672
  }
3277
3673
  } else {
3278
- if_block0 = create_if_block_32(ctx2);
3674
+ if_block0 = create_if_block_33(ctx2);
3279
3675
  if_block0.c();
3280
3676
  transition_in(if_block0, 1);
3281
3677
  if_block0.m(div1, t0);
@@ -3360,7 +3756,7 @@
3360
3756
  }
3361
3757
  };
3362
3758
  }
3363
- function create_if_block_32(ctx) {
3759
+ function create_if_block_33(ctx) {
3364
3760
  let span;
3365
3761
  let svgloader;
3366
3762
  let span_class_value;
@@ -4150,7 +4546,7 @@
4150
4546
  );
4151
4547
  let span_class_value;
4152
4548
  let current;
4153
- let if_block = show_if && create_if_block_33(ctx);
4549
+ let if_block = show_if && create_if_block_34(ctx);
4154
4550
  return {
4155
4551
  c() {
4156
4552
  span = element("span");
@@ -4190,7 +4586,7 @@
4190
4586
  transition_in(if_block, 1);
4191
4587
  }
4192
4588
  } else {
4193
- if_block = create_if_block_33(ctx2);
4589
+ if_block = create_if_block_34(ctx2);
4194
4590
  if_block.c();
4195
4591
  transition_in(if_block, 1);
4196
4592
  if_block.m(span, null);
@@ -4237,7 +4633,7 @@
4237
4633
  }
4238
4634
  };
4239
4635
  }
4240
- function create_if_block_33(ctx) {
4636
+ function create_if_block_34(ctx) {
4241
4637
  let span;
4242
4638
  let svgloader;
4243
4639
  let current;
@@ -6386,7 +6782,7 @@
6386
6782
  let if_block;
6387
6783
  let span0_class_value;
6388
6784
  let current;
6389
- const if_block_creators = [create_if_block_34, create_else_block2];
6785
+ const if_block_creators = [create_if_block_35, create_else_block2];
6390
6786
  const if_blocks = [];
6391
6787
  function select_block_type_3(ctx2, dirty) {
6392
6788
  if (
@@ -6496,7 +6892,7 @@
6496
6892
  }
6497
6893
  };
6498
6894
  }
6499
- function create_if_block_34(ctx) {
6895
+ function create_if_block_35(ctx) {
6500
6896
  let svgloader;
6501
6897
  let current;
6502
6898
  svgloader = new SvgLoader_default({
@@ -9610,7 +10006,7 @@
9610
10006
  }
9611
10007
  };
9612
10008
  }
9613
- function create_if_block_35(ctx) {
10009
+ function create_if_block_36(ctx) {
9614
10010
  let span;
9615
10011
  let svgloader;
9616
10012
  let current;
@@ -9790,7 +10186,7 @@
9790
10186
  /*word*/
9791
10187
  ctx[1]
9792
10188
  ) } });
9793
- const if_block_creators = [create_if_block_16, create_if_block_26, create_if_block_35, create_else_block3];
10189
+ const if_block_creators = [create_if_block_16, create_if_block_26, create_if_block_36, create_else_block3];
9794
10190
  const if_blocks = [];
9795
10191
  function select_block_type(ctx2, dirty) {
9796
10192
  if (
@@ -12370,7 +12766,7 @@
12370
12766
  }
12371
12767
  };
12372
12768
  }
12373
- function create_if_block_36(ctx) {
12769
+ function create_if_block_37(ctx) {
12374
12770
  let span;
12375
12771
  let t0;
12376
12772
  let t1_value = (
@@ -12621,7 +13017,7 @@
12621
13017
  });
12622
13018
  let if_block1 = show_if_1 && create_if_block_44(ctx);
12623
13019
  let if_block2 = !/*previewResultSr*/
12624
- ctx[5] && create_if_block_36(ctx);
13020
+ ctx[5] && create_if_block_37(ctx);
12625
13021
  let if_block3 = (
12626
13022
  /*previewResultSr*/
12627
13023
  ctx[5] && create_if_block_28(ctx)
@@ -13035,7 +13431,7 @@
13035
13431
  if (if_block2) {
13036
13432
  if_block2.p(ctx, dirty);
13037
13433
  } else {
13038
- if_block2 = create_if_block_36(ctx);
13434
+ if_block2 = create_if_block_37(ctx);
13039
13435
  if_block2.c();
13040
13436
  if_block2.m(div0, t7);
13041
13437
  }
@@ -14731,7 +15127,7 @@
14731
15127
  }
14732
15128
  };
14733
15129
  }
14734
- function create_if_block_37(ctx) {
15130
+ function create_if_block_38(ctx) {
14735
15131
  let t0;
14736
15132
  let show_if;
14737
15133
  let t1;
@@ -15302,7 +15698,7 @@
15302
15698
  ctx2[1] && !/*isPreviewModeInteractive*/
15303
15699
  ctx2[2]
15304
15700
  )
15305
- return create_if_block_37;
15701
+ return create_if_block_38;
15306
15702
  return create_else_block_32;
15307
15703
  }
15308
15704
  let current_block_type = select_block_type(ctx, [-1, -1]);
@@ -16358,7 +16754,7 @@
16358
16754
  let if_block;
16359
16755
  let if_block_anchor;
16360
16756
  let current;
16361
- const if_block_creators = [create_if_block_38, create_else_block_13];
16757
+ const if_block_creators = [create_if_block_39, create_else_block_13];
16362
16758
  const if_blocks = [];
16363
16759
  function select_block_type_3(ctx2, dirty) {
16364
16760
  if (
@@ -16442,7 +16838,7 @@
16442
16838
  }
16443
16839
  };
16444
16840
  }
16445
- function create_if_block_38(ctx) {
16841
+ function create_if_block_39(ctx) {
16446
16842
  let commonstringtohtml;
16447
16843
  let current;
16448
16844
  commonstringtohtml = new CommonStringToHtml_default({
@@ -18108,7 +18504,7 @@
18108
18504
 
18109
18505
  // src/lib/components/prompt/PromptBuilder.svelte
18110
18506
  function add_css2(target) {
18111
- append_styles(target, "svelte-81ml98", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.focus-ring-by-dropdown{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-81ml98-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-81ml98-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;box-sizing:border-box;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-text{align-items:center;display:flex;padding:0.375rem 0.75rem;width:100%}@supports (overflow-wrap: anywhere){.btn-mcq-text{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.btn-mcq-text{word-break:break-word}}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{align-items:center;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;width:2rem}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));padding:0.5rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.\\!choice,.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.finished:active>span>span>span>.custom-checkbox,.btn-mcq-option.finished:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>span>.\\!choice,.btn-mcq-option.selected.correct>span>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>span>.\\!choice,.btn-mcq-option.selected.incorrect>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.dropdown-container:active,.dropdown-container:focus{box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow-y:auto;position:absolute;z-index:50}@supports (overflow-wrap: anywhere){.dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.dropdown-menu{word-break:break-word}}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.hover-option{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-1{margin-bottom:0.25rem;margin-top:0.25rem}.my-1\\.5{margin-bottom:0.375rem;margin-top:0.375rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.mb-0{margin-bottom:0}.mb-0\\.5{margin-bottom:0.125rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-2\\.5{margin-left:0.625rem}.ml-3{margin-left:0.75rem}.ml-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-2{height:0.5rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[184px\\]{max-height:184px}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[154px\\]{min-height:154px}.min-h-\\[210px\\]{min-height:210px}.min-h-\\[44px\\]{min-height:44px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-3{width:0.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[288px\\]{min-width:288px}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[304px\\]{max-width:304px}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.bg-opacity-5{--tw-bg-opacity:0.05}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19\\.2px\\]{line-height:19.2px}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-850{--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-1\\/2{width:50%}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:min-w-full{min-width:100%}.md\\:flex-none{flex:none}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-start{align-items:flex-start}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}}@media(hover: hover) and (pointer: fine){.td\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
18507
+ append_styles(target, "svelte-1prl8jn", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.focus-ring-by-dropdown{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-1prl8jn-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-1prl8jn-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;box-sizing:border-box;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-text{align-items:center;display:flex;padding:0.375rem 0.75rem;width:100%}@supports (overflow-wrap: anywhere){.btn-mcq-text{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.btn-mcq-text{word-break:break-word}}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{align-items:center;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;width:2rem}.btn-mcq-option>span>span>span>.\\!choice,.btn-mcq-option>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));padding:0.5rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.\\!choice,.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.finished:active>span>span>span>.custom-checkbox,.btn-mcq-option.finished:hover>span>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>span>.\\!choice,.btn-mcq-option.selected.correct>span>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>span>.\\!choice,.btn-mcq-option.selected.incorrect>span>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.image-description,.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.image-description p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:0.75rem;line-height:1rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.image-description ol,.image-description ul{font-size:0.75rem;line-height:1rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.image-description ol ::marker,.image-description ul ::marker{color:#212529}.image-description ol::marker,.image-description ul::marker{color:#212529}.image-description ul,.text-stimulus ul{list-style-type:disc}.image-description ol,.text-stimulus ol{list-style-type:decimal}.image-description ul li>p,.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.image-description ol>li>p,.image-description ul>li>p{display:inline;font-size:0.75rem;line-height:1rem;padding-bottom:0;padding-top:0}.image-description div.table-container:focus,.text-stimulus div.table-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.image-description div.table-container,.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.image-description table,.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.image-description table tr,.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.image-description table tr:last-child,.text-stimulus table tr:last-child{border-color:transparent}.image-description table td,.image-description table th,.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.image-description table td:first-child,.image-description table th:first-child,.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.image-description table td>p,.image-description table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:0.75rem;line-height:1rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.image-description table th p,.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.dropdown-container:active,.dropdown-container:focus{box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow-y:auto;position:absolute;z-index:50}@supports (overflow-wrap: anywhere){.dropdown-menu{overflow-wrap:anywhere}}@supports not (overflow-wrap: anywhere){.dropdown-menu{word-break:break-word}}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.hover-option{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-1{margin-bottom:0.25rem;margin-top:0.25rem}.my-1\\.5{margin-bottom:0.375rem;margin-top:0.375rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.mb-0{margin-bottom:0}.mb-0\\.5{margin-bottom:0.125rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-2\\.5{margin-left:0.625rem}.ml-3{margin-left:0.75rem}.ml-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-2{height:0.5rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[184px\\]{max-height:184px}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[154px\\]{min-height:154px}.min-h-\\[210px\\]{min-height:210px}.min-h-\\[44px\\]{min-height:44px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-3{width:0.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[288px\\]{min-width:288px}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[304px\\]{max-width:304px}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.bg-opacity-5{--tw-bg-opacity:0.05}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[1\\.5\\]{line-height:1.5}.leading-\\[19\\.2px\\]{line-height:19.2px}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-850{--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.td\\:hover\\:hover-option:hover.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:focus-visible .group-focus-visible\\:bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-1\\/2{width:50%}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:min-w-full{min-width:100%}.md\\:flex-none{flex:none}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-start{align-items:flex-start}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}}@media(hover: hover) and (pointer: fine){.td\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
18112
18508
  }
18113
18509
  function create_else_block_14(ctx) {
18114
18510
  let invalidbanner;
@@ -18145,7 +18541,7 @@
18145
18541
  let current;
18146
18542
  const if_block_creators = [
18147
18543
  create_if_block_212,
18148
- create_if_block_39,
18544
+ create_if_block_310,
18149
18545
  create_if_block_47,
18150
18546
  create_if_block_56,
18151
18547
  create_else_block8
@@ -18428,7 +18824,7 @@
18428
18824
  }
18429
18825
  };
18430
18826
  }
18431
- function create_if_block_39(ctx) {
18827
+ function create_if_block_310(ctx) {
18432
18828
  let prompttypein;
18433
18829
  let current;
18434
18830
  prompttypein = new PromptTypeIn_default({