@videojs/html 10.0.0-beta.22 → 10.0.0-beta.23

package/dist/dev/define/live-video/skin.d.ts

@@ -0,0 +1,17 @@
+import { SkinElement } from "../skin-element.js";
+import * as _$_videojs_utils_dom0 from "@videojs/utils/dom";
+
+//#region src/define/live-video/skin.d.ts
+declare class LiveVideoSkinElement extends SkinElement {
+  static readonly tagName = "live-video-skin";
+  static styles: _$_videojs_utils_dom0.ShadowStyle;
+  static template: HTMLTemplateElement | null;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [LiveVideoSkinElement.tagName]: LiveVideoSkinElement;
+  }
+} //# sourceMappingURL=skin.d.ts.map
+//#endregion
+export { LiveVideoSkinElement };
+//# sourceMappingURL=skin.d.ts.map

package/dist/dev/define/live-video/skin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/live-video/skin.ts"],"mappings":";;;;cAmHa,oBAAA,SAA6B,WAAA;EAAA,gBACxB,OAAA;EAAA,OACT,MAAA,EAFyB,qBAAA,CAEnB,WAAA;EAAA,OACN,QAAA,EAAQ,mBAAA;AAAA;AAAA,QAKT,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,oBAAA,CAAqB,OAAA,GAAU,oBAAA;EAAA;AAAA"}

package/dist/dev/define/live-video/skin.js

@@ -0,0 +1,127 @@
+import { safeDefine } from "../safe-define.js";
+import { SkinElement } from "../skin-element.js";
+import { renderIcon } from "../../icons/dist/render/default/index.js";
+import "../video/ui.js";
+import skin_default from "../../_virtual/inline-css_src/define/live-video/skin.js";
+import { createShadowStyle, createTemplate } from "@videojs/utils/dom";
+//#region src/define/live-video/skin.ts
+function getTemplateHTML() {
+	return `
+    <media-container class="media-default-skin media-default-skin--video">
+      <!-- @deprecated slot="media" is no longer required, use the default slot instead -->
+      <slot name="media"></slot>
+      <slot></slot>
+
+      <media-poster>
+        <slot name="poster"></slot>
+      </media-poster>
+
+      <media-buffering-indicator class="media-buffering-indicator">
+        <div class="media-surface">
+          ${renderIcon("spinner", { class: "media-icon" })}
+        </div>
+      </media-buffering-indicator>
+
+      <media-error-dialog class="media-error">
+        <div class="media-error__dialog media-surface">
+          <div class="media-error__content">
+            <media-alert-dialog-title class="media-error__title">Something went wrong.</media-alert-dialog-title>
+            <media-alert-dialog-description class="media-error__description"></media-alert-dialog-description>
+          </div>
+          <div class="media-error__actions">
+            <media-alert-dialog-close class="media-button media-button--primary">OK</media-alert-dialog-close>
+          </div>
+        </div>
+      </media-error-dialog>
+
+      <media-controls class="media-surface media-controls">
+        <media-tooltip-group>
+          <div class="media-button-group">
+            <media-play-button commandfor="play-tooltip" class="media-button media-button--subtle media-button--icon media-button--play">
+              ${renderIcon("restart", { class: "media-icon media-icon--restart" })}
+              ${renderIcon("play", { class: "media-icon media-icon--play" })}
+              ${renderIcon("pause", { class: "media-icon media-icon--pause" })}
+            </media-play-button>
+            <media-tooltip id="play-tooltip" side="top" class="media-surface media-tooltip"></media-tooltip>
+          </div>
+
+          <div class="media-time-controls" aria-hidden="true"></div>
+
+          <div class="media-button-group">
+            <media-mute-button commandfor="live-video-volume-popover" class="media-button media-button--subtle media-button--icon media-button--mute">
+              ${renderIcon("volume-off", { class: "media-icon media-icon--volume-off" })}
+              ${renderIcon("volume-low", { class: "media-icon media-icon--volume-low" })}
+              ${renderIcon("volume-high", { class: "media-icon media-icon--volume-high" })}
+            </media-mute-button>
+
+            <media-popover id="live-video-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="media-surface media-popover media-popover--volume">
+              <media-volume-slider class="media-slider" orientation="vertical" thumb-alignment="edge">
+                <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-slider__thumb--persistent"></media-slider-thumb>
+              </media-volume-slider>
+            </media-popover>
+
+            <media-captions-button commandfor="captions-tooltip" class="media-button media-button--subtle media-button--icon media-button--captions">
+              ${renderIcon("captions-off", { class: "media-icon media-icon--captions-off" })}
+              ${renderIcon("captions-on", { class: "media-icon media-icon--captions-on" })}
+            </media-captions-button>
+            <media-tooltip id="captions-tooltip" side="top" class="media-surface media-tooltip"></media-tooltip>
+
+            <media-cast-button commandfor="cast-tooltip" class="media-button media-button--subtle media-button--icon media-button--cast">
+              ${renderIcon("cast-enter", { class: "media-icon media-icon--cast-enter" })}
+              ${renderIcon("cast-exit", { class: "media-icon media-icon--cast-exit" })}
+            </media-cast-button>
+            <media-tooltip id="cast-tooltip" side="top" class="media-surface media-tooltip"></media-tooltip>
+
+            <media-pip-button commandfor="pip-tooltip" class="media-button media-button--subtle media-button--icon media-button--pip">
+              ${renderIcon("pip-enter", { class: "media-icon media-icon--pip-enter" })}
+              ${renderIcon("pip-exit", { class: "media-icon media-icon--pip-exit" })}
+            </media-pip-button>
+            <media-tooltip id="pip-tooltip" side="top" class="media-surface media-tooltip"></media-tooltip>
+
+            <media-fullscreen-button commandfor="fullscreen-tooltip" class="media-button media-button--subtle media-button--icon media-button--fullscreen">
+              ${renderIcon("fullscreen-enter", { class: "media-icon media-icon--fullscreen-enter" })}
+              ${renderIcon("fullscreen-exit", { class: "media-icon media-icon--fullscreen-exit" })}
+            </media-fullscreen-button>
+            <media-tooltip id="fullscreen-tooltip" side="top" class="media-surface media-tooltip"></media-tooltip>
+          </div>
+        </media-tooltip-group>
+      </media-controls>
+
+      <div class="media-overlay"></div>
+
+      <!-- Hotkeys -->
+      <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="f" action="toggleFullscreen"></media-hotkey>
+      <media-hotkey keys="c" action="toggleSubtitles"></media-hotkey>
+      <media-hotkey keys="i" action="togglePictureInPicture"></media-hotkey>
+      <media-hotkey keys="ArrowUp" action="volumeStep" value="0.05"></media-hotkey>
+      <media-hotkey keys="ArrowDown" action="volumeStep" value="-0.05"></media-hotkey>
+
+      <!-- Gestures -->
+      <media-gesture type="tap" action="togglePaused" pointer="mouse" region="center"></media-gesture>
+      <media-gesture type="tap" action="toggleControls" pointer="touch"></media-gesture>
+      <media-gesture type="doubletap" action="toggleFullscreen" region="center"></media-gesture>
+    </media-container>
+  `;
+}
+var LiveVideoSkinElement = class extends SkinElement {
+	static {
+		this.tagName = "live-video-skin";
+	}
+	static {
+		this.styles = createShadowStyle(skin_default);
+	}
+	static {
+		this.template = createTemplate(getTemplateHTML());
+	}
+};
+safeDefine(LiveVideoSkinElement);
+//#endregion
+export { LiveVideoSkinElement };
+
+//# sourceMappingURL=skin.js.map

