@videojs/html 10.0.0-beta.8 → 10.0.0-rc.1

package/dist/dev/define/background/skin.js

@@ -1,47 +1,8 @@
-import { safeDefine } from "../safe-define.js";
-import skin_default from "../../_virtual/inline-css_src/define/background/skin.js";
-import { ReactiveElement } from "@videojs/element";
-import { namedNodeMapToObject } from "@videojs/utils/dom";
-
+import { safeDefine } from "../../registration/safe-define.js";
+import "../ui/container.js";
+import { BackgroundVideoSkinElement } from "../../presets/background/skin.js";
 //#region src/define/background/skin.ts
-const STYLES_ID = "__media-background-styles";
-function ensureBackgroundStyles() {
-	if (document.getElementById(STYLES_ID)) return;
-	const style = document.createElement("style");
-	style.id = STYLES_ID;
-	style.textContent = skin_default;
-	document.head.appendChild(style);
-}
-function getTemplateHTML(_attrs) {
-	return `
-    <media-container>
-      <!-- @deprecated slot="media" is no longer required, use the default slot instead -->
-      <slot name="media"></slot>
-      <slot></slot>
-    </media-container>
-  `;
-}
-var BackgroundVideoSkinElement = class extends ReactiveElement {
-	static {
-		this.tagName = "background-video-skin";
-	}
-	static {
-		this.shadowRootOptions = { mode: "open" };
-	}
-	static {
-		this.getTemplateHTML = getTemplateHTML;
-	}
-	constructor() {
-		super();
-		ensureBackgroundStyles();
-		if (!this.shadowRoot) {
-			this.attachShadow(this.constructor.shadowRootOptions);
-			this.shadowRoot.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));
-		}
-	}
-};
 safeDefine(BackgroundVideoSkinElement);
-
 //#endregion
-export { BackgroundVideoSkinElement };
+
 //# sourceMappingURL=skin.js.map

package/dist/dev/define/background/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/define/background/skin.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport styles from './skin.css?inline';\n\nconst STYLES_ID = '__media-background-styles';\n\nfunction ensureBackgroundStyles(): void {\n  if (document.getElementById(STYLES_ID)) return;\n  const style = document.createElement('style');\n  style.id = STYLES_ID;\n  style.textContent = styles;\n  document.head.appendChild(style);\n}\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n  return /*html*/ `\n    <media-container>\n      <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n      <slot name=\"media\"></slot>\n      <slot></slot>\n    </media-container>\n  `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n  static readonly tagName = 'background-video-skin';\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n\n  constructor() {\n    super();\n\n    ensureBackgroundStyles();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n      this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n    }\n  }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY;AAElB,SAAS,yBAA+B;AACtC,KAAI,SAAS,eAAe,UAAU,CAAE;CACxC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,OAAM,KAAK;AACX,OAAM,cAAcA;AACpB,UAAS,KAAK,YAAY,MAAM;;AAGlC,SAAS,gBAAgB,QAAgC;AACvD,QAAgB;;;;;;;;AASlB,IAAa,6BAAb,cAAgD,gBAAgB;;iBACpC;;;2BACC,EAAE,MAAM,QAA0B;;;yBACpC;;CAEzB,cAAc;AACZ,SAAO;AAEP,0BAAwB;AAExB,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAkD,kBAAkB;AAC5F,QAAK,WAAY,YAAY,gBAAgB,qBAAqB,KAAK,WAAW,CAAC;;;;AAKzF,WAAW,2BAA2B"}
+{"version":3,"file":"skin.js","names":[],"sources":["../../../../src/define/background/skin.ts"],"sourcesContent":["import { BackgroundVideoSkinElement } from '../../presets/background/skin';\nimport { safeDefine } from '../../registration/safe-define';\nimport '../ui/container';\n\nsafeDefine(BackgroundVideoSkinElement);\n"],"mappings":";;;;AAIA,WAAW,0BAA0B"}

package/dist/dev/define/background/skin2.js

@@ -0,0 +1,6 @@
+//#region src/define/background/skin.css?inline
+var skin_default = "background-video-player {\n  display: contents;\n}\n\nbackground-video-skin {\n  --media-object-fit: cover;\n  object-fit: var(--media-object-fit);\n  width: 100%;\n  min-width: 300px;\n  height: 100%;\n  min-height: 150px;\n  display: block;\n  position: relative;\n}\n\nbackground-video-skin > :not(img, picture) {\n  object-fit: var(--media-object-fit);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n}\n\nbackground-video-skin > img, background-video-skin > picture {\n  object-fit: var(--media-object-fit);\n  width: 100%;\n  height: 100%;\n}\n";
+//#endregion
+export { skin_default as default };
+
+//# sourceMappingURL=skin2.js.map

