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

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

@@ -1 +1 @@
-{"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\": `<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\"/></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,OAAO;CACP,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"}
+{"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  \"cast-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=\"M.75 13.5v2.25H3A2.23 2.23 0 0 0 .75 13.5m0-3V12c2.07 0 3.75 1.65 3.75 3.75H6A5.246 5.246 0 0 0 .75 10.5\"/><path fill=\"currentColor\" d=\"M.75 7.5V9c3.728 0 6.75 3 6.75 6.75H9A8.25 8.25 0 0 0 .75 7.5\"/><path fill=\"currentColor\" d=\"M15.75 2.25H2.25c-.825 0-1.5.675-1.5 1.5V6h1.5V3.75h13.5v10.5H10.5v1.5h5.25c.825 0 1.5-.675 1.5-1.5V3.75c0-.825-.675-1.5-1.5-1.5\"/></svg>`,\n  \"cast-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=\"M.75 13.5v2.25H3A2.23 2.23 0 0 0 .75 13.5m0-3V12c2.07 0 3.75 1.65 3.75 3.75H6A5.246 5.246 0 0 0 .75 10.5\"/><path fill=\"currentColor\" d=\"M.75 7.5V9c3.728 0 6.75 3 6.75 6.75H9A8.25 8.25 0 0 0 .75 7.5\"/><path fill=\"currentColor\" d=\"M15.75 2.25H2.25c-.825 0-1.5.675-1.5 1.5V6h1.5V3.75h13.5v10.5H10.5v1.5h5.25c.825 0 1.5-.675 1.5-1.5V3.75c0-.825-.675-1.5-1.5-1.5\"/><path fill=\"currentColor\" d=\"M3.75 5.25v1.223C6 6.45 10.028 10.5 10.028 12.75h4.222v-7.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,cAAc;CACd,aAAa;CACb,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/index.d.ts

@@ -1,21 +1,29 @@
-import { PLAYER_CONTEXT_KEY, PlayerContext, PlayerContextValue, playerContext } from "./player/context.js";
 import { MediaElement, MediaElementConstructor } from "./ui/media-element.js";
+import { MediaContainerElement } from "./media/container-element.js";
+import { CONTAINER_CONTEXT_KEY, ContainerContext, ContainerContextConsumer, ContainerContextValue, MEDIA_CONTEXT_KEY, MediaContext, MediaContextValue, PLAYER_CONTEXT_KEY, PlayerContext, PlayerContextValue, containerContext, mediaContext, playerContext } from "./player/context.js";
 import { PlayerConsumer, PlayerConsumerConstructor, PlayerProvider, PlayerProviderConstructor } from "./store/types.js";
-import { ContainerMixin, createContainerMixin } from "./store/container-mixin.js";
-import { ProviderMixin, createProviderMixin } from "./store/provider-mixin.js";
+import { ContainerMixin, ContainerMixinConfig, createContainerMixin } from "./store/container-mixin.js";
+import { ProviderMixin, ProviderMixinConfig, createProviderMixin } from "./store/provider-mixin.js";
 import { PlayerController, PlayerControllerHost } from "./player/player-controller.js";
 import { CreatePlayerConfig, CreatePlayerResult, createPlayer } from "./player/create-player.js";
+import { MediaAttachMixin, createMediaAttachMixin } from "./store/media-attach-mixin.js";
 import { AlertDialogCloseElement } from "./ui/alert-dialog/alert-dialog-close-element.js";
 import { AlertDialogContextValue, alertDialogContext } from "./ui/alert-dialog/context.js";
+import { ContextPartElement, PartContextValue } from "./ui/context-part-element.js";
 import { AlertDialogDescriptionElement } from "./ui/alert-dialog/alert-dialog-description-element.js";
 import { AlertDialogElement } from "./ui/alert-dialog/alert-dialog-element.js";
 import { AlertDialogTitleElement } from "./ui/alert-dialog/alert-dialog-title-element.js";
 import { BufferingIndicatorElement } from "./ui/buffering-indicator/buffering-indicator-element.js";
 import { MediaButtonElement } from "./ui/media-button-element.js";
 import { CaptionsButtonElement } from "./ui/captions-button/captions-button-element.js";
+import { CastButtonElement } from "./ui/cast-button/cast-button-element.js";
 import { ControlsElement } from "./ui/controls/controls-element.js";
 import { ControlsGroupElement } from "./ui/controls/controls-group-element.js";
+import { ErrorDialogElement } from "./ui/error-dialog/error-dialog-element.js";
 import { FullscreenButtonElement } from "./ui/fullscreen-button/fullscreen-button-element.js";
+import { GestureElement } from "./ui/gesture/gesture-element.js";
+import { AriaKeyShortcutsController } from "./ui/hotkey/aria-key-shortcuts-controller.js";
+import { HotkeyElement } from "./ui/hotkey/hotkey-element.js";
 import { MediaUIElement } from "./ui/media-ui-element.js";
 import { MuteButtonElement } from "./ui/mute-button/mute-button-element.js";
 import { PiPButtonElement } from "./ui/pip-button/pip-button-element.js";
@@ -29,6 +37,7 @@ import { SliderBufferElement } from "./ui/slider/slider-buffer-element.js";
 import { SliderElement } from "./ui/slider/slider-element.js";
 import { SliderEventMap, SliderValueEventDetail } from "./ui/slider/slider-events.js";
 import { SliderFillElement } from "./ui/slider/slider-fill-element.js";
+import { SliderPreviewElement } from "./ui/slider/slider-preview-element.js";
 import { SliderThumbElement } from "./ui/slider/slider-thumb-element.js";
 import { ThumbnailElement } from "./ui/thumbnail/thumbnail-element.js";
 import { SliderThumbnailElement } from "./ui/slider/slider-thumbnail-element.js";
@@ -42,7 +51,6 @@ import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipElement } from "./ui/tooltip/tooltip-element.js";
 import { TooltipGroupElement } from "./ui/tooltip/tooltip-group-element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/volume-slider-element.js";
