eat-js-sdk 1.0.47 → 1.0.49

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,936 @@
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 t0;
1824
+ let t1;
1825
+ let if_block1_anchor;
1748
1826
  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
- });
1827
+ let mounted;
1828
+ let dispose;
1829
+ let if_block0 = (
1830
+ /*fileCaption*/
1831
+ ctx[4] && create_if_block_3(ctx)
1832
+ );
1833
+ let if_block1 = (
1834
+ /*longDescription*/
1835
+ ctx[3] && create_if_block_2(ctx)
1836
+ );
1769
1837
  return {
1770
1838
  c() {
1771
1839
  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"));
1840
+ img = element("img");
1841
+ t0 = space();
1842
+ if (if_block0)
1843
+ if_block0.c();
1844
+ t1 = space();
1845
+ if (if_block1)
1846
+ if_block1.c();
1847
+ if_block1_anchor = empty();
1848
+ if (!src_url_equal(img.src, img_src_value = /*fileUrl*/
1849
+ ctx[1]))
1850
+ attr(img, "src", img_src_value);
1851
+ attr(
1852
+ img,
1853
+ "alt",
1854
+ /*altText*/
1855
+ ctx[2]
1856
+ );
1857
+ attr(div, "class", "flex flex-col justify-center items-center text-center");
1778
1858
  },
1779
1859
  m(target, anchor) {
1780
1860
  insert(target, div, anchor);
1781
- mount_component(commonmedia, div, null);
1861
+ append(div, img);
1862
+ append(div, t0);
1863
+ if (if_block0)
1864
+ if_block0.m(div, null);
1865
+ insert(target, t1, anchor);
1866
+ if (if_block1)
1867
+ if_block1.m(target, anchor);
1868
+ insert(target, if_block1_anchor, anchor);
1782
1869
  current = true;
1870
+ if (!mounted) {
1871
+ dispose = listen(img, "load", function() {
1872
+ if (is_function(
1873
+ /*handleImageLoad*/
1874
+ ctx[5]
1875
+ ))
1876
+ ctx[5].apply(this, arguments);
1877
+ });
1878
+ mounted = true;
1879
+ }
1783
1880
  },
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);
1881
+ p(new_ctx, dirty) {
1882
+ ctx = new_ctx;
1883
+ if (!current || dirty & /*fileUrl*/
1884
+ 2 && !src_url_equal(img.src, img_src_value = /*fileUrl*/
1885
+ ctx[1])) {
1886
+ attr(img, "src", img_src_value);
1887
+ }
1888
+ if (!current || dirty & /*altText*/
1889
+ 4) {
1890
+ attr(
1891
+ img,
1892
+ "alt",
1893
+ /*altText*/
1894
+ ctx[2]
1895
+ );
1896
+ }
1897
+ if (
1898
+ /*fileCaption*/
1899
+ ctx[4]
1900
+ ) {
1901
+ if (if_block0) {
1902
+ if_block0.p(ctx, dirty);
1903
+ } else {
1904
+ if_block0 = create_if_block_3(ctx);
1905
+ if_block0.c();
1906
+ if_block0.m(div, null);
1907
+ }
1908
+ } else if (if_block0) {
1909
+ if_block0.d(1);
1910
+ if_block0 = null;
1911
+ }
1912
+ if (
1913
+ /*longDescription*/
1914
+ ctx[3]
1915
+ ) {
1916
+ if (if_block1) {
1917
+ if_block1.p(ctx, dirty);
1918
+ if (dirty & /*longDescription*/
1919
+ 8) {
1920
+ transition_in(if_block1, 1);
1921
+ }
1922
+ } else {
1923
+ if_block1 = create_if_block_2(ctx);
1924
+ if_block1.c();
1925
+ transition_in(if_block1, 1);
1926
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
1927
+ }
1928
+ } else if (if_block1) {
1929
+ group_outros();
1930
+ transition_out(if_block1, 1, 1, () => {
1931
+ if_block1 = null;
1932
+ });
1933
+ check_outros();
1934
+ }
1803
1935
  },
1804
1936
  i(local) {
1805
1937
  if (current)
1806
1938
  return;
1807
- transition_in(commonmedia.$$.fragment, local);
1939
+ transition_in(if_block1);
1808
1940
  current = true;
1809
1941
  },
1810
1942
  o(local) {
1811
- transition_out(commonmedia.$$.fragment, local);
1943
+ transition_out(if_block1);
1812
1944
  current = false;
1813
1945
  },
1814
1946
  d(detaching) {
1815
1947
  if (detaching) {
1816
1948
  detach(div);
1949
+ detach(t1);
1950
+ detach(if_block1_anchor);
1817
1951
  }
1818
- destroy_component(commonmedia);
1952
+ if (if_block0)
1953
+ if_block0.d();
1954
+ if (if_block1)
1955
+ if_block1.d(detaching);
1956
+ mounted = false;
1957
+ dispose();
1819
1958
  }
1820
1959
  };
1821
1960
  }
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
- });
1961
+ function create_if_block_3(ctx) {
1962
+ let p;
1963
+ let t2;
1834
1964
  return {
1835
1965
  c() {
1836
- create_component(commonstringtohtml.$$.fragment);
1966
+ p = element("p");
1967
+ t2 = text(
1968
+ /*fileCaption*/
1969
+ ctx[4]
1970
+ );
1971
+ attr(p, "class", "text-lg leading-[22px] text-blue-1000 font-semibold mt-4");
1837
1972
  },
1838
1973
  m(target, anchor) {
1839
- mount_component(commonstringtohtml, target, anchor);
1840
- current = true;
1974
+ insert(target, p, anchor);
1975
+ append(p, t2);
1841
1976
  },
1842
1977
  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;
1978
+ if (dirty & /*fileCaption*/
1979
+ 16)
1980
+ set_data(
1981
+ t2,
1982
+ /*fileCaption*/
1983
+ ctx2[4]
1984
+ );
1859
1985
  },
1860
1986
  d(detaching) {
1861
- destroy_component(commonstringtohtml, detaching);
1987
+ if (detaching) {
1988
+ detach(p);
1989
+ }
1862
1990
  }
1863
1991
  };
1864
1992
  }
