@videojs/html 10.0.0-rc.2 → 10.0.0-rc.3

package/dist/dev/internal/skins/default-live-video/template.js

@@ -7,7 +7,6 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-poster class="media-poster">
 <slot name="poster">
 <img alt="" decoding="async" class="media-poster-image">
-</img>
 </slot>
 </media-poster>
 <media-buffering-indicator class="media-buffering-indicator">
@@ -30,13 +29,15 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </div>
 </media-dialog-popup>
 </media-error-dialog>
+<media-title class="media-title">
+</media-title>
 <media-controls>
 <media-controls-backdrop class="video-controls-backdrop">
 </media-controls-backdrop>
 <media-controls-content class="video-controls video-controls-content video-controls-spaced">
 <media-tooltip-group>
 <media-controls-group class="video-controls-primary video-controls-spaced">
-<media-play-button class="media-button media-play-button" id="vjs-fdfD-Bnl-0-trigger">
+<media-play-button class="media-button media-play-button" id="vjs-dnLBW76d-0-trigger">
 <media-icon name="restart" class="media-button-icon media-play-button-restart-icon">
 </media-icon>
 <media-icon name="play" class="media-button-icon media-play-button-play-icon">
@@ -44,7 +45,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-icon name="pause" class="media-button-icon media-play-button-pause-icon">
 </media-icon>
 </media-play-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
@@ -54,7 +55,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-live-button>
 <div aria-hidden="true" class="video-controls-spacer">
 </div>
-<media-mute-button commandfor="vjs-H_3RcQ41-0-popup" class="media-button media-mute-button" id="vjs-fdfD-Bnl-0-2-trigger">
+<media-mute-button commandfor="vjs-LfeqRD7o-0-popup" class="media-button media-mute-button" id="vjs-dnLBW76d-0-2-trigger">
 <media-icon name="volume-off" class="media-button-icon media-mute-button-off-icon">
 </media-icon>
 <media-icon name="volume-low" class="media-button-icon media-mute-button-low-icon">
@@ -62,13 +63,13 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-icon name="volume-high" class="media-button-icon media-mute-button-high-icon">
 </media-icon>
 </media-mute-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-2-trigger" delay="0" disabled sticky side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-2-trigger" delay="0" disabled sticky side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-volume-popover open-on-hover delay="200" close-delay="100" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover" id="vjs-H_3RcQ41-0-popup">
+<media-volume-popover open-on-hover delay="200" close-delay="100" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover" id="vjs-LfeqRD7o-0-popup">
 <media-volume-slider class="media-slider media-volume-slider" thumb-alignment="edge" orientation="vertical">
 <media-slider-track class="media-slider-track">
 <media-slider-fill class="media-slider-fill">
@@ -78,19 +79,19 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-slider-thumb>
 </media-volume-slider>
 </media-volume-popover>
-<media-captions-button commandfor="vjs-0G8M5zEi-0-popup" class="media-button media-captions-button video-controls-captions-menu" id="vjs-fdfD-Bnl-0-3-trigger">
+<media-captions-button commandfor="vjs-ttz7HPcm-0-popup" class="media-button media-captions-button video-controls-captions-menu" id="vjs-dnLBW76d-0-3-trigger">
 <media-icon name="captions-off" class="media-button-icon media-captions-button-off-icon">
 </media-icon>
 <media-icon name="captions-on" class="media-button-icon media-captions-button-on-icon">
 </media-icon>
 </media-captions-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-3-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-3-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-menu side="top" align="center" boundary="viewport" class="media-popup media-popup-surface media-menu-popup" id="vjs-0G8M5zEi-0-popup">
+<media-menu side="top" align="center" boundary="viewport" class="media-popup media-popup-surface media-menu-popup" id="vjs-ttz7HPcm-0-popup">
 <media-menu-content class="media-menu-content">
 <media-captions-radio-group class="media-menu-radio-group">
 <template>
@@ -106,49 +107,49 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-captions-radio-group>
 </media-menu-content>
 </media-menu>
