@videojs/html 10.0.1 → 10.2.0

package/dist/default/internal/skins/scaffold-live-audio/template.js

@@ -0,0 +1,94 @@
+import { createTemplate } from "@videojs/utils/dom";
+//#region src/internal/skins/scaffold-live-audio/template.ts
+/** Static template rendered from the finalized VJSC module graph. */
+const template = createTemplate(`<media-container class="media-skin media-container media-audio" data-theme="scaffold" data-preset="live-audio">
+<slot>
+</slot>
+<media-error-dialog>
+<media-dialog-backdrop class="media-dialog-backdrop">
+</media-dialog-backdrop>
+<media-dialog-popup class="media-dialog-popup">
+<media-dialog-title class="media-dialog-title">
+</media-dialog-title>
+<media-dialog-description class="media-dialog-description">
+</media-dialog-description>
+<media-dialog-close class="media-button media-dialog-close">
+</media-dialog-close>
+</media-dialog-popup>
+</media-error-dialog>
+<media-controls visibility="always">
+<media-controls-content class="video-controls-content audio-controls-content">
+<media-tooltip-group>
+<div class="video-controls-bottom audio-controls-bottom">
+<media-controls-group class="video-controls-row">
+<media-controls-group class="video-controls-group video-controls-start">
+<div class="media-play-button-audio">
+<media-play-button class="media-button media-play-button" id="vjs-r7DX1drE-0-trigger">
+<media-icon family="scaffold" name="restart" class="media-button-icon-base media-play-button-restart-icon">
+</media-icon>
+<media-icon family="scaffold" name="play" class="media-button-icon-base media-play-button-play-icon">
+</media-icon>
+<media-icon family="scaffold" name="pause" class="media-button-icon-base media-play-button-pause-icon">
+</media-icon>
+</media-play-button>
+<media-tooltip trigger="vjs-r7DX1drE-0-trigger" side="top" class="media-popup media-popup-safe-area media-tooltip-popup">
+<media-tooltip-label>
+</media-tooltip-label>
+<media-tooltip-shortcut class="media-tooltip-shortcut">
+</media-tooltip-shortcut>
+</media-tooltip>
+<media-buffering-indicator class="media-buffering-indicator media-play-button-buffering">
+<media-icon family="scaffold" name="spinner" class="media-buffering-indicator-spinner-icon">
+</media-icon>
+</media-buffering-indicator>
+</div>
+<media-live-button class="media-button media-live-button">
+<div aria-hidden="true" class="media-live-button-dot">
+</div>
+<media-text token="live.badge">Live</media-text>
+</media-live-button>
+</media-controls-group>
+<media-controls-group class="video-controls-group">
+<media-mute-button commandfor="vjs-igUPvPeL-0-popup" class="media-button media-mute-button" id="vjs-r7DX1drE-0-2-trigger">
+<media-icon family="scaffold" name="volume-off" class="media-button-icon media-mute-button-off-icon">
+</media-icon>
+<media-icon family="scaffold" name="volume-high" class="media-button-icon media-mute-button-high-icon">
+</media-icon>
+</media-mute-button>
+<media-tooltip trigger="vjs-r7DX1drE-0-2-trigger" delay="0" disabled side="top" sticky class="media-popup media-popup-safe-area media-tooltip-popup">
+<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-volume-popover-popup" id="vjs-igUPvPeL-0-popup">
+<media-volume-slider class="media-volume-slider" orientation="vertical" thumb-alignment="edge">
+<media-slider-track class="media-volume-slider-track">
+<media-slider-fill class="media-volume-slider-fill">
+</media-slider-fill>
+</media-slider-track>
+<media-slider-thumb class="media-volume-slider-thumb">
+</media-slider-thumb>
+</media-volume-slider>
+</media-volume-popover>
+</media-controls-group>
+</media-controls-group>
+</div>
+</media-tooltip-group>
+</media-controls-content>
+</media-controls>
+<media-hotkey keys="Space" action="togglePaused">
+</media-hotkey>
+<media-hotkey keys="k" action="togglePaused">
+</media-hotkey>
+<media-hotkey keys="m" action="toggleMuted">
+</media-hotkey>
+<media-hotkey keys="ArrowUp" action="volumeStep">
+</media-hotkey>
+<media-hotkey keys="ArrowDown" action="volumeStep">
+</media-hotkey>
+<media-status-announcer class="media-status-announcer">
+</media-status-announcer>
+</media-container>`);
+//#endregion
+export { template };

package/dist/default/internal/skins/scaffold-live-video/register.js