1865
- function create_if_block_7(ctx) {
1866
- let commonstringtohtml;
1867
- let current;
1993
+ function create_if_block_2(ctx) {
1994
+ let div3;
1995
+ let button;
1996
+ let div0;
1997
+ let svgloader;
1998
+ let t0;
1999
+ let div1;
2000
+ let t2;
2001
+ let div2;
2002
+ let commonstringtohtml;
2003
+ let div2_hidden_value;
2004
+ let current;
2005
+ let mounted;
2006
+ let dispose;
2007
+ svgloader = new SvgLoader_default({
2008
+ props: {
2009
+ svgName: (
2010
+ /*islongDescOpened*/
2011
+ ctx[6] ? "smallChevronUp" : "smallChevronDown"
2012
+ ),
2013
+ className: (
2014
+ /*islongDescOpened*/
2015
+ ctx[6] ? "collapse-icon" : "expand-icon"
2016
+ ),
2017
+ width: 12,
2018
+ height: 7
2019
+ }
2020
+ });
1868
2021
  commonstringtohtml = new CommonStringToHtml_default({
1869
2022
  props: {
1870
2023
  htmlString: (
1871
- /*prompt*/
1872
- ctx[1]
2024
+ /*longDescription*/
2025
+ ctx[3]
1873
2026
  ),
1874
- otherClass: "item-heading prompt",
1875
- htmlHeading: (
1876
- /*promptRubricHeaderElem*/
1877
- ctx[18]
1878
- )
2027
+ otherClass: "image-description text-left leading-[1.5]"
1879
2028
  }
1880
2029
  });
1881
2030
  return {
1882
2031
  c() {
2032
+ div3 = element("div");
2033
+ button = element("button");
2034
+ div0 = element("div");
2035
+ create_component(svgloader.$$.fragment);
2036
+ t0 = space();
2037
+ div1 = element("div");
2038
+ div1.textContent = "Image Description";
2039
+ t2 = space();
2040
+ div2 = element("div");
1883
2041
  create_component(commonstringtohtml.$$.fragment);
2042
+ attr(div0, "class", "w-6 h-6 flex items-center justify-center mr-2");
2043
+ attr(div1, "id", "image-description-label");
2044
+ attr(div1, "class", "group-focus-visible:bg-yellow-1000");
2045
+ attr(button, "class", "flex items-center font-semibold leading-[1.5] outline-none group w-full h-11");
2046
+ attr(
2047
+ button,
2048
+ "aria-expanded",
2049
+ /*islongDescOpened*/
2050
+ ctx[6]
2051
+ );
2052
+ attr(button, "aria-controls", "long-description-content");
2053
+ attr(button, "aria-labelledby", "image-description-label");
2054
+ attr(div2, "id", "long-description-content");
2055
+ div2.hidden = div2_hidden_value = !/*islongDescOpened*/
2056
+ ctx[6];
2057
+ attr(div3, "class", "mt-6 w-full");
2058
+ attr(div3, "aria-live", "polite");
1884
2059
  },
1885
2060
  m(target, anchor) {
1886
- mount_component(commonstringtohtml, target, anchor);
2061
+ insert(target, div3, anchor);
2062
+ append(div3, button);
2063
+ append(button, div0);
2064
+ mount_component(svgloader, div0, null);
2065
+ append(button, t0);
2066
+ append(button, div1);
2067
+ append(div3, t2);
2068
+ append(div3, div2);
2069
+ mount_component(commonstringtohtml, div2, null);
1887
2070
  current = true;
2071
+ if (!mounted) {
2072
+ dispose = [
2073
+ listen(
2074
+ button,
2075
+ "click",
2076
+ /*click_handler*/
2077
+ ctx[7]
2078
+ ),
2079
+ listen(
2080
+ button,
2081
+ "keydown",
2082
+ /*keydown_handler*/
2083
+ ctx[8]
2084
+ )
2085
+ ];
2086
+ mounted = true;
2087
+ }
1888
2088
  },
1889
2089
  p(ctx2, dirty) {
2090
+ const svgloader_changes = {};
2091
+ if (dirty & /*islongDescOpened*/
2092
+ 64)
2093
+ svgloader_changes.svgName = /*islongDescOpened*/
2094
+ ctx2[6] ? "smallChevronUp" : "smallChevronDown";
2095
+ if (dirty & /*islongDescOpened*/
2096
+ 64)
2097
+ svgloader_changes.className = /*islongDescOpened*/
2098
+ ctx2[6] ? "collapse-icon" : "expand-icon";
2099
+ svgloader.$set(svgloader_changes);
2100
+ if (!current || dirty & /*islongDescOpened*/
2101
+ 64) {
2102
+ attr(
2103
+ button,
2104
+ "aria-expanded",
2105
+ /*islongDescOpened*/
2106
+ ctx2[6]
2107
+ );
2108
+ }
1890
2109
  const commonstringtohtml_changes = {};
1891
- if (dirty & /*prompt*/
1892
- 2)
1893
- commonstringtohtml_changes.htmlString = /*prompt*/
1894
- ctx2[1];
2110
+ if (dirty & /*longDescription*/
2111
+ 8)
2112
+ commonstringtohtml_changes.htmlString = /*longDescription*/
2113
+ ctx2[3];
1895
2114
  commonstringtohtml.$set(commonstringtohtml_changes);
2115
+ if (!current || dirty & /*islongDescOpened*/
2116
+ 64 && div2_hidden_value !== (div2_hidden_value = !/*islongDescOpened*/
2117
+ ctx2[6])) {
2118
+ div2.hidden = div2_hidden_value;
2119
+ }
1896
2120
  },
1897
2121
  i(local) {
1898
2122
  if (current)
1899
2123
  return;
2124
+ transition_in(svgloader.$$.fragment, local);
1900
2125
  transition_in(commonstringtohtml.$$.fragment, local);
1901
2126
  current = true;
1902
2127
  },
1903
2128
  o(local) {
2129
+ transition_out(svgloader.$$.fragment, local);
1904
2130
  transition_out(commonstringtohtml.$$.fragment, local);
1905
2131
  current = false;
1906
2132
  },
1907
2133
  d(detaching) {
1908
- destroy_component(commonstringtohtml, detaching);
2134
+ if (detaching) {
2135
+ detach(div3);
2136
+ }
2137
+ destroy_component(svgloader);
2138
+ destroy_component(commonstringtohtml);
2139
+ mounted = false;
2140
+ run_all(dispose);
1909
2141
  }
1910
2142
  };
1911
2143
  }
1912
- function create_if_block_6(ctx) {
2144
+ function create_fragment3(ctx) {
2145
+ let if_block_anchor;
2146
+ let current;
2147
+ let if_block = (
2148
+ /*fileUrl*/
2149
+ ctx[1] && create_if_block3(ctx)
2150
+ );
2151
+ return {
2152
+ c() {
2153
+ if (if_block)
2154
+ if_block.c();
2155
+ if_block_anchor = empty();
2156
+ },
2157
+ m(target, anchor) {
2158
+ if (if_block)
2159
+ if_block.m(target, anchor);
2160
+ insert(target, if_block_anchor, anchor);
2161
+ current = true;
2162
+ },
2163
+ p(ctx2, [dirty]) {
2164
+ if (
2165
+ /*fileUrl*/
2166
+ ctx2[1]
2167
+ ) {
2168
+ if (if_block) {
2169
+ if_block.p(ctx2, dirty);
2170
+ if (dirty & /*fileUrl*/
2171
+ 2) {
2172
+ transition_in(if_block, 1);
2173
+ }
2174
+ } else {
2175
+ if_block = create_if_block3(ctx2);
2176
+ if_block.c();
2177
+ transition_in(if_block, 1);
2178
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
2179
+ }
2180
+ } else if (if_block) {
2181
+ group_outros();
2182
+ transition_out(if_block, 1, 1, () => {
2183
+ if_block = null;
2184
+ });
2185
+ check_outros();
2186
+ }
2187
+ },
2188
+ i(local) {
2189
+ if (current)
2190
+ return;
2191
+ transition_in(if_block);
2192
+ current = true;
2193
+ },
2194
+ o(local) {
2195
+ transition_out(if_block);
2196
+ current = false;
2197
+ },
2198
+ d(detaching) {
2199
+ if (detaching) {
2200
+ detach(if_block_anchor);
2201
+ }
2202
+ if (if_block)
2203
+ if_block.d(detaching);
2204
+ }
2205
+ };
2206
+ }
2207
+ function instance3($$self, $$props, $$invalidate) {
2208
+ let { fileType } = $$props;
2209
+ let { fileUrl } = $$props;
2210
+ let { altText = "" } = $$props;
2211
+ let { longDescription = "" } = $$props;
2212
+ let { fileCaption = "" } = $$props;
2213
+ let { handleImageLoad = void 0 } = $$props;
2214
+ let islongDescOpened = false;
2215
+ const click_handler = () => $$invalidate(6, islongDescOpened = !islongDescOpened);
2216
+ const keydown_handler = (e2) => {
2217
+ if (e2.key === "Enter" || e2.key === " ") {
2218
+ e2.preventDefault();
2219
+ $$invalidate(6, islongDescOpened = !islongDescOpened);
2220
+ }
2221
+ };
2222
+ $$self.$$set = ($$props2) => {
2223
+ if ("fileType" in $$props2)
2224
+ $$invalidate(0, fileType = $$props2.fileType);
2225
+ if ("fileUrl" in $$props2)
2226
+ $$invalidate(1, fileUrl = $$props2.fileUrl);
2227
+ if ("altText" in $$props2)
2228
+ $$invalidate(2, altText = $$props2.altText);
2229
+ if ("longDescription" in $$props2)
2230
+ $$invalidate(3, longDescription = $$props2.longDescription);
2231
+ if ("fileCaption" in $$props2)
2232
+ $$invalidate(4, fileCaption = $$props2.fileCaption);
2233
+ if ("handleImageLoad" in $$props2)
2234
+ $$invalidate(5, handleImageLoad = $$props2.handleImageLoad);
2235
+ };
2236
+ return [
2237
+ fileType,
2238
+ fileUrl,
2239
+ altText,
2240
+ longDescription,
2241
+ fileCaption,
2242
+ handleImageLoad,
2243
+ islongDescOpened,
2244
+ click_handler,
2245
+ keydown_handler
2246
+ ];
2247
+ }
2248
+ var CommonMedia = class extends SvelteComponent {
2249
+ constructor(options) {
2250
+ super();
2251
+ init(this, options, instance3, create_fragment3, safe_not_equal, {
2252
+ fileType: 0,
2253
+ fileUrl: 1,
2254
+ altText: 2,
2255
+ longDescription: 3,
2256
+ fileCaption: 4,
2257
+ handleImageLoad: 5
2258
+ });
2259
+ }
2260
+ get fileType() {
2261
+ return this.$$.ctx[0];
2262
+ }
2263
+ set fileType(fileType) {
2264
+ this.$$set({ fileType });
2265
+ flush();
2266
+ }
2267
+ get fileUrl() {
2268
+ return this.$$.ctx[1];
2269
+ }
2270
+ set fileUrl(fileUrl) {
2271
+ this.$$set({ fileUrl });
2272
+ flush();
2273
+ }
2274
+ get altText() {
2275
+ return this.$$.ctx[2];
2276
+ }
2277
+ set altText(altText) {
2278
+ this.$$set({ altText });
2279
+ flush();
2280
+ }
2281
+ get longDescription() {
2282
+ return this.$$.ctx[3];
2283
+ }
2284
+ set longDescription(longDescription) {
2285
+ this.$$set({ longDescription });
2286
+ flush();
2287
+ }
2288
+ get fileCaption() {
2289
+ return this.$$.ctx[4];
2290
+ }
2291
+ set fileCaption(fileCaption) {
2292
+ this.$$set({ fileCaption });
2293
+ flush();
2294
+ }
2295
+ get handleImageLoad() {
2296
+ return this.$$.ctx[5];
2297
+ }
2298
+ set handleImageLoad(handleImageLoad) {
2299
+ this.$$set({ handleImageLoad });
2300
+ flush();
2301
+ }
2302
+ };
2303
+ customElements.define("common-media", create_custom_element(CommonMedia, { "fileType": {}, "fileUrl": {}, "altText": {}, "longDescription": {}, "fileCaption": {}, "handleImageLoad": {} }, [], [], true));
2304
+ var CommonMedia_default = CommonMedia;
2305
+
2306
+ // src/lib/components/prompt/template/PromptBody.svelte
2307
+ function add_css(target) {
2308
+ 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}}");
2309
+ }
2310
+ function create_if_block_11(ctx) {
1913
2311
  let commonstringtohtml;
1914
2312
  let current;
1915
2313
  commonstringtohtml = new CommonStringToHtml_default({
1916
2314
  props: {
1917
2315
  htmlString: (
1918
- /*stimulusText*/
1919
- ctx[10]
2316
+ /*rubric*/
2317
+ ctx[0]
1920
2318
  ),
1921
- otherClass: "text-stimulus pb-0 lg:hidden"
2319
+ otherClass: "item-heading mb-4",
2320
+ htmlHeading: (
2321
+ /*promptRubricHeaderElem*/
2322
+ ctx[21]
2323
+ )
1922
2324
  }
1923
2325
  });
1924
2326
  return {
@@ -1931,10 +2333,10 @@
1931
2333
  },
1932
2334
  p(ctx2, dirty) {
1933
2335
  const commonstringtohtml_changes = {};
1934
- if (dirty & /*stimulusText*/
1935
- 1024)
1936
- commonstringtohtml_changes.htmlString = /*stimulusText*/
1937
- ctx2[10];
2336
+ if (dirty[0] & /*rubric*/
2337
+ 1)
2338
+ commonstringtohtml_changes.htmlString = /*rubric*/
2339
+ ctx2[0];
1938
2340
  commonstringtohtml.$set(commonstringtohtml_changes);
1939
2341
  },
1940
2342
  i(local) {
@@ -1952,28 +2354,75 @@
1952
2354
  }
1953
2355
  };
