@khanacademy/perseus 5.0.0 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/CHANGELOG.md +62 -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/hud.d.ts +8 -14
  9. package/dist/components/hud.js.flow +7 -14
  10. package/dist/components/inline-icon.d.ts +9 -19
  11. package/dist/components/inline-icon.js.flow +26 -13
  12. package/dist/components/lint.d.ts +41 -13
  13. package/dist/components/lint.js.flow +42 -13
  14. package/dist/components/math-output.d.ts +15 -11
  15. package/dist/components/math-output.js.flow +15 -11
  16. package/dist/components/sortable.d.ts +17 -9
  17. package/dist/components/sortable.js.flow +22 -9
  18. package/dist/components/svg-image.d.ts +5 -3
  19. package/dist/components/svg-image.js.flow +5 -3
  20. package/dist/components/tooltip.d.ts +45 -4
  21. package/dist/components/tooltip.js.flow +44 -31
  22. package/dist/es/index.css +0 -3
  23. package/dist/es/index.js +478 -649
  24. package/dist/es/index.js.map +1 -1
  25. package/dist/index.css +0 -3
  26. package/dist/index.js +482 -646
  27. package/dist/index.js.map +1 -1
  28. package/dist/perseus-types.d.ts +11 -9
  29. package/dist/perseus-types.js.flow +11 -9
  30. package/dist/renderer.d.ts +2 -2
  31. package/dist/renderer.js.flow +1 -3
  32. package/dist/styles/shared.d.ts +0 -1
  33. package/dist/styles/shared.js.flow +0 -1
  34. package/dist/types.d.ts +0 -10
  35. package/dist/types.js.flow +0 -13
  36. package/dist/util/a11y.d.ts +0 -1
  37. package/dist/util/a11y.js.flow +0 -1
  38. package/dist/util/interactive.d.ts +2 -0
  39. package/dist/util/interactive.js.flow +2 -0
  40. package/dist/util.d.ts +3 -3
  41. package/dist/util.js.flow +4 -3
  42. package/dist/widgets/grapher.d.ts +1 -1
  43. package/dist/widgets/grapher.js.flow +12 -3
  44. package/dist/widgets/matcher.d.ts +7 -3
  45. package/dist/widgets/matcher.js.flow +7 -3
  46. package/dist/widgets/number-line.d.ts +1 -1
  47. package/dist/widgets/number-line.js.flow +1 -1
  48. package/package.json +2 -2
  49. package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +151 -159
  50. package/src/__tests__/__snapshots__/renderer.test.tsx.snap +358 -394
  51. package/src/__tests__/__snapshots__/server-item-renderer.test.tsx.snap +169 -189
  52. package/src/components/__stories__/lint.stories.tsx +56 -21
  53. package/src/components/__stories__/sortable.stories.tsx +5 -5
  54. package/src/components/__stories__/tooltip.stories.tsx +52 -0
  55. package/src/components/__tests__/__snapshots__/sortable.test.tsx.snap +114 -30
  56. package/src/components/__tests__/__snapshots__/sorter.test.tsx.snap +172 -204
  57. package/src/components/__tests__/sortable.test.tsx +54 -16
  58. package/src/components/__tests__/sorter.test.tsx +12 -9
  59. package/src/components/fixed-to-responsive.tsx +43 -38
  60. package/src/components/graph.tsx +95 -81
  61. package/src/components/graphie.tsx +62 -32
  62. package/src/components/hud.tsx +104 -115
  63. package/src/components/inline-icon.tsx +15 -32
  64. package/src/components/input-with-examples.tsx +4 -4
  65. package/src/components/lint.tsx +47 -41
  66. package/src/components/math-output.tsx +17 -11
  67. package/src/components/simple-keypad-input.tsx +2 -2
  68. package/src/components/sortable.tsx +134 -94
  69. package/src/components/svg-image.tsx +10 -11
  70. package/src/components/tooltip.tsx +189 -171
  71. package/src/interactive2/types.ts +2 -2
  72. package/src/mixins/provide-keypad.tsx +2 -2
  73. package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +708 -764
  74. package/src/perseus-types.ts +13 -9
  75. package/src/renderer.tsx +11 -22
  76. package/src/types.ts +0 -18
  77. package/src/util/interactive.ts +18 -5
  78. package/src/util/tex.ts +13 -77
  79. package/src/util.ts +3 -4
  80. package/src/widgets/__stories__/test-keypad-context-wrapper.tsx +2 -2
  81. package/src/widgets/__tests__/__snapshots__/categorizer.test.ts.snap +717 -773
  82. package/src/widgets/__tests__/__snapshots__/cs-program.test.ts.snap +28 -36
  83. package/src/widgets/__tests__/__snapshots__/definition.test.ts.snap +52 -60
  84. package/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap +100 -108
  85. package/src/widgets/__tests__/__snapshots__/explanation.test.ts.snap +212 -260
  86. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt.test.ts.snap +613 -641
  87. package/src/widgets/__tests__/__snapshots__/graded-group-set.test.ts.snap +249 -261
  88. package/src/widgets/__tests__/__snapshots__/graded-group.test.ts.snap +671 -735
  89. package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap +2676 -2684
  90. package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +938 -1002
  91. package/src/widgets/__tests__/__snapshots__/iframe.test.ts.snap +28 -36
  92. package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +227 -255
  93. package/src/widgets/__tests__/__snapshots__/input-number.test.ts.snap +353 -357
  94. package/src/widgets/__tests__/__snapshots__/interaction.test.ts.snap +255 -259
  95. package/src/widgets/__tests__/__snapshots__/interactive-graph.test.ts.snap +2401 -2433
  96. package/src/widgets/__tests__/__snapshots__/matcher.test.tsx.snap +600 -756
  97. package/src/widgets/__tests__/__snapshots__/matrix.test.ts.snap +420 -428
  98. package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +762 -770
  99. package/src/widgets/__tests__/__snapshots__/numeric-input.test.ts.snap +373 -393
  100. package/src/widgets/__tests__/__snapshots__/orderer.test.ts.snap +116 -148
  101. package/src/widgets/__tests__/__snapshots__/passage-ref.test.ts.snap +289 -301
  102. package/src/widgets/__tests__/__snapshots__/passage.test.tsx.snap +1679 -1711
  103. package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +2692 -2960
  104. package/src/widgets/__tests__/__snapshots__/video.test.ts.snap +90 -98
  105. package/src/widgets/__tests__/matcher.test.tsx +33 -9
  106. package/src/widgets/expression.tsx +9 -6
  107. package/src/widgets/grapher.tsx +3 -3
  108. package/src/widgets/image.tsx +2 -2
  109. package/src/widgets/interactive-graph.tsx +5 -5
  110. package/src/widgets/matcher.tsx +43 -24
  111. package/src/widgets/number-line.tsx +1 -1
  112. package/src/widgets/simulator.tsx +4 -6
  113. package/{tsconfig.json → tsconfig-build.json} +6 -6
  114. package/tsconfig-build.tsbuildinfo +1 -0
  115. package/tsconfig.tsbuildinfo +0 -1