@@ -0,0 +1,86 @@
+import "../../../define/i18n.js";
+import { registerIcons } from "../../../icons/element/register/index.js";
+import { airPlayEnterIcon } from "../../../icons/dist/html/scaffold/airplay-enter.js";
+import { airPlayExitIcon } from "../../../icons/dist/html/scaffold/airplay-exit.js";
+import { captionsOffIcon } from "../../../icons/dist/html/scaffold/captions-off.js";
+import { captionsOnIcon } from "../../../icons/dist/html/scaffold/captions-on.js";
+import { castEnterIcon } from "../../../icons/dist/html/scaffold/cast-enter.js";
+import { castExitIcon } from "../../../icons/dist/html/scaffold/cast-exit.js";
+import { checkIcon } from "../../../icons/dist/html/scaffold/check.js";
+import { fullscreenEnterIcon } from "../../../icons/dist/html/scaffold/fullscreen-enter.js";
+import { fullscreenExitIcon } from "../../../icons/dist/html/scaffold/fullscreen-exit.js";
+import { pauseIcon } from "../../../icons/dist/html/scaffold/pause.js";
+import { pipEnterIcon } from "../../../icons/dist/html/scaffold/pip-enter.js";
+import { pipExitIcon } from "../../../icons/dist/html/scaffold/pip-exit.js";
+import { playIcon } from "../../../icons/dist/html/scaffold/play.js";
+import { restartIcon } from "../../../icons/dist/html/scaffold/restart.js";
+import { spinnerIcon } from "../../../icons/dist/html/scaffold/spinner.js";
+import { volumeHighIcon } from "../../../icons/dist/html/scaffold/volume-high.js";
+import { volumeLowIcon } from "../../../icons/dist/html/scaffold/volume-low.js";
+import { volumeOffIcon } from "../../../icons/dist/html/scaffold/volume-off.js";
+import "../../../define/ui/container.js";
+import "../../../define/ui/poster.js";
+import "../../../define/ui/buffering-indicator.js";
+import "../../../define/ui/error-dialog.js";
+import "../../../define/ui/dialog-backdrop.js";
+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";
+import "../../../define/ui/tooltip-group.js";
+import "../../../define/ui/controls-group.js";
+import "../../../define/ui/airplay-button.js";
+import "../../../define/ui/tooltip.js";
+import "../../../define/ui/tooltip-label.js";
+import "../../../define/ui/tooltip-shortcut.js";
+import "../../../define/ui/cast-button.js";
+import "../../../define/ui/pip-button.js";
+import "../../../define/ui/fullscreen-button.js";
+import "../../../define/ui/play-button.js";
+import "../../../define/ui/slider-track.js";
+import "../../../define/ui/slider-fill.js";
+import "../../../define/ui/slider-thumb.js";
+import "../../../define/ui/mute-button.js";
+import "../../../define/ui/volume-popover.js";
+import "../../../define/ui/volume-slider.js";
+import "../../../define/ui/captions-button.js";
+import "../../../define/ui/menu.js";
+import "../../../define/ui/menu-content.js";
+import "../../../define/ui/menu-radio-item.js";
+import "../../../define/ui/menu-item-indicator.js";
+import "../../../define/ui/captions-radio-group.js";
+import "../../../define/ui/hotkey.js";
+import "../../../define/ui/gesture.js";
+import "../../../define/ui/status-announcer.js";
+import "../../../define/ui/volume-indicator.js";
+import "../../../define/ui/volume-indicator-fill.js";
+import "../../../define/ui/volume-indicator-value.js";
+import "../../../define/ui/status-indicator.js";
+import "../../../define/ui/status-indicator-value.js";
+import "../../../define/ui/live-button.js";
+//#region src/internal/skins/scaffold-live-video/register.ts
+registerIcons("scaffold", {
+	"airplay-enter": airPlayEnterIcon,
+	"airplay-exit": airPlayExitIcon,
+	"captions-off": captionsOffIcon,
+	"captions-on": captionsOnIcon,
+	"cast-enter": castEnterIcon,
+	"cast-exit": castExitIcon,
+	check: checkIcon,
+	"fullscreen-enter": fullscreenEnterIcon,
+	"fullscreen-exit": fullscreenExitIcon,
+	pause: pauseIcon,
+	"pip-enter": pipEnterIcon,
+	"pip-exit": pipExitIcon,
+	play: playIcon,
+	restart: restartIcon,
+	spinner: spinnerIcon,
+	"volume-high": volumeHighIcon,
+	"volume-low": volumeLowIcon,
+	"volume-off": volumeOffIcon
+});
+//#endregion