@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-jipt.test.ts.snap CHANGED
@@ -2,756 +2,728 @@
2
2
 
3
3
  exports[`graded-group-set should render all graded groups 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="perseus-graded-group"
31
31
  >
32
32
  <div
33
- class="perseus-graded-group"
33
+ class="title_1lagzkb"
34
+ >
35
+ Problem 1a
36
+ </div>
37
+ <div
38
+ class="perseus-renderer perseus-renderer-responsive"
34
39
  >
35
40
  <div
36
- class="title_1lagzkb"
37
- >
38
- Problem 1a
39
- </div>
40
- <span
41
- class="mock-KatexProvider"
41
+ class="paragraph"
42
+ data-perseus-paragraph-index="0"
42
43
  >
43
44
  <div
44
- class="perseus-renderer perseus-renderer-responsive"
45
+ class="paragraph"
45
46
  >
46
- <div
47
- class="paragraph"
48
- data-perseus-paragraph-index="0"
47
+ <span
48
+ style="white-space: nowrap;"
49
49
  >
50
- <div
51
- class="paragraph"
50
+ <span />
51
+ <span
52
+ class="mock-TeX"
52
53
  >
53
- <span
54
- style="white-space: nowrap;"
55
- >
56
- <span />
57
- <span
58
- class="mock-TeX"
59
- >
60
- 0.5 + 0.4 =
61
- </span>
62
- <span />
63
- </span>
64
-
65
- <div
66
- class="perseus-widget-container widget-nohighlight widget-inline-block"
67
- >
54
+ 0.5 + 0.4 =
55
+ </span>
56
+ <span />
57
+ </span>
58
+
59
+ <div
60
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
61
+ >
62
+ <div>
63
+ <span>
68
64
  <div>
69
- <span>
70
- <div>
71
- <input
72
- aria-label="Your answer:"
73
- autocapitalize="off"
74
- autocomplete="off"
75
- autocorrect="off"
76
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
77
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
78
- type="text"
79
- value=""
65
+ <input
66
+ aria-label="Your answer:"
67
+ autocapitalize="off"
68
+ autocomplete="off"
69
+ autocorrect="off"
70
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
71
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
72
+ type="text"
73
+ value=""
74
+ />
75
+ </div>
76
+ <div
77
+ style="position: relative; height: 0px; display: none;"
78
+ >
79
+ <div
80
+ class="tooltipContainer"
81
+ style="position: absolute; left: 0px;"
82
+ >
83
+ <div
84
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
85
+ >
86
+ <div
87
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
88
+ />
89
+ <div
90
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
80
91
  />
81
92
  </div>
82
93
  <div
83
- style="position: relative; height: 0px; display: none;"
94
+ class="perseus-formats-tooltip preview-measure"
95
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
84
96
  >
85
97
  <div
86
- class="tooltipContainer"
87
- style="position: absolute; left: 0px;"
98
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
88
99
  >
89
100
  <div
90
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
101
+ class="perseus-renderer perseus-renderer-responsive"
91
102
  >
92
103
  <div
93
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
94
- />
95
- <div
96
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
97
- />
98
- </div>
99
- <div
100
- class="perseus-formats-tooltip preview-measure"
101
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
102
- >
103
- <div
104
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
104
+ class="paragraph"
105
+ data-perseus-paragraph-index="0"
105
106
  >
106
- <span
107
- class="mock-KatexProvider"
108
- >
109
- <div
110
- class="perseus-renderer perseus-renderer-responsive"
111
- >
112
- <div
113
- class="paragraph"
114
- data-perseus-paragraph-index="0"
107
+ <ul>
108
+ <li>
109
+ <strong>
110
+ Your answer should be
111
+ </strong>
112
+ </li>
113
+ <li>
114
+ an integer, like
115
+ <span
116
+ style="white-space: nowrap;"
117
+ >
118
+ <span />
119
+ <span
120
+ class="mock-TeX"
121
+ >
122
+ 6
123
+ </span>
124
+ <span />
125
+ </span>
126
+ </li>
127
+ <li>
128
+ a
129
+ <em>
130
+ simplified proper
131
+ </em>
132
+ fraction, like
133
+ <span
134
+ style="white-space: nowrap;"
135
+ >
136
+ <span />
137
+ <span
138
+ class="mock-TeX"
139
+ >
140
+ 3/5
141
+ </span>
142
+ <span />
143
+ </span>
144
+ </li>
145
+ <li>
146
+ a
147
+ <em>
148
+ simplified improper
149
+ </em>
150
+ fraction, like
151
+ <span
152
+ style="white-space: nowrap;"
153
+ >
154
+ <span />
155
+ <span
156
+ class="mock-TeX"
157
+ >
158
+ 7/4
159
+ </span>
160
+ <span />
161
+ </span>
162
+ </li>
163
+ <li>
164
+ a mixed number, like
165
+ <span
166
+ style="white-space: nowrap;"
167
+ >
168
+ <span />
169
+ <span
170
+ class="mock-TeX"
171
+ >
172
+ 1\\ 3/4
173
+ </span>
174
+ <span />
175
+ </span>
176
+ </li>
177
+ <li>
178
+ an
179
+ <em>
180
+ exact
181
+ </em>
182
+ decimal, like
183
+ <span
184
+ style="white-space: nowrap;"
115
185
  >
116
- <ul>
117
- <li>
118
- <strong>
119
- Your answer should be
120
- </strong>
121
- </li>
122
- <li>
123
- an integer, like
124
- <span
125
- style="white-space: nowrap;"
126
- >
127
- <span />
128
- <span
129
- class="mock-TeX"
130
- >
131
- 6
132
- </span>
133
- <span />
134
- </span>
135
- </li>
136
- <li>
137
- a
138
- <em>
139
- simplified proper
140
- </em>
141
- fraction, like
142
- <span
143
- style="white-space: nowrap;"
144
- >
145
- <span />
146
- <span
147
- class="mock-TeX"
148
- >
149
- 3/5
150
- </span>
151
- <span />
152
- </span>
153
- </li>
154
- <li>
155
- a
156
- <em>
157
- simplified improper
158
- </em>
159
- fraction, like
160
- <span
161
- style="white-space: nowrap;"
162
- >
163
- <span />
164
- <span
165
- class="mock-TeX"
166
- >
167
- 7/4
168
- </span>
169
- <span />
170
- </span>
171
- </li>
172
- <li>
173
- a mixed number, like
174
- <span
175
- style="white-space: nowrap;"
176
- >
177
- <span />
178
- <span
179
- class="mock-TeX"
180
- >
181
- 1\\ 3/4
182
- </span>
183
- <span />
184
- </span>
185
- </li>
186
- <li>
187
- an
188
- <em>
189
- exact
190
- </em>
191
- decimal, like
192
- <span
193
- style="white-space: nowrap;"
194
- >
195
- <span />
196
- <span
197
- class="mock-TeX"
198
- >
199
- 0.75
200
- </span>
201
- <span />
202
- </span>
203
- </li>
204
- <li>
205
- a multiple of pi, like
206
- <span
207
- style="white-space: nowrap;"
208
- >
209
- <span />
210
- <span
211
- class="mock-TeX"
212
- >
213
- 12\\ \\text{pi}
214
- </span>
215
- <span />
216
- </span>
217
- or
218
- <span
219
- style="white-space: nowrap;"
220
- >
221
- <span />
222
- <span
223
- class="mock-TeX"
224
- >
225
- 2/3\\ \\text{pi}
226
- </span>
227
- <span />
228
- </span>
229
- </li>
230
- </ul>
231
- </div>
232
- </div>
233
- </span>
186
+ <span />
187
+ <span
188
+ class="mock-TeX"
189
+ >
190
+ 0.75
191
+ </span>
192
+ <span />
193
+ </span>
194
+ </li>
195
+ <li>
196
+ a multiple of pi, like
197
+ <span
198
+ style="white-space: nowrap;"
199
+ >
200
+ <span />
201
+ <span
202
+ class="mock-TeX"
203
+ >
204
+ 12\\ \\text{pi}
205
+ </span>
206
+ <span />
207
+ </span>
208
+ or
209
+ <span
210
+ style="white-space: nowrap;"
211
+ >
212
+ <span />
213
+ <span
214
+ class="mock-TeX"
215
+ >
216
+ 2/3\\ \\text{pi}
217
+ </span>
218
+ <span />
219
+ </span>
220
+ </li>
221
+ </ul>
234
222
  </div>
235
223
  </div>
236
224
  </div>
237
225
  </div>
238
- </span>
226
+ </div>
239
227
  </div>
240
- </div>
228
+ </span>
241
229
  </div>
242
230
  </div>
243
231
  </div>
244
- </span>
245
- <p
246
- aria-live="polite"
247
- role="status"
248
- />
249
- <button
250
- aria-disabled="false"
251
- class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
252
- role="button"
253
- type="button"
254
- >
255
- <span
256
- class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
257
- >
258
- Check
259
- </span>
260
- </button>
261
- <button
262
- class="showHintLink_oak3yy"
263
- tabindex="0"
232
+ </div>
233
+ </div>
234
+ <p
235
+ aria-live="polite"
236
+ role="status"
237
+ />
238
+ <button
239
+ aria-disabled="false"
240
+ class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
241
+ role="button"
242
+ type="button"
243
+ >
244
+ <span
245
+ class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
264
246
  >
265
- Explain
266
- </button>
247
+ Check
248
+ </span>
249
+ </button>
250
+ <button
251
+ class="showHintLink_oak3yy"
252
+ tabindex="0"
253
+ >
254
+ Explain
255
+ </button>
256
+ </div>
257
+ <div
258
+ class="perseus-graded-group"
259
+ >
260
+ <div
261
+ class="title_1lagzkb"
262
+ >
263
+ Problem 1b
267
264
  </div>
268
265
  <div
269
- class="perseus-graded-group"
266
+ class="perseus-renderer perseus-renderer-responsive"
270
267
  >
271
268
  <div
272
- class="title_1lagzkb"
273
- >
274
- Problem 1b
275
- </div>
276
- <span
277
- class="mock-KatexProvider"
269
+ class="paragraph"
270
+ data-perseus-paragraph-index="0"
278
271
  >
279
272
  <div
280
- class="perseus-renderer perseus-renderer-responsive"
273
+ class="paragraph"
281
274
  >
282
- <div
283
- class="paragraph"
284
- data-perseus-paragraph-index="0"
275
+ <span
276
+ style="white-space: nowrap;"
285
277
  >
286
- <div
287
- class="paragraph"
278
+ <span />
279
+ <span
280
+ class="mock-TeX"
288
281
  >
289
- <span
290
- style="white-space: nowrap;"
291
- >
292
- <span />
293
- <span
294
- class="mock-TeX"
295
- >
296
- 0.6 + 0.4 =
297
- </span>
298
- <span />
299
- </span>
300
-
301
- <div
302
- class="perseus-widget-container widget-nohighlight widget-inline-block"
303
- >
282
+ 0.6 + 0.4 =
283
+ </span>
284
+ <span />
285
+ </span>
286
+
287
+ <div
288
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
289
+ >
290
+ <div>
291
+ <span>
304
292
  <div>
305
- <span>
306
- <div>
307
- <input
308
- aria-label="Your answer:"
309
- autocapitalize="off"
310
- autocomplete="off"
311
- autocorrect="off"
312
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
313
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
314
- type="text"
315
- value=""
293
+ <input
294
+ aria-label="Your answer:"
295
+ autocapitalize="off"
296
+ autocomplete="off"
297
+ autocorrect="off"
298
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
299
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
300
+ type="text"
301
+ value=""
302
+ />
303
+ </div>
304
+ <div
305
+ style="position: relative; height: 0px; display: none;"
306
+ >
307
+ <div
308
+ class="tooltipContainer"
309
+ style="position: absolute; left: 0px;"
310
+ >
311
+ <div
312
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
313
+ >
314
+ <div
315
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
316
+ />
317
+ <div
318
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
316
319
  />
317
320
  </div>
318
321
  <div
319
- style="position: relative; height: 0px; display: none;"
322
+ class="perseus-formats-tooltip preview-measure"
323
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
320
324
  >
321
325
  <div
322
- class="tooltipContainer"
323
- style="position: absolute; left: 0px;"
326
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
324
327
  >
325
328
  <div
326
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
329
+ class="perseus-renderer perseus-renderer-responsive"
327
330
  >
328
331
  <div
329
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
330
- />
331
- <div
332
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
333
- />
334
- </div>
335
- <div
336
- class="perseus-formats-tooltip preview-measure"
337
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
338
- >
339
- <div
340
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
332
+ class="paragraph"
333
+ data-perseus-paragraph-index="0"
341
334
  >
342
- <span
343
- class="mock-KatexProvider"
344
- >
345
- <div
346
- class="perseus-renderer perseus-renderer-responsive"
347
- >
348
- <div
349
- class="paragraph"
350
- data-perseus-paragraph-index="0"
335
+ <ul>
336
+ <li>
337
+ <strong>
338
+ Your answer should be
339
+ </strong>
340
+ </li>
341
+ <li>
342
+ an integer, like
343
+ <span
344
+ style="white-space: nowrap;"
345
+ >
346
+ <span />
347
+ <span
348
+ class="mock-TeX"
349
+ >
350
+ 6
351
+ </span>
352
+ <span />
353
+ </span>
354
+ </li>
355
+ <li>
356
+ a
357
+ <em>
358
+ simplified proper
359
+ </em>
360
+ fraction, like
361
+ <span
362
+ style="white-space: nowrap;"
363
+ >
364
+ <span />
365
+ <span
366
+ class="mock-TeX"
367
+ >
368
+ 3/5
369
+ </span>
370
+ <span />
371
+ </span>
372
+ </li>
373
+ <li>
374
+ a
375
+ <em>
376
+ simplified improper
377
+ </em>
378
+ fraction, like
379
+ <span
380
+ style="white-space: nowrap;"
381
+ >
382
+ <span />
383
+ <span
384
+ class="mock-TeX"
385
+ >
386
+ 7/4
387
+ </span>
388
+ <span />
389
+ </span>
390
+ </li>
391
+ <li>
392
+ a mixed number, like
393
+ <span
394
+ style="white-space: nowrap;"
395
+ >
396
+ <span />
397
+ <span
398
+ class="mock-TeX"
399
+ >
400
+ 1\\ 3/4
401
+ </span>
402
+ <span />
403
+ </span>
404
+ </li>
405
+ <li>
406
+ an
407
+ <em>
408
+ exact
409
+ </em>
410
+ decimal, like
411
+ <span
412
+ style="white-space: nowrap;"
413
+ >
414
+ <span />
415
+ <span
416
+ class="mock-TeX"
417
+ >
418
+ 0.75
419
+ </span>
420
+ <span />
421
+ </span>
422
+ </li>
423
+ <li>
424
+ a multiple of pi, like
425
+ <span
426
+ style="white-space: nowrap;"
351
427
  >
352
- <ul>
353
- <li>
354
- <strong>
355
- Your answer should be
356
- </strong>
357
- </li>
358
- <li>
359
- an integer, like
360
- <span
361
- style="white-space: nowrap;"
362
- >
363
- <span />
364
- <span
365
- class="mock-TeX"
366
- >
367
- 6
368
- </span>
369
- <span />
370
- </span>
371
- </li>
372
- <li>
373
- a
374
- <em>
375
- simplified proper
376
- </em>
377
- fraction, like
378
- <span
379
- style="white-space: nowrap;"
380
- >
381
- <span />
382
- <span
383
- class="mock-TeX"
384
- >
385
- 3/5
386
- </span>
387
- <span />
388
- </span>
389
- </li>
390
- <li>
391
- a
392
- <em>
393
- simplified improper
394
- </em>
395
- fraction, like
396
- <span
397
- style="white-space: nowrap;"
398
- >
399
- <span />
400
- <span
401
- class="mock-TeX"
402
- >
403
- 7/4
404
- </span>
405
- <span />
406
- </span>
407
- </li>
408
- <li>
409
- a mixed number, like
410
- <span
411
- style="white-space: nowrap;"
412
- >
413
- <span />
414
- <span
415
- class="mock-TeX"
416
- >
417
- 1\\ 3/4
418
- </span>
419
- <span />
420
- </span>
421
- </li>
422
- <li>
423
- an
424
- <em>
425
- exact
426
- </em>
427
- decimal, like
428
- <span
429
- style="white-space: nowrap;"
430
- >
431
- <span />
432
- <span
433
- class="mock-TeX"
434
- >
435
- 0.75
436
- </span>
437
- <span />
438
- </span>
439
- </li>
440
- <li>
441
- a multiple of pi, like
442
- <span
443
- style="white-space: nowrap;"
444
- >
445
- <span />
446
- <span
447
- class="mock-TeX"
448
- >
449
- 12\\ \\text{pi}
450
- </span>
451
- <span />
452
- </span>
453
- or
454
- <span
455
- style="white-space: nowrap;"
456
- >
457
- <span />
458
- <span
459
- class="mock-TeX"
460
- >
461
- 2/3\\ \\text{pi}
462
- </span>
463
- <span />
464
- </span>
465
- </li>
466
- </ul>
467
- </div>
468
- </div>
469
- </span>
428
+ <span />
429
+ <span
430
+ class="mock-TeX"
431
+ >
432
+ 12\\ \\text{pi}
433
+ </span>
434
+ <span />
435
+ </span>
436
+ or
437
+ <span
438
+ style="white-space: nowrap;"
439
+ >
440
+ <span />
441
+ <span
442
+ class="mock-TeX"
443
+ >
444
+ 2/3\\ \\text{pi}
445
+ </span>
446
+ <span />
447
+ </span>
448
+ </li>
449
+ </ul>
470
450
  </div>
471
451
  </div>
472
452
  </div>
473
453
  </div>
474
- </span>
454
+ </div>
475
455
  </div>
476
- </div>
456
+ </span>
477
457
  </div>
478
458
  </div>
479
459
  </div>
480
- </span>
481
- <p
482
- aria-live="polite"
483
- role="status"
484
- />
485
- <button
486
- aria-disabled="false"
487
- class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
488
- role="button"
489
- type="button"
490
- >
491
- <span
492
- class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
493
- >
494
- Check
495
- </span>
496
- </button>
497
- <button
498
- class="showHintLink_oak3yy"
499
- tabindex="0"
460
+ </div>
461
+ </div>
462
+ <p
463
+ aria-live="polite"
464
+ role="status"
465
+ />
466
+ <button
467
+ aria-disabled="false"
468
+ class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
469
+ role="button"
470
+ type="button"
471
+ >
472
+ <span
473
+ class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
500
474
  >
501
- Explain
502
- </button>
475
+ Check
476
+ </span>
477
+ </button>
478
+ <button
479
+ class="showHintLink_oak3yy"
480
+ tabindex="0"
481
+ >
482
+ Explain
483
+ </button>
484
+ </div>
485
+ <div
486
+ class="perseus-graded-group"
487
+ >
488
+ <div
489
+ class="title_1lagzkb"
490
+ >
491
+ Problem 1c
503
492
  </div>
504
493
  <div
505
- class="perseus-graded-group"
494
+ class="perseus-renderer perseus-renderer-responsive"
506
495
  >
507
496
  <div
508
- class="title_1lagzkb"
509
- >
510
- Problem 1c
511
- </div>
512
- <span
513
- class="mock-KatexProvider"
497
+ class="paragraph"
498
+ data-perseus-paragraph-index="0"
514
499
  >
515
500
  <div
516
- class="perseus-renderer perseus-renderer-responsive"
501
+ class="paragraph"
517
502
  >
518
- <div
519
- class="paragraph"
520
- data-perseus-paragraph-index="0"
503
+ <span
504
+ style="white-space: nowrap;"
521
505
  >
522
- <div
523
- class="paragraph"
506
+ <span />
507
+ <span
508
+ class="mock-TeX"
524
509
  >
525
- <span
526
- style="white-space: nowrap;"
527
- >
528
- <span />
529
- <span
530
- class="mock-TeX"
531
- >
532
- 0.8 + 0.4 =
533
- </span>
534
- <span />
535
- </span>
536
-
537
- <div
538
- class="perseus-widget-container widget-nohighlight widget-inline-block"
539
- >
510
+ 0.8 + 0.4 =
511
+ </span>
512
+ <span />
513
+ </span>
514
+
515
+ <div
516
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
517
+ >
518
+ <div>
519
+ <span>
540
520
  <div>
541
- <span>
542
- <div>
543
- <input
544
- aria-label="Your answer:"
545
- autocapitalize="off"
546
- autocomplete="off"
547
- autocorrect="off"
548
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
549
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
550
- type="text"
551
- value=""
521
+ <input
522
+ aria-label="Your answer:"
523
+ autocapitalize="off"
524
+ autocomplete="off"
525
+ autocorrect="off"
526
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
527
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
528
+ type="text"
529
+ value=""
530
+ />
531
+ </div>
532
+ <div
533
+ style="position: relative; height: 0px; display: none;"
534
+ >
535
+ <div
536
+ class="tooltipContainer"
537
+ style="position: absolute; left: 0px;"
538
+ >
539
+ <div
540
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
541
+ >
542
+ <div
543
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
544
+ />
545
+ <div
546
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
552
547
  />
553
548
  </div>
554
549
  <div
555
- style="position: relative; height: 0px; display: none;"
550
+ class="perseus-formats-tooltip preview-measure"
551
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
556
552
  >
557
553
  <div
558
- class="tooltipContainer"
559
- style="position: absolute; left: 0px;"
554
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
560
555
  >
561
556
  <div
562
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
563
- >
564
- <div
565
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
566
- />
567
- <div
568
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
569
- />
570
- </div>
571
- <div
572
- class="perseus-formats-tooltip preview-measure"
573
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
557
+ class="perseus-renderer perseus-renderer-responsive"
574
558
  >
575
559
  <div
576
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
560
+ class="paragraph"
561
+ data-perseus-paragraph-index="0"
577
562
  >
578
- <span
579
- class="mock-KatexProvider"
580
- >
581
- <div
582
- class="perseus-renderer perseus-renderer-responsive"
583
- >
584
- <div
585
- class="paragraph"
586
- data-perseus-paragraph-index="0"
563
+ <ul>
564
+ <li>
565
+ <strong>
566
+ Your answer should be
567
+ </strong>
568
+ </li>
569
+ <li>
570
+ an integer, like
571
+ <span
572
+ style="white-space: nowrap;"
573
+ >
574
+ <span />
575
+ <span
576
+ class="mock-TeX"
577
+ >
578
+ 6
579
+ </span>
580
+ <span />
581
+ </span>
582
+ </li>
583
+ <li>
584
+ a
585
+ <em>
586
+ simplified proper
587
+ </em>
588
+ fraction, like
589
+ <span
590
+ style="white-space: nowrap;"
591
+ >
592
+ <span />
593
+ <span
594
+ class="mock-TeX"
595
+ >
596
+ 3/5
597
+ </span>
598
+ <span />
599
+ </span>
600
+ </li>
601
+ <li>
602
+ a
603
+ <em>
604
+ simplified improper
605
+ </em>
606
+ fraction, like
607
+ <span
608
+ style="white-space: nowrap;"
609
+ >
610
+ <span />
611
+ <span
612
+ class="mock-TeX"
613
+ >
614
+ 7/4
615
+ </span>
616
+ <span />
617
+ </span>
618
+ </li>
619
+ <li>
620
+ a mixed number, like
621
+ <span
622
+ style="white-space: nowrap;"
623
+ >
624
+ <span />
625
+ <span
626
+ class="mock-TeX"
627
+ >
628
+ 1\\ 3/4
629
+ </span>
630
+ <span />
631
+ </span>
632
+ </li>
633
+ <li>
634
+ an
635
+ <em>
636
+ exact
637
+ </em>
638
+ decimal, like
639
+ <span
640
+ style="white-space: nowrap;"
641
+ >
642
+ <span />
643
+ <span
644
+ class="mock-TeX"
645
+ >
646
+ 0.75
647
+ </span>
648
+ <span />
649
+ </span>
650
+ </li>
651
+ <li>
652
+ a multiple of pi, like
653
+ <span
654
+ style="white-space: nowrap;"
655
+ >
656
+ <span />
657
+ <span
658
+ class="mock-TeX"
659
+ >
660
+ 12\\ \\text{pi}
661
+ </span>
662
+ <span />
663
+ </span>
664
+ or
665
+ <span
666
+ style="white-space: nowrap;"
587
667
  >
588
- <ul>
589
- <li>
590
- <strong>
591
- Your answer should be
592
- </strong>
593
- </li>
594
- <li>
595
- an integer, like
596
- <span
597
- style="white-space: nowrap;"
598
- >
599
- <span />
600
- <span
601
- class="mock-TeX"
602
- >
603
- 6
604
- </span>
605
- <span />
606
- </span>
607
- </li>
608
- <li>
609
- a
610
- <em>
611
- simplified proper
612
- </em>
613
- fraction, like
614
- <span
615
- style="white-space: nowrap;"
616
- >
617
- <span />
618
- <span
619
- class="mock-TeX"
620
- >
621
- 3/5
622
- </span>
623
- <span />
624
- </span>
625
- </li>
626
- <li>
627
- a
628
- <em>
629
- simplified improper
630
- </em>
631
- fraction, like
632
- <span
633
- style="white-space: nowrap;"
634
- >
635
- <span />
636
- <span
637
- class="mock-TeX"
638
- >
639
- 7/4
640
- </span>
641
- <span />
642
- </span>
643
- </li>
644
- <li>
645
- a mixed number, like
646
- <span
647
- style="white-space: nowrap;"
648
- >
649
- <span />
650
- <span
651
- class="mock-TeX"
652
- >
653
- 1\\ 3/4
654
- </span>
655
- <span />
656
- </span>
657
- </li>
658
- <li>
659
- an
660
- <em>
661
- exact
662
- </em>
663
- decimal, like
664
- <span
665
- style="white-space: nowrap;"
666
- >
667
- <span />
668
- <span
669
- class="mock-TeX"
670
- >
671
- 0.75
672
- </span>
673
- <span />
674
- </span>
675
- </li>
676
- <li>
677
- a multiple of pi, like
678
- <span
679
- style="white-space: nowrap;"
680
- >
681
- <span />
682
- <span
683
- class="mock-TeX"
684
- >
685
- 12\\ \\text{pi}
686
- </span>
687
- <span />
688
- </span>
689
- or
690
- <span
691
- style="white-space: nowrap;"
692
- >
693
- <span />
694
- <span
695
- class="mock-TeX"
696
- >
697
- 2/3\\ \\text{pi}
698
- </span>
699
- <span />
700
- </span>
701
- </li>
702
- </ul>
703
- </div>
704
- </div>
705
- </span>
668
+ <span />
669
+ <span
670
+ class="mock-TeX"
671
+ >
672
+ 2/3\\ \\text{pi}
673
+ </span>
674
+ <span />
675
+ </span>
676
+ </li>
677
+ </ul>
706
678
  </div>
707
679
  </div>
708
680
  </div>
709
681
  </div>
710
- </span>
682
+ </div>
711
683
  </div>
712
- </div>
684
+ </span>
713
685
  </div>
714
686
  </div>
715
687
  </div>
716
- </span>
717
- <p
718
- aria-live="polite"
719
- role="status"
720
- />
721
- <button
722
- aria-disabled="false"
723
- class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
724
- role="button"
725
- type="button"
726
- >
727
- <span
728
- class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
729
- >
730
- Check
731
- </span>
732
- </button>
733
- <button
734
- class="showHintLink_oak3yy"
735
- tabindex="0"
736
- >
737
- Explain
738
- </button>
688
+ </div>
739
689
  </div>
690
+ <p
691
+ aria-live="polite"
692
+ role="status"
693
+ />
694
+ <button
695
+ aria-disabled="false"
696
+ class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
697
+ role="button"
698
+ type="button"
699
+ >
700
+ <span
701
+ class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
702
+ >
703
+ Check
704
+ </span>
705
+ </button>
706
+ <button
707
+ class="showHintLink_oak3yy"
708
+ tabindex="0"
709
+ >
710
+ Explain
711
+ </button>
740
712
  </div>
741
713
  </div>
742
714
  </div>
743
715
  </div>
716
+ </div>
717
+ <div
718
+ class="paragraph"
719
+ data-perseus-paragraph-index="2"
720
+ >
744
721
  <div
745
722
  class="paragraph"
746
- data-perseus-paragraph-index="2"
747
723
  >
748
- <div
749
- class="paragraph"
750
- >
751
- Beautiful, let's move on to problems with whole numbers and tenths.
752
- </div>
724
+ Beautiful, let's move on to problems with whole numbers and tenths.
753
725
  </div>
754
726
  </div>
755
- </span>
727
+ </div>
756
728
  </div>
757
729
  `;