@khanacademy/perseus 0.0.1 → 0.2.1

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 (507) hide show
  1. package/.babelrc.js +1 -1
  2. package/CHANGELOG.md +29 -0
  3. package/dist/es/index.css +4361 -0
  4. package/dist/es/index.js +7 -1
  5. package/dist/es/index.js.map +1 -1
  6. package/dist/index.css +4361 -0
  7. package/dist/index.js +7 -1
  8. package/dist/index.js.map +1 -1
  9. package/dist/strings.js +148 -46
  10. package/package.json +50 -4
  11. package/src/README.md +35 -0
  12. package/src/__stories__/item-renderer.stories.jsx +27 -0
  13. package/src/__stories__/server-item-renderer.stories.jsx +27 -0
  14. package/src/__testdata__/item-renderer_testdata.js +161 -0
  15. package/src/__testdata__/renderer_testdata.js +123 -0
  16. package/src/__tests__/__snapshots__/item-renderer_test.jsx.snap +233 -0
  17. package/src/__tests__/__snapshots__/perseus-markdown_test.jsx.snap +516 -0
  18. package/src/__tests__/__snapshots__/pure-markdown_test.js.snap +113 -0
  19. package/src/__tests__/__snapshots__/renderer_test.jsx.snap +576 -0
  20. package/src/__tests__/__snapshots__/server-item-renderer_test.jsx.snap +306 -0
  21. package/src/__tests__/a11y_test.jsx +304 -0
  22. package/src/__tests__/item-renderer_test.jsx +892 -0
  23. package/src/__tests__/mock-asset-loading-widget.jsx +57 -0
  24. package/src/__tests__/mock-widget.jsx +35 -0
  25. package/src/__tests__/perseus-markdown_test.jsx +747 -0
  26. package/src/__tests__/pure-markdown_test.js +552 -0
  27. package/src/__tests__/renderability_test.jsx +481 -0
  28. package/src/__tests__/renderer-api_test.jsx +333 -0
  29. package/src/__tests__/renderer_test.jsx +1792 -0
  30. package/src/__tests__/server-item-renderer_test.jsx +516 -0
  31. package/src/__tests__/test-items/image-item.js +25 -0
  32. package/src/__tests__/test-items/input-number-1-item.js +27 -0
  33. package/src/__tests__/test-items/input-number-2-item.js +39 -0
  34. package/src/__tests__/test-items/table-item.js +30 -0
  35. package/src/__tests__/tex-wrangler_test.js +83 -0
  36. package/src/__tests__/util_test.js +41 -0
  37. package/src/a11y.js +46 -0
  38. package/src/all-widgets.js +9 -0
  39. package/src/article-renderer.jsx +215 -0
  40. package/src/asset-context.js +30 -0
  41. package/src/basic-widgets.js +13 -0
  42. package/src/components/__stories__/button-group.stories.jsx +61 -0
  43. package/src/components/__stories__/fixed-to-responsive.stories.jsx +132 -0
  44. package/src/components/__stories__/graph.stories.jsx +27 -0
  45. package/src/components/__stories__/graphie.stories.jsx +28 -0
  46. package/src/components/__stories__/hud.stories.jsx +36 -0
  47. package/src/components/__stories__/icon.stories.jsx +56 -0
  48. package/src/components/__stories__/image-loader.stories.jsx +60 -0
  49. package/src/components/__stories__/info-tip.stories.jsx +33 -0
  50. package/src/components/__stories__/inline-icon.stories.jsx +39 -0
  51. package/src/components/__stories__/input-with-examples.stories.jsx +51 -0
  52. package/src/components/__stories__/lint.stories.jsx +40 -0
  53. package/src/components/__stories__/math-input.stories.jsx +29 -0
  54. package/src/components/__stories__/math-output.stories.jsx +24 -0
  55. package/src/components/__stories__/multi-button-group.stories.jsx +69 -0
  56. package/src/components/__stories__/number-input.stories.jsx +42 -0
  57. package/src/components/__stories__/possible-answers.stories.jsx +22 -0
  58. package/src/components/__stories__/prop-check-box.stories.jsx +62 -0
  59. package/src/components/__stories__/range-input.stories.jsx +28 -0
  60. package/src/components/__stories__/simple-keypad-input.stories.jsx +28 -0
  61. package/src/components/__stories__/sortable.stories.jsx +73 -0
  62. package/src/components/__stories__/stub-tag-editor.stories.jsx +44 -0
  63. package/src/components/__stories__/svg-image.stories.jsx +60 -0
  64. package/src/components/__stories__/tex.stories.jsx +18 -0
  65. package/src/components/__stories__/text-buttons.stories.jsx +51 -0
  66. package/src/components/__stories__/text-input.stories.jsx +34 -0
  67. package/src/components/__stories__/text-list-editor.stories.jsx +33 -0
  68. package/src/components/__stories__/zoomable-tex.stories.jsx +39 -0
  69. package/src/components/__stories__/zoomable.stories.jsx +40 -0
  70. package/src/components/__testdata__/sorter_testdata.js +20 -0
  71. package/src/components/__tests__/__snapshots__/sortable_test.jsx.snap +79 -0
  72. package/src/components/__tests__/__snapshots__/sorter_test.jsx.snap +297 -0
  73. package/src/components/__tests__/number-input_test.jsx +112 -0
  74. package/src/components/__tests__/sortable_test.jsx +234 -0
  75. package/src/components/__tests__/sorter_test.jsx +111 -0
  76. package/src/components/__tests__/zoomable_test.jsx +388 -0
  77. package/src/components/button-group.jsx +131 -0
  78. package/src/components/constants.js +15 -0
  79. package/src/components/fixed-to-responsive.jsx +164 -0
  80. package/src/components/graph.jsx +415 -0
  81. package/src/components/graphie-classes.jsx +148 -0
  82. package/src/components/graphie-movables.jsx +342 -0
  83. package/src/components/graphie.jsx +353 -0
  84. package/src/components/highlighting/highlightable-content.jsx +245 -0
  85. package/src/components/highlighting/highlights.js +208 -0
  86. package/src/components/highlighting/ranges.js +299 -0
  87. package/src/components/highlighting/types.js +73 -0
  88. package/src/components/highlighting/ui/highlight-renderer.jsx +179 -0
  89. package/src/components/highlighting/ui/highlight-set-renderer.jsx +190 -0
  90. package/src/components/highlighting/ui/highlight-tooltip.jsx +153 -0
  91. package/src/components/highlighting/ui/highlighting-ui.jsx +163 -0
  92. package/src/components/highlighting/ui/selection-tracker.jsx +195 -0
  93. package/src/components/highlighting/ui/types.js +21 -0
  94. package/src/components/highlighting/ui/util.js +166 -0
  95. package/src/components/highlighting/word-indexer.jsx +155 -0
  96. package/src/components/hud.jsx +179 -0
  97. package/src/components/icon.jsx +149 -0
  98. package/src/components/image-loader.jsx +175 -0
  99. package/src/components/info-tip/info-tip.jsx +146 -0
  100. package/src/components/info-tip.jsx +38 -0
  101. package/src/components/inline-icon.jsx +81 -0
  102. package/src/components/input-with-examples.jsx +231 -0
  103. package/src/components/lint.jsx +454 -0
  104. package/src/components/math-input.jsx +282 -0
  105. package/src/components/math-output.jsx +128 -0
  106. package/src/components/multi-button-group.jsx +137 -0
  107. package/src/components/new-tooltip/README.md +110 -0
  108. package/src/components/new-tooltip/__stories__/flexible-position.stories.jsx +437 -0
  109. package/src/components/new-tooltip/__stories__/new-tooltip.stories.jsx +665 -0
  110. package/src/components/new-tooltip/__stories__/tooltip-arrow.stories.jsx +70 -0
  111. package/src/components/new-tooltip/__stories__/tooltip-bubble.stories.jsx +98 -0
  112. package/src/components/new-tooltip/__tests__/style-constants_test.js +8 -0
  113. package/src/components/new-tooltip/__tests__/util_test.js +47 -0
  114. package/src/components/new-tooltip/flexible-position.jsx +182 -0
  115. package/src/components/new-tooltip/new-tooltip.jsx +399 -0
  116. package/src/components/new-tooltip/style-constants.js +13 -0
  117. package/src/components/new-tooltip/tooltip-arrow.jsx +184 -0
  118. package/src/components/new-tooltip/tooltip-bubble.jsx +223 -0
  119. package/src/components/new-tooltip/tooltip-portal.jsx +101 -0
  120. package/src/components/new-tooltip/tooltip-positioner.jsx +529 -0
  121. package/src/components/new-tooltip/types.js +183 -0
  122. package/src/components/new-tooltip/util.js +27 -0
  123. package/src/components/number-input.jsx +253 -0
  124. package/src/components/possible-answers.jsx +36 -0
  125. package/src/components/prop-check-box.jsx +80 -0
  126. package/src/components/range-input.jsx +61 -0
  127. package/src/components/simple-keypad-input.jsx +91 -0
  128. package/src/components/sortable.jsx +873 -0
  129. package/src/components/stub-tag-editor.jsx +54 -0
  130. package/src/components/svg-image.jsx +762 -0
  131. package/src/components/tex-buttons.jsx +322 -0
  132. package/src/components/tex.jsx +70 -0
  133. package/src/components/text-input.jsx +82 -0
  134. package/src/components/text-list-editor.jsx +157 -0
  135. package/src/components/tooltip.jsx +395 -0
  136. package/src/components/visibility-observer/__stories__/visibility-observer.stories.jsx +140 -0
  137. package/src/components/visibility-observer/get-scroll-parent.js +45 -0
  138. package/src/components/visibility-observer/visibility-observer.js +109 -0
  139. package/src/components/visibility-observer/visibility-observer.jsx +123 -0
  140. package/src/components/zoomable-tex.jsx +70 -0
  141. package/src/components/zoomable.jsx +304 -0
  142. package/src/components.js +17 -0
  143. package/src/dependencies.js +22 -0
  144. package/src/error-boundary.jsx +48 -0
  145. package/src/extra-widgets.js +75 -0
  146. package/src/gorgon/README +40 -0
  147. package/src/gorgon/__tests__/matcher_test.js +497 -0
  148. package/src/gorgon/__tests__/rule_test.js +101 -0
  149. package/src/gorgon/__tests__/rules_test.js +487 -0
  150. package/src/gorgon/__tests__/selector-parser_test.js +52 -0
  151. package/src/gorgon/__tests__/tree-transformer_test.js +446 -0
  152. package/src/gorgon/gorgon.js +290 -0
  153. package/src/gorgon/proptypes.js +29 -0
  154. package/src/gorgon/rule.js +413 -0
  155. package/src/gorgon/rules/absolute-url.js +24 -0
  156. package/src/gorgon/rules/all-rules.js +72 -0
  157. package/src/gorgon/rules/blockquoted-math.js +10 -0
  158. package/src/gorgon/rules/blockquoted-widget.js +10 -0
  159. package/src/gorgon/rules/double-spacing-after-terminal.js +12 -0
  160. package/src/gorgon/rules/extra-content-spacing.js +12 -0
  161. package/src/gorgon/rules/heading-level-1.js +14 -0
  162. package/src/gorgon/rules/heading-level-skip.js +20 -0
  163. package/src/gorgon/rules/heading-sentence-case.js +11 -0
  164. package/src/gorgon/rules/heading-title-case.js +63 -0
  165. package/src/gorgon/rules/image-alt-text.js +21 -0
  166. package/src/gorgon/rules/image-in-table.js +10 -0
  167. package/src/gorgon/rules/image-spaces-around-urls.js +35 -0
  168. package/src/gorgon/rules/image-widget.js +50 -0
  169. package/src/gorgon/rules/link-click-here.js +11 -0
  170. package/src/gorgon/rules/lint-utils.js +48 -0
  171. package/src/gorgon/rules/long-paragraph.js +14 -0
  172. package/src/gorgon/rules/math-adjacent.js +10 -0
  173. package/src/gorgon/rules/math-align-extra-break.js +11 -0
  174. package/src/gorgon/rules/math-align-linebreaks.js +43 -0
  175. package/src/gorgon/rules/math-empty.js +10 -0
  176. package/src/gorgon/rules/math-font-size.js +12 -0
  177. package/src/gorgon/rules/math-frac.js +10 -0
  178. package/src/gorgon/rules/math-nested.js +11 -0
  179. package/src/gorgon/rules/math-starts-with-space.js +12 -0
  180. package/src/gorgon/rules/math-text-empty.js +10 -0
  181. package/src/gorgon/rules/math-without-dollars.js +14 -0
  182. package/src/gorgon/rules/nested-lists.js +11 -0
  183. package/src/gorgon/rules/profanity.js +10 -0
  184. package/src/gorgon/rules/table-missing-cells.js +20 -0
  185. package/src/gorgon/rules/unbalanced-code-delimiters.js +14 -0
  186. package/src/gorgon/rules/unescaped-dollar.js +10 -0
  187. package/src/gorgon/rules/widget-in-table.js +10 -0
  188. package/src/gorgon/selector.js +506 -0
  189. package/src/gorgon/tree-transformer.js +588 -0
  190. package/src/hint-renderer.jsx +159 -0
  191. package/src/hints-renderer.jsx +359 -0
  192. package/src/icon-paths.js +120 -0
  193. package/src/index.js +149 -2
  194. package/src/init.js +49 -0
  195. package/src/interaction-tracker.js +60 -0
  196. package/src/interactive2/__tests__/movable-mock.js +48 -0
  197. package/src/interactive2/__tests__/movable-point_test.js +146 -0
  198. package/src/interactive2/interactive-util.js +152 -0
  199. package/src/interactive2/movable-helper-methods.js +160 -0
  200. package/src/interactive2/movable-line-options.js +392 -0
  201. package/src/interactive2/movable-line.js +322 -0
  202. package/src/interactive2/movable-point-options.js +190 -0
  203. package/src/interactive2/movable-point.jsx +603 -0
  204. package/src/interactive2/movable-polygon-options.js +351 -0
  205. package/src/interactive2/movable-polygon.js +368 -0
  206. package/src/interactive2/movable.js +273 -0
  207. package/src/interactive2/objective_.js +79 -0
  208. package/src/interactive2/types.js +3 -0
  209. package/src/interactive2/wrapped-defaults.js +86 -0
  210. package/src/interactive2/wrapped-ellipse.js +87 -0
  211. package/src/interactive2/wrapped-line.js +109 -0
  212. package/src/interactive2/wrapped-path.js +47 -0
  213. package/src/interactive2.js +91 -0
  214. package/src/item-renderer.jsx +518 -0
  215. package/src/item-version.js +12 -0
  216. package/src/jipt-paragraphs.js +44 -0
  217. package/src/jquery.mobile.vmouse.js +545 -0
  218. package/src/keypad-context.js +33 -0
  219. package/src/loading-context.js +20 -0
  220. package/src/logging/log.js +107 -0
  221. package/src/logging/log_test.js +41 -0
  222. package/src/mixins/changeable.jsx +115 -0
  223. package/src/mixins/editor-jsonify.jsx +13 -0
  224. package/src/mixins/provide-keypad.jsx +129 -0
  225. package/src/mixins/widget-jsonify-deprecated.jsx +23 -0
  226. package/src/mixins/widget-prop-blacklist.js +36 -0
  227. package/src/multi-items/__stories__/multi-renderer.stories.js +88 -0
  228. package/src/multi-items/__testdata__/multi-renderer_testdata.js +174 -0
  229. package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap +994 -0
  230. package/src/multi-items/__tests__/items_test.js +245 -0
  231. package/src/multi-items/__tests__/multi-renderer_test.js +903 -0
  232. package/src/multi-items/__tests__/prop-type-builders_test.js +134 -0
  233. package/src/multi-items/__tests__/shapes_test.js +44 -0
  234. package/src/multi-items/__tests__/trees_test.js +316 -0
  235. package/src/multi-items/item-types.js +55 -0
  236. package/src/multi-items/items.js +176 -0
  237. package/src/multi-items/multi-renderer.jsx +543 -0
  238. package/src/multi-items/prop-type-builders.js +105 -0
  239. package/src/multi-items/shape-types.js +47 -0
  240. package/src/multi-items/shapes.js +53 -0
  241. package/src/multi-items/tree-types.js +42 -0
  242. package/src/multi-items/trees.js +345 -0
  243. package/src/multi-items.js +76 -0
  244. package/src/not-gorgon.js +129 -0
  245. package/src/perseus-api.jsx +270 -0
  246. package/src/perseus-env.js +26 -0
  247. package/src/perseus-error.js +19 -0
  248. package/src/perseus-markdown.jsx +433 -0
  249. package/src/perseus-types.js +1597 -0
  250. package/src/pure-markdown.js +347 -0
  251. package/src/question-paragraph.jsx +30 -0
  252. package/src/renderability.jsx +108 -0
  253. package/src/renderer.jsx +1932 -0
  254. package/src/server-item-renderer.jsx +467 -0
  255. package/src/sigfigs.jsx +492 -0
  256. package/src/styles/articles.less +748 -0
  257. package/src/styles/constants.js +119 -0
  258. package/src/styles/global-constants.js +350 -0
  259. package/src/styles/global-styles.js +307 -0
  260. package/src/styles/khan-exercise.css +1304 -0
  261. package/src/styles/media-queries.js +48 -0
  262. package/src/styles/perseus-renderer.less +1007 -0
  263. package/src/styles/shared.js +132 -0
  264. package/src/styles/util.less +47 -0
  265. package/src/styles/variables.boostrap.less +301 -0
  266. package/src/styles/variables.less +68 -0
  267. package/src/styles/variables.shared.less +356 -0
  268. package/src/styles/widgets/categorizer.less +39 -0
  269. package/src/styles/widgets/definition.less +86 -0
  270. package/src/styles/widgets/dropdown.less +3 -0
  271. package/src/styles/widgets/expression.less +147 -0
  272. package/src/styles/widgets/graded-group.less +36 -0
  273. package/src/styles/widgets/grapher.less +11 -0
  274. package/src/styles/widgets/group.less +19 -0
  275. package/src/styles/widgets/image.less +29 -0
  276. package/src/styles/widgets/interactive-graph.less +61 -0
  277. package/src/styles/widgets/label-image.less +41 -0
  278. package/src/styles/widgets/matcher.less +8 -0
  279. package/src/styles/widgets/matrix.less +120 -0
  280. package/src/styles/widgets/measurer.less +20 -0
  281. package/src/styles/widgets/orderer.less +97 -0
  282. package/src/styles/widgets/passage.less +151 -0
  283. package/src/styles/widgets/plotter.less +33 -0
  284. package/src/styles/widgets/radio.less +52 -0
  285. package/src/styles/widgets/reaction-diagram.less +35 -0
  286. package/src/styles/widgets/sequence.less +5 -0
  287. package/src/styles/widgets/sortable.less +127 -0
  288. package/src/styles/widgets/table.less +56 -0
  289. package/src/styles/widgets/transformer.less +28 -0
  290. package/src/styles/widgets/unit.less +14 -0
  291. package/src/tex-wrangler.js +176 -0
  292. package/src/traversal.jsx +141 -0
  293. package/src/types.js +538 -0
  294. package/src/util/a11y.js +24 -0
  295. package/src/util/answer-types.js +862 -0
  296. package/src/util/answer-types_test.js +115 -0
  297. package/src/util/colors.js +94 -0
  298. package/src/util/fix-passage-refs.jsx +122 -0
  299. package/src/util/graph-utils.js +16 -0
  300. package/src/util/graphie.js +1586 -0
  301. package/src/util/interactive.js +4078 -0
  302. package/src/util/katex-preprocess.js +16 -0
  303. package/src/util/math.js +296 -0
  304. package/src/util/mobile-native-utils.js +14 -0
  305. package/src/util/mobile-native-utils_test.js +24 -0
  306. package/src/util/register-all-widgets-for-testing.js +12 -0
  307. package/src/util/scroll-utils.js +162 -0
  308. package/src/util/sizing-utils.js +46 -0
  309. package/src/util/tex.js +203 -0
  310. package/src/util/url-utils.js +36 -0
  311. package/src/util.js +990 -0
  312. package/src/version.js +11 -0
  313. package/src/widget-container.jsx +174 -0
  314. package/src/widgets/__stories__/categorizer.stories.jsx +15 -0
  315. package/src/widgets/__stories__/cs-program.stories.jsx +15 -0
  316. package/src/widgets/__stories__/definition.stories.jsx +38 -0
  317. package/src/widgets/__stories__/dropdown.stories.jsx +15 -0
  318. package/src/widgets/__stories__/explanation.stories.jsx +19 -0
  319. package/src/widgets/__stories__/expression.stories.jsx +26 -0
  320. package/src/widgets/__stories__/graded-group-set.stories.jsx +32 -0
  321. package/src/widgets/__stories__/graded-group.stories.jsx +32 -0
  322. package/src/widgets/__stories__/grapher.stories.jsx +47 -0
  323. package/src/widgets/__stories__/group.stories.jsx +15 -0
  324. package/src/widgets/__stories__/iframe.stories.jsx +15 -0
  325. package/src/widgets/__stories__/image.stories.jsx +62 -0
  326. package/src/widgets/__stories__/input-number.stories.jsx +90 -0
  327. package/src/widgets/__stories__/interaction.stories.jsx +15 -0
  328. package/src/widgets/__stories__/interactive-graph.stories.jsx +61 -0
  329. package/src/widgets/__stories__/matcher.stories.jsx +15 -0
  330. package/src/widgets/__stories__/matrix.stories.jsx +15 -0
  331. package/src/widgets/__stories__/number-line.stories.jsx +15 -0
  332. package/src/widgets/__stories__/numeric-input.stories.jsx +19 -0
  333. package/src/widgets/__stories__/orderer.stories.jsx +15 -0
  334. package/src/widgets/__stories__/passage-ref.stories.jsx +19 -0
  335. package/src/widgets/__stories__/passage.stories.jsx +19 -0
  336. package/src/widgets/__stories__/radio.stories.jsx +82 -0
  337. package/src/widgets/__stories__/sorter.stories.jsx +15 -0
  338. package/src/widgets/__stories__/transformer.stories.jsx +15 -0
  339. package/src/widgets/__stories__/unit.stories.jsx +45 -0
  340. package/src/widgets/__stories__/video-transcript-link.stories.jsx +24 -0
  341. package/src/widgets/__stories__/video.stories.jsx +15 -0
  342. package/src/widgets/__testdata__/categorizer_testdata.js +50 -0
  343. package/src/widgets/__testdata__/cs-program_testdata.js +28 -0
  344. package/src/widgets/__testdata__/dropdown_testdata.js +34 -0
  345. package/src/widgets/__testdata__/explanation_testdata.js +56 -0
  346. package/src/widgets/__testdata__/expression_testdata.js +95 -0
  347. package/src/widgets/__testdata__/graded-group-set_testdata.js +358 -0
  348. package/src/widgets/__testdata__/graded-group_testdata.js +79 -0
  349. package/src/widgets/__testdata__/grapher_testdata.js +376 -0
  350. package/src/widgets/__testdata__/group_testdata.js +156 -0
  351. package/src/widgets/__testdata__/iframe_testdata.js +36 -0
  352. package/src/widgets/__testdata__/image_testdata.js +38 -0
  353. package/src/widgets/__testdata__/input-number_testdata.js +73 -0
  354. package/src/widgets/__testdata__/interaction_testdata.js +264 -0
  355. package/src/widgets/__testdata__/interactive-graph_testdata.js +646 -0
  356. package/src/widgets/__testdata__/matcher_testdata.js +34 -0
  357. package/src/widgets/__testdata__/matrix_testdata.js +29 -0
  358. package/src/widgets/__testdata__/number-line_testdata.js +31 -0
  359. package/src/widgets/__testdata__/numeric-input_testdata.js +266 -0
  360. package/src/widgets/__testdata__/orderer_testdata.js +58 -0
  361. package/src/widgets/__testdata__/passage-ref_testdata.js +41 -0
  362. package/src/widgets/__testdata__/passage_testdata.js +71 -0
  363. package/src/widgets/__testdata__/radio_testdata.js +210 -0
  364. package/src/widgets/__testdata__/sorter_testdata.js +20 -0
  365. package/src/widgets/__testdata__/transformer_testdata.js +109 -0
  366. package/src/widgets/__testdata__/video_testdata.js +22 -0
  367. package/src/widgets/__tests__/__snapshots__/categorizer_test.jsx.snap +928 -0
  368. package/src/widgets/__tests__/__snapshots__/cs-program_test.jsx.snap +75 -0
  369. package/src/widgets/__tests__/__snapshots__/definition_test.js.snap +99 -0
  370. package/src/widgets/__tests__/__snapshots__/dropdown_test.jsx.snap +143 -0
  371. package/src/widgets/__tests__/__snapshots__/explanation_test.js.snap +473 -0
  372. package/src/widgets/__tests__/__snapshots__/expression_test.jsx.snap +38 -0
  373. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt_test.jsx.snap +754 -0
  374. package/src/widgets/__tests__/__snapshots__/graded-group-set_test.jsx.snap +310 -0
  375. package/src/widgets/__tests__/__snapshots__/graded-group_test.jsx.snap +863 -0
  376. package/src/widgets/__tests__/__snapshots__/grapher_test.jsx.snap +2880 -0
  377. package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap +1154 -0
  378. package/src/widgets/__tests__/__snapshots__/iframe_test.jsx.snap +69 -0
  379. package/src/widgets/__tests__/__snapshots__/image_test.jsx.snap +388 -0
  380. package/src/widgets/__tests__/__snapshots__/input-number_test.jsx.snap +978 -0
  381. package/src/widgets/__tests__/__snapshots__/interaction_test.jsx.snap +311 -0
  382. package/src/widgets/__tests__/__snapshots__/interactive-graph_test.jsx.snap +2915 -0
  383. package/src/widgets/__tests__/__snapshots__/matcher_test.jsx.snap +1039 -0
  384. package/src/widgets/__tests__/__snapshots__/matrix_test.jsx.snap +450 -0
  385. package/src/widgets/__tests__/__snapshots__/number-line_test.jsx.snap +888 -0
  386. package/src/widgets/__tests__/__snapshots__/numeric-input_test.jsx.snap +930 -0
  387. package/src/widgets/__tests__/__snapshots__/orderer_test.jsx.snap +275 -0
  388. package/src/widgets/__tests__/__snapshots__/passage-ref_test.jsx.snap +446 -0
  389. package/src/widgets/__tests__/__snapshots__/passage_test.jsx.snap +1988 -0
  390. package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap +7107 -0
  391. package/src/widgets/__tests__/__snapshots__/video_test.jsx.snap +163 -0
  392. package/src/widgets/__tests__/categorizer_test.jsx +205 -0
  393. package/src/widgets/__tests__/cs-program_test.jsx +45 -0
  394. package/src/widgets/__tests__/definition_test.js +152 -0
  395. package/src/widgets/__tests__/dropdown_test.jsx +106 -0
  396. package/src/widgets/__tests__/explanation_test.js +199 -0
  397. package/src/widgets/__tests__/expression_test.jsx +439 -0
  398. package/src/widgets/__tests__/graded-group-set-jipt_test.jsx +33 -0
  399. package/src/widgets/__tests__/graded-group-set_test.jsx +270 -0
  400. package/src/widgets/__tests__/graded-group_test.jsx +233 -0
  401. package/src/widgets/__tests__/grapher.cypress.jsx +486 -0
  402. package/src/widgets/__tests__/grapher_test.jsx +35 -0
  403. package/src/widgets/__tests__/group_test.jsx +512 -0
  404. package/src/widgets/__tests__/iframe_test.jsx +47 -0
  405. package/src/widgets/__tests__/image_test.jsx +65 -0
  406. package/src/widgets/__tests__/input-number_test.jsx +360 -0
  407. package/src/widgets/__tests__/interaction_test.jsx +33 -0
  408. package/src/widgets/__tests__/interactive-graph.cypress.jsx +697 -0
  409. package/src/widgets/__tests__/interactive-graph_test.jsx +105 -0
  410. package/src/widgets/__tests__/matcher_test.jsx +157 -0
  411. package/src/widgets/__tests__/matrix_test.jsx +84 -0
  412. package/src/widgets/__tests__/number-line_test.jsx +81 -0
  413. package/src/widgets/__tests__/numeric-input_test.jsx +574 -0
  414. package/src/widgets/__tests__/orderer_test.jsx +75 -0
  415. package/src/widgets/__tests__/passage-ref_test.jsx +166 -0
  416. package/src/widgets/__tests__/passage_test.jsx +133 -0
  417. package/src/widgets/__tests__/radio/base-radio_test.jsx +82 -0
  418. package/src/widgets/__tests__/radio_test.jsx +651 -0
  419. package/src/widgets/__tests__/renderQuestion.jsx +66 -0
  420. package/src/widgets/__tests__/unit_test.jsx +144 -0
  421. package/src/widgets/__tests__/video_test.jsx +55 -0
  422. package/src/widgets/categorizer.jsx +338 -0
  423. package/src/widgets/cs-program.jsx +227 -0
  424. package/src/widgets/definition.jsx +141 -0
  425. package/src/widgets/dropdown.jsx +143 -0
  426. package/src/widgets/explanation.jsx +315 -0
  427. package/src/widgets/expression.jsx +652 -0
  428. package/src/widgets/graded-group-answer-bar.jsx +152 -0
  429. package/src/widgets/graded-group-set.jsx +285 -0
  430. package/src/widgets/graded-group.jsx +448 -0
  431. package/src/widgets/grapher/util.jsx +806 -0
  432. package/src/widgets/grapher.jsx +663 -0
  433. package/src/widgets/group.jsx +213 -0
  434. package/src/widgets/iframe.jsx +198 -0
  435. package/src/widgets/image.jsx +310 -0
  436. package/src/widgets/input-number.jsx +411 -0
  437. package/src/widgets/interaction/arrow-picker.jsx +39 -0
  438. package/src/widgets/interaction/color-picker.jsx +69 -0
  439. package/src/widgets/interaction/dash-picker.jsx +46 -0
  440. package/src/widgets/interaction/element-container.jsx +97 -0
  441. package/src/widgets/interaction.jsx +742 -0
  442. package/src/widgets/interactive-graph.jsx +2820 -0
  443. package/src/widgets/label-image/__stories__/answer-choices.stories.jsx +93 -0
  444. package/src/widgets/label-image/__stories__/marker.stories.jsx +172 -0
  445. package/src/widgets/label-image/answer-choices.jsx +311 -0
  446. package/src/widgets/label-image/marker.jsx +365 -0
  447. package/src/widgets/label-image/types.js +33 -0
  448. package/src/widgets/label-image.jsx +841 -0
  449. package/src/widgets/label-image_test.js +840 -0
  450. package/src/widgets/lights-puzzle.jsx +356 -0
  451. package/src/widgets/matcher.jsx +271 -0
  452. package/src/widgets/matrix.jsx +616 -0
  453. package/src/widgets/measurer.jsx +215 -0
  454. package/src/widgets/molecule/__tests__/layout_test.jsx +159 -0
  455. package/src/widgets/molecule/__tests__/parser_test.jsx +142 -0
  456. package/src/widgets/molecule/molecule-drawing.jsx +175 -0
  457. package/src/widgets/molecule/molecule-layout.jsx +367 -0
  458. package/src/widgets/molecule/smiles-parser.jsx +300 -0
  459. package/src/widgets/molecule.jsx +172 -0
  460. package/src/widgets/number-line.jsx +858 -0
  461. package/src/widgets/numeric-input.jsx +622 -0
  462. package/src/widgets/orderer.jsx +753 -0
  463. package/src/widgets/passage/__tests__/passage-markdown_test.jsx +382 -0
  464. package/src/widgets/passage/get-line-height-for-node.js +10 -0
  465. package/src/widgets/passage/passage-markdown.jsx +416 -0
  466. package/src/widgets/passage-ref-target.jsx +70 -0
  467. package/src/widgets/passage-ref.jsx +198 -0
  468. package/src/widgets/passage.jsx +601 -0
  469. package/src/widgets/plotter.jsx +1198 -0
  470. package/src/widgets/radio/__stories__/base-radio.stories.jsx +40 -0
  471. package/src/widgets/radio/__stories__/choice-icon.stories.jsx +157 -0
  472. package/src/widgets/radio/__stories__/choice-none-above.stories.jsx +26 -0
  473. package/src/widgets/radio/__stories__/cross-out-button.stories.jsx +64 -0
  474. package/src/widgets/radio/__stories__/cross-out-menu.stories.jsx +59 -0
  475. package/src/widgets/radio/__stories__/cross-out-tooltip.stories.jsx +59 -0
  476. package/src/widgets/radio/__stories__/focus-ring.stories.jsx +38 -0
  477. package/src/widgets/radio/__stories__/option-status.stories.jsx +118 -0
  478. package/src/widgets/radio/__stories__/toggleable-radio-button.stories.jsx +28 -0
  479. package/src/widgets/radio/base-radio.jsx +642 -0
  480. package/src/widgets/radio/choice-icon.jsx +468 -0
  481. package/src/widgets/radio/choice-none-above.jsx +54 -0
  482. package/src/widgets/radio/choice.jsx +692 -0
  483. package/src/widgets/radio/choice.jsx.fixture.js +64 -0
  484. package/src/widgets/radio/cross-out-button.jsx +136 -0
  485. package/src/widgets/radio/cross-out-menu-wrapper.jsx +492 -0
  486. package/src/widgets/radio/cross-out-tooltip.jsx +129 -0
  487. package/src/widgets/radio/focus-ring.jsx +51 -0
  488. package/src/widgets/radio/option-status.jsx +89 -0
  489. package/src/widgets/radio/toggleable-radio-button.jsx +133 -0
  490. package/src/widgets/radio/util.js +32 -0
  491. package/src/widgets/radio/util_test.js +19 -0
  492. package/src/widgets/radio/widget.jsx +470 -0
  493. package/src/widgets/radio.jsx +156 -0
  494. package/src/widgets/reaction-diagram.jsx +137 -0
  495. package/src/widgets/sequence.jsx +140 -0
  496. package/src/widgets/simulator.jsx +808 -0
  497. package/src/widgets/sorter.jsx +146 -0
  498. package/src/widgets/table.jsx +394 -0
  499. package/src/widgets/transformer.jsx +2876 -0
  500. package/src/widgets/unit.jsx +372 -0
  501. package/src/widgets/video-transcript-link.jsx +84 -0
  502. package/src/widgets/video-transcript-link_test.js +211 -0
  503. package/src/widgets/video.jsx +126 -0
  504. package/src/widgets.js +431 -0
  505. package/src/zoom.js +539 -0
  506. package/README.md +0 -3
  507. package/src/__tests__/index.test.js +0 -14
