@khanacademy/perseus 4.0.2 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (249) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/dist/components/fixed-to-responsive.d.ts +27 -1
  3. package/dist/components/fixed-to-responsive.js.flow +27 -1
  4. package/dist/components/graph.d.ts +42 -26
  5. package/dist/components/graph.js.flow +42 -28
  6. package/dist/components/graphie.d.ts +34 -22
  7. package/dist/components/graphie.js.flow +37 -24
  8. package/dist/components/highlighting/highlightable-content.d.ts +4 -4
  9. package/dist/components/highlighting/highlightable-content.js.flow +4 -7
  10. package/dist/components/highlighting/ui/highlight-renderer.d.ts +6 -6
  11. package/dist/components/highlighting/ui/highlight-renderer.js.flow +6 -8
  12. package/dist/components/highlighting/ui/highlight-set-renderer.d.ts +5 -5
  13. package/dist/components/highlighting/ui/highlight-set-renderer.js.flow +5 -8
  14. package/dist/components/highlighting/ui/highlight-tooltip.d.ts +2 -2
  15. package/dist/components/highlighting/ui/highlight-tooltip.js.flow +2 -4
  16. package/dist/components/highlighting/ui/highlighting-ui.d.ts +2 -2
  17. package/dist/components/highlighting/ui/highlighting-ui.js.flow +2 -2
  18. package/dist/components/highlighting/ui/selection-tracker.d.ts +5 -5
  19. package/dist/components/highlighting/ui/selection-tracker.js.flow +5 -7
  20. package/dist/components/highlighting/word-indexer.d.ts +2 -2
  21. package/dist/components/highlighting/word-indexer.js.flow +2 -2
  22. package/dist/components/hud.d.ts +8 -14
  23. package/dist/components/hud.js.flow +7 -14
  24. package/dist/components/inline-icon.d.ts +27 -3
  25. package/dist/components/inline-icon.js.flow +26 -3
  26. package/dist/components/lint.d.ts +41 -13
  27. package/dist/components/lint.js.flow +42 -13
  28. package/dist/components/math-output.d.ts +15 -11
  29. package/dist/components/math-output.js.flow +15 -11
  30. package/dist/components/simple-keypad-input.d.ts +1 -1
  31. package/dist/components/simple-keypad-input.js.flow +1 -1
  32. package/dist/components/sortable.d.ts +17 -9
  33. package/dist/components/sortable.js.flow +22 -9
  34. package/dist/components/svg-image.d.ts +5 -3
  35. package/dist/components/svg-image.js.flow +5 -3
  36. package/dist/components/tex-buttons.d.ts +2 -2
  37. package/dist/components/tex-buttons.js.flow +2 -2
  38. package/dist/components/tooltip.d.ts +45 -4
  39. package/dist/components/tooltip.js.flow +44 -31
  40. package/dist/error-boundary.d.ts +4 -4
  41. package/dist/error-boundary.js.flow +4 -6
  42. package/dist/es/index.css +0 -3
  43. package/dist/es/index.js +484 -658
  44. package/dist/es/index.js.map +1 -1
  45. package/dist/index.css +0 -3
  46. package/dist/index.js +488 -655
  47. package/dist/index.js.map +1 -1
  48. package/dist/perseus-types.d.ts +11 -10
  49. package/dist/perseus-types.js.flow +11 -10
  50. package/dist/renderer.d.ts +2 -2
  51. package/dist/renderer.js.flow +1 -3
  52. package/dist/styles/shared.d.ts +0 -1
  53. package/dist/styles/shared.js.flow +0 -1
  54. package/dist/types.d.ts +0 -10
  55. package/dist/types.js.flow +0 -13
  56. package/dist/util/a11y.d.ts +0 -1
  57. package/dist/util/a11y.js.flow +0 -1
  58. package/dist/util/interactive.d.ts +2 -0
  59. package/dist/util/interactive.js.flow +2 -0
  60. package/dist/util.d.ts +3 -3
  61. package/dist/util.js.flow +4 -3
  62. package/dist/widgets/__stories__/test-keypad-context-wrapper.d.ts +2 -2
  63. package/dist/widgets/__stories__/test-keypad-context-wrapper.js.flow +2 -4
  64. package/dist/widgets/expression.d.ts +2 -2
  65. package/dist/widgets/expression.js.flow +2 -2
  66. package/dist/widgets/grapher.d.ts +1 -1
  67. package/dist/widgets/grapher.js.flow +12 -3
  68. package/dist/widgets/interaction/element-container.d.ts +5 -4
  69. package/dist/widgets/interaction/element-container.js.flow +6 -11
  70. package/dist/widgets/label-image/marker.d.ts +4 -4
  71. package/dist/widgets/label-image/marker.js.flow +4 -6
  72. package/dist/widgets/matcher.d.ts +7 -3
  73. package/dist/widgets/matcher.js.flow +7 -3
  74. package/dist/widgets/number-line.d.ts +1 -1
  75. package/dist/widgets/number-line.js.flow +1 -1
  76. package/dist/widgets/numeric-input.d.ts +0 -2
  77. package/dist/widgets/numeric-input.js.flow +0 -4
  78. package/dist/widgets/radio/base-radio.d.ts +7 -1
  79. package/dist/widgets/radio/base-radio.js.flow +7 -1
  80. package/dist/widgets/radio/choice-icon/choice-icon.d.ts +1 -1
  81. package/dist/widgets/radio/choice-icon/choice-icon.js.flow +1 -1
  82. package/dist/widgets/radio/choice-icon/cross-out-line.d.ts +2 -2
  83. package/dist/widgets/radio/choice-icon/cross-out-line.js.flow +2 -2
  84. package/dist/widgets/radio/focus-ring.d.ts +8 -1
  85. package/dist/widgets/radio/focus-ring.js.flow +8 -1
  86. package/dist/widgets/radio/option-status.d.ts +2 -2
  87. package/dist/widgets/radio/option-status.js.flow +2 -2
  88. package/dist/widgets/video-transcript-link.d.ts +1 -1
  89. package/dist/widgets/video-transcript-link.js.flow +1 -1
  90. package/package.json +4 -4
  91. package/src/__stories__/item-renderer.stories.tsx +2 -6
  92. package/src/__stories__/server-item-renderer.stories.tsx +2 -6
  93. package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +151 -159
  94. package/src/__tests__/__snapshots__/renderer.test.tsx.snap +358 -394
  95. package/src/__tests__/__snapshots__/server-item-renderer.test.tsx.snap +169 -189
  96. package/src/components/__stories__/button-group.stories.tsx +2 -6
  97. package/src/components/__stories__/fixed-to-responsive.stories.tsx +14 -16
  98. package/src/components/__stories__/graph.stories.tsx +3 -5
  99. package/src/components/__stories__/graphie.stories.tsx +3 -5
  100. package/src/components/__stories__/hud.stories.tsx +2 -6
  101. package/src/components/__stories__/icon.stories.tsx +1 -1
  102. package/src/components/__stories__/image-loader.stories.tsx +4 -4
  103. package/src/components/__stories__/info-tip.stories.tsx +2 -6
  104. package/src/components/__stories__/inline-icon.stories.tsx +4 -8
  105. package/src/components/__stories__/input-with-examples.stories.tsx +6 -10
  106. package/src/components/__stories__/lint.stories.tsx +62 -27
  107. package/src/components/__stories__/math-input.stories.tsx +4 -8
  108. package/src/components/__stories__/math-output.stories.tsx +3 -5
  109. package/src/components/__stories__/multi-button-group.stories.tsx +2 -6
  110. package/src/components/__stories__/number-input.stories.tsx +6 -8
  111. package/src/components/__stories__/prop-check-box.stories.tsx +9 -9
  112. package/src/components/__stories__/range-input.stories.tsx +4 -6
  113. package/src/components/__stories__/simple-keypad-input.stories.tsx +2 -4
  114. package/src/components/__stories__/sortable.stories.tsx +20 -20
  115. package/src/components/__stories__/stub-tag-editor.stories.tsx +5 -9
  116. package/src/components/__stories__/svg-image.stories.tsx +10 -18
  117. package/src/components/__stories__/tex.stories.tsx +1 -3
  118. package/src/components/__stories__/text-buttons.stories.tsx +10 -22
  119. package/src/components/__stories__/text-input.stories.tsx +4 -10
  120. package/src/components/__stories__/text-list-editor.stories.tsx +1 -3
  121. package/src/components/__stories__/tooltip.stories.tsx +52 -0
  122. package/src/components/__stories__/zoomable-tex.stories.tsx +6 -4
  123. package/src/components/__stories__/zoomable.stories.tsx +1 -3
  124. package/src/components/__tests__/__snapshots__/sortable.test.tsx.snap +114 -30
  125. package/src/components/__tests__/__snapshots__/sorter.test.tsx.snap +172 -204
  126. package/src/components/__tests__/sortable.test.tsx +54 -16
  127. package/src/components/__tests__/sorter.test.tsx +12 -9
  128. package/src/components/fixed-to-responsive.tsx +43 -38
  129. package/src/components/graph.tsx +95 -81
  130. package/src/components/graphie.tsx +62 -32
  131. package/src/components/highlighting/highlightable-content.tsx +4 -7
  132. package/src/components/highlighting/ui/highlight-renderer.tsx +6 -9
  133. package/src/components/highlighting/ui/highlight-set-renderer.tsx +5 -8
  134. package/src/components/highlighting/ui/highlight-tooltip.tsx +2 -2
  135. package/src/components/highlighting/ui/highlighting-ui.tsx +2 -2
  136. package/src/components/highlighting/ui/selection-tracker.tsx +5 -8
  137. package/src/components/highlighting/word-indexer.tsx +2 -2
  138. package/src/components/hud.tsx +104 -115
  139. package/src/components/inline-icon.tsx +17 -34
  140. package/src/components/input-with-examples.tsx +4 -4
  141. package/src/components/lint.tsx +47 -41
  142. package/src/components/math-output.tsx +17 -11
  143. package/src/components/simple-keypad-input.tsx +4 -4
  144. package/src/components/sortable.tsx +134 -94
  145. package/src/components/svg-image.tsx +10 -11
  146. package/src/components/tex-buttons.tsx +2 -2
  147. package/src/components/tooltip.tsx +189 -171
  148. package/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx +1 -3
  149. package/src/error-boundary.tsx +4 -7
  150. package/src/interactive2/types.ts +2 -2
  151. package/src/multi-items/__stories__/multi-renderer.stories.tsx +1 -1
  152. package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +708 -764
  153. package/src/multi-items/__tests__/multi-renderer.test.tsx +2 -3
  154. package/src/perseus-types.ts +13 -12
  155. package/src/renderer.tsx +11 -22
  156. package/src/types.ts +0 -18
  157. package/src/util/graphie.ts +3 -3
  158. package/src/util/interactive.ts +18 -5
  159. package/src/util/tex.ts +13 -77
  160. package/src/util.ts +3 -4
  161. package/src/widgets/__stories__/categorizer.stories.tsx +1 -1
  162. package/src/widgets/__stories__/cs-program.stories.tsx +1 -1
  163. package/src/widgets/__stories__/definition.stories.tsx +3 -7
  164. package/src/widgets/__stories__/dropdown.stories.tsx +1 -1
  165. package/src/widgets/__stories__/explanation.stories.tsx +2 -2
  166. package/src/widgets/__stories__/expression.stories.tsx +5 -11
  167. package/src/widgets/__stories__/graded-group-set.stories.tsx +1 -1
  168. package/src/widgets/__stories__/graded-group.stories.tsx +1 -1
  169. package/src/widgets/__stories__/grapher.stories.tsx +7 -21
  170. package/src/widgets/__stories__/group.stories.tsx +1 -1
  171. package/src/widgets/__stories__/iframe.stories.tsx +1 -1
  172. package/src/widgets/__stories__/image.stories.tsx +1 -1
  173. package/src/widgets/__stories__/input-number.stories.tsx +3 -12
  174. package/src/widgets/__stories__/interaction.stories.tsx +1 -1
  175. package/src/widgets/__stories__/interactive-graph.stories.tsx +9 -9
  176. package/src/widgets/__stories__/matcher.stories.tsx +1 -1
  177. package/src/widgets/__stories__/matrix.stories.tsx +1 -1
  178. package/src/widgets/__stories__/number-line.stories.tsx +1 -1
  179. package/src/widgets/__stories__/numeric-input.stories.tsx +3 -5
  180. package/src/widgets/__stories__/orderer.stories.tsx +1 -1
  181. package/src/widgets/__stories__/passage-ref.stories.tsx +2 -2
  182. package/src/widgets/__stories__/passage.stories.tsx +3 -9
  183. package/src/widgets/__stories__/radio.stories.tsx +3 -5
  184. package/src/widgets/__stories__/sorter.stories.tsx +1 -1
  185. package/src/widgets/__stories__/test-keypad-context-wrapper.tsx +2 -4
  186. package/src/widgets/__stories__/transformer.stories.tsx +1 -1
  187. package/src/widgets/__stories__/unit.stories.tsx +1 -3
  188. package/src/widgets/__stories__/video-transcript-link.stories.tsx +2 -6
  189. package/src/widgets/__stories__/video.stories.tsx +1 -1
  190. package/src/widgets/__testdata__/group.testdata.ts +0 -2
  191. package/src/widgets/__tests__/__snapshots__/categorizer.test.ts.snap +717 -773
  192. package/src/widgets/__tests__/__snapshots__/cs-program.test.ts.snap +28 -36
  193. package/src/widgets/__tests__/__snapshots__/definition.test.ts.snap +52 -60
  194. package/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap +100 -108
  195. package/src/widgets/__tests__/__snapshots__/explanation.test.ts.snap +212 -260
  196. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt.test.ts.snap +613 -641
  197. package/src/widgets/__tests__/__snapshots__/graded-group-set.test.ts.snap +249 -261
  198. package/src/widgets/__tests__/__snapshots__/graded-group.test.ts.snap +671 -735
  199. package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap +2676 -2684
  200. package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +938 -1002
  201. package/src/widgets/__tests__/__snapshots__/iframe.test.ts.snap +28 -36
  202. package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +227 -255
  203. package/src/widgets/__tests__/__snapshots__/input-number.test.ts.snap +353 -357
  204. package/src/widgets/__tests__/__snapshots__/interaction.test.ts.snap +255 -259
  205. package/src/widgets/__tests__/__snapshots__/interactive-graph.test.ts.snap +2401 -2433
  206. package/src/widgets/__tests__/__snapshots__/matcher.test.tsx.snap +600 -756
  207. package/src/widgets/__tests__/__snapshots__/matrix.test.ts.snap +420 -428
  208. package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +762 -770
  209. package/src/widgets/__tests__/__snapshots__/numeric-input.test.ts.snap +373 -393
  210. package/src/widgets/__tests__/__snapshots__/orderer.test.ts.snap +116 -148
  211. package/src/widgets/__tests__/__snapshots__/passage-ref.test.ts.snap +289 -301
  212. package/src/widgets/__tests__/__snapshots__/passage.test.tsx.snap +1679 -1711
  213. package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +2692 -2960
  214. package/src/widgets/__tests__/__snapshots__/video.test.ts.snap +90 -98
  215. package/src/widgets/__tests__/group.test.tsx +0 -2
  216. package/src/widgets/__tests__/matcher.test.tsx +33 -9
  217. package/src/widgets/__tests__/radio/focus-ring.test.tsx +0 -1
  218. package/src/widgets/expression.tsx +12 -9
  219. package/src/widgets/grapher.tsx +3 -3
  220. package/src/widgets/image.tsx +2 -2
  221. package/src/widgets/interaction/element-container.tsx +7 -8
  222. package/src/widgets/interactive-graph.tsx +5 -5
  223. package/src/widgets/label-image/__stories__/answer-choices.stories.tsx +2 -4
  224. package/src/widgets/label-image/__stories__/marker.stories.tsx +9 -19
  225. package/src/widgets/label-image/marker.tsx +4 -4
  226. package/src/widgets/matcher.tsx +43 -24
  227. package/src/widgets/number-line.tsx +1 -1
  228. package/src/widgets/numeric-input.tsx +0 -3
  229. package/src/widgets/passage/passage-markdown.tsx +2 -2
  230. package/src/widgets/radio/__stories__/base-radio.stories.tsx +11 -19
  231. package/src/widgets/radio/__stories__/choice-icon.stories.tsx +9 -11
  232. package/src/widgets/radio/__stories__/choice-none-above.stories.tsx +1 -1
  233. package/src/widgets/radio/__stories__/choice.stories.tsx +4 -4
  234. package/src/widgets/radio/__stories__/focus-ring.stories.tsx +1 -1
  235. package/src/widgets/radio/__stories__/option-status.stories.tsx +2 -4
  236. package/src/widgets/radio/base-radio.tsx +1 -1
  237. package/src/widgets/radio/choice-icon/choice-icon.tsx +5 -5
  238. package/src/widgets/radio/choice-icon/cross-out-line.tsx +1 -3
  239. package/src/widgets/radio/choice-none-above.tsx +2 -2
  240. package/src/widgets/radio/choice.tsx +1 -3
  241. package/src/widgets/radio/focus-ring.tsx +1 -1
  242. package/src/widgets/radio/option-status.tsx +2 -4
  243. package/src/widgets/radio/widget.tsx +0 -1
  244. package/src/widgets/reaction-diagram.tsx +2 -2
  245. package/src/widgets/simulator.tsx +4 -6
  246. package/src/widgets/video-transcript-link.tsx +1 -1
  247. package/{tsconfig.json → tsconfig-build.json} +6 -6
  248. package/tsconfig-build.tsbuildinfo +1 -0
  249. package/tsconfig.tsbuildinfo +0 -1
