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

package/dist/dev/icons/dist/render/minimal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../icons/dist/render/minimal/index.js"],"sourcesContent":["const icons = {\n  \"captions-off\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><rect width=\"16.5\" height=\"12.5\" x=\".75\" y=\"2.75\" stroke=\"currentColor\" stroke-width=\"1.5\" rx=\"3\"/><rect width=\"3\" height=\"1.5\" x=\"3\" y=\"8.5\" fill=\"currentColor\" rx=\".75\"/><rect width=\"2\" height=\"1.5\" x=\"13\" y=\"8.5\" fill=\"currentColor\" rx=\".75\"/><rect width=\"4\" height=\"1.5\" x=\"11\" y=\"11.5\" fill=\"currentColor\" rx=\".75\"/><rect width=\"5\" height=\"1.5\" x=\"7\" y=\"8.5\" fill=\"currentColor\" rx=\".75\"/><rect width=\"7\" height=\"1.5\" x=\"3\" y=\"11.5\" fill=\"currentColor\" rx=\".75\"/></svg>`,\n  \"captions-on\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM3.75 11.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5zm8 0a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5zm-8-3a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zm4 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5zm6 0a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z\"/></svg>`,\n  \"fullscreen-enter\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M15.25 2a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V3.5h-3.75a.75.75 0 0 1-.743-.648L10 2.75a.75.75 0 0 1 .75-.75z\"/><path fill=\"currentColor\" d=\"M14.72 2.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM2.75 10a.75.75 0 0 1 .75.75v3.75h3.75a.75.75 0 0 1 .743.648L8 15.25a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75\"/><path fill=\"currentColor\" d=\"M6.72 10.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06z\"/></svg>`,\n  \"fullscreen-exit\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M10.75 2a.75.75 0 0 1 .75.75V6.5h3.75a.75.75 0 0 1 .743.648L16 7.25a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75\"/><path fill=\"currentColor\" d=\"M14.72 2.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM7.25 10a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V11.5H2.75a.75.75 0 0 1-.743-.648L2 10.75a.75.75 0 0 1 .75-.75z\"/><path fill=\"currentColor\" d=\"M6.72 10.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06z\"/></svg>`,\n  \"pause\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><rect width=\"4\" height=\"12\" x=\"3\" y=\"3\" fill=\"currentColor\" rx=\"1.75\"/><rect width=\"4\" height=\"12\" x=\"11\" y=\"3\" fill=\"currentColor\" rx=\"1.75\"/></svg>`,\n  \"pip-enter\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M13 2a4 4 0 0 1 4 4v2.645a3.5 3.5 0 0 0-1-.145h-.5V6A2.5 2.5 0 0 0 13 3.5H4A2.5 2.5 0 0 0 1.5 6v6A2.5 2.5 0 0 0 4 14.5h2.5v.5c0 .347.05.683.145 1H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\"/><rect width=\"10\" height=\"7\" x=\"8\" y=\"10\" fill=\"currentColor\" rx=\"2\"/><path fill=\"currentColor\" d=\"M7.25 10A.75.75 0 0 0 8 9.25v-3.5a.75.75 0 0 0-1.5 0V8.5H3.75a.75.75 0 0 0-.743.648L3 9.25c0 .414.336.75.75.75z\"/><path fill=\"currentColor\" d=\"M6.72 9.78a.75.75 0 0 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06z\"/></svg>`,\n  \"pip-exit\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M13 2a4 4 0 0 1 4 4v2.646a3.5 3.5 0 0 0-1-.146h-.5V6A2.5 2.5 0 0 0 13 3.5H4A2.5 2.5 0 0 0 1.5 6v6A2.5 2.5 0 0 0 4 14.5h2.5v.5q.002.523.146 1H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\"/><rect width=\"10\" height=\"7\" x=\"8\" y=\"10\" fill=\"currentColor\" rx=\"2\"/><path fill=\"currentColor\" d=\"M3.75 5a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 1.5 0V6.5h2.75a.75.75 0 0 0 .743-.648L8 5.75A.75.75 0 0 0 7.25 5z\"/><path fill=\"currentColor\" d=\"M4.28 5.22a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06-1.06z\"/></svg>`,\n  \"play\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"m13.473 10.476-6.845 4.256a1.697 1.697 0 0 1-2.364-.547 1.77 1.77 0 0 1-.264-.93v-8.51C4 3.78 4.768 3 5.714 3c.324 0 .64.093.914.268l6.845 4.255a1.763 1.763 0 0 1 0 2.953\"/></svg>`,\n  \"restart\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M9 17a8 8 0 0 1-8-8h1.5a6.5 6.5 0 1 0 1.43-4.07l1.643 1.643A.25.25 0 0 1 5.396 7H1.25A.25.25 0 0 1 1 6.75V2.604a.25.25 0 0 1 .427-.177l1.438 1.438A8 8 0 1 1 9 17\"/><path fill=\"currentColor\" d=\"m11.61 9.639-3.331 2.07a.826.826 0 0 1-1.15-.266.86.86 0 0 1-.129-.452V6.849C7 6.38 7.374 6 7.834 6c.158 0 .312.045.445.13l3.331 2.071a.858.858 0 0 1 0 1.438\"/></svg>`,\n  \"seek\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M1 9c0 2.21.895 4.21 2.343 5.657l1.06-1.06a6.5 6.5 0 1 1 9.665-8.665l-1.641 1.641a.25.25 0 0 0 .177.427h4.146a.25.25 0 0 0 .25-.25V2.604a.25.25 0 0 0-.427-.177l-1.438 1.438A8 8 0 0 0 1 9\"/></svg>`,\n  \"spinner\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><rect width=\"2\" height=\"5\" x=\"8\" y=\".5\" opacity=\".5\" rx=\"1\"><animate attributeName=\"opacity\" begin=\"0s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"2\" height=\"5\" x=\"12.243\" y=\"2.257\" opacity=\".45\" rx=\"1\" transform=\"rotate(45 13.243 4.757)\"><animate attributeName=\"opacity\" begin=\"0.125s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"5\" height=\"2\" x=\"12.5\" y=\"8\" opacity=\".4\" rx=\"1\"><animate attributeName=\"opacity\" begin=\"0.25s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"5\" height=\"2\" x=\"10.743\" y=\"12.243\" opacity=\".35\" rx=\"1\" transform=\"rotate(45 13.243 13.243)\"><animate attributeName=\"opacity\" begin=\"0.375s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"2\" height=\"5\" x=\"8\" y=\"12.5\" opacity=\".3\" rx=\"1\"><animate attributeName=\"opacity\" begin=\"0.5s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"2\" height=\"5\" x=\"3.757\" y=\"10.743\" opacity=\".25\" rx=\"1\" transform=\"rotate(45 4.757 13.243)\"><animate attributeName=\"opacity\" begin=\"0.625s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"5\" height=\"2\" x=\".5\" y=\"8\" opacity=\".15\" rx=\"1\"><animate attributeName=\"opacity\" begin=\"0.75s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect><rect width=\"5\" height=\"2\" x=\"2.257\" y=\"3.757\" opacity=\".1\" rx=\"1\" transform=\"rotate(45 4.757 4.757)\"><animate attributeName=\"opacity\" begin=\"0.875s\" calcMode=\"linear\" dur=\"1s\" repeatCount=\"indefinite\" values=\"1;0\"/></rect></svg>`,\n  \"volume-high\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M15.6 3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4C15.4 5.9 16 7.4 16 9s-.6 3.1-1.8 4.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7\"/><path fill=\"currentColor\" d=\"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\"/></svg>`,\n  \"volume-low\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\"/></svg>`,\n  \"volume-off\": `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z\"/></svg>`,\n};\n\nexport function renderIcon(name, attrs) {\n  const svg = icons[name];\n  if (!svg) return '';\n  if (!attrs) return svg;\n  const attrStr = Object.entries(attrs)\n    .map(([k, v]) => ` ${k}=\"${v}\"`)\n    .join('');\n  return svg.replace('<svg', `<svg${attrStr}`);\n}\n"],"mappings":";AAAA,MAAM,QAAQ;CACZ,gBAAgB;CAChB,eAAe;CACf,oBAAoB;CACpB,mBAAmB;CACnB,SAAS;CACT,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,WAAW;CACX,eAAe;CACf,cAAc;CACd,cAAc;CACf;AAED,SAAgB,WAAW,MAAM,OAAO;CACtC,MAAM,MAAM,MAAM;AAClB,KAAI,CAAC,IAAK,QAAO;AACjB,KAAI,CAAC,MAAO,QAAO;CACnB,MAAM,UAAU,OAAO,QAAQ,MAAM,CAClC,KAAK,CAAC,GAAG,OAAO,IAAI,EAAE,IAAI,EAAE,GAAG,CAC/B,KAAK,GAAG;AACX,QAAO,IAAI,QAAQ,QAAQ,OAAO,UAAU"}

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,87 +0,0 @@
-import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { namedNodeMapToObject } from "@videojs/utils/dom";
-
-//#region src/media/background-video/index.ts
-function getTemplateHTML(attrs) {
-	return `
-    <style>
-      :host {
-        position: relative;
-      }
-
-      video {
-        position: absolute;
-        inset: 0;
-        width: 100%;
-        height: 100%;
-        object-fit: var(--media-object-fit, inherit);
-        object-position: var(--media-object-position, 50% 50%);
-      }
-    </style>
-    <slot></slot>
-    <video ${serializeAttributes(attrs)}></video>
-  `;
-}
-var BackgroundVideo = class extends MediaAttachMixin(HTMLElement) {
-	static {
-		this.shadowRootOptions = { mode: "open" };
-	}
-	static {
-		this.getTemplateHTML = getTemplateHTML;
-	}
-	static get observedAttributes() {
-		return ["src"];
-	}
-	constructor() {
-		super();
-		if (!this.shadowRoot) {
-			this.attachShadow(this.constructor.shadowRootOptions);
-			const attrs = {
-				...namedNodeMapToObject(this.attributes),
-				...!this.hasAttribute("nomuted") && { muted: "" },
-				...!this.hasAttribute("noloop") && { loop: "" },
-				...!this.hasAttribute("noautoplay") && { autoplay: "" },
-				playsinline: "",
-				disableremoteplayback: "",
-				disablepictureinpicture: ""
-			};
-			this.shadowRoot.innerHTML = getTemplateHTML(attrs);
-		}
-		this.target.muted = !this.hasAttribute("nomuted");
-	}
-	getMediaTarget() {
-		return this.target;
-	}
-	attributeChangedCallback(attrName, oldValue, newValue) {
-		if (attrName === "src" && oldValue !== newValue) this.target.src = newValue ?? "";
-	}
-	get target() {
-		return this.querySelector(":scope > [slot=media]") ?? this.querySelector("video") ?? this.shadowRoot?.querySelector("video") ?? null;
-	}
-};
-const VideoAttributes = [
-	"autoplay",
-	"controls",
-	"controlslist",
-	"crossorigin",
-	"disablepictureinpicture",
-	"disableremoteplayback",
-	"loop",
-	"muted",
-	"playsinline",
-	"preload"
-];
-function serializeAttributes(attrs) {
-	let html = "";
-	for (const key in attrs) {
-		if (!VideoAttributes.includes(key)) continue;
-		const value = attrs[key];
-		if (value === "") html += ` ${key}`;
-		else html += ` ${key}="${value}"`;
-	}
-	return html;
-}
-
-//#endregion
-export { BackgroundVideo };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/background-video/index.ts"],"sourcesContent":["import type { Media } from '@videojs/core/dom';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nfunction getTemplateHTML(attrs: Record<string, string>) {\n  return /*html*/ `\n    <style>\n      :host {\n        position: relative;\n      }\n\n      video {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: var(--media-object-fit, inherit);\n        object-position: var(--media-object-position, 50% 50%);\n      }\n    </style>\n    <slot></slot>\n    <video ${serializeAttributes(attrs)}></video>\n  `;\n}\n\n// Don't extend CustomMediaMixin to save some bytes, background videos don't need the full Media API.\nexport class BackgroundVideo extends MediaAttachMixin(HTMLElement) {\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof BackgroundVideo).shadowRootOptions);\n\n      const attrs = {\n        ...namedNodeMapToObject(this.attributes),\n        ...(!this.hasAttribute('nomuted') && { muted: '' }),\n        ...(!this.hasAttribute('noloop') && { loop: '' }),\n        ...(!this.hasAttribute('noautoplay') && { autoplay: '' }),\n        playsinline: '',\n        disableremoteplayback: '',\n        disablepictureinpicture: '',\n      };\n\n      this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n    }\n\n    // Neither Chrome or Firefox support setting the muted attribute\n    // after using document.createElement.\n    // Get around this by setting the muted property manually.\n    this.target!.muted = !this.hasAttribute('nomuted');\n  }\n\n  // Register the inner <video> (not `this`) with the provider.\n  getMediaTarget(): Media | null {\n    return this.target;\n  }\n\n  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void {\n    if (attrName === 'src' && oldValue !== newValue) {\n      this.target!.src = newValue ?? '';\n    }\n  }\n\n  get target(): HTMLVideoElement | null {\n    return (\n      this.querySelector(':scope > [slot=media]') ??\n      this.querySelector('video') ??\n      this.shadowRoot?.querySelector('video') ??\n      null\n    );\n  }\n}\n\nconst VideoAttributes = [\n  'autoplay',\n  'controls',\n  'controlslist',\n  'crossorigin',\n  'disablepictureinpicture',\n  'disableremoteplayback',\n  'loop',\n  'muted',\n  'playsinline',\n  'preload',\n] as const;\n\nfunction serializeAttributes(attrs: Record<string, string>): string {\n  let html = '';\n  for (const key in attrs) {\n    // Skip forwarding non native video attributes.\n    if (!VideoAttributes.includes(key as any)) continue;\n\n    const value = attrs[key];\n    if (value === '') html += ` ${key}`;\n    else html += ` ${key}=\"${value}\"`;\n  }\n  return html;\n}\n"],"mappings":";;;;AAIA,SAAS,gBAAgB,OAA+B;AACtD,QAAgB;;;;;;;;;;;;;;;;aAgBL,oBAAoB,MAAM,CAAC;;;AAKxC,IAAa,kBAAb,cAAqC,iBAAiB,YAAY,CAAC;;2BACtC,EAAE,MAAM,QAA0B;;;yBACpC;;CACzB,WAAW,qBAAqB;AAC9B,SAAO,CAAC,MAAM;;CAGhB,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAuC,kBAAkB;GAEjF,MAAM,QAAQ;IACZ,GAAG,qBAAqB,KAAK,WAAW;IACxC,GAAI,CAAC,KAAK,aAAa,UAAU,IAAI,EAAE,OAAO,IAAI;IAClD,GAAI,CAAC,KAAK,aAAa,SAAS,IAAI,EAAE,MAAM,IAAI;IAChD,GAAI,CAAC,KAAK,aAAa,aAAa,IAAI,EAAE,UAAU,IAAI;IACxD,aAAa;IACb,uBAAuB;IACvB,yBAAyB;IAC1B;AAED,QAAK,WAAY,YAAY,gBAAgB,MAAM;;AAMrD,OAAK,OAAQ,QAAQ,CAAC,KAAK,aAAa,UAAU;;CAIpD,iBAA+B;AAC7B,SAAO,KAAK;;CAGd,yBAAyB,UAAkB,UAAyB,UAA+B;AACjG,MAAI,aAAa,SAAS,aAAa,SACrC,MAAK,OAAQ,MAAM,YAAY;;CAInC,IAAI,SAAkC;AACpC,SACE,KAAK,cAAc,wBAAwB,IAC3C,KAAK,cAAc,QAAQ,IAC3B,KAAK,YAAY,cAAc,QAAQ,IACvC;;;AAKN,MAAM,kBAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,oBAAoB,OAAuC;CAClE,IAAI,OAAO;AACX,MAAK,MAAM,OAAO,OAAO;AAEvB,MAAI,CAAC,gBAAgB,SAAS,IAAW,CAAE;EAE3C,MAAM,QAAQ,MAAM;AACpB,MAAI,UAAU,GAAI,SAAQ,IAAI;MACzB,SAAQ,IAAI,IAAI,IAAI,MAAM;;AAEjC,QAAO"}

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