1954
2356
  }
1955
- function create_if_block_5(ctx) {
1956
- let div;
1957
- let commonmedia;
1958
- let div_class_value;
2357
+ function create_if_block_10(ctx) {
2358
+ let commonstringtohtml;
1959
2359
  let current;
1960
- commonmedia = new CommonMedia_default({
2360
+ commonstringtohtml = new CommonStringToHtml_default({
1961
2361
  props: {
1962
- fileType: (
1963
- /*fileType*/
1964
- ctx[6]
1965
- ),
1966
- fileUrl: (
1967
- /*fileUrl*/
1968
- ctx[5]
2362
+ htmlString: (
2363
+ /*stimulusText*/
2364
+ ctx[11]
1969
2365
  ),
1970
- altText: (
1971
- /*altText*/
2366
+ otherClass: "text-stimulus py-2"
2367
+ }
2368
+ });
2369
+ return {
2370
+ c() {
2371
+ create_component(commonstringtohtml.$$.fragment);
2372
+ },
2373
+ m(target, anchor) {
2374
+ mount_component(commonstringtohtml, target, anchor);
2375
+ current = true;
2376
+ },
2377
+ p(ctx2, dirty) {
2378
+ const commonstringtohtml_changes = {};
2379
+ if (dirty[0] & /*stimulusText*/
2380
+ 2048)
2381
+ commonstringtohtml_changes.htmlString = /*stimulusText*/
2382
+ ctx2[11];
2383
+ commonstringtohtml.$set(commonstringtohtml_changes);
2384
+ },
2385
+ i(local) {
2386
+ if (current)
2387
+ return;
2388
+ transition_in(commonstringtohtml.$$.fragment, local);
2389
+ current = true;
2390
+ },
2391
+ o(local) {
2392
+ transition_out(commonstringtohtml.$$.fragment, local);
2393
+ current = false;
2394
+ },
2395
+ d(detaching) {
2396
+ destroy_component(commonstringtohtml, detaching);
2397
+ }
2398
+ };
2399
+ }
2400
+ function create_if_block_9(ctx) {
2401
+ let div;
2402
+ let commonmedia;
2403
+ let div_class_value;
2404
+ let current;
2405
+ commonmedia = new CommonMedia_default({
2406
+ props: {
2407
+ fileType: (
2408
+ /*fileType*/
2409
+ ctx[6]
2410
+ ),
2411
+ fileUrl: (
2412
+ /*fileUrl*/
2413
+ ctx[5]
2414
+ ),
2415
+ altText: (
2416
+ /*altText*/
1972
2417
  ctx[8]
1973
2418
  ),
2419
+ longDescription: (
2420
+ /*longDescription*/
2421
+ ctx[9]
2422
+ ),
1974
2423
  fileCaption: (
1975
2424
  /*caption*/
1976
- ctx[9]
2425
+ ctx[10]
1977
2426
  )
1978
2427
  }
1979
2428
  });
@@ -1981,9 +2430,11 @@
1981
2430
  c() {
1982
2431
  div = element("div");
1983
2432
  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"));
2433
+ attr(div, "class", div_class_value = /*showTextAlignmentInline*/
2434
+ (ctx[17] && /*showStimulusLayoutMediaFirst*/
2435
+ ctx[19] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
2436
+ (ctx[17] && /*showStimulusLayoutTextFirst*/
2437
+ ctx[20] ? "" : "pt-6"));
1987
2438
  },
1988
2439
  m(target, anchor) {
1989
2440
  insert(target, div, anchor);
@@ -1992,22 +2443,26 @@
1992
2443
  },
1993
2444
  p(ctx2, dirty) {
1994
2445
  const commonmedia_changes = {};
1995
- if (dirty & /*fileType*/
2446
+ if (dirty[0] & /*fileType*/
1996
2447
  64)
1997
2448
  commonmedia_changes.fileType = /*fileType*/
1998
2449
  ctx2[6];
1999
- if (dirty & /*fileUrl*/
2450
+ if (dirty[0] & /*fileUrl*/
2000
2451
  32)
2001
2452
  commonmedia_changes.fileUrl = /*fileUrl*/
2002
2453
  ctx2[5];
2003
- if (dirty & /*altText*/
2454
+ if (dirty[0] & /*altText*/
2004
2455
  256)
2005
2456
  commonmedia_changes.altText = /*altText*/
2006
2457
  ctx2[8];
2007
- if (dirty & /*caption*/
2458
+ if (dirty[0] & /*longDescription*/
2008
2459
  512)
2009
- commonmedia_changes.fileCaption = /*caption*/
2460
+ commonmedia_changes.longDescription = /*longDescription*/
2010
2461
  ctx2[9];
2462
+ if (dirty[0] & /*caption*/
2463
+ 1024)
2464
+ commonmedia_changes.fileCaption = /*caption*/
2465
+ ctx2[10];
2011
2466
  commonmedia.$set(commonmedia_changes);
2012
2467
  },
2013
2468
  i(local) {
@@ -2028,16 +2483,16 @@
2028
2483
  }
2029
2484
  };
2030
2485
  }
2031
- function create_if_block_4(ctx) {
2486
+ function create_if_block_8(ctx) {
2032
2487
  let commonstringtohtml;
2033
2488
  let current;
2034
2489
  commonstringtohtml = new CommonStringToHtml_default({
2035
2490
  props: {
2036
2491
  htmlString: (
2037
2492
  /*stimulusText*/
2038
- ctx[10]
2493
+ ctx[11]
2039
2494
  ),
2040
- otherClass: "text-stimulus pb-0 lg:hidden"
2495
+ otherClass: "text-stimulus py-2"
2041
2496
  }
2042
2497
  });
2043
2498
  return {
@@ -2050,10 +2505,10 @@
2050
2505
  },
2051
2506
  p(ctx2, dirty) {
2052
2507
  const commonstringtohtml_changes = {};
2053
- if (dirty & /*stimulusText*/
2054
- 1024)
2508
+ if (dirty[0] & /*stimulusText*/
2509
+ 2048)
2055
2510
  commonstringtohtml_changes.htmlString = /*stimulusText*/
2056
- ctx2[10];
2511
+ ctx2[11];
2057
2512
  commonstringtohtml.$set(commonstringtohtml_changes);
2058
2513
  },
2059
2514
  i(local) {
@@ -2071,110 +2526,63 @@
2071
2526
  }
2072
2527
  };
2073
2528
  }
2074
- function create_if_block3(ctx) {
2075
- let div1;
2076
- let div0;
2077
- let t0;
2078
- let t1;
2529
+ function create_if_block_7(ctx) {
2530
+ let commonstringtohtml;
2079
2531
  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
- );
2532
+ commonstringtohtml = new CommonStringToHtml_default({
2533
+ props: {
2534
+ htmlString: (
2535
+ /*prompt*/
2536
+ ctx[1]
2537
+ ),
2538
+ otherClass: "item-heading prompt",
2539
+ htmlHeading: (
2540
+ /*promptRubricHeaderElem*/
2541
+ ctx[21]
2542
+ )
2543
+ }
2544
+ });
2094
2545
  return {
2095
2546
  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");
2547
+ create_component(commonstringtohtml.$$.fragment);
2108
2548
  },
2109
2549
  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);
2550
+ mount_component(commonstringtohtml, target, anchor);
2120
2551
  current = true;
2121
2552
  },
2122
2553
  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);
2554
+ const commonstringtohtml_changes = {};
2555
+ if (dirty[0] & /*prompt*/
2556
+ 2)
2557
+ commonstringtohtml_changes.htmlString = /*prompt*/
2558
+ ctx2[1];
2559
+ commonstringtohtml.$set(commonstringtohtml_changes);
2140
2560
  },
2141
2561
  i(local) {
2142
2562
  if (current)
2143
2563
  return;
2144
- transition_in(if_block0);
2145
- transition_in(if_block1);
2146
- transition_in(if_block2);
2564
+ transition_in(commonstringtohtml.$$.fragment, local);
2147
2565
  current = true;
2148
2566
  },
2149
2567
  o(local) {
2150
- transition_out(if_block0);
2151
- transition_out(if_block1);
2152
- transition_out(if_block2);
2568
+ transition_out(commonstringtohtml.$$.fragment, local);
2153
2569
  current = false;
2154
2570
  },
2155
2571
  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();
2572
+ destroy_component(commonstringtohtml, detaching);
2165
2573
  }
2166
2574
  };
2167
2575
  }
2168
- function create_if_block_3(ctx) {
2576
+ function create_if_block_6(ctx) {
2169
2577
  let commonstringtohtml;
2170
2578
  let current;
2171
2579
  commonstringtohtml = new CommonStringToHtml_default({
2172
2580
  props: {
2173
2581
  htmlString: (
2174
2582
  /*stimulusText*/
2175
- ctx[10]
2583
+ ctx[11]
2176
2584
  ),
2177
- otherClass: "text-stimulus pt-0"
2585
+ otherClass: "text-stimulus pb-0 lg:hidden"
2178
2586
  }
2179
2587
  });
2180
2588
  return {
@@ -2187,10 +2595,10 @@
2187
2595
  },
2188
2596
  p(ctx2, dirty) {
2189
2597
  const commonstringtohtml_changes = {};
2190
- if (dirty & /*stimulusText*/
2191
- 1024)
2598
+ if (dirty[0] & /*stimulusText*/
2599
+ 2048)
2192
2600
  commonstringtohtml_changes.htmlString = /*stimulusText*/
2193
- ctx2[10];
2601
+ ctx2[11];
2194
2602
  commonstringtohtml.$set(commonstringtohtml_changes);
2195
2603
  },
2196
2604
  i(local) {
@@ -2208,8 +2616,10 @@
2208
2616
  }
2209
2617
  };
2210
2618
  }
2211
- function create_if_block_22(ctx) {
2619
+ function create_if_block_5(ctx) {
2620
+ let div;
2212
2621
  let commonmedia;
2622
+ let div_class_value;
2213
2623
  let current;
2214
2624
  commonmedia = new CommonMedia_default({
2215
2625
  props: {
@@ -2225,38 +2635,51 @@
2225
2635
  /*altText*/
2226
2636
  ctx[8]
2227
2637
  ),
2638
+ longDescription: (
2639
+ /*longDescription*/
2640
+ ctx[9]
2641
+ ),
2228
2642
  fileCaption: (
2229
2643
  /*caption*/
2230
- ctx[9]
2644
+ ctx[10]
2231
2645
  )
2232
2646
  }
2233
2647
  });
2234
2648
  return {
2235
2649
  c() {
2650
+ div = element("div");
2236
2651
  create_component(commonmedia.$$.fragment);
2652
+ attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
2653
+ (ctx[16] && /*showStimulusLayoutTextFirst*/
2654
+ ctx[20] ? "pt-4" : "pt-6"));
2237
2655
  },
2238
2656
  m(target, anchor) {
2239
- mount_component(commonmedia, target, anchor);
2657
+ insert(target, div, anchor);
2658
+ mount_component(commonmedia, div, null);
2240
2659
  current = true;
2241
2660
  },
2242
2661
  p(ctx2, dirty) {
2243
2662
  const commonmedia_changes = {};
2244
- if (dirty & /*fileType*/
2663
+ if (dirty[0] & /*fileType*/
2245
2664
  64)
2246
2665
  commonmedia_changes.fileType = /*fileType*/
2247
2666
  ctx2[6];
2248
- if (dirty & /*fileUrl*/
2667
+ if (dirty[0] & /*fileUrl*/
2249
2668
  32)
2250
2669
  commonmedia_changes.fileUrl = /*fileUrl*/
2251
2670
  ctx2[5];
2252
- if (dirty & /*altText*/
2671
+ if (dirty[0] & /*altText*/
2253
2672
  256)
2254
2673
  commonmedia_changes.altText = /*altText*/
2255
2674
  ctx2[8];
2256
- if (dirty & /*caption*/
2675
+ if (dirty[0] & /*longDescription*/
2257
2676
  512)
2258
- commonmedia_changes.fileCaption = /*caption*/
2677
+ commonmedia_changes.longDescription = /*longDescription*/
2259
2678
  ctx2[9];
2679
+ if (dirty[0] & /*caption*/
2680
+ 1024)
2681
+ commonmedia_changes.fileCaption = /*caption*/
2682
+ ctx2[10];
2260
2683
  commonmedia.$set(commonmedia_changes);
2261
2684
  },
2262
2685
  i(local) {
@@ -2270,21 +2693,23 @@
2270
2693
  current = false;
2271
2694
  },
2272
2695
  d(detaching) {
2273
- destroy_component(commonmedia, detaching);
2696
+ if (detaching) {
2697
+ detach(div);
2698
+ }
2699
+ destroy_component(commonmedia);
2274
2700
  }
2275
2701
  };
2276
2702
  }
2277
- function create_if_block_12(ctx) {
2703
+ function create_if_block_4(ctx) {
2278
2704
  let commonstringtohtml;
2279
2705
  let current;
2280
2706
  commonstringtohtml = new CommonStringToHtml_default({
2281
2707
  props: {
2282
2708
  htmlString: (
2283
2709
  /*stimulusText*/
2284
- ctx[10]
2710
+ ctx[11]
2285
2711
  ),
2286
- otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
2287
- ctx[12] ? "pt-0" : "")
2712
+ otherClass: "text-stimulus pb-0 lg:hidden"
2288
2713
  }
2289
2714
  });
2290
2715
  return {
@@ -2297,10 +2722,10 @@
2297
2722
  },
2298
2723
  p(ctx2, dirty) {
2299
2724
  const commonstringtohtml_changes = {};
2300
- if (dirty & /*stimulusText*/
2301
- 1024)
2725
+ if (dirty[0] & /*stimulusText*/
2726
+ 2048)
2302
2727
  commonstringtohtml_changes.htmlString = /*stimulusText*/
2303
- ctx2[10];
2728
+ ctx2[11];
2304
2729
  commonstringtohtml.$set(commonstringtohtml_changes);
2305
2730
  },
2306
2731
  i(local) {
@@ -2318,80 +2743,30 @@
2318
2743
  }
2319
2744
  };
2320
2745
  }
2321
- function create_fragment3(ctx) {
2322
- let div2;
2746
+ function create_if_block4(ctx) {
2323
2747
  let div1;
2748
+ let div0;
2324
2749
  let t0;
2325
2750
  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
2751
  let current;
2339
2752
  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
2753
  /*showTextAlignmentDefault*/
2364
- ctx[13] && /*showStimulusLayoutTextFirst*/
2365
- ctx[17] && create_if_block_6(ctx)
2754
+ ctx[16] && /*showStimulusLayoutTextFirst*/
2755
+ ctx[20] && create_if_block_32(ctx)
2366
2756
  );
2367
- let if_block6 = (
2757
+ let if_block1 = (
2368
2758
  /*showAssetAlignmentDefault*/
2369
- ctx[12] && create_if_block_5(ctx)
2759
+ ctx[15] && create_if_block_22(ctx)
2370
2760
  );
2371
- let if_block7 = (
2761
+ let if_block2 = (
2372
2762
  /*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)
2763
+ ctx[16] && /*showStimulusLayoutMediaFirst*/
2764
+ ctx[19] && create_if_block_12(ctx)
2390
2765
  );
2391
2766
  return {
2392
2767
  c() {
2393
- div2 = element("div");
2394
2768
  div1 = element("div");
2769
+ div0 = element("div");
2395
2770
  if (if_block0)
2396
2771
  if_block0.c();
2397
2772
  t0 = space();
@@ -2400,220 +2775,55 @@
2400
2775
  t1 = space();
2401
2776
  if (if_block2)
2402
2777
  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");
2778
+ attr(div0, "class", "w-full");
2779
+ attr(div1, "class", "pl-24 w-2/4 hidden lg:flex lg:basis-1/2 lg:grow h-fit");
2434
2780
  set_style(
2435
- div2,
2436
- "--interactionWidthValue",
2437
- /*interactionWidthValue*/
2438
- ctx[19]
2781
+ div1,
2782
+ "margin-top",
2783
+ /*dynamicMarginTop*/
2784
+ ctx[13]
2439
2785
  );
2440
2786
  },
2441
2787
  m(target, anchor) {
2442
- insert(target, div2, anchor);
2443
- append(div2, div1);
2788
+ insert(target, div1, anchor);
2789
+ append(div1, div0);
2444
2790
  if (if_block0)
2445
- if_block0.m(div1, null);
2446
- append(div1, t0);
2791
+ if_block0.m(div0, null);
2792
+ append(div0, t0);
2447
2793
  if (if_block1)
2448
- if_block1.m(div1, null);
2449
- append(div1, t1);
2794
+ if_block1.m(div0, null);
2795
+ append(div0, t1);
2450
2796
  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);
2797
+ if_block2.m(div0, null);
2798
+ ctx[27](div1);
2476
2799
  current = true;
2477
2800
  },
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
- }
2801
+ p(ctx2, dirty) {
2561
2802
  if (
2562
2803
  /*showTextAlignmentDefault*/
2563
- ctx2[13] && /*showStimulusLayoutTextFirst*/
2564
- ctx2[17]
2804
+ ctx2[16] && /*showStimulusLayoutTextFirst*/
2805
+ ctx2[20]
2565
2806
  )
2566
- if_block5.p(ctx2, dirty);
2807
+ if_block0.p(ctx2, dirty);
2567
2808
  if (
2568
2809
  /*showAssetAlignmentDefault*/
2569
- ctx2[12]
2810
+ ctx2[15]
2570
2811
  )
2571
- if_block6.p(ctx2, dirty);
2812
+ if_block1.p(ctx2, dirty);
2572
2813
  if (
2573
2814
  /*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]
2815
+ ctx2[16] && /*showStimulusLayoutMediaFirst*/
2816
+ ctx2[19]
2609
2817
  )
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);
2818
+ if_block2.p(ctx2, dirty);
2819
+ if (!current || dirty[0] & /*dynamicMarginTop*/
2820
+ 8192) {
2821
+ set_style(
2822
+ div1,
2823
+ "margin-top",
2824
+ /*dynamicMarginTop*/
2825
+ ctx2[13]
2826
+ );
2617
2827
  }
2618
2828
  },
2619
2829
  i(local) {
@@ -2622,31 +2832,17 @@
2622
2832
  transition_in(if_block0);
2623
2833
  transition_in(if_block1);
2624
2834
  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
2835
  current = true;
2633
2836
  },
2634
2837
  o(local) {
2635
2838
  transition_out(if_block0);
2636
2839
  transition_out(if_block1);
2637
2840
  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
2841
  current = false;
2646
2842
  },
2647
2843
  d(detaching) {
2648
2844
  if (detaching) {
2649
- detach(div2);
2845
+ detach(div1);
2650
2846
  }
2651
2847
  if (if_block0)
2652
2848
  if_block0.d();
@@ -2654,545 +2850,737 @@
2654
2850
  if_block1.d();
2655
2851
  if (if_block2)
2656
2852
  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();
2853
+ ctx[27](null);
2671
2854
  }
2672
2855
  };
2673
2856
  }
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;
2857
+ function create_if_block_32(ctx) {
2858
+ let commonstringtohtml;
2859
+ let current;
2860
+ commonstringtohtml = new CommonStringToHtml_default({
2861
+ props: {
2862
+ htmlString: (
2863
+ /*stimulusText*/
2864
+ ctx[11]
2865
+ ),
2866
+ otherClass: "text-stimulus pt-0"
2867
+ }
2868
+ });
2869
+ return {
2870
+ c() {
2871
+ create_component(commonstringtohtml.$$.fragment);
2872
+ },
2873
+ m(target, anchor) {
2874
+ mount_component(commonstringtohtml, target, anchor);
2875
+ current = true;
2876
+ },
2877
+ p(ctx2, dirty) {
2878
+ const commonstringtohtml_changes = {};
2879
+ if (dirty[0] & /*stimulusText*/
2880
+ 2048)
2881
+ commonstringtohtml_changes.htmlString = /*stimulusText*/
2882
+ ctx2[11];
2883
+ commonstringtohtml.$set(commonstringtohtml_changes);
2884
+ },
2885
+ i(local) {
2886
+ if (current)
2887
+ return;
2888
+ transition_in(commonstringtohtml.$$.fragment, local);
2889
+ current = true;
2890
+ },
2891
+ o(local) {
2892
+ transition_out(commonstringtohtml.$$.fragment, local);
2893
+ current = false;
2894
+ },
2895
+ d(detaching) {
2896
+ destroy_component(commonstringtohtml, detaching);
2710
2897
  }
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
2898
  };
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
2899
  }
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;
2900
+ function create_if_block_22(ctx) {
2901
+ let commonmedia;
2902
+ let current;
2903
+ commonmedia = new CommonMedia_default({
2904
+ props: {
2905
+ fileType: (
2906
+ /*fileType*/
2907
+ ctx[6]
2908
+ ),
2909
+ fileUrl: (
2910
+ /*fileUrl*/
2911
+ ctx[5]
2912
+ ),
2913
+ altText: (
2914
+ /*altText*/
2915
+ ctx[8]
2916
+ ),
2917
+ longDescription: (
2918
+ /*longDescription*/
2919
+ ctx[9]
2920
+ ),
2921
+ handleImageLoad: (
2922
+ /*handleImageLoad*/
2923
+ ctx[23]
2924
+ ),
2925
+ fileCaption: (
2926
+ /*caption*/
2927
+ ctx[10]
2928
+ )
2929
+ }
2930
+ });
2986
2931
  return {
2987
2932
  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);
2933
+ create_component(commonmedia.$$.fragment);
2997
2934
  },
2998
2935
  m(target, anchor) {
2999
- insert(target, path, anchor);
2936
+ mount_component(commonmedia, target, anchor);
2937
+ current = true;
3000
2938
  },
3001
2939
  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
- }
2940
+ const commonmedia_changes = {};
2941
+ if (dirty[0] & /*fileType*/
2942
+ 64)
2943
+ commonmedia_changes.fileType = /*fileType*/
2944
+ ctx2[6];
2945
+ if (dirty[0] & /*fileUrl*/
2946
+ 32)
2947
+ commonmedia_changes.fileUrl = /*fileUrl*/
2948
+ ctx2[5];
2949
+ if (dirty[0] & /*altText*/
2950
+ 256)
2951
+ commonmedia_changes.altText = /*altText*/
2952
+ ctx2[8];
2953
+ if (dirty[0] & /*longDescription*/
2954
+ 512)
2955
+ commonmedia_changes.longDescription = /*longDescription*/
2956
+ ctx2[9];
2957
+ if (dirty[0] & /*caption*/
2958
+ 1024)
2959
+ commonmedia_changes.fileCaption = /*caption*/
2960
+ ctx2[10];
2961
+ commonmedia.$set(commonmedia_changes);
2962
+ },
2963
+ i(local) {
2964
+ if (current)
2965
+ return;
2966
+ transition_in(commonmedia.$$.fragment, local);
2967
+ current = true;
2968
+ },
2969
+ o(local) {
2970
+ transition_out(commonmedia.$$.fragment, local);
2971
+ current = false;
3022
2972
  },
3023
2973
  d(detaching) {
3024
- if (detaching) {
3025
- detach(path);
3026
- }
2974
+ destroy_component(commonmedia, detaching);
2975
+ }
2976
+ };
2977
+ }
2978
+ function create_if_block_12(ctx) {
2979
+ let commonstringtohtml;
2980
+ let current;
2981
+ commonstringtohtml = new CommonStringToHtml_default({
2982
+ props: {
2983
+ htmlString: (
2984
+ /*stimulusText*/
2985
+ ctx[11]
2986
+ ),
2987
+ otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
2988
+ ctx[15] ? "pt-0" : "")
2989
+ }
2990
+ });
2991
+ return {
2992
+ c() {
2993
+ create_component(commonstringtohtml.$$.fragment);
2994
+ },
2995
+ m(target, anchor) {
2996
+ mount_component(commonstringtohtml, target, anchor);
2997
+ current = true;
2998
+ },
2999
+ p(ctx2, dirty) {
3000
+ const commonstringtohtml_changes = {};
3001
+ if (dirty[0] & /*stimulusText*/
3002
+ 2048)
3003
+ commonstringtohtml_changes.htmlString = /*stimulusText*/
3004
+ ctx2[11];
3005
+ commonstringtohtml.$set(commonstringtohtml_changes);
3006
+ },
3007
+ i(local) {
3008
+ if (current)
3009
+ return;
3010
+ transition_in(commonstringtohtml.$$.fragment, local);
3011
+ current = true;
3012
+ },
3013
+ o(local) {
3014
+ transition_out(commonstringtohtml.$$.fragment, local);
3015
+ current = false;
3016
+ },
3017
+ d(detaching) {
3018
+ destroy_component(commonstringtohtml, detaching);
3027
3019
  }
3028
3020
  };