package/dist/dev/define/live-video/skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/define/live-video/skin.ts"],"sourcesContent":["import { renderIcon } from '@videojs/icons/render';\nimport { createShadowStyle, createTemplate } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport { SkinElement } from '../skin-element';\nimport styles from './skin.css?inline';\n\n// Reuse the video preset's UI element registrations (player, container,\n// controls, buttons, etc.) — the live variant only differs in its template.\nimport '../video/ui';\n\nfunction getTemplateHTML() {\n  return /*html*/ `\n    <media-container class=\"media-default-skin media-default-skin--video\">\n      <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n      <slot name=\"media\"></slot>\n      <slot></slot>\n\n      <media-poster>\n        <slot name=\"poster\"></slot>\n      </media-poster>\n\n      <media-buffering-indicator class=\"media-buffering-indicator\">\n        <div class=\"media-surface\">\n          ${renderIcon('spinner', { class: 'media-icon' })}\n        </div>\n      </media-buffering-indicator>\n\n      <media-error-dialog class=\"media-error\">\n        <div class=\"media-error__dialog media-surface\">\n          <div class=\"media-error__content\">\n            <media-alert-dialog-title class=\"media-error__title\">Something went wrong.</media-alert-dialog-title>\n            <media-alert-dialog-description class=\"media-error__description\"></media-alert-dialog-description>\n          </div>\n          <div class=\"media-error__actions\">\n            <media-alert-dialog-close class=\"media-button media-button--primary\">OK</media-alert-dialog-close>\n          </div>\n        </div>\n      </media-error-dialog>\n\n      <media-controls class=\"media-surface media-controls\">\n        <media-tooltip-group>\n          <div class=\"media-button-group\">\n            <media-play-button commandfor=\"play-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--play\">\n              ${renderIcon('restart', { class: 'media-icon media-icon--restart' })}\n              ${renderIcon('play', { class: 'media-icon media-icon--play' })}\n              ${renderIcon('pause', { class: 'media-icon media-icon--pause' })}\n            </media-play-button>\n            <media-tooltip id=\"play-tooltip\" side=\"top\" class=\"media-surface media-tooltip\"></media-tooltip>\n          </div>\n\n          <div class=\"media-time-controls\" aria-hidden=\"true\"></div>\n\n          <div class=\"media-button-group\">\n            <media-mute-button commandfor=\"live-video-volume-popover\" class=\"media-button media-button--subtle media-button--icon media-button--mute\">\n              ${renderIcon('volume-off', { class: 'media-icon media-icon--volume-off' })}\n              ${renderIcon('volume-low', { class: 'media-icon media-icon--volume-low' })}\n              ${renderIcon('volume-high', { class: 'media-icon media-icon--volume-high' })}\n            </media-mute-button>\n\n            <media-popover id=\"live-video-volume-popover\" open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-surface media-popover media-popover--volume\">\n              <media-volume-slider class=\"media-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n                <media-slider-track class=\"media-slider__track\">\n                  <media-slider-fill class=\"media-slider__fill\"></media-slider-fill>\n                </media-slider-track>\n                <media-slider-thumb class=\"media-slider__thumb media-slider__thumb--persistent\"></media-slider-thumb>\n              </media-volume-slider>\n            </media-popover>\n\n            <media-captions-button commandfor=\"captions-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--captions\">\n              ${renderIcon('captions-off', { class: 'media-icon media-icon--captions-off' })}\n              ${renderIcon('captions-on', { class: 'media-icon media-icon--captions-on' })}\n            </media-captions-button>\n            <media-tooltip id=\"captions-tooltip\" side=\"top\" class=\"media-surface media-tooltip\"></media-tooltip>\n\n            <media-cast-button commandfor=\"cast-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--cast\">\n              ${renderIcon('cast-enter', { class: 'media-icon media-icon--cast-enter' })}\n              ${renderIcon('cast-exit', { class: 'media-icon media-icon--cast-exit' })}\n            </media-cast-button>\n            <media-tooltip id=\"cast-tooltip\" side=\"top\" class=\"media-surface media-tooltip\"></media-tooltip>\n\n            <media-pip-button commandfor=\"pip-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--pip\">\n              ${renderIcon('pip-enter', { class: 'media-icon media-icon--pip-enter' })}\n              ${renderIcon('pip-exit', { class: 'media-icon media-icon--pip-exit' })}\n            </media-pip-button>\n            <media-tooltip id=\"pip-tooltip\" side=\"top\" class=\"media-surface media-tooltip\"></media-tooltip>\n\n            <media-fullscreen-button commandfor=\"fullscreen-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--fullscreen\">\n              ${renderIcon('fullscreen-enter', { class: 'media-icon media-icon--fullscreen-enter' })}\n              ${renderIcon('fullscreen-exit', { class: 'media-icon media-icon--fullscreen-exit' })}\n            </media-fullscreen-button>\n            <media-tooltip id=\"fullscreen-tooltip\" side=\"top\" class=\"media-surface media-tooltip\"></media-tooltip>\n          </div>\n        </media-tooltip-group>\n      </media-controls>\n\n      <div class=\"media-overlay\"></div>\n\n      <!-- Hotkeys -->\n      <media-hotkey keys=\"Space\" action=\"togglePaused\"></media-hotkey>\n      <media-hotkey keys=\"k\" action=\"togglePaused\"></media-hotkey>\n      <media-hotkey keys=\"m\" action=\"toggleMuted\"></media-hotkey>\n      <media-hotkey keys=\"f\" action=\"toggleFullscreen\"></media-hotkey>\n      <media-hotkey keys=\"c\" action=\"toggleSubtitles\"></media-hotkey>\n      <media-hotkey keys=\"i\" action=\"togglePictureInPicture\"></media-hotkey>\n      <media-hotkey keys=\"ArrowUp\" action=\"volumeStep\" value=\"0.05\"></media-hotkey>\n      <media-hotkey keys=\"ArrowDown\" action=\"volumeStep\" value=\"-0.05\"></media-hotkey>\n\n      <!-- Gestures -->\n      <media-gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\"></media-gesture>\n      <media-gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\"></media-gesture>\n      <media-gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\"></media-gesture>\n    </media-container>\n  `;\n}\n\nexport class LiveVideoSkinElement extends SkinElement {\n  static readonly tagName = 'live-video-skin';\n  static styles = createShadowStyle(styles);\n  static template = createTemplate(getTemplateHTML());\n}\n\nsafeDefine(LiveVideoSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveVideoSkinElement.tagName]: LiveVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;;AAUA,SAAS,kBAAkB;AACzB,QAAgB;;;;;;;;;;;;YAYN,WAAW,WAAW,EAAE,OAAO,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;gBAoB3C,WAAW,WAAW,EAAE,OAAO,kCAAkC,CAAC,CAAC;gBACnE,WAAW,QAAQ,EAAE,OAAO,+BAA+B,CAAC,CAAC;gBAC7D,WAAW,SAAS,EAAE,OAAO,gCAAgC,CAAC,CAAC;;;;;;;;;gBAS/D,WAAW,cAAc,EAAE,OAAO,qCAAqC,CAAC,CAAC;gBACzE,WAAW,cAAc,EAAE,OAAO,qCAAqC,CAAC,CAAC;gBACzE,WAAW,eAAe,EAAE,OAAO,sCAAsC,CAAC,CAAC;;;;;;;;;;;;;gBAa3E,WAAW,gBAAgB,EAAE,OAAO,uCAAuC,CAAC,CAAC;gBAC7E,WAAW,eAAe,EAAE,OAAO,sCAAsC,CAAC,CAAC;;;;;gBAK3E,WAAW,cAAc,EAAE,OAAO,qCAAqC,CAAC,CAAC;gBACzE,WAAW,aAAa,EAAE,OAAO,oCAAoC,CAAC,CAAC;;;;;gBAKvE,WAAW,aAAa,EAAE,OAAO,oCAAoC,CAAC,CAAC;gBACvE,WAAW,YAAY,EAAE,OAAO,mCAAmC,CAAC,CAAC;;;;;gBAKrE,WAAW,oBAAoB,EAAE,OAAO,2CAA2C,CAAC,CAAC;gBACrF,WAAW,mBAAmB,EAAE,OAAO,0CAA0C,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BnG,IAAa,uBAAb,cAA0C,YAAY;;iBAC1B;;;gBACV,kBAAkBA,aAAO;;;kBACvB,eAAe,iBAAiB,CAAC;;;AAGrD,WAAW,qBAAqB"}