@@ -1,12 +0,0 @@
-import { MediaElement } from "../ui/media-element.js";
-import { PlayerConsumerConstructor } from "../store/types.js";
-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 class MediaContainerElement extends MediaContainerElement_base {
-  static readonly tagName = "media-container";
-}
-//#endregion
-export { MediaContainerElement };
-//# sourceMappingURL=container-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"container-element.d.ts","names":[],"sources":["../../../src/media/container-element.ts"],"mappings":";;;;;cAEmD,0BAAA;cAItC,qBAAA,SAA8B,0BAAA;EAAA,gBACzB,OAAA;AAAA"}

package/dist/dev/media/container-element.js

@@ -1,18 +0,0 @@
-import { containerContext, playerContext } from "../player/context.js";
-import { createContainerMixin } from "../store/container-mixin.js";
-import { MediaElement } from "../ui/media-element.js";
-
-//#region src/media/container-element.ts
-const ContainerMixin = createContainerMixin({
-	playerContext,
-	containerContext
-});
-var MediaContainerElement = class extends ContainerMixin(MediaElement) {
-	static {
-		this.tagName = "media-container";
-	}
-};
-
-//#endregion
-export { MediaContainerElement };
-//# sourceMappingURL=container-element.js.map

package/dist/dev/media/container-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container-element.js","names":[],"sources":["../../../src/media/container-element.ts"],"sourcesContent":["import { containerContext, playerContext } from '../player/context';\nimport { createContainerMixin } from '../store/container-mixin';\nimport { MediaElement } from '../ui/media-element';\n\nconst ContainerMixin = createContainerMixin({ playerContext, containerContext });\n\nexport class MediaContainerElement extends ContainerMixin(MediaElement) {\n  static readonly tagName = 'media-container';\n}\n"],"mappings":";;;;;AAIA,MAAM,iBAAiB,qBAAqB;CAAE;CAAe;CAAkB,CAAC;AAEhF,IAAa,wBAAb,cAA2C,eAAe,aAAa,CAAC;;iBAC5C"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/dash-video/index.ts"],"mappings":";;;cAA+D,cAAA;cAGlD,SAAA,SAAkB,cAAA;EAAA,OACtB,eAAA,CAAgB,KAAA,EAAO,MAAA;;EAW9B,wBAAA,CAAyB,QAAA,UAAkB,QAAA,iBAAyB,QAAA;EAUpE,oBAAA,CAAA;AAAA"}

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

