@khanacademy/perseus 0.0.1 → 0.1.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 (503) hide show
  1. package/.babelrc.js +1 -1
  2. package/CHANGELOG.md +7 -0
  3. package/dist/es/index.js +15 -1
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/index.css +11934 -0
  6. package/dist/index.js +15 -1
  7. package/dist/index.js.map +1 -1
  8. package/dist/strings.js +148 -1
  9. package/package.json +40 -4
  10. package/src/README.md +7 -0
  11. package/src/__stories__/item-renderer.stories.jsx +27 -0
  12. package/src/__stories__/server-item-renderer.stories.jsx +27 -0
  13. package/src/__testdata__/item-renderer_testdata.js +161 -0
  14. package/src/__testdata__/renderer_testdata.js +123 -0
  15. package/src/__tests__/__snapshots__/item-renderer_test.jsx.snap +233 -0
  16. package/src/__tests__/__snapshots__/perseus-markdown_test.jsx.snap +516 -0
  17. package/src/__tests__/__snapshots__/pure-markdown_test.js.snap +113 -0
  18. package/src/__tests__/__snapshots__/renderer_test.jsx.snap +576 -0
  19. package/src/__tests__/__snapshots__/server-item-renderer_test.jsx.snap +306 -0
  20. package/src/__tests__/a11y_test.jsx +304 -0
  21. package/src/__tests__/item-renderer_test.jsx +892 -0
  22. package/src/__tests__/mock-asset-loading-widget.jsx +57 -0
  23. package/src/__tests__/mock-widget.jsx +35 -0
  24. package/src/__tests__/perseus-markdown_test.jsx +747 -0
  25. package/src/__tests__/pure-markdown_test.js +552 -0
  26. package/src/__tests__/renderability_test.jsx +481 -0
  27. package/src/__tests__/renderer-api_test.jsx +333 -0
  28. package/src/__tests__/renderer_test.jsx +1792 -0
  29. package/src/__tests__/server-item-renderer_test.jsx +516 -0
  30. package/src/__tests__/test-items/image-item.js +25 -0
  31. package/src/__tests__/test-items/input-number-1-item.js +27 -0
  32. package/src/__tests__/test-items/input-number-2-item.js +39 -0
  33. package/src/__tests__/test-items/table-item.js +30 -0
  34. package/src/__tests__/tex-wrangler_test.js +83 -0
  35. package/src/__tests__/util_test.js +41 -0
  36. package/src/a11y.js +46 -0
  37. package/src/all-widgets.js +9 -0
  38. package/src/article-renderer.jsx +215 -0
  39. package/src/asset-context.js +30 -0
  40. package/src/basic-widgets.js +13 -0
  41. package/src/components/__stories__/button-group.stories.jsx +61 -0
  42. package/src/components/__stories__/fixed-to-responsive.stories.jsx +132 -0
  43. package/src/components/__stories__/graph.stories.jsx +27 -0
  44. package/src/components/__stories__/graphie.stories.jsx +28 -0
  45. package/src/components/__stories__/hud.stories.jsx +36 -0
  46. package/src/components/__stories__/icon.stories.jsx +56 -0
  47. package/src/components/__stories__/image-loader.stories.jsx +60 -0
  48. package/src/components/__stories__/info-tip.stories.jsx +33 -0
  49. package/src/components/__stories__/inline-icon.stories.jsx +39 -0
  50. package/src/components/__stories__/input-with-examples.stories.jsx +51 -0
  51. package/src/components/__stories__/lint.stories.jsx +40 -0
  52. package/src/components/__stories__/math-input.stories.jsx +29 -0
  53. package/src/components/__stories__/math-output.stories.jsx +24 -0
  54. package/src/components/__stories__/multi-button-group.stories.jsx +69 -0
  55. package/src/components/__stories__/number-input.stories.jsx +42 -0
  56. package/src/components/__stories__/possible-answers.stories.jsx +22 -0
  57. package/src/components/__stories__/prop-check-box.stories.jsx +62 -0
  58. package/src/components/__stories__/range-input.stories.jsx +28 -0
  59. package/src/components/__stories__/simple-keypad-input.stories.jsx +28 -0
  60. package/src/components/__stories__/sortable.stories.jsx +73 -0
  61. package/src/components/__stories__/stub-tag-editor.stories.jsx +44 -0
  62. package/src/components/__stories__/svg-image.stories.jsx +60 -0
  63. package/src/components/__stories__/tex.stories.jsx +18 -0
  64. package/src/components/__stories__/text-buttons.stories.jsx +51 -0
  65. package/src/components/__stories__/text-input.stories.jsx +34 -0
  66. package/src/components/__stories__/text-list-editor.stories.jsx +33 -0
  67. package/src/components/__stories__/zoomable-tex.stories.jsx +39 -0
  68. package/src/components/__stories__/zoomable.stories.jsx +40 -0
  69. package/src/components/__testdata__/sorter_testdata.js +20 -0
  70. package/src/components/__tests__/__snapshots__/sortable_test.jsx.snap +79 -0
  71. package/src/components/__tests__/__snapshots__/sorter_test.jsx.snap +297 -0
  72. package/src/components/__tests__/number-input_test.jsx +112 -0
  73. package/src/components/__tests__/sortable_test.jsx +234 -0
  74. package/src/components/__tests__/sorter_test.jsx +111 -0
  75. package/src/components/__tests__/zoomable_test.jsx +388 -0
  76. package/src/components/button-group.jsx +131 -0
  77. package/src/components/constants.js +15 -0
  78. package/src/components/fixed-to-responsive.jsx +163 -0
  79. package/src/components/graph.jsx +414 -0
  80. package/src/components/graphie-classes.jsx +148 -0
  81. package/src/components/graphie-movables.jsx +342 -0
  82. package/src/components/graphie.jsx +353 -0
  83. package/src/components/highlighting/highlightable-content.jsx +245 -0
  84. package/src/components/highlighting/highlights.js +208 -0
  85. package/src/components/highlighting/ranges.js +299 -0
  86. package/src/components/highlighting/types.js +73 -0
  87. package/src/components/highlighting/ui/highlight-renderer.jsx +179 -0
  88. package/src/components/highlighting/ui/highlight-set-renderer.jsx +190 -0
  89. package/src/components/highlighting/ui/highlight-tooltip.jsx +153 -0
  90. package/src/components/highlighting/ui/highlighting-ui.jsx +163 -0
  91. package/src/components/highlighting/ui/selection-tracker.jsx +195 -0
  92. package/src/components/highlighting/ui/types.js +21 -0
  93. package/src/components/highlighting/ui/util.js +166 -0
  94. package/src/components/highlighting/word-indexer.jsx +155 -0
  95. package/src/components/hud.jsx +179 -0
  96. package/src/components/icon.jsx +149 -0
  97. package/src/components/image-loader.jsx +175 -0
  98. package/src/components/info-tip/info-tip.jsx +149 -0
  99. package/src/components/info-tip.jsx +38 -0
  100. package/src/components/inline-icon.jsx +81 -0
  101. package/src/components/input-with-examples.jsx +231 -0
  102. package/src/components/lint.jsx +456 -0
  103. package/src/components/math-input.jsx +282 -0
  104. package/src/components/math-output.jsx +128 -0
  105. package/src/components/multi-button-group.jsx +137 -0
  106. package/src/components/new-tooltip/README.md +110 -0
  107. package/src/components/new-tooltip/__stories__/flexible-position.stories.jsx +437 -0
  108. package/src/components/new-tooltip/__stories__/new-tooltip.stories.jsx +665 -0
  109. package/src/components/new-tooltip/__stories__/tooltip-arrow.stories.jsx +70 -0
  110. package/src/components/new-tooltip/__stories__/tooltip-bubble.stories.jsx +98 -0
  111. package/src/components/new-tooltip/__tests__/style-constants_test.js +8 -0
  112. package/src/components/new-tooltip/__tests__/util_test.js +47 -0
  113. package/src/components/new-tooltip/flexible-position.jsx +182 -0
  114. package/src/components/new-tooltip/new-tooltip.jsx +399 -0
  115. package/src/components/new-tooltip/style-constants.js +13 -0
  116. package/src/components/new-tooltip/tooltip-arrow.jsx +184 -0
  117. package/src/components/new-tooltip/tooltip-bubble.jsx +223 -0
  118. package/src/components/new-tooltip/tooltip-portal.jsx +101 -0
  119. package/src/components/new-tooltip/tooltip-positioner.jsx +529 -0
  120. package/src/components/new-tooltip/types.js +183 -0
  121. package/src/components/new-tooltip/util.js +27 -0
  122. package/src/components/number-input.jsx +253 -0
  123. package/src/components/possible-answers.jsx +36 -0
  124. package/src/components/prop-check-box.jsx +78 -0
  125. package/src/components/range-input.jsx +61 -0
  126. package/src/components/simple-keypad-input.jsx +91 -0
  127. package/src/components/sortable.jsx +872 -0
  128. package/src/components/stub-tag-editor.jsx +53 -0
  129. package/src/components/svg-image.jsx +762 -0
  130. package/src/components/tex-buttons.jsx +322 -0
  131. package/src/components/tex.jsx +70 -0
  132. package/src/components/text-input.jsx +82 -0
  133. package/src/components/text-list-editor.jsx +157 -0
  134. package/src/components/tooltip.jsx +395 -0
  135. package/src/components/visibility-observer/__stories__/visibility-observer.stories.jsx +140 -0
  136. package/src/components/visibility-observer/get-scroll-parent.js +45 -0
  137. package/src/components/visibility-observer/visibility-observer.js +109 -0
  138. package/src/components/visibility-observer/visibility-observer.jsx +123 -0
  139. package/src/components/zoomable-tex.jsx +70 -0
  140. package/src/components/zoomable.jsx +304 -0
  141. package/src/components.js +17 -0
  142. package/src/dependencies.js +22 -0
  143. package/src/error-boundary.jsx +48 -0
  144. package/src/extra-widgets.js +75 -0
  145. package/src/gorgon/README +40 -0
  146. package/src/gorgon/__tests__/matcher_test.js +497 -0
  147. package/src/gorgon/__tests__/rule_test.js +101 -0
  148. package/src/gorgon/__tests__/rules_test.js +487 -0
  149. package/src/gorgon/__tests__/selector-parser_test.js +52 -0
  150. package/src/gorgon/__tests__/tree-transformer_test.js +446 -0
  151. package/src/gorgon/gorgon.js +290 -0
  152. package/src/gorgon/proptypes.js +29 -0
  153. package/src/gorgon/rule.js +413 -0
  154. package/src/gorgon/rules/absolute-url.js +24 -0
  155. package/src/gorgon/rules/all-rules.js +72 -0
  156. package/src/gorgon/rules/blockquoted-math.js +10 -0
  157. package/src/gorgon/rules/blockquoted-widget.js +10 -0
  158. package/src/gorgon/rules/double-spacing-after-terminal.js +12 -0
  159. package/src/gorgon/rules/extra-content-spacing.js +12 -0
  160. package/src/gorgon/rules/heading-level-1.js +14 -0
  161. package/src/gorgon/rules/heading-level-skip.js +20 -0
  162. package/src/gorgon/rules/heading-sentence-case.js +11 -0
  163. package/src/gorgon/rules/heading-title-case.js +63 -0
  164. package/src/gorgon/rules/image-alt-text.js +21 -0
  165. package/src/gorgon/rules/image-in-table.js +10 -0
  166. package/src/gorgon/rules/image-spaces-around-urls.js +35 -0
  167. package/src/gorgon/rules/image-widget.js +50 -0
  168. package/src/gorgon/rules/link-click-here.js +11 -0
  169. package/src/gorgon/rules/lint-utils.js +48 -0
  170. package/src/gorgon/rules/long-paragraph.js +14 -0
  171. package/src/gorgon/rules/math-adjacent.js +10 -0
  172. package/src/gorgon/rules/math-align-extra-break.js +11 -0
  173. package/src/gorgon/rules/math-align-linebreaks.js +43 -0
  174. package/src/gorgon/rules/math-empty.js +10 -0
  175. package/src/gorgon/rules/math-font-size.js +12 -0
  176. package/src/gorgon/rules/math-frac.js +10 -0
  177. package/src/gorgon/rules/math-nested.js +11 -0
  178. package/src/gorgon/rules/math-starts-with-space.js +12 -0
  179. package/src/gorgon/rules/math-text-empty.js +10 -0
  180. package/src/gorgon/rules/math-without-dollars.js +14 -0
  181. package/src/gorgon/rules/nested-lists.js +11 -0
  182. package/src/gorgon/rules/profanity.js +10 -0
  183. package/src/gorgon/rules/table-missing-cells.js +20 -0
  184. package/src/gorgon/rules/unbalanced-code-delimiters.js +14 -0
  185. package/src/gorgon/rules/unescaped-dollar.js +10 -0
  186. package/src/gorgon/rules/widget-in-table.js +10 -0
  187. package/src/gorgon/selector.js +506 -0
  188. package/src/gorgon/tree-transformer.js +588 -0
  189. package/src/hint-renderer.jsx +159 -0
  190. package/src/hints-renderer.jsx +359 -0
  191. package/src/icon-paths.js +120 -0
  192. package/src/index.js +149 -2
  193. package/src/init.js +49 -0
  194. package/src/interaction-tracker.js +60 -0
  195. package/src/interactive2/__tests__/movable-mock.js +48 -0
  196. package/src/interactive2/__tests__/movable-point_test.js +146 -0
  197. package/src/interactive2/interactive-util.js +152 -0
  198. package/src/interactive2/movable-helper-methods.js +160 -0
  199. package/src/interactive2/movable-line-options.js +392 -0
  200. package/src/interactive2/movable-line.js +322 -0
  201. package/src/interactive2/movable-point-options.js +190 -0
  202. package/src/interactive2/movable-point.jsx +604 -0
  203. package/src/interactive2/movable-polygon-options.js +351 -0
  204. package/src/interactive2/movable-polygon.js +367 -0
  205. package/src/interactive2/movable.js +273 -0
  206. package/src/interactive2/objective_.js +79 -0
  207. package/src/interactive2/types.js +3 -0
  208. package/src/interactive2/wrapped-defaults.js +86 -0
  209. package/src/interactive2/wrapped-ellipse.js +87 -0
  210. package/src/interactive2/wrapped-line.js +109 -0
  211. package/src/interactive2/wrapped-path.js +47 -0
  212. package/src/interactive2.js +91 -0
  213. package/src/item-renderer.jsx +518 -0
  214. package/src/item-version.js +12 -0
  215. package/src/jipt-paragraphs.js +44 -0
  216. package/src/jquery.mobile.vmouse.js +545 -0
  217. package/src/keypad-context.js +33 -0
  218. package/src/loading-context.js +20 -0
  219. package/src/logging/log.js +107 -0
  220. package/src/logging/log_test.js +41 -0
  221. package/src/mixins/changeable.jsx +115 -0
  222. package/src/mixins/editor-jsonify.jsx +13 -0
  223. package/src/mixins/provide-keypad.jsx +131 -0
  224. package/src/mixins/widget-jsonify-deprecated.jsx +23 -0
  225. package/src/mixins/widget-prop-blacklist.js +36 -0
  226. package/src/multi-items/__stories__/multi-renderer.stories.js +88 -0
  227. package/src/multi-items/__testdata__/multi-renderer_testdata.js +174 -0
  228. package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap +994 -0
  229. package/src/multi-items/__tests__/items_test.js +245 -0
  230. package/src/multi-items/__tests__/multi-renderer_test.js +903 -0
  231. package/src/multi-items/__tests__/prop-type-builders_test.js +134 -0
  232. package/src/multi-items/__tests__/shapes_test.js +44 -0
  233. package/src/multi-items/__tests__/trees_test.js +316 -0
  234. package/src/multi-items/item-types.js +55 -0
  235. package/src/multi-items/items.js +176 -0
  236. package/src/multi-items/multi-renderer.jsx +542 -0
  237. package/src/multi-items/prop-type-builders.js +105 -0
  238. package/src/multi-items/shape-types.js +47 -0
  239. package/src/multi-items/shapes.js +53 -0
  240. package/src/multi-items/tree-types.js +42 -0
  241. package/src/multi-items/trees.js +345 -0
  242. package/src/multi-items.js +76 -0
  243. package/src/not-gorgon.js +129 -0
  244. package/src/perseus-api.jsx +270 -0
  245. package/src/perseus-env.js +26 -0
  246. package/src/perseus-error.js +19 -0
  247. package/src/perseus-markdown.jsx +434 -0
  248. package/src/perseus-types.js +1597 -0
  249. package/src/pure-markdown.js +346 -0
  250. package/src/question-paragraph.jsx +30 -0
  251. package/src/renderability.jsx +108 -0
  252. package/src/renderer.jsx +1931 -0
  253. package/src/server-item-renderer.jsx +467 -0
  254. package/src/sigfigs.jsx +492 -0
  255. package/src/styles/articles.less +748 -0
  256. package/src/styles/constants.js +119 -0
  257. package/src/styles/global-constants.js +350 -0
  258. package/src/styles/global-styles.js +307 -0
  259. package/src/styles/khan-exercise.css +1304 -0
  260. package/src/styles/media-queries.js +48 -0
  261. package/src/styles/perseus-renderer.less +1008 -0
  262. package/src/styles/shared.js +132 -0
  263. package/src/styles/util.less +47 -0
  264. package/src/styles/variables.boostrap.less +301 -0
  265. package/src/styles/variables.less +68 -0
  266. package/src/styles/variables.shared.less +356 -0
  267. package/src/styles/widgets/categorizer.less +39 -0
  268. package/src/styles/widgets/definition.less +86 -0
  269. package/src/styles/widgets/dropdown.less +3 -0
  270. package/src/styles/widgets/expression.less +147 -0
  271. package/src/styles/widgets/graded-group.less +36 -0
  272. package/src/styles/widgets/grapher.less +11 -0
  273. package/src/styles/widgets/group.less +19 -0
  274. package/src/styles/widgets/image.less +29 -0
  275. package/src/styles/widgets/interactive-graph.less +61 -0
  276. package/src/styles/widgets/label-image.less +41 -0
  277. package/src/styles/widgets/matcher.less +8 -0
  278. package/src/styles/widgets/matrix.less +120 -0
  279. package/src/styles/widgets/measurer.less +20 -0
  280. package/src/styles/widgets/orderer.less +97 -0
  281. package/src/styles/widgets/passage.less +151 -0
  282. package/src/styles/widgets/plotter.less +33 -0
  283. package/src/styles/widgets/radio.less +52 -0
  284. package/src/styles/widgets/reaction-diagram.less +35 -0
  285. package/src/styles/widgets/sequence.less +5 -0
  286. package/src/styles/widgets/sortable.less +127 -0
  287. package/src/styles/widgets/table.less +56 -0
  288. package/src/styles/widgets/transformer.less +28 -0
  289. package/src/styles/widgets/unit.less +14 -0
  290. package/src/tex-wrangler.js +176 -0
  291. package/src/traversal.jsx +141 -0
  292. package/src/types.js +538 -0
  293. package/src/util/a11y.js +24 -0
  294. package/src/util/answer-types.js +862 -0
  295. package/src/util/answer-types_test.js +115 -0
  296. package/src/util/colors.js +94 -0
  297. package/src/util/fix-passage-refs.jsx +122 -0
  298. package/src/util/graph-utils.js +16 -0
  299. package/src/util/graphie.js +1585 -0
  300. package/src/util/interactive.js +4071 -0
  301. package/src/util/katex-preprocess.js +16 -0
  302. package/src/util/math.js +296 -0
  303. package/src/util/mobile-native-utils.js +14 -0
  304. package/src/util/mobile-native-utils_test.js +24 -0
  305. package/src/util/register-all-widgets-for-testing.js +12 -0
  306. package/src/util/scroll-utils.js +162 -0
  307. package/src/util/sizing-utils.js +46 -0
  308. package/src/util/tex.js +203 -0
  309. package/src/util/url-utils.js +36 -0
  310. package/src/util.js +990 -0
  311. package/src/version.js +11 -0
  312. package/src/widget-container.jsx +174 -0
  313. package/src/widgets/__stories__/categorizer.stories.jsx +15 -0
  314. package/src/widgets/__stories__/cs-program.stories.jsx +15 -0
  315. package/src/widgets/__stories__/definition.stories.jsx +38 -0
  316. package/src/widgets/__stories__/dropdown.stories.jsx +15 -0
  317. package/src/widgets/__stories__/explanation.stories.jsx +19 -0
  318. package/src/widgets/__stories__/expression.stories.jsx +26 -0
  319. package/src/widgets/__stories__/graded-group-set.stories.jsx +32 -0
  320. package/src/widgets/__stories__/graded-group.stories.jsx +32 -0
  321. package/src/widgets/__stories__/grapher.stories.jsx +47 -0
  322. package/src/widgets/__stories__/group.stories.jsx +15 -0
  323. package/src/widgets/__stories__/iframe.stories.jsx +15 -0
  324. package/src/widgets/__stories__/image.stories.jsx +62 -0
  325. package/src/widgets/__stories__/input-number.stories.jsx +90 -0
  326. package/src/widgets/__stories__/interaction.stories.jsx +15 -0
  327. package/src/widgets/__stories__/interactive-graph.stories.jsx +61 -0
  328. package/src/widgets/__stories__/matcher.stories.jsx +15 -0
  329. package/src/widgets/__stories__/matrix.stories.jsx +15 -0
  330. package/src/widgets/__stories__/number-line.stories.jsx +15 -0
  331. package/src/widgets/__stories__/numeric-input.stories.jsx +19 -0
  332. package/src/widgets/__stories__/orderer.stories.jsx +15 -0
  333. package/src/widgets/__stories__/passage-ref.stories.jsx +19 -0
  334. package/src/widgets/__stories__/passage.stories.jsx +19 -0
  335. package/src/widgets/__stories__/radio.stories.jsx +82 -0
  336. package/src/widgets/__stories__/sorter.stories.jsx +15 -0
  337. package/src/widgets/__stories__/transformer.stories.jsx +15 -0
  338. package/src/widgets/__stories__/video.stories.jsx +15 -0
  339. package/src/widgets/__testdata__/categorizer_testdata.js +50 -0
  340. package/src/widgets/__testdata__/cs-program_testdata.js +28 -0
  341. package/src/widgets/__testdata__/dropdown_testdata.js +34 -0
  342. package/src/widgets/__testdata__/explanation_testdata.js +56 -0
  343. package/src/widgets/__testdata__/expression_testdata.js +95 -0
  344. package/src/widgets/__testdata__/graded-group-set_testdata.js +358 -0
  345. package/src/widgets/__testdata__/graded-group_testdata.js +79 -0
  346. package/src/widgets/__testdata__/grapher_testdata.js +376 -0
  347. package/src/widgets/__testdata__/group_testdata.js +156 -0
  348. package/src/widgets/__testdata__/iframe_testdata.js +36 -0
  349. package/src/widgets/__testdata__/image_testdata.js +38 -0
  350. package/src/widgets/__testdata__/input-number_testdata.js +73 -0
  351. package/src/widgets/__testdata__/interaction_testdata.js +264 -0
  352. package/src/widgets/__testdata__/interactive-graph_testdata.js +646 -0
  353. package/src/widgets/__testdata__/matcher_testdata.js +34 -0
  354. package/src/widgets/__testdata__/matrix_testdata.js +29 -0
  355. package/src/widgets/__testdata__/number-line_testdata.js +31 -0
  356. package/src/widgets/__testdata__/numeric-input_testdata.js +266 -0
  357. package/src/widgets/__testdata__/orderer_testdata.js +58 -0
  358. package/src/widgets/__testdata__/passage-ref_testdata.js +41 -0
  359. package/src/widgets/__testdata__/passage_testdata.js +71 -0
  360. package/src/widgets/__testdata__/radio_testdata.js +210 -0
  361. package/src/widgets/__testdata__/sorter_testdata.js +20 -0
  362. package/src/widgets/__testdata__/transformer_testdata.js +109 -0
  363. package/src/widgets/__testdata__/video_testdata.js +22 -0
  364. package/src/widgets/__tests__/__snapshots__/categorizer_test.jsx.snap +928 -0
  365. package/src/widgets/__tests__/__snapshots__/cs-program_test.jsx.snap +75 -0
  366. package/src/widgets/__tests__/__snapshots__/definition_test.js.snap +99 -0
  367. package/src/widgets/__tests__/__snapshots__/dropdown_test.jsx.snap +143 -0
  368. package/src/widgets/__tests__/__snapshots__/explanation_test.js.snap +473 -0
  369. package/src/widgets/__tests__/__snapshots__/expression_test.jsx.snap +38 -0
  370. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt_test.jsx.snap +754 -0
  371. package/src/widgets/__tests__/__snapshots__/graded-group-set_test.jsx.snap +310 -0
  372. package/src/widgets/__tests__/__snapshots__/graded-group_test.jsx.snap +863 -0
  373. package/src/widgets/__tests__/__snapshots__/grapher_test.jsx.snap +2880 -0
  374. package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap +1154 -0
  375. package/src/widgets/__tests__/__snapshots__/iframe_test.jsx.snap +69 -0
  376. package/src/widgets/__tests__/__snapshots__/image_test.jsx.snap +388 -0
  377. package/src/widgets/__tests__/__snapshots__/input-number_test.jsx.snap +978 -0
  378. package/src/widgets/__tests__/__snapshots__/interaction_test.jsx.snap +311 -0
  379. package/src/widgets/__tests__/__snapshots__/interactive-graph_test.jsx.snap +2915 -0
  380. package/src/widgets/__tests__/__snapshots__/matcher_test.jsx.snap +1039 -0
  381. package/src/widgets/__tests__/__snapshots__/matrix_test.jsx.snap +450 -0
  382. package/src/widgets/__tests__/__snapshots__/number-line_test.jsx.snap +888 -0
  383. package/src/widgets/__tests__/__snapshots__/numeric-input_test.jsx.snap +930 -0
  384. package/src/widgets/__tests__/__snapshots__/orderer_test.jsx.snap +275 -0
  385. package/src/widgets/__tests__/__snapshots__/passage-ref_test.jsx.snap +446 -0
  386. package/src/widgets/__tests__/__snapshots__/passage_test.jsx.snap +1988 -0
  387. package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap +7107 -0
  388. package/src/widgets/__tests__/__snapshots__/video_test.jsx.snap +163 -0
  389. package/src/widgets/__tests__/categorizer_test.jsx +205 -0
  390. package/src/widgets/__tests__/cs-program_test.jsx +45 -0
  391. package/src/widgets/__tests__/definition_test.js +152 -0
  392. package/src/widgets/__tests__/dropdown_test.jsx +106 -0
  393. package/src/widgets/__tests__/explanation_test.js +199 -0
  394. package/src/widgets/__tests__/expression_test.jsx +439 -0
  395. package/src/widgets/__tests__/graded-group-set-jipt_test.jsx +33 -0
  396. package/src/widgets/__tests__/graded-group-set_test.jsx +270 -0
  397. package/src/widgets/__tests__/graded-group_test.jsx +233 -0
  398. package/src/widgets/__tests__/grapher.cypress.jsx +486 -0
  399. package/src/widgets/__tests__/grapher_test.jsx +35 -0
  400. package/src/widgets/__tests__/group_test.jsx +512 -0
  401. package/src/widgets/__tests__/iframe_test.jsx +47 -0
  402. package/src/widgets/__tests__/image_test.jsx +65 -0
  403. package/src/widgets/__tests__/input-number_test.jsx +360 -0
  404. package/src/widgets/__tests__/interaction_test.jsx +33 -0
  405. package/src/widgets/__tests__/interactive-graph.cypress.jsx +697 -0
  406. package/src/widgets/__tests__/interactive-graph_test.jsx +105 -0
  407. package/src/widgets/__tests__/matcher_test.jsx +157 -0
  408. package/src/widgets/__tests__/matrix_test.jsx +84 -0
  409. package/src/widgets/__tests__/number-line_test.jsx +81 -0
  410. package/src/widgets/__tests__/numeric-input_test.jsx +574 -0
  411. package/src/widgets/__tests__/orderer_test.jsx +75 -0
  412. package/src/widgets/__tests__/passage-ref_test.jsx +166 -0
  413. package/src/widgets/__tests__/passage_test.jsx +133 -0
  414. package/src/widgets/__tests__/radio/base-radio_test.jsx +82 -0
  415. package/src/widgets/__tests__/radio_test.jsx +651 -0
  416. package/src/widgets/__tests__/renderQuestion.jsx +65 -0
  417. package/src/widgets/__tests__/unit_test.jsx +144 -0
  418. package/src/widgets/__tests__/video_test.jsx +55 -0
  419. package/src/widgets/categorizer.jsx +338 -0
  420. package/src/widgets/cs-program.jsx +228 -0
  421. package/src/widgets/definition.jsx +141 -0
  422. package/src/widgets/dropdown.jsx +143 -0
  423. package/src/widgets/explanation.jsx +315 -0
  424. package/src/widgets/expression.jsx +654 -0
  425. package/src/widgets/graded-group-answer-bar.jsx +152 -0
  426. package/src/widgets/graded-group-set.jsx +285 -0
  427. package/src/widgets/graded-group.jsx +448 -0
  428. package/src/widgets/grapher/util.jsx +819 -0
  429. package/src/widgets/grapher.jsx +658 -0
  430. package/src/widgets/group.jsx +213 -0
  431. package/src/widgets/iframe.jsx +199 -0
  432. package/src/widgets/image.jsx +309 -0
  433. package/src/widgets/input-number.jsx +410 -0
  434. package/src/widgets/interaction/arrow-picker.jsx +39 -0
  435. package/src/widgets/interaction/color-picker.jsx +69 -0
  436. package/src/widgets/interaction/dash-picker.jsx +46 -0
  437. package/src/widgets/interaction/element-container.jsx +97 -0
  438. package/src/widgets/interaction.jsx +742 -0
  439. package/src/widgets/interactive-graph.jsx +2821 -0
  440. package/src/widgets/label-image/__stories__/answer-choices.stories.jsx +93 -0
  441. package/src/widgets/label-image/__stories__/marker.stories.jsx +172 -0
  442. package/src/widgets/label-image/answer-choices.jsx +311 -0
  443. package/src/widgets/label-image/marker.jsx +365 -0
  444. package/src/widgets/label-image/types.js +33 -0
  445. package/src/widgets/label-image.jsx +841 -0
  446. package/src/widgets/label-image_test.js +840 -0
  447. package/src/widgets/lights-puzzle.jsx +356 -0
  448. package/src/widgets/matcher.jsx +271 -0
  449. package/src/widgets/matrix.jsx +615 -0
  450. package/src/widgets/measurer.jsx +215 -0
  451. package/src/widgets/molecule/__tests__/layout_test.jsx +159 -0
  452. package/src/widgets/molecule/__tests__/parser_test.jsx +142 -0
  453. package/src/widgets/molecule/molecule-drawing.jsx +175 -0
  454. package/src/widgets/molecule/molecule-layout.jsx +367 -0
  455. package/src/widgets/molecule/smiles-parser.jsx +300 -0
  456. package/src/widgets/molecule.jsx +172 -0
  457. package/src/widgets/number-line.jsx +858 -0
  458. package/src/widgets/numeric-input.jsx +622 -0
  459. package/src/widgets/orderer.jsx +753 -0
  460. package/src/widgets/passage/__tests__/passage-markdown_test.jsx +382 -0
  461. package/src/widgets/passage/get-line-height-for-node.js +10 -0
  462. package/src/widgets/passage/passage-markdown.jsx +416 -0
  463. package/src/widgets/passage-ref-target.jsx +70 -0
  464. package/src/widgets/passage-ref.jsx +198 -0
  465. package/src/widgets/passage.jsx +601 -0
  466. package/src/widgets/plotter.jsx +1198 -0
  467. package/src/widgets/radio/__stories__/base-radio.stories.jsx +40 -0
  468. package/src/widgets/radio/__stories__/choice-icon.stories.jsx +157 -0
  469. package/src/widgets/radio/__stories__/choice-none-above.stories.jsx +26 -0
  470. package/src/widgets/radio/__stories__/cross-out-button.stories.jsx +64 -0
  471. package/src/widgets/radio/__stories__/cross-out-menu.stories.jsx +59 -0
  472. package/src/widgets/radio/__stories__/cross-out-tooltip.stories.jsx +59 -0
  473. package/src/widgets/radio/__stories__/focus-ring.stories.jsx +38 -0
  474. package/src/widgets/radio/__stories__/option-status.stories.jsx +118 -0
  475. package/src/widgets/radio/__stories__/toggleable-radio-button.stories.jsx +28 -0
  476. package/src/widgets/radio/base-radio.jsx +642 -0
  477. package/src/widgets/radio/choice-icon.jsx +468 -0
  478. package/src/widgets/radio/choice-none-above.jsx +54 -0
  479. package/src/widgets/radio/choice.jsx +692 -0
  480. package/src/widgets/radio/choice.jsx.fixture.js +64 -0
  481. package/src/widgets/radio/cross-out-button.jsx +136 -0
  482. package/src/widgets/radio/cross-out-menu-wrapper.jsx +492 -0
  483. package/src/widgets/radio/cross-out-tooltip.jsx +129 -0
  484. package/src/widgets/radio/focus-ring.jsx +51 -0
  485. package/src/widgets/radio/option-status.jsx +89 -0
  486. package/src/widgets/radio/toggleable-radio-button.jsx +133 -0
  487. package/src/widgets/radio/util.js +32 -0
  488. package/src/widgets/radio/util_test.js +19 -0
  489. package/src/widgets/radio/widget.jsx +470 -0
  490. package/src/widgets/radio.jsx +156 -0
  491. package/src/widgets/reaction-diagram.jsx +136 -0
  492. package/src/widgets/sequence.jsx +140 -0
  493. package/src/widgets/simulator.jsx +808 -0
  494. package/src/widgets/sorter.jsx +146 -0
  495. package/src/widgets/table.jsx +395 -0
  496. package/src/widgets/transformer.jsx +2870 -0
  497. package/src/widgets/unit.jsx +371 -0
  498. package/src/widgets/video-transcript-link.jsx +84 -0
  499. package/src/widgets/video-transcript-link_test.js +211 -0
  500. package/src/widgets/video.jsx +131 -0
  501. package/src/widgets.js +431 -0
  502. package/src/zoom.js +539 -0
  503. package/src/__tests__/index.test.js +0 -14