package/dist/dev/define/live-video/skin.tailwind.d.ts

@@ -0,0 +1,14 @@
+import { SkinElement } from "../skin-element.js";
+//#region src/define/live-video/skin.tailwind.d.ts
+declare class LiveVideoSkinTailwindElement extends SkinElement {
+  static readonly tagName = "live-video-skin-tailwind";
+  static template: HTMLTemplateElement | null;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [LiveVideoSkinTailwindElement.tagName]: LiveVideoSkinTailwindElement;
+  }
+} //# sourceMappingURL=skin.tailwind.d.ts.map
+//#endregion
+export { LiveVideoSkinTailwindElement };
+//# sourceMappingURL=skin.tailwind.d.ts.map

package/dist/dev/define/live-video/skin.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.tailwind.d.ts","names":[],"sources":["../../../../src/define/live-video/skin.tailwind.ts"],"mappings":";;cA8Ga,4BAAA,SAAqC,WAAA;EAAA,gBAChC,OAAA;EAAA,OACT,QAAA,EAAQ,mBAAA;AAAA;AAAA,QAKT,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,4BAAA,CAA6B,OAAA,GAAU,4BAAA;EAAA;AAAA"}

package/dist/dev/define/live-video/skin.tailwind.js

@@ -0,0 +1,111 @@
+import { safeDefine } from "../safe-define.js";
+import { SkinElement } from "../skin-element.js";
+import { iconState } from "../../skins/dist/default/shared/tailwind/icon-state.js";
+import { renderIcon } from "../../icons/dist/render/default/index.js";
+import { button } from "../../skins/dist/default/default/tailwind/components/button.js";
+import { icon } from "../../skins/dist/default/default/tailwind/components/icon.js";
+import { overlay } from "../../skins/dist/default/default/tailwind/components/overlay.js";
+import { poster } from "../../skins/dist/default/default/tailwind/components/poster.js";
+import { bufferingIndicator, buttonGroupEnd, buttonGroupStart, controls, error, popup, root, slider } from "../../skins/dist/default/default/tailwind/video.tailwind.js";
+import "../video/ui.js";
+import { createTemplate } from "@videojs/utils/dom";
+import { cn } from "@videojs/utils/style";
+//#region src/define/live-video/skin.tailwind.ts
+function getTemplateHTML() {
+	return `
+    <media-container class="${root(true)}">
+      <!-- @deprecated slot="media" is no longer required, use the default slot instead -->
+      <slot name="media"></slot>
+      <slot></slot>
+
+      <media-poster class="${poster(true)}">
+        <slot name="poster"></slot>
+      </media-poster>
+
+      <media-buffering-indicator class="${bufferingIndicator.root}">
+        <div class="${bufferingIndicator.container}">
+          ${renderIcon("spinner")}
+        </div>
+      </media-buffering-indicator>
+
+      <media-error-dialog class="${error.root}">
+        <div class="${error.dialog}">
+          <div class="${error.content}">
+            <media-alert-dialog-title class="${error.title}">Something went wrong.</media-alert-dialog-title>
+            <media-alert-dialog-description class="${error.description}"></media-alert-dialog-description>
+          </div>
+          <div class="${error.actions}">
+            <media-alert-dialog-close class="${cn(button.base, button.primary)}">OK</media-alert-dialog-close>
+          </div>
+        </div>
+      </media-error-dialog>
+
+      <media-controls data-controls="" class="${controls}">
+        <media-tooltip-group>
+          <div class="${buttonGroupStart}">
+              <media-play-button commandfor="play-tooltip" class="${cn(button.base, button.subtle, button.icon, iconState.play.button)}">
+                ${renderIcon("restart", { class: cn(icon, iconState.play.restart) })}
+                ${renderIcon("play", { class: cn(icon, iconState.play.play) })}
+                ${renderIcon("pause", { class: cn(icon, iconState.play.pause) })}
+              </media-play-button>
+              <media-tooltip id="play-tooltip" side="top" class="${cn(popup.tooltip)}"></media-tooltip>
+          </div>
+
+          <div class="grow" aria-hidden="true"></div>
+
+          <div class="${buttonGroupEnd}">
+            <media-mute-button commandfor="live-video-volume-popover" class="${cn(button.base, button.subtle, button.icon, iconState.mute.button)}">
+              ${renderIcon("volume-off", { class: cn(icon, iconState.mute.volumeOff) })}
+              ${renderIcon("volume-low", { class: cn(icon, iconState.mute.volumeLow) })}
+              ${renderIcon("volume-high", { class: cn(icon, iconState.mute.volumeHigh) })}
+            </media-mute-button>
+
+            <media-popover id="live-video-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="${cn(popup.popover, popup.volume)}">
+              <media-volume-slider class="${slider.root}" orientation="vertical" thumb-alignment="edge">
+                <media-slider-track class="${slider.track}">
+                  <media-slider-fill class="${cn(slider.fill.base, slider.fill.fill)}"></media-slider-fill>
+                </media-slider-track>
+                <media-slider-thumb class="${cn(slider.thumb.base, slider.thumb.persistent)}"></media-slider-thumb>
+              </media-volume-slider>
+            </media-popover>
+              <media-captions-button commandfor="captions-tooltip" class="${cn(button.base, button.subtle, button.icon, iconState.captions.button)}">
+                ${renderIcon("captions-off", { class: cn(icon, iconState.captions.off) })}
+                ${renderIcon("captions-on", { class: cn(icon, iconState.captions.on) })}
+              </media-captions-button>
+              <media-tooltip id="captions-tooltip" side="top" class="${cn(popup.tooltip)}"></media-tooltip>
+              <media-cast-button commandfor="cast-tooltip" class="${cn(button.base, button.subtle, button.icon, iconState.cast.button)}">
+                ${renderIcon("cast-enter", { class: cn(icon, iconState.cast.enter) })}
+                ${renderIcon("cast-exit", { class: cn(icon, iconState.cast.exit) })}
+              </media-cast-button>
+              <media-tooltip id="cast-tooltip" side="top" class="${cn(popup.tooltip)}"></media-tooltip>
+              <media-pip-button commandfor="pip-tooltip" class="${cn(button.base, button.subtle, button.icon, iconState.pip.button)}">
+                ${renderIcon("pip-enter", { class: cn(icon, iconState.pip.off) })}
+                ${renderIcon("pip-exit", { class: cn(icon, iconState.pip.on) })}
+              </media-pip-button>
+              <media-tooltip id="pip-tooltip" side="top" class="${cn(popup.tooltip)}"></media-tooltip>
+              <media-fullscreen-button commandfor="fullscreen-tooltip" class="${cn(button.base, button.subtle, button.icon, iconState.fullscreen.button)}">
+                ${renderIcon("fullscreen-enter", { class: cn(icon, iconState.fullscreen.enter) })}
+                ${renderIcon("fullscreen-exit", { class: cn(icon, iconState.fullscreen.exit) })}
+              </media-fullscreen-button>
+              <media-tooltip id="fullscreen-tooltip" side="top" class="${cn(popup.tooltip)}"></media-tooltip>
+          </div>
+        </media-tooltip-group>
+      </media-controls>
+
+      <div class="${overlay}"></div>
+    </media-container>
+  `;
+}
+var LiveVideoSkinTailwindElement = class extends SkinElement {
+	static {
+		this.tagName = "live-video-skin-tailwind";
+	}
+	static {
+		this.template = createTemplate(getTemplateHTML());
+	}
+};
+safeDefine(LiveVideoSkinTailwindElement);
+//#endregion
+export { LiveVideoSkinTailwindElement };
+
+//# sourceMappingURL=skin.tailwind.js.map