package/dist/dev/define/background/skin2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin2.js","names":[],"sources":["../../../../src/define/background/skin.css?inline"],"sourcesContent":["background-video-player {\n  display: contents;\n}\n\nbackground-video-skin {\n  --media-object-fit: cover;\n  position: relative;\n  display: block;\n  width: 100%;\n  min-width: 300px;\n  height: 100%;\n  min-height: 150px;\n  object-fit: var(--media-object-fit);\n}\n\n/*\n * Whatever the skin holds that isn't the placeholder image is the media, and gets\n * stretched over the host. Matched by what it is *not*, because there is no shared\n * base element or attribute the media flavors have in common — naming them by tag\n * meant a new one silently rendered at 0×0, having no box for its inner `<video>`\n * to be positioned against.\n *\n * `:not()` takes the specificity of its most specific argument, so this stays at\n * (0,0,2) — exactly where the tag-name selectors it replaces were.\n */\nbackground-video-skin > :not(img, picture) {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: var(--media-object-fit);\n}\n\nbackground-video-skin > img,\nbackground-video-skin > picture {\n  width: 100%;\n  height: 100%;\n  object-fit: var(--media-object-fit);\n}\n"],"mappings":";AAAA,IAAA,eAAA"}

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

@@ -1,2 +1 @@
-import { BackgroundVideoElement } from "../media/background-video.js";
-export { BackgroundVideoElement };
+import "../media/background-video.js";

package/dist/dev/define/background/video.js

@@ -1,3 +1 @@
-import { BackgroundVideoElement } from "../media/background-video.js";
-
-export { BackgroundVideoElement };
+import "../media/background-video.js";

package/dist/dev/define/extensions/google-cast.d.ts

@@ -0,0 +1,11 @@
+import { GoogleCastExtension } from "../../extensions/google-cast/extension.js";
+import "../../extensions/google-cast/index.js";
+//#region src/define/extensions/google-cast.d.ts
+declare global {
+  interface HTMLElementTagNameMap {
+    [GoogleCastExtension.tagName]: GoogleCastExtension;
+  }
+}
+//#endregion
+export { GoogleCastExtension };
+//# sourceMappingURL=google-cast.d.ts.map

package/dist/dev/define/extensions/google-cast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-cast.d.ts","names":[],"sources":["../../../../src/define/extensions/google-cast.ts"],"mappings":";;;QAOQ;YACI;KACP,oBAAoB,UAAU"}

package/dist/dev/define/extensions/google-cast.js

@@ -0,0 +1,8 @@
+import { safeDefine } from "../../registration/safe-define.js";
+import { GoogleCastExtension } from "../../extensions/google-cast/extension.js";
+//#region src/define/extensions/google-cast.ts
+safeDefine(GoogleCastExtension);
+//#endregion
+export { GoogleCastExtension };
+
+//# sourceMappingURL=google-cast.js.map

package/dist/dev/define/extensions/google-cast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-cast.js","names":[],"sources":["../../../../src/define/extensions/google-cast.ts"],"sourcesContent":["import { GoogleCastExtension } from '../../extensions/google-cast';\nimport { safeDefine } from '../../registration/safe-define';\n\nexport { GoogleCastExtension };\n\nsafeDefine(GoogleCastExtension);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [GoogleCastExtension.tagName]: GoogleCastExtension;\n  }\n}\n"],"mappings":";;;AAKA,WAAW,mBAAmB"}

package/dist/dev/define/extensions/mux-data.d.ts

@@ -0,0 +1,11 @@
+import { MuxDataExtension } from "../../extensions/mux-data/extension.js";
+import "../../extensions/mux-data/index.js";
+//#region src/define/extensions/mux-data.d.ts
+declare global {
+  interface HTMLElementTagNameMap {
+    [MuxDataExtension.tagName]: MuxDataExtension;
+  }
+}
+//#endregion
+export { MuxDataExtension };
+//# sourceMappingURL=mux-data.d.ts.map

package/dist/dev/define/extensions/mux-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mux-data.d.ts","names":[],"sources":["../../../../src/define/extensions/mux-data.ts"],"mappings":";;;QAOQ;YACI;KACP,iBAAiB,UAAU"}

package/dist/dev/define/extensions/mux-data.js

@@ -0,0 +1,8 @@
+import { safeDefine } from "../../registration/safe-define.js";
+import { MuxDataExtension } from "../../extensions/mux-data/extension.js";
+//#region src/define/extensions/mux-data.ts
+safeDefine(MuxDataExtension);
+//#endregion
+export { MuxDataExtension };
+
+//# sourceMappingURL=mux-data.js.map

package/dist/dev/define/extensions/mux-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mux-data.js","names":[],"sources":["../../../../src/define/extensions/mux-data.ts"],"sourcesContent":["import { MuxDataExtension } from '../../extensions/mux-data';\nimport { safeDefine } from '../../registration/safe-define';\n\nexport { MuxDataExtension };\n\nsafeDefine(MuxDataExtension);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxDataExtension.tagName]: MuxDataExtension;\n  }\n}\n"],"mappings":";;;AAKA,WAAW,gBAAgB"}

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

