@videojs/html 10.0.0-beta.29 → 10.0.0-beta.30

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

@@ -456,7 +456,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-default-skin .media-button {
     scale: 1;
-    transition-property: background-color, color, outline-offset;
+    transition-property: background-color, color;
     will-change: auto;
   }
 }
@@ -1028,7 +1028,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1212,7 +1211,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {

package/dist/dev/define/live-audio/minimal-skin.css

@@ -465,7 +465,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-minimal-skin .media-button {
     scale: 1;
-    transition-property: background-color, outline-offset;
+    transition-property: background-color;
     will-change: auto;
   }
 }
@@ -1036,7 +1036,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1215,7 +1214,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {

package/dist/dev/define/live-audio/skin.css

@@ -456,7 +456,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-default-skin .media-button {
     scale: 1;
-    transition-property: background-color, color, outline-offset;
+    transition-property: background-color, color;
     will-change: auto;
   }
 }
@@ -1028,7 +1028,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1212,7 +1211,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {

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

@@ -523,7 +523,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-minimal-skin .media-button {
     scale: 1;
-    transition-property: background-color, outline-offset;
+    transition-property: background-color;
     will-change: auto;
   }
 }
@@ -568,8 +568,7 @@ media-container {
   transition: opacity 0.25s;
 }
 .media-minimal-skin media-poster:not([data-visible]),