package/dist/dev/define/live-video/skin.tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.tailwind.js","names":[],"sources":["../../../../src/define/live-video/skin.tailwind.ts"],"sourcesContent":["import { renderIcon } from '@videojs/icons/render';\nimport {\n  bufferingIndicator,\n  button,\n  buttonGroupEnd,\n  buttonGroupStart,\n  controls,\n  error,\n  icon,\n  iconState,\n  overlay,\n  popup,\n  poster,\n  root,\n  slider,\n} from '@videojs/skins/default/tailwind/video.tailwind';\nimport { createTemplate } from '@videojs/utils/dom';\nimport { cn } from '@videojs/utils/style';\nimport { safeDefine } from '../safe-define';\nimport { SkinElement } from '../skin-element';\n\n// Reuse the video preset's UI element registrations.\nimport '../video/ui';\n\nfunction getTemplateHTML() {\n  return /*html*/ `\n    <media-container class=\"${root(true)}\">\n      <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n      <slot name=\"media\"></slot>\n      <slot></slot>\n\n      <media-poster class=\"${poster(true)}\">\n        <slot name=\"poster\"></slot>\n      </media-poster>\n\n      <media-buffering-indicator class=\"${bufferingIndicator.root}\">\n        <div class=\"${bufferingIndicator.container}\">\n          ${renderIcon('spinner')}\n        </div>\n      </media-buffering-indicator>\n\n      <media-error-dialog class=\"${error.root}\">\n        <div class=\"${error.dialog}\">\n          <div class=\"${error.content}\">\n            <media-alert-dialog-title class=\"${error.title}\">Something went wrong.</media-alert-dialog-title>\n            <media-alert-dialog-description class=\"${error.description}\"></media-alert-dialog-description>\n          </div>\n          <div class=\"${error.actions}\">\n            <media-alert-dialog-close class=\"${cn(button.base, button.primary)}\">OK</media-alert-dialog-close>\n          </div>\n        </div>\n      </media-error-dialog>\n\n      <media-controls data-controls=\"\" class=\"${controls}\">\n        <media-tooltip-group>\n          <div class=\"${buttonGroupStart}\">\n              <media-play-button commandfor=\"play-tooltip\" class=\"${cn(button.base, button.subtle, button.icon, iconState.play.button)}\">\n                ${renderIcon('restart', { class: cn(icon, iconState.play.restart) })}\n                ${renderIcon('play', { class: cn(icon, iconState.play.play) })}\n                ${renderIcon('pause', { class: cn(icon, iconState.play.pause) })}\n              </media-play-button>\n              <media-tooltip id=\"play-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\"></media-tooltip>\n          </div>\n\n          <div class=\"grow\" aria-hidden=\"true\"></div>\n\n          <div class=\"${buttonGroupEnd}\">\n            <media-mute-button commandfor=\"live-video-volume-popover\" class=\"${cn(button.base, button.subtle, button.icon, iconState.mute.button)}\">\n              ${renderIcon('volume-off', { class: cn(icon, iconState.mute.volumeOff) })}\n              ${renderIcon('volume-low', { class: cn(icon, iconState.mute.volumeLow) })}\n              ${renderIcon('volume-high', { class: cn(icon, iconState.mute.volumeHigh) })}\n            </media-mute-button>\n\n            <media-popover id=\"live-video-volume-popover\" open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"${cn(popup.popover, popup.volume)}\">\n              <media-volume-slider class=\"${slider.root}\" orientation=\"vertical\" thumb-alignment=\"edge\">\n                <media-slider-track class=\"${slider.track}\">\n                  <media-slider-fill class=\"${cn(slider.fill.base, slider.fill.fill)}\"></media-slider-fill>\n                </media-slider-track>\n                <media-slider-thumb class=\"${cn(slider.thumb.base, slider.thumb.persistent)}\"></media-slider-thumb>\n              </media-volume-slider>\n            </media-popover>\n              <media-captions-button commandfor=\"captions-tooltip\" class=\"${cn(button.base, button.subtle, button.icon, iconState.captions.button)}\">\n                ${renderIcon('captions-off', { class: cn(icon, iconState.captions.off) })}\n                ${renderIcon('captions-on', { class: cn(icon, iconState.captions.on) })}\n              </media-captions-button>\n              <media-tooltip id=\"captions-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\"></media-tooltip>\n              <media-cast-button commandfor=\"cast-tooltip\" class=\"${cn(button.base, button.subtle, button.icon, iconState.cast.button)}\">\n                ${renderIcon('cast-enter', { class: cn(icon, iconState.cast.enter) })}\n                ${renderIcon('cast-exit', { class: cn(icon, iconState.cast.exit) })}\n              </media-cast-button>\n              <media-tooltip id=\"cast-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\"></media-tooltip>\n              <media-pip-button commandfor=\"pip-tooltip\" class=\"${cn(button.base, button.subtle, button.icon, iconState.pip.button)}\">\n                ${renderIcon('pip-enter', { class: cn(icon, iconState.pip.off) })}\n                ${renderIcon('pip-exit', { class: cn(icon, iconState.pip.on) })}\n              </media-pip-button>\n              <media-tooltip id=\"pip-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\"></media-tooltip>\n              <media-fullscreen-button commandfor=\"fullscreen-tooltip\" class=\"${cn(button.base, button.subtle, button.icon, iconState.fullscreen.button)}\">\n                ${renderIcon('fullscreen-enter', { class: cn(icon, iconState.fullscreen.enter) })}\n                ${renderIcon('fullscreen-exit', { class: cn(icon, iconState.fullscreen.exit) })}\n              </media-fullscreen-button>\n              <media-tooltip id=\"fullscreen-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\"></media-tooltip>\n          </div>\n        </media-tooltip-group>\n      </media-controls>\n\n      <div class=\"${overlay}\"></div>\n    </media-container>\n  `;\n}\n\nexport class LiveVideoSkinTailwindElement extends SkinElement {\n  static readonly tagName = 'live-video-skin-tailwind';\n  static template = createTemplate(getTemplateHTML());\n}\n\nsafeDefine(LiveVideoSkinTailwindElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveVideoSkinTailwindElement.tagName]: LiveVideoSkinTailwindElement;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAS,kBAAkB;AACzB,QAAgB;8BACY,KAAK,KAAK,CAAC;;;;;6BAKZ,OAAO,KAAK,CAAC;;;;0CAIA,mBAAmB,KAAK;sBAC5C,mBAAmB,UAAU;YACvC,WAAW,UAAU,CAAC;;;;mCAIC,MAAM,KAAK;sBACxB,MAAM,OAAO;wBACX,MAAM,QAAQ;+CACS,MAAM,MAAM;qDACN,MAAM,YAAY;;wBAE/C,MAAM,QAAQ;+CACS,GAAG,OAAO,MAAM,OAAO,QAAQ,CAAC;;;;;gDAK/B,SAAS;;wBAEjC,iBAAiB;oEAC2B,GAAG,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;kBACrH,WAAW,WAAW,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,QAAQ,EAAE,CAAC,CAAC;kBACnE,WAAW,QAAQ,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC;kBAC7D,WAAW,SAAS,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,MAAM,EAAE,CAAC,CAAC;;mEAEd,GAAG,MAAM,QAAQ,CAAC;;;;;wBAK7D,eAAe;+EACwC,GAAG,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;gBAClI,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,UAAU,EAAE,CAAC,CAAC;gBACxE,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,UAAU,EAAE,CAAC,CAAC;gBACxE,WAAW,eAAe,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,WAAW,EAAE,CAAC,CAAC;;;0HAGgC,GAAG,MAAM,SAAS,MAAM,OAAO,CAAC;4CAC9G,OAAO,KAAK;6CACX,OAAO,MAAM;8CACZ,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,KAAK,CAAC;;6CAExC,GAAG,OAAO,MAAM,MAAM,OAAO,MAAM,WAAW,CAAC;;;4EAGhB,GAAG,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,UAAU,SAAS,OAAO,CAAC;kBACjI,WAAW,gBAAgB,EAAE,OAAO,GAAG,MAAM,UAAU,SAAS,IAAI,EAAE,CAAC,CAAC;kBACxE,WAAW,eAAe,EAAE,OAAO,GAAG,MAAM,UAAU,SAAS,GAAG,EAAE,CAAC,CAAC;;uEAEjB,GAAG,MAAM,QAAQ,CAAC;oEACrB,GAAG,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;kBACrH,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,MAAM,EAAE,CAAC,CAAC;kBACpE,WAAW,aAAa,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC;;mEAEjB,GAAG,MAAM,QAAQ,CAAC;kEACnB,GAAG,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,UAAU,IAAI,OAAO,CAAC;kBAClH,WAAW,aAAa,EAAE,OAAO,GAAG,MAAM,UAAU,IAAI,IAAI,EAAE,CAAC,CAAC;kBAChE,WAAW,YAAY,EAAE,OAAO,GAAG,MAAM,UAAU,IAAI,GAAG,EAAE,CAAC,CAAC;;kEAEd,GAAG,MAAM,QAAQ,CAAC;gFACJ,GAAG,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,OAAO,CAAC;kBACvI,WAAW,oBAAoB,EAAE,OAAO,GAAG,MAAM,UAAU,WAAW,MAAM,EAAE,CAAC,CAAC;kBAChF,WAAW,mBAAmB,EAAE,OAAO,GAAG,MAAM,UAAU,WAAW,KAAK,EAAE,CAAC,CAAC;;yEAEvB,GAAG,MAAM,QAAQ,CAAC;;;;;oBAKvE,QAAQ;;;;AAK5B,IAAa,+BAAb,cAAkD,YAAY;;iBAClC;;;kBACR,eAAe,iBAAiB,CAAC;;;AAGrD,WAAW,6BAA6B"}