3029
3021
  }
3030
3022
  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)
3023
+ let div2;
3024
+ let div1;
3025
+ let t0;
3026
+ let t1;
3027
+ let t2;
3028
+ let t3;
3029
+ let t4;
3030
+ let t5;
3031
+ let t6;
3032
+ let t7;
3033
+ let div0;
3034
+ let div0_class_value;
3035
+ let t8;
3036
+ let div1_class_value;
3037
+ let t9;
3038
+ let div2_class_value;
3039
+ let current;
3040
+ let if_block0 = (
3041
+ /*rubric*/
3042
+ ctx[0] && create_if_block_11(ctx)
3043
+ );
3044
+ let if_block1 = (
3045
+ /*showTextAlignmentInline*/
3046
+ ctx[17] && /*showStimulusLayoutTextFirst*/
3047
+ ctx[20] && create_if_block_10(ctx)
3048
+ );
3049
+ let if_block2 = (
3050
+ /*showAsset*/
3051
+ ctx[14] && /*fileAlignment*/
3052
+ ctx[7] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
3053
+ );
3054
+ let if_block3 = (
3055
+ /*showTextAlignmentInline*/
3056
+ ctx[17] && /*showStimulusLayoutMediaFirst*/
3057
+ ctx[19] && create_if_block_8(ctx)
3058
+ );
3059
+ let if_block4 = (
3060
+ /*prompt*/
3061
+ ctx[1] && create_if_block_7(ctx)
3062
+ );
3063
+ let if_block5 = (
3064
+ /*showTextAlignmentDefault*/
3065
+ ctx[16] && /*showStimulusLayoutTextFirst*/
3066
+ ctx[20] && create_if_block_6(ctx)
3067
+ );
3068
+ let if_block6 = (
3069
+ /*showAssetAlignmentDefault*/
3070
+ ctx[15] && create_if_block_5(ctx)
3071
+ );
3072
+ let if_block7 = (
3073
+ /*showTextAlignmentDefault*/
3074
+ ctx[16] && /*showStimulusLayoutMediaFirst*/
3075
+ ctx[19] && create_if_block_4(ctx)
3076
+ );
3077
+ const default_slot_template = (
3078
+ /*#slots*/
3079
+ ctx[26].default
3080
+ );
3081
+ const default_slot = create_slot(
3082
+ default_slot_template,
3083
+ ctx,
3084
+ /*$$scope*/
3085
+ ctx[25],
3086
+ null
3087
+ );
3088
+ let if_block8 = (
3089
+ /*showAlignmentDefault*/
3090
+ ctx[18] && create_if_block4(ctx)
3040
3091
  );
