@videojs/html 10.0.0-beta.13 → 10.0.0-beta.14

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

@@ -1,71 +0,0 @@
-import base_default from "../_virtual/inline-css_src/define/base.js";
-import shared_default from "../_virtual/inline-css_src/define/shared.js";
-//#region src/define/skin-mixin.ts
-const STYLES_ID = "__media-styles";
-function ensureRootStyles() {
-	const doc = globalThis.document;
-	if (!doc || doc.getElementById(STYLES_ID)) return;
-	const style = doc.createElement("style");
-	style.id = STYLES_ID;
-	style.textContent = base_default;
-	doc.head.appendChild(style);
-}
-function isConstructableStyleSheet(value) {
-	return typeof globalThis.CSSStyleSheet !== "undefined" && value instanceof globalThis.CSSStyleSheet;
-}
-function getStyleText(style) {
-	if (typeof style === "string") return style;
-	return Array.from(style.cssRules).map((rule) => rule.cssText).join("\n");
-}
-function applyShadowStyles(shadowRoot, styles) {
-	if (styles.every(isConstructableStyleSheet) && "adoptedStyleSheets" in shadowRoot) {
-		shadowRoot.adoptedStyleSheets = styles;
-		return;
-	}
-	const doc = shadowRoot.ownerDocument;
-	for (const styleText of styles.map(getStyleText)) {
-		const style = doc.createElement("style");
-		style.textContent = styleText;
-		shadowRoot.appendChild(style);
-	}
-}
-const sharedSheet = createStyles(shared_default);
-/**
-* Mixin for skin elements that renders the template from a static
-* `getTemplateHTML` method into a shadow root. Native `<slot>` elements
-* handle light DOM projection automatically.
-*
-* When `static styles` is set, the stylesheet is adopted into the
-* shadow root via `adoptedStyleSheets`.
-*/
-function SkinMixin(BaseClass) {
-	class SkinElement extends BaseClass {
-		static {
-			this.shadowRootOptions = { mode: "open" };
-		}
-		constructor(...args) {
-			super(...args);
-			ensureRootStyles();
-			if (!this.shadowRoot) {
-				const ctor = this.constructor;
-				this.attachShadow(ctor.shadowRootOptions);
-				if (ctor.getTemplateHTML) this.shadowRoot.innerHTML = ctor.getTemplateHTML();
-				const sheets = [sharedSheet];
-				if (ctor.styles) sheets.push(ctor.styles);
-				applyShadowStyles(this.shadowRoot, sheets);
-			}
-		}
-	}
-	return SkinElement;
-}
-/** Create a constructable stylesheet when available, otherwise return raw CSS. */
-function createStyles(css) {
-	if (typeof globalThis.CSSStyleSheet === "undefined") return css;
-	const sheet = new globalThis.CSSStyleSheet();
-	sheet.replaceSync(css);
-	return sheet;
-}
-//#endregion
-export { SkinMixin, createStyles };
-
-//# sourceMappingURL=skin-mixin.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skin-mixin.js","names":["rootStyles","sharedStyles"],"sources":["../../../src/define/skin-mixin.ts"],"sourcesContent":["import type { ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\nimport rootStyles from './base.css?inline';\nimport sharedStyles from './shared.css?inline';\n\nconst STYLES_ID = '__media-styles';\ntype SkinStyles = CSSStyleSheet | string;\n\nfunction ensureRootStyles(): void {\n  const doc = globalThis.document;\n  if (!doc || doc.getElementById(STYLES_ID)) return;\n\n  const style = doc.createElement('style');\n  style.id = STYLES_ID;\n  style.textContent = rootStyles;\n  doc.head.appendChild(style);\n}\n\nfunction isConstructableStyleSheet(value: SkinStyles): value is CSSStyleSheet {\n  return typeof globalThis.CSSStyleSheet !== 'undefined' && value instanceof globalThis.CSSStyleSheet;\n}\n\nfunction getStyleText(style: SkinStyles): string {\n  if (typeof style === 'string') return style;\n\n  return Array.from(style.cssRules)\n    .map((rule) => rule.cssText)\n    .join('\\n');\n}\n\nfunction applyShadowStyles(shadowRoot: ShadowRoot, styles: SkinStyles[]): void {\n  if (styles.every(isConstructableStyleSheet) && 'adoptedStyleSheets' in shadowRoot) {\n    shadowRoot.adoptedStyleSheets = styles;\n    return;\n  }\n\n  const doc = shadowRoot.ownerDocument;\n  for (const styleText of styles.map(getStyleText)) {\n    const style = doc.createElement('style');\n    style.textContent = styleText;\n    shadowRoot.appendChild(style);\n  }\n}\n\nconst sharedSheet = createStyles(sharedStyles);\n\n/**\n * Mixin for skin elements that renders the template from a static\n * `getTemplateHTML` method into a shadow root. Native `<slot>` elements\n * handle light DOM projection automatically.\n *\n * When `static styles` is set, the stylesheet is adopted into the\n * shadow root via `adoptedStyleSheets`.\n */\nexport function SkinMixin<Base extends Constructor<ReactiveElement>>(\n  BaseClass: Base\n): Base & { shadowRootOptions: ShadowRootInit; styles?: SkinStyles } {\n  class SkinElement extends (BaseClass as Constructor<ReactiveElement>) {\n    static shadowRootOptions: ShadowRootInit = { mode: 'open' };\n    static styles?: SkinStyles;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      ensureRootStyles();\n\n      if (!this.shadowRoot) {\n        const ctor = this.constructor as typeof SkinElement & { getTemplateHTML?: () => string };\n        this.attachShadow(ctor.shadowRootOptions);\n\n        if (ctor.getTemplateHTML) {\n          this.shadowRoot!.innerHTML = ctor.getTemplateHTML();\n        }\n\n        const sheets: SkinStyles[] = [sharedSheet];\n        if (ctor.styles) {\n          sheets.push(ctor.styles);\n        }\n        applyShadowStyles(this.shadowRoot!, sheets);\n      }\n    }\n  }\n\n  return SkinElement as unknown as Base & { shadowRootOptions: ShadowRootInit; styles?: SkinStyles };\n}\n\n/** Create a constructable stylesheet when available, otherwise return raw CSS. */\nexport function createStyles(css: string): SkinStyles {\n  if (typeof globalThis.CSSStyleSheet === 'undefined') {\n    return css;\n  }\n\n  const sheet = new globalThis.CSSStyleSheet();\n  sheet.replaceSync(css);\n  return sheet;\n}\n"],"mappings":";;;AAKA,MAAM,YAAY;AAGlB,SAAS,mBAAyB;CAChC,MAAM,MAAM,WAAW;AACvB,KAAI,CAAC,OAAO,IAAI,eAAe,UAAU,CAAE;CAE3C,MAAM,QAAQ,IAAI,cAAc,QAAQ;AACxC,OAAM,KAAK;AACX,OAAM,cAAcA;AACpB,KAAI,KAAK,YAAY,MAAM;;AAG7B,SAAS,0BAA0B,OAA2C;AAC5E,QAAO,OAAO,WAAW,kBAAkB,eAAe,iBAAiB,WAAW;;AAGxF,SAAS,aAAa,OAA2B;AAC/C,KAAI,OAAO,UAAU,SAAU,QAAO;AAEtC,QAAO,MAAM,KAAK,MAAM,SAAS,CAC9B,KAAK,SAAS,KAAK,QAAQ,CAC3B,KAAK,KAAK;;AAGf,SAAS,kBAAkB,YAAwB,QAA4B;AAC7E,KAAI,OAAO,MAAM,0BAA0B,IAAI,wBAAwB,YAAY;AACjF,aAAW,qBAAqB;AAChC;;CAGF,MAAM,MAAM,WAAW;AACvB,MAAK,MAAM,aAAa,OAAO,IAAI,aAAa,EAAE;EAChD,MAAM,QAAQ,IAAI,cAAc,QAAQ;AACxC,QAAM,cAAc;AACpB,aAAW,YAAY,MAAM;;;AAIjC,MAAM,cAAc,aAAaC,eAAa;;;;;;;;;AAU9C,SAAgB,UACd,WACmE;CACnE,MAAM,oBAAqB,UAA2C;;4BACzB,EAAE,MAAM,QAAQ;;EAG3D,YAAY,GAAG,MAAa;AAC1B,SAAM,GAAG,KAAK;AAEd,qBAAkB;AAElB,OAAI,CAAC,KAAK,YAAY;IACpB,MAAM,OAAO,KAAK;AAClB,SAAK,aAAa,KAAK,kBAAkB;AAEzC,QAAI,KAAK,gBACP,MAAK,WAAY,YAAY,KAAK,iBAAiB;IAGrD,MAAM,SAAuB,CAAC,YAAY;AAC1C,QAAI,KAAK,OACP,QAAO,KAAK,KAAK,OAAO;AAE1B,sBAAkB,KAAK,YAAa,OAAO;;;;AAKjD,QAAO;;;AAIT,SAAgB,aAAa,KAAyB;AACpD,KAAI,OAAO,WAAW,kBAAkB,YACtC,QAAO;CAGT,MAAM,QAAQ,IAAI,WAAW,eAAe;AAC5C,OAAM,YAAY,IAAI;AACtB,QAAO"}