package/dist/dev/define/skin-element.d.ts

@@ -1,5 +1,5 @@
-import { ShadowStyle } from "@videojs/utils/dom";
 import { ReactiveElement } from "@videojs/element";
+import { ShadowStyle } from "@videojs/utils/dom";
 
 //#region src/define/skin-element.d.ts
 /**

package/dist/dev/define/skin-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skin-element.d.ts","names":[],"sources":["../../../src/define/skin-element.ts"],"mappings":";;;;;;AAmBA;;;cAAa,WAAA,SAAoB,eAAA;EAAA,OACxB,iBAAA,EAAmB,cAAA;EAAA,OACnB,MAAA,GAAS,WAAA;EAAA,OACT,QAAA,GAAW,mBAAA"}
+{"version":3,"file":"skin-element.d.ts","names":[],"sources":["../../../src/define/skin-element.ts"],"mappings":";;;;;;AAmBA;;;cAAa,WAAA,SAAoB,eAAA;EAAA,OACxB,iBAAA,EAAmB,cAAA;EAAA,OACnB,MAAA,GAAS,WAAA;EAAA,OACT,QAAA,GAAW,mBAAA;EAElB,WAAA,CAAA;AAAA"}

package/dist/dev/define/skin-element.js

@@ -1,7 +1,7 @@
 import base_default from "../_virtual/inline-css_src/define/base.js";
 import shared_default from "../_virtual/inline-css_src/define/shared.js";
-import { applyShadowStyles, createShadowStyle, ensureGlobalStyle, renderTemplate } from "@videojs/utils/dom";
 import { ReactiveElement } from "@videojs/element";
+import { applyShadowStyles, createShadowStyle, ensureGlobalStyle, renderTemplate } from "@videojs/utils/dom";
 //#region src/define/skin-element.ts
 const STYLES_ID = "__media-styles";
 const sharedSheet = createShadowStyle(shared_default);

package/dist/dev/define/video/minimal-skin.css

@@ -311,7 +311,8 @@ media-tooltip-group {
     cursor: not-allowed;
   }
 
-  &[data-availability="unavailable"] {
+  &[data-availability="unavailable"],
+  &[data-availability="unsupported"] {
     display: none;
   }
 }

package/dist/dev/define/video/minimal-skin.d.ts

@@ -1,10 +1,10 @@
 import { SkinElement } from "../skin-element.js";
-import * as _videojs_utils_dom0 from "@videojs/utils/dom";
+import * as _$_videojs_utils_dom0 from "@videojs/utils/dom";
 
 //#region src/define/video/minimal-skin.d.ts
 declare class MinimalVideoSkinElement extends SkinElement {
   static readonly tagName = "video-minimal-skin";
-  static styles: _videojs_utils_dom0.ShadowStyle;
+  static styles: _$_videojs_utils_dom0.ShadowStyle;
   static template: HTMLTemplateElement | null;
 }
 declare global {

package/dist/dev/define/video/minimal-skin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimal-skin.d.ts","names":[],"sources":["../../../../src/define/video/minimal-skin.ts"],"mappings":";;;;cAoJa,uBAAA,SAAgC,WAAA;EAAA,gBAC3B,OAAA;EAAA,OACT,MAAA,EAF4B,mBAAA,CAEtB,WAAA;EAAA,OACN,QAAA,EAAQ,mBAAA;AAAA;AAAA,QAKT,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,uBAAA,CAAwB,OAAA,GAAU,uBAAA;EAAA;AAAA"}
+{"version":3,"file":"minimal-skin.d.ts","names":[],"sources":["../../../../src/define/video/minimal-skin.ts"],"mappings":";;;;cAoJa,uBAAA,SAAgC,WAAA;EAAA,gBAC3B,OAAA;EAAA,OACT,MAAA,EAF4B,qBAAA,CAEtB,WAAA;EAAA,OACN,QAAA,EAAQ,mBAAA;AAAA;AAAA,QAKT,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,uBAAA,CAAwB,OAAA,GAAU,uBAAA;EAAA;AAAA"}

package/dist/dev/define/video/player.d.ts

@@ -1,9 +1,9 @@
 import { MediaElement } from "../../ui/media-element.js";
 import { PlayerProviderConstructor } from "../../store/types.js";
-import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { index_d_exports } from "../../index.js";
 
 //#region src/define/video/player.d.ts
-declare const VideoPlayerElement_base: typeof MediaElement & PlayerProviderConstructor<_videojs_core_dom0.VideoPlayerStore>;
+declare const VideoPlayerElement_base: typeof MediaElement & PlayerProviderConstructor<index_d_exports.VideoPlayerStore>;
 declare class VideoPlayerElement extends VideoPlayerElement_base {
   static readonly tagName = "video-player";
 }

package/dist/dev/define/video/skin.css

@@ -318,7 +318,8 @@ media-tooltip-group {
     cursor: not-allowed;
   }
 
-  &[data-availability="unavailable"] {
+  &[data-availability="unavailable"],
+  &[data-availability="unsupported"] {
     display: none;
   }
 }

package/dist/dev/define/video/skin.d.ts

@@ -1,10 +1,10 @@
 import { SkinElement } from "../skin-element.js";
-import * as _videojs_utils_dom0 from "@videojs/utils/dom";
+import * as _$_videojs_utils_dom0 from "@videojs/utils/dom";
 
 //#region src/define/video/skin.d.ts
 declare class VideoSkinElement extends SkinElement {
   static readonly tagName = "video-skin";
-  static styles: _videojs_utils_dom0.ShadowStyle;
+  static styles: _$_videojs_utils_dom0.ShadowStyle;
   static template: HTMLTemplateElement | null;
 }
 declare global {

package/dist/dev/define/video/skin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/video/skin.ts"],"mappings":";;;;cAwKa,gBAAA,SAAyB,WAAA;EAAA,gBACpB,OAAA;EAAA,OACT,MAAA,EAFqB,mBAAA,CAEf,WAAA;EAAA,OACN,QAAA,EAAQ,mBAAA;AAAA;AAAA,QAKT,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,gBAAA,CAAiB,OAAA,GAAU,gBAAA;EAAA;AAAA"}
+{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/video/skin.ts"],"mappings":";;;;cAwKa,gBAAA,SAAyB,WAAA;EAAA,gBACpB,OAAA;EAAA,OACT,MAAA,EAFqB,qBAAA,CAEf,WAAA;EAAA,OACN,QAAA,EAAQ,mBAAA;AAAA;AAAA,QAKT,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,gBAAA,CAAiB,OAAA,GAAU,gBAAA;EAAA;AAAA"}

package/dist/dev/index.d.ts

@@ -1,18 +1,18 @@
 import { MediaElement, MediaElementConstructor } from "./ui/media-element.js";
+import { PlayerConsumer, PlayerConsumerConstructor, PlayerProvider, PlayerProviderConstructor } from "./store/types.js";
 import { MediaContainerElement } from "./media/container-element.js";
 import { CONTAINER_CONTEXT_KEY, ContainerContext, ContainerContextConsumer, ContainerContextValue, MEDIA_CONTEXT_KEY, MediaContext, MediaContextValue, PLAYER_CONTEXT_KEY, PlayerContext, PlayerContextValue, containerContext, mediaContext, playerContext } from "./player/context.js";
-import { PlayerConsumer, PlayerConsumerConstructor, PlayerProvider, PlayerProviderConstructor } from "./store/types.js";
 import { ContainerMixin, ContainerMixinConfig, createContainerMixin } from "./store/container-mixin.js";
 import { ProviderMixin, ProviderMixinConfig, createProviderMixin } from "./store/provider-mixin.js";
 import { PlayerController, PlayerControllerHost } from "./player/player-controller.js";
 import { CreatePlayerConfig, CreatePlayerResult, createPlayer } from "./player/create-player.js";
 import { MediaAttachMixin, createMediaAttachMixin } from "./store/media-attach-mixin.js";
 import { AlertDialogCloseElement } from "./ui/alert-dialog/alert-dialog-close-element.js";
-import { AlertDialogContextValue, alertDialogContext } from "./ui/alert-dialog/context.js";
 import { ContextPartElement, PartContextValue } from "./ui/context-part-element.js";
 import { AlertDialogDescriptionElement } from "./ui/alert-dialog/alert-dialog-description-element.js";
 import { AlertDialogElement } from "./ui/alert-dialog/alert-dialog-element.js";
 import { AlertDialogTitleElement } from "./ui/alert-dialog/alert-dialog-title-element.js";
+import { AlertDialogContextValue, alertDialogContext } from "./ui/alert-dialog/context.js";
 import { BufferingIndicatorElement } from "./ui/buffering-indicator/buffering-indicator-element.js";
 import { MediaButtonElement } from "./ui/media-button-element.js";
 import { CaptionsButtonElement } from "./ui/captions-button/captions-button-element.js";
@@ -51,6 +51,15 @@ import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipElement } from "./ui/tooltip/tooltip-element.js";
 import { TooltipGroupElement } from "./ui/tooltip/tooltip-group-element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/volume-slider-element.js";
+import { DestroyMixin, Destroyable, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ReactiveController, ReactiveControllerHost, ReactiveElement } from "@videojs/element";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 export * from "@videojs/core/dom";
-export { AlertDialogCloseElement, type AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, CreatePlayerConfig, CreatePlayerResult, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, ProviderMixin, ProviderMixinConfig, SeekButtonElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };
+
+//#region src/index.d.ts
+declare namespace index_d_exports {
+  export { AlertDialogCloseElement, AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, CreatePlayerConfig, CreatePlayerResult, DestroyMixin, Destroyable, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ProviderMixin, ProviderMixinConfig, ReactiveController, ReactiveControllerHost, ReactiveElement, SeekButtonElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };
+}
+import * as import__videojs_core_dom from "@videojs/core/dom";
+//#endregion
+export { AlertDialogCloseElement, type AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, CreatePlayerConfig, CreatePlayerResult, DestroyMixin, type Destroyable, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, ProviderMixin, ProviderMixinConfig, type ReactiveController, type ReactiveControllerHost, ReactiveElement, SeekButtonElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, index_d_exports, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":""}

package/dist/dev/index.js

@@ -49,6 +49,7 @@ import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipElement } from "./ui/tooltip/tooltip-element.js";
 import { TooltipGroupElement } from "./ui/tooltip/tooltip-group-element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/volume-slider-element.js";
+import { DestroyMixin, ReactiveElement } from "@videojs/element";
 import { createSelector, shallowEqual } from "@videojs/store";
 export * from "@videojs/core/dom";
-export { AlertDialogCloseElement, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, ContextPartElement, ControlsElement, ControlsGroupElement, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaElement, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerController, PopoverElement, PosterElement, SeekButtonElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };
+export { AlertDialogCloseElement, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, ContextPartElement, ControlsElement, ControlsGroupElement, DestroyMixin, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaElement, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerController, PopoverElement, PosterElement, ReactiveElement, SeekButtonElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };

package/dist/dev/media/background-video/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.ts"],"mappings":";;;iBAIS,eAAA,CAAgB,KAAA,EAAO,MAAA;AAAA,cAAsB,oBAAA;EAAA;;;cAsBzC,eAAA,SAAwB,oBAAA;EAAA,OAC5B,iBAAA;UAAsC,cAAA;EAAA;EAAA,OACtC,eAAA,SAAe,eAAA;EAAA,WACX,kBAAA,CAAA;;EA8BX,cAAA,CAAA,GAAkB,KAAA;EAIlB,wBAAA,CAAyB,QAAA,UAAkB,QAAA,iBAAyB,QAAA;EAAA,IAMhE,MAAA,CAAA,GAAU,gBAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.ts"],"mappings":";;;iBAIS,eAAA,CAAgB,KAAA,EAAO,MAAA;AAAA,cAAsB,oBAAA;EAAA;;;cAsBzC,eAAA,SAAwB,oBAAA;EAAA,OAC5B,iBAAA;IAAsB,IAAA,EAAgB,cAAA;EAAA;EAAA,OACtC,eAAA,SAAe,eAAA;EAAA,WACX,kBAAA,CAAA;EAIX,WAAA,CAAA;EA0BA,cAAA,CAAA,GAAkB,KAAA;EAIlB,wBAAA,CAAyB,QAAA,UAAkB,QAAA,iBAAyB,QAAA;EAAA,IAMhE,MAAA,CAAA,GAAU,gBAAA;AAAA"}

package/dist/dev/media/container-element.d.ts

@@ -1,9 +1,9 @@
 import { MediaElement } from "../ui/media-element.js";
 import { PlayerConsumerConstructor } from "../store/types.js";
-import * as _videojs_core_dom0 from "@videojs/core/dom";
+import * as _$_videojs_core_dom0 from "@videojs/core/dom";
 
 //#region src/media/container-element.d.ts
-declare const MediaContainerElement_base: typeof MediaElement & PlayerConsumerConstructor<_videojs_core_dom0.AnyPlayerStore>;
+declare const MediaContainerElement_base: typeof MediaElement & PlayerConsumerConstructor<_$_videojs_core_dom0.AnyPlayerStore>;
 declare class MediaContainerElement extends MediaContainerElement_base {
   #private;
   static readonly tagName = "media-container";

package/dist/dev/media/dash-video/index.d.ts

@@ -1,8 +1,8 @@
 import { DashMedia } from "@videojs/core/dom/media/dash";
-import * as _videojs_utils_types0 from "@videojs/utils/types";
+import * as _$_videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/dash-video/index.d.ts
-declare const DashVideo_base: _videojs_utils_types0.Constructor<HTMLElement & DashMedia> & {
+declare const DashVideo_base: _$_videojs_utils_types0.Constructor<HTMLElement & DashMedia> & {
   properties: Record<string, {
     type: any;
     attribute?: string;

package/dist/dev/media/hls-video/index.d.ts

@@ -1,8 +1,8 @@
 import { HlsMedia } from "@videojs/core/dom/media/hls";
-import * as _videojs_utils_types0 from "@videojs/utils/types";
+import * as _$_videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/hls-video/index.d.ts
-declare const HlsVideo_base: _videojs_utils_types0.Constructor<HTMLElement & HlsMedia> & {
+declare const HlsVideo_base: _$_videojs_utils_types0.Constructor<HTMLElement & HlsMedia> & {
   properties: Record<string, {
     type: any;
     attribute?: string;

package/dist/dev/media/mux-audio/index.d.ts

@@ -1,8 +1,8 @@
 import { MuxAudioMedia } from "@videojs/core/dom/media/mux";
-import * as _videojs_utils_types0 from "@videojs/utils/types";
+import * as _$_videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/mux-audio/index.d.ts
-declare const MuxAudio_base: _videojs_utils_types0.Constructor<HTMLElement & MuxAudioMedia> & {
+declare const MuxAudio_base: _$_videojs_utils_types0.Constructor<HTMLElement & MuxAudioMedia> & {
   properties: Record<string, {
     type: any;
     attribute?: string;

package/dist/dev/media/mux-audio/index.js

@@ -8,7 +8,10 @@ var MuxAudio = class extends MediaAttachMixin(CustomMediaElement("audio", MuxAud
 			...super.observedAttributes,
 			"type",
 			"prefer-playback",
-			"debug"
+			"debug",
+			"cast-src",
+			"cast-receiver",
+			"cast-content-type"
 		];
 	}
 };

package/dist/dev/media/mux-audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-audio/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxAudioMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxAudio extends MediaAttachMixin(CustomMediaElement('audio', MuxAudioMedia)) {\n  static get observedAttributes() {\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return [...super.observedAttributes, 'type', 'prefer-playback', 'debug'];\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-audio/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxAudioMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxAudio extends MediaAttachMixin(CustomMediaElement('audio', MuxAudioMedia)) {\n  static get observedAttributes() {\n    return [\n      // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n      ...super.observedAttributes,\n      'type',\n      'prefer-playback',\n      'debug',\n      'cast-src',\n      'cast-receiver',\n      'cast-content-type',\n    ];\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAC9B,SAAO;GAEL,GAAG,MAAM;GACT;GACA;GACA;GACA;GACA;GACA;GACD"}

package/dist/dev/media/mux-video/index.d.ts

@@ -1,8 +1,8 @@
 import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
-import * as _videojs_utils_types0 from "@videojs/utils/types";
+import * as _$_videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/mux-video/index.d.ts
-declare const MuxVideo_base: _videojs_utils_types0.Constructor<HTMLElement & MuxVideoMedia> & {
+declare const MuxVideo_base: _$_videojs_utils_types0.Constructor<HTMLElement & MuxVideoMedia> & {
   properties: Record<string, {
     type: any;
     attribute?: string;

package/dist/dev/media/mux-video/index.js

@@ -8,7 +8,10 @@ var MuxVideo = class extends MediaAttachMixin(CustomMediaElement("video", MuxVid
 			...super.observedAttributes,
 			"type",
 			"prefer-playback",
-			"debug"
+			"debug",
+			"cast-src",
+			"cast-receiver",
+			"cast-content-type"
 		];
 	}
 };

package/dist/dev/media/mux-video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxVideoMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxVideo extends MediaAttachMixin(CustomMediaElement('video', MuxVideoMedia)) {\n  static get observedAttributes() {\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return [...super.observedAttributes, 'type', 'prefer-playback', 'debug'];\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxVideoMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxVideo extends MediaAttachMixin(CustomMediaElement('video', MuxVideoMedia)) {\n  static get observedAttributes() {\n    return [\n      // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n      ...super.observedAttributes,\n      'type',\n      'prefer-playback',\n      'debug',\n      'cast-src',\n      'cast-receiver',\n      'cast-content-type',\n    ];\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAC9B,SAAO;GAEL,GAAG,MAAM;GACT;GACA;GACA;GACA;GACA;GACA;GACD"}