3041
3092
  return {
3042
3093
  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]);
3094
+ div2 = element("div");
3095
+ div1 = element("div");
3096
+ if (if_block0)
3097
+ if_block0.c();
3098
+ t0 = space();
3099
+ if (if_block1)
3100
+ if_block1.c();
3101
+ t1 = space();
3102
+ if (if_block2)
3103
+ if_block2.c();
3104
+ t2 = space();
3105
+ if (if_block3)
3106
+ if_block3.c();
3107
+ t3 = space();
3108
+ if (if_block4)
3109
+ if_block4.c();
3110
+ t4 = space();
3111
+ if (if_block5)
3112
+ if_block5.c();
3113
+ t5 = space();
3114
+ if (if_block6)
3115
+ if_block6.c();
3116
+ t6 = space();
3117
+ if (if_block7)
3118
+ if_block7.c();
3119
+ t7 = space();
3120
+ div0 = element("div");
3121
+ t8 = space();
3122
+ if (default_slot)
3123
+ default_slot.c();
3124
+ t9 = space();
3125
+ if (if_block8)
3126
+ if_block8.c();
3127
+ attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
3128
+ ctx[2] ? "hidden" : ""));
3129
+ attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
3130
+ (ctx[18] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
3131
+ attr(div2, "class", div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
3132
+ ctx[18] ? "lg:w-full lg:flex" : "container-class"} ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
3133
+ ctx[4] ? !/*stimulus*/
3134
+ ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-ofz2q1");
3135
+ set_style(
3136
+ div2,
3137
+ "--interactionWidthValue",
3138
+ /*interactionWidthValue*/
3139
+ ctx[22]
3140
+ );
3058
3141
  },
