@khanacademy/perseus 17.7.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/es/index.css +0 -4
  3. package/dist/es/index.js +1416 -1020
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/index.css +0 -4
  6. package/dist/index.d.ts +4 -2
  7. package/dist/index.js +1315 -953
  8. package/dist/index.js.map +1 -1
  9. package/dist/perseus-types.d.ts +4 -3
  10. package/dist/renderer.d.ts +6 -6
  11. package/dist/server-item-renderer.d.ts +2 -4
  12. package/dist/strings.js +1 -1
  13. package/dist/types.d.ts +19 -2
  14. package/dist/util/drawing-transform.d.ts +21 -0
  15. package/dist/util/extract-perseus-data.d.ts +26 -0
  16. package/dist/util/graph-bounds.d.ts +9 -0
  17. package/dist/util/graphie.d.ts +2 -0
  18. package/dist/util/interval.d.ts +1 -0
  19. package/dist/util/parse-perseus-json.d.ts +10 -0
  20. package/dist/util/tex.d.ts +1 -3
  21. package/dist/widgets/deprecated-standin/index.d.ts +4 -4
  22. package/dist/widgets/passage.d.ts +3 -3
  23. package/dist/widgets.d.ts +16 -6
  24. package/package.json +2 -1
  25. package/src/__tests__/extract-perseus-data.test.ts +1027 -0
  26. package/src/index.ts +6 -1
  27. package/src/init.ts +1 -1
  28. package/src/perseus-types.ts +4 -3
  29. package/src/renderer.tsx +12 -9
  30. package/src/server-item-renderer.tsx +2 -4
  31. package/src/styles/widgets/image.less +0 -3
  32. package/src/types.ts +19 -16
  33. package/src/util/drawing-transform.test.ts +67 -0
  34. package/src/util/drawing-transform.ts +102 -0
  35. package/src/util/extract-perseus-data.ts +539 -0
  36. package/src/util/graph-bounds.ts +23 -0
  37. package/src/util/graphie.ts +1167 -1258
  38. package/src/util/interactive.ts +2 -2
  39. package/src/util/interval.ts +4 -0
  40. package/src/util/parse-perseus-json.test.ts +10 -0
  41. package/src/util/parse-perseus-json.ts +13 -0
  42. package/src/util/tex.ts +11 -84
  43. package/src/widgets/__stories__/image.stories.tsx +12 -26
  44. package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap +72 -288
  45. package/src/widgets/__tests__/__snapshots__/interaction.test.ts.snap +5 -20
  46. package/src/widgets/__tests__/__snapshots__/interactive-graph.test.ts.snap +32 -128
  47. package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +22 -88
  48. package/src/widgets/__tests__/__snapshots__/plotter.test.tsx.snap +12 -48
  49. package/src/widgets/deprecated-standin/__stories__/deprecated-standin.stories.tsx +8 -12
  50. package/src/widgets/deprecated-standin/__tests__/__snapshots__/deprecated-standin.test.ts.snap +6 -7
  51. package/src/widgets/deprecated-standin/index.tsx +8 -7
  52. package/src/widgets/interactive-graph.tsx +3 -2
  53. package/src/widgets/passage.tsx +5 -7
  54. package/src/widgets.ts +34 -10
  55. package/tsconfig-build.tsbuildinfo +1 -1
package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap CHANGED
@@ -932,10 +932,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
932
932
  style="position: absolute; padding: 7px; color: black; left: 220px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
933
933
  >
934
934
  <span
935
- class="katex-holder"
936
- />
937
- <span
938
- class="mathjax-holder"
935
+ class="tex-holder"
939
936
  />
940
937
  </span>
941
938
  <span
@@ -944,10 +941,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
944
941
  style="position: absolute; padding: 7px; color: black; left: 240px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
945
942
  >
946
943
  <span
947
- class="katex-holder"
948
- />
949
- <span
950
- class="mathjax-holder"
944
+ class="tex-holder"
951
945
  />
952
946
  </span>
953
947
  <span
@@ -956,10 +950,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
956
950
  style="position: absolute; padding: 7px; color: black; left: 260px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
957
951
  >
958
952
  <span
959
- class="katex-holder"
960
- />
961
- <span
962
- class="mathjax-holder"
953
+ class="tex-holder"
963
954
  />
964
955
  </span>
965
956
  <span