@@ -1,26 +0,0 @@
-import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { DashCustomMedia } from "@videojs/core/dom/media/dash";
-
-//#region src/media/dash-video/index.ts
-var DashVideo = class extends MediaAttachMixin(DashCustomMedia) {
-	static getTemplateHTML(attrs) {
-		const { src, ...rest } = attrs;
-		return super.getTemplateHTML(rest);
-	}
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	attributeChangedCallback(attrName, oldValue, newValue) {
-		if (attrName !== "src") super.attributeChangedCallback(attrName, oldValue, newValue);
-		if (attrName === "src" && oldValue !== newValue) this.src = newValue ?? "";
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback?.();
-		if (!this.hasAttribute("keep-alive")) this.destroy();
-	}
-};
-
-//#endregion
-export { DashVideo };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/dash-video/index.ts"],"sourcesContent":["import { DashCustomMedia } from '@videojs/core/dom/media/dash';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class DashVideo extends MediaAttachMixin(DashCustomMedia) {\n  static getTemplateHTML(attrs: Record<string, string>): string {\n    const { src, ...rest } = attrs;\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return super.getTemplateHTML(rest);\n  }\n\n  constructor() {\n    super();\n    this.attach(this.target);\n  }\n\n  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void {\n    if (attrName !== 'src') {\n      super.attributeChangedCallback(attrName, oldValue, newValue);\n    }\n\n    if (attrName === 'src' && oldValue !== newValue) {\n      this.src = newValue ?? '';\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (!this.hasAttribute('keep-alive')) {\n      this.destroy();\n    }\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,YAAb,cAA+B,iBAAiB,gBAAgB,CAAC;CAC/D,OAAO,gBAAgB,OAAuC;EAC5D,MAAM,EAAE,KAAK,GAAG,SAAS;AAEzB,SAAO,MAAM,gBAAgB,KAAK;;CAGpC,cAAc;AACZ,SAAO;AACP,OAAK,OAAO,KAAK,OAAO;;CAG1B,yBAAyB,UAAkB,UAAyB,UAA+B;AACjG,MAAI,aAAa,MACf,OAAM,yBAAyB,UAAU,UAAU,SAAS;AAG9D,MAAI,aAAa,SAAS,aAAa,SACrC,MAAK,MAAM,YAAY;;CAI3B,uBAA6B;AAC3B,QAAM,wBAAwB;AAE9B,MAAI,CAAC,KAAK,aAAa,aAAa,CAClC,MAAK,SAAS"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/hls-video/index.ts"],"mappings":";;;cAA6D,aAAA;cAGhD,QAAA,SAAiB,aAAA;EAAA,OACrB,eAAA,CAAgB,KAAA,EAAO,MAAA;;EAe9B,wBAAA,CAAyB,QAAA,UAAkB,QAAA,iBAAyB,QAAA;EAUpE,oBAAA,CAAA;AAAA"}

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

@@ -1,26 +0,0 @@
-import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { HlsCustomMedia } from "@videojs/core/dom/media/hls";
-
-//#region src/media/hls-video/index.ts
-var HlsVideo = class extends MediaAttachMixin(HlsCustomMedia) {
-	static getTemplateHTML(attrs) {
-		const { src, ...rest } = attrs;
-		return super.getTemplateHTML(rest);
-	}
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	attributeChangedCallback(attrName, oldValue, newValue) {
-		if (attrName !== "src") super.attributeChangedCallback(attrName, oldValue, newValue);
-		if (attrName === "src" && oldValue !== newValue) this.src = newValue ?? "";
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback?.();
-		if (!this.hasAttribute("keep-alive")) this.destroy();
-	}
-};
-
-//#endregion
-export { HlsVideo };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.ts"],"sourcesContent":["import { HlsCustomMedia } from '@videojs/core/dom/media/hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsVideo extends MediaAttachMixin(HlsCustomMedia) {\n  static getTemplateHTML(attrs: Record<string, string>): string {\n    const { src, ...rest } = attrs;\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return super.getTemplateHTML(rest);\n  }\n\n  constructor() {\n    super();\n    // TODO: If we like to support native media elements that\n    // are appended after the custom element is created, we need to\n    // attach the native element to the Media API after the native element\n    // is appended to the DOM. This is currently not supported.\n    this.attach(this.target);\n  }\n\n  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void {\n    if (attrName !== 'src') {\n      super.attributeChangedCallback(attrName, oldValue, newValue);\n    }\n\n    if (attrName === 'src' && oldValue !== newValue) {\n      this.src = newValue ?? '';\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (!this.hasAttribute('keep-alive')) {\n      this.destroy();\n    }\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,WAAb,cAA8B,iBAAiB,eAAe,CAAC;CAC7D,OAAO,gBAAgB,OAAuC;EAC5D,MAAM,EAAE,KAAK,GAAG,SAAS;AAEzB,SAAO,MAAM,gBAAgB,KAAK;;CAGpC,cAAc;AACZ,SAAO;AAKP,OAAK,OAAO,KAAK,OAAO;;CAG1B,yBAAyB,UAAkB,UAAyB,UAA+B;AACjG,MAAI,aAAa,MACf,OAAM,yBAAyB,UAAU,UAAU,SAAS;AAG9D,MAAI,aAAa,SAAS,aAAa,SACrC,MAAK,MAAM,YAAY;;CAI3B,uBAA6B;AAC3B,QAAM,wBAAwB;AAE9B,MAAI,CAAC,KAAK,aAAa,aAAa,CAClC,MAAK,SAAS"}

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

@@ -1,12 +0,0 @@
-import { SimpleHlsCustomMedia } from "@videojs/core/dom/media/simple-hls";
-
-//#region src/media/simple-hls-video/index.d.ts
-declare const SimpleHlsVideo_base: typeof SimpleHlsCustomMedia;
-declare class SimpleHlsVideo extends SimpleHlsVideo_base {
-  static getTemplateHTML(attrs: Record<string, string>): string;
-  constructor();
-  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void;
-}
-//#endregion
-export { SimpleHlsVideo };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/index.ts"],"mappings":";;;cAA0E,mBAAA;cAG7D,cAAA,SAAuB,mBAAA;EAAA,OAC3B,eAAA,CAAgB,KAAA,EAAO,MAAA;;EAW9B,wBAAA,CAAyB,QAAA,UAAkB,QAAA,iBAAyB,QAAA;AAAA"}

package/dist/dev/media/simple-hls-video/index.js

@@ -1,23 +0,0 @@
-import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { SimpleHlsCustomMedia } from "@videojs/core/dom/media/simple-hls";
-
-//#region src/media/simple-hls-video/index.ts
-var SimpleHlsVideo = class extends MediaAttachMixin(SimpleHlsCustomMedia) {
-	static getTemplateHTML(attrs) {
-		const { src, ...rest } = attrs;
-		return super.getTemplateHTML(rest);
-	}
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	attributeChangedCallback(attrName, oldValue, newValue) {
-		if (attrName !== "src") super.attributeChangedCallback(attrName, oldValue, newValue);
-		if (attrName === "src" && oldValue !== newValue) this.src = newValue ?? "";
-		if (attrName === "preload" && oldValue !== newValue) this.preload = newValue ?? "";
-	}
-};
-
-//#endregion
-export { SimpleHlsVideo };
-//# sourceMappingURL=index.js.map

package/dist/dev/media/simple-hls-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.ts"],"sourcesContent":["import { SimpleHlsCustomMedia } from '@videojs/core/dom/media/simple-hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class SimpleHlsVideo extends MediaAttachMixin(SimpleHlsCustomMedia) {\n  static getTemplateHTML(attrs: Record<string, string>): string {\n    const { src, ...rest } = attrs;\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return super.getTemplateHTML(rest);\n  }\n\n  constructor() {\n    super();\n    this.attach(this.target);\n  }\n\n  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void {\n    if (attrName !== 'src') {\n      super.attributeChangedCallback(attrName, oldValue, newValue);\n    }\n\n    if (attrName === 'src' && oldValue !== newValue) {\n      this.src = newValue ?? '';\n    }\n\n    if (attrName === 'preload' && oldValue !== newValue) {\n      this.preload = (newValue ?? '') as '' | 'none' | 'metadata' | 'auto';\n    }\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,iBAAb,cAAoC,iBAAiB,qBAAqB,CAAC;CACzE,OAAO,gBAAgB,OAAuC;EAC5D,MAAM,EAAE,KAAK,GAAG,SAAS;AAEzB,SAAO,MAAM,gBAAgB,KAAK;;CAGpC,cAAc;AACZ,SAAO;AACP,OAAK,OAAO,KAAK,OAAO;;CAG1B,yBAAyB,UAAkB,UAAyB,UAA+B;AACjG,MAAI,aAAa,MACf,OAAM,yBAAyB,UAAU,UAAU,SAAS;AAG9D,MAAI,aAAa,SAAS,aAAa,SACrC,MAAK,MAAM,YAAY;AAGzB,MAAI,aAAa,aAAa,aAAa,SACzC,MAAK,UAAW,YAAY"}

package/dist/dev/player/player-controller.d.ts

@@ -1,57 +0,0 @@
-import { PlayerContext } from "./context.js";
-import { PlayerStore } from "@videojs/core/dom";
-import { InferStoreState, Selector } from "@videojs/store";
-import { ReactiveController, ReactiveControllerHost } from "@videojs/element";
-
-//#region src/player/player-controller.d.ts
-type PlayerControllerHost = ReactiveControllerHost & HTMLElement;
-/**
- * Reactive controller for accessing player store state.
- *
- * Without selector: Returns the store, does NOT subscribe to changes.
- * With selector: Returns selected state, subscribes with shallowEqual comparison.
- *
- * @example
- * ```ts
- * // Store access (no subscription)
- * class Controls extends MediaElement {
- *   #player = new PlayerController(this, playerContext);
- *
- *   handleClick() {
- *     this.#player.value.setVolume(0.5);
- *   }
- * }
- *
- * // Selector-based subscription
- * class PlayButton extends MediaElement {
- *   #playback = new PlayerController(this, playerContext, selectPlayback);
- * }
- * ```
- */
-declare class PlayerController<Store extends PlayerStore, Result = Store> implements ReactiveController {
-  #private;
-  /**
-   * @label Without Selector
-   * @param host - The host element that owns this controller.
-   * @param context - Player context to resolve the store from.
-   */
-  constructor(host: PlayerControllerHost, context: PlayerContext<Store>);
-  /**
-   * @label With Selector
-   * @param host - The host element that owns this controller.
-   * @param context - Player context to resolve the store from.
-   * @param selector - Derives a value from the player store state.
-   */
-  constructor(host: PlayerControllerHost, context: PlayerContext<Store>, selector: Selector<InferStoreState<Store>, Result>);
-  get value(): Result | undefined;
-  get displayName(): string | undefined;
-  hostConnected(): void;
-  hostDisconnected(): void;
-}
-declare namespace PlayerController {
-  type Host = PlayerControllerHost;
-  type Constructor<Store extends PlayerStore = PlayerStore, Result = Store> = typeof PlayerController<Store, Result>;
-}
-//#endregion
-export { PlayerController, PlayerControllerHost };
-//# sourceMappingURL=player-controller.d.ts.map

package/dist/dev/player/player-controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"player-controller.d.ts","names":[],"sources":["../../../src/player/player-controller.ts"],"mappings":";;;;;;KAQY,oBAAA,GAAuB,sBAAA,GAAyB,WAAA;;AAA5D;;;;;AAyBA;;;;;;;;;;;;;;;;;cAAa,gBAAA,eAA+B,WAAA,WAAsB,KAAA,aAAkB,kBAAA;EAAA;EAAtD;;;;;cAYhB,IAAA,EAAM,oBAAA,EAAsB,OAAA,EAAS,aAAA,CAAc,KAAA;;;;;;;cAQ7D,IAAA,EAAM,oBAAA,EACN,OAAA,EAAS,aAAA,CAAc,KAAA,GACvB,QAAA,EAAU,QAAA,CAAS,eAAA,CAAgB,KAAA,GAAQ,MAAA;EAAA,IAmBzC,KAAA,CAAA,GAAS,MAAA;EAAA,IAWT,WAAA,CAAA;EAIJ,aAAA,CAAA;EAKA,gBAAA,CAAA;AAAA;AAAA,kBAWe,gBAAA;EAAA,KACH,IAAA,GAAO,oBAAA;EAAA,KAEP,WAAA,eAA0B,WAAA,GAAc,WAAA,WAAsB,KAAA,WAAgB,gBAAA,CACxF,KAAA,EACA,MAAA;AAAA"}