3059
3142
  m(target, anchor) {
3060
- insert(target, svg, anchor);
3061
- if (if_block)
3062
- if_block.m(svg, null);
3143
+ insert(target, div2, anchor);
3144
+ append(div2, div1);
3145
+ if (if_block0)
3146
+ if_block0.m(div1, null);
3147
+ append(div1, t0);
3148
+ if (if_block1)
3149
+ if_block1.m(div1, null);
3150
+ append(div1, t1);
3151
+ if (if_block2)
3152
+ if_block2.m(div1, null);
3153
+ append(div1, t2);
3154
+ if (if_block3)
3155
+ if_block3.m(div1, null);
3156
+ append(div1, t3);
3157
+ if (if_block4)
3158
+ if_block4.m(div1, null);
3159
+ append(div1, t4);
3160
+ if (if_block5)
3161
+ if_block5.m(div1, null);
3162
+ append(div1, t5);
3163
+ if (if_block6)
3164
+ if_block6.m(div1, null);
3165
+ append(div1, t6);
3166
+ if (if_block7)
3167
+ if_block7.m(div1, null);
3168
+ append(div1, t7);
3169
+ append(div1, div0);
3170
+ append(div1, t8);
3171
+ if (default_slot) {
3172
+ default_slot.m(div1, null);
3173
+ }
3174
+ append(div2, t9);
3175
+ if (if_block8)
3176
+ if_block8.m(div2, null);
3177
+ current = true;
3063
3178
  },
3064
- p(ctx2, [dirty]) {
3179
+ p(ctx2, dirty) {
3065
3180
  if (
3066
- /*iconProps*/
3067
- ctx2[2].path
3181
+ /*rubric*/
3182
+ ctx2[0]
3068
3183
  ) {
3069
- if (if_block) {
3070
- if_block.p(ctx2, dirty);
3184
+ if (if_block0) {
3185
+ if_block0.p(ctx2, dirty);
3186
+ if (dirty[0] & /*rubric*/
3187
+ 1) {
3188
+ transition_in(if_block0, 1);
3189
+ }
3071
3190
  } else {
3072
- if_block = create_if_block4(ctx2);
3073
- if_block.c();
3074
- if_block.m(svg, null);
3191
+ if_block0 = create_if_block_11(ctx2);
3192
+ if_block0.c();
3193
+ transition_in(if_block0, 1);
3194
+ if_block0.m(div1, t0);
3075
3195
  }
3076
- } else if (if_block) {
3077
- if_block.d(1);
3078
- if_block = null;
3196
+ } else if (if_block0) {
3197
+ group_outros();
3198
+ transition_out(if_block0, 1, 1, () => {
3199
+ if_block0 = null;
3200
+ });
3201
+ check_outros();
3079
3202
  }
3080
- if (dirty & /*iconProps*/
3081
- 4 && svg_width_value !== (svg_width_value = /*iconProps*/
3082
- ctx2[2].width)) {
3083
- attr(svg, "width", svg_width_value);
3203
+ if (
3204
+ /*showTextAlignmentInline*/
3205
+ ctx2[17] && /*showStimulusLayoutTextFirst*/
3206
+ ctx2[20]
3207
+ )
3208
+ if_block1.p(ctx2, dirty);
3209
+ if (
3210
+ /*showAsset*/
3211
+ ctx2[14] && /*fileAlignment*/
3212
+ ctx2[7] === ASSET_ALIGNMENT_INLINE
3213
+ ) {
3214
+ if (if_block2) {
3215
+ if_block2.p(ctx2, dirty);
3216
+ if (dirty[0] & /*fileAlignment*/
3217
+ 128) {
3218
+ transition_in(if_block2, 1);
3219
+ }
3220
+ } else {
3221
+ if_block2 = create_if_block_9(ctx2);
3222
+ if_block2.c();
3223
+ transition_in(if_block2, 1);
3224
+ if_block2.m(div1, t2);
3225
+ }
3226
+ } else if (if_block2) {
3227
+ group_outros();
3228
+ transition_out(if_block2, 1, 1, () => {
3229
+ if_block2 = null;
3230
+ });
3231
+ check_outros();
3084
3232
  }
3085
- if (dirty & /*iconProps*/
3086
- 4 && svg_height_value !== (svg_height_value = /*iconProps*/
3087
- ctx2[2].height)) {
3088
- attr(svg, "height", svg_height_value);
3233
+ if (
3234
+ /*showTextAlignmentInline*/
3235
+ ctx2[17] && /*showStimulusLayoutMediaFirst*/
3236
+ ctx2[19]
3237
+ )
3238
+ if_block3.p(ctx2, dirty);
3239
+ if (
3240
+ /*prompt*/
3241
+ ctx2[1]
3242
+ ) {
3243
+ if (if_block4) {
3244
+ if_block4.p(ctx2, dirty);
3245
+ if (dirty[0] & /*prompt*/
3246
+ 2) {
3247
+ transition_in(if_block4, 1);
3248
+ }
3249
+ } else {
3250
+ if_block4 = create_if_block_7(ctx2);
3251
+ if_block4.c();
3252
+ transition_in(if_block4, 1);
3253
+ if_block4.m(div1, t4);
3254
+ }
3255
+ } else if (if_block4) {
3256
+ group_outros();
3257
+ transition_out(if_block4, 1, 1, () => {
3258
+ if_block4 = null;
3259
+ });
3260
+ check_outros();
3089
3261
  }
3090
- if (dirty & /*iconProps*/
3091
- 4 && svg_viewBox_value !== (svg_viewBox_value = /*iconProps*/
3092
- ctx2[2].viewBox)) {
3093
- attr(svg, "viewBox", svg_viewBox_value);
3262
+ if (
3263
+ /*showTextAlignmentDefault*/
3264
+ ctx2[16] && /*showStimulusLayoutTextFirst*/
3265
+ ctx2[20]
3266
+ )
3267
+ if_block5.p(ctx2, dirty);
3268
+ if (
3269
+ /*showAssetAlignmentDefault*/
3270
+ ctx2[15]
3271
+ )
3272
+ if_block6.p(ctx2, dirty);
3273
+ if (
3274
+ /*showTextAlignmentDefault*/
3275
+ ctx2[16] && /*showStimulusLayoutMediaFirst*/
3276
+ ctx2[19]
3277
+ )
3278
+ if_block7.p(ctx2, dirty);
3279
+ if (!current || dirty[0] & /*hasDivider*/
3280
+ 4 && div0_class_value !== (div0_class_value = "divider my-6 " + (!/*hasDivider*/
3281
+ ctx2[2] ? "hidden" : ""))) {
3282
+ attr(div0, "class", div0_class_value);
3094
3283
  }
3095
- if (dirty & /*iconProps*/
3096
- 4 && svg_fill_value !== (svg_fill_value = /*iconProps*/
3097
- ctx2[2].fill)) {
3098
- attr(svg, "fill", svg_fill_value);
3284
+ if (default_slot) {
3285
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/
3286
+ 33554432)) {
3287
+ update_slot_base(
3288
+ default_slot,
3289
+ default_slot_template,
3290
+ ctx2,
3291
+ /*$$scope*/
3292
+ ctx2[25],
3293
+ !current ? get_all_dirty_from_scope(
3294
+ /*$$scope*/
3295
+ ctx2[25]
3296
+ ) : get_slot_changes(
3297
+ default_slot_template,
3298
+ /*$$scope*/
3299
+ ctx2[25],
3300
+ dirty,
3301
+ null
3302
+ ),
3303
+ null
3304
+ );
3305
+ }
3099
3306
  }
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);
3307
+ if (
3308
+ /*showAlignmentDefault*/
3309
+ ctx2[18]
3310
+ )
3311
+ if_block8.p(ctx2, dirty);
3312
+ if (!current || dirty[0] & /*optionHasMedia, stimulus*/
3313
+ 24 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
3314
+ ctx2[18] ? "lg:w-full lg:flex" : "container-class"} ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
3315
+ ctx2[4] ? !/*stimulus*/
3316
+ ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-ofz2q1")) {
3317
+ attr(div2, "class", div2_class_value);
3105
3318
  }
3106
3319
  },
3107
- i: noop,
3108
- o: noop,
3320
+ i(local) {
3321
+ if (current)
3322
+ return;
3323
+ transition_in(if_block0);
3324
+ transition_in(if_block1);
3325
+ transition_in(if_block2);
3326
+ transition_in(if_block3);
3327
+ transition_in(if_block4);
3328
+ transition_in(if_block5);
3329
+ transition_in(if_block6);
3330
+ transition_in(if_block7);
3331
+ transition_in(default_slot, local);
3332
+ transition_in(if_block8);
3333
+ current = true;
3334
+ },
3335
+ o(local) {
3336
+ transition_out(if_block0);
3337
+ transition_out(if_block1);
3338
+ transition_out(if_block2);
3339
+ transition_out(if_block3);
3340
+ transition_out(if_block4);
3341
+ transition_out(if_block5);
3342
+ transition_out(if_block6);
3343
+ transition_out(if_block7);
3344
+ transition_out(default_slot, local);
3345
+ transition_out(if_block8);
3346
+ current = false;
3347
+ },
3109
3348
  d(detaching) {
3110
3349
  if (detaching) {
3111
- detach(svg);
3350
+ detach(div2);
3112
3351
  }
3113
- if (if_block)
3114
- if_block.d();
3352
+ if (if_block0)
3353
+ if_block0.d();
3354
+ if (if_block1)
3355
+ if_block1.d();
3356
+ if (if_block2)
3357
+ if_block2.d();
3358
+ if (if_block3)
3359
+ if_block3.d();
3360
+ if (if_block4)
3361
+ if_block4.d();
3362
+ if (if_block5)
3363
+ if_block5.d();
3364
+ if (if_block6)
3365
+ if_block6.d();
3366
+ if (if_block7)
3367
+ if_block7.d();
3368
+ if (default_slot)
3369
+ default_slot.d(detaching);
3370
+ if (if_block8)
3371
+ if_block8.d();
3115
3372
  }
3116
3373
  };
3117
3374
  }