package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap CHANGED
@@ -2,887 +2,879 @@
2
2
 
3
3
  exports[`number-line widget should snapshot on mobile: first mobile render 1`] = `
4
4
  <div>
5
- <span
6
- class="mock-KatexProvider"
5
+ <div
6
+ class="perseus-renderer perseus-renderer-responsive"
7
7
  >
8
8
  <div
9
- class="perseus-renderer perseus-renderer-responsive"
9
+ class="paragraph perseus-paragraph-centered"
10
+ data-perseus-paragraph-index="0"
10
11
  >
11
12
  <div
12
- class="paragraph perseus-paragraph-centered"
13
- data-perseus-paragraph-index="0"
13
+ class="perseus-block-math"
14
+ style="margin-left: -16px; margin-right: -16px;"
14
15
  >
15
16
  <div
16
- class="perseus-block-math"
17
- style="margin-left: -16px; margin-right: -16px;"
17
+ class="perseus-block-math-inner"
18
+ style="overflow-x: auto; overflow-y: hidden; margin-top: -10px; margin-bottom: -10px; transform: translate3d(0,0,0); padding: 10px 16px 10px 16px;"
18
19
  >
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;"
20
+ <span
21
+ style="display: block; width: 100%; transform: scale(1, 1) translate(0, 8px); transform-origin: 0 0; opacity: 0;"
22
22
  >
23
23
  <span
24
- style="display: block; width: 100%; transform: scale(1, 1) translate(0, 8px); transform-origin: 0 0; opacity: 0;"
24
+ class="mock-TeX"
25
25
  >
26
- <span
27
- class="mock-TeX"
28
- >
29
- E=2.5
30
- </span>
26
+ E=2.5
31
27
  </span>
32
- </div>
28
+ </span>
33
29
  </div>
34
30
  </div>
31
+ </div>
32
+ <div
33
+ class="paragraph"
34
+ data-perseus-paragraph-index="1"
35
+ >
35
36
  <div
36
37
  class="paragraph"
37
- data-perseus-paragraph-index="1"
38
38
  >
39
- <div
40
- class="paragraph"
41
- >
42
- <strong>
43
- Move the dot to
39
+ <strong>
40
+ Move the dot to
41
+ <span
42
+ style="white-space: nowrap;"
43
+ >
44
+ <span />
44
45
  <span
45
- style="white-space: nowrap;"
46
+ class="mock-TeX"
46
47
  >
47
- <span />
48
- <span
49
- class="mock-TeX"
50
- >
51
- -E
52
- </span>
53
- <span />
48
+ -E
54
49
  </span>
55
- on the number line.
56
- </strong>
57
- </div>
50
+ <span />
51
+ </span>
52
+ on the number line.
53
+ </strong>
58
54
  </div>
55
+ </div>
56
+ <div
57
+ class="paragraph"
58
+ data-perseus-paragraph-index="2"
59
+ >
59
60
  <div
60
61
  class="paragraph"
61
- data-perseus-paragraph-index="2"
62
62
  >
63
63
  <div
64
- class="paragraph"
64
+ class="perseus-widget-container widget-nohighlight widget-block"
65
65
  >
66
66
  <div
67
- class="perseus-widget-container widget-nohighlight widget-block"
67
+ class="perseus-widget perseus-widget-interactive-number-line"
68
68
  >
69
69
  <div
70
- class="perseus-widget perseus-widget-interactive-number-line"
70
+ class="graphie-container"
71
71
  >
72
72
  <div
73
- class="graphie-container"
73
+ class="graphie"
74
+ style="position: relative; width: 288px; height: 80px;"
74
75
  >
75
- <div
76
- class="graphie"
77
- style="position: relative; width: 288px; height: 80px;"
76
+ <svg
77
+ height="80"
78
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2;"
79
+ version="1.1"
80
+ width="288"
81
+ xmlns="http://www.w3.org/2000/svg"
78
82
  >
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"
83
+ <desc
84
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
85
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"
86
+ Created with Raphaël
87
+ </desc>
88
+ <defs
110
89
  style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
111
- version="1.1"
90
+ />
91
+ <rect
92
+ fill="#000000"
93
+ height="80"
94
+ opacity="0"
95
+ r="0"
96
+ rx="0"
97
+ ry="0"
98
+ stroke="#000"
99
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"
112
100
  width="288"
113
- xmlns="http://www.w3.org/2000/svg"
101
+ x="0"
102
+ y="0"
103
+ />
104
+ </svg>
105
+ <svg
106
+ height="80"
107
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
108
+ version="1.1"
109
+ width="288"
110
+ xmlns="http://www.w3.org/2000/svg"
111
+ >
112
+ <desc
113
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
114
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>
115
+ Created with Raphaël
116
+ </desc>
117
+ <defs
118
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
119
+ />
120
+ <path
121
+ d="M281.05,45.6C281.05,45.6,286.3,40,286.3,40C286.3,40,281.05,34.4,281.05,34.4"
122
+ fill="none"
123
+ stroke="#000000"
124
+ stroke-linecap="round"
125
+ stroke-linejoin="round"
126
+ stroke-width="2"
127
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
128
+ transform=""
129
+ />
130
+ <path
131
+ d="M144,40C144,40,144,40,286.95,40"
132
+ fill="none"
133
+ stroke="#000000"
134
+ stroke-width="2"
135
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
136
+ />
137
+ <path
138
+ 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"
139
+ fill="none"
140
+ stroke="#000000"
141
+ stroke-linecap="round"
142
+ stroke-linejoin="round"
143
+ stroke-width="2"
144
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
145
+ transform="rotate(180 1.0500100000000114 40)"
146
+ />
147
+ <path
148
+ d="M144,40C144,40,144,40,1.0500000000000114,40"
149
+ fill="none"
150
+ stroke="#000000"
151
+ stroke-width="2"
152
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
153
+ />
154
+ <path
155
+ d="M29.999999999999993,48L29.999999999999993,32"
156
+ fill="none"
157
+ stroke="#000000"
158
+ stroke-width="2"
159
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
160
+ />
161
+ <path
162
+ d="M58.49999999999999,48L58.49999999999999,32"
163
+ fill="none"
164
+ stroke="#000000"
165
+ stroke-width="2"
166
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
167
+ />
168
+ <path
169
+ d="M86.99999999999999,48L86.99999999999999,32"
170
+ fill="none"
171
+ stroke="#000000"
172
+ stroke-width="2"
173
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
174
+ />
175
+ <path
176
+ d="M115.49999999999999,48L115.49999999999999,32"
177
+ fill="none"
178
+ stroke="#000000"
179
+ stroke-width="2"
180
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
181
+ />
182
+ <path
183
+ d="M144,48L144,32"
184
+ fill="none"
185
+ stroke="#000000"
186
+ stroke-width="2"
187
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
188
+ />
189
+ <path
190
+ d="M172.5,48L172.5,32"
191
+ fill="none"
192
+ stroke="#000000"
193
+ stroke-width="2"
194
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
195
+ />
196
+ <path
197
+ d="M201,48L201,32"
198
+ fill="none"
199
+ stroke="#000000"
200
+ stroke-width="2"
201
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
202
+ />
203
+ <path
204
+ d="M229.5,48L229.5,32"
205
+ fill="none"
206
+ stroke="#000000"
207
+ stroke-width="2"
208
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
209
+ />
210
+ <path
211
+ d="M258,48L258,32"
212
+ fill="none"
213
+ stroke="#000000"
214
+ stroke-width="2"
215
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 2;"
216
+ />
217
+ <path
218
+ d="M29.999999999999993,48L29.999999999999993,32"
219
+ fill="none"
220
+ stroke="#11accd"
221
+ stroke-width="3.5"
222
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 3.5;"
223
+ />
224
+ <path
225
+ d="M258,48L258,32"
226
+ fill="none"
227
+ stroke="#11accd"
228
+ stroke-width="3.5"
229
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); shape-rendering: crispEdges; stroke-width: 3.5;"
230
+ />
231
+ </svg>
232
+ <div
233
+ style="position: absolute; left: 0px; top: 0px;"
234
+ >
235
235
  <div
236
- style="position: absolute; left: 0px; top: 0px;"
236
+ style="position: absolute; width: 24px; height: 24px; left: 17.999999999999993px; top: 28px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5)); transform: translateX(0px) translateY(0px) translateZ(0);"
237
237
  >
238
- <div
239
- style="position: absolute; width: 24px; height: 24px; left: 17.999999999999993px; top: 28px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5)); transform: translateX(0px) translateY(0px) translateZ(0);"
238
+ <svg
239
+ height="24"
240
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
241
+ version="1.1"
242
+ width="24"
243
+ xmlns="http://www.w3.org/2000/svg"
240
244
  >
241
- <svg
242
- height="24"
245
+ <desc
243
246
  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
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>
248
+ Created with Raphaël
249
+ </desc>
250
+ <defs
251
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
252
+ />
253
+ <ellipse
254
+ cx="NaN"
255
+ cy="NaN"
256
+ fill="#71b307"
257
+ r="NaN"
258
+ rx="7"
259
+ ry="7"
260
+ stroke="#ffffff"
261
+ stroke-width="3"
262
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 3;"
263
+ transform=""
264
+ />
265
+ </svg>
270
266
  </div>
267
+ </div>
268
+ <div
269
+ style="position: absolute; left: 0px; top: 0px; z-index: 2;"
270
+ >
271
271
  <div
272
- style="position: absolute; left: 0px; top: 0px; z-index: 2;"
272
+ data-interactive-kind-for-testing="movable-point"
273
+ style="position: absolute; width: 48px; height: 48px; left: 5.999999999999993px; top: 16px; transform: translateX(0px) translateY(0px) translateZ(0);"
273
274
  >
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);"
275
+ <svg
276
+ height="48"
277
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
278
+ version="1.1"
279
+ width="48"
280
+ xmlns="http://www.w3.org/2000/svg"
277
281
  >
278
- <svg
279
- height="48"
282
+ <desc
280
283
  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
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>
285
+ Created with Raphaël
286
+ </desc>
287
+ <defs
288
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
289
+ />
290
+ <ellipse
291
+ cx="24"
292
+ cy="24"
293
+ fill="#000000"
294
+ opacity="0"
295
+ rx="24"
296
+ ry="24"
297
+ stroke="#000"
298
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; cursor: move;"
299
+ />
300
+ </svg>
305
301
  </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
302
  </div>
303
+ <span
304
+ class="graphie-label"
305
+ data-math-formula="-4"
306
+ style="position: absolute; padding: 7px; color: black; left: 29.999999999999993px; top: 61.2px; fill: none;"
307
+ >
308
+ <span
309
+ class="katex-holder"
310
+ />
311
+ <span
312
+ class="mathjax-holder"
313
+ />
314
+ </span>
315
+ <span
316
+ class="graphie-label"
317
+ data-math-formula="-3"
318
+ style="position: absolute; padding: 7px; color: black; left: 58.49999999999999px; top: 61.2px; fill: none;"
319
+ >
320
+ <span
321
+ class="katex-holder"
322
+ />
323
+ <span
324
+ class="mathjax-holder"
325
+ />
326
+ </span>
327
+ <span
328
+ class="graphie-label"
329
+ data-math-formula="-2"
330
+ style="position: absolute; padding: 7px; color: black; left: 86.99999999999999px; top: 61.2px; fill: none;"
331
+ >
332
+ <span
333
+ class="katex-holder"
334
+ />
335
+ <span
336
+ class="mathjax-holder"
337
+ />
338
+ </span>
339
+ <span
340
+ class="graphie-label"
341
+ data-math-formula="-1"
342
+ style="position: absolute; padding: 7px; color: black; left: 115.49999999999999px; top: 61.2px; fill: none;"
343
+ >
344
+ <span
345
+ class="katex-holder"
346
+ />
347
+ <span
348
+ class="mathjax-holder"
349
+ />
350
+ </span>
351
+ <span
352
+ class="graphie-label"
353
+ data-math-formula="0"
354
+ style="position: absolute; padding: 7px; color: black; left: 144px; top: 61.2px; fill: none;"
355
+ >
356
+ <span
357
+ class="katex-holder"
358
+ />
359
+ <span
360
+ class="mathjax-holder"
361
+ />
362
+ </span>
363
+ <span
364
+ class="graphie-label"
365
+ data-math-formula="1"
366
+ style="position: absolute; padding: 7px; color: black; left: 172.5px; top: 61.2px; fill: none;"
367
+ >
368
+ <span
369
+ class="katex-holder"
370
+ />
371
+ <span
372
+ class="mathjax-holder"
373
+ />
374
+ </span>
375
+ <span
376
+ class="graphie-label"
377
+ data-math-formula="2"
378
+ style="position: absolute; padding: 7px; color: black; left: 201px; top: 61.2px; fill: none;"
379
+ >
380
+ <span
381
+ class="katex-holder"
382
+ />
383
+ <span
384
+ class="mathjax-holder"
385
+ />
386
+ </span>
387
+ <span
388
+ class="graphie-label"
389
+ data-math-formula="3"
390
+ style="position: absolute; padding: 7px; color: black; left: 229.5px; top: 61.2px; fill: none;"
391
+ >
392
+ <span
393
+ class="katex-holder"
394
+ />
395
+ <span
396
+ class="mathjax-holder"
397
+ />
398
+ </span>
399
+ <span
400
+ class="graphie-label"
401
+ data-math-formula="4"
402
+ style="position: absolute; padding: 7px; color: black; left: 258px; top: 61.2px; fill: none;"
403
+ >
404
+ <span
405
+ class="katex-holder"
406
+ />
407
+ <span
408
+ class="mathjax-holder"
409
+ />
410
+ </span>
411
+ <span
412
+ class="graphie-label"
413
+ data-math-formula="-4"
414
+ style="position: absolute; padding: 7px; color: rgb(17, 172, 205); left: 29.999999999999993px; top: 61.2px; fill: none;"
415
+ >
416
+ <span
417
+ class="katex-holder"
418
+ />
419
+ <span
420
+ class="mathjax-holder"
421
+ />
422
+ </span>
423
+ <span
424
+ class="graphie-label"
425
+ data-math-formula="4"
426
+ style="position: absolute; padding: 7px; color: rgb(17, 172, 205); left: 258px; top: 61.2px; fill: none;"
427
+ >
428
+ <span
429
+ class="katex-holder"
430
+ />
431
+ <span
432
+ class="mathjax-holder"
433
+ />
434
+ </span>
439
435
  </div>
440
436
  </div>
441
437
  </div>
442
438
  </div>
443
439
  </div>
444
440
  </div>
445
- </span>
441
+ </div>
446
442
  </div>
447
443
  `;