package/dist/dev/player/player-controller.js

@@ -1,66 +0,0 @@
-import { ContextConsumer } from "@videojs/element/context";
-import { StoreController } from "@videojs/store/html";
-
-//#region src/player/player-controller.ts
-/**
-* Reactive controller for accessing player store state.
-*
-* Without selector: Returns the store, does NOT subscribe to changes.
-* With selector: Returns selected state, subscribes with shallowEqual comparison.
-*
-* @example
-* ```ts
-* // Store access (no subscription)
-* class Controls extends MediaElement {
-*   #player = new PlayerController(this, playerContext);
-*
-*   handleClick() {
-*     this.#player.value.setVolume(0.5);
-*   }
-* }
-*
-* // Selector-based subscription
-* class PlayButton extends MediaElement {
-*   #playback = new PlayerController(this, playerContext, selectPlayback);
-* }
-* ```
-*/
-var PlayerController = class {
-	#host;
-	#selector;
-	#consumer;
-	#store = null;
-	constructor(host, context, selector) {
-		this.#host = host;
-		this.#selector = selector;
-		this.#consumer = new ContextConsumer(host, {
-			context,
-			callback: (ctx) => this.#connect(ctx),
-			subscribe: true
-		});
-		host.addController(this);
-	}
-	get value() {
-		const store = this.#consumer.value;
-		if (!store) return void 0;
-		if (!this.#selector) return store;
-		return this.#store?.value;
-	}
-	get displayName() {
-		return this.#selector?.displayName;
-	}
-	hostConnected() {
-		const store = this.#consumer.value;
-		if (store) this.#connect(store);
-	}
-	hostDisconnected() {
-		this.#store = null;
-	}
-	#connect(store) {
-		if (!this.#store && this.#selector) this.#store = new StoreController(this.#host, store, this.#selector);
-	}
-};
-
-//#endregion
-export { PlayerController };
-//# sourceMappingURL=player-controller.js.map