-import { MediaContainerElement } from "./media/container-element.js";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 export * from "@videojs/core/dom";
-export { AlertDialogCloseElement, type AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, BufferingIndicatorElement, CaptionsButtonElement, type Comparator, ContainerMixin, ControlsElement, ControlsGroupElement, CreatePlayerConfig, CreatePlayerResult, FullscreenButtonElement, MediaButtonElement, MediaContainerElement, MediaElement, MediaElementConstructor, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, ProviderMixin, SeekButtonElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, createContainerMixin, createPlayer, createProviderMixin, createSelector, playerContext, shallowEqual, sliderContext, tooltipGroupContext };
+export { AlertDialogCloseElement, type AlertDialogContextValue, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerMixin, ContainerMixinConfig, ContextPartElement, ControlsElement, ControlsGroupElement, CreatePlayerConfig, CreatePlayerResult, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaContext, MediaContextValue, MediaElement, MediaElementConstructor, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerConsumer, PlayerConsumerConstructor, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerProvider, PlayerProviderConstructor, PopoverElement, PosterElement, ProviderMixin, ProviderMixinConfig, SeekButtonElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };

package/dist/dev/index.js

@@ -1,21 +1,28 @@
-import { PLAYER_CONTEXT_KEY, playerContext } from "./player/context.js";
+import { CONTAINER_CONTEXT_KEY, MEDIA_CONTEXT_KEY, PLAYER_CONTEXT_KEY, containerContext, mediaContext, playerContext } from "./player/context.js";
 import { createContainerMixin } from "./store/container-mixin.js";
 import { MediaElement } from "./ui/media-element.js";
 import { MediaContainerElement } from "./media/container-element.js";
 import { createProviderMixin } from "./store/provider-mixin.js";
 import { PlayerController } from "./player/player-controller.js";
 import { createPlayer } from "./player/create-player.js";
+import { MediaAttachMixin, createMediaAttachMixin } from "./store/media-attach-mixin.js";
 import { alertDialogContext } from "./ui/alert-dialog/context.js";
 import { AlertDialogCloseElement } from "./ui/alert-dialog/alert-dialog-close-element.js";
+import { ContextPartElement } from "./ui/context-part-element.js";
 import { AlertDialogDescriptionElement } from "./ui/alert-dialog/alert-dialog-description-element.js";
 import { AlertDialogElement } from "./ui/alert-dialog/alert-dialog-element.js";
 import { AlertDialogTitleElement } from "./ui/alert-dialog/alert-dialog-title-element.js";
 import { BufferingIndicatorElement } from "./ui/buffering-indicator/buffering-indicator-element.js";