@@ -2,864 +2,800 @@
2
2
 
3
3
  exports[`graded-group should snapshot: initial render (mobile: false) 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"
11
+ >
12
+ <hr />
13
+ </div>
14
+ <div
15
+ class="paragraph"
16
+ data-perseus-paragraph-index="1"
17
+ >
18
+ <h2>
19
+ Check your understanding!
20
+ </h2>
21
+ </div>
22
+ <div
23
+ class="paragraph"
24
+ data-perseus-paragraph-index="2"
10
25
  >
11
- <div
12
- class="paragraph perseus-paragraph-centered"
13
- data-perseus-paragraph-index="0"
14
- >
15
- <hr />
16
- </div>
17
- <div
18
- class="paragraph"
19
- data-perseus-paragraph-index="1"
20
- >
21
- <h2>
22
- Check your understanding!
23
- </h2>
24
- </div>
25
26
  <div
26
27
  class="paragraph"
27
- data-perseus-paragraph-index="2"
28
28
  >
29
29
  <div
30
- class="paragraph"
30
+ class="perseus-widget-container widget-nohighlight widget-block"
31
31
  >
32
32
  <div
33
- class="perseus-widget-container widget-nohighlight widget-block"
33
+ class="perseus-graded-group"
34
34
  >
35
35
  <div
36
- class="perseus-graded-group"
36
+ class="title_1lagzkb"
37
+ >
38
+ Metabolic strategies of bacteria
39
+ </div>
40
+ <div
41
+ class="perseus-renderer perseus-renderer-responsive"
37
42
  >
38
43
  <div
39
- class="title_1lagzkb"
40
- >
41
- Metabolic strategies of bacteria
42
- </div>
43
- <span
44
- class="mock-KatexProvider"
44
+ class="paragraph"
45
+ data-perseus-paragraph-index="0"
45
46
  >
46
- <div
47
- class="perseus-renderer perseus-renderer-responsive"
47
+ <ol
48
+ start="1"
48
49
  >
49
- <div
50
- class="paragraph"
51
- data-perseus-paragraph-index="0"
52
- >
53
- <ol
54
- start="1"
50
+ <li>
51
+ <div
52
+ class="paragraph"
55
53
  >
56
- <li>
57
- <div
58
- class="paragraph"
59
- >
60
- <strong>
61
- Which of the following statements about metabolic strategies of bacteria are true?
62
- </strong>
63
- </div>
54
+ <strong>
55
+ Which of the following statements about metabolic strategies of bacteria are true?
56
+ </strong>
57
+ </div>
58
+ <div
59
+ class="paragraph"
60
+ >
61
+ <div
62
+ class="perseus-widget-container widget-nohighlight widget-block"
63
+ >
64
64
  <div
65
- class="paragraph"
65
+ class="categorizer-container "
66
66
  >
67
- <div
68
- class="perseus-widget-container widget-nohighlight widget-block"
67
+ <table
68
+ class="categorizer-table mobileTable_1wmcwov"
69
69
  >
70
- <div
71
- class="categorizer-container "
72
- >
73
- <table
74
- class="categorizer-table mobileTable_1wmcwov"
75
- >
76
- <thead>
77
- <tr>
78
- <td
79
- class="emptyHeaderCell_1mttrgd"
80
- />
81
- <th
82
- class="header_whrfk4"
83
- >
84
- <span
85
- class="mock-KatexProvider"
86
- >
87
- <div
88
- class="perseus-renderer perseus-renderer-responsive"
89
- >
90
- <div
91
- class="paragraph"
92
- data-perseus-paragraph-index="0"
93
- >
94
- <div
95
- class="paragraph"
96
- >
97
- True
98
- </div>
99
- </div>
100
- </div>
101
- </span>
102
- </th>
103
- <th
104
- class="header_whrfk4"
70
+ <thead>
71
+ <tr>
72
+ <td
73
+ class="emptyHeaderCell_1mttrgd"
74
+ />
75
+ <th
76
+ class="header_whrfk4"
77
+ >
78
+ <div
79
+ class="perseus-renderer perseus-renderer-responsive"
80
+ >
81
+ <div
82
+ class="paragraph"
83
+ data-perseus-paragraph-index="0"
105
84
  >
106
- <span
107
- class="mock-KatexProvider"
108
- >
109
- <div
110
- class="perseus-renderer perseus-renderer-responsive"
111
- >
112
- <div
113
- class="paragraph"
114
- data-perseus-paragraph-index="0"
115
- >
116
- <div
117
- class="paragraph"
118
- >
119
- False
120
- </div>
121
- </div>
122
- </div>
123
- </span>
124
- </th>
125
- </tr>
126
- </thead>
127
- <tbody>
128
- <tr>
129
- <td>
130
- <span
131
- class="mock-KatexProvider"
85
+ <div
86
+ class="paragraph"
132
87
  >
133
- <div
134
- class="perseus-renderer perseus-renderer-responsive"
135
- >
136
- <div
137
- class="paragraph"
138
- data-perseus-paragraph-index="0"
139
- >
140
- <div
141
- class="paragraph"
142
- >
143
- Some bacteria conduct photosynthesis and produce oxygen, much like plants.
144
- </div>
145
- </div>
146
- </div>
147
- </span>
148
- </td>
149
- <td
150
- class="category cell_13aakpm"
88
+ True
89
+ </div>
90
+ </div>
91
+ </div>
92
+ </th>
93
+ <th
94
+ class="header_whrfk4"
95
+ >
96
+ <div
97
+ class="perseus-renderer perseus-renderer-responsive"
98
+ >
99
+ <div
100
+ class="paragraph"
101
+ data-perseus-paragraph-index="0"
151
102
  >
152
103
  <div
153
- aria-label="True"
154
- class="perseus-interactive"
155
- role="button"
104
+ class="paragraph"
156
105
  >
157
- <span
158
- class="radioSpan_1mq3xs9"
159
- >
160
- <svg
161
- aria-hidden="true"
162
- height="1em"
163
- role="img"
164
- style="vertical-align: middle;"
165
- viewBox="0 0 100 99.944"
166
- width="1.0005603137757144em"
167
- >
168
- <path
169
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
170
- fill="currentColor"
171
- />
172
- </svg>
173
- </span>
106
+ False
174
107
  </div>
175
- </td>
176
- <td
177
- class="category cell_13aakpm"
108
+ </div>
109
+ </div>
110
+ </th>
111
+ </tr>
112
+ </thead>
113
+ <tbody>
114
+ <tr>
115
+ <td>
116
+ <div
117
+ class="perseus-renderer perseus-renderer-responsive"
118
+ >
119
+ <div
120
+ class="paragraph"
121
+ data-perseus-paragraph-index="0"
178
122
  >
179
123
  <div
180
- aria-label="False"
181
- class="perseus-interactive"
182
- role="button"
124
+ class="paragraph"
183
125
  >
184
- <span
185
- class="radioSpan_1mq3xs9"
186
- >
187
- <svg
188
- aria-hidden="true"
189
- height="1em"
190
- role="img"
191
- style="vertical-align: middle;"
192
- viewBox="0 0 100 99.944"
193
- width="1.0005603137757144em"
194
- >
195
- <path
196
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
197
- fill="currentColor"
198
- />
199
- </svg>
200
- </span>
126
+ Some bacteria conduct photosynthesis and produce oxygen, much like plants.
201
127
  </div>
202
- </td>
203
- </tr>
204
- <tr>
205
- <td>
206
- <span
207
- class="mock-KatexProvider"
128
+ </div>
129
+ </div>
130
+ </td>
131
+ <td
132
+ class="category cell_13aakpm"
133
+ >
134
+ <div
135
+ aria-label="True"
136
+ class="perseus-interactive"
137
+ role="button"
138
+ >
139
+ <span
140
+ class="radioSpan_1mq3xs9"
141
+ >
142
+ <svg
143
+ aria-hidden="true"
144
+ height="1em"
145
+ role="img"
146
+ style="vertical-align: middle;"
147
+ viewBox="0 0 100 99.944"
148
+ width="1.0005603137757144em"
208
149
  >
209
- <div
210
- class="perseus-renderer perseus-renderer-responsive"
211
- >
212
- <div
213
- class="paragraph"
214
- data-perseus-paragraph-index="0"
215
- >
216
- <div
217
- class="paragraph"
218
- >
219
- Bacteria are always autotrophic but they may get energy from either light or chemical sources.
220
- </div>
221
- </div>
222
- </div>
223
- </span>
224
- </td>
225
- <td
226
- class="category cell_13aakpm"
150
+ <path
151
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
152
+ fill="currentColor"
153
+ />
154
+ </svg>
155
+ </span>
156
+ </div>
157
+ </td>
158
+ <td
159
+ class="category cell_13aakpm"
160
+ >
161
+ <div
162
+ aria-label="False"
163
+ class="perseus-interactive"
164
+ role="button"
165
+ >
166
+ <span
167
+ class="radioSpan_1mq3xs9"
227
168
  >
228
- <div
229
- aria-label="True"
230
- class="perseus-interactive"
231
- role="button"
169
+ <svg
170
+ aria-hidden="true"
171
+ height="1em"
172
+ role="img"
173
+ style="vertical-align: middle;"
174
+ viewBox="0 0 100 99.944"
175
+ width="1.0005603137757144em"
232
176
  >
233
- <span
234
- class="radioSpan_1mq3xs9"
235
- >
236
- <svg
237
- aria-hidden="true"
238
- height="1em"
239
- role="img"
240
- style="vertical-align: middle;"
241
- viewBox="0 0 100 99.944"
242
- width="1.0005603137757144em"
243
- >
244
- <path
245
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
246
- fill="currentColor"
247
- />
248
- </svg>
249
- </span>
250
- </div>
251
- </td>
252
- <td
253
- class="category cell_13aakpm"
177
+ <path
178
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
179
+ fill="currentColor"
180
+ />
181
+ </svg>
182
+ </span>
183
+ </div>
184
+ </td>
185
+ </tr>
186
+ <tr>
187
+ <td>
188
+ <div
189
+ class="perseus-renderer perseus-renderer-responsive"
190
+ >
191
+ <div
192
+ class="paragraph"
193
+ data-perseus-paragraph-index="0"
254
194
  >
255
195
  <div
256
- aria-label="False"
257
- class="perseus-interactive"
258
- role="button"
196
+ class="paragraph"
259
197
  >
260
- <span
261
- class="radioSpan_1mq3xs9"
262
- >
263
- <svg
264
- aria-hidden="true"
265
- height="1em"
266
- role="img"
267
- style="vertical-align: middle;"
268
- viewBox="0 0 100 99.944"
269
- width="1.0005603137757144em"
270
- >
271
- <path
272
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
273
- fill="currentColor"
274
- />
275
- </svg>
276
- </span>
198
+ Bacteria are always autotrophic but they may get energy from either light or chemical sources.
277
199
  </div>
278
- </td>
279
- </tr>
280
- <tr>
281
- <td>
282
- <span
283
- class="mock-KatexProvider"
200
+ </div>
201
+ </div>
202
+ </td>
203
+ <td
204
+ class="category cell_13aakpm"
205
+ >
206
+ <div
207
+ aria-label="True"
208
+ class="perseus-interactive"
209
+ role="button"
210
+ >
211
+ <span
212
+ class="radioSpan_1mq3xs9"
213
+ >
214
+ <svg
215
+ aria-hidden="true"
216
+ height="1em"
217
+ role="img"
218
+ style="vertical-align: middle;"
219
+ viewBox="0 0 100 99.944"
220
+ width="1.0005603137757144em"
284
221
  >
285
- <div
286
- class="perseus-renderer perseus-renderer-responsive"
287
- >
288
- <div
289
- class="paragraph"
290
- data-perseus-paragraph-index="0"
291
- >
292
- <div
293
- class="paragraph"
294
- >
295
- Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).
296
- </div>
297
- </div>
298
- </div>
299
- </span>
300
- </td>
301
- <td
302
- class="category cell_13aakpm"
222
+ <path
223
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
224
+ fill="currentColor"
225
+ />
226
+ </svg>
227
+ </span>
228
+ </div>
229
+ </td>
230
+ <td
231
+ class="category cell_13aakpm"
232
+ >
233
+ <div
234
+ aria-label="False"
235
+ class="perseus-interactive"
236
+ role="button"
237
+ >
238
+ <span
239
+ class="radioSpan_1mq3xs9"
303
240
  >
304
- <div
305
- aria-label="True"
306
- class="perseus-interactive"
307
- role="button"
241
+ <svg
242
+ aria-hidden="true"
243
+ height="1em"
244
+ role="img"
245
+ style="vertical-align: middle;"
246
+ viewBox="0 0 100 99.944"
247
+ width="1.0005603137757144em"
308
248
  >
309
- <span
310
- class="radioSpan_1mq3xs9"
311
- >
312
- <svg
313
- aria-hidden="true"
314
- height="1em"
315
- role="img"
316
- style="vertical-align: middle;"
317
- viewBox="0 0 100 99.944"
318
- width="1.0005603137757144em"
319
- >
320
- <path
321
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
322
- fill="currentColor"
323
- />
324
- </svg>
325
- </span>
326
- </div>
327
- </td>
328
- <td
329
- class="category cell_13aakpm"
249
+ <path
250
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
251
+ fill="currentColor"
252
+ />
253
+ </svg>
254
+ </span>
255
+ </div>
256
+ </td>
257
+ </tr>
258
+ <tr>
259
+ <td>
260
+ <div
261
+ class="perseus-renderer perseus-renderer-responsive"
262
+ >
263
+ <div
264
+ class="paragraph"
265
+ data-perseus-paragraph-index="0"
330
266
  >
331
267
  <div
332
- aria-label="False"
333
- class="perseus-interactive"
334
- role="button"
268
+ class="paragraph"
335
269
  >
336
- <span
337
- class="radioSpan_1mq3xs9"
338
- >
339
- <svg
340
- aria-hidden="true"
341
- height="1em"
342
- role="img"
343
- style="vertical-align: middle;"
344
- viewBox="0 0 100 99.944"
345
- width="1.0005603137757144em"
346
- >
347
- <path
348
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
349
- fill="currentColor"
350
- />
351
- </svg>
352
- </span>
270
+ Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).
353
271
  </div>
354
- </td>
355
- </tr>
356
- <tr>
357
- <td>
358
- <span
359
- class="mock-KatexProvider"
272
+ </div>
273
+ </div>
274
+ </td>
275
+ <td
276
+ class="category cell_13aakpm"
277
+ >
278
+ <div
279
+ aria-label="True"
280
+ class="perseus-interactive"
281
+ role="button"
282
+ >
283
+ <span
284
+ class="radioSpan_1mq3xs9"
285
+ >
286
+ <svg
287
+ aria-hidden="true"
288
+ height="1em"
289
+ role="img"
290
+ style="vertical-align: middle;"
291
+ viewBox="0 0 100 99.944"
292
+ width="1.0005603137757144em"
360
293
  >
361
- <div
362
- class="perseus-renderer perseus-renderer-responsive"
363
- >
364
- <div
365
- class="paragraph"
366
- data-perseus-paragraph-index="0"
367
- >
368
- <div
369
- class="paragraph"
370
- >
371
- Some bacteria live symbiotically inside of host organisms and provide the host with nutrients.
372
- </div>
373
- </div>
374
- </div>
375
- </span>
376
- </td>
377
- <td
378
- class="category cell_13aakpm"
294
+ <path
295
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
296
+ fill="currentColor"
297
+ />
298
+ </svg>
299
+ </span>
300
+ </div>
301
+ </td>
302
+ <td
303
+ class="category cell_13aakpm"
304
+ >
305
+ <div
306
+ aria-label="False"
307
+ class="perseus-interactive"
308
+ role="button"
309
+ >
310
+ <span
311
+ class="radioSpan_1mq3xs9"
379
312
  >
380
- <div
381
- aria-label="True"
382
- class="perseus-interactive"
383
- role="button"
313
+ <svg
314
+ aria-hidden="true"
315
+ height="1em"
316
+ role="img"
317
+ style="vertical-align: middle;"
318
+ viewBox="0 0 100 99.944"
319
+ width="1.0005603137757144em"
384
320
  >
385
- <span
386
- class="radioSpan_1mq3xs9"
387
- >
388
- <svg
389
- aria-hidden="true"
390
- height="1em"
391
- role="img"
392
- style="vertical-align: middle;"
393
- viewBox="0 0 100 99.944"
394
- width="1.0005603137757144em"
395
- >
396
- <path
397
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
398
- fill="currentColor"
399
- />
400
- </svg>
401
- </span>
402
- </div>
403
- </td>
404
- <td
405
- class="category cell_13aakpm"
321
+ <path
322
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
323
+ fill="currentColor"
324
+ />
325
+ </svg>
326
+ </span>
327
+ </div>
328
+ </td>
329
+ </tr>
330
+ <tr>
331
+ <td>
332
+ <div
333
+ class="perseus-renderer perseus-renderer-responsive"
334
+ >
335
+ <div
336
+ class="paragraph"
337
+ data-perseus-paragraph-index="0"
406
338
  >
407
339
  <div
408
- aria-label="False"
409
- class="perseus-interactive"
410
- role="button"
340
+ class="paragraph"
411
341
  >
412
- <span
413
- class="radioSpan_1mq3xs9"
414
- >
415
- <svg
416
- aria-hidden="true"
417
- height="1em"
418
- role="img"
419
- style="vertical-align: middle;"
420
- viewBox="0 0 100 99.944"
421
- width="1.0005603137757144em"
422
- >
423
- <path
424
- d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
425
- fill="currentColor"
426
- />
427
- </svg>
428
- </span>
342
+ Some bacteria live symbiotically inside of host organisms and provide the host with nutrients.
429
343
  </div>
430
- </td>
431
- </tr>
432
- </tbody>
433
- </table>
434
- </div>
435
- </div>
344
+ </div>
345
+ </div>
346
+ </td>
347
+ <td
348
+ class="category cell_13aakpm"
349
+ >
350
+ <div
351
+ aria-label="True"
352
+ class="perseus-interactive"
353
+ role="button"
354
+ >
355
+ <span
356
+ class="radioSpan_1mq3xs9"
357
+ >
358
+ <svg
359
+ aria-hidden="true"
360
+ height="1em"
361
+ role="img"
362
+ style="vertical-align: middle;"
363
+ viewBox="0 0 100 99.944"
364
+ width="1.0005603137757144em"
365
+ >
366
+ <path
367
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
368
+ fill="currentColor"
369
+ />
370
+ </svg>
371
+ </span>
372
+ </div>
373
+ </td>
374
+ <td
375
+ class="category cell_13aakpm"
376
+ >
377
+ <div
378
+ aria-label="False"
379
+ class="perseus-interactive"
380
+ role="button"
381
+ >
382
+ <span
383
+ class="radioSpan_1mq3xs9"
384
+ >
385
+ <svg
386
+ aria-hidden="true"
387
+ height="1em"
388
+ role="img"
389
+ style="vertical-align: middle;"
390
+ viewBox="0 0 100 99.944"
391
+ width="1.0005603137757144em"
392
+ >
393
+ <path
394
+ d="M50.046 8.322q-8.493 0-16.188 3.306-15.561 6.669-22.173 22.23-3.363 7.695-3.363 16.188t3.306 16.188 8.949 13.281q5.586 5.586 13.281 8.892t16.188 3.306 16.188-3.306 13.281-8.892 8.892-13.281 3.306-16.188-3.306-16.188-8.892-13.281-13.281-8.949q-7.695-3.306-16.188-3.306zm0 91.713q-13.623 0-25.137-6.726t-18.183-18.183q-6.726-11.571-6.726-25.137t6.726-25.08 18.24-18.24 25.08-6.669q13.566 0 25.08 6.726 11.514 6.669 18.24 18.183t6.726 25.137-6.726 25.137-18.24 18.126q-11.514 6.726-25.08 6.726z"
395
+ fill="currentColor"
396
+ />
397
+ </svg>
398
+ </span>
399
+ </div>
400
+ </td>
401
+ </tr>
402
+ </tbody>
403
+ </table>
436
404
  </div>
405
+ </div>
406
+ </div>
407
+ <div
408
+ class="paragraph"
409
+ >
410
+ <div
411
+ class="perseus-widget-container widget-nohighlight widget-inline"
412
+ >
437
413
  <div
438
- class="paragraph"
414
+ class="container_167wsvl"
439
415
  >
440
416
  <div
441
- class="perseus-widget-container widget-nohighlight widget-inline"
417
+ class="linkContainer_36rlri-o_O-exerciseLink_574wt1"
442
418
  >
443
- <div
444
- class="container_167wsvl"
419
+ <a
420
+ aria-expanded="false"
421
+ class="explanationLink_7n4oib"
422
+ href="javascript:void(0)"
423
+ role="button"
445
424
  >
446
- <div
447
- class="linkContainer_36rlri-o_O-exerciseLink_574wt1"
448
- >
449
- <a
450
- aria-expanded="false"
451
- class="explanationLink_7n4oib"
452
- href="javascript:void(0)"
453
- role="button"
454
- >
455
- [Hint]
456
- </a>
457
- </div>
458
- </div>
425
+ [Hint]
426
+ </a>
459
427
  </div>
460
428
  </div>
461
- </li>
462
- </ol>
463
- </div>
464
- </div>
465
- </span>
466
- <p
467
- aria-live="polite"
468
- role="status"
469
- />
470
- <button
471
- aria-disabled="false"
472
- class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
473
- role="button"
474
- type="button"
475
- >
476
- <span
477
- class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
478
- >
479
- Check
480
- </span>
481
- </button>
429
+ </div>
430
+ </div>
431
+ </li>
432
+ </ol>
433
+ </div>
482
434
  </div>
435
+ <p
436
+ aria-live="polite"
437
+ role="status"
438
+ />
439
+ <button
440
+ aria-disabled="false"
441
+ class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
442
+ role="button"
443
+ type="button"
444
+ >
445
+ <span
446
+ class="text_f1191h-o_O-LabelLarge_5s82ln-o_O-text_m8a8ki"
447
+ >
448
+ Check
449
+ </span>
450
+ </button>
483
451
  </div>
484
452
  </div>
485
453
  </div>
486
454
  </div>
487
- </span>
455
+ </div>
488
456
  </div>
489
457
  `;
490
458
 
491
459
  exports[`graded-group should snapshot: initial render (mobile: true) 1`] = `
492
460
  <div>
493
- <span
494
- class="mock-KatexProvider"
461
+ <div
462
+ class="perseus-renderer perseus-renderer-responsive"
495
463
  >
496
464
  <div
497
- class="perseus-renderer perseus-renderer-responsive"
465
+ class="paragraph perseus-paragraph-centered"
466
+ data-perseus-paragraph-index="0"
467
+ >
468
+ <hr />
469
+ </div>
470
+ <div
471
+ class="paragraph"
472
+ data-perseus-paragraph-index="1"
473
+ >
474
+ <h2>
475
+ Check your understanding!
476
+ </h2>
477
+ </div>
478
+ <div
479
+ class="paragraph"
480
+ data-perseus-paragraph-index="2"
498
481
  >
499
- <div
500
- class="paragraph perseus-paragraph-centered"
501
- data-perseus-paragraph-index="0"
502
- >
503
- <hr />
504
- </div>
505
- <div
506
- class="paragraph"
507
- data-perseus-paragraph-index="1"
508
- >
509
- <h2>
510
- Check your understanding!
511
- </h2>
512
- </div>
513
482
  <div
514
483
  class="paragraph"
515
- data-perseus-paragraph-index="2"
516
484
  >
517
485
  <div
518
- class="paragraph"
486
+ class="perseus-widget-container widget-nohighlight widget-block"
519
487
  >
520
488
  <div
521
- class="perseus-widget-container widget-nohighlight widget-block"
489
+ class="gradedGroup_14sgdtb perseus-graded-group"
522
490
  >
523
491
  <div
524
- class="gradedGroup_14sgdtb perseus-graded-group"
492
+ class="title_1lagzkb"
493
+ >
494
+ Metabolic strategies of bacteria
495
+ </div>
496
+ <div
497
+ class="perseus-renderer perseus-renderer-responsive"
525
498
  >
526
499
  <div
527
- class="title_1lagzkb"
528
- >
529
- Metabolic strategies of bacteria
530
- </div>
531
- <span
532
- class="mock-KatexProvider"
500
+ class="paragraph"
501
+ data-perseus-paragraph-index="0"
533
502
  >
534
- <div
535
- class="perseus-renderer perseus-renderer-responsive"
503
+ <ol
504
+ start="1"
536
505
  >
537
- <div
538
- class="paragraph"
539
- data-perseus-paragraph-index="0"
540
- >
541
- <ol
542
- start="1"
506
+ <li>
507
+ <div
508
+ class="paragraph"
543
509
  >
544
- <li>
545
- <div
546
- class="paragraph"
547
- >
548
- <strong>
549
- Which of the following statements about metabolic strategies of bacteria are true?
550
- </strong>
551
- </div>
510
+ <strong>
511
+ Which of the following statements about metabolic strategies of bacteria are true?
512
+ </strong>
513
+ </div>
514
+ <div
515
+ class="paragraph"
516
+ >
517
+ <div
518
+ class="perseus-widget-container widget-nohighlight widget-block"
519
+ >
552
520
  <div
553
- class="paragraph"
521
+ class="categorizer-container fullBleedContainer_8ybp6"
554
522
  >
555
- <div
556
- class="perseus-widget-container widget-nohighlight widget-block"
523
+ <table
524
+ class="categorizer-table mobileTable_1wmcwov"
557
525
  >
558
- <div
559
- class="categorizer-container fullBleedContainer_8ybp6"
560
- >
561
- <table
562
- class="categorizer-table mobileTable_1wmcwov"
563
- >
564
- <thead>
565
- <tr>
566
- <td
567
- class="emptyHeaderCell_1mttrgd"
568
- />
569
- <th
570
- class="header_whrfk4"
571
- >
572
- <span
573
- class="mock-KatexProvider"
574
- >
575
- <div
576
- class="perseus-renderer perseus-renderer-responsive"
577
- >
578
- <div
579
- class="paragraph"
580
- data-perseus-paragraph-index="0"
581
- >
582
- <div
583
- class="paragraph"
584
- >
585
- True
586
- </div>
587
- </div>
588
- </div>
589
- </span>
590
- </th>
591
- <th
592
- class="header_whrfk4"
593
- >
594
- <span
595
- class="mock-KatexProvider"
596
- >
597
- <div
598
- class="perseus-renderer perseus-renderer-responsive"
599
- >
600
- <div
601
- class="paragraph"
602
- data-perseus-paragraph-index="0"
603
- >
604
- <div
605
- class="paragraph"
606
- >
607
- False
608
- </div>
609
- </div>
610
- </div>
611
- </span>
612
- </th>
613
- </tr>
614
- </thead>
615
- <tbody>
616
- <tr>
617
- <td>
618
- <span
619
- class="mock-KatexProvider"
620
- >
621
- <div
622
- class="perseus-renderer perseus-renderer-responsive"
623
- >
624
- <div
625
- class="paragraph"
626
- data-perseus-paragraph-index="0"
627
- >
628
- <div
629
- class="paragraph"
630
- >
631
- Some bacteria conduct photosynthesis and produce oxygen, much like plants.
632
- </div>
633
- </div>
634
- </div>
635
- </span>
636
- </td>
637
- <td
638
- class="category cell_13aakpm"
639
- >
640
- <div
641
- aria-label="True"
642
- class="perseus-interactive"
643
- role="button"
644
- >
645
- <input
646
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
647
- name="perseus_radio_9_0"
648
- type="radio"
649
- />
650
- </div>
651
- </td>
652
- <td
653
- class="category cell_13aakpm"
654
- >
655
- <div
656
- aria-label="False"
657
- class="perseus-interactive"
658
- role="button"
659
- >
660
- <input
661
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
662
- name="perseus_radio_9_0"
663
- type="radio"
664
- />
665
- </div>
666
- </td>
667
- </tr>
668
- <tr>
669
- <td>
670
- <span
671
- class="mock-KatexProvider"
672
- >
673
- <div
674
- class="perseus-renderer perseus-renderer-responsive"
675
- >
676
- <div
677
- class="paragraph"
678
- data-perseus-paragraph-index="0"
679
- >
680
- <div
681
- class="paragraph"
682
- >
683
- Bacteria are always autotrophic but they may get energy from either light or chemical sources.
684
- </div>
685
- </div>
686
- </div>
687
- </span>
688
- </td>
689
- <td
690
- class="category cell_13aakpm"
526
+ <thead>
527
+ <tr>
528
+ <td
529
+ class="emptyHeaderCell_1mttrgd"
530
+ />
531
+ <th
532
+ class="header_whrfk4"
533
+ >
534
+ <div
535
+ class="perseus-renderer perseus-renderer-responsive"
536
+ >
537
+ <div
538
+ class="paragraph"
539
+ data-perseus-paragraph-index="0"
691
540
  >
692
541
  <div
693
- aria-label="True"
694
- class="perseus-interactive"
695
- role="button"
542
+ class="paragraph"
696
543
  >
697
- <input
698
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
699
- name="perseus_radio_9_1"
700
- type="radio"
701
- />
544
+ True
702
545
  </div>
703
- </td>
704
- <td
705
- class="category cell_13aakpm"
546
+ </div>
547
+ </div>
548
+ </th>
549
+ <th
550
+ class="header_whrfk4"
551
+ >
552
+ <div
553
+ class="perseus-renderer perseus-renderer-responsive"
554
+ >
555
+ <div
556
+ class="paragraph"
557
+ data-perseus-paragraph-index="0"
706
558
  >
707
559
  <div
708
- aria-label="False"
709
- class="perseus-interactive"
710
- role="button"
560
+ class="paragraph"
711
561
  >
712
- <input
713
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
714
- name="perseus_radio_9_1"
715
- type="radio"
716
- />
562
+ False
717
563
  </div>
718
- </td>
719
- </tr>
720
- <tr>
721
- <td>
722
- <span
723
- class="mock-KatexProvider"
724
- >
725
- <div
726
- class="perseus-renderer perseus-renderer-responsive"
727
- >
728
- <div
729
- class="paragraph"
730
- data-perseus-paragraph-index="0"
731
- >
732
- <div
733
- class="paragraph"
734
- >
735
- Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).
736
- </div>
737
- </div>
738
- </div>
739
- </span>
740
- </td>
741
- <td
742
- class="category cell_13aakpm"
564
+ </div>
565
+ </div>
566
+ </th>
567
+ </tr>
568
+ </thead>
569
+ <tbody>
570
+ <tr>
571
+ <td>
572
+ <div
573
+ class="perseus-renderer perseus-renderer-responsive"
574
+ >
575
+ <div
576
+ class="paragraph"
577
+ data-perseus-paragraph-index="0"
743
578
  >
744
579
  <div
745
- aria-label="True"
746
- class="perseus-interactive"
747
- role="button"
580
+ class="paragraph"
748
581
  >
749
- <input
750
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
751
- name="perseus_radio_9_2"
752
- type="radio"
753
- />
582
+ Some bacteria conduct photosynthesis and produce oxygen, much like plants.
754
583
  </div>
755
- </td>
756
- <td
757
- class="category cell_13aakpm"
584
+ </div>
585
+ </div>
586
+ </td>
587
+ <td
588
+ class="category cell_13aakpm"
589
+ >
590
+ <div
591
+ aria-label="True"
592
+ class="perseus-interactive"
593
+ role="button"
594
+ >
595
+ <input
596
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
597
+ name="perseus_radio_9_0"
598
+ type="radio"
599
+ />
600
+ </div>
601
+ </td>
602
+ <td
603
+ class="category cell_13aakpm"
604
+ >
605
+ <div
606
+ aria-label="False"
607
+ class="perseus-interactive"
608
+ role="button"
609
+ >
610
+ <input
611
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
612
+ name="perseus_radio_9_0"
613
+ type="radio"
614
+ />
615
+ </div>
616
+ </td>
617
+ </tr>
618
+ <tr>
619
+ <td>
620
+ <div
621
+ class="perseus-renderer perseus-renderer-responsive"
622
+ >
623
+ <div
624
+ class="paragraph"
625
+ data-perseus-paragraph-index="0"
758
626
  >
759
627
  <div
760
- aria-label="False"
761
- class="perseus-interactive"
762
- role="button"
628
+ class="paragraph"
763
629
  >
764
- <input
765
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
766
- name="perseus_radio_9_2"
767
- type="radio"
768
- />
630
+ Bacteria are always autotrophic but they may get energy from either light or chemical sources.
769
631
  </div>
770
- </td>
771
- </tr>
772
- <tr>
773
- <td>
774
- <span
775
- class="mock-KatexProvider"
776
- >
777
- <div
778
- class="perseus-renderer perseus-renderer-responsive"
779
- >
780
- <div
781
- class="paragraph"
782
- data-perseus-paragraph-index="0"
783
- >
784
- <div
785
- class="paragraph"
786
- >
787
- Some bacteria live symbiotically inside of host organisms and provide the host with nutrients.
788
- </div>
789
- </div>
790
- </div>
791
- </span>
792
- </td>
793
- <td
794
- class="category cell_13aakpm"
632
+ </div>
633
+ </div>
634
+ </td>
635
+ <td
636
+ class="category cell_13aakpm"
637
+ >
638
+ <div
639
+ aria-label="True"
640
+ class="perseus-interactive"
641
+ role="button"
642
+ >
643
+ <input
644
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
645
+ name="perseus_radio_9_1"
646
+ type="radio"
647
+ />
648
+ </div>
649
+ </td>
650
+ <td
651
+ class="category cell_13aakpm"
652
+ >
653
+ <div
654
+ aria-label="False"
655
+ class="perseus-interactive"
656
+ role="button"
657
+ >
658
+ <input
659
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
660
+ name="perseus_radio_9_1"
661
+ type="radio"
662
+ />
663
+ </div>
664
+ </td>
665
+ </tr>
666
+ <tr>
667
+ <td>
668
+ <div
669
+ class="perseus-renderer perseus-renderer-responsive"
670
+ >
671
+ <div
672
+ class="paragraph"
673
+ data-perseus-paragraph-index="0"
795
674
  >
796
675
  <div
797
- aria-label="True"
798
- class="perseus-interactive"
799
- role="button"
676
+ class="paragraph"
800
677
  >
801
- <input
802
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
803
- name="perseus_radio_9_3"
804
- type="radio"
805
- />
678
+ Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).
806
679
  </div>
807
- </td>
808
- <td
809
- class="category cell_13aakpm"
680
+ </div>
681
+ </div>
682
+ </td>
683
+ <td
684
+ class="category cell_13aakpm"
685
+ >
686
+ <div
687
+ aria-label="True"
688
+ class="perseus-interactive"
689
+ role="button"
690
+ >
691
+ <input
692
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
693
+ name="perseus_radio_9_2"
694
+ type="radio"
695
+ />
696
+ </div>
697
+ </td>
698
+ <td
699
+ class="category cell_13aakpm"
700
+ >
701
+ <div
702
+ aria-label="False"
703
+ class="perseus-interactive"
704
+ role="button"
705
+ >
706
+ <input
707
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
708
+ name="perseus_radio_9_2"
709
+ type="radio"
710
+ />
711
+ </div>
712
+ </td>
713
+ </tr>
714
+ <tr>
715
+ <td>
716
+ <div
717
+ class="perseus-renderer perseus-renderer-responsive"
718
+ >
719
+ <div
720
+ class="paragraph"
721
+ data-perseus-paragraph-index="0"
810
722
  >
811
723
  <div
812
- aria-label="False"
813
- class="perseus-interactive"
814
- role="button"
724
+ class="paragraph"
815
725
  >
816
- <input
817
- class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
818
- name="perseus_radio_9_3"
819
- type="radio"
820
- />
726
+ Some bacteria live symbiotically inside of host organisms and provide the host with nutrients.
821
727
  </div>
822
- </td>
823
- </tr>
824
- </tbody>
825
- </table>
826
- </div>
827
- </div>
728
+ </div>
729
+ </div>
730
+ </td>
731
+ <td
732
+ class="category cell_13aakpm"
733
+ >
734
+ <div
735
+ aria-label="True"
736
+ class="perseus-interactive"
737
+ role="button"
738
+ >
739
+ <input
740
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
741
+ name="perseus_radio_9_3"
742
+ type="radio"
743
+ />
744
+ </div>
745
+ </td>
746
+ <td
747
+ class="category cell_13aakpm"
748
+ >
749
+ <div
750
+ aria-label="False"
751
+ class="perseus-interactive"
752
+ role="button"
753
+ >
754
+ <input
755
+ class="responsiveInput_1q2zj3l-o_O-responsiveRadioInput_17um91a"
756
+ name="perseus_radio_9_3"
757
+ type="radio"
758
+ />
759
+ </div>
760
+ </td>
761
+ </tr>
762
+ </tbody>
763
+ </table>
828
764
  </div>
765
+ </div>
766
+ </div>
767
+ <div
768
+ class="paragraph"
769
+ >
770
+ <div
771
+ class="perseus-widget-container widget-nohighlight widget-inline"
772
+ >
829
773
  <div
830
- class="paragraph"
774
+ class="container_167wsvl"
831
775
  >
832
776
  <div
833
- class="perseus-widget-container widget-nohighlight widget-inline"
777
+ class="linkContainer_36rlri"
834
778
  >
835
- <div
836
- class="container_167wsvl"
779
+ <a
780
+ aria-expanded="false"
781
+ class="mobileExplanationLink_his27d"
782
+ href="javascript:void(0)"
783
+ role="button"
837
784
  >
838
- <div
839
- class="linkContainer_36rlri"
840
- >
841
- <a
842
- aria-expanded="false"
843
- class="mobileExplanationLink_his27d"
844
- href="javascript:void(0)"
845
- role="button"
846
- >
847
- Hint
848
- </a>
849
- </div>
850
- </div>
785
+ Hint
786
+ </a>
851
787
  </div>
852
788
  </div>
853
- </li>
854
- </ol>
855
- </div>
856
- </div>
857
- </span>
789
+ </div>
790
+ </div>
791
+ </li>
792
+ </ol>
793
+ </div>
858
794
  </div>
859
795
  </div>
860
796
  </div>
861
797
  </div>
862
798
  </div>
863
- </span>
799
+ </div>
864
800
  </div>
865
801
  `;