-<media-cast-button class="media-button media-cast-button" id="vjs-fdfD-Bnl-0-4-trigger">
+<media-cast-button class="media-button media-cast-button" id="vjs-dnLBW76d-0-4-trigger">
 <media-icon name="cast-enter" class="media-button-icon media-cast-button-enter-icon">
 </media-icon>
 <media-icon name="cast-exit" class="media-button-icon media-cast-button-exit-icon">
 </media-icon>
 </media-cast-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-airplay-button class="media-button media-airplay-button" id="vjs-fdfD-Bnl-0-5-trigger">
+<media-airplay-button class="media-button media-airplay-button" id="vjs-dnLBW76d-0-5-trigger">
 <media-icon name="airplay-enter" class="media-button-icon media-airplay-button-enter-icon">
 </media-icon>
 <media-icon name="airplay-exit" class="media-button-icon media-airplay-button-exit-icon">
 </media-icon>
 </media-airplay-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-pip-button class="media-button media-pip-button" id="vjs-fdfD-Bnl-0-6-trigger">
+<media-pip-button class="media-button media-pip-button" id="vjs-dnLBW76d-0-6-trigger">
 <media-icon name="pip-enter" class="media-button-icon media-pip-button-enter-icon">
 </media-icon>
 <media-icon name="pip-exit" class="media-button-icon media-pip-button-exit-icon">
 </media-icon>
 </media-pip-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-6-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-6-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-fullscreen-button class="media-button media-fullscreen-button" id="vjs-fdfD-Bnl-0-7-trigger">
+<media-fullscreen-button class="media-button media-fullscreen-button" id="vjs-dnLBW76d-0-7-trigger">
 <media-icon name="fullscreen-enter" class="media-button-icon media-fullscreen-button-enter-icon">
 </media-icon>
 <media-icon name="fullscreen-exit" class="media-button-icon media-fullscreen-button-exit-icon">
 </media-icon>
 </media-fullscreen-button>
-<media-tooltip trigger="vjs-fdfD-Bnl-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-dnLBW76d-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">