package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap ADDED
@@ -0,0 +1,1154 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`group widget should snapshot: initial render 1`] = `
4
+ <div>
5
+ <span
6
+ class="mock-KatexProvider"
7
+ >
8
+ <div
9
+ class="perseus-renderer perseus-renderer-responsive perseus-renderer-two-columns"
10
+ >
11
+ <div
12
+ class="paragraph"
13
+ data-perseus-paragraph-index="0"
14
+ >
15
+ <div
16
+ class="perseus-two-columns"
17
+ >
18
+ <div
19
+ class="perseus-column"
20
+ >
21
+ <div
22
+ class="perseus-column-content"
23
+ >
24
+ <div
25
+ class="paragraph"
26
+ >
27
+ <div
28
+ class="fixed-to-responsive svg-image"
29
+ style="max-width: 428px; max-height: 480px;"
30
+ >
31
+ <div
32
+ style="padding-bottom: 112.14999999999999%;"
33
+ />
34
+ <span
35
+ style="background: url(/images/spinner.gif) no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; min-width: 20px;"
36
+ />
37
+ </div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <div
42
+ class="perseus-column"
43
+ >
44
+ <div
45
+ class="sat-header-grafting-area"
46
+ />
47
+ <div
48
+ class="perseus-column-content"
49
+ >
50
+ <div
51
+ class="sat-skill-subscore-grafting-area"
52
+ />
53
+ <div
54
+ class="paragraph"
55
+ >
56
+ <div
57
+ class="perseus-widget-container widget-nohighlight widget-block"
58
+ >
59
+ <div
60
+ class="perseus-group perseus-group-invalid-answer"
61
+ >
62
+ <span
63
+ class="mock-KatexProvider"
64
+ >
65
+ <div
66
+ class="perseus-renderer perseus-renderer-responsive"
67
+ >
68
+ <div
69
+ class="paragraph"
70
+ data-perseus-paragraph-index="0"
71
+ >
72
+ <div
73
+ class="paragraph"
74
+ >
75
+ <strong>
76
+ In one week, how many more hours are in the periods with a
77
+ <span
78
+ style="white-space: nowrap;"
79
+ >
80
+ <span />
81
+ <span
82
+ class="mock-TeX"
83
+ >
84
+ 35
85
+ </span>
86
+ <span />
87
+ </span>
88
+ percent discount than in the periods with the regular price?
89
+ </strong>
90
+ </div>
91
+ </div>
92
+ <div
93
+ class="paragraph"
94
+ data-perseus-paragraph-index="1"
95
+ >
96
+ <div
97
+ class="paragraph"
98
+ >
99
+ <div
100
+ class="perseus-widget-container widget-nohighlight widget-block"
101
+ >
102
+ <div
103
+ class="responsiveContainer_vq37gq"
104
+ >
105
+ <fieldset
106
+ class="perseus-widget-radio-fieldset responsiveFieldset_c0l5kf"
107
+ >
108
+ <legend
109
+ class="perseus-sr-only"
110
+ >
111
+ Choose 1 answer:
112
+ </legend>
113
+ <div
114
+ class="instructions instructions_125m8j1"
115
+ >
116
+ Choose 1 answer:
117
+ </div>
118
+ <ul
119
+ class="perseus-widget-radio perseus-rendered-radio radio_zdxht7-o_O-responsiveRadioContainer_1ybwre2"
120
+ >
121
+ <li
122
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
123
+ >
124
+ <div>
125
+ <div
126
+ class="wrapper_e7hn5"
127
+ >
128
+ <div
129
+ class="slidingContent_1b7d4h4"
130
+ >
131
+ <div
132
+ class="content_1rmtpuj"
133
+ >
134
+ <label
135
+ class="checkbox-label label_1ekb3l0-o_O-responsiveLabel_19cgmwo"
136
+ for="perseus_radio_9-choice-0"
137
+ style="opacity: 1;"
138
+ >
139
+ <div
140
+ class="description description_psmgei"
141
+ >
142
+ <div
143
+ class="checkbox-and-option intermediateResponsiveCheckbox_tqugjn"
144
+ >
145
+ <span
146
+ class="checkbox perseusInteractive_18kcvhx-o_O-choiceIconWrapper_1htut3f"
147
+ >
148
+ <input
149
+ class="perseusSrOnly_19bpjuy"
150
+ id="perseus_radio_9-choice-0"
151
+ name="perseus_radio_9"
152
+ type="radio"
153
+ />
154
+ <div
155
+ class="iconWrapper_17y0hv9"
156
+ >
157
+ <span
158
+ class="ring_en36io"
159
+ style="border-color: transparent;"
160
+ >
161
+ <div
162
+ class="libraryCircle_1ytyy5d"
163
+ data-is-radio-icon="true"
164
+ style="border-color: #888d93; color: rgb(136, 141, 147);"
165
+ >
166
+ <div
167
+ class="perseus-sr-only"
168
+ >
169
+ (Choice A)
170
+ </div>
171
+ <div
172
+ aria-hidden="true"
173
+ >
174
+ A
175
+ </div>
176
+ </div>
177
+ </span>
178
+ </div>
179
+ </span>
180
+ <span
181
+ class="perseus-radio-option-content perseus-interactive"
182
+ style="cursor: default;"
183
+ >
184
+ <div
185
+ class="optionStatusContainer_uhlm2"
186
+ />
187
+ <div>
188
+ <span
189
+ class="mock-KatexProvider"
190
+ >
191
+ <div
192
+ class="perseus-renderer perseus-renderer-responsive"
193
+ >
194
+ <div
195
+ class="paragraph perseus-paragraph-centered"
196
+ data-perseus-paragraph-index="0"
197
+ >
198
+ <div
199
+ class="perseus-block-math"
200
+ >
201
+ <div
202
+ class="perseus-block-math-inner"
203
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
204
+ >
205
+ <span
206
+ class="mock-TeX"
207
+ >
208
+ 45
209
+ </span>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </span>
215
+ </div>
216
+ </span>
217
+ </div>
218
+ </div>
219
+ </label>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </li>
225
+ <li
226
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
227
+ >
228
+ <div>
229
+ <div
230
+ class="wrapper_e7hn5"
231
+ >
232
+ <div
233
+ class="slidingContent_1b7d4h4"
234
+ >
235
+ <div
236
+ class="content_1rmtpuj"
237
+ >
238
+ <label
239
+ class="checkbox-label label_1ekb3l0-o_O-responsiveLabel_19cgmwo"
240
+ for="perseus_radio_9-choice-1"
241
+ style="opacity: 1;"
242
+ >
243
+ <div
244
+ class="description description_psmgei"
245
+ >
246
+ <div
247
+ class="checkbox-and-option intermediateResponsiveCheckbox_tqugjn"
248
+ >
249
+ <span
250
+ class="checkbox perseusInteractive_18kcvhx-o_O-choiceIconWrapper_1htut3f"
251
+ >
252
+ <input
253
+ class="perseusSrOnly_19bpjuy"
254
+ id="perseus_radio_9-choice-1"
255
+ name="perseus_radio_9"
256
+ type="radio"
257
+ />
258
+ <div
259
+ class="iconWrapper_17y0hv9"
260
+ >
261
+ <span
262
+ class="ring_en36io"
263
+ style="border-color: transparent;"
264
+ >
265
+ <div
266
+ class="libraryCircle_1ytyy5d"
267
+ data-is-radio-icon="true"
268
+ style="border-color: #888d93; color: rgb(136, 141, 147);"
269
+ >
270
+ <div
271
+ class="perseus-sr-only"
272
+ >
273
+ (Choice B)
274
+ </div>
275
+ <div
276
+ aria-hidden="true"
277
+ >
278
+ B
279
+ </div>
280
+ </div>
281
+ </span>
282
+ </div>
283
+ </span>
284
+ <span
285
+ class="perseus-radio-option-content perseus-interactive"
286
+ style="cursor: default;"
287
+ >
288
+ <div
289
+ class="optionStatusContainer_uhlm2"
290
+ />
291
+ <div>
292
+ <span
293
+ class="mock-KatexProvider"
294
+ >
295
+ <div
296
+ class="perseus-renderer perseus-renderer-responsive"
297
+ >
298
+ <div
299
+ class="paragraph perseus-paragraph-centered"
300
+ data-perseus-paragraph-index="0"
301
+ >
302
+ <div
303
+ class="perseus-block-math"
304
+ >
305
+ <div
306
+ class="perseus-block-math-inner"
307
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
308
+ >
309
+ <span
310
+ class="mock-TeX"
311
+ >
312
+ 42
313
+ </span>
314
+ </div>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ </span>
319
+ </div>
320
+ </span>
321
+ </div>
322
+ </div>
323
+ </label>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ </li>
329
+ <li
330
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
331
+ >
332
+ <div>
333
+ <div
334
+ class="wrapper_e7hn5"
335
+ >
336
+ <div
337
+ class="slidingContent_1b7d4h4"
338
+ >
339
+ <div
340
+ class="content_1rmtpuj"
341
+ >
342
+ <label
343
+ class="checkbox-label label_1ekb3l0-o_O-responsiveLabel_19cgmwo"
344
+ for="perseus_radio_9-choice-2"
345
+ style="opacity: 1;"
346
+ >
347
+ <div
348
+ class="description description_psmgei"
349
+ >
350
+ <div
351
+ class="checkbox-and-option intermediateResponsiveCheckbox_tqugjn"
352
+ >
353
+ <span
354
+ class="checkbox perseusInteractive_18kcvhx-o_O-choiceIconWrapper_1htut3f"
355
+ >
356
+ <input
357
+ class="perseusSrOnly_19bpjuy"
358
+ id="perseus_radio_9-choice-2"
359
+ name="perseus_radio_9"
360
+ type="radio"
361
+ />
362
+ <div
363
+ class="iconWrapper_17y0hv9"
364
+ >
365
+ <span
366
+ class="ring_en36io"
367
+ style="border-color: transparent;"
368
+ >
369
+ <div
370
+ class="libraryCircle_1ytyy5d"
371
+ data-is-radio-icon="true"
372
+ style="border-color: #888d93; color: rgb(136, 141, 147);"
373
+ >
374
+ <div
375
+ class="perseus-sr-only"
376
+ >
377
+ (Choice C)
378
+ </div>
379
+ <div
380
+ aria-hidden="true"
381
+ >
382
+ C
383
+ </div>
384
+ </div>
385
+ </span>
386
+ </div>
387
+ </span>
388
+ <span
389
+ class="perseus-radio-option-content perseus-interactive"
390
+ style="cursor: default;"
391
+ >
392
+ <div
393
+ class="optionStatusContainer_uhlm2"
394
+ />
395
+ <div>
396
+ <span
397
+ class="mock-KatexProvider"
398
+ >
399
+ <div
400
+ class="perseus-renderer perseus-renderer-responsive"
401
+ >
402
+ <div
403
+ class="paragraph perseus-paragraph-centered"
404
+ data-perseus-paragraph-index="0"
405
+ >
406
+ <div
407
+ class="perseus-block-math"
408
+ >
409
+ <div
410
+ class="perseus-block-math-inner"
411
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
412
+ >
413
+ <span
414
+ class="mock-TeX"
415
+ >
416
+ 30
417
+ </span>
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </span>
423
+ </div>
424
+ </span>
425
+ </div>
426
+ </div>
427
+ </label>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </li>
433
+ <li
434
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
435
+ >
436
+ <div>
437
+ <div
438
+ class="wrapper_e7hn5"
439
+ >
440
+ <div
441
+ class="slidingContent_1b7d4h4"
442
+ >
443
+ <div
444
+ class="content_1rmtpuj"
445
+ >
446
+ <label
447
+ class="checkbox-label label_1ekb3l0-o_O-responsiveLabel_19cgmwo"
448
+ for="perseus_radio_9-choice-3"
449
+ style="opacity: 1;"
450
+ >
451
+ <div
452
+ class="description description_psmgei"
453
+ >
454
+ <div
455
+ class="checkbox-and-option intermediateResponsiveCheckbox_tqugjn"
456
+ >
457
+ <span
458
+ class="checkbox perseusInteractive_18kcvhx-o_O-choiceIconWrapper_1htut3f"
459
+ >
460
+ <input
461
+ class="perseusSrOnly_19bpjuy"
462
+ id="perseus_radio_9-choice-3"
463
+ name="perseus_radio_9"
464
+ type="radio"
465
+ />
466
+ <div
467
+ class="iconWrapper_17y0hv9"
468
+ >
469
+ <span
470
+ class="ring_en36io"
471
+ style="border-color: transparent;"
472
+ >
473
+ <div
474
+ class="libraryCircle_1ytyy5d"
475
+ data-is-radio-icon="true"
476
+ style="border-color: #888d93; color: rgb(136, 141, 147);"
477
+ >
478
+ <div
479
+ class="perseus-sr-only"
480
+ >
481
+ (Choice D)
482
+ </div>
483
+ <div
484
+ aria-hidden="true"
485
+ >
486
+ D
487
+ </div>
488
+ </div>
489
+ </span>
490
+ </div>
491
+ </span>
492
+ <span
493
+ class="perseus-radio-option-content perseus-interactive"
494
+ style="cursor: default;"
495
+ >
496
+ <div
497
+ class="optionStatusContainer_uhlm2"
498
+ />
499
+ <div>
500
+ <span
501
+ class="mock-KatexProvider"
502
+ >
503
+ <div
504
+ class="perseus-renderer perseus-renderer-responsive"
505
+ >
506
+ <div
507
+ class="paragraph perseus-paragraph-centered"
508
+ data-perseus-paragraph-index="0"
509
+ >
510
+ <div
511
+ class="perseus-block-math"
512
+ >
513
+ <div
514
+ class="perseus-block-math-inner"
515
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
516
+ >
517
+ <span
518
+ class="mock-TeX"
519
+ >
520
+ 18
521
+ </span>
522
+ </div>
523
+ </div>
524
+ </div>
525
+ </div>
526
+ </span>
527
+ </div>
528
+ </span>
529
+ </div>
530
+ </div>
531
+ </label>
532
+ </div>
533
+ </div>
534
+ </div>
535
+ </div>
536
+ </li>
537
+ <li
538
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
539
+ >
540
+ <div>
541
+ <div
542
+ class="wrapper_e7hn5"
543
+ >
544
+ <div
545
+ class="slidingContent_1b7d4h4"
546
+ >
547
+ <div
548
+ class="content_1rmtpuj"
549
+ >
550
+ <label
551
+ class="checkbox-label label_1ekb3l0-o_O-responsiveLabel_19cgmwo"
552
+ for="perseus_radio_9-choice-4"
553
+ style="opacity: 1;"
554
+ >
555
+ <div
556
+ class="description description_psmgei"
557
+ >
558
+ <div
559
+ class="checkbox-and-option intermediateResponsiveCheckbox_tqugjn"
560
+ >
561
+ <span
562
+ class="checkbox perseusInteractive_18kcvhx-o_O-choiceIconWrapper_1htut3f"
563
+ >
564
+ <input
565
+ class="perseusSrOnly_19bpjuy"
566
+ id="perseus_radio_9-choice-4"
567
+ name="perseus_radio_9"
568
+ type="radio"
569
+ />
570
+ <div
571
+ class="iconWrapper_17y0hv9"
572
+ >
573
+ <span
574
+ class="ring_en36io"
575
+ style="border-color: transparent;"
576
+ >
577
+ <div
578
+ class="libraryCircle_1ytyy5d"
579
+ data-is-radio-icon="true"
580
+ style="border-color: #888d93; color: rgb(136, 141, 147);"
581
+ >
582
+ <div
583
+ class="perseus-sr-only"
584
+ >
585
+ (Choice E)
586
+ </div>
587
+ <div
588
+ aria-hidden="true"
589
+ >
590
+ E
591
+ </div>
592
+ </div>
593
+ </span>
594
+ </div>
595
+ </span>
596
+ <span
597
+ class="perseus-radio-option-content perseus-interactive"
598
+ style="cursor: default;"
599
+ >
600
+ <div
601
+ class="optionStatusContainer_uhlm2"
602
+ />
603
+ <div>
604
+ <span
605
+ class="mock-KatexProvider"
606
+ >
607
+ <div
608
+ class="perseus-renderer perseus-renderer-responsive"
609
+ >
610
+ <div
611
+ class="paragraph perseus-paragraph-centered"
612
+ data-perseus-paragraph-index="0"
613
+ >
614
+ <div
615
+ class="perseus-block-math"
616
+ >
617
+ <div
618
+ class="perseus-block-math-inner"
619
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
620
+ >
621
+ <span
622
+ class="mock-TeX"
623
+ >
624
+ 15
625
+ </span>
626
+ </div>
627
+ </div>
628
+ </div>
629
+ </div>
630
+ </span>
631
+ </div>
632
+ </span>
633
+ </div>
634
+ </div>
635
+ </label>
636
+ </div>
637
+ </div>
638
+ </div>
639
+ </div>
640
+ </li>
641
+ </ul>
642
+ </fieldset>
643
+ </div>
644
+ </div>
645
+ </div>
646
+ </div>
647
+ </div>
648
+ </span>
649
+ </div>
650
+ </div>
651
+ </div>
652
+ <div
653
+ class="paragraph"
654
+ >
655
+ <div
656
+ class="perseus-widget-container widget-nohighlight widget-block"
657
+ >
658
+ <div
659
+ class="perseus-group perseus-group-invalid-answer"
660
+ >
661
+ <span
662
+ class="mock-KatexProvider"
663
+ >
664
+ <div
665
+ class="perseus-renderer perseus-renderer-responsive"
666
+ >
667
+ <div
668
+ class="paragraph"
669
+ data-perseus-paragraph-index="0"
670
+ >
671
+ <div
672
+ class="paragraph"
673
+ >
674
+ <strong>
675
+ What is
676
+ <span
677
+ style="white-space: nowrap;"
678
+ >
679
+ <span />
680
+ <span
681
+ class="mock-TeX"
682
+ >
683
+ \\redD{\\text{A}}
684
+ </span>
685
+ <span />
686
+ </span>
687
+ rounded to the nearest ten?
688
+ </strong>
689
+
690
+ </div>
691
+ </div>
692
+ <div
693
+ class="paragraph"
694
+ data-perseus-paragraph-index="1"
695
+ >
696
+ <div
697
+ class="paragraph"
698
+ >
699
+ <div
700
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
701
+ >
702
+ <div>
703
+ <span>
704
+ <div>
705
+ <input
706
+ aria-describedby="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
707
+ aria-label="value rounded to the nearest ten"
708
+ autocapitalize="off"
709
+ autocomplete="off"
710
+ autocorrect="off"
711
+ class="perseus-input perseus-interactive perseus-input-size-normal"
712
+ spellcheck="false"
713
+ type="text"
714
+ value=""
715
+ />
716
+ </div>
717
+ <div
718
+ style="position: relative; height: 0px; display: none;"
719
+ >
720
+ <div
721
+ class="tooltipContainer"
722
+ style="position: absolute; left: 0px;"
723
+ >
724
+ <div
725
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
726
+ >
727
+ <div
728
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
729
+ />
730
+ <div
731
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
732
+ />
733
+ </div>
734
+ <div
735
+ class="perseus-formats-tooltip preview-measure"
736
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
737
+ >
738
+ <div
739
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
740
+ >
741
+ <span
742
+ class="mock-KatexProvider"
743
+ >
744
+ <div
745
+ class="perseus-renderer perseus-renderer-responsive"
746
+ >
747
+ <div
748
+ class="paragraph"
749
+ data-perseus-paragraph-index="0"
750
+ >
751
+ <ul>
752
+ <li>
753
+ <strong>
754
+ Your answer should be
755
+ </strong>
756
+ </li>
757
+ <li>
758
+ an integer, like
759
+ <span
760
+ style="white-space: nowrap;"
761
+ >
762
+ <span />
763
+ <span
764
+ class="mock-TeX"
765
+ >
766
+ 6
767
+ </span>
768
+ <span />
769
+ </span>
770
+ </li>
771
+ <li>
772
+ a
773
+ <em>
774
+ simplified proper
775
+ </em>
776
+ fraction, like
777
+ <span
778
+ style="white-space: nowrap;"
779
+ >
780
+ <span />
781
+ <span
782
+ class="mock-TeX"
783
+ >
784
+ 3/5
785
+ </span>
786
+ <span />
787
+ </span>
788
+ </li>
789
+ <li>
790
+ a
791
+ <em>
792
+ simplified improper
793
+ </em>
794
+ fraction, like
795
+ <span
796
+ style="white-space: nowrap;"
797
+ >
798
+ <span />
799
+ <span
800
+ class="mock-TeX"
801
+ >
802
+ 7/4
803
+ </span>
804
+ <span />
805
+ </span>
806
+ </li>
807
+ <li>
808
+ a mixed number, like
809
+ <span
810
+ style="white-space: nowrap;"
811
+ >
812
+ <span />
813
+ <span
814
+ class="mock-TeX"
815
+ >
816
+ 1\\ 3/4
817
+ </span>
818
+ <span />
819
+ </span>
820
+ </li>
821
+ <li>
822
+ an
823
+ <em>
824
+ exact
825
+ </em>
826
+ decimal, like
827
+ <span
828
+ style="white-space: nowrap;"
829
+ >
830
+ <span />
831
+ <span
832
+ class="mock-TeX"
833
+ >
834
+ 0.75
835
+ </span>
836
+ <span />
837
+ </span>
838
+ </li>
839
+ <li>
840
+ a multiple of pi, like
841
+ <span
842
+ style="white-space: nowrap;"
843
+ >
844
+ <span />
845
+ <span
846
+ class="mock-TeX"
847
+ >
848
+ 12\\ \\text{pi}
849
+ </span>
850
+ <span />
851
+ </span>
852
+ or
853
+ <span
854
+ style="white-space: nowrap;"
855
+ >
856
+ <span />
857
+ <span
858
+ class="mock-TeX"
859
+ >
860
+ 2/3\\ \\text{pi}
861
+ </span>
862
+ <span />
863
+ </span>
864
+ </li>
865
+ </ul>
866
+ </div>
867
+ </div>
868
+ </span>
869
+ </div>
870
+ </div>
871
+ </div>
872
+ </div>
873
+ </span>
874
+ </div>
875
+ </div>
876
+ </div>
877
+ </div>
878
+ <div
879
+ class="paragraph"
880
+ data-perseus-paragraph-index="2"
881
+ >
882
+ <div
883
+ class="paragraph"
884
+ >
885
+ <strong>
886
+ What is
887
+ <span
888
+ style="white-space: nowrap;"
889
+ >
890
+ <span />
891
+ <span
892
+ class="mock-TeX"
893
+ >
894
+ \\redD{\\text{A}}
895
+ </span>
896
+ <span />
897
+ </span>
898
+ rounded to the nearest hundred?
899
+ </strong>
900
+
901
+ </div>
902
+ </div>
903
+ <div
904
+ class="paragraph"
905
+ data-perseus-paragraph-index="3"
906
+ >
907
+ <div
908
+ class="paragraph"
909
+ >
910
+ <div
911
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
912
+ >
913
+ <div>
914
+ <span>
915
+ <div>
916
+ <input
917
+ aria-describedby="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
918
+ aria-label="value rounded to the nearest hundred"
919
+ autocapitalize="off"
920
+ autocomplete="off"
921
+ autocorrect="off"
922
+ class="perseus-input perseus-interactive perseus-input-size-normal"
923
+ spellcheck="false"
924
+ type="text"
925
+ value=""
926
+ />
927
+ </div>
928
+ <div
929
+ style="position: relative; height: 0px; display: none;"
930
+ >
931
+ <div
932
+ class="tooltipContainer"
933
+ style="position: absolute; left: 0px;"
934
+ >
935
+ <div
936
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
937
+ >
938
+ <div
939
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
940
+ />
941
+ <div
942
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
943
+ />
944
+ </div>
945
+ <div
946
+ class="perseus-formats-tooltip preview-measure"
947
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
948
+ >
949
+ <div
950
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
951
+ >
952
+ <span
953
+ class="mock-KatexProvider"
954
+ >
955
+ <div
956
+ class="perseus-renderer perseus-renderer-responsive"
957
+ >
958
+ <div
959
+ class="paragraph"
960
+ data-perseus-paragraph-index="0"
961
+ >
962
+ <ul>
963
+ <li>
964
+ <strong>
965
+ Your answer should be
966
+ </strong>
967
+ </li>
968
+ <li>
969
+ an integer, like
970
+ <span
971
+ style="white-space: nowrap;"
972
+ >
973
+ <span />
974
+ <span
975
+ class="mock-TeX"
976
+ >
977
+ 6
978
+ </span>
979
+ <span />
980
+ </span>
981
+ </li>
982
+ <li>
983
+ a
984
+ <em>
985
+ simplified proper
986
+ </em>
987
+ fraction, like
988
+ <span
989
+ style="white-space: nowrap;"
990
+ >
991
+ <span />
992
+ <span
993
+ class="mock-TeX"
994
+ >
995
+ 3/5
996
+ </span>
997
+ <span />
998
+ </span>
999
+ </li>
1000
+ <li>
1001
+ a
1002
+ <em>
1003
+ simplified improper
1004
+ </em>
1005
+ fraction, like
1006
+ <span
1007
+ style="white-space: nowrap;"
1008
+ >
1009
+ <span />
1010
+ <span
1011
+ class="mock-TeX"
1012
+ >
1013
+ 7/4
1014
+ </span>
1015
+ <span />
1016
+ </span>
1017
+ </li>
1018
+ <li>
1019
+ a mixed number, like
1020
+ <span
1021
+ style="white-space: nowrap;"
1022
+ >
1023
+ <span />
1024
+ <span
1025
+ class="mock-TeX"
1026
+ >
1027
+ 1\\ 3/4
1028
+ </span>
1029
+ <span />
1030
+ </span>
1031
+ </li>
1032
+ <li>
1033
+ an
1034
+ <em>
1035
+ exact
1036
+ </em>
1037
+ decimal, like
1038
+ <span
1039
+ style="white-space: nowrap;"
1040
+ >
1041
+ <span />
1042
+ <span
1043
+ class="mock-TeX"
1044
+ >
1045
+ 0.75
1046
+ </span>
1047
+ <span />
1048
+ </span>
1049
+ </li>
1050
+ <li>
1051
+ a multiple of pi, like
1052
+ <span
1053
+ style="white-space: nowrap;"
1054
+ >
1055
+ <span />
1056
+ <span
1057
+ class="mock-TeX"
1058
+ >
1059
+ 12\\ \\text{pi}
1060
+ </span>
1061
+ <span />
1062
+ </span>
1063
+ or
1064
+ <span
1065
+ style="white-space: nowrap;"
1066
+ >
1067
+ <span />
1068
+ <span
1069
+ class="mock-TeX"
1070
+ >
1071
+ 2/3\\ \\text{pi}
1072
+ </span>
1073
+ <span />
1074
+ </span>
1075
+ </li>
1076
+ </ul>
1077
+ </div>
1078
+ </div>
1079
+ </span>
1080
+ </div>
1081
+ </div>
1082
+ </div>
1083
+ </div>
1084
+ </span>
1085
+ </div>
1086
+ </div>
1087
+ </div>
1088
+ </div>
1089
+ <div
1090
+ class="paragraph"
1091
+ data-perseus-paragraph-index="4"
1092
+ >
1093
+ <div
1094
+ class="paragraph"
1095
+ >
1096
+ <div
1097
+ class="perseus-widget-container widget-nohighlight widget-block"
1098
+ >
1099
+ <div
1100
+ class="perseus-image-widget"
1101
+ >
1102
+ <div
1103
+ class="fixed-to-responsive svg-image"
1104
+ style="max-width: 380px; max-height: 80px;"
1105
+ >
1106
+ <div
1107
+ style="padding-bottom: 21.05%;"
1108
+ />
1109
+ <span
1110
+ style="background: url(/images/spinner.gif) no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; min-width: 20px;"
1111
+ />
1112
+ </div>
1113
+ <span
1114
+ class="perseus-sr-only"
1115
+ >
1116
+ <span
1117
+ class="mock-KatexProvider"
1118
+ >
1119
+ <div
1120
+ class="perseus-renderer perseus-renderer-responsive"
1121
+ >
1122
+ <div
1123
+ class="paragraph"
1124
+ data-perseus-paragraph-index="0"
1125
+ >
1126
+ <div
1127
+ class="paragraph"
1128
+ >
1129
+ A number line labeled 200 to 300 with tick marks at every 5 units. The tick marks at 200, 210, 220, 230, 240, 250, 260, 270, 280, 290, and 300 are labeled. A red circle labeled A is between 220 tick mark and 230 tick mark.
1130
+ </div>
1131
+ </div>
1132
+ </div>
1133
+ </span>
1134
+ </span>
1135
+ </div>
1136
+ </div>
1137
+ </div>
1138
+ </div>
1139
+ </div>
1140
+ </span>
1141
+ </div>
1142
+ </div>
1143
+ </div>
1144
+ <div
1145
+ class="sat-grafting-area"
1146
+ />
1147
+ </div>
1148
+ </div>
1149
+ </div>
1150
+ </div>
1151
+ </div>
1152
+ </span>
1153
+ </div>
1154
+ `;