+import { AriaKeyShortcutsController } from "./ui/hotkey/aria-key-shortcuts-controller.js";
 import { MediaButtonElement } from "./ui/media-button-element.js";
 import { CaptionsButtonElement } from "./ui/captions-button/captions-button-element.js";
+import { CastButtonElement } from "./ui/cast-button/cast-button-element.js";
 import { ControlsElement } from "./ui/controls/controls-element.js";
 import { ControlsGroupElement } from "./ui/controls/controls-group-element.js";
+import { ErrorDialogElement } from "./ui/error-dialog/error-dialog-element.js";
 import { FullscreenButtonElement } from "./ui/fullscreen-button/fullscreen-button-element.js";
+import { GestureElement } from "./ui/gesture/gesture-element.js";
+import { HotkeyElement } from "./ui/hotkey/hotkey-element.js";
 import { MediaUIElement } from "./ui/media-ui-element.js";
 import { MuteButtonElement } from "./ui/mute-button/mute-button-element.js";
 import { PiPButtonElement } from "./ui/pip-button/pip-button-element.js";
@@ -28,6 +35,7 @@ import { sliderContext } from "./ui/slider/context.js";
 import { SliderBufferElement } from "./ui/slider/slider-buffer-element.js";
 import { SliderElement } from "./ui/slider/slider-element.js";
 import { SliderFillElement } from "./ui/slider/slider-fill-element.js";
+import { SliderPreviewElement } from "./ui/slider/slider-preview-element.js";
 import { SliderThumbElement } from "./ui/slider/slider-thumb-element.js";
 import { ThumbnailElement } from "./ui/thumbnail/thumbnail-element.js";
 import { SliderThumbnailElement } from "./ui/slider/slider-thumbnail-element.js";
@@ -42,7 +50,5 @@ import { TooltipElement } from "./ui/tooltip/tooltip-element.js";
 import { TooltipGroupElement } from "./ui/tooltip/tooltip-group-element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/volume-slider-element.js";
 import { createSelector, shallowEqual } from "@videojs/store";
-
-export * from "@videojs/core/dom"
-
-export { AlertDialogCloseElement, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, BufferingIndicatorElement, CaptionsButtonElement, ControlsElement, ControlsGroupElement, FullscreenButtonElement, MediaButtonElement, MediaContainerElement, MediaElement, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerController, PopoverElement, PosterElement, SeekButtonElement, SliderBufferElement, SliderElement, SliderFillElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, createContainerMixin, createPlayer, createProviderMixin, createSelector, playerContext, shallowEqual, sliderContext, tooltipGroupContext };
+export * from "@videojs/core/dom";
+export { AlertDialogCloseElement, AlertDialogDescriptionElement, AlertDialogElement, AlertDialogTitleElement, AriaKeyShortcutsController, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CastButtonElement, ContextPartElement, ControlsElement, ControlsGroupElement, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaContainerElement, MediaElement, MediaUIElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlayerController, PopoverElement, PosterElement, SeekButtonElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderElement, TooltipElement, TooltipGroupElement, VolumeSliderElement, alertDialogContext, containerContext, createContainerMixin, createMediaAttachMixin, createPlayer, createProviderMixin, createSelector, mediaContext, playerContext, shallowEqual, sliderContext, tooltipGroupContext };

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

@@ -1,12 +1,19 @@
+import { Media } from "@videojs/core/dom";
+
 //#region src/media/background-video/index.d.ts
 declare function getTemplateHTML(attrs: Record<string, string>): string;