package/dist/dev/internal/skins/default-live-video/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/default-live-video/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container video-skin\" data-theme=\"default\" data-preset=\"live-video\">\n<slot>\n</slot>\n<media-poster class=\"media-poster\">\n<slot name=\"poster\">\n<img alt=\"\" decoding=\"async\" class=\"media-poster-image\">\n</img>\n</slot>\n</media-poster>\n<media-buffering-indicator class=\"media-buffering-indicator\">\n<media-icon name=\"spinner\" class=\"media-buffering-indicator-spinner-icon\">\n</media-icon>\n</media-buffering-indicator>\n<media-error-dialog class=\"media-dialog-root\">\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<div class=\"media-dialog-content\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n</div>\n<div class=\"media-dialog-actions\">\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</div>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls>\n<media-controls-backdrop class=\"video-controls-backdrop\">\n</media-controls-backdrop>\n<media-controls-content class=\"video-controls video-controls-content video-controls-spaced\">\n<media-tooltip-group>\n<media-controls-group class=\"video-controls-primary video-controls-spaced\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-fdfD-Bnl-0-trigger\">\n<media-icon name=\"restart\" class=\"media-button-icon media-play-button-restart-icon\">\n</media-icon>\n<media-icon name=\"play\" class=\"media-button-icon media-play-button-play-icon\">\n</media-icon>\n<media-icon name=\"pause\" class=\"media-button-icon media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-live-button class=\"media-button media-live-button\">\n</media-live-button>\n<div aria-hidden=\"true\" class=\"video-controls-spacer\">\n</div>\n<media-mute-button commandfor=\"vjs-H_3RcQ41-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-fdfD-Bnl-0-2-trigger\">\n<media-icon name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon name=\"volume-low\" class=\"media-button-icon media-mute-button-low-icon\">\n</media-icon>\n<media-icon name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-2-trigger\" delay=\"0\" disabled sticky side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover\" id=\"vjs-H_3RcQ41-0-popup\">\n<media-volume-slider class=\"media-slider media-volume-slider\" thumb-alignment=\"edge\" orientation=\"vertical\">\n<media-slider-track class=\"media-slider-track\">\n<media-slider-fill class=\"media-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-slider-thumb media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n<media-captions-button commandfor=\"vjs-0G8M5zEi-0-popup\" class=\"media-button media-captions-button video-controls-captions-menu\" id=\"vjs-fdfD-Bnl-0-3-trigger\">\n<media-icon name=\"captions-off\" class=\"media-button-icon media-captions-button-off-icon\">\n</media-icon>\n<media-icon name=\"captions-on\" class=\"media-button-icon media-captions-button-on-icon\">\n</media-icon>\n</media-captions-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-surface media-menu-popup\" id=\"vjs-0G8M5zEi-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-captions-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-item-indicator\">\n<media-icon name=\"check\" class=\"media-menu-radio-item-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-captions-radio-group>\n</media-menu-content>\n</media-menu>\n<media-cast-button class=\"media-button media-cast-button\" id=\"vjs-fdfD-Bnl-0-4-trigger\">\n<media-icon name=\"cast-enter\" class=\"media-button-icon media-cast-button-enter-icon\">\n</media-icon>\n<media-icon name=\"cast-exit\" class=\"media-button-icon media-cast-button-exit-icon\">\n</media-icon>\n</media-cast-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-airplay-button class=\"media-button media-airplay-button\" id=\"vjs-fdfD-Bnl-0-5-trigger\">\n<media-icon name=\"airplay-enter\" class=\"media-button-icon media-airplay-button-enter-icon\">\n</media-icon>\n<media-icon name=\"airplay-exit\" class=\"media-button-icon media-airplay-button-exit-icon\">\n</media-icon>\n</media-airplay-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-5-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-pip-button class=\"media-button media-pip-button\" id=\"vjs-fdfD-Bnl-0-6-trigger\">\n<media-icon name=\"pip-enter\" class=\"media-button-icon media-pip-button-enter-icon\">\n</media-icon>\n<media-icon name=\"pip-exit\" class=\"media-button-icon media-pip-button-exit-icon\">\n</media-icon>\n</media-pip-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-6-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-fullscreen-button class=\"media-button media-fullscreen-button\" id=\"vjs-fdfD-Bnl-0-7-trigger\">\n<media-icon name=\"fullscreen-enter\" class=\"media-button-icon media-fullscreen-button-enter-icon\">\n</media-icon>\n<media-icon name=\"fullscreen-exit\" class=\"media-button-icon media-fullscreen-button-exit-icon\">\n</media-icon>\n</media-fullscreen-button>\n<media-tooltip trigger=\"vjs-fdfD-Bnl-0-7-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n</media-controls-group>\n</media-tooltip-group>\n</media-controls-content>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"f\" action=\"toggleFullscreen\">\n</media-hotkey>\n<media-hotkey keys=\"c\" action=\"toggleSubtitles\">\n</media-hotkey>\n<media-hotkey keys=\"i\" action=\"togglePictureInPicture\">\n</media-hotkey>\n<media-gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\">\n</media-gesture>\n<media-gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\">\n</media-gesture>\n<media-gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\">\n</media-gesture>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n<div class=\"video-status-indicators\">\n<media-volume-indicator class=\"media-indicator media-volume-indicator\">\n<media-volume-indicator-fill class=\"media-indicator-content media-volume-indicator-fill\">\n<media-icon name=\"volume-high\" class=\"media-volume-indicator-high-icon\">\n</media-icon>\n<media-icon name=\"volume-low\" class=\"media-volume-indicator-low-icon\">\n</media-icon>\n<media-icon name=\"volume-off\" class=\"media-volume-indicator-off-icon\">\n</media-icon>\n<media-volume-indicator-value class=\"media-volume-indicator-value\">\n</media-volume-indicator-value>\n</media-volume-indicator-fill>\n</media-volume-indicator>\n<media-status-indicator actions=\"toggleSubtitles,toggleFullscreen,togglePictureInPicture\" class=\"media-indicator media-status-indicator\">\n<div class=\"media-indicator-content media-status-indicator-content\">\n<media-icon name=\"captions-on\" class=\"media-status-indicator-captions-on-icon\">\n</media-icon>\n<media-icon name=\"captions-off\" class=\"media-status-indicator-captions-off-icon\">\n</media-icon>\n<media-icon name=\"fullscreen-enter\" class=\"media-status-indicator-fullscreen-enter-icon\">\n</media-icon>\n<media-icon name=\"fullscreen-exit\" class=\"media-status-indicator-fullscreen-exit-icon\">\n</media-icon>\n<media-icon name=\"pip-enter\" class=\"media-status-indicator-pip-enter-icon\">\n</media-icon>\n<media-icon name=\"pip-exit\" class=\"media-status-indicator-pip-exit-icon\">\n</media-icon>\n<media-status-indicator-value class=\"media-status-indicator-value\">\n</media-status-indicator-value>\n</div>\n</media-status-indicator>\n<media-status-indicator actions=\"togglePaused\" class=\"media-playback-status-indicator\">\n<media-icon name=\"play\" class=\"media-playback-status-indicator-play-icon\">\n</media-icon>\n<media-icon name=\"pause\" class=\"media-playback-status-indicator-pause-icon\">\n</media-icon>\n</media-status-indicator>\n</div>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA2NT"}
+{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/default-live-video/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container video-skin\" data-theme=\"default\" data-preset=\"live-video\">\n<slot>\n</slot>\n<media-poster class=\"media-poster\">\n<slot name=\"poster\">\n<img alt=\"\" decoding=\"async\" class=\"media-poster-image\">\n</slot>\n</media-poster>\n<media-buffering-indicator class=\"media-buffering-indicator\">\n<media-icon name=\"spinner\" class=\"media-buffering-indicator-spinner-icon\">\n</media-icon>\n</media-buffering-indicator>\n<media-error-dialog class=\"media-dialog-root\">\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<div class=\"media-dialog-content\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n</div>\n<div class=\"media-dialog-actions\">\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</div>\n</media-dialog-popup>\n</media-error-dialog>\n<media-title class=\"media-title\">\n</media-title>\n<media-controls>\n<media-controls-backdrop class=\"video-controls-backdrop\">\n</media-controls-backdrop>\n<media-controls-content class=\"video-controls video-controls-content video-controls-spaced\">\n<media-tooltip-group>\n<media-controls-group class=\"video-controls-primary video-controls-spaced\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-dnLBW76d-0-trigger\">\n<media-icon name=\"restart\" class=\"media-button-icon media-play-button-restart-icon\">\n</media-icon>\n<media-icon name=\"play\" class=\"media-button-icon media-play-button-play-icon\">\n</media-icon>\n<media-icon name=\"pause\" class=\"media-button-icon media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-live-button class=\"media-button media-live-button\">\n</media-live-button>\n<div aria-hidden=\"true\" class=\"video-controls-spacer\">\n</div>\n<media-mute-button commandfor=\"vjs-LfeqRD7o-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-dnLBW76d-0-2-trigger\">\n<media-icon name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon name=\"volume-low\" class=\"media-button-icon media-mute-button-low-icon\">\n</media-icon>\n<media-icon name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-2-trigger\" delay=\"0\" disabled sticky side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover\" id=\"vjs-LfeqRD7o-0-popup\">\n<media-volume-slider class=\"media-slider media-volume-slider\" thumb-alignment=\"edge\" orientation=\"vertical\">\n<media-slider-track class=\"media-slider-track\">\n<media-slider-fill class=\"media-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-slider-thumb media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n<media-captions-button commandfor=\"vjs-ttz7HPcm-0-popup\" class=\"media-button media-captions-button video-controls-captions-menu\" id=\"vjs-dnLBW76d-0-3-trigger\">\n<media-icon name=\"captions-off\" class=\"media-button-icon media-captions-button-off-icon\">\n</media-icon>\n<media-icon name=\"captions-on\" class=\"media-button-icon media-captions-button-on-icon\">\n</media-icon>\n</media-captions-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-surface media-menu-popup\" id=\"vjs-ttz7HPcm-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-captions-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-item-indicator\">\n<media-icon name=\"check\" class=\"media-menu-radio-item-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-captions-radio-group>\n</media-menu-content>\n</media-menu>\n<media-cast-button class=\"media-button media-cast-button\" id=\"vjs-dnLBW76d-0-4-trigger\">\n<media-icon name=\"cast-enter\" class=\"media-button-icon media-cast-button-enter-icon\">\n</media-icon>\n<media-icon name=\"cast-exit\" class=\"media-button-icon media-cast-button-exit-icon\">\n</media-icon>\n</media-cast-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-airplay-button class=\"media-button media-airplay-button\" id=\"vjs-dnLBW76d-0-5-trigger\">\n<media-icon name=\"airplay-enter\" class=\"media-button-icon media-airplay-button-enter-icon\">\n</media-icon>\n<media-icon name=\"airplay-exit\" class=\"media-button-icon media-airplay-button-exit-icon\">\n</media-icon>\n</media-airplay-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-5-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-pip-button class=\"media-button media-pip-button\" id=\"vjs-dnLBW76d-0-6-trigger\">\n<media-icon name=\"pip-enter\" class=\"media-button-icon media-pip-button-enter-icon\">\n</media-icon>\n<media-icon name=\"pip-exit\" class=\"media-button-icon media-pip-button-exit-icon\">\n</media-icon>\n</media-pip-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-6-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-fullscreen-button class=\"media-button media-fullscreen-button\" id=\"vjs-dnLBW76d-0-7-trigger\">\n<media-icon name=\"fullscreen-enter\" class=\"media-button-icon media-fullscreen-button-enter-icon\">\n</media-icon>\n<media-icon name=\"fullscreen-exit\" class=\"media-button-icon media-fullscreen-button-exit-icon\">\n</media-icon>\n</media-fullscreen-button>\n<media-tooltip trigger=\"vjs-dnLBW76d-0-7-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n</media-controls-group>\n</media-tooltip-group>\n</media-controls-content>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"f\" action=\"toggleFullscreen\">\n</media-hotkey>\n<media-hotkey keys=\"c\" action=\"toggleSubtitles\">\n</media-hotkey>\n<media-hotkey keys=\"i\" action=\"togglePictureInPicture\">\n</media-hotkey>\n<media-gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\">\n</media-gesture>\n<media-gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\">\n</media-gesture>\n<media-gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\">\n</media-gesture>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n<div class=\"video-status-indicators\">\n<media-volume-indicator class=\"media-indicator media-volume-indicator\">\n<media-volume-indicator-fill class=\"media-indicator-content media-volume-indicator-fill\">\n<media-icon name=\"volume-high\" class=\"media-volume-indicator-high-icon\">\n</media-icon>\n<media-icon name=\"volume-low\" class=\"media-volume-indicator-low-icon\">\n</media-icon>\n<media-icon name=\"volume-off\" class=\"media-volume-indicator-off-icon\">\n</media-icon>\n<media-volume-indicator-value class=\"media-volume-indicator-value\">\n</media-volume-indicator-value>\n</media-volume-indicator-fill>\n</media-volume-indicator>\n<media-status-indicator actions=\"toggleSubtitles,toggleFullscreen,togglePictureInPicture\" class=\"media-indicator media-status-indicator\">\n<div class=\"media-indicator-content media-status-indicator-content\">\n<media-icon name=\"captions-on\" class=\"media-status-indicator-captions-on-icon\">\n</media-icon>\n<media-icon name=\"captions-off\" class=\"media-status-indicator-captions-off-icon\">\n</media-icon>\n<media-icon name=\"fullscreen-enter\" class=\"media-status-indicator-fullscreen-enter-icon\">\n</media-icon>\n<media-icon name=\"fullscreen-exit\" class=\"media-status-indicator-fullscreen-exit-icon\">\n</media-icon>\n<media-icon name=\"pip-enter\" class=\"media-status-indicator-pip-enter-icon\">\n</media-icon>\n<media-icon name=\"pip-exit\" class=\"media-status-indicator-pip-exit-icon\">\n</media-icon>\n<media-status-indicator-value class=\"media-status-indicator-value\">\n</media-status-indicator-value>\n</div>\n</media-status-indicator>\n<media-status-indicator actions=\"togglePaused\" class=\"media-playback-status-indicator\">\n<media-icon name=\"play\" class=\"media-playback-status-indicator-play-icon\">\n</media-icon>\n<media-icon name=\"pause\" class=\"media-playback-status-indicator-pause-icon\">\n</media-icon>\n</media-status-indicator>\n</div>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4NT"}