3118
3375
  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);
3376
+ let { $$slots: slots = {}, $$scope } = $$props;
3377
+ let { rubric } = $$props;
3378
+ let { prompt } = $$props;
3379
+ let { interactionType = "" } = $$props;
3380
+ let { hasDivider = true } = $$props;
3381
+ let { stimulus = null } = $$props;
3382
+ let { optionHasMedia = false } = $$props;
3383
+ let fileUrl = "";
3384
+ let fileType = "";
3385
+ let fileAlignment = ASSET_ALIGNMENT_DEFAULT;
3386
+ let altText = "";
3387
+ let longDescription = "";
3388
+ let caption = "";
3389
+ let stimulusText = "";
3390
+ let stimulusTextAlignment = STIMULUS_TEXT_ALIGNMENT_DEFAULT;
3391
+ let stimulusLayoutOrder = STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
3392
+ let containerElement;
3393
+ let dynamicMarginTop = "0px";
3394
+ const configureHtmlString = (htmlString, maxHeight = "") => {
3395
+ return htmlString.replace(/<table>/g, `<div class="table-container ${maxHeight}" tabindex="0"><table>`).replace(/<\/table>/g, "</table></div>");
3133
3396
  };
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
- })());
3397
+ if (stimulus) {
3398
+ const { asset_alignment: assetAlignment, alternative_text: alternativeText, long_description: longDescriptionRaw, description, file, stimulus_text: stimulusTextRaw, stimulus_text_alignment: stimulusTextAlignmentRaw, stimulus_layout_order: stimulusLayoutOrderRaw } = stimulus;
3399
+ stimulusLayoutOrder = stimulusLayoutOrderRaw;
3400
+ if (file) {
3401
+ const { url, file_name: fileName, content_type: contentType } = file;
3402
+ const tempName = fileName || "Exercise image";
3403
+ const fileContentType = contentType.split("/");
3404
+ fileAlignment = assetAlignment;
3405
+ altText = alternativeText || tempName;
3406
+ fileUrl = url || "";
3407
+ fileType = contentType ? fileContentType[0] : "";
3408
+ caption = description || "";
3409
+ }
3410
+ if (stimulusTextRaw) {
3411
+ const maxHeight = stimulusTextAlignmentRaw === STIMULUS_TEXT_ALIGNMENT_DEFAULT ? "max-h-[660px]" : "max-h-[470px]";
3412
+ stimulusText = configureHtmlString(stimulusTextRaw, maxHeight);
3413
+ stimulusTextAlignment = stimulusTextAlignmentRaw;
3414
+ }
3415
+ if (longDescriptionRaw) {
3416
+ longDescription = configureHtmlString(longDescriptionRaw, "max-h-[470px]");
3417
+ }
3418
+ }
3419
+ const allowedInteractions = [
3420
+ INTERACTION_TYPE_MCQ,
3421
+ INTERACTION_TYPE_TYPEIN,
3422
+ INTERACTION_TYPE_CATEGORISE,
3423
+ INTERACTION_TYPE_DROPDOWN
3424
+ ];
3425
+ const isAllowedInteraction = allowedInteractions.includes(interactionType);
3426
+ const showAsset = isAllowedInteraction && fileUrl;
3427
+ const showTextStimulus = isAllowedInteraction && stimulusText;
3428
+ const showAssetAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
3429
+ const showTextAlignmentDefault = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_DEFAULT;
3430
+ const showTextAlignmentInline = showTextStimulus && stimulusTextAlignment === STIMULUS_TEXT_ALIGNMENT_INLINE;
3431
+ const showAlignmentDefault = showAssetAlignmentDefault || showTextAlignmentDefault;
3432
+ const showStimulusLayoutMediaFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
3433
+ const showStimulusLayoutTextFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_TEXT_FIRST;
3434
+ const promptRubricHeaderElem = get_store_value(promptRubricElem);
3435
+ const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE && !stimulus ? "100%" : INTERACTION_TYPE_MCQ && optionHasMedia ? "50%" : get_store_value(interactionWidth);
3436
+ const calculateDynamicMargin = () => {
3437
+ if (typeof window !== "undefined" && containerElement && showAssetAlignmentDefault) {
3438
+ const viewportHeight = window.innerHeight;
3439
+ const contentHeight = containerElement.scrollHeight;
3440
+ const calculatedMargin = Math.max(0, (viewportHeight - contentHeight) / 2);
3441
+ $$invalidate(13, dynamicMarginTop = `${calculatedMargin - 152}px`);
3442
+ } else {
3443
+ $$invalidate(13, dynamicMarginTop = "0px");
3151
3444
  }
3152
3445
  };
3153
- return [svgName, className, iconProps, width, height];
3446
+ const handleImageLoad = () => {
3447
+ setTimeout(calculateDynamicMargin, 50);
3448
+ };
3449
+ const handleResize = () => {
3450
+ calculateDynamicMargin();
3451
+ };
3452
+ onMount(() => {
3453
+ if (typeof window !== "undefined") {
3454
+ window.addEventListener("resize", handleResize);
3455
+ setTimeout(calculateDynamicMargin, 100);
3456
+ return () => {
3457
+ window.removeEventListener("resize", handleResize);
3458
+ };
3459
+ }
3460
+ });
3461
+ function div1_binding($$value) {
3462
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
3463
+ containerElement = $$value;
3464
+ $$invalidate(12, containerElement);
3465
+ });
3466
+ }
3467
+ $$self.$$set = ($$props2) => {
3468
+ if ("rubric" in $$props2)
3469
+ $$invalidate(0, rubric = $$props2.rubric);
3470
+ if ("prompt" in $$props2)
3471
+ $$invalidate(1, prompt = $$props2.prompt);
3472
+ if ("interactionType" in $$props2)
3473
+ $$invalidate(24, interactionType = $$props2.interactionType);
3474
+ if ("hasDivider" in $$props2)
3475
+ $$invalidate(2, hasDivider = $$props2.hasDivider);
3476
+ if ("stimulus" in $$props2)
3477
+ $$invalidate(3, stimulus = $$props2.stimulus);
3478
+ if ("optionHasMedia" in $$props2)
3479
+ $$invalidate(4, optionHasMedia = $$props2.optionHasMedia);
3480
+ if ("$$scope" in $$props2)
3481
+ $$invalidate(25, $$scope = $$props2.$$scope);
3482
+ };
3483
+ $:
3484
+ if (showAlignmentDefault !== void 0) {
3485
+ setTimeout(calculateDynamicMargin, 50);
3486
+ }
3487
+ return [
3488
+ rubric,
3489
+ prompt,
3490
+ hasDivider,
3491
+ stimulus,
3492
+ optionHasMedia,
3493
+ fileUrl,
3494
+ fileType,
3495
+ fileAlignment,
3496
+ altText,
3497
+ longDescription,
3498
+ caption,
3499
+ stimulusText,
3500
+ containerElement,
3501
+ dynamicMarginTop,
3502
+ showAsset,
3503
+ showAssetAlignmentDefault,
3504
+ showTextAlignmentDefault,
3505
+ showTextAlignmentInline,
3506
+ showAlignmentDefault,
3507
+ showStimulusLayoutMediaFirst,
3508
+ showStimulusLayoutTextFirst,
3509
+ promptRubricHeaderElem,
3510
+ interactionWidthValue,
3511
+ handleImageLoad,
3512
+ interactionType,
3513
+ $$scope,
3514
+ slots,
3515
+ div1_binding
3516
+ ];
3154
3517
  }