-.media-minimal-skin > img:not([data-visible]),
-.media-minimal-skin > img[data-visible]:not([data-loaded]) {
+.media-minimal-skin > img:not([data-visible]) {
   opacity: 0;
 }
 .media-minimal-skin media-poster ::slotted(img),
@@ -588,30 +587,6 @@ media-container {
   border-radius: inherit;
 }
 
-/* Blurred placeholder: HTML path targets media-poster::before, React path targets the skin container::before */
-.media-minimal-skin media-poster::before,
-.media-minimal-skin::before {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  content: "";
-  background-image: var(--media-poster-placeholder, none);
-  background-repeat: no-repeat;
-  background-position: var(--media-object-position, center);
-  background-size: var(--media-object-fit, contain);
-  filter: blur(var(--media-poster-placeholder-blur, 20px));
-}
-
-/* React path: hidden by default, transitions in while poster loads */
-.media-minimal-skin::before {
-  opacity: 0;
-  transition: opacity 0.25s;
-}
-/* Show placeholder while the poster is visible but not yet loaded */
-.media-minimal-skin:has(img[data-visible]:not([data-loaded]))::before {
-  opacity: 1;
-}
-
 .media-minimal-skin:fullscreen media-poster ::slotted(img),
 .media-minimal-skin:fullscreen media-poster img,
 .media-minimal-skin:fullscreen > img {
@@ -1218,7 +1193,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1397,7 +1371,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {
@@ -1953,12 +1926,10 @@ media-container {
 
   @media (pointer: fine) {
     transition-property: translate, filter, opacity;
-    will-change: translate, filter, opacity;
   }
 
   @media (pointer: coarse) {
     transition-property: translate, opacity;
-    will-change: translate, opacity;
   }
 
   &:not([data-visible]) {

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

@@ -509,7 +509,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-default-skin .media-button {
     scale: 1;
-    transition-property: background-color, color, outline-offset;
+    transition-property: background-color, color;
     will-change: auto;
   }
 }
@@ -554,8 +554,7 @@ media-container {
   transition: opacity 0.25s;
 }
 .media-default-skin media-poster:not([data-visible]),
-.media-default-skin > img:not([data-visible]),
-.media-default-skin > img[data-visible]:not([data-loaded]) {
+.media-default-skin > img:not([data-visible]) {
   opacity: 0;
 }
 .media-default-skin media-poster ::slotted(img),
@@ -574,30 +573,6 @@ media-container {
   border-radius: inherit;
 }
 
-/* Blurred placeholder: HTML path targets media-poster::before, React path targets the skin container::before */
-.media-default-skin media-poster::before,
-.media-default-skin::before {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  content: "";
-  background-image: var(--media-poster-placeholder, none);
-  background-repeat: no-repeat;
-  background-position: var(--media-object-position, center);
-  background-size: var(--media-object-fit, contain);
-  filter: blur(var(--media-poster-placeholder-blur, 20px));
-}
-
-/* React path: hidden by default, transitions in while poster loads */
-.media-default-skin::before {
-  opacity: 0;
-  transition: opacity 0.25s;
-}
-/* Show placeholder while the poster is visible but not yet loaded */
-.media-default-skin:has(img[data-visible]:not([data-loaded]))::before {
-  opacity: 1;
-}
-
 .media-default-skin:fullscreen media-poster ::slotted(img),
 .media-default-skin:fullscreen media-poster img,
 .media-default-skin:fullscreen > img {
@@ -1202,7 +1177,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1386,7 +1360,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {
@@ -1940,12 +1913,10 @@ media-container {
 
       @media (pointer: fine) {
         transition-property: filter, opacity, scale, translate;
-        will-change: filter, opacity, scale, translate;
       }
 
       @media (pointer: coarse) {
         transition-property: opacity, scale, translate;
-        will-change: opacity, scale, translate;
       }
     }
 
@@ -2030,12 +2001,10 @@ media-container {
 
   @media (pointer: fine) {
     transition-property: filter, opacity, scale, translate;
-    will-change: filter, opacity, scale, translate;
   }
 
   @media (pointer: coarse) {
     transition-property: opacity, scale, translate;
-    will-change: opacity, scale, translate;
   }
 
   @container media-root (width > 42rem) {

package/dist/dev/define/media/shaka-video.d.ts

@@ -0,0 +1,14 @@
+import { ShakaVideo } from "../../media/shaka-video/media.js";
+import "../../media/shaka-video/index.js";
+//#region src/define/media/shaka-video.d.ts
+declare class ShakaVideoElement extends ShakaVideo {
+  static readonly tagName = "shaka-video";
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [ShakaVideoElement.tagName]: ShakaVideoElement;
+  }
+}
+//#endregion
+export { ShakaVideoElement };
+//# sourceMappingURL=shaka-video.d.ts.map

package/dist/dev/define/media/shaka-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shaka-video.d.ts","names":[],"sources":["../../../../src/define/media/shaka-video.ts"],"mappings":";;;cAGa,0BAA0B;kBACrB;;QAKV;YACI;KACP,kBAAkB,UAAU"}

package/dist/dev/define/media/shaka-video.js

@@ -0,0 +1,13 @@
+import { safeDefine } from "../safe-define.js";
+import { ShakaVideo } from "../../media/shaka-video/media.js";
+//#region src/define/media/shaka-video.ts
+var ShakaVideoElement = class extends ShakaVideo {
+	static {
+		this.tagName = "shaka-video";
+	}
+};
+safeDefine(ShakaVideoElement);
+//#endregion
+export { ShakaVideoElement };
+
+//# sourceMappingURL=shaka-video.js.map

package/dist/dev/define/media/shaka-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shaka-video.js","names":[],"sources":["../../../../src/define/media/shaka-video.ts"],"sourcesContent":["import { ShakaVideo } from '../../media/shaka-video';\nimport { safeDefine } from '../safe-define';\n\nexport class ShakaVideoElement extends ShakaVideo {\n  static readonly tagName = 'shaka-video';\n}\n\nsafeDefine(ShakaVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ShakaVideoElement.tagName]: ShakaVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,oBAAb,cAAuC,WAAW;;EACtB,KAAA,UAAA;;AAC5B;AAEA,WAAW,iBAAiB"}

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

@@ -7,8 +7,6 @@ import { ShadowStyle } from "@videojs/utils/dom";
  * via `adoptedStyleSheets` (or `<style>` fallback).
  */
 declare class SkinElement extends ReactiveElement {
-  static get observedAttributes(): string[];
-  attributeChangedCallback(attr: string, oldValue: string | null, newValue: string | null): void;
   static shadowRootOptions: ShadowRootInit;
   static styles?: ShadowStyle;
   static template?: HTMLTemplateElement | null;

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":";;;;;;;;cAmBa,oBAAoB;aACpB;EAKF,yBAAyB,cAAc,yBAAyB;SAWlE,mBAAmB;SACnB,SAAS;SACT,WAAW;EAElB"}
+{"version":3,"file":"skin-element.d.ts","names":[],"sources":["../../../src/define/skin-element.ts"],"mappings":";;;;;;;;cAmBa,oBAAoB;SACxB,mBAAmB;SACnB,SAAS;SACT,WAAW;EAElB"}

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

@@ -11,14 +11,6 @@ const sharedSheet = createShadowStyle(shared_default);
 * via `adoptedStyleSheets` (or `<style>` fallback).
 */
 var SkinElement = class extends ReactiveElement {
-	static get observedAttributes() {
-		return [...super.observedAttributes, "placeholdersrc"];
-	}
-	attributeChangedCallback(attr, oldValue, newValue) {
-		super.attributeChangedCallback(attr, oldValue, newValue);
-		if (attr === "placeholdersrc") if (newValue) this.style.setProperty("--media-poster-placeholder", `url(${newValue})`);
-		else this.style.removeProperty("--media-poster-placeholder");
-	}
 	static {
 		this.shadowRootOptions = { mode: "open" };
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"skin-element.js","names":["sharedStyles","globalStyles"],"sources":["../../../src/define/skin-element.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport {\n  applyShadowStyles,\n  createShadowStyle,\n  ensureGlobalStyle,\n  renderTemplate,\n  type ShadowStyle,\n} from '@videojs/utils/dom';\nimport globalStyles from './global.css?inline';\nimport sharedStyles from './shared.css?inline';\n\nconst STYLES_ID = '__media-styles';\nconst sharedSheet = createShadowStyle(sharedStyles);\n\n/**\n * Base element for skin definitions. Attaches a shadow root, clones\n * `static template` into it, and applies shared + per-skin styles\n * via `adoptedStyleSheets` (or `<style>` fallback).\n */\nexport class SkinElement extends ReactiveElement {\n  static get observedAttributes(): string[] {\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return [...super.observedAttributes, 'placeholdersrc'];\n  }\n\n  override attributeChangedCallback(attr: string, oldValue: string | null, newValue: string | null): void {\n    super.attributeChangedCallback(attr, oldValue, newValue);\n\n    if (attr === 'placeholdersrc') {\n      if (newValue) {\n        this.style.setProperty('--media-poster-placeholder', `url(${newValue})`);\n      } else {\n        this.style.removeProperty('--media-poster-placeholder');\n      }\n    }\n  }\n  static shadowRootOptions: ShadowRootInit = { mode: 'open' };\n  static styles?: ShadowStyle;\n  static template?: HTMLTemplateElement | null;\n\n  constructor() {\n    super();\n\n    ensureGlobalStyle(STYLES_ID, globalStyles);\n\n    if (!this.shadowRoot) {\n      const ctor = this.constructor as typeof SkinElement;\n      this.attachShadow(ctor.shadowRootOptions);\n\n      if (ctor.template) {\n        renderTemplate(this.shadowRoot!, ctor.template);\n      }\n\n      const sheets: ShadowStyle[] = [sharedSheet];\n      if (ctor.styles) {\n        sheets.push(ctor.styles);\n      }\n      applyShadowStyles(this.shadowRoot!, sheets);\n    }\n  }\n}\n"],"mappings":";;;;;AAWA,MAAM,YAAY;AAClB,MAAM,cAAc,kBAAkBA,cAAY;;;;;;AAOlD,IAAa,cAAb,cAAiC,gBAAgB;CAC/C,WAAW,qBAA+B;EAExC,OAAO,CAAC,GAAG,MAAM,oBAAoB,gBAAgB;CACvD;CAEA,yBAAkC,MAAc,UAAyB,UAA+B;EACtG,MAAM,yBAAyB,MAAM,UAAU,QAAQ;EAEvD,IAAI,SAAS,kBACX,IAAI,UACF,KAAK,MAAM,YAAY,8BAA8B,OAAO,SAAS,EAAE;OAEvE,KAAK,MAAM,eAAe,4BAA4B;CAG5D;;EAC2C,KAAA,oBAAA,EAAE,MAAM,OAAO;;CAI1D,cAAc;EACZ,MAAM;EAEN,kBAAkB,WAAWC,cAAY;EAEzC,IAAI,CAAC,KAAK,YAAY;GACpB,MAAM,OAAO,KAAK;GAClB,KAAK,aAAa,KAAK,iBAAiB;GAExC,IAAI,KAAK,UACP,eAAe,KAAK,YAAa,KAAK,QAAQ;GAGhD,MAAM,SAAwB,CAAC,WAAW;GAC1C,IAAI,KAAK,QACP,OAAO,KAAK,KAAK,MAAM;GAEzB,kBAAkB,KAAK,YAAa,MAAM;EAC5C;CACF;AACF"}
+{"version":3,"file":"skin-element.js","names":["sharedStyles","globalStyles"],"sources":["../../../src/define/skin-element.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport {\n  applyShadowStyles,\n  createShadowStyle,\n  ensureGlobalStyle,\n  renderTemplate,\n  type ShadowStyle,\n} from '@videojs/utils/dom';\nimport globalStyles from './global.css?inline';\nimport sharedStyles from './shared.css?inline';\n\nconst STYLES_ID = '__media-styles';\nconst sharedSheet = createShadowStyle(sharedStyles);\n\n/**\n * Base element for skin definitions. Attaches a shadow root, clones\n * `static template` into it, and applies shared + per-skin styles\n * via `adoptedStyleSheets` (or `<style>` fallback).\n */\nexport class SkinElement extends ReactiveElement {\n  static shadowRootOptions: ShadowRootInit = { mode: 'open' };\n  static styles?: ShadowStyle;\n  static template?: HTMLTemplateElement | null;\n\n  constructor() {\n    super();\n\n    ensureGlobalStyle(STYLES_ID, globalStyles);\n\n    if (!this.shadowRoot) {\n      const ctor = this.constructor as typeof SkinElement;\n      this.attachShadow(ctor.shadowRootOptions);\n\n      if (ctor.template) {\n        renderTemplate(this.shadowRoot!, ctor.template);\n      }\n\n      const sheets: ShadowStyle[] = [sharedSheet];\n      if (ctor.styles) {\n        sheets.push(ctor.styles);\n      }\n      applyShadowStyles(this.shadowRoot!, sheets);\n    }\n  }\n}\n"],"mappings":";;;;;AAWA,MAAM,YAAY;AAClB,MAAM,cAAc,kBAAkBA,cAAY;;;;;;AAOlD,IAAa,cAAb,cAAiC,gBAAgB;;EACJ,KAAA,oBAAA,EAAE,MAAM,OAAO;;CAI1D,cAAc;EACZ,MAAM;EAEN,kBAAkB,WAAWC,cAAY;EAEzC,IAAI,CAAC,KAAK,YAAY;GACpB,MAAM,OAAO,KAAK;GAClB,KAAK,aAAa,KAAK,iBAAiB;GAExC,IAAI,KAAK,UACP,eAAe,KAAK,YAAa,KAAK,QAAQ;GAGhD,MAAM,SAAwB,CAAC,WAAW;GAC1C,IAAI,KAAK,QACP,OAAO,KAAK,KAAK,MAAM;GAEzB,kBAAkB,KAAK,YAAa,MAAM;EAC5C;CACF;AACF"}

package/dist/dev/define/ui/title.d.ts

@@ -0,0 +1,8 @@
+import { TitleElement } from "../../ui/title/title-element.js";
+//#region src/define/ui/title.d.ts
+declare global {
+  interface HTMLElementTagNameMap {
+    [TitleElement.tagName]: TitleElement;
+  }
+}
+//# sourceMappingURL=title.d.ts.map

package/dist/dev/define/ui/title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","names":[],"sources":["../../../../src/define/ui/title.ts"],"mappings":";;QAKQ;YACI;KACP,aAAa,UAAU"}

package/dist/dev/define/ui/title.js

@@ -0,0 +1,7 @@
+import { safeDefine } from "../safe-define.js";
+import { TitleElement } from "../../ui/title/title-element.js";
+//#region src/define/ui/title.ts
+safeDefine(TitleElement);
+//#endregion
+
+//# sourceMappingURL=title.js.map

package/dist/dev/define/ui/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","names":[],"sources":["../../../../src/define/ui/title.ts"],"sourcesContent":["import { TitleElement } from '../../ui/title/title-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(TitleElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [TitleElement.tagName]: TitleElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,YAAY"}

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

@@ -523,7 +523,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-minimal-skin .media-button {
     scale: 1;
-    transition-property: background-color, outline-offset;
+    transition-property: background-color;
     will-change: auto;
   }
 }
@@ -568,8 +568,7 @@ media-container {
   transition: opacity 0.25s;
 }
 .media-minimal-skin media-poster:not([data-visible]),
-.media-minimal-skin > img:not([data-visible]),
-.media-minimal-skin > img[data-visible]:not([data-loaded]) {
+.media-minimal-skin > img:not([data-visible]) {
   opacity: 0;
 }
 .media-minimal-skin media-poster ::slotted(img),
@@ -588,30 +587,6 @@ media-container {
   border-radius: inherit;
 }
 
-/* Blurred placeholder: HTML path targets media-poster::before, React path targets the skin container::before */
-.media-minimal-skin media-poster::before,
-.media-minimal-skin::before {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  content: "";
-  background-image: var(--media-poster-placeholder, none);
-  background-repeat: no-repeat;
-  background-position: var(--media-object-position, center);
-  background-size: var(--media-object-fit, contain);
-  filter: blur(var(--media-poster-placeholder-blur, 20px));
-}
-
-/* React path: hidden by default, transitions in while poster loads */
-.media-minimal-skin::before {
-  opacity: 0;
-  transition: opacity 0.25s;
-}
-/* Show placeholder while the poster is visible but not yet loaded */
-.media-minimal-skin:has(img[data-visible]:not([data-loaded]))::before {
-  opacity: 1;
-}
-
 .media-minimal-skin:fullscreen media-poster ::slotted(img),
 .media-minimal-skin:fullscreen media-poster img,
 .media-minimal-skin:fullscreen > img {
@@ -1218,7 +1193,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1397,7 +1371,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {
@@ -1953,12 +1926,10 @@ media-container {
 
   @media (pointer: fine) {
     transition-property: translate, filter, opacity;
-    will-change: translate, filter, opacity;
   }
 
   @media (pointer: coarse) {
     transition-property: translate, opacity;
-    will-change: translate, opacity;
   }
 
   &:not([data-visible]) {

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

@@ -509,7 +509,7 @@ media-container {
 @media (prefers-reduced-motion: reduce) {
   .media-default-skin .media-button {
     scale: 1;
-    transition-property: background-color, color, outline-offset;
+    transition-property: background-color, color;
     will-change: auto;
   }
 }
@@ -554,8 +554,7 @@ media-container {
   transition: opacity 0.25s;
 }
 .media-default-skin media-poster:not([data-visible]),
-.media-default-skin > img:not([data-visible]),
-.media-default-skin > img[data-visible]:not([data-loaded]) {
+.media-default-skin > img:not([data-visible]) {
   opacity: 0;
 }
 .media-default-skin media-poster ::slotted(img),
@@ -574,30 +573,6 @@ media-container {
   border-radius: inherit;
 }
 
-/* Blurred placeholder: HTML path targets media-poster::before, React path targets the skin container::before */
-.media-default-skin media-poster::before,
-.media-default-skin::before {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  content: "";
-  background-image: var(--media-poster-placeholder, none);
-  background-repeat: no-repeat;
-  background-position: var(--media-object-position, center);
-  background-size: var(--media-object-fit, contain);
-  filter: blur(var(--media-poster-placeholder-blur, 20px));
-}
-
-/* React path: hidden by default, transitions in while poster loads */
-.media-default-skin::before {
-  opacity: 0;
-  transition: opacity 0.25s;
-}
-/* Show placeholder while the poster is visible but not yet loaded */
-.media-default-skin:has(img[data-visible]:not([data-loaded]))::before {
-  opacity: 1;
-}
-
 .media-default-skin:fullscreen media-poster ::slotted(img),
 .media-default-skin:fullscreen media-poster img,
 .media-default-skin:fullscreen > img {
@@ -1202,7 +1177,6 @@ media-container {
     transition-timing-function: ease-out;
     transition-duration: var(--menu-transition-duration);
     transition-property: translate, filter;
-    will-change: translate, filter;
 
     &:where([data-starting-style], [data-ending-style]) {
       overflow: hidden;
@@ -1386,7 +1360,6 @@ media-container {
       transition:
         translate var(--menu-transition-duration) ease-out,
         filter var(--menu-transition-duration) ease-out;
-      will-change: translate, filter;
     }
 
     &[data-submenu-expanded="true"] > :not([data-submenu]) {
@@ -1940,12 +1913,10 @@ media-container {
 
       @media (pointer: fine) {
         transition-property: filter, opacity, scale, translate;
-        will-change: filter, opacity, scale, translate;
       }
 
       @media (pointer: coarse) {
         transition-property: opacity, scale, translate;
-        will-change: opacity, scale, translate;
       }
     }
 
@@ -2030,12 +2001,10 @@ media-container {
 
   @media (pointer: fine) {
     transition-property: filter, opacity, scale, translate;
-    will-change: filter, opacity, scale, translate;
   }
 
   @media (pointer: coarse) {
     transition-property: opacity, scale, translate;
-    will-change: opacity, scale, translate;
   }
 
   @container media-root (width > 42rem) {

package/dist/dev/index.d.ts

@@ -78,6 +78,7 @@ import { TimeSeparatorElement } from "./ui/time/time-separator-element.js";
 import { TimeSliderChapterTitleElement } from "./ui/time-slider/time-slider-chapters/time-slider-chapter-title-element.js";
 import { TimeSliderChaptersElement } from "./ui/time-slider/time-slider-chapters/time-slider-chapters-element.js";
 import { TimeSliderElement } from "./ui/time-slider/time-slider-element.js";
+import { TitleElement } from "./ui/title/title-element.js";
 import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipElement } from "./ui/tooltip/tooltip-element.js";
 import { TooltipGroupElement } from "./ui/tooltip/tooltip-group-element.js";
@@ -93,10 +94,10 @@ import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/sto
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
 declare namespace index_d_exports {
-  export { AirPlayButtonElement, AlertDialogCloseElement, AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, DestroyMixin, Destroyable, ErrorDialogElement, FlatTranslations, FullscreenButtonElement, GestureElement, HotkeyElement, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, LiveButtonElement, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ProviderMixin, ProviderMixinConfig, QualityRadioGroupElement, ReactiveController, ReactiveControllerHost, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, TranslationParams, Translations, Translator, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createI18n, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext };
+  export { AirPlayButtonElement, AlertDialogCloseElement, AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, DestroyMixin, Destroyable, ErrorDialogElement, FlatTranslations, FullscreenButtonElement, GestureElement, HotkeyElement, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, LiveButtonElement, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ProviderMixin, ProviderMixinConfig, QualityRadioGroupElement, ReactiveController, ReactiveControllerHost, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TitleElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, TranslationParams, Translations, Translator, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createI18n, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext };
 }
 import * as import__videojs_core_dom from "@videojs/core/dom";
 import * as import__videojs_media_dom from "@videojs/media/dom";
 //#endregion
-export { AirPlayButtonElement, AlertDialogCloseElement, type AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, DestroyMixin, type Destroyable, ErrorDialogElement, type FlatTranslations, FullscreenButtonElement, GestureElement, HotkeyElement, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, LiveButtonElement, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, ProviderMixin, ProviderMixinConfig, QualityRadioGroupElement, type ReactiveController, type ReactiveControllerHost, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, type TranslationParams, type Translations, type Translator, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createI18n, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext };
+export { AirPlayButtonElement, AlertDialogCloseElement, type AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, DestroyMixin, type Destroyable, ErrorDialogElement, type FlatTranslations, FullscreenButtonElement, GestureElement, HotkeyElement, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, LiveButtonElement, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, ProviderMixin, ProviderMixinConfig, QualityRadioGroupElement, type ReactiveController, type ReactiveControllerHost, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TitleElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, type TranslationParams, type Translations, type Translator, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createI18n, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/dev/index.js

@@ -76,6 +76,7 @@ import { TimeSeparatorElement } from "./ui/time/time-separator-element.js";
 import { TimeSliderChapterTitleElement } from "./ui/time-slider/time-slider-chapters/time-slider-chapter-title-element.js";
 import { TimeSliderChaptersElement } from "./ui/time-slider/time-slider-chapters/time-slider-chapters-element.js";
 import { TimeSliderElement } from "./ui/time-slider/time-slider-element.js";
+import { TitleElement } from "./ui/title/title-element.js";
 import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipLabelElement } from "./ui/tooltip/tooltip-label-element.js";
 import { TooltipShortcutElement } from "./ui/tooltip/tooltip-shortcut-element.js";
@@ -90,4 +91,4 @@ import { hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErr
 import { createSelector, shallowEqual } from "@videojs/store";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
-export { AirPlayButtonElement, AlertDialogCloseElement, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, ContainerMixin, ContextPartElement, ControlsElement, ControlsGroupElement, DestroyMixin, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, I18nController, I18nProviderMixin, I18nTextMixin, LiveButtonElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaElement, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, MenuElement, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerController, PopoverElement, PosterElement, QualityRadioGroupElement, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createI18n, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext };
+export { AirPlayButtonElement, AlertDialogCloseElement, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, ContainerMixin, ContextPartElement, ControlsElement, ControlsGroupElement, DestroyMixin, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, I18nController, I18nProviderMixin, I18nTextMixin, LiveButtonElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaElement, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, MenuElement, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerController, PopoverElement, PosterElement, QualityRadioGroupElement, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TitleElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createI18n, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext };

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

@@ -0,0 +1,2 @@
+import { ShakaVideo } from "./media.js";
+export { ShakaVideo };

package/dist/dev/media/shaka-video/media.d.ts

@@ -0,0 +1,19 @@
+import { ShakaMedia } from "@videojs/media/dom/shaka";
+//#region src/media/shaka-video/media.d.ts
+declare const ShakaVideo_base: import("@videojs/utils/types").Constructor<HTMLElement & ShakaMedia & {
+  readonly host: ShakaMedia;
+  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+}> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+    empty?: unknown;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class ShakaVideo extends ShakaVideo_base {}
+//#endregion
+export { ShakaVideo };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/shaka-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/shaka-video/media.ts"],"mappings":";;;;;;;;;;;;;;;cAIa,mBAAmB"}

package/dist/dev/media/shaka-video/media.js

@@ -0,0 +1,9 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom/custom-media-element";
+import { ShakaMedia } from "@videojs/media/dom/shaka";
+//#region src/media/shaka-video/media.ts
+var ShakaVideo = class extends MediaAttachMixin(CustomMediaElement("video", ShakaMedia)) {};
+//#endregion
+export { ShakaVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/shaka-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/shaka-video/media.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom/custom-media-element';\nimport { ShakaMedia } from '@videojs/media/dom/shaka';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class ShakaVideo extends MediaAttachMixin(CustomMediaElement('video', ShakaMedia)) {}\n"],"mappings":";;;;AAIA,IAAa,aAAb,cAAgC,iBAAiB,mBAAmB,SAAS,UAAU,CAAC,CAAC,CAAC,CAAC"}