@mux/mux-player 0.1.0-beta.24 → 0.1.0-beta.25

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 (57) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +2 -0
  3. package/coverage/lcov-report/index.html +29 -29
  4. package/coverage/lcov-report/src/dialog.ts.html +1 -1
  5. package/coverage/lcov-report/src/errors.ts.html +1 -1
  6. package/coverage/lcov-report/src/helpers.ts.html +1 -1
  7. package/coverage/lcov-report/src/html.ts.html +1 -1
  8. package/coverage/lcov-report/src/index.html +26 -26
  9. package/coverage/lcov-report/src/index.ts.html +56 -11
  10. package/coverage/lcov-report/src/logger.ts.html +1 -1
  11. package/coverage/lcov-report/src/media-chrome/dialog.ts.html +1 -1
  12. package/coverage/lcov-report/src/media-chrome/index.html +1 -1
  13. package/coverage/lcov-report/src/media-chrome/time-display.ts.html +1 -1
  14. package/coverage/lcov-report/src/media-theme-mux/icons/airplay.svg.html +1 -1
  15. package/coverage/lcov-report/src/media-theme-mux/icons/captions-off.svg.html +1 -1
  16. package/coverage/lcov-report/src/media-theme-mux/icons/captions-on.svg.html +1 -1
  17. package/coverage/lcov-report/src/media-theme-mux/icons/cast-enter.svg.html +1 -1
  18. package/coverage/lcov-report/src/media-theme-mux/icons/cast-exit.svg.html +1 -1
  19. package/coverage/lcov-report/src/media-theme-mux/icons/fullscreen-enter.svg.html +1 -1
  20. package/coverage/lcov-report/src/media-theme-mux/icons/fullscreen-exit.svg.html +1 -1
  21. package/coverage/lcov-report/src/media-theme-mux/icons/index.html +1 -1
  22. package/coverage/lcov-report/src/media-theme-mux/icons/pause.svg.html +1 -1
  23. package/coverage/lcov-report/src/media-theme-mux/icons/pip-enter.svg.html +1 -1
  24. package/coverage/lcov-report/src/media-theme-mux/icons/pip-exit.svg.html +1 -1
  25. package/coverage/lcov-report/src/media-theme-mux/icons/play.svg.html +1 -1
  26. package/coverage/lcov-report/src/media-theme-mux/icons/seek-backward.svg.html +1 -1
  27. package/coverage/lcov-report/src/media-theme-mux/icons/seek-forward.svg.html +1 -1
  28. package/coverage/lcov-report/src/media-theme-mux/icons/volume-high.svg.html +1 -1
  29. package/coverage/lcov-report/src/media-theme-mux/icons/volume-low.svg.html +1 -1
  30. package/coverage/lcov-report/src/media-theme-mux/icons/volume-medium.svg.html +1 -1
  31. package/coverage/lcov-report/src/media-theme-mux/icons/volume-off.svg.html +1 -1
  32. package/coverage/lcov-report/src/media-theme-mux/icons.ts.html +1 -1
  33. package/coverage/lcov-report/src/media-theme-mux/index.html +20 -20
  34. package/coverage/lcov-report/src/media-theme-mux/media-theme-mux.ts.html +246 -69
  35. package/coverage/lcov-report/src/media-theme-mux/styles.css.html +1 -1
  36. package/coverage/lcov-report/src/styles.css.html +1 -1
  37. package/coverage/lcov-report/src/template.ts.html +29 -11
  38. package/coverage/lcov-report/src/utils.ts.html +1 -1
  39. package/coverage/lcov-report/src/video-api.ts.html +1 -1
  40. package/coverage/lcov.info +1002 -903
  41. package/dist/index.cjs.js +272 -250
  42. package/dist/index.mjs +213 -191
  43. package/dist/mux-player.js +308 -286
  44. package/dist/mux-player.mjs +308 -286
  45. package/dist/tsconfig.tsbuildinfo +1 -1
  46. package/dist/types/index.d.ts +2 -0
  47. package/dist/types/media-theme-mux/media-theme-mux.d.ts +20 -0
  48. package/dist/types/template.d.ts +0 -1
  49. package/dist/types-ts3.4/index.d.ts +1 -0
  50. package/dist/types-ts3.4/media-theme-mux/media-theme-mux.d.ts +20 -0
  51. package/dist/types-ts3.4/template.d.ts +0 -1
  52. package/package.json +4 -4
  53. package/src/index.ts +15 -0
  54. package/src/media-theme-mux/media-theme-mux.ts +117 -58
  55. package/src/template.ts +8 -2
  56. package/src/types.d.ts +2 -0
  57. package/test/template.test.js +6 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,20 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.1.0-beta.25](https://github.com/muxinc/elements/compare/@mux/mux-player@0.1.0-beta.24...@mux/mux-player@0.1.0-beta.25) (2022-08-02)
7
+
8
+ ### Bug Fixes
9
+
10
+ - move nohotkeys type to more appropriate place ([49f9c4e](https://github.com/muxinc/elements/commit/49f9c4e4d43f463aa4960a40c94e715d86c4304b))
11
+ - **mux-player:** Account for attr vs. 'prop' naming overlap in state propogation. ([5c05af8](https://github.com/muxinc/elements/commit/5c05af8c257806662bc6402baba03b7090cbe699))
12
+
13
+ ### Features
14
+
15
+ - add CSS parts for controls ([#310](https://github.com/muxinc/elements/issues/310)) ([e28c71e](https://github.com/muxinc/elements/commit/e28c71eed11423951dbac9faf2518ca7cbb2f9e2))
16
+ - nohotkeys prop, only use the template ([4cde791](https://github.com/muxinc/elements/commit/4cde791a4664b11501ad48125bd5ed80e3970ff0))
17
+ - support media-chrome keyboard shortcuts, use nohotkeys to turn off ([b8ed7f5](https://github.com/muxinc/elements/commit/b8ed7f5180aab60bb896842fb7037bce0069ad2c))
18
+ - upgrade to media-chrome 0.9.0 ([f257e0d](https://github.com/muxinc/elements/commit/f257e0d6583de19d0f29859b512e12654f235f3a))
19
+
6
20
  # [0.1.0-beta.24](https://github.com/muxinc/elements/compare/@mux/mux-player@0.1.0-beta.23...@mux/mux-player@0.1.0-beta.24) (2022-07-21)
7
21
 
8
22
  ### Bug Fixes
package/README.md CHANGED
@@ -164,6 +164,7 @@ If you prefer to use the in-code MSE-based engine (currently hls.js) whenever po
164
164
  | `poster` | `string` (URL) | Assigns a poster image URL. Will use the automatically generated poster based on your playback-id by default. | Derived |
165
165
  | `beacon-collection-domain` | `string` (domain name) | Assigns a custom domain to be used for Mux Data collection. | N/A |
166
166
  | `custom-domain` | `string` (domain name) | Assigns a custom domain to be used for Mux Video. | N/A |
167
+ | `nohotkeys` | `boolean` | Toggles keyboard shortcut (hot keys) support when focus in inside the player | `false` |
167
168
 
168
169
  ### Methods
169
170
 
@@ -185,6 +186,7 @@ If you prefer to use the in-code MSE-based engine (currently hls.js) whenever po
185
186
  | `duration` <sub><sup>Read only</sup></sub> | A read-only double-precision floating-point value indicating the total duration of the media in seconds. If no media data is available, the returned value is `NaN`. If the media is of indefinite length (such as streamed live media, a WebRTC call's media, or similar), the value is `+Infinity`. | `NaN` |
186
187
  | `ended` <sub><sup>Read only</sup></sub> | Returns a `Boolean` that indicates whether the media element has finished playing. | `false` |
187
188
  | `loop` | A `Boolean` that reflects the `loop` HTML attribute, which indicates whether the media element should start over when it reaches the end. | `false` |
189
+ | `nohotkeys` | A `Boolean` that reflects the `nohotkeys` HTML attribute, which indicates whether Mux Player accepts keboard shortcuts. | `false` |
188
190
  | `metadata` | The metadata property can be used to set the Mux Data metadata properties in an easy way. Take a look at the [metadata guide](https://docs.mux.com/guides/data/make-your-data-actionable-with-metadata) to view an exhaustive list of available values. | `{}` |
189
191
  | `muted` | Is a `Boolean` that determines whether audio is muted. `true` if the audio is muted and `false` otherwise. | `false` |
190
192
  | `paused` <sub><sup>Read only</sup></sub> | Returns a `Boolean` that indicates whether the media element is paused. | `true` |
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">82.88% </span>
26
+ <span class="strong">82.78% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>2596/3132</span>
28
+ <span class='fraction'>2659/3212</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">81.95% </span>
33
+ <span class="strong">82.33% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>268/327</span>
35
+ <span class='fraction'>275/334</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">75.77% </span>
40
+ <span class="strong">75.53% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>172/227</span>
42
+ <span class='fraction'>176/233</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">82.88% </span>
47
+ <span class="strong">82.78% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>2596/3132</span>
49
+ <span class='fraction'>2659/3212</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="src"><a href="src/index.html">src</a></td>
83
- <td data-value="82.11" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 82%"></div><div class="cover-empty" style="width: 18%"></div></div>
83
+ <td data-value="81.77" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
85
85
  </td>
86
- <td data-value="82.11" class="pct high">82.11%</td>
87
- <td data-value="2130" class="abs high">1749/2130</td>
88
- <td data-value="80.95" class="pct high">80.95%</td>
89
- <td data-value="273" class="abs high">221/273</td>
90
- <td data-value="74.13" class="pct medium">74.13%</td>
91
- <td data-value="174" class="abs medium">129/174</td>
92
- <td data-value="82.11" class="pct high">82.11%</td>
93
- <td data-value="2130" class="abs high">1749/2130</td>
86
+ <td data-value="81.77" class="pct high">81.77%</td>
87
+ <td data-value="2151" class="abs high">1759/2151</td>
88
+ <td data-value="81.15" class="pct high">81.15%</td>
89
+ <td data-value="276" class="abs high">224/276</td>
90
+ <td data-value="73.29" class="pct medium">73.29%</td>
91
+ <td data-value="176" class="abs medium">129/176</td>
92
+ <td data-value="81.77" class="pct high">81.77%</td>
93
+ <td data-value="2151" class="abs high">1759/2151</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -110,17 +110,17 @@
110
110
 
111
111
  <tr>
112
112
  <td class="file high" data-value="src/media-theme-mux"><a href="src/media-theme-mux/index.html">src/media-theme-mux</a></td>
113
- <td data-value="86.96" class="pic high">
114
- <div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
113
+ <td data-value="87.2" class="pic high">
114
+ <div class="chart"><div class="cover-fill" style="width: 87%"></div><div class="cover-empty" style="width: 13%"></div></div>
115
115
  </td>
116
- <td data-value="86.96" class="pct high">86.96%</td>
117
- <td data-value="629" class="abs high">547/629</td>
118
- <td data-value="92.68" class="pct high">92.68%</td>
119
- <td data-value="41" class="abs high">38/41</td>
120
- <td data-value="87.5" class="pct high">87.5%</td>
121
- <td data-value="40" class="abs high">35/40</td>
122
- <td data-value="86.96" class="pct high">86.96%</td>
123
- <td data-value="629" class="abs high">547/629</td>
116
+ <td data-value="87.2" class="pct high">87.2%</td>
117
+ <td data-value="688" class="abs high">600/688</td>
118
+ <td data-value="93.33" class="pct high">93.33%</td>
119
+ <td data-value="45" class="abs high">42/45</td>
120
+ <td data-value="88.63" class="pct high">88.63%</td>
121
+ <td data-value="44" class="abs high">39/44</td>
122
+ <td data-value="87.2" class="pct high">87.2%</td>
123
+ <td data-value="688" class="abs high">600/688</td>
124
124
  </tr>
125
125
 
126
126
  <tr>
@@ -146,7 +146,7 @@
146
146
  <div class='footer quiet pad2 space-top1 center small'>
147
147
  Code coverage generated by
148
148
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
149
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
149
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
150
150
  </div>
151
151
  <script src="prettify.js"></script>
152
152
  <script>
@@ -232,7 +232,7 @@ export default MxpDialog;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
235
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
235
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  <script src="../prettify.js"></script>
238
238
  <script>
@@ -559,7 +559,7 @@ export function getErrorLogs(
559
559
  <div class='footer quiet pad2 space-top1 center small'>
560
560
  Code coverage generated by
561
561
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
562
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
562
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
563
563
  </div>
564
564
  <script src="../prettify.js"></script>
565
565
  <script>
@@ -412,7 +412,7 @@ export const isInLiveWindow = (el: MuxPlayerElement) =&gt; {
412
412
  <div class='footer quiet pad2 space-top1 center small'>
413
413
  Code coverage generated by
414
414
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
415
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
415
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
416
416
  </div>
417
417
  <script src="../prettify.js"></script>
418
418
  <script>
@@ -715,7 +715,7 @@ export const unsafeStatic = (...values: any[]) =&gt; ({
715
715
  <div class='footer quiet pad2 space-top1 center small'>
716
716
  Code coverage generated by
717
717
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
718
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
718
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
719
719
  </div>
720
720
  <script src="../prettify.js"></script>
721
721
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">82.11% </span>
26
+ <span class="strong">81.77% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>1749/2130</span>
28
+ <span class='fraction'>1759/2151</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">80.95% </span>
33
+ <span class="strong">81.15% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>221/273</span>
35
+ <span class='fraction'>224/276</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">74.13% </span>
40
+ <span class="strong">73.29% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>129/174</span>
42
+ <span class='fraction'>129/176</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">82.11% </span>
47
+ <span class="strong">81.77% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>1749/2130</span>
49
+ <span class='fraction'>1759/2151</span>
50
50
  </div>
51
51
 
52
52
 
@@ -140,17 +140,17 @@
140
140
 
141
141
  <tr>
142
142
  <td class="file medium" data-value="index.ts"><a href="index.ts.html">index.ts</a></td>
143
- <td data-value="72.26" class="pic medium">
144
- <div class="chart"><div class="cover-fill" style="width: 72%"></div><div class="cover-empty" style="width: 28%"></div></div>
143
+ <td data-value="71.56" class="pic medium">
144
+ <div class="chart"><div class="cover-fill" style="width: 71%"></div><div class="cover-empty" style="width: 29%"></div></div>
145
145
  </td>
146
- <td data-value="72.26" class="pct medium">72.26%</td>
147
- <td data-value="952" class="abs medium">688/952</td>
148
- <td data-value="77.57" class="pct medium">77.57%</td>
149
- <td data-value="107" class="abs medium">83/107</td>
150
- <td data-value="64.19" class="pct medium">64.19%</td>
151
- <td data-value="81" class="abs medium">52/81</td>
152
- <td data-value="72.26" class="pct medium">72.26%</td>
153
- <td data-value="952" class="abs medium">688/952</td>
146
+ <td data-value="71.56" class="pct medium">71.56%</td>
147
+ <td data-value="967" class="abs medium">692/967</td>
148
+ <td data-value="77.77" class="pct medium">77.77%</td>
149
+ <td data-value="108" class="abs medium">84/108</td>
150
+ <td data-value="62.65" class="pct medium">62.65%</td>
151
+ <td data-value="83" class="abs medium">52/83</td>
152
+ <td data-value="71.56" class="pct medium">71.56%</td>
153
+ <td data-value="967" class="abs medium">692/967</td>
154
154
  </tr>
155
155
 
156
156
  <tr>
@@ -185,17 +185,17 @@
185
185
 
186
186
  <tr>
187
187
  <td class="file high" data-value="template.ts"><a href="template.ts.html">template.ts</a></td>
188
- <td data-value="95.71" class="pic high">
188
+ <td data-value="95.89" class="pic high">
189
189
  <div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
190
190
  </td>
191
- <td data-value="95.71" class="pct high">95.71%</td>
192
- <td data-value="140" class="abs high">134/140</td>
193
- <td data-value="92.59" class="pct high">92.59%</td>
194
- <td data-value="27" class="abs high">25/27</td>
191
+ <td data-value="95.89" class="pct high">95.89%</td>
192
+ <td data-value="146" class="abs high">140/146</td>
193
+ <td data-value="93.1" class="pct high">93.1%</td>
194
+ <td data-value="29" class="abs high">27/29</td>
195
195
  <td data-value="100" class="pct high">100%</td>
196
196
  <td data-value="2" class="abs high">2/2</td>
197
- <td data-value="95.71" class="pct high">95.71%</td>
198
- <td data-value="140" class="abs high">134/140</td>
197
+ <td data-value="95.89" class="pct high">95.89%</td>
198
+ <td data-value="146" class="abs high">140/146</td>
199
199
  </tr>
200
200
 
201
201
  <tr>
@@ -236,7 +236,7 @@
236
236
  <div class='footer quiet pad2 space-top1 center small'>
237
237
  Code coverage generated by
238
238
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
239
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
239
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
240
240
  </div>
241
241
  <script src="../prettify.js"></script>
242
242
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">72.26% </span>
26
+ <span class="strong">71.56% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>688/952</span>
28
+ <span class='fraction'>692/967</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">77.57% </span>
33
+ <span class="strong">77.77% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>83/107</span>
35
+ <span class='fraction'>84/108</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">64.19% </span>
40
+ <span class="strong">62.65% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>52/81</span>
42
+ <span class='fraction'>52/83</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">72.26% </span>
47
+ <span class="strong">71.56% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>688/952</span>
49
+ <span class='fraction'>692/967</span>
50
50
  </div>
51
51
 
52
52
 
@@ -1015,7 +1015,22 @@
1015
1015
  <a name='L950'></a><a href='#L950'>950</a>
1016
1016
  <a name='L951'></a><a href='#L951'>951</a>
1017
1017
  <a name='L952'></a><a href='#L952'>952</a>
1018
- <a name='L953'></a><a href='#L953'>953</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
1018
+ <a name='L953'></a><a href='#L953'>953</a>
1019
+ <a name='L954'></a><a href='#L954'>954</a>
1020
+ <a name='L955'></a><a href='#L955'>955</a>
1021
+ <a name='L956'></a><a href='#L956'>956</a>
1022
+ <a name='L957'></a><a href='#L957'>957</a>
1023
+ <a name='L958'></a><a href='#L958'>958</a>
1024
+ <a name='L959'></a><a href='#L959'>959</a>
1025
+ <a name='L960'></a><a href='#L960'>960</a>
1026
+ <a name='L961'></a><a href='#L961'>961</a>
1027
+ <a name='L962'></a><a href='#L962'>962</a>
1028
+ <a name='L963'></a><a href='#L963'>963</a>
1029
+ <a name='L964'></a><a href='#L964'>964</a>
1030
+ <a name='L965'></a><a href='#L965'>965</a>
1031
+ <a name='L966'></a><a href='#L966'>966</a>
1032
+ <a name='L967'></a><a href='#L967'>967</a>
1033
+ <a name='L968'></a><a href='#L968'>968</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
1019
1034
  <span class="cline-any cline-yes">2x</span>
1020
1035
  <span class="cline-any cline-yes">2x</span>
1021
1036
  <span class="cline-any cline-yes">2x</span>
@@ -1053,6 +1068,10 @@
1053
1068
  <span class="cline-any cline-yes">2x</span>
1054
1069
  <span class="cline-any cline-yes">2x</span>
1055
1070
  <span class="cline-any cline-yes">2x</span>
1071
+ <span class="cline-any cline-yes">1x</span>
1072
+ <span class="cline-any cline-yes">2x</span>
1073
+ <span class="cline-any cline-yes">2x</span>
1074
+ <span class="cline-any cline-yes">2x</span>
1056
1075
  <span class="cline-any cline-yes">2x</span>
1057
1076
  <span class="cline-any cline-yes">2x</span>
1058
1077
  <span class="cline-any cline-yes">2x</span>
@@ -1622,6 +1641,17 @@
1622
1641
  <span class="cline-any cline-no">&nbsp;</span>
1623
1642
  <span class="cline-any cline-no">&nbsp;</span>
1624
1643
  <span class="cline-any cline-no">&nbsp;</span>
1644
+ <span class="cline-any cline-no">&nbsp;</span>
1645
+ <span class="cline-any cline-no">&nbsp;</span>
1646
+ <span class="cline-any cline-no">&nbsp;</span>
1647
+ <span class="cline-any cline-no">&nbsp;</span>
1648
+ <span class="cline-any cline-no">&nbsp;</span>
1649
+ <span class="cline-any cline-no">&nbsp;</span>
1650
+ <span class="cline-any cline-no">&nbsp;</span>
1651
+ <span class="cline-any cline-no">&nbsp;</span>
1652
+ <span class="cline-any cline-no">&nbsp;</span>
1653
+ <span class="cline-any cline-no">&nbsp;</span>
1654
+ <span class="cline-any cline-no">&nbsp;</span>
1625
1655
  <span class="cline-any cline-yes">2x</span>
1626
1656
  <span class="cline-any cline-yes">2x</span>
1627
1657
  <span class="cline-any cline-yes">2x</span>
@@ -2041,6 +2071,7 @@ const PlayerAttributes = {
2041
2071
  STORYBOARD_TOKEN: 'storyboard-token',
2042
2072
  THUMBNAIL_TIME: 'thumbnail-time',
2043
2073
  AUDIO: 'audio',
2074
+ NOHOTKEYS: 'nohotkeys',
2044
2075
  };
2045
2076
  &nbsp;
2046
2077
  function getProps(el: MuxPlayerElement, state?: any): MuxTemplateProps {
@@ -2056,6 +2087,9 @@ function getProps(el: MuxPlayerElement, state?: any): MuxTemplateProps {
2056
2087
  autoplay: el.autoplay,
2057
2088
  crossOrigin: el.crossOrigin,
2058
2089
  loop: el.loop,
2090
+ // NOTE: Renaming internal prop due to state (sometimes derived from attributeChangedCallback attr values)
2091
+ // overwriting prop value (type mismatch: string vs. boolean) (CJP)
2092
+ noHotKeys: el.hasAttribute(PlayerAttributes.NOHOTKEYS),
2059
2093
  muted: el.muted,
2060
2094
  paused: el.paused,
2061
2095
  playsInline: el.playsInline,
@@ -2573,7 +2607,18 @@ class MuxPlayerElement extends VideoApiElement {
2573
2607
  <span class="cstat-no" title="statement not covered" > if (!val) {</span>
2574
2608
  <span class="cstat-no" title="statement not covered" > this.removeAttribute(PlayerAttributes.AUDIO);</span>
2575
2609
  <span class="cstat-no" title="statement not covered" > }</span>
2576
- <span class="cstat-no" title="statement not covered" > this.setAttribute(PlayerAttributes.AUDIO, '');</span>
2610
+ <span class="cstat-no" title="statement not covered" > this.setAttribute(PlayerAttributes.AUDIO, <span class="fstat-no" title="function not covered" >'');</span></span>
2611
+ <span class="cstat-no" title="statement not covered" > }</span>
2612
+ <span class="cstat-no" title="statement not covered" ></span>
2613
+ <span class="cstat-no" title="statement not covered" > get nohotkeys() {</span>
2614
+ <span class="cstat-no" title="statement not covered" > return this.hasAttribute(PlayerAttributes.<span class="fstat-no" title="function not covered" >NOHOTKEYS);</span></span>
2615
+ <span class="cstat-no" title="statement not covered" > }</span>
2616
+ <span class="cstat-no" title="statement not covered" ></span>
2617
+ <span class="cstat-no" title="statement not covered" > set nohotkeys(val: boolean) {</span>
2618
+ <span class="cstat-no" title="statement not covered" > if (!val) {</span>
2619
+ <span class="cstat-no" title="statement not covered" > this.removeAttribute(PlayerAttributes.NOHOTKEYS);</span>
2620
+ <span class="cstat-no" title="statement not covered" > }</span>
2621
+ <span class="cstat-no" title="statement not covered" > this.setAttribute(PlayerAttributes.NOHOTKEYS, '');</span>
2577
2622
  }
2578
2623
  &nbsp;
2579
2624
  /**
@@ -2926,7 +2971,7 @@ export default MuxPlayerElement;
2926
2971
  <div class='footer quiet pad2 space-top1 center small'>
2927
2972
  Code coverage generated by
2928
2973
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
2929
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
2974
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
2930
2975
  </div>
2931
2976
  <script src="../prettify.js"></script>
2932
2977
  <script>
@@ -148,7 +148,7 @@ export <span class="fstat-no" title="function not covered" >function devlog(opts
148
148
  <div class='footer quiet pad2 space-top1 center small'>
149
149
  Code coverage generated by
150
150
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
151
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
151
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
152
152
  </div>
153
153
  <script src="../prettify.js"></script>
154
154
  <script>
@@ -646,7 +646,7 @@ export default MediaDialog;
646
646
  <div class='footer quiet pad2 space-top1 center small'>
647
647
  Code coverage generated by
648
648
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
649
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
649
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
650
650
  </div>
651
651
  <script src="../../prettify.js"></script>
652
652
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
119
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -280,7 +280,7 @@ export default MxpTimeDisplay;
280
280
  <div class='footer quiet pad2 space-top1 center small'>
281
281
  Code coverage generated by
282
282
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
283
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
283
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
284
284
  </div>
285
285
  <script src="../../prettify.js"></script>
286
286
  <script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
97
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
97
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
98
98
  </div>
99
99
  <script src="../../../prettify.js"></script>
100
100
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -88,7 +88,7 @@
88
88
  <div class='footer quiet pad2 space-top1 center small'>
89
89
  Code coverage generated by
90
90
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
91
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
91
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
92
92
  </div>
93
93
  <script src="../../../prettify.js"></script>
94
94
  <script>
@@ -91,7 +91,7 @@
91
91
  <div class='footer quiet pad2 space-top1 center small'>
92
92
  Code coverage generated by
93
93
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
94
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
94
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
95
95
  </div>
96
96
  <script src="../../../prettify.js"></script>
97
97
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -341,7 +341,7 @@
341
341
  <div class='footer quiet pad2 space-top1 center small'>
342
342
  Code coverage generated by
343
343
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
344
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
344
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
345
345
  </div>
346
346
  <script src="../../../prettify.js"></script>
347
347
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
- at Thu Jul 21 2022 15:31:01 GMT+0000 (Coordinated Universal Time)
88
+ at Tue Aug 02 2022 16:29:26 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  <script src="../../../prettify.js"></script>
91
91
  <script>