@videojs/html 10.0.0-beta.9 → 10.0.0-rc.2

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

@@ -0,0 +1,97 @@
+import { createTemplate } from "@videojs/utils/dom";
+//#region src/internal/skins/default-live-audio/template.ts
+/** Static template rendered from the finalized VJSC module graph. */
+const template = createTemplate(`<media-container class="media-skin media-container audio-skin" data-theme="default" data-preset="live-audio">
+<slot>
+</slot>
+<media-error-dialog class="audio-dialog-root">
+<media-dialog-backdrop class="audio-dialog-backdrop">
+</media-dialog-backdrop>
+<media-dialog-popup class="audio-dialog-popup">
+<div class="audio-dialog-content">
+<media-dialog-title class="audio-dialog-title">
+</media-dialog-title>
+<media-dialog-description class="audio-dialog-description">
+</media-dialog-description>
+</div>
+<div class="audio-dialog-actions">
+<media-dialog-close class="media-button audio-dialog-close">
+</media-dialog-close>
+</div>
+</media-dialog-popup>
+</media-error-dialog>
+<media-controls visibility="always">
+<media-controls-content class="audio-controls audio-controls-content">
+<media-tooltip-group>
+<media-controls-group class="audio-controls-start">
+<div class="audio-play-button">
+<media-buffering-indicator class="media-buffering-indicator audio-play-button-buffering-indicator">
+<media-icon name="spinner" class="media-buffering-indicator-spinner-icon">
+</media-icon>
+</media-buffering-indicator>
+<media-play-button class="media-button media-play-button" id="vjs-l1SoKLyl-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">
+</media-icon>
+<media-icon name="pause" class="media-button-icon media-play-button-pause-icon">
+</media-icon>
+</media-play-button>
+<media-tooltip trigger="vjs-l1SoKLyl-0-trigger" boundary="viewport" 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>
+</div>
+<media-live-button class="media-button media-live-button">
+</media-live-button>
+</media-controls-group>
+<div aria-hidden="true" class="audio-controls-spacer">
+</div>
+<media-controls-group class="audio-controls-end">
+<media-mute-button commandfor="vjs-uMEP6SLy-0-popup" class="media-button media-mute-button" id="vjs-l1SoKLyl-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">
+</media-icon>
+<media-icon name="volume-high" class="media-button-icon media-mute-button-high-icon">
+</media-icon>
+</media-mute-button>
+<media-tooltip trigger="vjs-l1SoKLyl-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" boundary="viewport" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover" id="vjs-uMEP6SLy-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">
+</media-slider-fill>
+</media-slider-track>
+<media-slider-thumb class="media-slider-thumb media-volume-slider-thumb">
+</media-slider-thumb>
+</media-volume-slider>
+</media-volume-popover>
+</media-controls-group>
+</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/default/internal/skins/default-live-audio/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/default-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 audio-skin\" data-theme=\"default\" data-preset=\"live-audio\">\n<slot>\n</slot>\n<media-error-dialog class=\"audio-dialog-root\">\n<media-dialog-backdrop class=\"audio-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"audio-dialog-popup\">\n<div class=\"audio-dialog-content\">\n<media-dialog-title class=\"audio-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"audio-dialog-description\">\n</media-dialog-description>\n</div>\n<div class=\"audio-dialog-actions\">\n<media-dialog-close class=\"media-button audio-dialog-close\">\n</media-dialog-close>\n</div>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-controls-content class=\"audio-controls audio-controls-content\">\n<media-tooltip-group>\n<media-controls-group class=\"audio-controls-start\">\n<div class=\"audio-play-button\">\n<media-buffering-indicator class=\"media-buffering-indicator audio-play-button-buffering-indicator\">\n<media-icon name=\"spinner\" class=\"media-buffering-indicator-spinner-icon\">\n</media-icon>\n</media-buffering-indicator>\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-l1SoKLyl-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-l1SoKLyl-0-trigger\" boundary=\"viewport\" 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</div>\n<media-live-button class=\"media-button media-live-button\">\n</media-live-button>\n</media-controls-group>\n<div aria-hidden=\"true\" class=\"audio-controls-spacer\">\n</div>\n<media-controls-group class=\"audio-controls-end\">\n<media-mute-button commandfor=\"vjs-uMEP6SLy-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-l1SoKLyl-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-l1SoKLyl-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\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover\" id=\"vjs-uMEP6SLy-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-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-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAyFT"}

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

@@ -0,0 +1,86 @@
+import { airPlayEnterIcon } from "../../../icons/dist/html/default/airplay-enter.js";
+import { airPlayExitIcon } from "../../../icons/dist/html/default/airplay-exit.js";
+import { captionsOffIcon } from "../../../icons/dist/html/default/captions-off.js";
+import { captionsOnIcon } from "../../../icons/dist/html/default/captions-on.js";
+import { castEnterIcon } from "../../../icons/dist/html/default/cast-enter.js";
+import { castExitIcon } from "../../../icons/dist/html/default/cast-exit.js";
+import { checkIcon } from "../../../icons/dist/html/default/check.js";
+import { fullscreenEnterIcon } from "../../../icons/dist/html/default/fullscreen-enter.js";
+import { fullscreenExitIcon } from "../../../icons/dist/html/default/fullscreen-exit.js";
+import { pauseIcon } from "../../../icons/dist/html/default/pause.js";
+import { pipEnterIcon } from "../../../icons/dist/html/default/pip-enter.js";
+import { pipExitIcon } from "../../../icons/dist/html/default/pip-exit.js";
+import { playIcon } from "../../../icons/dist/html/default/play.js";
+import { restartIcon } from "../../../icons/dist/html/default/restart.js";
+import { spinnerIcon } from "../../../icons/dist/html/default/spinner.js";
+import { volumeHighIcon } from "../../../icons/dist/html/default/volume-high.js";
+import { volumeLowIcon } from "../../../icons/dist/html/default/volume-low.js";
+import { volumeOffIcon } from "../../../icons/dist/html/default/volume-off.js";
+import { registerIcons } from "../../../icons/element/register/index.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/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/play-button.js";
+import "../../../define/ui/tooltip.js";
+import "../../../define/ui/tooltip-label.js";
+import "../../../define/ui/tooltip-shortcut.js";
+import "../../../define/ui/mute-button.js";
+import "../../../define/ui/volume-popover.js";
+import "../../../define/ui/volume-slider.js";
+import "../../../define/ui/slider-track.js";
+import "../../../define/ui/slider-fill.js";
+import "../../../define/ui/slider-thumb.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/cast-button.js";
+import "../../../define/ui/airplay-button.js";
+import "../../../define/ui/pip-button.js";
+import "../../../define/ui/fullscreen-button.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/default-live-video/register.ts
+registerIcons("default", {
+	"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/default/internal/skins/default-live-video/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/internal/skins/default-live-video/register.ts"],"sourcesContent":["import '../../../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/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/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 { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon,\n  airPlayExitIcon,\n  captionsOffIcon,\n  captionsOnIcon,\n  castEnterIcon,\n  castExitIcon,\n  checkIcon,\n  fullscreenEnterIcon,\n  fullscreenExitIcon,\n  pauseIcon,\n  pipEnterIcon,\n  pipExitIcon,\n  playIcon,\n  restartIcon,\n  spinnerIcon,\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  'fullscreen-enter': fullscreenEnterIcon,\n  'fullscreen-exit': fullscreenExitIcon,\n  pause: pauseIcon,\n  'pip-enter': pipEnterIcon,\n  'pip-exit': pipExitIcon,\n  play: playIcon,\n  restart: restartIcon,\n  spinner: spinnerIcon,\n  'volume-high': volumeHighIcon,\n  'volume-low': volumeLowIcon,\n  'volume-off': volumeOffIcon,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,cAAc,WAAW;CACvB,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,aAAa;CACb,OAAO;CACP,oBAAoB;CACpB,mBAAmB;CACnB,OAAO;CACP,aAAa;CACb,YAAY;CACZ,MAAM;CACN,SAAS;CACT,SAAS;CACT,eAAe;CACf,cAAc;CACd,cAAc;AAChB,CAAC"}