package/dist/dev/player/player-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player-controller.js","names":["#host","#selector","#consumer","#connect","#store"],"sources":["../../../src/player/player-controller.ts"],"sourcesContent":["import type { PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveController, ReactiveControllerHost } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport type { InferStoreState, Selector } from '@videojs/store';\nimport { StoreController } from '@videojs/store/html';\n\nimport type { PlayerContext } from './context';\n\nexport type PlayerControllerHost = ReactiveControllerHost & HTMLElement;\n\n/**\n * Reactive controller for accessing player store state.\n *\n * Without selector: Returns the store, does NOT subscribe to changes.\n * With selector: Returns selected state, subscribes with shallowEqual comparison.\n *\n * @example\n * ```ts\n * // Store access (no subscription)\n * class Controls extends MediaElement {\n *   #player = new PlayerController(this, playerContext);\n *\n *   handleClick() {\n *     this.#player.value.setVolume(0.5);\n *   }\n * }\n *\n * // Selector-based subscription\n * class PlayButton extends MediaElement {\n *   #playback = new PlayerController(this, playerContext, selectPlayback);\n * }\n * ```\n */\nexport class PlayerController<Store extends PlayerStore, Result = Store> implements ReactiveController {\n  readonly #host: PlayerControllerHost;\n  readonly #selector: Selector<InferStoreState<Store>, Result> | undefined;\n\n  #consumer: ContextConsumer<PlayerContext<Store>, PlayerControllerHost>;\n  #store: StoreController<Store, Result> | null = null;\n\n  /**\n   * @label Without Selector\n   * @param host - The host element that owns this controller.\n   * @param context - Player context to resolve the store from.\n   */\n  constructor(host: PlayerControllerHost, context: PlayerContext<Store>);\n  /**\n   * @label With Selector\n   * @param host - The host element that owns this controller.\n   * @param context - Player context to resolve the store from.\n   * @param selector - Derives a value from the player store state.\n   */\n  constructor(\n    host: PlayerControllerHost,\n    context: PlayerContext<Store>,\n    selector: Selector<InferStoreState<Store>, Result>\n  );\n  constructor(\n    host: PlayerControllerHost,\n    context: PlayerContext<Store>,\n    selector?: Selector<InferStoreState<Store>, Result>\n  ) {\n    this.#host = host;\n    this.#selector = selector;\n\n    this.#consumer = new ContextConsumer(host, {\n      context,\n      callback: (ctx) => this.#connect(ctx),\n      subscribe: true,\n    });\n\n    host.addController(this);\n  }\n\n  get value(): Result | undefined {\n    const store = this.#consumer.value;\n    if (!store) return undefined;\n\n    // Without selector: return store directly\n    if (!this.#selector) return store as unknown as Result;\n\n    // With selector: use StoreController\n    return this.#store?.value;\n  }\n\n  get displayName(): string | undefined {\n    return this.#selector?.displayName;\n  }\n\n  hostConnected(): void {\n    const store = this.#consumer.value;\n    if (store) this.#connect(store);\n  }\n\n  hostDisconnected(): void {\n    this.#store = null;\n  }\n\n  #connect(store: Store): void {\n    if (!this.#store && this.#selector) {\n      this.#store = new StoreController(this.#host, store, this.#selector);\n    }\n  }\n}\n\nexport namespace PlayerController {\n  export type Host = PlayerControllerHost;\n\n  export type Constructor<Store extends PlayerStore = PlayerStore, Result = Store> = typeof PlayerController<\n    Store,\n    Result\n  >;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAa,mBAAb,MAAuG;CACrG,CAASA;CACT,CAASC;CAET;CACA,SAAgD;CAmBhD,YACE,MACA,SACA,UACA;AACA,QAAKD,OAAQ;AACb,QAAKC,WAAY;AAEjB,QAAKC,WAAY,IAAI,gBAAgB,MAAM;GACzC;GACA,WAAW,QAAQ,MAAKC,QAAS,IAAI;GACrC,WAAW;GACZ,CAAC;AAEF,OAAK,cAAc,KAAK;;CAG1B,IAAI,QAA4B;EAC9B,MAAM,QAAQ,MAAKD,SAAU;AAC7B,MAAI,CAAC,MAAO,QAAO;AAGnB,MAAI,CAAC,MAAKD,SAAW,QAAO;AAG5B,SAAO,MAAKG,OAAQ;;CAGtB,IAAI,cAAkC;AACpC,SAAO,MAAKH,UAAW;;CAGzB,gBAAsB;EACpB,MAAM,QAAQ,MAAKC,SAAU;AAC7B,MAAI,MAAO,OAAKC,QAAS,MAAM;;CAGjC,mBAAyB;AACvB,QAAKC,QAAS;;CAGhB,SAAS,OAAoB;AAC3B,MAAI,CAAC,MAAKA,SAAU,MAAKH,SACvB,OAAKG,QAAS,IAAI,gBAAgB,MAAKJ,MAAO,OAAO,MAAKC,SAAU"}

