@khanacademy/perseus 4.0.2 → 6.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 (249) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/dist/components/fixed-to-responsive.d.ts +27 -1
  3. package/dist/components/fixed-to-responsive.js.flow +27 -1
  4. package/dist/components/graph.d.ts +42 -26
  5. package/dist/components/graph.js.flow +42 -28
  6. package/dist/components/graphie.d.ts +34 -22
  7. package/dist/components/graphie.js.flow +37 -24
  8. package/dist/components/highlighting/highlightable-content.d.ts +4 -4
  9. package/dist/components/highlighting/highlightable-content.js.flow +4 -7
  10. package/dist/components/highlighting/ui/highlight-renderer.d.ts +6 -6
  11. package/dist/components/highlighting/ui/highlight-renderer.js.flow +6 -8
  12. package/dist/components/highlighting/ui/highlight-set-renderer.d.ts +5 -5
  13. package/dist/components/highlighting/ui/highlight-set-renderer.js.flow +5 -8
  14. package/dist/components/highlighting/ui/highlight-tooltip.d.ts +2 -2
  15. package/dist/components/highlighting/ui/highlight-tooltip.js.flow +2 -4
  16. package/dist/components/highlighting/ui/highlighting-ui.d.ts +2 -2
  17. package/dist/components/highlighting/ui/highlighting-ui.js.flow +2 -2
  18. package/dist/components/highlighting/ui/selection-tracker.d.ts +5 -5
  19. package/dist/components/highlighting/ui/selection-tracker.js.flow +5 -7
  20. package/dist/components/highlighting/word-indexer.d.ts +2 -2
  21. package/dist/components/highlighting/word-indexer.js.flow +2 -2
  22. package/dist/components/hud.d.ts +8 -14
  23. package/dist/components/hud.js.flow +7 -14
  24. package/dist/components/inline-icon.d.ts +27 -3
  25. package/dist/components/inline-icon.js.flow +26 -3
  26. package/dist/components/lint.d.ts +41 -13
  27. package/dist/components/lint.js.flow +42 -13
  28. package/dist/components/math-output.d.ts +15 -11
  29. package/dist/components/math-output.js.flow +15 -11
  30. package/dist/components/simple-keypad-input.d.ts +1 -1
  31. package/dist/components/simple-keypad-input.js.flow +1 -1
  32. package/dist/components/sortable.d.ts +17 -9
  33. package/dist/components/sortable.js.flow +22 -9
  34. package/dist/components/svg-image.d.ts +5 -3
  35. package/dist/components/svg-image.js.flow +5 -3
  36. package/dist/components/tex-buttons.d.ts +2 -2
  37. package/dist/components/tex-buttons.js.flow +2 -2
  38. package/dist/components/tooltip.d.ts +45 -4
  39. package/dist/components/tooltip.js.flow +44 -31
  40. package/dist/error-boundary.d.ts +4 -4
  41. package/dist/error-boundary.js.flow +4 -6
  42. package/dist/es/index.css +0 -3
  43. package/dist/es/index.js +484 -658
  44. package/dist/es/index.js.map +1 -1
  45. package/dist/index.css +0 -3
  46. package/dist/index.js +488 -655
  47. package/dist/index.js.map +1 -1
  48. package/dist/perseus-types.d.ts +11 -10
  49. package/dist/perseus-types.js.flow +11 -10
  50. package/dist/renderer.d.ts +2 -2
  51. package/dist/renderer.js.flow +1 -3
  52. package/dist/styles/shared.d.ts +0 -1
  53. package/dist/styles/shared.js.flow +0 -1
  54. package/dist/types.d.ts +0 -10
  55. package/dist/types.js.flow +0 -13
  56. package/dist/util/a11y.d.ts +0 -1
  57. package/dist/util/a11y.js.flow +0 -1
  58. package/dist/util/interactive.d.ts +2 -0
  59. package/dist/util/interactive.js.flow +2 -0
  60. package/dist/util.d.ts +3 -3
  61. package/dist/util.js.flow +4 -3
  62. package/dist/widgets/__stories__/test-keypad-context-wrapper.d.ts +2 -2
  63. package/dist/widgets/__stories__/test-keypad-context-wrapper.js.flow +2 -4
  64. package/dist/widgets/expression.d.ts +2 -2
  65. package/dist/widgets/expression.js.flow +2 -2
  66. package/dist/widgets/grapher.d.ts +1 -1
  67. package/dist/widgets/grapher.js.flow +12 -3
  68. package/dist/widgets/interaction/element-container.d.ts +5 -4
  69. package/dist/widgets/interaction/element-container.js.flow +6 -11
  70. package/dist/widgets/label-image/marker.d.ts +4 -4
  71. package/dist/widgets/label-image/marker.js.flow +4 -6
  72. package/dist/widgets/matcher.d.ts +7 -3
  73. package/dist/widgets/matcher.js.flow +7 -3
  74. package/dist/widgets/number-line.d.ts +1 -1
  75. package/dist/widgets/number-line.js.flow +1 -1
  76. package/dist/widgets/numeric-input.d.ts +0 -2
  77. package/dist/widgets/numeric-input.js.flow +0 -4
  78. package/dist/widgets/radio/base-radio.d.ts +7 -1
  79. package/dist/widgets/radio/base-radio.js.flow +7 -1
  80. package/dist/widgets/radio/choice-icon/choice-icon.d.ts +1 -1
  81. package/dist/widgets/radio/choice-icon/choice-icon.js.flow +1 -1
  82. package/dist/widgets/radio/choice-icon/cross-out-line.d.ts +2 -2
  83. package/dist/widgets/radio/choice-icon/cross-out-line.js.flow +2 -2
  84. package/dist/widgets/radio/focus-ring.d.ts +8 -1
  85. package/dist/widgets/radio/focus-ring.js.flow +8 -1
  86. package/dist/widgets/radio/option-status.d.ts +2 -2
  87. package/dist/widgets/radio/option-status.js.flow +2 -2
  88. package/dist/widgets/video-transcript-link.d.ts +1 -1
  89. package/dist/widgets/video-transcript-link.js.flow +1 -1
  90. package/package.json +4 -4
  91. package/src/__stories__/item-renderer.stories.tsx +2 -6
  92. package/src/__stories__/server-item-renderer.stories.tsx +2 -6
  93. package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +151 -159
  94. package/src/__tests__/__snapshots__/renderer.test.tsx.snap +358 -394
  95. package/src/__tests__/__snapshots__/server-item-renderer.test.tsx.snap +169 -189
  96. package/src/components/__stories__/button-group.stories.tsx +2 -6
  97. package/src/components/__stories__/fixed-to-responsive.stories.tsx +14 -16
  98. package/src/components/__stories__/graph.stories.tsx +3 -5
  99. package/src/components/__stories__/graphie.stories.tsx +3 -5
  100. package/src/components/__stories__/hud.stories.tsx +2 -6
  101. package/src/components/__stories__/icon.stories.tsx +1 -1
  102. package/src/components/__stories__/image-loader.stories.tsx +4 -4
  103. package/src/components/__stories__/info-tip.stories.tsx +2 -6
  104. package/src/components/__stories__/inline-icon.stories.tsx +4 -8
  105. package/src/components/__stories__/input-with-examples.stories.tsx +6 -10
  106. package/src/components/__stories__/lint.stories.tsx +62 -27
  107. package/src/components/__stories__/math-input.stories.tsx +4 -8
  108. package/src/components/__stories__/math-output.stories.tsx +3 -5
  109. package/src/components/__stories__/multi-button-group.stories.tsx +2 -6
  110. package/src/components/__stories__/number-input.stories.tsx +6 -8
  111. package/src/components/__stories__/prop-check-box.stories.tsx +9 -9
  112. package/src/components/__stories__/range-input.stories.tsx +4 -6
  113. package/src/components/__stories__/simple-keypad-input.stories.tsx +2 -4
  114. package/src/components/__stories__/sortable.stories.tsx +20 -20
  115. package/src/components/__stories__/stub-tag-editor.stories.tsx +5 -9
  116. package/src/components/__stories__/svg-image.stories.tsx +10 -18
  117. package/src/components/__stories__/tex.stories.tsx +1 -3
  118. package/src/components/__stories__/text-buttons.stories.tsx +10 -22
  119. package/src/components/__stories__/text-input.stories.tsx +4 -10
  120. package/src/components/__stories__/text-list-editor.stories.tsx +1 -3
  121. package/src/components/__stories__/tooltip.stories.tsx +52 -0
  122. package/src/components/__stories__/zoomable-tex.stories.tsx +6 -4
  123. package/src/components/__stories__/zoomable.stories.tsx +1 -3
  124. package/src/components/__tests__/__snapshots__/sortable.test.tsx.snap +114 -30
  125. package/src/components/__tests__/__snapshots__/sorter.test.tsx.snap +172 -204
  126. package/src/components/__tests__/sortable.test.tsx +54 -16
  127. package/src/components/__tests__/sorter.test.tsx +12 -9
  128. package/src/components/fixed-to-responsive.tsx +43 -38
  129. package/src/components/graph.tsx +95 -81
  130. package/src/components/graphie.tsx +62 -32
  131. package/src/components/highlighting/highlightable-content.tsx +4 -7
  132. package/src/components/highlighting/ui/highlight-renderer.tsx +6 -9
  133. package/src/components/highlighting/ui/highlight-set-renderer.tsx +5 -8
  134. package/src/components/highlighting/ui/highlight-tooltip.tsx +2 -2
  135. package/src/components/highlighting/ui/highlighting-ui.tsx +2 -2
  136. package/src/components/highlighting/ui/selection-tracker.tsx +5 -8
  137. package/src/components/highlighting/word-indexer.tsx +2 -2
  138. package/src/components/hud.tsx +104 -115
  139. package/src/components/inline-icon.tsx +17 -34
  140. package/src/components/input-with-examples.tsx +4 -4
  141. package/src/components/lint.tsx +47 -41
  142. package/src/components/math-output.tsx +17 -11
  143. package/src/components/simple-keypad-input.tsx +4 -4
  144. package/src/components/sortable.tsx +134 -94
  145. package/src/components/svg-image.tsx +10 -11
  146. package/src/components/tex-buttons.tsx +2 -2
  147. package/src/components/tooltip.tsx +189 -171
  148. package/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx +1 -3
  149. package/src/error-boundary.tsx +4 -7
  150. package/src/interactive2/types.ts +2 -2
  151. package/src/multi-items/__stories__/multi-renderer.stories.tsx +1 -1
  152. package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +708 -764
  153. package/src/multi-items/__tests__/multi-renderer.test.tsx +2 -3
  154. package/src/perseus-types.ts +13 -12
  155. package/src/renderer.tsx +11 -22
  156. package/src/types.ts +0 -18
  157. package/src/util/graphie.ts +3 -3
  158. package/src/util/interactive.ts +18 -5
  159. package/src/util/tex.ts +13 -77
  160. package/src/util.ts +3 -4
  161. package/src/widgets/__stories__/categorizer.stories.tsx +1 -1
  162. package/src/widgets/__stories__/cs-program.stories.tsx +1 -1
  163. package/src/widgets/__stories__/definition.stories.tsx +3 -7
  164. package/src/widgets/__stories__/dropdown.stories.tsx +1 -1
  165. package/src/widgets/__stories__/explanation.stories.tsx +2 -2
  166. package/src/widgets/__stories__/expression.stories.tsx +5 -11
  167. package/src/widgets/__stories__/graded-group-set.stories.tsx +1 -1
  168. package/src/widgets/__stories__/graded-group.stories.tsx +1 -1
  169. package/src/widgets/__stories__/grapher.stories.tsx +7 -21
  170. package/src/widgets/__stories__/group.stories.tsx +1 -1
  171. package/src/widgets/__stories__/iframe.stories.tsx +1 -1
  172. package/src/widgets/__stories__/image.stories.tsx +1 -1
  173. package/src/widgets/__stories__/input-number.stories.tsx +3 -12
  174. package/src/widgets/__stories__/interaction.stories.tsx +1 -1
  175. package/src/widgets/__stories__/interactive-graph.stories.tsx +9 -9
  176. package/src/widgets/__stories__/matcher.stories.tsx +1 -1
  177. package/src/widgets/__stories__/matrix.stories.tsx +1 -1
  178. package/src/widgets/__stories__/number-line.stories.tsx +1 -1
  179. package/src/widgets/__stories__/numeric-input.stories.tsx +3 -5
  180. package/src/widgets/__stories__/orderer.stories.tsx +1 -1
  181. package/src/widgets/__stories__/passage-ref.stories.tsx +2 -2
  182. package/src/widgets/__stories__/passage.stories.tsx +3 -9
  183. package/src/widgets/__stories__/radio.stories.tsx +3 -5
  184. package/src/widgets/__stories__/sorter.stories.tsx +1 -1
  185. package/src/widgets/__stories__/test-keypad-context-wrapper.tsx +2 -4
  186. package/src/widgets/__stories__/transformer.stories.tsx +1 -1
  187. package/src/widgets/__stories__/unit.stories.tsx +1 -3
  188. package/src/widgets/__stories__/video-transcript-link.stories.tsx +2 -6
  189. package/src/widgets/__stories__/video.stories.tsx +1 -1
  190. package/src/widgets/__testdata__/group.testdata.ts +0 -2
  191. package/src/widgets/__tests__/__snapshots__/categorizer.test.ts.snap +717 -773
  192. package/src/widgets/__tests__/__snapshots__/cs-program.test.ts.snap +28 -36
  193. package/src/widgets/__tests__/__snapshots__/definition.test.ts.snap +52 -60
  194. package/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap +100 -108
  195. package/src/widgets/__tests__/__snapshots__/explanation.test.ts.snap +212 -260
  196. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt.test.ts.snap +613 -641
  197. package/src/widgets/__tests__/__snapshots__/graded-group-set.test.ts.snap +249 -261
  198. package/src/widgets/__tests__/__snapshots__/graded-group.test.ts.snap +671 -735
  199. package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap +2676 -2684
  200. package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +938 -1002
  201. package/src/widgets/__tests__/__snapshots__/iframe.test.ts.snap +28 -36
  202. package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +227 -255
  203. package/src/widgets/__tests__/__snapshots__/input-number.test.ts.snap +353 -357
  204. package/src/widgets/__tests__/__snapshots__/interaction.test.ts.snap +255 -259
  205. package/src/widgets/__tests__/__snapshots__/interactive-graph.test.ts.snap +2401 -2433
  206. package/src/widgets/__tests__/__snapshots__/matcher.test.tsx.snap +600 -756
  207. package/src/widgets/__tests__/__snapshots__/matrix.test.ts.snap +420 -428
  208. package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +762 -770
  209. package/src/widgets/__tests__/__snapshots__/numeric-input.test.ts.snap +373 -393
  210. package/src/widgets/__tests__/__snapshots__/orderer.test.ts.snap +116 -148
  211. package/src/widgets/__tests__/__snapshots__/passage-ref.test.ts.snap +289 -301
  212. package/src/widgets/__tests__/__snapshots__/passage.test.tsx.snap +1679 -1711
  213. package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +2692 -2960
  214. package/src/widgets/__tests__/__snapshots__/video.test.ts.snap +90 -98
  215. package/src/widgets/__tests__/group.test.tsx +0 -2
  216. package/src/widgets/__tests__/matcher.test.tsx +33 -9
  217. package/src/widgets/__tests__/radio/focus-ring.test.tsx +0 -1
  218. package/src/widgets/expression.tsx +12 -9
  219. package/src/widgets/grapher.tsx +3 -3
  220. package/src/widgets/image.tsx +2 -2
  221. package/src/widgets/interaction/element-container.tsx +7 -8
  222. package/src/widgets/interactive-graph.tsx +5 -5
  223. package/src/widgets/label-image/__stories__/answer-choices.stories.tsx +2 -4
  224. package/src/widgets/label-image/__stories__/marker.stories.tsx +9 -19
  225. package/src/widgets/label-image/marker.tsx +4 -4
  226. package/src/widgets/matcher.tsx +43 -24
  227. package/src/widgets/number-line.tsx +1 -1
  228. package/src/widgets/numeric-input.tsx +0 -3
  229. package/src/widgets/passage/passage-markdown.tsx +2 -2
  230. package/src/widgets/radio/__stories__/base-radio.stories.tsx +11 -19
  231. package/src/widgets/radio/__stories__/choice-icon.stories.tsx +9 -11
  232. package/src/widgets/radio/__stories__/choice-none-above.stories.tsx +1 -1
  233. package/src/widgets/radio/__stories__/choice.stories.tsx +4 -4
  234. package/src/widgets/radio/__stories__/focus-ring.stories.tsx +1 -1
  235. package/src/widgets/radio/__stories__/option-status.stories.tsx +2 -4
  236. package/src/widgets/radio/base-radio.tsx +1 -1
  237. package/src/widgets/radio/choice-icon/choice-icon.tsx +5 -5
  238. package/src/widgets/radio/choice-icon/cross-out-line.tsx +1 -3
  239. package/src/widgets/radio/choice-none-above.tsx +2 -2
  240. package/src/widgets/radio/choice.tsx +1 -3
  241. package/src/widgets/radio/focus-ring.tsx +1 -1
  242. package/src/widgets/radio/option-status.tsx +2 -4
  243. package/src/widgets/radio/widget.tsx +0 -1
  244. package/src/widgets/reaction-diagram.tsx +2 -2
  245. package/src/widgets/simulator.tsx +4 -6
  246. package/src/widgets/video-transcript-link.tsx +1 -1
  247. package/{tsconfig.json → tsconfig-build.json} +6 -6
  248. package/tsconfig-build.tsbuildinfo +1 -0
  249. package/tsconfig.tsbuildinfo +0 -1
