@brightspace-ui/core 2.108.0 → 2.110.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.
- package/components/html-block/README.md +11 -36
- package/components/html-block/demo/html-block-code.html +1 -3
- package/components/html-block/demo/html-block.html +238 -364
- package/components/html-block/html-block.js +18 -73
- package/components/list/list.js +1 -2
- package/components/paging/pageable-mixin.js +5 -0
- package/components/paging/pageable-subscriber-mixin.js +1 -1
- package/components/paging/pager-load-more.js +2 -2
- package/components/selection/selection-controls.js +18 -7
- package/components/table/demo/table-test.js +10 -8
- package/components/table/table-controls.js +6 -14
- package/components/table/table-wrapper.js +17 -1
- package/custom-elements.json +98 -6
- package/lang/ar.js +2 -1
- package/lang/cy.js +2 -1
- package/lang/da.js +2 -1
- package/lang/de.js +2 -1
- package/lang/en-gb.js +2 -1
- package/lang/en.js +2 -1
- package/lang/es-es.js +2 -1
- package/lang/es.js +2 -1
- package/lang/fr-fr.js +2 -1
- package/lang/fr.js +2 -1
- package/lang/hi.js +2 -1
- package/lang/ja.js +2 -1
- package/lang/ko.js +2 -1
- package/lang/nl.js +2 -1
- package/lang/pt.js +2 -1
- package/lang/sv.js +2 -1
- package/lang/tr.js +2 -1
- package/lang/zh-cn.js +2 -1
- package/lang/zh-tw.js +2 -1
- package/package.json +1 -1
|
@@ -58,28 +58,27 @@
|
|
|
58
58
|
|
|
59
59
|
<d2l-demo-snippet>
|
|
60
60
|
<template>
|
|
61
|
-
<d2l-html-block
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
<div><a href="https://d2l.com">anchor</a></div>
|
|
61
|
+
<d2l-html-block html="Just a text node...
|
|
62
|
+
<h1>heading 1</h1>
|
|
63
|
+
<h2>heading 2</h2>
|
|
64
|
+
<h3>heading 3</h3>
|
|
65
|
+
<h4>heading 4</h4>
|
|
66
|
+
<h5>heading 5</h5>
|
|
67
|
+
<h6>heading 6</h6>
|
|
68
|
+
<div><strong>strong</strong></div>
|
|
69
|
+
<div><b>bold</b></div>
|
|
70
|
+
<div>text</div>
|
|
71
|
+
<pre>preformatted</pre>
|
|
72
|
+
<p>paragraph</p>
|
|
73
|
+
<ul>
|
|
74
|
+
<li>unordered item 1</li>
|
|
75
|
+
<li>unordered item 2</li>
|
|
76
|
+
</ul>
|
|
77
|
+
<ol>
|
|
78
|
+
<li>ordered item 1</li>
|
|
79
|
+
<li>ordered item 2</li>
|
|
80
|
+
</ol>
|
|
81
|
+
<div><a href="https://d2l.com">anchor</a></div>">
|
|
83
82
|
</d2l-html-block>
|
|
84
83
|
</template>
|
|
85
84
|
</d2l-demo-snippet>
|
|
@@ -88,28 +87,27 @@
|
|
|
88
87
|
|
|
89
88
|
<d2l-demo-snippet>
|
|
90
89
|
<template>
|
|
91
|
-
<d2l-html-block compact
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
<div><a href="https://d2l.com">anchor</a></div>
|
|
90
|
+
<d2l-html-block compact html="Just a text node...
|
|
91
|
+
<h1>heading 1</h1>
|
|
92
|
+
<h2>heading 2</h2>
|
|
93
|
+
<h3>heading 3</h3>
|
|
94
|
+
<h4>heading 4</h4>
|
|
95
|
+
<h5>heading 5</h5>
|
|
96
|
+
<h6>heading 6</h6>
|
|
97
|
+
<div><strong>strong</strong></div>
|
|
98
|
+
<div><b>bold</b></div>
|
|
99
|
+
<div>text</div>
|
|
100
|
+
<pre>preformatted</pre>
|
|
101
|
+
<p>paragraph</p>
|
|
102
|
+
<ul>
|
|
103
|
+
<li>unordered item 1</li>
|
|
104
|
+
<li>unordered item 2</li>
|
|
105
|
+
</ul>
|
|
106
|
+
<ol>
|
|
107
|
+
<li>ordered item 1</li>
|
|
108
|
+
<li>ordered item 2</li>
|
|
109
|
+
</ol>
|
|
110
|
+
<div><a href="https://d2l.com">anchor</a></div>">
|
|
113
111
|
</d2l-html-block>
|
|
114
112
|
</template>
|
|
115
113
|
</d2l-demo-snippet>
|
|
@@ -119,9 +117,7 @@
|
|
|
119
117
|
<d2l-demo-snippet>
|
|
120
118
|
<template>
|
|
121
119
|
<span>Here's an inline html-block:</span>
|
|
122
|
-
<d2l-html-block inline>
|
|
123
|
-
I'm inline!
|
|
124
|
-
</d2l-html-block>
|
|
120
|
+
<d2l-html-block inline html="I'm inline!"></d2l-html-block>
|
|
125
121
|
<span>Pretty cool!</span>
|
|
126
122
|
</template>
|
|
127
123
|
</d2l-demo-snippet>
|
|
@@ -142,30 +138,29 @@
|
|
|
142
138
|
|
|
143
139
|
<d2l-demo-snippet>
|
|
144
140
|
<template>
|
|
145
|
-
<d2l-html-block
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
</div>
|
|
141
|
+
<d2l-html-block html="Just a text node...
|
|
142
|
+
<div style="font-size: 42px;">
|
|
143
|
+
<h1>heading 1</h1>
|
|
144
|
+
<h2>heading 2</h2>
|
|
145
|
+
<h3>heading 3</h3>
|
|
146
|
+
<h4>heading 4</h4>
|
|
147
|
+
<h5>heading 5</h5>
|
|
148
|
+
<h6>heading 6</h6>
|
|
149
|
+
<div><strong>strong</strong></div>
|
|
150
|
+
<div><b>bold</b></div>
|
|
151
|
+
<div>text</div>
|
|
152
|
+
<pre>preformatted</pre>
|
|
153
|
+
<p>paragraph</p>
|
|
154
|
+
<ul>
|
|
155
|
+
<li>unordered item 1</li>
|
|
156
|
+
<li>unordered item 2</li>
|
|
157
|
+
</ul>
|
|
158
|
+
<ol>
|
|
159
|
+
<li>ordered item 1</li>
|
|
160
|
+
<li>ordered item 2</li>
|
|
161
|
+
</ol>
|
|
162
|
+
<div><a href="https://d2l.com">anchor</a></div>
|
|
163
|
+
<div>">
|
|
169
164
|
</d2l-html-block>
|
|
170
165
|
</template>
|
|
171
166
|
</d2l-demo-snippet>
|
|
@@ -174,120 +169,119 @@
|
|
|
174
169
|
|
|
175
170
|
<d2l-demo-snippet>
|
|
176
171
|
<template>
|
|
177
|
-
<d2l-html-block
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
</math>
|
|
172
|
+
<d2l-html-block html="<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>x</mi>
|
|
173
|
+
<mo>=</mo>
|
|
174
|
+
<mrow>
|
|
175
|
+
<mfrac>
|
|
176
|
+
<mrow>
|
|
177
|
+
<mo>&#x2212;</mo>
|
|
178
|
+
<mi>b</mi>
|
|
179
|
+
<mo>&#xB1;</mo>
|
|
180
|
+
<msqrt>
|
|
181
|
+
<msup>
|
|
182
|
+
<mi>b</mi>
|
|
183
|
+
<mn>2</mn>
|
|
184
|
+
</msup>
|
|
185
|
+
<mo>&#x2212;</mo>
|
|
186
|
+
<mn>4</mn>
|
|
187
|
+
<mi>a</mi>
|
|
188
|
+
<mi>c</mi>
|
|
189
|
+
</msqrt>
|
|
190
|
+
</mrow>
|
|
191
|
+
<mrow>
|
|
192
|
+
<mn>2</mn>
|
|
193
|
+
<mi>a</mi>
|
|
194
|
+
</mrow>
|
|
195
|
+
</mfrac>
|
|
196
|
+
</mrow>
|
|
197
|
+
<mtext>.</mtext>
|
|
198
|
+
<mspace linebreak="newline"></mspace>
|
|
199
|
+
<msup>
|
|
200
|
+
<mi>e</mi>
|
|
201
|
+
<mrow>
|
|
202
|
+
<mi>i</mi>
|
|
203
|
+
<mi>π<!-- π --></mi>
|
|
204
|
+
</mrow>
|
|
205
|
+
</msup>
|
|
206
|
+
<mo>+</mo>
|
|
207
|
+
<mn>1</mn>
|
|
208
|
+
<mo>=</mo>
|
|
209
|
+
<mn>0</mn>
|
|
210
|
+
</math>
|
|
211
|
+
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
|
|
212
|
+
<msup>
|
|
213
|
+
<mrow>
|
|
214
|
+
<mo>(</mo>
|
|
215
|
+
<mrow>
|
|
216
|
+
<munderover>
|
|
217
|
+
<mo>∑<!-- ∑ --></mo>
|
|
218
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
219
|
+
<mi>k</mi>
|
|
220
|
+
<mo>=</mo>
|
|
221
|
+
<mn>1</mn>
|
|
222
|
+
</mrow>
|
|
223
|
+
<mi>n</mi>
|
|
224
|
+
</munderover>
|
|
225
|
+
<msub>
|
|
226
|
+
<mi>a</mi>
|
|
227
|
+
<mi>k</mi>
|
|
228
|
+
</msub>
|
|
229
|
+
<msub>
|
|
230
|
+
<mi>b</mi>
|
|
231
|
+
<mi>k</mi>
|
|
232
|
+
</msub>
|
|
233
|
+
</mrow>
|
|
234
|
+
<mo>)</mo>
|
|
235
|
+
</mrow>
|
|
236
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
237
|
+
<mspace width="negativethinmathspace"></mspace>
|
|
238
|
+
<mspace width="negativethinmathspace"></mspace>
|
|
239
|
+
<mn>2</mn>
|
|
240
|
+
</mrow>
|
|
241
|
+
</msup>
|
|
242
|
+
<mo>≤<!-- ≤ --></mo>
|
|
243
|
+
<mrow>
|
|
244
|
+
<mo>(</mo>
|
|
245
|
+
<mrow>
|
|
246
|
+
<munderover>
|
|
247
|
+
<mo>∑<!-- ∑ --></mo>
|
|
248
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
249
|
+
<mi>k</mi>
|
|
250
|
+
<mo>=</mo>
|
|
251
|
+
<mn>1</mn>
|
|
252
|
+
</mrow>
|
|
253
|
+
<mi>n</mi>
|
|
254
|
+
</munderover>
|
|
255
|
+
<msubsup>
|
|
256
|
+
<mi>a</mi>
|
|
257
|
+
<mi>k</mi>
|
|
258
|
+
<mn>2</mn>
|
|
259
|
+
</msubsup>
|
|
260
|
+
</mrow>
|
|
261
|
+
<mo>)</mo>
|
|
262
|
+
</mrow>
|
|
263
|
+
<mrow>
|
|
264
|
+
<mo>(</mo>
|
|
265
|
+
<mrow>
|
|
266
|
+
<munderover>
|
|
267
|
+
<mo>∑<!-- ∑ --></mo>
|
|
268
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
269
|
+
<mi>k</mi>
|
|
270
|
+
<mo>=</mo>
|
|
271
|
+
<mn>1</mn>
|
|
272
|
+
</mrow>
|
|
273
|
+
<mi>n</mi>
|
|
274
|
+
</munderover>
|
|
275
|
+
<msubsup>
|
|
276
|
+
<mi>b</mi>
|
|
277
|
+
<mi>k</mi>
|
|
278
|
+
<mn>2</mn>
|
|
279
|
+
</msubsup>
|
|
280
|
+
</mrow>
|
|
281
|
+
<mo>)</mo>
|
|
282
|
+
</mrow>
|
|
283
|
+
</math>
|
|
284
|
+
<div>$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$</div>">
|
|
291
285
|
</d2l-html-block>
|
|
292
286
|
</template>
|
|
293
287
|
</d2l-demo-snippet>
|
|
@@ -410,178 +404,32 @@
|
|
|
410
404
|
|
|
411
405
|
<d2l-demo-snippet>
|
|
412
406
|
<template>
|
|
413
|
-
<d2l-html-block
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
<math xmlns="http://www.w3.org/1998/Math/MathML">
|
|
433
|
-
<msup>
|
|
434
|
-
<mrow>
|
|
435
|
-
<mo>(</mo>
|
|
436
|
-
<mrow>
|
|
437
|
-
<munderover>
|
|
438
|
-
<mo>∑<!-- ∑ --></mo>
|
|
439
|
-
<mrow class="MJX-TeXAtom-ORD">
|
|
440
|
-
<mi>k</mi>
|
|
441
|
-
<mo>=</mo>
|
|
442
|
-
<mn>1</mn>
|
|
443
|
-
</mrow>
|
|
444
|
-
<mi>n</mi>
|
|
445
|
-
</munderover>
|
|
446
|
-
<msub>
|
|
447
|
-
<mi>a</mi>
|
|
448
|
-
<mi>k</mi>
|
|
449
|
-
</msub>
|
|
450
|
-
<msub>
|
|
451
|
-
<mi>b</mi>
|
|
452
|
-
<mi>k</mi>
|
|
453
|
-
</msub>
|
|
454
|
-
</mrow>
|
|
455
|
-
<mo>)</mo>
|
|
456
|
-
</mrow>
|
|
457
|
-
<mrow class="MJX-TeXAtom-ORD">
|
|
458
|
-
<mspace width="negativethinmathspace"></mspace>
|
|
459
|
-
<mspace width="negativethinmathspace"></mspace>
|
|
460
|
-
<mn>2</mn>
|
|
461
|
-
</mrow>
|
|
462
|
-
</msup>
|
|
463
|
-
<mo>≤<!-- ≤ --></mo>
|
|
464
|
-
<mrow>
|
|
465
|
-
<mo>(</mo>
|
|
466
|
-
<mrow>
|
|
467
|
-
<munderover>
|
|
468
|
-
<mo>∑<!-- ∑ --></mo>
|
|
469
|
-
<mrow class="MJX-TeXAtom-ORD">
|
|
470
|
-
<mi>k</mi>
|
|
471
|
-
<mo>=</mo>
|
|
472
|
-
<mn>1</mn>
|
|
473
|
-
</mrow>
|
|
474
|
-
<mi>n</mi>
|
|
475
|
-
</munderover>
|
|
476
|
-
<msubsup>
|
|
477
|
-
<mi>a</mi>
|
|
478
|
-
<mi>k</mi>
|
|
479
|
-
<mn>2</mn>
|
|
480
|
-
</msubsup>
|
|
481
|
-
</mrow>
|
|
482
|
-
<mo>)</mo>
|
|
483
|
-
</mrow>
|
|
484
|
-
<mrow>
|
|
485
|
-
<mo>(</mo>
|
|
486
|
-
<mrow>
|
|
487
|
-
<munderover>
|
|
488
|
-
<mo>∑<!-- ∑ --></mo>
|
|
489
|
-
<mrow class="MJX-TeXAtom-ORD">
|
|
490
|
-
<mi>k</mi>
|
|
491
|
-
<mo>=</mo>
|
|
492
|
-
<mn>1</mn>
|
|
493
|
-
</mrow>
|
|
494
|
-
<mi>n</mi>
|
|
495
|
-
</munderover>
|
|
496
|
-
<msubsup>
|
|
497
|
-
<mi>b</mi>
|
|
498
|
-
<mi>k</mi>
|
|
499
|
-
<mn>2</mn>
|
|
500
|
-
</msubsup>
|
|
501
|
-
</mrow>
|
|
502
|
-
<mo>)</mo>
|
|
503
|
-
</mrow>
|
|
504
|
-
</math> and other symbols.
|
|
505
|
-
</d2l-html-block>
|
|
506
|
-
</template>
|
|
507
|
-
</d2l-demo-snippet>
|
|
508
|
-
|
|
509
|
-
<h2>HTML Block (LaTeX math)</h2>
|
|
510
|
-
|
|
511
|
-
<d2l-demo-snippet>
|
|
512
|
-
<template>
|
|
513
|
-
<d2l-html-block>
|
|
514
|
-
<div>$$ f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x $$ $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$</div>
|
|
515
|
-
<div>$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$</div>
|
|
516
|
-
</d2l-html-block>
|
|
517
|
-
</template>
|
|
518
|
-
</d2l-demo-snippet>
|
|
519
|
-
|
|
520
|
-
<h2>HTML Block (LaTeX inline math)</h2>
|
|
521
|
-
|
|
522
|
-
<d2l-demo-snippet>
|
|
523
|
-
<template>
|
|
524
|
-
<d2l-html-block>
|
|
525
|
-
<div>
|
|
526
|
-
An equation rendered using LaTeX...
|
|
527
|
-
\( f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x \)
|
|
528
|
-
... and some text ...
|
|
529
|
-
</div>
|
|
530
|
-
</d2l-html-block>
|
|
531
|
-
</template>
|
|
532
|
-
</d2l-demo-snippet>
|
|
533
|
-
|
|
534
|
-
<h2>HTML Block (html prop)</h2>
|
|
535
|
-
|
|
536
|
-
<d2l-demo-snippet>
|
|
537
|
-
<template>
|
|
538
|
-
<d2l-html-block html="<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>x</mi>
|
|
539
|
-
<mo>=</mo>
|
|
540
|
-
<mrow>
|
|
541
|
-
<mfrac>
|
|
542
|
-
<mrow>
|
|
543
|
-
<mo>&#x2212;</mo>
|
|
544
|
-
<mi>b</mi>
|
|
545
|
-
<mo>&#xB1;</mo>
|
|
546
|
-
<msqrt>
|
|
547
|
-
<msup>
|
|
548
|
-
<mi>b</mi>
|
|
549
|
-
<mn>2</mn>
|
|
550
|
-
</msup>
|
|
551
|
-
<mo>&#x2212;</mo>
|
|
552
|
-
<mn>4</mn>
|
|
553
|
-
<mi>a</mi>
|
|
554
|
-
<mi>c</mi>
|
|
555
|
-
</msqrt>
|
|
556
|
-
</mrow>
|
|
557
|
-
<mrow>
|
|
558
|
-
<mn>2</mn>
|
|
559
|
-
<mi>a</mi>
|
|
560
|
-
</mrow>
|
|
561
|
-
</mfrac>
|
|
562
|
-
</mrow>
|
|
563
|
-
<mtext>.</mtext>
|
|
564
|
-
<mspace linebreak="newline"></mspace>
|
|
565
|
-
<msup>
|
|
566
|
-
<mi>e</mi>
|
|
567
|
-
<mrow>
|
|
568
|
-
<mi>i</mi>
|
|
569
|
-
<mi>π<!-- π --></mi>
|
|
570
|
-
</mrow>
|
|
571
|
-
</msup>
|
|
572
|
-
<mo>+</mo>
|
|
573
|
-
<mn>1</mn>
|
|
574
|
-
<mo>=</mo>
|
|
575
|
-
<mn>0</mn>
|
|
576
|
-
</math>
|
|
577
|
-
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
|
|
407
|
+
<d2l-html-block html="An equation...
|
|
408
|
+
<math xmlns="http://www.w3.org/1998/Math/MathML">
|
|
409
|
+
<msqrt>
|
|
410
|
+
<mn>3</mn>
|
|
411
|
+
<mi>x</mi>
|
|
412
|
+
<mo>−</mo>
|
|
413
|
+
<mn>1</mn>
|
|
414
|
+
</msqrt>
|
|
415
|
+
<mo>+</mo>
|
|
416
|
+
<mo stretchy="false">(</mo>
|
|
417
|
+
<mn>1</mn>
|
|
418
|
+
<mo>+</mo>
|
|
419
|
+
<mi>x</mi>
|
|
420
|
+
<msup>
|
|
421
|
+
<mo stretchy="false">)</mo>
|
|
422
|
+
<mn>2</mn>
|
|
423
|
+
</msup>
|
|
424
|
+
</math> embedded inline with text... and showing placement of indicies for summations
|
|
425
|
+
<math xmlns="http://www.w3.org/1998/Math/MathML">
|
|
578
426
|
<msup>
|
|
579
427
|
<mrow>
|
|
580
428
|
<mo>(</mo>
|
|
581
429
|
<mrow>
|
|
582
430
|
<munderover>
|
|
583
431
|
<mo>∑<!-- ∑ --></mo>
|
|
584
|
-
<mrow class
|
|
432
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
585
433
|
<mi>k</mi>
|
|
586
434
|
<mo>=</mo>
|
|
587
435
|
<mn>1</mn>
|
|
@@ -599,9 +447,9 @@
|
|
|
599
447
|
</mrow>
|
|
600
448
|
<mo>)</mo>
|
|
601
449
|
</mrow>
|
|
602
|
-
<mrow class
|
|
603
|
-
<mspace width
|
|
604
|
-
<mspace width
|
|
450
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
451
|
+
<mspace width="negativethinmathspace"></mspace>
|
|
452
|
+
<mspace width="negativethinmathspace"></mspace>
|
|
605
453
|
<mn>2</mn>
|
|
606
454
|
</mrow>
|
|
607
455
|
</msup>
|
|
@@ -611,7 +459,7 @@
|
|
|
611
459
|
<mrow>
|
|
612
460
|
<munderover>
|
|
613
461
|
<mo>∑<!-- ∑ --></mo>
|
|
614
|
-
<mrow class
|
|
462
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
615
463
|
<mi>k</mi>
|
|
616
464
|
<mo>=</mo>
|
|
617
465
|
<mn>1</mn>
|
|
@@ -631,7 +479,7 @@
|
|
|
631
479
|
<mrow>
|
|
632
480
|
<munderover>
|
|
633
481
|
<mo>∑<!-- ∑ --></mo>
|
|
634
|
-
<mrow class
|
|
482
|
+
<mrow class="MJX-TeXAtom-ORD">
|
|
635
483
|
<mi>k</mi>
|
|
636
484
|
<mo>=</mo>
|
|
637
485
|
<mn>1</mn>
|
|
@@ -646,9 +494,39 @@
|
|
|
646
494
|
</mrow>
|
|
647
495
|
<mo>)</mo>
|
|
648
496
|
</mrow>
|
|
649
|
-
</math>
|
|
650
|
-
|
|
651
|
-
|
|
497
|
+
</math> and other symbols.">
|
|
498
|
+
</d2l-html-block>
|
|
499
|
+
</template>
|
|
500
|
+
</d2l-demo-snippet>
|
|
501
|
+
|
|
502
|
+
<h2>HTML Block (LaTeX math)</h2>
|
|
503
|
+
|
|
504
|
+
<d2l-demo-snippet>
|
|
505
|
+
<template>
|
|
506
|
+
<d2l-html-block html="<div>$$ f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x $$ $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$</div>
|
|
507
|
+
<div>$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$</div>">
|
|
508
|
+
</d2l-html-block>
|
|
509
|
+
</template>
|
|
510
|
+
</d2l-demo-snippet>
|
|
511
|
+
|
|
512
|
+
<h2>HTML Block (LaTeX inline math)</h2>
|
|
513
|
+
|
|
514
|
+
<d2l-demo-snippet>
|
|
515
|
+
<template>
|
|
516
|
+
<d2l-html-block html="<div>
|
|
517
|
+
An equation rendered using LaTeX...
|
|
518
|
+
\( f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x \)
|
|
519
|
+
... and some text ...
|
|
520
|
+
</div>">
|
|
521
|
+
</d2l-html-block>
|
|
522
|
+
</template>
|
|
523
|
+
</d2l-demo-snippet>
|
|
524
|
+
|
|
525
|
+
<h2>HTML Block (code)</h2>
|
|
526
|
+
|
|
527
|
+
<d2l-demo-snippet>
|
|
528
|
+
<template>
|
|
529
|
+
<d2l-html-block html="<pre class="d2l-code d2l-code-dark"><code class="language-javascript">function helloGrumpy(name) {
|
|
652
530
|
console.log(`Hi there ${name}.`);
|
|
653
531
|
}
|
|
654
532
|
helloGrumpy('Wizard');</code></pre>">
|
|
@@ -665,7 +543,6 @@ helloGrumpy('Wizard');</code></pre>">
|
|
|
665
543
|
</d2l-demo-snippet>
|
|
666
544
|
|
|
667
545
|
<d2l-code-view language="javascript">
|
|
668
|
-
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
669
546
|
import { html, LitElement } from 'lit';
|
|
670
547
|
|
|
671
548
|
class SomeComponent extends LitElement {
|
|
@@ -687,7 +564,6 @@ helloGrumpy('Wizard');</code></pre>">
|
|
|
687
564
|
|
|
688
565
|
<script type="module">
|
|
689
566
|
import { html, LitElement } from 'lit';
|
|
690
|
-
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
691
567
|
|
|
692
568
|
class SomeComponent extends LitElement {
|
|
693
569
|
|
|
@@ -806,9 +682,7 @@ helloGrumpy('Wizard');</code></pre>">
|
|
|
806
682
|
|
|
807
683
|
render() {
|
|
808
684
|
return html`
|
|
809
|
-
<d2l-html-block>
|
|
810
|
-
${unsafeHTML(this._htmlSnippets[this._updateCount])}
|
|
811
|
-
</d2l-html-block>
|
|
685
|
+
<d2l-html-block html="${this._htmlSnippets[this._updateCount]}"></d2l-html-block>
|
|
812
686
|
<button @click="${this._updateTemplateContent}" ?disabled="${this._updateCount === 6}">update content</button>`;
|
|
813
687
|
}
|
|
814
688
|
|