package/dist/dev/presets/audio.d.ts

@@ -1,6 +0,0 @@
-import { MinimalAudioSkinElement } from "../define/audio/minimal-skin.js";
-import { MinimalAudioSkinTailwindElement } from "../define/audio/minimal-skin.tailwind.js";
-import { AudioSkinElement } from "../define/audio/skin.js";
-import { AudioSkinTailwindElement } from "../define/audio/skin.tailwind.js";
-import { audioFeatures } from "@videojs/core/dom";
-export { AudioSkinElement, AudioSkinTailwindElement, MinimalAudioSkinElement, MinimalAudioSkinTailwindElement, audioFeatures };

package/dist/dev/presets/audio.js

@@ -1,7 +0,0 @@
-import { MinimalAudioSkinTailwindElement } from "../define/audio/minimal-skin.tailwind.js";
-import { MinimalAudioSkinElement } from "../define/audio/minimal-skin.js";
-import { AudioSkinTailwindElement } from "../define/audio/skin.tailwind.js";
-import { AudioSkinElement } from "../define/audio/skin.js";
-import { audioFeatures } from "@videojs/core/dom";
-
-export { AudioSkinElement, AudioSkinTailwindElement, MinimalAudioSkinElement, MinimalAudioSkinTailwindElement, audioFeatures };

package/dist/dev/presets/background.d.ts

@@ -1,2 +0,0 @@
-import { backgroundFeatures } from "@videojs/core/dom";
-export { backgroundFeatures };