package/dist/dev/skins/dist/default/shared/tailwind/tooltip-state.js

@@ -1,28 +0,0 @@
-//#region ../skins/dist/default/shared/tailwind/tooltip-state.js
-const tooltipState = {
-	play: {
-		wrapper: "contents group/play-tip",
-		replay: "hidden group-has-data-ended/play-tip:block",
-		play: "hidden group-[:has([data-paused]):not(:has([data-ended]))]/play-tip:block",
-		pause: "hidden group-[:not(:has([data-paused])):not(:has([data-ended]))]/play-tip:block"
-	},
-	fullscreen: {
-		wrapper: "contents group/fullscreen-tip",
-		enter: "hidden group-[:not(:has([data-fullscreen]))]/fullscreen-tip:block",
-		exit: "hidden group-has-data-fullscreen/fullscreen-tip:block"
-	},
-	captions: {
-		wrapper: "contents group/captions-tip",
-		enable: "hidden group-[:not(:has([data-active]))]/captions-tip:block",
-		disable: "hidden group-has-data-active/captions-tip:block"
-	},
-	pip: {
-		wrapper: "contents group/pip-tip",
-		enter: "hidden group-[:not(:has([data-pip]))]/pip-tip:block",
-		exit: "hidden group-has-data-pip/pip-tip:block"
-	}
-};
-//#endregion
-export { tooltipState };
-
-//# sourceMappingURL=tooltip-state.js.map

