diff --git a/packages/html/src/ui/fullscreen-button/fullscreen-button-element.ts b/packages/html/src/ui/fullscreen-button/fullscreen-button-element.ts index ba51dee4..5c95dfd6 100644 --- a/packages/html/src/ui/fullscreen-button/fullscreen-button-element.ts +++ b/packages/html/src/ui/fullscreen-button/fullscreen-button-element.ts @@ -20,8 +20,8 @@ export class FullscreenButtonElement extends MediaElement { disabled: { type: Boolean }, }; - label = ''; - disabled = false; + label = FullscreenButtonCore.defaultProps.label; + disabled = FullscreenButtonCore.defaultProps.disabled; readonly #core = new FullscreenButtonCore(); readonly #state = new PlayerController(this, playerContext, selectFullscreen); diff --git a/packages/html/src/ui/mute-button/mute-button-element.ts b/packages/html/src/ui/mute-button/mute-button-element.ts index 2077f90a..cf551b32 100644 --- a/packages/html/src/ui/mute-button/mute-button-element.ts +++ b/packages/html/src/ui/mute-button/mute-button-element.ts @@ -20,8 +20,8 @@ export class MuteButtonElement extends MediaElement { disabled: { type: Boolean }, }; - label = ''; - disabled = false; + label = MuteButtonCore.defaultProps.label; + disabled = MuteButtonCore.defaultProps.disabled; readonly #core = new MuteButtonCore(); readonly #state = new PlayerController(this, playerContext, selectVolume); diff --git a/packages/html/src/ui/play-button/play-button-element.ts b/packages/html/src/ui/play-button/play-button-element.ts index 78407b26..a4dff046 100644 --- a/packages/html/src/ui/play-button/play-button-element.ts +++ b/packages/html/src/ui/play-button/play-button-element.ts @@ -20,8 +20,8 @@ export class PlayButtonElement extends MediaElement { disabled: { type: Boolean }, }; - label = ''; - disabled = false; + label = PlayButtonCore.defaultProps.label; + disabled = PlayButtonCore.defaultProps.disabled; readonly #core = new PlayButtonCore(); readonly #state = new PlayerController(this, playerContext, selectPlayback); diff --git a/packages/html/src/ui/time/time-element.ts b/packages/html/src/ui/time/time-element.ts index 9d956002..e41c94b3 100644 --- a/packages/html/src/ui/time/time-element.ts +++ b/packages/html/src/ui/time/time-element.ts @@ -15,9 +15,9 @@ export class TimeElement extends MediaElement { label: { type: String }, }; - type: TimeType = 'current'; - negativeSign = '-'; - label = ''; + type: TimeType = TimeCore.defaultProps.type; + negativeSign = TimeCore.defaultProps.negativeSign; + label = TimeCore.defaultProps.label; readonly #core = new TimeCore(); readonly #state = new PlayerController(this, playerContext, selectTime); diff --git a/packages/react/src/ui/fullscreen-button/fullscreen-button.tsx b/packages/react/src/ui/fullscreen-button/fullscreen-button.tsx index 0e6acdff..dba3c7d7 100644 --- a/packages/react/src/ui/fullscreen-button/fullscreen-button.tsx +++ b/packages/react/src/ui/fullscreen-button/fullscreen-button.tsx @@ -18,7 +18,7 @@ export const FullscreenButton = forwardRef(function FullscreenButton( componentProps: FullscreenButtonProps, forwardedRef: ForwardedRef ) { - const { render, className, style, label, disabled = false, ...elementProps } = componentProps; + const { render, className, style, label, disabled, ...elementProps } = componentProps; const fullscreen = usePlayer(selectFullscreen); diff --git a/packages/react/src/ui/mute-button/mute-button.tsx b/packages/react/src/ui/mute-button/mute-button.tsx index 681ac953..fea060f2 100644 --- a/packages/react/src/ui/mute-button/mute-button.tsx +++ b/packages/react/src/ui/mute-button/mute-button.tsx @@ -19,7 +19,7 @@ export const MuteButton = forwardRef(function MuteButton( componentProps: MuteButtonProps, forwardedRef: ForwardedRef ) { - const { render, className, style, label, disabled = false, ...elementProps } = componentProps; + const { render, className, style, label, disabled, ...elementProps } = componentProps; const volume = usePlayer(selectVolume); diff --git a/packages/react/src/ui/play-button/play-button.tsx b/packages/react/src/ui/play-button/play-button.tsx index 49b63f9b..395485ea 100644 --- a/packages/react/src/ui/play-button/play-button.tsx +++ b/packages/react/src/ui/play-button/play-button.tsx @@ -32,7 +32,7 @@ export const PlayButton = forwardRef(function PlayButton( componentProps: PlayButtonProps, forwardedRef: ForwardedRef ) { - const { render, className, style, label, disabled = false, ...elementProps } = componentProps; + const { render, className, style, label, disabled, ...elementProps } = componentProps; const playback = usePlayer(selectPlayback); diff --git a/packages/react/src/ui/time/time-value.tsx b/packages/react/src/ui/time/time-value.tsx index 461294f7..36798027 100644 --- a/packages/react/src/ui/time/time-value.tsx +++ b/packages/react/src/ui/time/time-value.tsx @@ -41,7 +41,7 @@ export const Value = forwardRef(function Value( const content = state.negative ? ( <> - + {state.text} ) : (