3155
- var SvgLoader = class extends SvelteComponent {
3518
+ var PromptBody = class extends SvelteComponent {
3156
3519
  constructor(options) {
3157
3520
  super();
3158
- init(this, options, instance4, create_fragment4, safe_not_equal, {
3159
- width: 3,
3160
- height: 4,
3161
- svgName: 0,
3162
- className: 1
3163
- });
3521
+ init(
3522
+ this,
3523
+ options,
3524
+ instance4,
3525
+ create_fragment4,
3526
+ safe_not_equal,
3527
+ {
3528
+ rubric: 0,
3529
+ prompt: 1,
3530
+ interactionType: 24,
3531
+ hasDivider: 2,
3532
+ stimulus: 3,
3533
+ optionHasMedia: 4
3534
+ },
3535
+ add_css,
3536
+ [-1, -1]
3537
+ );
3164
3538
  }
3165
- get width() {
3166
- return this.$$.ctx[3];
3539
+ get rubric() {
3540
+ return this.$$.ctx[0];
3167
3541
  }
3168
- set width(width) {
3169
- this.$$set({ width });
3542
+ set rubric(rubric) {
3543
+ this.$$set({ rubric });
3170
3544
  flush();
3171
3545
  }
3172
- get height() {
3173
- return this.$$.ctx[4];
3546
+ get prompt() {
3547
+ return this.$$.ctx[1];
3174
3548
  }
3175
- set height(height) {
3176
- this.$$set({ height });
3549
+ set prompt(prompt) {
3550
+ this.$$set({ prompt });
3177
3551
  flush();
3178
3552
  }
3179
- get svgName() {
3180
- return this.$$.ctx[0];
3553
+ get interactionType() {
3554
+ return this.$$.ctx[24];
3181
3555
  }
3182
- set svgName(svgName) {
3183
- this.$$set({ svgName });
3556
+ set interactionType(interactionType) {
3557
+ this.$$set({ interactionType });
3184
3558
  flush();
3185
3559
  }
3186
- get className() {
3187
- return this.$$.ctx[1];
3560
+ get hasDivider() {
3561
+ return this.$$.ctx[2];
3188
3562
  }
3189
- set className(className) {
3190
- this.$$set({ className });
3563
+ set hasDivider(hasDivider) {
3564
+ this.$$set({ hasDivider });
3565
+ flush();
3566
+ }
3567
+ get stimulus() {
3568
+ return this.$$.ctx[3];
3569
+ }
3570
+ set stimulus(stimulus) {
3571
+ this.$$set({ stimulus });
3572
+ flush();
3573
+ }
3574
+ get optionHasMedia() {
3575
+ return this.$$.ctx[4];
3576
+ }
3577
+ set optionHasMedia(optionHasMedia) {
3578
+ this.$$set({ optionHasMedia });
3191
3579
  flush();
3192
3580
  }
3193
3581
  };
3194
- create_custom_element(SvgLoader, { "width": {}, "height": {}, "svgName": {}, "className": {} }, [], [], true);
3195
- var SvgLoader_default = SvgLoader;
3582
+ customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {}, "optionHasMedia": { "type": "Boolean" } }, ["default"], [], true));
3583
+ var PromptBody_default = PromptBody;
3196
3584
 
3197
3585
  // src/lib/components/prompt/template/PromptResultFeedbackAlert.svelte
3198
3586
  function create_if_block5(ctx) {
@@ -3208,7 +3596,7 @@
3208
3596
  let current;
3209
3597
  let if_block0 = (
3210
3598
  /*hasIcon*/
3211
- ctx[0] && create_if_block_32(ctx)
3599
+ ctx[0] && create_if_block_33(ctx)
3212
3600
  );
3213
3601
  let if_block1 = !/*isFeedbackAlert*/
3214
3602
  ctx[1] && create_if_block_23(ctx);
@@ -3275,7 +3663,7 @@
3275
3663
  transition_in(if_block0, 1);
3276
3664
  }
3277
3665
  } else {
3278
- if_block0 = create_if_block_32(ctx2);
3666
+ if_block0 = create_if_block_33(ctx2);
3279
3667
  if_block0.c();
3280
3668
  transition_in(if_block0, 1);
3281
3669
  if_block0.m(div1, t0);
@@ -3360,7 +3748,7 @@
3360
3748
  }
3361
3749
  };
3362
3750
  }
3363
- function create_if_block_32(ctx) {
3751
+ function create_if_block_33(ctx) {
3364
3752
  let span;
3365
3753
  let svgloader;
3366
3754
  let span_class_value;
@@ -4150,7 +4538,7 @@
4150
4538
  );
4151
4539
  let span_class_value;
4152
4540
  let current;
4153
- let if_block = show_if && create_if_block_33(ctx);
4541
+ let if_block = show_if && create_if_block_34(ctx);
4154
4542
  return {
4155
4543
  c() {
4156
4544
  span = element("span");
@@ -4190,7 +4578,7 @@
4190
4578
  transition_in(if_block, 1);
4191
4579
  }
4192
4580
  } else {
4193
- if_block = create_if_block_33(ctx2);
4581
+ if_block = create_if_block_34(ctx2);
4194
4582
  if_block.c();
4195
4583
  transition_in(if_block, 1);
4196
4584
  if_block.m(span, null);
@@ -4237,7 +4625,7 @@
4237
4625
  }
4238
4626
  };
4239
4627
  }
4240
- function create_if_block_33(ctx) {
4628
+ function create_if_block_34(ctx) {
4241
4629
  let span;
4242
4630
  let svgloader;
4243
4631
  let current;
@@ -6386,7 +6774,7 @@
6386
6774
  let if_block;
6387
6775
  let span0_class_value;
6388
6776
  let current;
6389
- const if_block_creators = [create_if_block_34, create_else_block2];
6777
+ const if_block_creators = [create_if_block_35, create_else_block2];
6390
6778
  const if_blocks = [];
6391
6779
  function select_block_type_3(ctx2, dirty) {
6392
6780
  if (
@@ -6496,7 +6884,7 @@
6496
6884
  }
6497
6885
  };
6498
6886
  }
6499
- function create_if_block_34(ctx) {
6887
+ function create_if_block_35(ctx) {
6500
6888
  let svgloader;
6501
6889
  let current;
6502
6890
  svgloader = new SvgLoader_default({
@@ -9610,7 +9998,7 @@
9610
9998
  }
9611
9999
  };
9612
10000
  }
9613
- function create_if_block_35(ctx) {
10001
+ function create_if_block_36(ctx) {
9614
10002
  let span;
9615
10003
  let svgloader;
9616
10004
  let current;
@@ -9790,7 +10178,7 @@
9790
10178
  /*word*/
9791
10179
  ctx[1]
9792
10180
  ) } });
9793
- const if_block_creators = [create_if_block_16, create_if_block_26, create_if_block_35, create_else_block3];
10181
+ const if_block_creators = [create_if_block_16, create_if_block_26, create_if_block_36, create_else_block3];
9794
10182
  const if_blocks = [];
9795
10183
  function select_block_type(ctx2, dirty) {
9796
10184
  if (
@@ -12370,7 +12758,7 @@
12370
12758
  }
12371
12759
  };
12372
12760
  }
12373
- function create_if_block_36(ctx) {
12761
+ function create_if_block_37(ctx) {
12374
12762
  let span;
12375
12763
  let t0;
12376
12764
  let t1_value = (
@@ -12621,7 +13009,7 @@
12621
13009
  });
12622
13010
  let if_block1 = show_if_1 && create_if_block_44(ctx);
12623
13011
  let if_block2 = !/*previewResultSr*/
12624
- ctx[5] && create_if_block_36(ctx);
13012
+ ctx[5] && create_if_block_37(ctx);
12625
13013
  let if_block3 = (
12626
13014
  /*previewResultSr*/
12627
13015
  ctx[5] && create_if_block_28(ctx)
@@ -13035,7 +13423,7 @@
13035
13423
  if (if_block2) {
13036
13424
  if_block2.p(ctx, dirty);
13037
13425
  } else {
13038
- if_block2 = create_if_block_36(ctx);
13426
+ if_block2 = create_if_block_37(ctx);
13039
13427
  if_block2.c();
13040
13428
  if_block2.m(div0, t7);
13041
13429
  }
@@ -14731,7 +15119,7 @@
14731
15119
  }
14732
15120
  };
14733
15121
  }
14734
- function create_if_block_37(ctx) {
15122
+ function create_if_block_38(ctx) {
14735
15123
  let t0;
14736
15124
  let show_if;
14737
15125
  let t1;
@@ -15302,7 +15690,7 @@
15302
15690
  ctx2[1] && !/*isPreviewModeInteractive*/
15303
15691
  ctx2[2]
15304
15692
  )
15305
- return create_if_block_37;
15693
+ return create_if_block_38;
15306
15694
  return create_else_block_32;
15307
15695
  }
15308
15696
  let current_block_type = select_block_type(ctx, [-1, -1]);
@@ -16358,7 +16746,7 @@
16358
16746
  let if_block;
16359
16747
  let if_block_anchor;
16360
16748
  let current;
16361
- const if_block_creators = [create_if_block_38, create_else_block_13];
16749
+ const if_block_creators = [create_if_block_39, create_else_block_13];
16362
16750
  const if_blocks = [];
16363
16751
  function select_block_type_3(ctx2, dirty) {
16364
16752
  if (
@@ -16442,7 +16830,7 @@
16442
16830
  }
16443
16831
  };
16444
16832
  }
16445
- function create_if_block_38(ctx) {
16833
+ function create_if_block_39(ctx) {
16446
16834
  let commonstringtohtml;
16447
16835
  let current;
16448
16836
  commonstringtohtml = new CommonStringToHtml_default({
@@ -18108,7 +18496,7 @@
18108
18496
 
18109
18497
  // src/lib/components/prompt/PromptBuilder.svelte
18110
18498
  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}}');
18499
+ 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
18500
  }
18113
18501
  function create_else_block_14(ctx) {
18114
18502
  let invalidbanner;
@@ -18145,7 +18533,7 @@
18145
18533
  let current;
18146
18534
  const if_block_creators = [
18147
18535
  create_if_block_212,
18148
- create_if_block_39,
18536
+ create_if_block_310,
18149
18537
  create_if_block_47,
18150
18538
  create_if_block_56,
18151
18539
  create_else_block8
@@ -18428,7 +18816,7 @@
18428
18816
  }
18429
18817
  };
18430
18818
  }
18431
- function create_if_block_39(ctx) {
18819
+ function create_if_block_310(ctx) {
18432
18820
  let prompttypein;
18433
18821
  let current;
18434
18822
  prompttypein = new PromptTypeIn_default({