package/dist/dev/skins/dist/default/shared/tailwind/tooltip-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-state.js","names":[],"sources":["../../../../../../../../skins/dist/default/shared/tailwind/tooltip-state.js"],"sourcesContent":["//#region src/shared/tailwind/tooltip-state.ts\nconst tooltipState = {\n\tplay: {\n\t\twrapper: \"contents group/play-tip\",\n\t\treplay: \"hidden group-has-data-ended/play-tip:block\",\n\t\tplay: \"hidden group-[:has([data-paused]):not(:has([data-ended]))]/play-tip:block\",\n\t\tpause: \"hidden group-[:not(:has([data-paused])):not(:has([data-ended]))]/play-tip:block\"\n\t},\n\tfullscreen: {\n\t\twrapper: \"contents group/fullscreen-tip\",\n\t\tenter: \"hidden group-[:not(:has([data-fullscreen]))]/fullscreen-tip:block\",\n\t\texit: \"hidden group-has-data-fullscreen/fullscreen-tip:block\"\n\t},\n\tcaptions: {\n\t\twrapper: \"contents group/captions-tip\",\n\t\tenable: \"hidden group-[:not(:has([data-active]))]/captions-tip:block\",\n\t\tdisable: \"hidden group-has-data-active/captions-tip:block\"\n\t},\n\tpip: {\n\t\twrapper: \"contents group/pip-tip\",\n\t\tenter: \"hidden group-[:not(:has([data-pip]))]/pip-tip:block\",\n\t\texit: \"hidden group-has-data-pip/pip-tip:block\"\n\t}\n};\n//#endregion\nexport { tooltipState };\n\n//# sourceMappingURL=tooltip-state.js.map"],"mappings":";AACA,MAAM,eAAe;CACpB,MAAM;EACL,SAAS;EACT,QAAQ;EACR,MAAM;EACN,OAAO;EACP;CACD,YAAY;EACX,SAAS;EACT,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,SAAS;EACT,QAAQ;EACR,SAAS;EACT;CACD,KAAK;EACJ,SAAS;EACT,OAAO;EACP,MAAM;EACN;CACD"}