-declare class BackgroundVideo extends HTMLElement {
+declare const BackgroundVideo_base: {
+  new (): HTMLElement;
+  prototype: HTMLElement;
+};
+declare class BackgroundVideo extends BackgroundVideo_base {
   static shadowRootOptions: {
     mode: ShadowRootMode;
   };
   static getTemplateHTML: typeof getTemplateHTML;
   static get observedAttributes(): string[];
   constructor();
+  getMediaTarget(): Media | null;
   attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void;
   get target(): HTMLVideoElement | null;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.ts"],"mappings":";iBAES,eAAA,CAAgB,KAAA,EAAO,MAAA;AAAA,cAsBnB,eAAA,SAAwB,WAAA;EAAA,OAC5B,iBAAA;UAAsC,cAAA;EAAA;EAAA,OACtC,eAAA,SAAe,eAAA;EAAA,WACX,kBAAA,CAAA;;EA6BX,wBAAA,CAAyB,QAAA,UAAkB,QAAA,iBAAyB,QAAA;EAAA,IAMhE,MAAA,CAAA,GAAU,gBAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.ts"],"mappings":";;;iBAIS,eAAA,CAAgB,KAAA,EAAO,MAAA;AAAA,cAAsB,oBAAA;EAAA;;;cAsBzC,eAAA,SAAwB,oBAAA;EAAA,OAC5B,iBAAA;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,5 +1,5 @@
+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 `
@@ -21,7 +21,7 @@ function getTemplateHTML(attrs) {
     <video ${serializeAttributes(attrs)}></video>
   `;
 }
-var BackgroundVideo = class extends HTMLElement {
+var BackgroundVideo = class extends MediaAttachMixin(HTMLElement) {
 	static {
 		this.shadowRootOptions = { mode: "open" };
 	}
@@ -48,6 +48,9 @@ var BackgroundVideo = class extends HTMLElement {
 		}
 		this.target.muted = !this.hasAttribute("nomuted");
 	}
+	getMediaTarget() {
+		return this.target;
+	}
 	attributeChangedCallback(attrName, oldValue, newValue) {
 		if (attrName === "src" && oldValue !== newValue) this.target.src = newValue ?? "";
 	}
@@ -77,7 +80,7 @@ function serializeAttributes(attrs) {
 	}
 	return html;
 }
-
 //#endregion
 export { BackgroundVideo };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/background-video/index.ts"],"sourcesContent":["import { namedNodeMapToObject } from '@videojs/utils/dom';\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 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  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":";;;AAEA,SAAS,gBAAgB,OAA+B;AACtD,QAAgB;;;;;;;;;;;;;;;;aAgBL,oBAAoB,MAAM,CAAC;;;AAKxC,IAAa,kBAAb,cAAqC,YAAY;;2BACpB,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;;CAGpD,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"}
+{"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

@@ -5,7 +5,10 @@ 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 {
+  #private;
   static readonly tagName = "media-container";
+  connectedCallback(): void;
+  disconnectedCallback(): void;
 }
 //#endregion
 export { MediaContainerElement };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"container-element.d.ts","names":[],"sources":["../../../src/media/container-element.ts"],"mappings":";;;;;cAImD,0BAAA;cAItC,qBAAA,SAA8B,0BAAA;EAAA;kBACzB,OAAA;EAIP,iBAAA,CAAA;EAYA,oBAAA,CAAA;AAAA"}

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

@@ -1,15 +1,33 @@
-import { playerContext } from "../player/context.js";
+import { containerContext, playerContext } from "../player/context.js";
 import { createContainerMixin } from "../store/container-mixin.js";
 import { MediaElement } from "../ui/media-element.js";
-
+import { listen } from "@videojs/utils/dom";
 //#region src/media/container-element.ts
-const ContainerMixin = createContainerMixin(playerContext);
+const ContainerMixin = createContainerMixin({
+	playerContext,
+	containerContext
+});
 var MediaContainerElement = class extends ContainerMixin(MediaElement) {
 	static {
 		this.tagName = "media-container";
 	}
+	#disconnect = null;
+	connectedCallback() {
+		super.connectedCallback();
+		if (!this.hasAttribute("tabindex")) this.setAttribute("tabindex", "0");
+		this.#disconnect = new AbortController();
+		listen(this, "pointerup", this.#onPointerUp, { signal: this.#disconnect.signal });
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+	}
+	#onPointerUp = () => {
+		if (!this.contains(document.activeElement) || document.activeElement === document.body) this.focus({ preventScroll: true });
+	};
 };
-
 //#endregion
 export { MediaContainerElement };
+
 //# sourceMappingURL=container-element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"container-element.js","names":[],"sources":["../../../src/media/container-element.ts"],"sourcesContent":["import { playerContext } from '../player/context';\nimport { createContainerMixin } from '../store/container-mixin';\nimport { MediaElement } from '../ui/media-element';\n\nconst ContainerMixin = createContainerMixin(playerContext);\n\nexport class MediaContainerElement extends ContainerMixin(MediaElement) {\n  static readonly tagName = 'media-container';\n}\n"],"mappings":";;;;;AAIA,MAAM,iBAAiB,qBAAqB,cAAc;AAE1D,IAAa,wBAAb,cAA2C,eAAe,aAAa,CAAC;;iBAC5C"}
+{"version":3,"file":"container-element.js","names":["#disconnect","#onPointerUp"],"sources":["../../../src/media/container-element.ts"],"sourcesContent":["import { listen } from '@videojs/utils/dom';\n\nimport { 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  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    // Make focusable so keyboard events reach hotkey listeners.\n    if (!this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', '0');\n    }\n\n    this.#disconnect = new AbortController();\n    listen(this, 'pointerup', this.#onPointerUp, { signal: this.#disconnect.signal });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  #onPointerUp = (): void => {\n    // If nothing inside the container has focus, grab it so keyboard\n    // events reach the hotkey coordinator's listener.\n    if (!this.contains(document.activeElement) || document.activeElement === document.body) {\n      this.focus({ preventScroll: true });\n    }\n  };\n}\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,qBAAqB;CAAE;CAAe;CAAkB,CAAC;AAEhF,IAAa,wBAAb,cAA2C,eAAe,aAAa,CAAC;;iBAC5C;;CAE1B,cAAsC;CAEtC,oBAAmC;AACjC,QAAM,mBAAmB;AAGzB,MAAI,CAAC,KAAK,aAAa,WAAW,CAChC,MAAK,aAAa,YAAY,IAAI;AAGpC,QAAA,aAAmB,IAAI,iBAAiB;AACxC,SAAO,MAAM,aAAa,MAAA,aAAmB,EAAE,QAAQ,MAAA,WAAiB,QAAQ,CAAC;;CAGnF,uBAAsC;AACpC,QAAM,sBAAsB;AAC5B,QAAA,YAAkB,OAAO;AACzB,QAAA,aAAmB;;CAGrB,qBAA2B;AAGzB,MAAI,CAAC,KAAK,SAAS,SAAS,cAAc,IAAI,SAAS,kBAAkB,SAAS,KAChF,MAAK,MAAM,EAAE,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,17 @@
+import { DashMedia } from "@videojs/core/dom/media/dash";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
+
+//#region src/media/dash-video/index.d.ts
+declare const DashVideo_base: _videojs_utils_types0.Constructor<HTMLElement & DashMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class DashVideo extends DashVideo_base {}
+//#endregion
+export { DashVideo };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/dash-video/index.ts"],"mappings":";;;;cACyD,cAAA;;;;;;;;;cAG5C,SAAA,SAAkB,cAAA"}

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

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

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

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

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

@@ -1,11 +1,18 @@
-import { HlsCustomMedia } from "@videojs/core/dom/media/hls";
+import { HlsMedia } from "@videojs/core/dom/media/hls";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/hls-video/index.d.ts
-declare class HlsVideo extends HlsCustomMedia {
-  static getTemplateHTML(attrs: Record<string, string>): string;
-  constructor();
-  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void;
-  disconnectedCallback(): void;
+declare const HlsVideo_base: _videojs_utils_types0.Constructor<HTMLElement & HlsMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class HlsVideo extends HlsVideo_base {
+  static get observedAttributes(): string[];
 }
 //#endregion
 export { HlsVideo };

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

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

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

@@ -1,25 +1,18 @@
-import { HlsCustomMedia } from "@videojs/core/dom/media/hls";
-
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/core/dom/media/custom-media-element";
+import { HlsMedia } from "@videojs/core/dom/media/hls";
 //#region src/media/hls-video/index.ts
-var HlsVideo = class extends 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();
+var HlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", HlsMedia)) {
+	static get observedAttributes() {
+		return [
+			...super.observedAttributes,
+			"type",
+			"prefer-playback",
+			"debug"
+		];
 	}
 };
-
 //#endregion
 export { HlsVideo };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.ts"],"sourcesContent":["import { HlsCustomMedia } from '@videojs/core/dom/media/hls';\n\nexport class HlsVideo extends 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":";;;AAEA,IAAa,WAAb,cAA8B,eAAe;CAC3C,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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { HlsMedia } from '@videojs/core/dom/media/hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsVideo extends MediaAttachMixin(CustomMediaElement('video', HlsMedia)) {\n  static get observedAttributes() {\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return [...super.observedAttributes, 'type', 'prefer-playback', 'debug'];\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,SAAS,CAAC,CAAC;CACpF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ"}

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

@@ -0,0 +1,19 @@
+import { MuxAudioMedia } from "@videojs/core/dom/media/mux";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
+
+//#region src/media/mux-audio/index.d.ts
+declare const MuxAudio_base: _videojs_utils_types0.Constructor<HTMLElement & MuxAudioMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class MuxAudio extends MuxAudio_base {
+  static get observedAttributes(): string[];
+}
+//#endregion
+export { MuxAudio };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-audio/index.ts"],"mappings":";;;;cAC4D,aAAA;;;;;;;;;cAG/C,QAAA,SAAiB,aAAA;EAAA,WACjB,kBAAA,CAAA;AAAA"}

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

@@ -0,0 +1,18 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/core/dom/media/custom-media-element";
+import { MuxAudioMedia } from "@videojs/core/dom/media/mux";
+//#region src/media/mux-audio/index.ts
+var MuxAudio = class extends MediaAttachMixin(CustomMediaElement("audio", MuxAudioMedia)) {
+	static get observedAttributes() {
+		return [
+			...super.observedAttributes,
+			"type",
+			"prefer-playback",
+			"debug"
+		];
+	}
+};
+//#endregion
+export { MuxAudio };
+
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,19 @@
+import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
+
+//#region src/media/mux-video/index.d.ts
+declare const MuxVideo_base: _videojs_utils_types0.Constructor<HTMLElement & MuxVideoMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class MuxVideo extends MuxVideo_base {
+  static get observedAttributes(): string[];
+}
+//#endregion
+export { MuxVideo };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-video/index.ts"],"mappings":";;;;cAC4D,aAAA;;;;;;;;;cAG/C,QAAA,SAAiB,aAAA;EAAA,WACjB,kBAAA,CAAA;AAAA"}

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

@@ -0,0 +1,18 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/core/dom/media/custom-media-element";
+import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
+//#region src/media/mux-video/index.ts
+var MuxVideo = class extends MediaAttachMixin(CustomMediaElement("video", MuxVideoMedia)) {
+	static get observedAttributes() {
+		return [
+			...super.observedAttributes,
+			"type",
+			"prefer-playback",
+			"debug"
+		];
+	}
+};
+//#endregion
+export { MuxVideo };
+
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { NativeHlsMedia } from "@videojs/core/dom/media/native-hls";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
+
+//#region src/media/native-hls-video/index.d.ts
+declare const NativeHlsVideo_base: _videojs_utils_types0.Constructor<HTMLElement & NativeHlsMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class NativeHlsVideo extends NativeHlsVideo_base {}
+//#endregion
+export { NativeHlsVideo };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.ts"],"mappings":";;;;cACoE,mBAAA;;;;;;;;;cAGvD,cAAA,SAAuB,mBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { NativeHlsMedia } from '@videojs/core/dom/media/native-hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class NativeHlsVideo extends MediaAttachMixin(CustomMediaElement('video', NativeHlsMedia)) {}\n"],"mappings":";;;;AAIA,IAAa,iBAAb,cAAoC,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC"}

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

@@ -1,11 +1,17 @@
-import { SimpleHlsCustomMedia } from "@videojs/core/dom/media/simple-hls";
+import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/simple-hls-video/index.d.ts
-declare class SimpleHlsVideo extends SimpleHlsCustomMedia {
-  static getTemplateHTML(attrs: Record<string, string>): string;
-  constructor();
-  attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void;
-}
+declare const SimpleHlsVideo_base: _videojs_utils_types0.Constructor<HTMLElement & SimpleHlsMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class SimpleHlsVideo extends SimpleHlsVideo_base {}
 //#endregion
 export { SimpleHlsVideo };
 //# sourceMappingURL=index.d.ts.map