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