package/src/widgets/__tests__/__snapshots__/graded-group-set.test.ts.snap CHANGED
@@ -2,319 +2,307 @@
2
2
 
3
3
  exports[`graded group widget should snapshot 1`] = `
4
4
  <div>
5
- <span
6
- class="mock-KatexProvider"
5
+ <div
6
+ class="perseus-renderer perseus-renderer-responsive"
7
7
  >
8
8
  <div
9
- class="perseus-renderer perseus-renderer-responsive"
9
+ class="paragraph"
10
+ data-perseus-paragraph-index="0"
11
+ >
12
+ <h1>
13
+ Section 1: Adding tenths less than one
14
+ </h1>
15
+ </div>
16
+ <div
17
+ class="paragraph"
18
+ data-perseus-paragraph-index="1"
10
19
  >
11
20
  <div
12
21
  class="paragraph"
13
- data-perseus-paragraph-index="0"
14
- >
15
- <h1>
16
- Section 1: Adding tenths less than one
17
- </h1>
18
- </div>
19
- <div
20
- class="paragraph"
21
- data-perseus-paragraph-index="1"
22
22
  >
23
23
  <div
24
- class="paragraph"
24
+ class="perseus-widget-container widget-nohighlight widget-block"
25
25
  >
26
26
  <div
27
- class="perseus-widget-container widget-nohighlight widget-block"
27
+ class="container_14sgdtb"
28
28
  >
29
29
  <div
30
- class="container_14sgdtb"
30
+ class="top_cjo0m2"
31
31
  >
32
32
  <div
33
- class="top_cjo0m2"
33
+ class="title_vo78fw"
34
34
  >
35
- <div
36
- class="title_vo78fw"
37
- >
38
- Problem 1a
39
- </div>
40
- <div
41
- class="spacer_bc4egv"
42
- />
43
- <ul
44
- class="indicatorContainer_rjg7c2"
35
+ Problem 1a
36
+ </div>
37
+ <div
38
+ class="spacer_bc4egv"
39
+ />
40
+ <ul
41
+ class="indicatorContainer_rjg7c2"
42
+ >
43
+ <li
44
+ aria-label="Skip to Problem 1a"
45
+ class="indicator_qk5jgn-o_O-selectedIndicator_14jsc6v"
46
+ role="button"
47
+ tabindex="0"
45
48
  >
46
- <li
47
- aria-label="Skip to Problem 1a"
48
- class="indicator_qk5jgn-o_O-selectedIndicator_14jsc6v"
49
- role="button"
50
- tabindex="0"
49
+ <span
50
+ class="srOnly_19bpjuy"
51
51
  >
52
- <span
53
- class="srOnly_19bpjuy"
54
- >
55
- Current
56
- </span>
57
- </li>
58
- <li
59
- aria-label="Skip to Problem 1b"
60
- class="indicator_qk5jgn"
61
- role="button"
62
- tabindex="0"
63
- />
64
- <li
65
- aria-label="Skip to Problem 1c"
66
- class="indicator_qk5jgn"
67
- role="button"
68
- tabindex="0"
69
- />
70
- </ul>
71
- </div>
52
+ Current
53
+ </span>
54
+ </li>
55
+ <li
56
+ aria-label="Skip to Problem 1b"
57
+ class="indicator_qk5jgn"
58
+ role="button"
59
+ tabindex="0"
60
+ />
61
+ <li
62
+ aria-label="Skip to Problem 1c"
63
+ class="indicator_qk5jgn"
64
+ role="button"
65
+ tabindex="0"
66
+ />
67
+ </ul>
68
+ </div>
69
+ <div
70
+ class="perseus-graded-group"
71
+ >
72
72
  <div
73
- class="perseus-graded-group"
73
+ class="perseus-renderer perseus-renderer-responsive"
74
74
  >
75
- <span
76
- class="mock-KatexProvider"
75
+ <div
76
+ class="paragraph"
77
+ data-perseus-paragraph-index="0"
77
78
  >
78
79
  <div
79
- class="perseus-renderer perseus-renderer-responsive"
80
+ class="paragraph"
80
81
  >
81
- <div
82
- class="paragraph"
83
- data-perseus-paragraph-index="0"
82
+ <span
83
+ style="white-space: nowrap;"
84
84
  >
85
- <div
86
- class="paragraph"
85
+ <span />
86
+ <span
87
+ class="mock-TeX"
87
88
  >
88
- <span
89
- style="white-space: nowrap;"
90
- >
91
- <span />
92
- <span
93
- class="mock-TeX"
94
- >
95
- 0.5 + 0.4 =
96
- </span>
97
- <span />
98
- </span>
99
-
100
- <div
101
- class="perseus-widget-container widget-nohighlight widget-inline-block"
102
- >
89
+ 0.5 + 0.4 =
90
+ </span>
91
+ <span />
92
+ </span>
93
+
94
+ <div
95
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
96
+ >
97
+ <div>
98
+ <span>
103
99
  <div>
104
- <span>
105
- <div>
106
- <input
107
- aria-label="Your answer:"
108
- autocapitalize="off"
109
- autocomplete="off"
110
- autocorrect="off"
111
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
112
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
113
- type="text"
114
- value=""
100
+ <input
101
+ aria-label="Your answer:"
102
+ autocapitalize="off"
103
+ autocomplete="off"
104
+ autocorrect="off"
105
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
106
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
107
+ type="text"
108
+ value=""
109
+ />
110
+ </div>
111
+ <div
112
+ style="position: relative; height: 0px; display: none;"
113
+ >
114
+ <div
115
+ class="tooltipContainer"
116
+ style="position: absolute; left: 0px;"
117
+ >
118
+ <div
119
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
120
+ >
121
+ <div
122
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
123
+ />
124
+ <div
125
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
115
126
  />
116
127
  </div>
117
128
  <div
118
- style="position: relative; height: 0px; display: none;"
129
+ class="perseus-formats-tooltip preview-measure"
130
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
119
131
  >
120
132
  <div
121
- class="tooltipContainer"
122
- style="position: absolute; left: 0px;"
133
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
123
134
  >
124
135
  <div
125
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
136
+ class="perseus-renderer perseus-renderer-responsive"
126
137
  >
127
138
  <div
128
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
129
- />
130
- <div
131
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
132
- />
133
- </div>
134
- <div
135
- class="perseus-formats-tooltip preview-measure"
136
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
137
- >
138
- <div
139
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
139
+ class="paragraph"
140
+ data-perseus-paragraph-index="0"
140
141
  >
141
- <span
142
- class="mock-KatexProvider"
143
- >
144
- <div
145
- class="perseus-renderer perseus-renderer-responsive"
146
- >
147
- <div
148
- class="paragraph"
149
- data-perseus-paragraph-index="0"
142
+ <ul>
143
+ <li>
144
+ <strong>
145
+ Your answer should be
146
+ </strong>
147
+ </li>
148
+ <li>
149
+ an integer, like
150
+ <span
151
+ style="white-space: nowrap;"
152
+ >
153
+ <span />
154
+ <span
155
+ class="mock-TeX"
156
+ >
157
+ 6
158
+ </span>
159
+ <span />
160
+ </span>
161
+ </li>
162
+ <li>
163
+ a
164
+ <em>
165
+ simplified proper
166
+ </em>
167
+ fraction, like
168
+ <span
169
+ style="white-space: nowrap;"
170
+ >
171
+ <span />
172
+ <span
173
+ class="mock-TeX"
174
+ >
175
+ 3/5
176
+ </span>
177
+ <span />
178
+ </span>
179
+ </li>
180
+ <li>
181
+ a
182
+ <em>
183
+ simplified improper
184
+ </em>
185
+ fraction, like
186
+ <span
187
+ style="white-space: nowrap;"
188
+ >
189
+ <span />
190
+ <span
191
+ class="mock-TeX"
192
+ >
193
+ 7/4
194
+ </span>
195
+ <span />
196
+ </span>
197
+ </li>
198
+ <li>
199
+ a mixed number, like
200
+ <span
201
+ style="white-space: nowrap;"
150
202
  >
151
- <ul>
152
- <li>
153
- <strong>
154
- Your answer should be
155
- </strong>
156
- </li>
157
- <li>
158
- an integer, like
159
- <span
160
- style="white-space: nowrap;"
161
- >
162
- <span />
163
- <span
164
- class="mock-TeX"
165
- >
166
- 6
167
- </span>
168
- <span />
169
- </span>
170
- </li>
171
- <li>
172
- a
173
- <em>
174
- simplified proper
175
- </em>
176
- fraction, like
177
- <span
178
- style="white-space: nowrap;"
179
- >
180
- <span />
181
- <span
182
- class="mock-TeX"
183
- >
184
- 3/5
185
- </span>
186
- <span />
187
- </span>
188
- </li>
189
- <li>
190
- a
191
- <em>
192
- simplified improper
193
- </em>
194
- fraction, like
195
- <span
196
- style="white-space: nowrap;"
197
- >
198
- <span />
199
- <span
200
- class="mock-TeX"
201
- >
202
- 7/4
203
- </span>
204
- <span />
205
- </span>
206
- </li>
207
- <li>
208
- a mixed number, like
209
- <span
210
- style="white-space: nowrap;"
211
- >
212
- <span />
213
- <span
214
- class="mock-TeX"
215
- >
216
- 1\\ 3/4
217
- </span>
218
- <span />
219
- </span>
220
- </li>
221
- <li>
222
- an
223
- <em>
224
- exact
225
- </em>
226
- decimal, like
227
- <span
228
- style="white-space: nowrap;"
229
- >
230
- <span />
231
- <span
232
- class="mock-TeX"
233
- >
234
- 0.75
235
- </span>
236
- <span />
237
- </span>
238
- </li>
239
- <li>
240
- a multiple of pi, like
241
- <span
242
- style="white-space: nowrap;"
243
- >
244
- <span />
245
- <span
246
- class="mock-TeX"
247
- >
248
- 12\\ \\text{pi}
249
- </span>
250
- <span />
251
- </span>
252
- or
253
- <span
254
- style="white-space: nowrap;"
255
- >
256
- <span />
257
- <span
258
- class="mock-TeX"
259
- >
260
- 2/3\\ \\text{pi}
261
- </span>
262
- <span />
263
- </span>
264
- </li>
265
- </ul>
266
- </div>
267
- </div>
268
- </span>
203
+ <span />
204
+ <span
205
+ class="mock-TeX"
206
+ >
207
+ 1\\ 3/4
208
+ </span>
209
+ <span />
210
+ </span>
211
+ </li>
212
+ <li>
213
+ an
214
+ <em>
215
+ exact
216
+ </em>
217
+ decimal, like
218
+ <span
219
+ style="white-space: nowrap;"
220
+ >
221
+ <span />
222
+ <span
223
+ class="mock-TeX"
224
+ >
225
+ 0.75
226
+ </span>
227
+ <span />
228
+ </span>
229
+ </li>
230
+ <li>
231
+ a multiple of pi, like
232
+ <span
233
+ style="white-space: nowrap;"
234
+ >
235
+ <span />
236
+ <span
237
+ class="mock-TeX"
238
+ >
239
+ 12\\ \\text{pi}
240
+ </span>
241
+ <span />
242
+ </span>
243
+ or
244
+ <span
245
+ style="white-space: nowrap;"
246
+ >
247
+ <span />
248
+ <span
249
+ class="mock-TeX"
250
+ >
251
+ 2/3\\ \\text{pi}
252
+ </span>
253
+ <span />
254
+ </span>
255
+ </li>
256
+ </ul>
269
257
  </div>
270
258
  </div>
271
259
  </div>
272
260
  </div>
273
- </span>
261
+ </div>
274
262
  </div>
275
- </div>
263
+ </span>
276
264
  </div>
277
265
  </div>
278
266
  </div>
279
- </span>
280
- <p
281
- aria-live="polite"
282
- role="status"
283
- />
284
- <button
285
- aria-disabled="false"
286
- class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
287
- role="button"
288
- type="button"
289
- >
290
- <span
291
- class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
292
- >
293
- Check
294
- </span>
295
- </button>
296
- <button
297
- class="showHintLink_oak3yy"
298
- tabindex="0"
299
- >
300
- Explain
301
- </button>
267
+ </div>
302
268
  </div>
269
+ <p
270
+ aria-live="polite"
271
+ role="status"
272
+ />
273
+ <button
274
+ aria-disabled="false"
275
+ class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
276
+ role="button"
277
+ type="button"
278
+ >
279
+ <span
280
+ class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
281
+ >
282
+ Check
283
+ </span>
284
+ </button>
285
+ <button
286
+ class="showHintLink_oak3yy"
287
+ tabindex="0"
288
+ >
289
+ Explain
290
+ </button>
303
291
  </div>
304
292
  </div>
305
293
  </div>
306
294
  </div>
295
+ </div>
296
+ <div
297
+ class="paragraph"
298
+ data-perseus-paragraph-index="2"
299
+ >
307
300
  <div
308
301
  class="paragraph"
309
- data-perseus-paragraph-index="2"
310
302
  >
311
- <div
312
- class="paragraph"
313
- >
314
- Beautiful, let's move on to problems with whole numbers and tenths.
315
- </div>
303
+ Beautiful, let's move on to problems with whole numbers and tenths.
316
304
  </div>
317
305
  </div>
318
- </span>
306
+ </div>
319
307
  </div>
320
308
  `;