@khanacademy/perseus-editor 17.9.2 → 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 (9) hide show
  1. package/dist/es/index.css +18 -0
  2. package/dist/es/index.js +26 -17432
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.css +18 -0
  5. package/dist/index.js +31 -17436
  6. package/dist/index.js.map +1 -1
  7. package/dist/widgets/interactive-graph-editor/components/interactive-graph-settings.d.ts +11 -1
  8. package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts +377 -42
  9. package/package.json +9 -9
package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type LockedFigure, type PerseusImageBackground, type PerseusInteractiveGraphWidgetOptions, type PerseusGraphType, type MarkingsType, type InteractiveGraphDefaultWidgetOptions } from "@khanacademy/perseus-core";
1
+ import { type LockedFigure, type PerseusImageBackground, type PerseusInteractiveGraphWidgetOptions, type PerseusGraphType, type MarkingsType, type InteractiveGraphDefaultWidgetOptions, type AxisLabelLocation } from "@khanacademy/perseus-core";
2
2
  import * as React from "react";
3
3
  import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
4
4
  import type { PropsFor } from "@khanacademy/wonder-blocks-core";
@@ -28,7 +28,15 @@ declare const InteractiveGraph: {
28
28
  problemNum: number | null | undefined;
29
29
  apiOptions: Readonly<Readonly<{
30
30
  isArticle?: boolean;
31
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
31
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
32
+ * The current correct answer for the graph. Updated by this component
33
+ * when the graph is changed.
34
+ *
35
+ * Note that the "Correct answer:" textbox is not an interactive
36
+ * element. Instead, it is a representation of the correct answer based
37
+ * on the state of the interactive graph previewed at the bottom of the
38
+ * editor page.
39
+ */: HTMLElement) => unknown;
32
40
  GroupMetadataEditor?: React.ComponentType<any>;
33
41
  showAlignmentOptions?: boolean;
34
42
  readOnly?: boolean;
@@ -120,7 +128,15 @@ declare const InteractiveGraph: {
120
128
  problemNum: number | null | undefined;
121
129
  apiOptions: Readonly<Readonly<{
122
130
  isArticle?: boolean;
123
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
131
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
132
+ * The current correct answer for the graph. Updated by this component
133
+ * when the graph is changed.
134
+ *
135
+ * Note that the "Correct answer:" textbox is not an interactive
136
+ * element. Instead, it is a representation of the correct answer based
137
+ * on the state of the interactive graph previewed at the bottom of the
138
+ * editor page.
139
+ */: HTMLElement) => unknown;
124
140
  GroupMetadataEditor?: React.ComponentType<any>;
125
141
  showAlignmentOptions?: boolean;
126
142
  readOnly?: boolean;
@@ -210,7 +226,15 @@ declare const InteractiveGraph: {
210
226
  problemNum: number | null | undefined;
211
227
  apiOptions: Readonly<Readonly<{
212
228
  isArticle?: boolean;
213
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
229
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
230
+ * The current correct answer for the graph. Updated by this component
231
+ * when the graph is changed.
232
+ *
233
+ * Note that the "Correct answer:" textbox is not an interactive
234
+ * element. Instead, it is a representation of the correct answer based
235
+ * on the state of the interactive graph previewed at the bottom of the
236
+ * editor page.
237
+ */: HTMLElement) => unknown;
214
238
  GroupMetadataEditor?: React.ComponentType<any>;
215
239
  showAlignmentOptions?: boolean;
216
240
  readOnly?: boolean;
@@ -297,7 +321,15 @@ declare const InteractiveGraph: {
297
321
  problemNum: number | null | undefined;
298
322
  apiOptions: Readonly<Readonly<{
299
323
  isArticle?: boolean;
300
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
324
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
325
+ * The current correct answer for the graph. Updated by this component
326
+ * when the graph is changed.
327
+ *
328
+ * Note that the "Correct answer:" textbox is not an interactive
329
+ * element. Instead, it is a representation of the correct answer based
330
+ * on the state of the interactive graph previewed at the bottom of the
331
+ * editor page.
332
+ */: HTMLElement) => unknown;
301
333
  GroupMetadataEditor?: React.ComponentType<any>;
302
334
  showAlignmentOptions?: boolean;
303
335
  readOnly?: boolean;
@@ -382,7 +414,15 @@ declare const InteractiveGraph: {
382
414
  problemNum: number | null | undefined;
383
415
  apiOptions: Readonly<Readonly<{
384
416
  isArticle?: boolean;
385
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
417
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
418
+ * The current correct answer for the graph. Updated by this component
419
+ * when the graph is changed.
420
+ *
421
+ * Note that the "Correct answer:" textbox is not an interactive
422
+ * element. Instead, it is a representation of the correct answer based
423
+ * on the state of the interactive graph previewed at the bottom of the
424
+ * editor page.
425
+ */: HTMLElement) => unknown;
386
426
  GroupMetadataEditor?: React.ComponentType<any>;
387
427
  showAlignmentOptions?: boolean;
388
428
  readOnly?: boolean;
@@ -469,7 +509,15 @@ declare const InteractiveGraph: {
469
509
  problemNum: number | null | undefined;
470
510
  apiOptions: Readonly<Readonly<{
471
511
  isArticle?: boolean;
472
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
512
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
513
+ * The current correct answer for the graph. Updated by this component
514
+ * when the graph is changed.
515
+ *
516
+ * Note that the "Correct answer:" textbox is not an interactive
517
+ * element. Instead, it is a representation of the correct answer based
518
+ * on the state of the interactive graph previewed at the bottom of the
519
+ * editor page.
520
+ */: HTMLElement) => unknown;
473
521
  GroupMetadataEditor?: React.ComponentType<any>;
474
522
  showAlignmentOptions?: boolean;
475
523
  readOnly?: boolean;
@@ -554,7 +602,15 @@ declare const InteractiveGraph: {
554
602
  problemNum: number | null | undefined;
555
603
  apiOptions: Readonly<Readonly<{
556
604
  isArticle?: boolean;
557
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
605
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
606
+ * The current correct answer for the graph. Updated by this component
607
+ * when the graph is changed.
608
+ *
609
+ * Note that the "Correct answer:" textbox is not an interactive
610
+ * element. Instead, it is a representation of the correct answer based
611
+ * on the state of the interactive graph previewed at the bottom of the
612
+ * editor page.
613
+ */: HTMLElement) => unknown;
558
614
  GroupMetadataEditor?: React.ComponentType<any>;
559
615
  showAlignmentOptions?: boolean;
560
616
  readOnly?: boolean;
@@ -639,7 +695,15 @@ declare const InteractiveGraph: {
639
695
  problemNum: number | null | undefined;
640
696
  apiOptions: Readonly<Readonly<{
641
697
  isArticle?: boolean;
642
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
698
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
699
+ * The current correct answer for the graph. Updated by this component
700
+ * when the graph is changed.
701
+ *
702
+ * Note that the "Correct answer:" textbox is not an interactive
703
+ * element. Instead, it is a representation of the correct answer based
704
+ * on the state of the interactive graph previewed at the bottom of the
705
+ * editor page.
706
+ */: HTMLElement) => unknown;
643
707
  GroupMetadataEditor?: React.ComponentType<any>;
644
708
  showAlignmentOptions?: boolean;
645
709
  readOnly?: boolean;
@@ -724,7 +788,15 @@ declare const InteractiveGraph: {
724
788
  problemNum: number | null | undefined;
725
789
  apiOptions: Readonly<Readonly<{
726
790
  isArticle?: boolean;
727
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
791
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
792
+ * The current correct answer for the graph. Updated by this component
793
+ * when the graph is changed.
794
+ *
795
+ * Note that the "Correct answer:" textbox is not an interactive
796
+ * element. Instead, it is a representation of the correct answer based
797
+ * on the state of the interactive graph previewed at the bottom of the
798
+ * editor page.
799
+ */: HTMLElement) => unknown;
728
800
  GroupMetadataEditor?: React.ComponentType<any>;
729
801
  showAlignmentOptions?: boolean;
730
802
  readOnly?: boolean;
@@ -810,7 +882,15 @@ declare const InteractiveGraph: {
810
882
  problemNum: number | null | undefined;
811
883
  apiOptions: Readonly<Readonly<{
812
884
  isArticle?: boolean;
813
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
885
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
886
+ * The current correct answer for the graph. Updated by this component
887
+ * when the graph is changed.
888
+ *
889
+ * Note that the "Correct answer:" textbox is not an interactive
890
+ * element. Instead, it is a representation of the correct answer based
891
+ * on the state of the interactive graph previewed at the bottom of the
892
+ * editor page.
893
+ */: HTMLElement) => unknown;
814
894
  GroupMetadataEditor?: React.ComponentType<any>;
815
895
  showAlignmentOptions?: boolean;
816
896
  readOnly?: boolean;
@@ -902,7 +982,15 @@ declare const InteractiveGraph: {
902
982
  problemNum: number | null | undefined;
903
983
  apiOptions: Readonly<Readonly<{
904
984
  isArticle?: boolean;
905
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
985
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
986
+ * The current correct answer for the graph. Updated by this component
987
+ * when the graph is changed.
988
+ *
989
+ * Note that the "Correct answer:" textbox is not an interactive
990
+ * element. Instead, it is a representation of the correct answer based
991
+ * on the state of the interactive graph previewed at the bottom of the
992
+ * editor page.
993
+ */: HTMLElement) => unknown;
906
994
  GroupMetadataEditor?: React.ComponentType<any>;
907
995
  showAlignmentOptions?: boolean;
908
996
  readOnly?: boolean;
@@ -992,7 +1080,15 @@ declare const InteractiveGraph: {
992
1080
  problemNum: number | null | undefined;
993
1081
  apiOptions: Readonly<Readonly<{
994
1082
  isArticle?: boolean;
995
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1083
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1084
+ * The current correct answer for the graph. Updated by this component
1085
+ * when the graph is changed.
1086
+ *
1087
+ * Note that the "Correct answer:" textbox is not an interactive
1088
+ * element. Instead, it is a representation of the correct answer based
1089
+ * on the state of the interactive graph previewed at the bottom of the
1090
+ * editor page.
1091
+ */: HTMLElement) => unknown;
996
1092
  GroupMetadataEditor?: React.ComponentType<any>;
997
1093
  showAlignmentOptions?: boolean;
998
1094
  readOnly?: boolean;
@@ -1079,7 +1175,15 @@ declare const InteractiveGraph: {
1079
1175
  problemNum: number | null | undefined;
1080
1176
  apiOptions: Readonly<Readonly<{
1081
1177
  isArticle?: boolean;
1082
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1178
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1179
+ * The current correct answer for the graph. Updated by this component
1180
+ * when the graph is changed.
1181
+ *
1182
+ * Note that the "Correct answer:" textbox is not an interactive
1183
+ * element. Instead, it is a representation of the correct answer based
1184
+ * on the state of the interactive graph previewed at the bottom of the
1185
+ * editor page.
1186
+ */: HTMLElement) => unknown;
1083
1187
  GroupMetadataEditor?: React.ComponentType<any>;
1084
1188
  showAlignmentOptions?: boolean;
1085
1189
  readOnly?: boolean;
@@ -1164,7 +1268,15 @@ declare const InteractiveGraph: {
1164
1268
  problemNum: number | null | undefined;
1165
1269
  apiOptions: Readonly<Readonly<{
1166
1270
  isArticle?: boolean;
1167
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1271
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1272
+ * The current correct answer for the graph. Updated by this component
1273
+ * when the graph is changed.
1274
+ *
1275
+ * Note that the "Correct answer:" textbox is not an interactive
1276
+ * element. Instead, it is a representation of the correct answer based
1277
+ * on the state of the interactive graph previewed at the bottom of the
1278
+ * editor page.
1279
+ */: HTMLElement) => unknown;
1168
1280
  GroupMetadataEditor?: React.ComponentType<any>;
1169
1281
  showAlignmentOptions?: boolean;
1170
1282
  readOnly?: boolean;
@@ -1251,7 +1363,15 @@ declare const InteractiveGraph: {
1251
1363
  problemNum: number | null | undefined;
1252
1364
  apiOptions: Readonly<Readonly<{
1253
1365
  isArticle?: boolean;
1254
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1366
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1367
+ * The current correct answer for the graph. Updated by this component
1368
+ * when the graph is changed.
1369
+ *
1370
+ * Note that the "Correct answer:" textbox is not an interactive
1371
+ * element. Instead, it is a representation of the correct answer based
1372
+ * on the state of the interactive graph previewed at the bottom of the
1373
+ * editor page.
1374
+ */: HTMLElement) => unknown;
1255
1375
  GroupMetadataEditor?: React.ComponentType<any>;
1256
1376
  showAlignmentOptions?: boolean;
1257
1377
  readOnly?: boolean;
@@ -1336,7 +1456,15 @@ declare const InteractiveGraph: {
1336
1456
  problemNum: number | null | undefined;
1337
1457
  apiOptions: Readonly<Readonly<{
1338
1458
  isArticle?: boolean;
1339
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1459
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1460
+ * The current correct answer for the graph. Updated by this component
1461
+ * when the graph is changed.
1462
+ *
1463
+ * Note that the "Correct answer:" textbox is not an interactive
1464
+ * element. Instead, it is a representation of the correct answer based
1465
+ * on the state of the interactive graph previewed at the bottom of the
1466
+ * editor page.
1467
+ */: HTMLElement) => unknown;
1340
1468
  GroupMetadataEditor?: React.ComponentType<any>;
1341
1469
  showAlignmentOptions?: boolean;
1342
1470
  readOnly?: boolean;
@@ -1421,7 +1549,15 @@ declare const InteractiveGraph: {
1421
1549
  problemNum: number | null | undefined;
1422
1550
  apiOptions: Readonly<Readonly<{
1423
1551
  isArticle?: boolean;
1424
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1552
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1553
+ * The current correct answer for the graph. Updated by this component
1554
+ * when the graph is changed.
1555
+ *
1556
+ * Note that the "Correct answer:" textbox is not an interactive
1557
+ * element. Instead, it is a representation of the correct answer based
1558
+ * on the state of the interactive graph previewed at the bottom of the
1559
+ * editor page.
1560
+ */: HTMLElement) => unknown;
1425
1561
  GroupMetadataEditor?: React.ComponentType<any>;
1426
1562
  showAlignmentOptions?: boolean;
1427
1563
  readOnly?: boolean;
@@ -1506,7 +1642,15 @@ declare const InteractiveGraph: {
1506
1642
  problemNum: number | null | undefined;
1507
1643
  apiOptions: Readonly<Readonly<{
1508
1644
  isArticle?: boolean;
1509
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1645
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1646
+ * The current correct answer for the graph. Updated by this component
1647
+ * when the graph is changed.
1648
+ *
1649
+ * Note that the "Correct answer:" textbox is not an interactive
1650
+ * element. Instead, it is a representation of the correct answer based
1651
+ * on the state of the interactive graph previewed at the bottom of the
1652
+ * editor page.
1653
+ */: HTMLElement) => unknown;
1510
1654
  GroupMetadataEditor?: React.ComponentType<any>;
1511
1655
  showAlignmentOptions?: boolean;
1512
1656
  readOnly?: boolean;
@@ -1602,7 +1746,15 @@ declare const InteractiveGraph: {
1602
1746
  problemNum: number | null | undefined;
1603
1747
  apiOptions: Readonly<Readonly<{
1604
1748
  isArticle?: boolean;
1605
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1749
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1750
+ * The current correct answer for the graph. Updated by this component
1751
+ * when the graph is changed.
1752
+ *
1753
+ * Note that the "Correct answer:" textbox is not an interactive
1754
+ * element. Instead, it is a representation of the correct answer based
1755
+ * on the state of the interactive graph previewed at the bottom of the
1756
+ * editor page.
1757
+ */: HTMLElement) => unknown;
1606
1758
  GroupMetadataEditor?: React.ComponentType<any>;
1607
1759
  showAlignmentOptions?: boolean;
1608
1760
  readOnly?: boolean;
@@ -1685,7 +1837,15 @@ declare const InteractiveGraph: {
1685
1837
  problemNum: number | null | undefined;
1686
1838
  apiOptions: Readonly<Readonly<{
1687
1839
  isArticle?: boolean;
1688
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1840
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1841
+ * The current correct answer for the graph. Updated by this component
1842
+ * when the graph is changed.
1843
+ *
1844
+ * Note that the "Correct answer:" textbox is not an interactive
1845
+ * element. Instead, it is a representation of the correct answer based
1846
+ * on the state of the interactive graph previewed at the bottom of the
1847
+ * editor page.
1848
+ */: HTMLElement) => unknown;
1689
1849
  GroupMetadataEditor?: React.ComponentType<any>;
1690
1850
  showAlignmentOptions?: boolean;
1691
1851
  readOnly?: boolean;
@@ -1768,7 +1928,15 @@ declare const InteractiveGraph: {
1768
1928
  problemNum: number | null | undefined;
1769
1929
  apiOptions: Readonly<Readonly<{
1770
1930
  isArticle?: boolean;
1771
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
1931
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
1932
+ * The current correct answer for the graph. Updated by this component
1933
+ * when the graph is changed.
1934
+ *
1935
+ * Note that the "Correct answer:" textbox is not an interactive
1936
+ * element. Instead, it is a representation of the correct answer based
1937
+ * on the state of the interactive graph previewed at the bottom of the
1938
+ * editor page.
1939
+ */: HTMLElement) => unknown;
1772
1940
  GroupMetadataEditor?: React.ComponentType<any>;
1773
1941
  showAlignmentOptions?: boolean;
1774
1942
  readOnly?: boolean;
@@ -1851,7 +2019,15 @@ declare const InteractiveGraph: {
1851
2019
  problemNum: number | null | undefined;
1852
2020
  apiOptions: Readonly<Readonly<{
1853
2021
  isArticle?: boolean;
1854
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2022
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2023
+ * The current correct answer for the graph. Updated by this component
2024
+ * when the graph is changed.
2025
+ *
2026
+ * Note that the "Correct answer:" textbox is not an interactive
2027
+ * element. Instead, it is a representation of the correct answer based
2028
+ * on the state of the interactive graph previewed at the bottom of the
2029
+ * editor page.
2030
+ */: HTMLElement) => unknown;
1855
2031
  GroupMetadataEditor?: React.ComponentType<any>;
1856
2032
  showAlignmentOptions?: boolean;
1857
2033
  readOnly?: boolean;
@@ -1934,7 +2110,15 @@ declare const InteractiveGraph: {
1934
2110
  problemNum: number | null | undefined;
1935
2111
  apiOptions: Readonly<Readonly<{
1936
2112
  isArticle?: boolean;
1937
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2113
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2114
+ * The current correct answer for the graph. Updated by this component
2115
+ * when the graph is changed.
2116
+ *
2117
+ * Note that the "Correct answer:" textbox is not an interactive
2118
+ * element. Instead, it is a representation of the correct answer based
2119
+ * on the state of the interactive graph previewed at the bottom of the
2120
+ * editor page.
2121
+ */: HTMLElement) => unknown;
1938
2122
  GroupMetadataEditor?: React.ComponentType<any>;
1939
2123
  showAlignmentOptions?: boolean;
1940
2124
  readOnly?: boolean;
@@ -2017,7 +2201,15 @@ declare const InteractiveGraph: {
2017
2201
  problemNum: number | null | undefined;
2018
2202
  apiOptions: Readonly<Readonly<{
2019
2203
  isArticle?: boolean;
2020
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2204
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2205
+ * The current correct answer for the graph. Updated by this component
2206
+ * when the graph is changed.
2207
+ *
2208
+ * Note that the "Correct answer:" textbox is not an interactive
2209
+ * element. Instead, it is a representation of the correct answer based
2210
+ * on the state of the interactive graph previewed at the bottom of the
2211
+ * editor page.
2212
+ */: HTMLElement) => unknown;
2021
2213
  GroupMetadataEditor?: React.ComponentType<any>;
2022
2214
  showAlignmentOptions?: boolean;
2023
2215
  readOnly?: boolean;
@@ -2101,7 +2293,15 @@ declare const InteractiveGraph: {
2101
2293
  problemNum: number | null | undefined;
2102
2294
  apiOptions: Readonly<Readonly<{
2103
2295
  isArticle?: boolean;
2104
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2296
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2297
+ * The current correct answer for the graph. Updated by this component
2298
+ * when the graph is changed.
2299
+ *
2300
+ * Note that the "Correct answer:" textbox is not an interactive
2301
+ * element. Instead, it is a representation of the correct answer based
2302
+ * on the state of the interactive graph previewed at the bottom of the
2303
+ * editor page.
2304
+ */: HTMLElement) => unknown;
2105
2305
  GroupMetadataEditor?: React.ComponentType<any>;
2106
2306
  showAlignmentOptions?: boolean;
2107
2307
  readOnly?: boolean;
@@ -2184,7 +2384,15 @@ declare const InteractiveGraph: {
2184
2384
  problemNum: number | null | undefined;
2185
2385
  apiOptions: Readonly<Readonly<{
2186
2386
  isArticle?: boolean;
2187
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2387
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2388
+ * The current correct answer for the graph. Updated by this component
2389
+ * when the graph is changed.
2390
+ *
2391
+ * Note that the "Correct answer:" textbox is not an interactive
2392
+ * element. Instead, it is a representation of the correct answer based
2393
+ * on the state of the interactive graph previewed at the bottom of the
2394
+ * editor page.
2395
+ */: HTMLElement) => unknown;
2188
2396
  GroupMetadataEditor?: React.ComponentType<any>;
2189
2397
  showAlignmentOptions?: boolean;
2190
2398
  readOnly?: boolean;
@@ -2268,7 +2476,15 @@ declare const InteractiveGraph: {
2268
2476
  problemNum: number | null | undefined;
2269
2477
  apiOptions: Readonly<Readonly<{
2270
2478
  isArticle?: boolean;
2271
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2479
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2480
+ * The current correct answer for the graph. Updated by this component
2481
+ * when the graph is changed.
2482
+ *
2483
+ * Note that the "Correct answer:" textbox is not an interactive
2484
+ * element. Instead, it is a representation of the correct answer based
2485
+ * on the state of the interactive graph previewed at the bottom of the
2486
+ * editor page.
2487
+ */: HTMLElement) => unknown;
2272
2488
  GroupMetadataEditor?: React.ComponentType<any>;
2273
2489
  showAlignmentOptions?: boolean;
2274
2490
  readOnly?: boolean;
@@ -2351,7 +2567,15 @@ declare const InteractiveGraph: {
2351
2567
  problemNum: number | null | undefined;
2352
2568
  apiOptions: Readonly<Readonly<{
2353
2569
  isArticle?: boolean;
2354
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2570
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2571
+ * The current correct answer for the graph. Updated by this component
2572
+ * when the graph is changed.
2573
+ *
2574
+ * Note that the "Correct answer:" textbox is not an interactive
2575
+ * element. Instead, it is a representation of the correct answer based
2576
+ * on the state of the interactive graph previewed at the bottom of the
2577
+ * editor page.
2578
+ */: HTMLElement) => unknown;
2355
2579
  GroupMetadataEditor?: React.ComponentType<any>;
2356
2580
  showAlignmentOptions?: boolean;
2357
2581
  readOnly?: boolean;
@@ -2434,7 +2658,15 @@ declare const InteractiveGraph: {
2434
2658
  problemNum: number | null | undefined;
2435
2659
  apiOptions: Readonly<Readonly<{
2436
2660
  isArticle?: boolean;
2437
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2661
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2662
+ * The current correct answer for the graph. Updated by this component
2663
+ * when the graph is changed.
2664
+ *
2665
+ * Note that the "Correct answer:" textbox is not an interactive
2666
+ * element. Instead, it is a representation of the correct answer based
2667
+ * on the state of the interactive graph previewed at the bottom of the
2668
+ * editor page.
2669
+ */: HTMLElement) => unknown;
2438
2670
  GroupMetadataEditor?: React.ComponentType<any>;
2439
2671
  showAlignmentOptions?: boolean;
2440
2672
  readOnly?: boolean;
@@ -2517,7 +2749,15 @@ declare const InteractiveGraph: {
2517
2749
  problemNum: number | null | undefined;
2518
2750
  apiOptions: Readonly<Readonly<{
2519
2751
  isArticle?: boolean;
2520
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2752
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2753
+ * The current correct answer for the graph. Updated by this component
2754
+ * when the graph is changed.
2755
+ *
2756
+ * Note that the "Correct answer:" textbox is not an interactive
2757
+ * element. Instead, it is a representation of the correct answer based
2758
+ * on the state of the interactive graph previewed at the bottom of the
2759
+ * editor page.
2760
+ */: HTMLElement) => unknown;
2521
2761
  GroupMetadataEditor?: React.ComponentType<any>;
2522
2762
  showAlignmentOptions?: boolean;
2523
2763
  readOnly?: boolean;
@@ -2600,7 +2840,15 @@ declare const InteractiveGraph: {
2600
2840
  problemNum: number | null | undefined;
2601
2841
  apiOptions: Readonly<Readonly<{
2602
2842
  isArticle?: boolean;
2603
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2843
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2844
+ * The current correct answer for the graph. Updated by this component
2845
+ * when the graph is changed.
2846
+ *
2847
+ * Note that the "Correct answer:" textbox is not an interactive
2848
+ * element. Instead, it is a representation of the correct answer based
2849
+ * on the state of the interactive graph previewed at the bottom of the
2850
+ * editor page.
2851
+ */: HTMLElement) => unknown;
2604
2852
  GroupMetadataEditor?: React.ComponentType<any>;
2605
2853
  showAlignmentOptions?: boolean;
2606
2854
  readOnly?: boolean;
@@ -2683,7 +2931,15 @@ declare const InteractiveGraph: {
2683
2931
  problemNum: number | null | undefined;
2684
2932
  apiOptions: Readonly<Readonly<{
2685
2933
  isArticle?: boolean;
2686
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
2934
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
2935
+ * The current correct answer for the graph. Updated by this component
2936
+ * when the graph is changed.
2937
+ *
2938
+ * Note that the "Correct answer:" textbox is not an interactive
2939
+ * element. Instead, it is a representation of the correct answer based
2940
+ * on the state of the interactive graph previewed at the bottom of the
2941
+ * editor page.
2942
+ */: HTMLElement) => unknown;
2687
2943
  GroupMetadataEditor?: React.ComponentType<any>;
2688
2944
  showAlignmentOptions?: boolean;
2689
2945
  readOnly?: boolean;
@@ -2766,7 +3022,15 @@ declare const InteractiveGraph: {
2766
3022
  problemNum: number | null | undefined;
2767
3023
  apiOptions: Readonly<Readonly<{
2768
3024
  isArticle?: boolean;
2769
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3025
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3026
+ * The current correct answer for the graph. Updated by this component
3027
+ * when the graph is changed.
3028
+ *
3029
+ * Note that the "Correct answer:" textbox is not an interactive
3030
+ * element. Instead, it is a representation of the correct answer based
3031
+ * on the state of the interactive graph previewed at the bottom of the
3032
+ * editor page.
3033
+ */: HTMLElement) => unknown;
2770
3034
  GroupMetadataEditor?: React.ComponentType<any>;
2771
3035
  showAlignmentOptions?: boolean;
2772
3036
  readOnly?: boolean;
@@ -2849,7 +3113,15 @@ declare const InteractiveGraph: {
2849
3113
  problemNum: number | null | undefined;
2850
3114
  apiOptions: Readonly<Readonly<{
2851
3115
  isArticle?: boolean;
2852
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3116
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3117
+ * The current correct answer for the graph. Updated by this component
3118
+ * when the graph is changed.
3119
+ *
3120
+ * Note that the "Correct answer:" textbox is not an interactive
3121
+ * element. Instead, it is a representation of the correct answer based
3122
+ * on the state of the interactive graph previewed at the bottom of the
3123
+ * editor page.
3124
+ */: HTMLElement) => unknown;
2853
3125
  GroupMetadataEditor?: React.ComponentType<any>;
2854
3126
  showAlignmentOptions?: boolean;
2855
3127
  readOnly?: boolean;
@@ -2932,7 +3204,15 @@ declare const InteractiveGraph: {
2932
3204
  problemNum: number | null | undefined;
2933
3205
  apiOptions: Readonly<Readonly<{
2934
3206
  isArticle?: boolean;
2935
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3207
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3208
+ * The current correct answer for the graph. Updated by this component
3209
+ * when the graph is changed.
3210
+ *
3211
+ * Note that the "Correct answer:" textbox is not an interactive
3212
+ * element. Instead, it is a representation of the correct answer based
3213
+ * on the state of the interactive graph previewed at the bottom of the
3214
+ * editor page.
3215
+ */: HTMLElement) => unknown;
2936
3216
  GroupMetadataEditor?: React.ComponentType<any>;
2937
3217
  showAlignmentOptions?: boolean;
2938
3218
  readOnly?: boolean;
@@ -3015,7 +3295,15 @@ declare const InteractiveGraph: {
3015
3295
  problemNum: number | null | undefined;
3016
3296
  apiOptions: Readonly<Readonly<{
3017
3297
  isArticle?: boolean;
3018
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3298
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3299
+ * The current correct answer for the graph. Updated by this component
3300
+ * when the graph is changed.
3301
+ *
3302
+ * Note that the "Correct answer:" textbox is not an interactive
3303
+ * element. Instead, it is a representation of the correct answer based
3304
+ * on the state of the interactive graph previewed at the bottom of the
3305
+ * editor page.
3306
+ */: HTMLElement) => unknown;
3019
3307
  GroupMetadataEditor?: React.ComponentType<any>;
3020
3308
  showAlignmentOptions?: boolean;
3021
3309
  readOnly?: boolean;
@@ -3098,7 +3386,15 @@ declare const InteractiveGraph: {
3098
3386
  problemNum: number | null | undefined;
3099
3387
  apiOptions: Readonly<Readonly<{
3100
3388
  isArticle?: boolean;
3101
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3389
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3390
+ * The current correct answer for the graph. Updated by this component
3391
+ * when the graph is changed.
3392
+ *
3393
+ * Note that the "Correct answer:" textbox is not an interactive
3394
+ * element. Instead, it is a representation of the correct answer based
3395
+ * on the state of the interactive graph previewed at the bottom of the
3396
+ * editor page.
3397
+ */: HTMLElement) => unknown;
3102
3398
  GroupMetadataEditor?: React.ComponentType<any>;
3103
3399
  showAlignmentOptions?: boolean;
3104
3400
  readOnly?: boolean;
@@ -3181,7 +3477,15 @@ declare const InteractiveGraph: {
3181
3477
  problemNum: number | null | undefined;
3182
3478
  apiOptions: Readonly<Readonly<{
3183
3479
  isArticle?: boolean;
3184
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3480
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3481
+ * The current correct answer for the graph. Updated by this component
3482
+ * when the graph is changed.
3483
+ *
3484
+ * Note that the "Correct answer:" textbox is not an interactive
3485
+ * element. Instead, it is a representation of the correct answer based
3486
+ * on the state of the interactive graph previewed at the bottom of the
3487
+ * editor page.
3488
+ */: HTMLElement) => unknown;
3185
3489
  GroupMetadataEditor?: React.ComponentType<any>;
3186
3490
  showAlignmentOptions?: boolean;
3187
3491
  readOnly?: boolean;
@@ -3264,7 +3568,15 @@ declare const InteractiveGraph: {
3264
3568
  problemNum: number | null | undefined;
3265
3569
  apiOptions: Readonly<Readonly<{
3266
3570
  isArticle?: boolean;
3267
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3571
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3572
+ * The current correct answer for the graph. Updated by this component
3573
+ * when the graph is changed.
3574
+ *
3575
+ * Note that the "Correct answer:" textbox is not an interactive
3576
+ * element. Instead, it is a representation of the correct answer based
3577
+ * on the state of the interactive graph previewed at the bottom of the
3578
+ * editor page.
3579
+ */: HTMLElement) => unknown;
3268
3580
  GroupMetadataEditor?: React.ComponentType<any>;
3269
3581
  showAlignmentOptions?: boolean;
3270
3582
  readOnly?: boolean;
@@ -3347,7 +3659,15 @@ declare const InteractiveGraph: {
3347
3659
  problemNum: number | null | undefined;
3348
3660
  apiOptions: Readonly<Readonly<{
3349
3661
  isArticle?: boolean;
3350
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3662
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3663
+ * The current correct answer for the graph. Updated by this component
3664
+ * when the graph is changed.
3665
+ *
3666
+ * Note that the "Correct answer:" textbox is not an interactive
3667
+ * element. Instead, it is a representation of the correct answer based
3668
+ * on the state of the interactive graph previewed at the bottom of the
3669
+ * editor page.
3670
+ */: HTMLElement) => unknown;
3351
3671
  GroupMetadataEditor?: React.ComponentType<any>;
3352
3672
  showAlignmentOptions?: boolean;
3353
3673
  readOnly?: boolean;
@@ -3430,7 +3750,15 @@ declare const InteractiveGraph: {
3430
3750
  problemNum: number | null | undefined;
3431
3751
  apiOptions: Readonly<Readonly<{
3432
3752
  isArticle?: boolean;
3433
- onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
3753
+ onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement? /**
3754
+ * The current correct answer for the graph. Updated by this component
3755
+ * when the graph is changed.
3756
+ *
3757
+ * Note that the "Correct answer:" textbox is not an interactive
3758
+ * element. Instead, it is a representation of the correct answer based
3759
+ * on the state of the interactive graph previewed at the bottom of the
3760
+ * editor page.
3761
+ */: HTMLElement) => unknown;
3434
3762
  GroupMetadataEditor?: React.ComponentType<any>;
3435
3763
  showAlignmentOptions?: boolean;
3436
3764
  readOnly?: boolean;
@@ -3498,6 +3826,13 @@ export type Props = {
3498
3826
  * The labels for the x and y axes.
3499
3827
  */
3500
3828
  labels: ReadonlyArray<string>;
3829
+ /**
3830
+ * Specifies the location of the labels on the graph. default: "onAxis".
3831
+ * - "onAxis": Labels are positioned on the axis at the right (x) and top (y) of the graph.
3832
+ * - "alongEdge": Labels are centered along the bottom (x) and left (y) edges of the graph.
3833
+ * The y label is rotated. Typically used when the range min is near 0 with longer labels.
3834
+ */
3835
+ labelLocation?: AxisLabelLocation;
3501
3836
  /**
3502
3837
  * The range of the graph in the x and y directions.
3503
3838
  */