@@ -968,10 +959,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
968
959
  style="position: absolute; padding: 7px; color: black; left: 280px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
969
960
  >
970
961
  <span
971
- class="katex-holder"
972
- />
973
- <span
974
- class="mathjax-holder"
962
+ class="tex-holder"
975
963
  />
976
964
  </span>
977
965
  <span
@@ -980,10 +968,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
980
968
  style="position: absolute; padding: 7px; color: black; left: 300px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
981
969
  >
982
970
  <span
983
- class="katex-holder"
984
- />
985
- <span
986
- class="mathjax-holder"
971
+ class="tex-holder"
987
972
  />
988
973
  </span>
989
974
  <span
@@ -992,10 +977,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
992
977
  style="position: absolute; padding: 7px; color: black; left: 320px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
993
978
  >
994
979
  <span
995
- class="katex-holder"
996
- />
997
- <span
998
- class="mathjax-holder"
980
+ class="tex-holder"
999
981
  />
1000
982
  </span>
1001
983
  <span
@@ -1004,10 +986,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1004
986
  style="position: absolute; padding: 7px; color: black; left: 340px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1005
987
  >
1006
988
  <span
1007
- class="katex-holder"
1008
- />
1009
- <span
1010
- class="mathjax-holder"
989
+ class="tex-holder"
1011
990
  />
1012
991
  </span>
1013
992
  <span
@@ -1016,10 +995,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1016
995
  style="position: absolute; padding: 7px; color: black; left: 360px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1017
996
  >
1018
997
  <span
1019
- class="katex-holder"
1020
- />
1021
- <span
1022
- class="mathjax-holder"
998
+ class="tex-holder"
1023
999
  />
1024
1000
  </span>
1025
1001
  <span
@@ -1028,10 +1004,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1028
1004
  style="position: absolute; padding: 7px; color: black; left: 380px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1029
1005
  >
1030
1006
  <span
1031
- class="katex-holder"
1032
- />
1033
- <span
1034
- class="mathjax-holder"
1007
+ class="tex-holder"
1035
1008
  />
1036
1009
  </span>
1037
1010
  <span
@@ -1040,10 +1013,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1040
1013
  style="position: absolute; padding: 7px; color: black; left: 160px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1041
1014
  >
1042
1015
  <span
1043
- class="katex-holder"
1044
- />
1045
- <span
1046
- class="mathjax-holder"
1016
+ class="tex-holder"
1047
1017
  />
1048
1018
  </span>
1049
1019
  <span
@@ -1052,10 +1022,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1052
1022
  style="position: absolute; padding: 7px; color: black; left: 140px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1053
1023
  >
1054
1024
  <span
1055
- class="katex-holder"
1056
- />
1057
- <span
1058
- class="mathjax-holder"
1025
+ class="tex-holder"
1059
1026
  />
1060
1027
  </span>
1061
1028
  <span
@@ -1064,10 +1031,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1064
1031
  style="position: absolute; padding: 7px; color: black; left: 120px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1065
1032
  >
1066
1033
  <span
1067
- class="katex-holder"
1068
- />
1069
- <span
1070
- class="mathjax-holder"
1034
+ class="tex-holder"
1071
1035
  />
1072
1036
  </span>
1073
1037
  <span
@@ -1076,10 +1040,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1076
1040
  style="position: absolute; padding: 7px; color: black; left: 100px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1077
1041
  >
1078
1042
  <span
1079
- class="katex-holder"
1080
- />
1081
- <span
1082
- class="mathjax-holder"
1043
+ class="tex-holder"
1083
1044
  />
1084
1045
  </span>
1085
1046
  <span
@@ -1088,10 +1049,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1088
1049
  style="position: absolute; padding: 7px; color: black; left: 80px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1089
1050
  >
1090
1051
  <span
1091
- class="katex-holder"
1092
- />
1093
- <span
1094
- class="mathjax-holder"
1052
+ class="tex-holder"
1095
1053
  />
1096
1054
  </span>
1097
1055
  <span
@@ -1100,10 +1058,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1100
1058
  style="position: absolute; padding: 7px; color: black; left: 60px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1101
1059
  >
1102
1060
  <span
1103
- class="katex-holder"
1104
- />
1105
- <span
1106
- class="mathjax-holder"
1061
+ class="tex-holder"
1107
1062
  />
1108
1063
  </span>
1109
1064
  <span