448
444
 
449
445
  exports[`number-line widget should snapshot: first render 1`] = `
450
446
  <div>
451
- <span
452
- class="mock-KatexProvider"
447
+ <div
448
+ class="perseus-renderer perseus-renderer-responsive"
453
449
  >
454
450
  <div
455
- class="perseus-renderer perseus-renderer-responsive"
451
+ class="paragraph perseus-paragraph-centered"
452
+ data-perseus-paragraph-index="0"
456
453
  >
457
454
  <div
458
- class="paragraph perseus-paragraph-centered"
459
- data-perseus-paragraph-index="0"
455
+ class="perseus-block-math"
460
456
  >
461
457
  <div
462
- class="perseus-block-math"
458
+ class="perseus-block-math-inner"
459
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
463
460
  >
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;"
461
+ <span
462
+ class="mock-TeX"
467
463
  >
468
- <span
469
- class="mock-TeX"
470
- >
471
- E=2.5
472
- </span>
473
- </div>
464
+ E=2.5
465
+ </span>
474
466
  </div>
475
467
  </div>
468
+ </div>
469
+ <div
470
+ class="paragraph"
471
+ data-perseus-paragraph-index="1"
472
+ >
476
473
  <div
477
474
  class="paragraph"
478
- data-perseus-paragraph-index="1"
479
475
  >
480
- <div
481
- class="paragraph"
482
- >
483
- <strong>
484
- Move the dot to
476
+ <strong>
477
+ Move the dot to
478
+ <span
479
+ style="white-space: nowrap;"
480
+ >
481
+ <span />
485
482
  <span
486
- style="white-space: nowrap;"
483
+ class="mock-TeX"
487
484
  >
488
- <span />
489
- <span
490
- class="mock-TeX"
491
- >
492
- -E
493
- </span>
494
- <span />
485
+ -E
495
486
  </span>
496
- on the number line.
497
- </strong>
498
- </div>
487
+ <span />
488
+ </span>
489
+ on the number line.
490
+ </strong>
499
491
  </div>
492
+ </div>
493
+ <div
494
+ class="paragraph"
495
+ data-perseus-paragraph-index="2"
496
+ >
500
497
  <div
501
498
  class="paragraph"
502
- data-perseus-paragraph-index="2"
503
499
  >
504
500
  <div
505
- class="paragraph"
501
+ class="perseus-widget-container widget-nohighlight widget-block"
506
502
  >
507
503
  <div
508
- class="perseus-widget-container widget-nohighlight widget-block"
504
+ class="perseus-widget perseus-widget-interactive-number-line"
509
505
  >
510
506
  <div
511
- class="perseus-widget perseus-widget-interactive-number-line"
507
+ class="graphie-container"
512
508
  >
513
509
  <div
514
- class="graphie-container"
510
+ class="graphie"
511
+ style="position: relative; width: 459.99999999999994px; height: 80px;"
515
512
  >
516
- <div
517
- class="graphie"
518
- style="position: relative; width: 459.99999999999994px; height: 80px;"
513
+ <svg
514
+ height="80"
515
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2;"
516
+ version="1.1"
517
+ width="460"
518
+ xmlns="http://www.w3.org/2000/svg"
519
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"
520
+ <desc
521
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
526
522
  >
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
523
+ Created with Raphaël
524
+ </desc>
525
+ <defs
526
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
527
+ />
528
+ <rect
529
+ fill="#000000"
550
530
  height="80"
531
+ opacity="0"
532
+ r="0"
533
+ rx="0"
534
+ ry="0"
535
+ stroke="#000"
536
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"
537
+ width="460"
538
+ x="0"
539
+ y="0"
540
+ />
541
+ </svg>
542
+ <svg
543
+ height="80"
544
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
545
+ version="1.1"
546
+ width="459.99999999999994"
547
+ xmlns="http://www.w3.org/2000/svg"
548
+ >
549
+ <desc
551
550
  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
551
  >
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>
552
+ Created with Raphaël
553
+ </desc>
554
+ <defs
555
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
556
+ />
557
+ <path
558
+ 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"
559
+ fill="none"
560
+ stroke="#000000"
561
+ stroke-linecap="round"
562
+ stroke-linejoin="round"
563
+ stroke-width="2"
564
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
565
+ transform=""
566
+ />
567
+ <path
568
+ d="M229.99999999999997,40C229.99999999999997,40,229.99999999999997,40,458.94999999999993,40"
569
+ fill="none"
570
+ stroke="#000000"
571
+ stroke-width="2"
572
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
573
+ />
574
+ <path
575
+ 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"
576
+ fill="none"
577
+ stroke="#000000"
578
+ stroke-linecap="round"
579
+ stroke-linejoin="round"
580
+ stroke-width="2"
581
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;"
582
+ transform="rotate(180 1.8000000000000114 40)"
583
+ />
584
+ <path
585
+ d="M229.99999999999997,40C229.99999999999997,40,229.99999999999997,40,1.0500000000000114,40"
586
+ fill="none"
587
+ stroke="#000000"
588
+ stroke-width="2"
589
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2;"
590
+ />
591
+ <path
592
+ d="M29.999999999999982,48L29.999999999999982,32"
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="M79.99999999999999,48L79.99999999999999,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="M129.99999999999997,48L129.99999999999997,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="M179.99999999999997,48L179.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="M229.99999999999997,48L229.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="M280,48L280,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="M330,48L330,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="M380,48L380,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="M430,48L430,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="M29.999999999999982,48L29.999999999999982,32"
656
+ fill="none"
657
+ stroke="#6495ed"
658
+ stroke-width="3.5"
659
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 3.5;"
660
+ />
661
+ <path
662
+ d="M430,48L430,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
+ </svg>
669
+ <div
670
+ style="position: absolute; left: 0px; top: 0px;"
671
+ >
676
672
  <div
677
- style="position: absolute; left: 0px; top: 0px;"
673
+ style="position: absolute; width: 34px; height: 34px; left: 12.999999999999982px; top: 23px; transform: translateX(0px) translateY(0px) translateZ(0);"
678
674
  >
679
- <div
680
- style="position: absolute; width: 34px; height: 34px; left: 12.999999999999982px; top: 23px; transform: translateX(0px) translateY(0px) translateZ(0);"
675
+ <svg
676
+ height="34"
677
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
678
+ version="1.1"
679
+ width="34"
680
+ xmlns="http://www.w3.org/2000/svg"
681
681
  >
682
- <svg
683
- height="34"
682
+ <desc
684
683
  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
684
  >
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>
685
+ Created with Raphaël
686
+ </desc>
687
+ <defs
688
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
689
+ />
690
+ <ellipse
691
+ cx="NaN"
692
+ cy="NaN"
693
+ fill="#71b307"
694
+ r="NaN"
695
+ rx="6"
696
+ ry="6"
697
+ stroke="#71b307"
698
+ stroke-width="1"
699
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 1;"
700
+ transform=""
701
+ />
702
+ </svg>
711
703
  </div>
704
+ </div>
705
+ <div
706
+ style="position: absolute; left: 0px; top: 0px; z-index: 2;"
707
+ >
712
708
  <div
713
- style="position: absolute; left: 0px; top: 0px; z-index: 2;"
709
+ data-interactive-kind-for-testing="movable-point"
710
+ style="position: absolute; width: 48px; height: 48px; left: 5.999999999999982px; top: 16px; transform: translateX(0px) translateY(0px) translateZ(0);"
714
711
  >
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);"
712
+ <svg
713
+ height="48"
714
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
715
+ version="1.1"
716
+ width="48"
717
+ xmlns="http://www.w3.org/2000/svg"
718
718
  >
719
- <svg
720
- height="48"
719
+ <desc
721
720
  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
721
  >
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>
722
+ Created with Raphaël
723
+ </desc>
724
+ <defs
725
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
726
+ />
727
+ <ellipse
728
+ cx="24"
729
+ cy="24"
730
+ fill="#000000"
731
+ opacity="0"
732
+ rx="24"
733
+ ry="24"
734
+ stroke="#000"
735
+ style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; cursor: move;"
736
+ />
737
+ </svg>
746
738
  </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
739
  </div>
740
+ <span
741
+ class="graphie-label"
742
+ data-math-formula="-4"
743
+ style="position: absolute; padding: 7px; color: black; left: 29.999999999999982px; top: 61.2px; fill: none;"
744
+ >
745
+ <span
746
+ class="katex-holder"
747
+ />
748
+ <span
749
+ class="mathjax-holder"
750
+ />
751
+ </span>
752
+ <span
753
+ class="graphie-label"
754
+ data-math-formula="-3"
755
+ style="position: absolute; padding: 7px; color: black; left: 79.99999999999999px; top: 61.2px; fill: none;"
756
+ >
757
+ <span
758
+ class="katex-holder"
759
+ />
760
+ <span
761
+ class="mathjax-holder"
762
+ />
763
+ </span>
764
+ <span
765
+ class="graphie-label"
766
+ data-math-formula="-2"
767
+ style="position: absolute; padding: 7px; color: black; left: 129.99999999999997px; top: 61.2px; fill: none;"
768
+ >
769
+ <span
770
+ class="katex-holder"
771
+ />
772
+ <span
773
+ class="mathjax-holder"
774
+ />
775
+ </span>
776
+ <span
777
+ class="graphie-label"
778
+ data-math-formula="-1"
779
+ style="position: absolute; padding: 7px; color: black; left: 179.99999999999997px; top: 61.2px; fill: none;"
780
+ >
781
+ <span
782
+ class="katex-holder"
783
+ />
784
+ <span
785
+ class="mathjax-holder"
786
+ />
787
+ </span>
788
+ <span
789
+ class="graphie-label"
790
+ data-math-formula="0"
791
+ style="position: absolute; padding: 7px; color: black; left: 229.99999999999997px; top: 61.2px; fill: none;"
792
+ >
793
+ <span
794
+ class="katex-holder"
795
+ />
796
+ <span
797
+ class="mathjax-holder"
798
+ />
799
+ </span>
800
+ <span
801
+ class="graphie-label"
802
+ data-math-formula="1"
803
+ style="position: absolute; padding: 7px; color: black; left: 280px; top: 61.2px; fill: none;"
804
+ >
805
+ <span
806
+ class="katex-holder"
807
+ />
808
+ <span
809
+ class="mathjax-holder"
810
+ />
811
+ </span>
812
+ <span
813
+ class="graphie-label"
814
+ data-math-formula="2"
815
+ style="position: absolute; padding: 7px; color: black; left: 330px; top: 61.2px; fill: none;"
816
+ >
817
+ <span
818
+ class="katex-holder"
819
+ />
820
+ <span
821
+ class="mathjax-holder"
822
+ />
823
+ </span>
824
+ <span
825
+ class="graphie-label"
826
+ data-math-formula="3"
827
+ style="position: absolute; padding: 7px; color: black; left: 380px; top: 61.2px; fill: none;"
828
+ >
829
+ <span
830
+ class="katex-holder"
831
+ />
832
+ <span
833
+ class="mathjax-holder"
834
+ />
835
+ </span>
836
+ <span
837
+ class="graphie-label"
838
+ data-math-formula="4"
839
+ style="position: absolute; padding: 7px; color: black; left: 430px; top: 61.2px; fill: none;"
840
+ >
841
+ <span
842
+ class="katex-holder"
843
+ />
844
+ <span
845
+ class="mathjax-holder"
846
+ />
847
+ </span>
848
+ <span
849
+ class="graphie-label"
850
+ data-math-formula="-4"
851
+ style="position: absolute; padding: 7px; color: black; left: 29.999999999999982px; top: 61.2px; fill: none;"
852
+ >
853
+ <span
854
+ class="katex-holder"
855
+ />
856
+ <span
857
+ class="mathjax-holder"
858
+ />
859
+ </span>
860
+ <span
861
+ class="graphie-label"
862
+ data-math-formula="4"
863
+ style="position: absolute; padding: 7px; color: black; left: 430px; top: 61.2px; fill: none;"
864
+ >
865
+ <span
866
+ class="katex-holder"
867
+ />
868
+ <span
869
+ class="mathjax-holder"
870
+ />
871
+ </span>
880
872
  </div>
881
873
  </div>
882
874
  </div>
883
875
  </div>
884
876
  </div>
885
877
  </div>
886
- </span>
878
+ </div>
887
879
  </div>
888
880
  `;