package/dist/dev/presets/background.js

@@ -1,3 +0,0 @@
-import { backgroundFeatures } from "@videojs/core/dom";
-
-export { backgroundFeatures };

package/dist/dev/presets/video.d.ts

@@ -1,6 +0,0 @@
-import { MinimalVideoSkinElement } from "../define/video/minimal-skin.js";
-import { MinimalVideoSkinTailwindElement } from "../define/video/minimal-skin.tailwind.js";
-import { VideoSkinElement } from "../define/video/skin.js";
-import { VideoSkinTailwindElement } from "../define/video/skin.tailwind.js";
-import { videoFeatures } from "@videojs/core/dom";
-export { MinimalVideoSkinElement, MinimalVideoSkinTailwindElement, VideoSkinElement, VideoSkinTailwindElement, videoFeatures };

package/dist/dev/presets/video.js

@@ -1,7 +0,0 @@
-import { MinimalVideoSkinTailwindElement } from "../define/video/minimal-skin.tailwind.js";
-import { MinimalVideoSkinElement } from "../define/video/minimal-skin.js";
-import { VideoSkinTailwindElement } from "../define/video/skin.tailwind.js";
-import { VideoSkinElement } from "../define/video/skin.js";
-import { videoFeatures } from "@videojs/core/dom";
-
-export { MinimalVideoSkinElement, MinimalVideoSkinTailwindElement, VideoSkinElement, VideoSkinTailwindElement, videoFeatures };

package/dist/dev/skins/dist/default/default/tailwind/audio.tailwind.js

@@ -1,42 +0,0 @@
-import { iconState } from "../../shared/tailwind/icon-state.js";
-import { tooltipState } from "../../shared/tailwind/tooltip-state.js";
-import { bufferingIndicator as bufferingIndicator$1 } from "./components/buffering.js";
-import { controls as controls$1 } from "./components/controls.js";
-import { error as error$1 } from "./components/error.js";
-import { popup as popup$1 } from "./components/popup.js";
-import { root as root$1 } from "./components/root.js";
-import { slider as slider$1 } from "./components/slider.js";
-import { surface as surface$1 } from "./components/surface.js";
-import { button } from "./components/button.js";
-import { icon, iconContainer, iconFlipped } from "./components/icon.js";
-import { playbackRate } from "./components/playback-rate.js";
-import { seek } from "./components/seek.js";
-import { time } from "./components/time.js";
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/default/tailwind/audio.tailwind.js
-const root = cn(root$1, "[--media-text-color:var(--media-color-primary,oklch(0_0_0))]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "dark:[--media-text-color:var(--media-color-primary,oklch(1_0_0))]");
-const surface = cn(surface$1, "bg-white/50 dark:bg-black/40", "backdrop-blur-lg backdrop-saturate-150", "ring-black/5 shadow-sm shadow-black/15", "after:ring-white/10", "[@media(prefers-reduced-transparency:reduce)]:bg-white/70 dark:[@media(prefers-reduced-transparency:reduce)]:bg-black/70", "contrast-more:bg-white/90 dark:contrast-more:bg-black/90");
-const controls = cn(controls$1, surface, "text-(--media-text-color)", "peer-data-open/error:[&_*]:invisible");
-const slider = {
-	...slider$1,
-	track: cn(slider$1.track, "bg-black/10", "dark:bg-white/20 dark:ring-1 dark:ring-black/5")
-};
-const popup = {
-	...popup$1,
-	popover: cn(surface, popup$1.popover),
-	tooltip: cn(surface, popup$1.tooltip)
-};
-const bufferingIndicator = {
-	...bufferingIndicator$1,
-	container: cn(bufferingIndicator$1.container, surface)
-};
-const error = {
-	...error$1,
-	dialog: cn("absolute inset-0 z-20 flex items-center gap-3 rounded-full px-5 pr-0.5", "bg-(--media-surface-background-color) text-(--media-text-color)", "backdrop-blur-lg backdrop-saturate-150", "transition-[opacity,filter] ease-out", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-[4px]", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-[4px]", "group-data-ending-style/error:delay-0"),
-	content: "flex flex-1 items-center gap-2"
-};
-
-//#endregion
-export { controls, popup, root, slider };
-//# sourceMappingURL=audio.tailwind.js.map

package/dist/dev/skins/dist/default/default/tailwind/audio.tailwind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/audio.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface as surface$1 } from \"./components/surface.js\";\nimport { button } from \"./components/button.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/audio.tailwind.ts\nconst root = cn(root$1, \"[--media-text-color:var(--media-color-primary,oklch(0_0_0))]\", \"[--media-error-dialog-transition-duration:250ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"dark:[--media-text-color:var(--media-color-primary,oklch(1_0_0))]\");\nconst surface = cn(surface$1, \"bg-white/50 dark:bg-black/40\", \"backdrop-blur-lg backdrop-saturate-150\", \"ring-black/5 shadow-sm shadow-black/15\", \"after:ring-white/10\", \"[@media(prefers-reduced-transparency:reduce)]:bg-white/70 dark:[@media(prefers-reduced-transparency:reduce)]:bg-black/70\", \"contrast-more:bg-white/90 dark:contrast-more:bg-black/90\");\nconst controls = cn(controls$1, surface, \"text-(--media-text-color)\", \"peer-data-open/error:[&_*]:invisible\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-black/10\", \"dark:bg-white/20 dark:ring-1 dark:ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(\"absolute inset-0 z-20 flex items-center gap-3 rounded-full px-5 pr-0.5\", \"bg-(--media-surface-background-color) text-(--media-text-color)\", \"backdrop-blur-lg backdrop-saturate-150\", \"transition-[opacity,filter] ease-out\", \"duration-(--media-error-dialog-transition-duration)\", \"delay-(--media-error-dialog-transition-delay)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-[4px]\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-[4px]\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-1 items-center gap-2\"\n};\n\n//#endregion\nexport { bufferingIndicator, button, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, playbackRate, popup, root, seek, slider, surface, time, tooltipState };\n//# sourceMappingURL=audio.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,OAAO,GAAG,QAAQ,gEAAgE,oDAAoD,iDAAiD,6CAA6C,uDAAuD,iEAAiE,6DAA6D,yDAAyD,oEAAoE;AAC5hB,MAAM,UAAU,GAAG,WAAW,gCAAgC,0CAA0C,0CAA0C,uBAAuB,4HAA4H,2DAA2D;AAChW,MAAM,WAAW,GAAG,YAAY,SAAS,6BAA6B,uCAAuC;AAC7G,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,eAAe,iDAAiD;CAC1F;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,qBAAqB;CAC1B,GAAG;CACH,WAAW,GAAG,qBAAqB,WAAW,QAAQ;CACtD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0EAA0E,mEAAmE,0CAA0C,wCAAwC,uDAAuD,iDAAiD,wFAAwF,oFAAoF,wCAAwC;CACtiB,SAAS;CACT"}