package/src/widgets/__tests__/__snapshots__/number-line_test.jsx.snap ADDED
@@ -0,0 +1,888 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`number-line widget should snapshot on mobile: first mobile render 1`] = `
4
+ <div>
5
+ <span
6
+ class="mock-KatexProvider"
7
+ >
8
+ <div
9
+ class="perseus-renderer perseus-renderer-responsive"
10
+ >
11
+ <div
12
+ class="paragraph perseus-paragraph-centered"
13
+ data-perseus-paragraph-index="0"
14
+ >
15
+ <div
16
+ class="perseus-block-math"
17
+ style="margin-left: -16px; margin-right: -16px;"
18
+ >
19
+ <div
20
+ class="perseus-block-math-inner"
21
+ style="overflow-x: auto; overflow-y: hidden; margin-top: -10px; margin-bottom: -10px; transform: translate3d(0,0,0); padding: 10px 16px 10px 16px;"
22
+ >
23
+ <span
24
+ style="display: block; width: 100%; transform: scale(1, 1) translate(0, 8px); transform-origin: 0 0; opacity: 0;"
25
+ >
26
+ <span
27
+ class="mock-TeX"
28
+ >
29
+ E=2.5
30
+ </span>
31
+ </span>
32
+ </div>
33
+ </div>
34
+ </div>
35
+ <div
36
+ class="paragraph"
37
+ data-perseus-paragraph-index="1"
38
+ >
39
+ <div
40
+ class="paragraph"
41
+ >
42
+ <strong>
43
+ Move the dot to
44
+ <span
45
+ style="white-space: nowrap;"
46
+ >
47
+ <span />
48
+ <span
49
+ class="mock-TeX"
50
+ >
51
+ -E
52
+ </span>
53
+ <span />
54
+ </span>
55
+ on the number line.
56
+ </strong>
57
+ </div>
58
+ </div>
59
+ <div
60
+ class="paragraph"
61
+ data-perseus-paragraph-index="2"
62
+ >
63
+ <div
64
+ class="paragraph"
65
+ >
66
+ <div
67
+ class="perseus-widget-container widget-nohighlight widget-block"
68
+ >
69
+ <div
70
+ class="perseus-widget perseus-widget-interactive-number-line"
71
+ >
72
+ <div
73
+ class="graphie-container"
74
+ >
75
+ <div
76
+ class="graphie"
77
+ style="position: relative; width: 288px; height: 80px;"
78
+ >
79
+ <svg
80
+ height="80"
81
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2;"
82
+ version="1.1"
83
+ width="288"
84
+ xmlns="http://www.w3.org/2000/svg"
85
+ >
86
+ <desc
87
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
88
+ >
89
+ Created with Raphaël
90
+ </desc>
91
+ <defs
92
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
93
+ />
94
+ <rect
95
+ fill="#000000"
96
+ height="80"
97
+ opacity="0"
98
+ r="0"
99
+ rx="0"
100
+ ry="0"
101
+ stroke="#000"
102
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"
103
+ width="288"
104
+ x="0"
105
+ y="0"
106
+ />
107
+ </svg>
108
+ <svg
109
+ height="80"
110
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
111
+ version="1.1"
112
+ width="288"
113
+ xmlns="http://www.w3.org/2000/svg"
114
+ >
115
+ <desc
116
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
117
+ >
118
+ Created with Raphaël
119
+ </desc>
120
+ <defs
121
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
122
+ />
123
+ <path
124
+ d="M281.05,45.6C281.05,45.6,286.3,40,286.3,40C286.3,40,281.05,34.4,281.05,34.4"
125
+ fill="none"
126
+ stroke="#000000"
127
+ stroke-linecap="round"
128
+ stroke-linejoin="round"
129
+ stroke-width="2"
130
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
131
+ transform=""
132
+ />
133
+ <path
134
+ d="M144,40C144,40,144,40,286.95,40"
135
+ fill="none"
136
+ stroke="#000000"
137
+ stroke-width="2"
138
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
139
+ />
140
+ <path
141
+ d="M-4.849999999999988,45.6C-4.849999999999988,45.6,0.4000000000000119,40,0.4000000000000119,40C0.4000000000000119,40,-4.849999999999988,34.4,-4.849999999999988,34.4"
142
+ fill="none"
143
+ stroke="#000000"
144
+ stroke-linecap="round"
145
+ stroke-linejoin="round"
146
+ stroke-width="2"
147
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
148
+ transform="rotate(180 1.0500100000000114 40)"
149
+ />
150
+ <path
151
+ d="M144,40C144,40,144,40,1.0500000000000114,40"
152
+ fill="none"
153
+ stroke="#000000"
154
+ stroke-width="2"
155
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
156
+ />
157
+ <path
158
+ d="M29.999999999999993,48L29.999999999999993,32"
159
+ fill="none"
160
+ stroke="#000000"
161
+ stroke-width="2"
162
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
163
+ />
164
+ <path
165
+ d="M58.49999999999999,48L58.49999999999999,32"
166
+ fill="none"
167
+ stroke="#000000"
168
+ stroke-width="2"
169
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
170
+ />
171
+ <path
172
+ d="M86.99999999999999,48L86.99999999999999,32"
173
+ fill="none"
174
+ stroke="#000000"
175
+ stroke-width="2"
176
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
177
+ />
178
+ <path
179
+ d="M115.49999999999999,48L115.49999999999999,32"
180
+ fill="none"
181
+ stroke="#000000"
182
+ stroke-width="2"
183
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
184
+ />
185
+ <path
186
+ d="M144,48L144,32"
187
+ fill="none"
188
+ stroke="#000000"
189
+ stroke-width="2"
190
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
191
+ />
192
+ <path
193
+ d="M172.5,48L172.5,32"
194
+ fill="none"
195
+ stroke="#000000"
196
+ stroke-width="2"
197
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
198
+ />
199
+ <path
200
+ d="M201,48L201,32"
201
+ fill="none"
202
+ stroke="#000000"
203
+ stroke-width="2"
204
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
205
+ />
206
+ <path
207
+ d="M229.5,48L229.5,32"
208
+ fill="none"
209
+ stroke="#000000"
210
+ stroke-width="2"
211
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
212
+ />
213
+ <path
214
+ d="M258,48L258,32"
215
+ fill="none"
216
+ stroke="#000000"
217
+ stroke-width="2"
218
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
219
+ />
220
+ <path
221
+ d="M29.999999999999993,48L29.999999999999993,32"
222
+ fill="none"
223
+ stroke="#11accd"
224
+ stroke-width="3.5"
225
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 3.5;"
226
+ />
227
+ <path
228
+ d="M258,48L258,32"
229
+ fill="none"
230
+ stroke="#11accd"
231
+ stroke-width="3.5"
232
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 3.5;"
233
+ />
234
+ </svg>
235
+ <div
236
+ style="position: absolute; left: 0px; top: 0px;"
237
+ >
238
+ <div
239
+ style="position: absolute; width: 24px; height: 24px; left: 17.999999999999993px; top: 28px; webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5)); transform: translateX(0px) translateY(0px) translateZ(0);"
240
+ >
241
+ <svg
242
+ height="24"
243
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
244
+ version="1.1"
245
+ width="24"
246
+ xmlns="http://www.w3.org/2000/svg"
247
+ >
248
+ <desc
249
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
250
+ >
251
+ Created with Raphaël
252
+ </desc>
253
+ <defs
254
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
255
+ />
256
+ <ellipse
257
+ cx="NaN"
258
+ cy="NaN"
259
+ fill="#71b307"
260
+ r="NaN"
261
+ rx="7"
262
+ ry="7"
263
+ stroke="#ffffff"
264
+ stroke-width="3"
265
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 3;"
266
+ transform=""
267
+ />
268
+ </svg>
269
+ </div>
270
+ </div>
271
+ <div
272
+ style="position: absolute; left: 0px; top: 0px; z-index: 2;"
273
+ >
274
+ <div
275
+ data-interactive-kind-for-testing="movable-point"
276
+ style="position: absolute; width: 48px; height: 48px; left: 5.999999999999993px; top: 16px; transform: translateX(0px) translateY(0px) translateZ(0);"
277
+ >
278
+ <svg
279
+ height="48"
280
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
281
+ version="1.1"
282
+ width="48"
283
+ xmlns="http://www.w3.org/2000/svg"
284
+ >
285
+ <desc
286
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
287
+ >
288
+ Created with Raphaël
289
+ </desc>
290
+ <defs
291
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
292
+ />
293
+ <ellipse
294
+ cx="24"
295
+ cy="24"
296
+ fill="#000000"
297
+ opacity="0"
298
+ rx="24"
299
+ ry="24"
300
+ stroke="#000"
301
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; cursor: move;"
302
+ />
303
+ </svg>
304
+ </div>
305
+ </div>
306
+ <span
307
+ class="graphie-label"
308
+ data-math-formula="-4"
309
+ style="position: absolute; padding: 7px; color: black; left: 29.999999999999993px; top: 61.2px; fill: none;"
310
+ >
311
+ <span
312
+ class="katex-holder"
313
+ />
314
+ <span
315
+ class="mathjax-holder"
316
+ />
317
+ </span>
318
+ <span
319
+ class="graphie-label"
320
+ data-math-formula="-3"
321
+ style="position: absolute; padding: 7px; color: black; left: 58.49999999999999px; top: 61.2px; fill: none;"
322
+ >
323
+ <span
324
+ class="katex-holder"
325
+ />
326
+ <span
327
+ class="mathjax-holder"
328
+ />
329
+ </span>
330
+ <span
331
+ class="graphie-label"
332
+ data-math-formula="-2"
333
+ style="position: absolute; padding: 7px; color: black; left: 86.99999999999999px; top: 61.2px; fill: none;"
334
+ >
335
+ <span
336
+ class="katex-holder"
337
+ />
338
+ <span
339
+ class="mathjax-holder"
340
+ />
341
+ </span>
342
+ <span
343
+ class="graphie-label"
344
+ data-math-formula="-1"
345
+ style="position: absolute; padding: 7px; color: black; left: 115.49999999999999px; top: 61.2px; fill: none;"
346
+ >
347
+ <span
348
+ class="katex-holder"
349
+ />
350
+ <span
351
+ class="mathjax-holder"
352
+ />
353
+ </span>
354
+ <span
355
+ class="graphie-label"
356
+ data-math-formula="0"
357
+ style="position: absolute; padding: 7px; color: black; left: 144px; top: 61.2px; fill: none;"
358
+ >
359
+ <span
360
+ class="katex-holder"
361
+ />
362
+ <span
363
+ class="mathjax-holder"
364
+ />
365
+ </span>
366
+ <span
367
+ class="graphie-label"
368
+ data-math-formula="1"
369
+ style="position: absolute; padding: 7px; color: black; left: 172.5px; top: 61.2px; fill: none;"
370
+ >
371
+ <span
372
+ class="katex-holder"
373
+ />
374
+ <span
375
+ class="mathjax-holder"
376
+ />
377
+ </span>
378
+ <span
379
+ class="graphie-label"
380
+ data-math-formula="2"
381
+ style="position: absolute; padding: 7px; color: black; left: 201px; top: 61.2px; fill: none;"
382
+ >
383
+ <span
384
+ class="katex-holder"
385
+ />
386
+ <span
387
+ class="mathjax-holder"
388
+ />
389
+ </span>
390
+ <span
391
+ class="graphie-label"
392
+ data-math-formula="3"
393
+ style="position: absolute; padding: 7px; color: black; left: 229.5px; top: 61.2px; fill: none;"
394
+ >
395
+ <span
396
+ class="katex-holder"
397
+ />
398
+ <span
399
+ class="mathjax-holder"
400
+ />
401
+ </span>
402
+ <span
403
+ class="graphie-label"
404
+ data-math-formula="4"
405
+ style="position: absolute; padding: 7px; color: black; left: 258px; top: 61.2px; fill: none;"
406
+ >
407
+ <span
408
+ class="katex-holder"
409
+ />
410
+ <span
411
+ class="mathjax-holder"
412
+ />
413
+ </span>
414
+ <span
415
+ class="graphie-label"
416
+ data-math-formula="-4"
417
+ style="position: absolute; padding: 7px; color: rgb(17, 172, 205); left: 29.999999999999993px; top: 61.2px; fill: none;"
418
+ >
419
+ <span
420
+ class="katex-holder"
421
+ />
422
+ <span
423
+ class="mathjax-holder"
424
+ />
425
+ </span>
426
+ <span
427
+ class="graphie-label"
428
+ data-math-formula="4"
429
+ style="position: absolute; padding: 7px; color: rgb(17, 172, 205); left: 258px; top: 61.2px; fill: none;"
430
+ >
431
+ <span
432
+ class="katex-holder"
433
+ />
434
+ <span
435
+ class="mathjax-holder"
436
+ />
437
+ </span>
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ </div>
445
+ </span>
446
+ </div>
447
+ `;
448
+
449
+ exports[`number-line widget should snapshot: first render 1`] = `
450
+ <div>
451
+ <span
452
+ class="mock-KatexProvider"
453
+ >
454
+ <div
455
+ class="perseus-renderer perseus-renderer-responsive"
456
+ >
457
+ <div
458
+ class="paragraph perseus-paragraph-centered"
459
+ data-perseus-paragraph-index="0"
460
+ >
461
+ <div
462
+ class="perseus-block-math"
463
+ >
464
+ <div
465
+ class="perseus-block-math-inner"
466
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
467
+ >
468
+ <span
469
+ class="mock-TeX"
470
+ >
471
+ E=2.5
472
+ </span>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ <div
477
+ class="paragraph"
478
+ data-perseus-paragraph-index="1"
479
+ >
480
+ <div
481
+ class="paragraph"
482
+ >
483
+ <strong>
484
+ Move the dot to
485
+ <span
486
+ style="white-space: nowrap;"
487
+ >
488
+ <span />
489
+ <span
490
+ class="mock-TeX"
491
+ >
492
+ -E
493
+ </span>
494
+ <span />
495
+ </span>
496
+ on the number line.
497
+ </strong>
498
+ </div>
499
+ </div>
500
+ <div
501
+ class="paragraph"
502
+ data-perseus-paragraph-index="2"
503
+ >
504
+ <div
505
+ class="paragraph"
506
+ >
507
+ <div
508
+ class="perseus-widget-container widget-nohighlight widget-block"
509
+ >
510
+ <div
511
+ class="perseus-widget perseus-widget-interactive-number-line"
512
+ >
513
+ <div
514
+ class="graphie-container"
515
+ >
516
+ <div
517
+ class="graphie"
518
+ style="position: relative; width: 459.99999999999994px; height: 80px;"
519
+ >
520
+ <svg
521
+ height="80"
522
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2;"
523
+ version="1.1"
524
+ width="460"
525
+ xmlns="http://www.w3.org/2000/svg"
526
+ >
527
+ <desc
528
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
529
+ >
530
+ Created with Raphaël
531
+ </desc>
532
+ <defs
533
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
534
+ />
535
+ <rect
536
+ fill="#000000"
537
+ height="80"
538
+ opacity="0"
539
+ r="0"
540
+ rx="0"
541
+ ry="0"
542
+ stroke="#000"
543
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"
544
+ width="460"
545
+ x="0"
546
+ y="0"
547
+ />
548
+ </svg>
549
+ <svg
550
+ height="80"
551
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
552
+ version="1.1"
553
+ width="459.99999999999994"
554
+ xmlns="http://www.w3.org/2000/svg"
555
+ >
556
+ <desc
557
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
558
+ >
559
+ Created with Raphaël
560
+ </desc>
561
+ <defs
562
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
563
+ />
564
+ <path
565
+ d="M454.44999999999993,45.6C454.79999999999995,43.5,458.6499999999999,40.35,459.69999999999993,40C458.6499999999999,39.65,454.79999999999995,36.5,454.44999999999993,34.4"
566
+ fill="none"
567
+ stroke="#000000"
568
+ stroke-linecap="round"
569
+ stroke-linejoin="round"
570
+ stroke-width="2"
571
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
572
+ transform=""
573
+ />
574
+ <path
575
+ d="M229.99999999999997,40C229.99999999999997,40,229.99999999999997,40,458.94999999999993,40"
576
+ fill="none"
577
+ stroke="#000000"
578
+ stroke-width="2"
579
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
580
+ />
581
+ <path
582
+ d="M-3.4499999999999886,45.6C-3.0999999999999885,43.5,0.7500000000000115,40.35,1.8000000000000114,40C0.7500000000000113,39.65,-3.099999999999989,36.5,-3.4499999999999886,34.4"
583
+ fill="none"
584
+ stroke="#000000"
585
+ stroke-linecap="round"
586
+ stroke-linejoin="round"
587
+ stroke-width="2"
588
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
589
+ transform="rotate(180 1.8000000000000114 40)"
590
+ />
591
+ <path
592
+ d="M229.99999999999997,40C229.99999999999997,40,229.99999999999997,40,1.0500000000000114,40"
593
+ fill="none"
594
+ stroke="#000000"
595
+ stroke-width="2"
596
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
597
+ />
598
+ <path
599
+ d="M29.999999999999982,48L29.999999999999982,32"
600
+ fill="none"
601
+ stroke="#000000"
602
+ stroke-width="2"
603
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
604
+ />
605
+ <path
606
+ d="M79.99999999999999,48L79.99999999999999,32"
607
+ fill="none"
608
+ stroke="#000000"
609
+ stroke-width="2"
610
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
611
+ />
612
+ <path
613
+ d="M129.99999999999997,48L129.99999999999997,32"
614
+ fill="none"
615
+ stroke="#000000"
616
+ stroke-width="2"
617
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
618
+ />
619
+ <path
620
+ d="M179.99999999999997,48L179.99999999999997,32"
621
+ fill="none"
622
+ stroke="#000000"
623
+ stroke-width="2"
624
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
625
+ />
626
+ <path
627
+ d="M229.99999999999997,48L229.99999999999997,32"
628
+ fill="none"
629
+ stroke="#000000"
630
+ stroke-width="2"
631
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
632
+ />
633
+ <path
634
+ d="M280,48L280,32"
635
+ fill="none"
636
+ stroke="#000000"
637
+ stroke-width="2"
638
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
639
+ />
640
+ <path
641
+ d="M330,48L330,32"
642
+ fill="none"
643
+ stroke="#000000"
644
+ stroke-width="2"
645
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
646
+ />
647
+ <path
648
+ d="M380,48L380,32"
649
+ fill="none"
650
+ stroke="#000000"
651
+ stroke-width="2"
652
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
653
+ />
654
+ <path
655
+ d="M430,48L430,32"
656
+ fill="none"
657
+ stroke="#000000"
658
+ stroke-width="2"
659
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
660
+ />
661
+ <path
662
+ d="M29.999999999999982,48L29.999999999999982,32"
663
+ fill="none"
664
+ stroke="#6495ed"
665
+ stroke-width="3.5"
666
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 3.5;"
667
+ />
668
+ <path
669
+ d="M430,48L430,32"
670
+ fill="none"
671
+ stroke="#6495ed"
672
+ stroke-width="3.5"
673
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 3.5;"
674
+ />
675
+ </svg>
676
+ <div
677
+ style="position: absolute; left: 0px; top: 0px;"
678
+ >
679
+ <div
680
+ style="position: absolute; width: 34px; height: 34px; left: 12.999999999999982px; top: 23px; transform: translateX(0px) translateY(0px) translateZ(0);"
681
+ >
682
+ <svg
683
+ height="34"
684
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
685
+ version="1.1"
686
+ width="34"
687
+ xmlns="http://www.w3.org/2000/svg"
688
+ >
689
+ <desc
690
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
691
+ >
692
+ Created with Raphaël
693
+ </desc>
694
+ <defs
695
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
696
+ />
697
+ <ellipse
698
+ cx="NaN"
699
+ cy="NaN"
700
+ fill="#71b307"
701
+ r="NaN"
702
+ rx="6"
703
+ ry="6"
704
+ stroke="#71b307"
705
+ stroke-width="1"
706
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 1;"
707
+ transform=""
708
+ />
709
+ </svg>
710
+ </div>
711
+ </div>
712
+ <div
713
+ style="position: absolute; left: 0px; top: 0px; z-index: 2;"
714
+ >
715
+ <div
716
+ data-interactive-kind-for-testing="movable-point"
717
+ style="position: absolute; width: 48px; height: 48px; left: 5.999999999999982px; top: 16px; transform: translateX(0px) translateY(0px) translateZ(0);"
718
+ >
719
+ <svg
720
+ height="48"
721
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
722
+ version="1.1"
723
+ width="48"
724
+ xmlns="http://www.w3.org/2000/svg"
725
+ >
726
+ <desc
727
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
728
+ >
729
+ Created with Raphaël
730
+ </desc>
731
+ <defs
732
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
733
+ />
734
+ <ellipse
735
+ cx="24"
736
+ cy="24"
737
+ fill="#000000"
738
+ opacity="0"
739
+ rx="24"
740
+ ry="24"
741
+ stroke="#000"
742
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; cursor: move;"
743
+ />
744
+ </svg>
745
+ </div>
746
+ </div>
747
+ <span
748
+ class="graphie-label"
749
+ data-math-formula="-4"
750
+ style="position: absolute; padding: 7px; color: black; left: 29.999999999999982px; top: 61.2px; fill: none;"
751
+ >
752
+ <span
753
+ class="katex-holder"
754
+ />
755
+ <span
756
+ class="mathjax-holder"
757
+ />
758
+ </span>
759
+ <span
760
+ class="graphie-label"
761
+ data-math-formula="-3"
762
+ style="position: absolute; padding: 7px; color: black; left: 79.99999999999999px; top: 61.2px; fill: none;"
763
+ >
764
+ <span
765
+ class="katex-holder"
766
+ />
767
+ <span
768
+ class="mathjax-holder"
769
+ />
770
+ </span>
771
+ <span
772
+ class="graphie-label"
773
+ data-math-formula="-2"
774
+ style="position: absolute; padding: 7px; color: black; left: 129.99999999999997px; top: 61.2px; fill: none;"
775
+ >
776
+ <span
777
+ class="katex-holder"
778
+ />
779
+ <span
780
+ class="mathjax-holder"
781
+ />
782
+ </span>
783
+ <span
784
+ class="graphie-label"
785
+ data-math-formula="-1"
786
+ style="position: absolute; padding: 7px; color: black; left: 179.99999999999997px; top: 61.2px; fill: none;"
787
+ >
788
+ <span
789
+ class="katex-holder"
790
+ />
791
+ <span
792
+ class="mathjax-holder"
793
+ />
794
+ </span>
795
+ <span
796
+ class="graphie-label"
797
+ data-math-formula="0"
798
+ style="position: absolute; padding: 7px; color: black; left: 229.99999999999997px; top: 61.2px; fill: none;"
799
+ >
800
+ <span
801
+ class="katex-holder"
802
+ />
803
+ <span
804
+ class="mathjax-holder"
805
+ />
806
+ </span>
807
+ <span
808
+ class="graphie-label"
809
+ data-math-formula="1"
810
+ style="position: absolute; padding: 7px; color: black; left: 280px; top: 61.2px; fill: none;"
811
+ >
812
+ <span
813
+ class="katex-holder"
814
+ />
815
+ <span
816
+ class="mathjax-holder"
817
+ />
818
+ </span>
819
+ <span
820
+ class="graphie-label"
821
+ data-math-formula="2"
822
+ style="position: absolute; padding: 7px; color: black; left: 330px; top: 61.2px; fill: none;"
823
+ >
824
+ <span
825
+ class="katex-holder"
826
+ />
827
+ <span
828
+ class="mathjax-holder"
829
+ />
830
+ </span>
831
+ <span
832
+ class="graphie-label"
833
+ data-math-formula="3"
834
+ style="position: absolute; padding: 7px; color: black; left: 380px; top: 61.2px; fill: none;"
835
+ >
836
+ <span
837
+ class="katex-holder"
838
+ />
839
+ <span
840
+ class="mathjax-holder"
841
+ />
842
+ </span>
843
+ <span
844
+ class="graphie-label"
845
+ data-math-formula="4"
846
+ style="position: absolute; padding: 7px; color: black; left: 430px; top: 61.2px; fill: none;"
847
+ >
848
+ <span
849
+ class="katex-holder"
850
+ />
851
+ <span
852
+ class="mathjax-holder"
853
+ />
854
+ </span>
855
+ <span
856
+ class="graphie-label"
857
+ data-math-formula="-4"
858
+ style="position: absolute; padding: 7px; color: black; left: 29.999999999999982px; top: 61.2px; fill: none;"
859
+ >
860
+ <span
861
+ class="katex-holder"
862
+ />
863
+ <span
864
+ class="mathjax-holder"
865
+ />
866
+ </span>
867
+ <span
868
+ class="graphie-label"
869
+ data-math-formula="4"
870
+ style="position: absolute; padding: 7px; color: black; left: 430px; top: 61.2px; fill: none;"
871
+ >
872
+ <span
873
+ class="katex-holder"
874
+ />
875
+ <span
876
+ class="mathjax-holder"
877
+ />
878
+ </span>
879
+ </div>
880
+ </div>
881
+ </div>
882
+ </div>
883
+ </div>
884
+ </div>
885
+ </div>
886
+ </span>
887
+ </div>
888
+ `;