@@ -1112,10 +1067,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1112
1067
  style="position: absolute; padding: 7px; color: black; left: 40px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1113
1068
  >
1114
1069
  <span
1115
- class="katex-holder"
1116
- />
1117
- <span
1118
- class="mathjax-holder"
1070
+ class="tex-holder"
1119
1071
  />
1120
1072
  </span>
1121
1073
  <span
@@ -1124,10 +1076,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1124
1076
  style="position: absolute; padding: 7px; color: black; left: 20px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
1125
1077
  >
1126
1078
  <span
1127
- class="katex-holder"
1128
- />
1129
- <span
1130
- class="mathjax-holder"
1079
+ class="tex-holder"
1131
1080
  />
1132
1081
  </span>
1133
1082
  <span
@@ -1136,10 +1085,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1136
1085
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 180px; fill: none; stroke: #000000; opacity: 1;"
1137
1086
  >
1138
1087
  <span
1139
- class="katex-holder"
1140
- />
1141
- <span
1142
- class="mathjax-holder"
1088
+ class="tex-holder"
1143
1089
  />
1144
1090
  </span>
1145
1091
  <span
@@ -1148,10 +1094,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1148
1094
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 160px; fill: none; stroke: #000000; opacity: 1;"
1149
1095
  >
1150
1096
  <span
1151
- class="katex-holder"
1152
- />
1153
- <span
1154
- class="mathjax-holder"
1097
+ class="tex-holder"
1155
1098
  />
1156
1099
  </span>
1157
1100
  <span
@@ -1160,10 +1103,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1160
1103
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 140px; fill: none; stroke: #000000; opacity: 1;"
1161
1104
  >
1162
1105
  <span
1163
- class="katex-holder"
1164
- />
1165
- <span
1166
- class="mathjax-holder"
1106
+ class="tex-holder"
1167
1107
  />
1168
1108
  </span>
1169
1109
  <span
@@ -1172,10 +1112,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1172
1112
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 120px; fill: none; stroke: #000000; opacity: 1;"
1173
1113
  >
1174
1114
  <span
1175
- class="katex-holder"
1176
- />
1177
- <span
1178
- class="mathjax-holder"
1115
+ class="tex-holder"
1179
1116
  />
1180
1117
  </span>
1181
1118
  <span
@@ -1184,10 +1121,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1184
1121
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 100px; fill: none; stroke: #000000; opacity: 1;"
1185
1122
  >
1186
1123
  <span
1187
- class="katex-holder"
1188
- />
1189
- <span
1190
- class="mathjax-holder"
1124
+ class="tex-holder"
1191
1125
  />
1192
1126
  </span>
1193
1127
  <span
@@ -1196,10 +1130,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1196
1130
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 80px; fill: none; stroke: #000000; opacity: 1;"
1197
1131
  >
1198
1132
  <span
1199
- class="katex-holder"
1200
- />
1201
- <span
1202
- class="mathjax-holder"
1133
+ class="tex-holder"
1203
1134
  />
1204
1135
  </span>
1205
1136
  <span
@@ -1208,10 +1139,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1208
1139
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 60px; fill: none; stroke: #000000; opacity: 1;"
1209
1140
  >
1210
1141
  <span
1211
- class="katex-holder"
1212
- />
1213
- <span
1214
- class="mathjax-holder"
1142
+ class="tex-holder"
1215
1143
  />
1216
1144
  </span>
1217
1145
  <span
@@ -1220,10 +1148,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1220
1148
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 40px; fill: none; stroke: #000000; opacity: 1;"
1221
1149
  >
1222
1150
  <span
1223
- class="katex-holder"
1224
- />
1225
- <span
1226
- class="mathjax-holder"
1151
+ class="tex-holder"
1227
1152
  />
1228
1153
  </span>
1229
1154
  <span
@@ -1232,10 +1157,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1232
1157
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 20px; fill: none; stroke: #000000; opacity: 1;"
1233
1158
  >
1234
1159
  <span
1235
- class="katex-holder"
1236
- />
1237
- <span
1238
- class="mathjax-holder"
1160
+ class="tex-holder"
1239
1161
  />
1240
1162
  </span>
1241
1163
  <span
@@ -1244,10 +1166,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1244
1166
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 240px; fill: none; stroke: #000000; opacity: 1;"
1245
1167
  >
1246
1168
  <span
