fix(mux-player): Extra type safety, because tests are confused.

muxinc · Aug 25, 2022 · 8e7024f · 8e7024f
1 parent 6765934
commit 8e7024f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/mux-player/src/helpers.ts b/packages/mux-player/src/helpers.ts
@@ -113,7 +113,7 @@ export const isInLiveWindow = (el: MuxPlayerElement) => {
   return false;
 };
 
-export class AttributeTokenList {
+export class AttributeTokenList implements Iterable<string> {
   #el?: HTMLElement;
   #attr?: string;
   #tokens: string[] = [];

diff --git a/packages/mux-player/src/template.ts b/packages/mux-player/src/template.ts
@@ -5,6 +5,7 @@ import {
   getSrcFromPlaybackId,
   getPosterURLFromPlaybackId,
   getStoryboardURLFromPlaybackId,
+  AttributeTokenList,
 } from './helpers';
 import { html, unsafeStatic } from './html';
 // @ts-ignore
@@ -84,7 +85,9 @@ export const content = (props: MuxTemplateProps) => html`
     forward-seek-offset="${props.forwardSeekOffset}"
     backward-seek-offset="${props.backwardSeekOffset}"
     playbackrates="${props.playbackRates ?? false}"
-    hide-duration="${[...props.controlsList].some((key) => key.search(/^no(top|bottom|center)?duration/) === 0)}"
+    hide-duration="${[...(props?.controlsList?.values() ?? [])].some(
+      (key) => key.search(/^no(top|bottom|center)?duration/) === 0
+    )}"
     default-show-remaining-time="${props.defaultShowRemainingTime ?? false}"
     exportparts="seek-live, ${forwardUniqueCSSParts}"
   >