@videojs/html 10.0.1 → 10.2.0

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

@@ -0,0 +1,96 @@
+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 };
+
+//# sourceMappingURL=template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/scaffold-live-audio/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 media-audio\" data-theme=\"scaffold\" data-preset=\"live-audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\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<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<div class=\"media-play-button-audio\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-r7DX1drE-0-trigger\">\n<media-icon family=\"scaffold\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"scaffold\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"scaffold\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-r7DX1drE-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-tooltip-popup\">\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-buffering-indicator class=\"media-buffering-indicator media-play-button-buffering\">\n<media-icon family=\"scaffold\" name=\"spinner\" class=\"media-buffering-indicator-spinner-icon\">\n</media-icon>\n</media-buffering-indicator>\n</div>\n<media-live-button class=\"media-button media-live-button\">\n<div aria-hidden=\"true\" class=\"media-live-button-dot\">\n</div>\n<media-text token=\"live.badge\">Live</media-text>\n</media-live-button>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-mute-button commandfor=\"vjs-igUPvPeL-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-r7DX1drE-0-2-trigger\">\n<media-icon family=\"scaffold\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"scaffold\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-r7DX1drE-0-2-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-tooltip-popup\">\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-volume-popover-popup\" id=\"vjs-igUPvPeL-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n</media-controls-group>\n</media-controls-group>\n</div>\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-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAwFT"}

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

@@ -0,0 +1,45 @@
+import "../../../define/i18n.js";
+import "../../../define/ui/container.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/controls.js";
+import "../../../define/ui/buffering-indicator.js";
+import "../../../define/ui/controls-content.js";
+import "../../../define/ui/tooltip-group.js";
+import "../../../define/ui/slider-track.js";
+import "../../../define/ui/slider-fill.js";
+import "../../../define/ui/slider-thumb.js";
+import "../../../define/ui/controls-group.js";
+import "../../../define/ui/play-button.js";
+import "../../../define/ui/tooltip.js";
+import "../../../define/ui/tooltip-label.js";
+import "../../../define/ui/tooltip-shortcut.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/mute-button.js";
+import "../../../define/ui/volume-popover.js";
+import "../../../define/ui/volume-slider.js";
+import "../../../define/ui/hotkey.js";
+import "../../../define/ui/status-announcer.js";
+import "../../../define/ui/live-button.js";
+import "../../../define/ui/poster.js";
+import "../../../define/ui/title.js";
+import "../../../define/ui/controls-backdrop.js";
+import "../../../define/ui/airplay-button.js";
+import "../../../define/ui/cast-button.js";
+import "../../../define/ui/pip-button.js";
+import "../../../define/ui/fullscreen-button.js";
+import "../../../define/ui/captions-button.js";
+import "../../../define/ui/captions-radio-group.js";
+import "../../../define/ui/gesture.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";

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

@@ -0,0 +1,88 @@
+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
+
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":["airPlayEnterIconScaffold","airPlayExitIconScaffold","captionsOffIconScaffold","captionsOnIconScaffold","castEnterIconScaffold","castExitIconScaffold","checkIconScaffold","fullscreenEnterIconScaffold","fullscreenExitIconScaffold","pauseIconScaffold","pipEnterIconScaffold","pipExitIconScaffold","playIconScaffold","restartIconScaffold","spinnerIconScaffold","volumeHighIconScaffold","volumeLowIconScaffold","volumeOffIconScaffold"],"sources":["../../../../../src/internal/skins/scaffold-live-video/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/poster';\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-group';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/title';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/cast-button';\nimport '../../../define/ui/pip-button';\nimport '../../../define/ui/fullscreen-button';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/live-button';\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/captions-button';\nimport '../../../define/ui/menu';\nimport '../../../define/ui/menu-content';\nimport '../../../define/ui/captions-radio-group';\nimport '../../../define/ui/menu-radio-item';\nimport '../../../define/ui/menu-item-indicator';\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 { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon as airPlayEnterIconScaffold,\n  airPlayExitIcon as airPlayExitIconScaffold,\n  captionsOffIcon as captionsOffIconScaffold,\n  captionsOnIcon as captionsOnIconScaffold,\n  castEnterIcon as castEnterIconScaffold,\n  castExitIcon as castExitIconScaffold,\n  checkIcon as checkIconScaffold,\n  fullscreenEnterIcon as fullscreenEnterIconScaffold,\n  fullscreenExitIcon as fullscreenExitIconScaffold,\n  pauseIcon as pauseIconScaffold,\n  pipEnterIcon as pipEnterIconScaffold,\n  pipExitIcon as pipExitIconScaffold,\n  playIcon as playIconScaffold,\n  restartIcon as restartIconScaffold,\n  spinnerIcon as spinnerIconScaffold,\n  volumeHighIcon as volumeHighIconScaffold,\n  volumeLowIcon as volumeLowIconScaffold,\n  volumeOffIcon as volumeOffIconScaffold,\n} from '../../../icons/scaffold';\n\nregisterIcons('scaffold', {\n  'airplay-enter': airPlayEnterIconScaffold,\n  'airplay-exit': airPlayExitIconScaffold,\n  'captions-off': captionsOffIconScaffold,\n  'captions-on': captionsOnIconScaffold,\n  'cast-enter': castEnterIconScaffold,\n  'cast-exit': castExitIconScaffold,\n  check: checkIconScaffold,\n  'fullscreen-enter': fullscreenEnterIconScaffold,\n  'fullscreen-exit': fullscreenExitIconScaffold,\n  pause: pauseIconScaffold,\n  'pip-enter': pipEnterIconScaffold,\n  'pip-exit': pipExitIconScaffold,\n  play: playIconScaffold,\n  restart: restartIconScaffold,\n  spinner: spinnerIconScaffold,\n  'volume-high': volumeHighIconScaffold,\n  'volume-low': volumeLowIconScaffold,\n  'volume-off': volumeOffIconScaffold,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,cAAc,YAAY;CACxB,iBAAiBA;CACjB,gBAAgBC;CAChB,gBAAgBC;CAChB,eAAeC;CACf,cAAcC;CACd,aAAaC;CACb,OAAOC;CACP,oBAAoBC;CACpB,mBAAmBC;CACnB,OAAOC;CACP,aAAaC;CACb,YAAYC;CACZ,MAAMC;CACN,SAASC;CACT,SAASC;CACT,eAAeC;CACf,cAAcC;CACd,cAAcC;AAChB,CAAC"}