1247
- class="katex-holder"
1248
- />
1249
- <span
1250
- class="mathjax-holder"
1169
+ class="tex-holder"
1251
1170
  />
1252
1171
  </span>
1253
1172
  <span
@@ -1256,10 +1175,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1256
1175
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 260px; fill: none; stroke: #000000; opacity: 1;"
1257
1176
  >
1258
1177
  <span
1259
- class="katex-holder"
1260
- />
1261
- <span
1262
- class="mathjax-holder"
1178
+ class="tex-holder"
1263
1179
  />
1264
1180
  </span>
1265
1181
  <span
@@ -1268,10 +1184,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1268
1184
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 280px; fill: none; stroke: #000000; opacity: 1;"
1269
1185
  >
1270
1186
  <span
1271
- class="katex-holder"
1272
- />
1273
- <span
1274
- class="mathjax-holder"
1187
+ class="tex-holder"
1275
1188
  />
1276
1189
  </span>
1277
1190
  <span
@@ -1280,10 +1193,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1280
1193
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 300px; fill: none; stroke: #000000; opacity: 1;"
1281
1194
  >
1282
1195
  <span
1283
- class="katex-holder"
1284
- />
1285
- <span
1286
- class="mathjax-holder"
1196
+ class="tex-holder"
1287
1197
  />
1288
1198
  </span>
1289
1199
  <span
@@ -1292,10 +1202,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1292
1202
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 320px; fill: none; stroke: #000000; opacity: 1;"
1293
1203
  >
1294
1204
  <span
1295
- class="katex-holder"
1296
- />
1297
- <span
1298
- class="mathjax-holder"
1205
+ class="tex-holder"
1299
1206
  />
1300
1207
  </span>
1301
1208
  <span
@@ -1304,10 +1211,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1304
1211
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 340px; fill: none; stroke: #000000; opacity: 1;"
1305
1212
  >
1306
1213
  <span
1307
- class="katex-holder"
1308
- />
1309
- <span
1310
- class="mathjax-holder"
1214
+ class="tex-holder"
1311
1215
  />
1312
1216
  </span>
1313
1217
  <span
@@ -1316,10 +1220,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1316
1220
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 360px; fill: none; stroke: #000000; opacity: 1;"
1317
1221
  >
1318
1222
  <span
1319
- class="katex-holder"
1320
- />
1321
- <span
1322
- class="mathjax-holder"
1223
+ class="tex-holder"
1323
1224
  />
1324
1225
  </span>
1325
1226
  <span
@@ -1328,10 +1229,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1328
1229
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 380px; fill: none; stroke: #000000; opacity: 1;"
1329
1230
  >
1330
1231
  <span
1331
- class="katex-holder"
1332
- />
1333
- <span
1334
- class="mathjax-holder"
1232
+ class="tex-holder"
1335
1233
  />
1336
1234
  </span>
1337
1235
  <span
@@ -1340,10 +1238,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1340
1238
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 0px; fill: none;"
1341
1239
  >
1342
1240
  <span
1343
- class="katex-holder"
1344
- />
1345
- <span
1346
- class="mathjax-holder"
1241
+ class="tex-holder"
1347
1242
  />
1348
1243
  </span>
1349
1244
  <span