package/dist/dev/skins/dist/default/default/tailwind/components/buffering.js

@@ -1,9 +0,0 @@
-//#region ../skins/dist/default/default/tailwind/components/buffering.js
-const bufferingIndicator = {
-	root: "absolute inset-0 hidden items-center justify-center pointer-events-none text-white data-visible:flex",
-	container: "p-1 rounded-full"
-};
-
-//#endregion
-export { bufferingIndicator };
-//# sourceMappingURL=buffering.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/buffering.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/buffering.js"],"sourcesContent":["//#region src/default/tailwind/components/buffering.ts\nconst bufferingIndicator = {\n\troot: \"absolute inset-0 hidden items-center justify-center pointer-events-none text-white data-visible:flex\",\n\tcontainer: \"p-1 rounded-full\"\n};\n\n//#endregion\nexport { bufferingIndicator };\n//# sourceMappingURL=buffering.js.map"],"mappings":";AACA,MAAM,qBAAqB;CAC1B,MAAM;CACN,WAAW;CACX"}

package/dist/dev/skins/dist/default/default/tailwind/components/button.js

@@ -1,13 +0,0 @@
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/default/tailwind/components/button.js
-const button = {
-	base: cn("flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation", "py-2 px-4 rounded-full", "outline-2 outline-transparent -outline-offset-2", "transition-[background-color,outline-offset,scale] duration-150 ease-out", "active:scale-[0.98]", "disabled:cursor-not-allowed disabled:opacity-50 disabled:grayscale", "focus-visible:outline-current focus-visible:outline-offset-2", "data-[availability=unavailable]:hidden"),
-	primary: "bg-white text-black font-medium text-center",
-	subtle: cn("bg-transparent text-inherit text-shadow-inherit", "hover:bg-current/10 hover:no-underline", "focus-visible:bg-current/10", "aria-expanded:bg-current/10"),
-	icon: cn("grid w-[2.125rem] aspect-square p-0", "active:scale-90")
-};
-
-//#endregion
-export { button };
-//# sourceMappingURL=button.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/button.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/button.ts\nconst button = {\n\tbase: cn(\"flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation\", \"py-2 px-4 rounded-full\", \"outline-2 outline-transparent -outline-offset-2\", \"transition-[background-color,outline-offset,scale] duration-150 ease-out\", \"active:scale-[0.98]\", \"disabled:cursor-not-allowed disabled:opacity-50 disabled:grayscale\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"data-[availability=unavailable]:hidden\"),\n\tprimary: \"bg-white text-black font-medium text-center\",\n\tsubtle: cn(\"bg-transparent text-inherit text-shadow-inherit\", \"hover:bg-current/10 hover:no-underline\", \"focus-visible:bg-current/10\", \"aria-expanded:bg-current/10\"),\n\ticon: cn(\"grid w-[2.125rem] aspect-square p-0\", \"active:scale-90\")\n};\n\n//#endregion\nexport { button };\n//# sourceMappingURL=button.js.map"],"mappings":";;;AAGA,MAAM,SAAS;CACd,MAAM,GAAG,mHAAmH,0BAA0B,mDAAmD,4EAA4E,uBAAuB,sEAAsE,gEAAgE,yCAAyC;CAC3d,SAAS;CACT,QAAQ,GAAG,mDAAmD,0CAA0C,+BAA+B,8BAA8B;CACrK,MAAM,GAAG,uCAAuC,kBAAkB;CAClE"}

package/dist/dev/skins/dist/default/default/tailwind/components/controls.js

@@ -1,8 +0,0 @@
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/default/tailwind/components/controls.js
-const controls = cn("peer/controls", "@container/media-controls", "p-[0.175rem] flex items-center gap-[0.075rem]", "rounded-full", "[--media-controls-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]", "[--media-controls-current-shadow-color-subtle:oklch(from_var(--media-controls-current-shadow-color)_l_c_h/calc(alpha*0.4))]", "text-shadow-[0_1px_0_var(--media-controls-current-shadow-color)]", "@2xl/media-root:p-1 @2xl/media-root:gap-0.5");
-
-//#endregion
-export { controls };
-//# sourceMappingURL=controls.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/controls.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/controls.ts\nconst controls = cn(\"peer/controls\", \"@container/media-controls\", \"p-[0.175rem] flex items-center gap-[0.075rem]\", \"rounded-full\", \"[--media-controls-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]\", \"[--media-controls-current-shadow-color-subtle:oklch(from_var(--media-controls-current-shadow-color)_l_c_h/calc(alpha*0.4))]\", \"text-shadow-[0_1px_0_var(--media-controls-current-shadow-color)]\", \"@2xl/media-root:p-1 @2xl/media-root:gap-0.5\");\n\n//#endregion\nexport { controls };\n//# sourceMappingURL=controls.js.map"],"mappings":";;;AAGA,MAAM,WAAW,GAAG,iBAAiB,6BAA6B,iDAAiD,gBAAgB,0GAA0G,+HAA+H,oEAAoE,8CAA8C"}

package/dist/dev/skins/dist/default/default/tailwind/components/error.js

@@ -1,15 +0,0 @@
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/default/tailwind/components/error.js
-const error = {
-	root: "peer/error group/error flex absolute inset-0 z-20 items-center justify-center outline-none",
-	dialog: cn("flex flex-col gap-3 max-w-72 p-3 rounded-[1.75rem] text-white", "transition-[opacity,scale,transform]", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "ease-(--media-error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50", "group-data-ending-style/error:delay-0"),
-	content: "flex flex-col gap-2 px-2 pt-2 pb-1.5",
-	title: "font-semibold leading-tight",
-	description: "opacity-70 wrap-anywhere",
-	actions: "flex gap-2 *:flex-1"
-};
-
-//#endregion
-export { error };
-//# sourceMappingURL=error.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-72 p-3 rounded-[1.75rem] text-white\", \"transition-[opacity,scale,transform]\", \"duration-(--media-error-dialog-transition-duration)\", \"delay-(--media-error-dialog-transition-delay)\", \"ease-(--media-error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 px-2 pt-2 pb-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n\n//#endregion\nexport { error };\n//# sourceMappingURL=error.js.map"],"mappings":";;;AAGA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,iEAAiE,wCAAwC,uDAAuD,iDAAiD,0DAA0D,sFAAsF,kFAAkF,wCAAwC;CACte,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;CACT"}