refactor(packages): derive default props from core classes (#488)

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);

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);

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);

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);

packages/react/src/ui/fullscreen-button/fullscreen-button.tsx

@@ -18,7 +18,7 @@ export const FullscreenButton = forwardRef(function FullscreenButton(
   componentProps: FullscreenButtonProps,
   forwardedRef: ForwardedRef<HTMLButtonElement>
 ) {
-  const { render, className, style, label, disabled = false, ...elementProps } = componentProps;
+  const { render, className, style, label, disabled, ...elementProps } = componentProps;
 
   const fullscreen = usePlayer(selectFullscreen);
 

packages/react/src/ui/mute-button/mute-button.tsx

@@ -19,7 +19,7 @@ export const MuteButton = forwardRef(function MuteButton(
   componentProps: MuteButtonProps,
   forwardedRef: ForwardedRef<HTMLButtonElement>
 ) {
-  const { render, className, style, label, disabled = false, ...elementProps } = componentProps;
+  const { render, className, style, label, disabled, ...elementProps } = componentProps;
 
   const volume = usePlayer(selectVolume);
 

packages/react/src/ui/play-button/play-button.tsx

@@ -32,7 +32,7 @@ export const PlayButton = forwardRef(function PlayButton(
   componentProps: PlayButtonProps,
   forwardedRef: ForwardedRef<HTMLButtonElement>
 ) {
-  const { render, className, style, label, disabled = false, ...elementProps } = componentProps;
+  const { render, className, style, label, disabled, ...elementProps } = componentProps;
 
   const playback = usePlayer(selectPlayback);
 

packages/react/src/ui/time/time-value.tsx

@@ -41,7 +41,7 @@ export const Value = forwardRef(function Value(
 
   const content = state.negative ? (
     <>
-      <span aria-hidden="true">{negativeSign ?? '-'}</span>
+      <span aria-hidden="true">{negativeSign ?? TimeCore.defaultProps.negativeSign}</span>
       {state.text}
     </>
   ) : (