@@ -1352,10 +1247,7 @@ exports[`grapher widget should snapshot linear graph question: initial render 1`
1352
1247
  style="position: absolute; padding: 7px; color: black; left: 400px; top: 200px; fill: none;"
1353
1248
  >
1354
1249
  <span
1355
- class="katex-holder"
1356
- />
1357
- <span
1358
- class="mathjax-holder"
1250
+ class="tex-holder"
1359
1251
  />
1360
1252
  </span>
1361
1253
  </div>
@@ -2386,10 +2278,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2386
2278
  style="position: absolute; padding: 7px; color: black; left: 220px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2387
2279
  >
2388
2280
  <span
2389
- class="katex-holder"
2390
- />
2391
- <span
2392
- class="mathjax-holder"
2281
+ class="tex-holder"
2393
2282
  />
2394
2283
  </span>
2395
2284
  <span
@@ -2398,10 +2287,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2398
2287
  style="position: absolute; padding: 7px; color: black; left: 240px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2399
2288
  >
2400
2289
  <span
2401
- class="katex-holder"
2402
- />
2403
- <span
2404
- class="mathjax-holder"
2290
+ class="tex-holder"
2405
2291
  />
2406
2292
  </span>
2407
2293
  <span
@@ -2410,10 +2296,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2410
2296
  style="position: absolute; padding: 7px; color: black; left: 260px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2411
2297
  >
2412
2298
  <span
2413
- class="katex-holder"
2414
- />
2415
- <span
2416
- class="mathjax-holder"
2299
+ class="tex-holder"
2417
2300
  />
2418
2301
  </span>
2419
2302
  <span
@@ -2422,10 +2305,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2422
2305
  style="position: absolute; padding: 7px; color: black; left: 280px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2423
2306
  >
2424
2307
  <span
2425
- class="katex-holder"
2426
- />
2427
- <span
2428
- class="mathjax-holder"
2308
+ class="tex-holder"
2429
2309
  />
2430
2310
  </span>
2431
2311
  <span
@@ -2434,10 +2314,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2434
2314
  style="position: absolute; padding: 7px; color: black; left: 300px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2435
2315
  >
2436
2316
  <span
2437
- class="katex-holder"
2438
- />
2439
- <span
2440
- class="mathjax-holder"
2317
+ class="tex-holder"
2441
2318
  />
2442
2319
  </span>
2443
2320
  <span
@@ -2446,10 +2323,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2446
2323
  style="position: absolute; padding: 7px; color: black; left: 320px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2447
2324
  >
2448
2325
  <span
2449
- class="katex-holder"
2450
- />
2451
- <span
2452
- class="mathjax-holder"
2326
+ class="tex-holder"
2453
2327
  />
2454
2328
  </span>
2455
2329
  <span
@@ -2458,10 +2332,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2458
2332
  style="position: absolute; padding: 7px; color: black; left: 340px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2459
2333
  >
2460
2334
  <span
2461
- class="katex-holder"
2462
- />
2463
- <span
2464
- class="mathjax-holder"
2335
+ class="tex-holder"
2465
2336
  />
2466
2337
  </span>
2467
2338
  <span
@@ -2470,10 +2341,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2470
2341
  style="position: absolute; padding: 7px; color: black; left: 360px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2471
2342
  >
2472
2343
  <span
2473
- class="katex-holder"
2474
- />
2475
- <span
2476
- class="mathjax-holder"
2344
+ class="tex-holder"
2477
2345
  />
2478
2346
  </span>
2479
2347
  <span
@@ -2482,10 +2350,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2482
2350
  style="position: absolute; padding: 7px; color: black; left: 380px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2483
2351
  >
2484
2352
  <span
2485
- class="katex-holder"
2486
- />
2487
- <span
2488
- class="mathjax-holder"
2353
+ class="tex-holder"
2489
2354
  />
2490
2355
  </span>
2491
2356
  <span
@@ -2494,10 +2359,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2494
2359
  style="position: absolute; padding: 7px; color: black; left: 160px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2495
2360
  >
2496
2361
  <span
2497
- class="katex-holder"
2498
- />
2499
- <span
2500
- class="mathjax-holder"
2362
+ class="tex-holder"
2501
2363
  />
2502
2364
  </span>
2503
2365
  <span
@@ -2506,10 +2368,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2506
2368
  style="position: absolute; padding: 7px; color: black; left: 140px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2507
2369
  >
2508
2370
  <span
2509
- class="katex-holder"
2510
- />
2511
- <span
2512
- class="mathjax-holder"
2371
+ class="tex-holder"
2513
2372
  />
2514
2373
  </span>
2515
2374
  <span
@@ -2518,10 +2377,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2518
2377
  style="position: absolute; padding: 7px; color: black; left: 120px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2519
2378
  >
2520
2379
  <span
2521
- class="katex-holder"
2522
- />
2523
- <span
2524
- class="mathjax-holder"
2380
+ class="tex-holder"
2525
2381
  />
2526
2382
  </span>
2527
2383
  <span
@@ -2530,10 +2386,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2530
2386
  style="position: absolute; padding: 7px; color: black; left: 100px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2531
2387
  >
2532
2388
  <span
2533
- class="katex-holder"
2534
- />
2535
- <span
2536
- class="mathjax-holder"
2389
+ class="tex-holder"
2537
2390
  />
2538
2391
  </span>
2539
2392
  <span
@@ -2542,10 +2395,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2542
2395
  style="position: absolute; padding: 7px; color: black; left: 80px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2543
2396
  >
2544
2397
  <span
2545
- class="katex-holder"
2546
- />
2547
- <span
2548
- class="mathjax-holder"
2398
+ class="tex-holder"
2549
2399
  />
2550
2400
  </span>
2551
2401
  <span
@@ -2554,10 +2404,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2554
2404
  style="position: absolute; padding: 7px; color: black; left: 60px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2555
2405
  >
2556
2406
  <span
2557
- class="katex-holder"
2558
- />
2559
- <span
2560
- class="mathjax-holder"
2407
+ class="tex-holder"
2561
2408
  />
2562
2409
  </span>
2563
2410
  <span
@@ -2566,10 +2413,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2566
2413
  style="position: absolute; padding: 7px; color: black; left: 40px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2567
2414
  >
2568
2415
  <span
2569
- class="katex-holder"
2570
- />
2571
- <span
2572
- class="mathjax-holder"
2416
+ class="tex-holder"
2573
2417
  />
2574
2418
  </span>
2575
2419
  <span
@@ -2578,10 +2422,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2578
2422
  style="position: absolute; padding: 7px; color: black; left: 20px; top: 200px; fill: none; stroke: #000000; opacity: 1;"
2579
2423
  >
2580
2424
  <span
2581
- class="katex-holder"
2582
- />
2583
- <span
2584
- class="mathjax-holder"
2425
+ class="tex-holder"
2585
2426
  />
2586
2427
  </span>
2587
2428
  <span
@@ -2590,10 +2431,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2590
2431
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 180px; fill: none; stroke: #000000; opacity: 1;"
2591
2432
  >
2592
2433
  <span
2593
- class="katex-holder"
2594
- />
2595
- <span
2596
- class="mathjax-holder"
2434
+ class="tex-holder"
2597
2435
  />
2598
2436
  </span>
2599
2437
  <span
@@ -2602,10 +2440,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2602
2440
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 160px; fill: none; stroke: #000000; opacity: 1;"
2603
2441
  >
2604
2442
  <span
2605
- class="katex-holder"
2606
- />
2607
- <span
2608
- class="mathjax-holder"
2443
+ class="tex-holder"
2609
2444
  />
2610
2445
  </span>
2611
2446
  <span
@@ -2614,10 +2449,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2614
2449
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 140px; fill: none; stroke: #000000; opacity: 1;"
2615
2450
  >
2616
2451
  <span
2617
- class="katex-holder"
2618
- />
2619
- <span
2620
- class="mathjax-holder"
2452
+ class="tex-holder"
2621
2453
  />
2622
2454
  </span>
2623
2455
  <span
@@ -2626,10 +2458,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2626
2458
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 120px; fill: none; stroke: #000000; opacity: 1;"
2627
2459
  >
2628
2460
  <span
2629
- class="katex-holder"
2630
- />
2631
- <span
2632
- class="mathjax-holder"
2461
+ class="tex-holder"
2633
2462
  />
2634
2463
  </span>
2635
2464
  <span
@@ -2638,10 +2467,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2638
2467
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 100px; fill: none; stroke: #000000; opacity: 1;"
2639
2468
  >
2640
2469
  <span
2641
- class="katex-holder"
2642
- />
2643
- <span
2644
- class="mathjax-holder"
2470
+ class="tex-holder"
2645
2471
  />
2646
2472
  </span>
2647
2473
  <span
@@ -2650,10 +2476,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2650
2476
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 80px; fill: none; stroke: #000000; opacity: 1;"
2651
2477
  >
2652
2478
  <span
2653
- class="katex-holder"
2654
- />
2655
- <span
2656
- class="mathjax-holder"
2479
+ class="tex-holder"
2657
2480
  />
2658
2481
  </span>
2659
2482
  <span
@@ -2662,10 +2485,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2662
2485
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 60px; fill: none; stroke: #000000; opacity: 1;"
2663
2486
  >
2664
2487
  <span
2665
- class="katex-holder"
2666
- />
2667
- <span
2668
- class="mathjax-holder"
2488
+ class="tex-holder"
2669
2489
  />
2670
2490
  </span>
2671
2491
  <span
@@ -2674,10 +2494,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2674
2494
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 40px; fill: none; stroke: #000000; opacity: 1;"
2675
2495
  >
2676
2496
  <span
2677
- class="katex-holder"
2678
- />
2679
- <span
2680
- class="mathjax-holder"
2497
+ class="tex-holder"
2681
2498
  />
2682
2499
  </span>
2683
2500
  <span
@@ -2686,10 +2503,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2686
2503
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 20px; fill: none; stroke: #000000; opacity: 1;"
2687
2504
  >
2688
2505
  <span
2689
- class="katex-holder"
2690
- />
2691
- <span
2692
- class="mathjax-holder"
2506
+ class="tex-holder"
2693
2507
  />
2694
2508
  </span>
2695
2509
  <span
@@ -2698,10 +2512,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2698
2512
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 240px; fill: none; stroke: #000000; opacity: 1;"
2699
2513
  >
2700
2514
  <span
2701
- class="katex-holder"
2702
- />
2703
- <span
2704
- class="mathjax-holder"
2515
+ class="tex-holder"
2705
2516
  />
2706
2517
  </span>
2707
2518
  <span
@@ -2710,10 +2521,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2710
2521
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 260px; fill: none; stroke: #000000; opacity: 1;"
2711
2522
  >
2712
2523
  <span
2713
- class="katex-holder"
2714
- />
2715
- <span
2716
- class="mathjax-holder"
2524
+ class="tex-holder"
2717
2525
  />
2718
2526
  </span>
2719
2527
  <span
@@ -2722,10 +2530,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2722
2530
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 280px; fill: none; stroke: #000000; opacity: 1;"
2723
2531
  >
2724
2532
  <span
2725
- class="katex-holder"
2726
- />
2727
- <span
2728
- class="mathjax-holder"
2533
+ class="tex-holder"
2729
2534
  />
2730
2535
  </span>
2731
2536
  <span
@@ -2734,10 +2539,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2734
2539
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 300px; fill: none; stroke: #000000; opacity: 1;"
2735
2540
  >
2736
2541
  <span
2737
- class="katex-holder"
2738
- />
2739
- <span
2740
- class="mathjax-holder"
2542
+ class="tex-holder"
2741
2543
  />
2742
2544
  </span>
2743
2545
  <span
@@ -2746,10 +2548,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2746
2548
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 320px; fill: none; stroke: #000000; opacity: 1;"
2747
2549
  >
2748
2550
  <span
2749
- class="katex-holder"
2750
- />
2751
- <span
2752
- class="mathjax-holder"
2551
+ class="tex-holder"
2753
2552
  />
2754
2553
  </span>
2755
2554
  <span
@@ -2758,10 +2557,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2758
2557
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 340px; fill: none; stroke: #000000; opacity: 1;"
2759
2558
  >
2760
2559
  <span
2761
- class="katex-holder"
2762
- />
2763
- <span
2764
- class="mathjax-holder"
2560
+ class="tex-holder"
2765
2561
  />
2766
2562
  </span>
2767
2563
  <span
@@ -2770,10 +2566,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2770
2566
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 360px; fill: none; stroke: #000000; opacity: 1;"
2771
2567
  >
2772
2568
  <span
2773
- class="katex-holder"
2774
- />
2775
- <span
2776
- class="mathjax-holder"
2569
+ class="tex-holder"
2777
2570
  />
2778
2571
  </span>
2779
2572
  <span
@@ -2782,10 +2575,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2782
2575
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 380px; fill: none; stroke: #000000; opacity: 1;"
2783
2576
  >
2784
2577
  <span
2785
- class="katex-holder"
2786
- />
2787
- <span
2788
- class="mathjax-holder"
2578
+ class="tex-holder"
2789
2579
  />
2790
2580
  </span>
2791
2581
  <span
@@ -2794,10 +2584,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2794
2584
  style="position: absolute; padding: 7px; color: black; left: 200px; top: 0px; fill: none;"
2795
2585
  >
2796
2586
  <span
2797
- class="katex-holder"
2798
- />
2799
- <span
2800
- class="mathjax-holder"
2587
+ class="tex-holder"
2801
2588
  />
2802
2589
  </span>
2803
2590
  <span
@@ -2806,10 +2593,7 @@ exports[`grapher widget should snapshot question with multiple graph types: init
2806
2593
  style="position: absolute; padding: 7px; color: black; left: 400px; top: 200px; fill: none;"
2807
2594
  >
2808
2595
  <span
2809
- class="katex-holder"
2810
- />
2811
- <span
2812
- class="mathjax-holder"
2596
+ class="tex-holder"
2813
2597
  />
2814
2598
  </span>
2815
2599
  </div>