@@ -1 +1 @@
-export { };
+export {}

package/dist/dev/define/global.css

@@ -0,0 +1,33 @@
+/* -------------------------------------------------------------------------- */
+/* Global styles for the host document, outside of the Shadow DOM             */
+/* -------------------------------------------------------------------------- */
+
+video-player,
+live-video-player,
+media-i18n,
+media-dialog,
+media-alert-dialog,
+media-error-dialog,
+media-controls {
+  display: contents;
+}
+
+/*
+Required to override any default video and image styles (such as
+Tailwind's CSS reset) and ensure they fill the container as expected.
+*/
+media-container video,
+media-container [slot="poster"] {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+media-container video::-webkit-media-text-track-container {
+  z-index: 1;
+  font-family: inherit;
+  scale: 0.98;
+  translate: 0 var(--media-caption-track-y, 0);
+  transition: translate var(--media-caption-track-duration, 0) ease-out;
+  transition-delay: var(--media-caption-track-delay, 0);
+}

package/dist/dev/define/global.js

@@ -0,0 +1,6 @@
+//#region src/define/global.css?inline
+var global_default = "video-player, live-video-player, media-i18n, media-dialog, media-alert-dialog, media-error-dialog, media-controls {\n  display: contents;\n}\n\nmedia-container video, media-container [slot=\"poster\"] {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\nmedia-container video::-webkit-media-text-track-container {\n  z-index: 1;\n  scale: .98;\n  translate: 0 var(--media-caption-track-y, 0);\n  transition: translate var(--media-caption-track-duration, 0) ease-out;\n  transition-delay: var(--media-caption-track-delay, 0);\n  font-family: inherit;\n}\n";
+//#endregion
+export { global_default as default };
+
+//# sourceMappingURL=global.js.map

package/dist/dev/define/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","names":[],"sources":["../../../src/define/global.css?inline"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Global styles for the host document, outside of the Shadow DOM             */\n/* -------------------------------------------------------------------------- */\n\nvideo-player,\nlive-video-player,\nmedia-i18n,\nmedia-dialog,\nmedia-alert-dialog,\nmedia-error-dialog,\nmedia-controls {\n  display: contents;\n}\n\n/*\nRequired to override any default video and image styles (such as\nTailwind's CSS reset) and ensure they fill the container as expected.\n*/\nmedia-container video,\nmedia-container [slot=\"poster\"] {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\nmedia-container video::-webkit-media-text-track-container {\n  z-index: 1;\n  font-family: inherit;\n  scale: 0.98;\n  translate: 0 var(--media-caption-track-y, 0);\n  transition: translate var(--media-caption-track-duration, 0) ease-out;\n  transition-delay: var(--media-caption-track-delay, 0);\n}\n"],"mappings":";AAIA,IAAA,iBAAA"}

package/dist/dev/define/i18n.d.ts

@@ -0,0 +1,10 @@
+import { I18nProviderElement } from "../i18n/provider-element.js";
+import { MediaTextElement as TextElement } from "../ui/text/text-element.js";
+//#region src/define/i18n.d.ts
+declare global {
+  interface HTMLElementTagNameMap {
+    [I18nProviderElement.tagName]: I18nProviderElement;
+    [TextElement.tagName]: TextElement;
+  }
+}
+//# sourceMappingURL=i18n.d.ts.map

package/dist/dev/define/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","names":[],"sources":["../../../src/define/i18n.ts"],"mappings":";;;QAOQ;YACI;KACP,oBAAoB,UAAU;KAC9B,YAAY,UAAU"}

package/dist/dev/define/i18n.js

@@ -0,0 +1,9 @@
+import { I18nProviderElement } from "../i18n/provider-element.js";
+import { safeDefine } from "../registration/safe-define.js";
+import { MediaTextElement as TextElement } from "../ui/text/text-element.js";
+//#region src/define/i18n.ts
+safeDefine(I18nProviderElement);
+safeDefine(TextElement);
+//#endregion
+
+//# sourceMappingURL=i18n.js.map

package/dist/dev/define/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../../src/define/i18n.ts"],"sourcesContent":["import { I18nProviderElement } from '../i18n/provider-element';\nimport { safeDefine } from '../registration/safe-define';\nimport { TextElement } from '../ui/text/text-element';\n\nsafeDefine(I18nProviderElement);\nsafeDefine(TextElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [I18nProviderElement.tagName]: I18nProviderElement;\n    [TextElement.tagName]: TextElement;\n  }\n}\n"],"mappings":";;;;AAIA,WAAW,mBAAmB;AAC9B,WAAW,WAAW"}