package/dist/dev/internal/skins/default-video/register.d.ts

@@ -34,6 +34,7 @@ import "../../../define/ui/menu-item-indicator.js";
 import "../../../define/ui/hotkey.js";
 import "../../../define/ui/status-announcer.js";
 import "../../../define/ui/poster.js";
+import "../../../define/ui/title.js";
 import "../../../define/ui/controls-backdrop.js";
 import "../../../define/ui/captions-button.js";
 import "../../../define/ui/captions-radio-group.js";

package/dist/dev/internal/skins/default-video/register.js

@@ -32,6 +32,7 @@ import "../../../define/ui/dialog-popup.js";
 import "../../../define/ui/dialog-title.js";
 import "../../../define/ui/dialog-description.js";
 import "../../../define/ui/dialog-close.js";
+import "../../../define/ui/title.js";
 import "../../../define/ui/controls.js";
 import "../../../define/ui/controls-backdrop.js";
 import "../../../define/ui/controls-content.js";

package/dist/dev/internal/skins/default-video/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/internal/skins/default-video/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/poster';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/controls-backdrop';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/time';\nimport '../../../define/ui/time-slider';\nimport '../../../define/ui/time-slider-chapters';\nimport '../../../define/ui/slider-buffer';\nimport '../../../define/ui/slider-preview';\nimport '../../../define/ui/slider-thumbnail';\nimport '../../../define/ui/time-slider-chapter-title';\nimport '../../../define/ui/slider-value';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/menu';\nimport '../../../define/ui/menu-content';\nimport '../../../define/ui/menu-item';\nimport '../../../define/ui/menu-separator';\nimport '../../../define/ui/quality-radio-group';\nimport '../../../define/ui/menu-radio-item';\nimport '../../../define/ui/menu-item-indicator';\nimport '../../../define/ui/audio-track-radio-group';\nimport '../../../define/ui/playback-rate-radio-group';\nimport '../../../define/ui/captions-radio-group';\nimport '../../../define/ui/cast-button';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/pip-button';\nimport '../../../define/ui/fullscreen-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/gesture';\nimport '../../../define/ui/status-announcer';\nimport '../../../define/ui/volume-indicator';\nimport '../../../define/ui/volume-indicator-fill';\nimport '../../../define/ui/volume-indicator-value';\nimport '../../../define/ui/status-indicator';\nimport '../../../define/ui/status-indicator-value';\nimport '../../../define/ui/seek-indicator';\nimport '../../../define/ui/seek-indicator-value';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon,\n  airPlayExitIcon,\n  captionsOffIcon,\n  captionsOnIcon,\n  castEnterIcon,\n  castExitIcon,\n  checkIcon,\n  chevronIcon,\n  fullscreenEnterIcon,\n  fullscreenExitIcon,\n  gearIcon,\n  pauseIcon,\n  pipEnterIcon,\n  pipExitIcon,\n  playIcon,\n  restartIcon,\n  speechIcon,\n  speedIcon,\n  spinnerIcon,\n  switchesIcon,\n  volumeHighIcon,\n  volumeLowIcon,\n  volumeOffIcon,\n} from '../../../icons';\n\nregisterIcons('default', {\n  'airplay-enter': airPlayEnterIcon,\n  'airplay-exit': airPlayExitIcon,\n  'captions-off': captionsOffIcon,\n  'captions-on': captionsOnIcon,\n  'cast-enter': castEnterIcon,\n  'cast-exit': castExitIcon,\n  check: checkIcon,\n  chevron: chevronIcon,\n  'fullscreen-enter': fullscreenEnterIcon,\n  'fullscreen-exit': fullscreenExitIcon,\n  gear: gearIcon,\n  pause: pauseIcon,\n  'pip-enter': pipEnterIcon,\n  'pip-exit': pipExitIcon,\n  play: playIcon,\n  restart: restartIcon,\n  speech: speechIcon,\n  speed: speedIcon,\n  spinner: spinnerIcon,\n  switches: switchesIcon,\n  'volume-high': volumeHighIcon,\n  'volume-low': volumeLowIcon,\n  'volume-off': volumeOffIcon,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,cAAc,WAAW;CACvB,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,aAAa;CACb,OAAO;CACP,SAAS;CACT,oBAAoB;CACpB,mBAAmB;CACnB,MAAM;CACN,OAAO;CACP,aAAa;CACb,YAAY;CACZ,MAAM;CACN,SAAS;CACT,QAAQ;CACR,OAAO;CACP,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,cAAc;AAChB,CAAC"}
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/internal/skins/default-video/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/poster';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/title';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/controls-backdrop';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/time';\nimport '../../../define/ui/time-slider';\nimport '../../../define/ui/time-slider-chapters';\nimport '../../../define/ui/slider-buffer';\nimport '../../../define/ui/slider-preview';\nimport '../../../define/ui/slider-thumbnail';\nimport '../../../define/ui/time-slider-chapter-title';\nimport '../../../define/ui/slider-value';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/menu';\nimport '../../../define/ui/menu-content';\nimport '../../../define/ui/menu-item';\nimport '../../../define/ui/menu-separator';\nimport '../../../define/ui/quality-radio-group';\nimport '../../../define/ui/menu-radio-item';\nimport '../../../define/ui/menu-item-indicator';\nimport '../../../define/ui/audio-track-radio-group';\nimport '../../../define/ui/playback-rate-radio-group';\nimport '../../../define/ui/captions-radio-group';\nimport '../../../define/ui/cast-button';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/pip-button';\nimport '../../../define/ui/fullscreen-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/gesture';\nimport '../../../define/ui/status-announcer';\nimport '../../../define/ui/volume-indicator';\nimport '../../../define/ui/volume-indicator-fill';\nimport '../../../define/ui/volume-indicator-value';\nimport '../../../define/ui/status-indicator';\nimport '../../../define/ui/status-indicator-value';\nimport '../../../define/ui/seek-indicator';\nimport '../../../define/ui/seek-indicator-value';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon,\n  airPlayExitIcon,\n  captionsOffIcon,\n  captionsOnIcon,\n  castEnterIcon,\n  castExitIcon,\n  checkIcon,\n  chevronIcon,\n  fullscreenEnterIcon,\n  fullscreenExitIcon,\n  gearIcon,\n  pauseIcon,\n  pipEnterIcon,\n  pipExitIcon,\n  playIcon,\n  restartIcon,\n  speechIcon,\n  speedIcon,\n  spinnerIcon,\n  switchesIcon,\n  volumeHighIcon,\n  volumeLowIcon,\n  volumeOffIcon,\n} from '../../../icons';\n\nregisterIcons('default', {\n  'airplay-enter': airPlayEnterIcon,\n  'airplay-exit': airPlayExitIcon,\n  'captions-off': captionsOffIcon,\n  'captions-on': captionsOnIcon,\n  'cast-enter': castEnterIcon,\n  'cast-exit': castExitIcon,\n  check: checkIcon,\n  chevron: chevronIcon,\n  'fullscreen-enter': fullscreenEnterIcon,\n  'fullscreen-exit': fullscreenExitIcon,\n  gear: gearIcon,\n  pause: pauseIcon,\n  'pip-enter': pipEnterIcon,\n  'pip-exit': pipExitIcon,\n  play: playIcon,\n  restart: restartIcon,\n  speech: speechIcon,\n  speed: speedIcon,\n  spinner: spinnerIcon,\n  switches: switchesIcon,\n  'volume-high': volumeHighIcon,\n  'volume-low': volumeLowIcon,\n  'volume-off': volumeOffIcon,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,cAAc,WAAW;CACvB,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,aAAa;CACb,OAAO;CACP,SAAS;CACT,oBAAoB;CACpB,mBAAmB;CACnB,MAAM;CACN,OAAO;CACP,aAAa;CACb,YAAY;CACZ,MAAM;CACN,SAAS;CACT,QAAQ;CACR,OAAO;CACP,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,cAAc;AAChB,CAAC"}