@videojs/html 0.1.0-preview.2 → 0.1.0-preview.3

package/README.md

@@ -21,6 +21,6 @@ members:
 [Apache-2.0](./LICENSE)
 
 [package]: https://www.npmjs.com/package/@videojs/html
-[package-badge]: https://img.shields.io/npm/v/%40videojs%2Fhtml%40next
+[package-badge]: https://img.shields.io/npm/v/@videojs/html/next?label=@videojs/html@next
 [discord]: https://discord.gg/b664Gq3pdy
-[gh-discussions]: https://github.com/muxinc/vjs-10-monorepo/discussions
+[gh-discussions]: https://github.com/videojs/v10/discussions

package/dist/{icons-YlVTDFdV.js → icons-eJws_3Te.js}

@@ -2,7 +2,7 @@ import { t as __export } from "./chunk-Bp6m_JJh.js";
 import { SVG_ICONS } from "@videojs/icons";
 
 //#region src/icons/media-chrome-icon.ts
-function getTemplateHTML$7() {
+function getTemplateHTML$9() {
 	return `
     <style>
       :host {
@@ -19,7 +19,7 @@ var MediaChromeIcon = class extends HTMLElement {
 		this.shadowRootOptions = { mode: "open" };
 	}
 	static {
-		this.getTemplateHTML = getTemplateHTML$7;
+		this.getTemplateHTML = getTemplateHTML$9;
 	}
 	constructor() {
 		super();
@@ -30,13 +30,37 @@ var MediaChromeIcon = class extends HTMLElement {
 	}
 };
 
+//#endregion
+//#region src/icons/media-fullscreen-enter-alt-icon.ts
+var media_fullscreen_enter_alt_icon_exports = /* @__PURE__ */ __export({
+	MediaFullscreenEnterAltIcon: () => MediaFullscreenEnterAltIcon,
+	getTemplateHTML: () => getTemplateHTML$8
+});
+function getTemplateHTML$8() {
+	return `
+    ${MediaChromeIcon.getTemplateHTML()}
+    <style>
+      :host {
+        display: var(--media-fullscreen-enter-icon-display, inline-flex);
+      }
+    </style>
+    ${SVG_ICONS.fullscreenEnterAlt}
+  `;
+}
+var MediaFullscreenEnterAltIcon = class extends MediaChromeIcon {
+	static {
+		this.getTemplateHTML = getTemplateHTML$8;
+	}
+};
+customElements.define("media-fullscreen-enter-alt-icon", MediaFullscreenEnterAltIcon);
+
 //#endregion
 //#region src/icons/media-fullscreen-enter-icon.ts
 var media_fullscreen_enter_icon_exports = /* @__PURE__ */ __export({
 	MediaFullscreenEnterIcon: () => MediaFullscreenEnterIcon,
-	getTemplateHTML: () => getTemplateHTML$6
+	getTemplateHTML: () => getTemplateHTML$7
 });
-function getTemplateHTML$6() {
+function getTemplateHTML$7() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
     <style>
@@ -49,11 +73,35 @@ function getTemplateHTML$6() {
 }
 var MediaFullscreenEnterIcon = class extends MediaChromeIcon {
 	static {
-		this.getTemplateHTML = getTemplateHTML$6;
+		this.getTemplateHTML = getTemplateHTML$7;
 	}
 };
 customElements.define("media-fullscreen-enter-icon", MediaFullscreenEnterIcon);
 
+//#endregion
+//#region src/icons/media-fullscreen-exit-alt-icon.ts
+var media_fullscreen_exit_alt_icon_exports = /* @__PURE__ */ __export({
+	MediaFullscreenExitAltIcon: () => MediaFullscreenExitAltIcon,
+	getTemplateHTML: () => getTemplateHTML$6
+});
+function getTemplateHTML$6() {
+	return `
+    ${MediaChromeIcon.getTemplateHTML()}
+    <style>
+      :host {
+        display: var(--media-fullscreen-exit-icon-display, inline-flex);
+      }
+    </style>
+    ${SVG_ICONS.fullscreenExitAlt}
+  `;
+}
+var MediaFullscreenExitAltIcon = class extends MediaChromeIcon {
+	static {
+		this.getTemplateHTML = getTemplateHTML$6;
+	}
+};
+customElements.define("media-fullscreen-exit-alt-icon", MediaFullscreenExitAltIcon);
+
 //#endregion
 //#region src/icons/media-fullscreen-exit-icon.ts
 var media_fullscreen_exit_icon_exports = /* @__PURE__ */ __export({
@@ -194,5 +242,5 @@ var MediaVolumeOffIcon = class extends MediaChromeIcon {
 customElements.define("media-volume-off-icon", MediaVolumeOffIcon);
 
 //#endregion
-export { media_pause_icon_exports as a, media_play_icon_exports as i, media_volume_low_icon_exports as n, media_fullscreen_exit_icon_exports as o, media_volume_high_icon_exports as r, media_fullscreen_enter_icon_exports as s, media_volume_off_icon_exports as t };
-//# sourceMappingURL=icons-YlVTDFdV.js.map
+export { media_pause_icon_exports as a, media_fullscreen_enter_icon_exports as c, media_play_icon_exports as i, media_fullscreen_enter_alt_icon_exports as l, media_volume_low_icon_exports as n, media_fullscreen_exit_icon_exports as o, media_volume_high_icon_exports as r, media_fullscreen_exit_alt_icon_exports as s, media_volume_off_icon_exports as t };
+//# sourceMappingURL=icons-eJws_3Te.js.map

package/dist/icons-eJws_3Te.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons-eJws_3Te.js","names":["getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML"],"sources":["../src/icons/media-chrome-icon.ts","../src/icons/media-fullscreen-enter-alt-icon.ts","../src/icons/media-fullscreen-enter-icon.ts","../src/icons/media-fullscreen-exit-alt-icon.ts","../src/icons/media-fullscreen-exit-icon.ts","../src/icons/media-pause-icon.ts","../src/icons/media-play-icon.ts","../src/icons/media-volume-high-icon.ts","../src/icons/media-volume-low-icon.ts","../src/icons/media-volume-off-icon.ts"],"sourcesContent":["export function getTemplateHTML() {\n  return /* html */ `\n    <style>\n      :host {\n        display: inline-block;\n      }\n      svg {\n        fill: currentColor;\n      }\n    </style>\n  `;\n}\n\nexport class MediaChromeIcon extends HTMLElement {\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML: () => string = getTemplateHTML;\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof MediaChromeIcon).shadowRootOptions);\n      this.shadowRoot!.innerHTML = (this.constructor as typeof MediaChromeIcon).getTemplateHTML();\n    }\n  }\n}\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-fullscreen-enter-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.fullscreenEnterAlt}\n  `;\n}\n\nexport class MediaFullscreenEnterAltIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-fullscreen-enter-alt-icon', MediaFullscreenEnterAltIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-fullscreen-enter-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.fullscreenEnter}\n  `;\n}\n\nexport class MediaFullscreenEnterIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-fullscreen-enter-icon', MediaFullscreenEnterIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-fullscreen-exit-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.fullscreenExitAlt}\n  `;\n}\n\nexport class MediaFullscreenExitAltIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-fullscreen-exit-alt-icon', MediaFullscreenExitAltIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-fullscreen-exit-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.fullscreenExit}\n  `;\n}\n\nexport class MediaFullscreenExitIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-fullscreen-exit-icon', MediaFullscreenExitIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    ${SVG_ICONS.pause}\n  `;\n}\n\nexport class MediaPauseIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-pause-icon', MediaPauseIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-play-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.play}\n  `;\n}\n\nexport class MediaPlayIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-play-icon', MediaPlayIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-play-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.volumeHigh}\n  `;\n}\n\nexport class MediaVolumeHighIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-volume-high-icon', MediaVolumeHighIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-play-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.volumeLow}\n  `;\n}\n\nexport class MediaVolumeLowIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-volume-low-icon', MediaVolumeLowIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n  return /* html */ `\n    ${MediaChromeIcon.getTemplateHTML()}\n    <style>\n      :host {\n        display: var(--media-play-icon-display, inline-flex);\n      }\n    </style>\n    ${SVG_ICONS.volumeOff}\n  `;\n}\n\nexport class MediaVolumeOffIcon extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-volume-off-icon', MediaVolumeOffIcon);\n"],"mappings":";;;;AAAA,SAAgBA,oBAAkB;AAChC,QAAkB;;;;;;;;;;;AAYpB,IAAa,kBAAb,cAAqC,YAAY;;2BACpB,EAAE,MAAM,QAA0B;;;yBACtBA;;CAEvC,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAuC,kBAAkB;AACjF,QAAK,WAAY,YAAa,KAAK,YAAuC,iBAAiB;;;;;;;;;;;AClBjG,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,mBAAmB;;;AAInC,IAAa,8BAAb,cAAiD,gBAAgB;;yBACxBA;;;AAGzC,eAAe,OAAO,mCAAmC,4BAA4B;;;;;;;;AChBrF,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,gBAAgB;;;AAIhC,IAAa,2BAAb,cAA8C,gBAAgB;;yBACrBA;;;AAGzC,eAAe,OAAO,+BAA+B,yBAAyB;;;;;;;;AChB9E,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,kBAAkB;;;AAIlC,IAAa,6BAAb,cAAgD,gBAAgB;;yBACvBA;;;AAGzC,eAAe,OAAO,kCAAkC,2BAA2B;;;;;;;;AChBnF,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,eAAe;;;AAI/B,IAAa,0BAAb,cAA6C,gBAAgB;;yBACpBA;;;AAGzC,eAAe,OAAO,8BAA8B,wBAAwB;;;;;;;;AChB5E,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;MAClC,UAAU,MAAM;;;AAItB,IAAa,iBAAb,cAAoC,gBAAgB;;yBACXA;;;AAGzC,eAAe,OAAO,oBAAoB,eAAe;;;;;;;;ACXzD,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,KAAK;;;AAIrB,IAAa,gBAAb,cAAmC,gBAAgB;;yBACVA;;;AAGzC,eAAe,OAAO,mBAAmB,cAAc;;;;;;;;AChBvD,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,WAAW;;;AAI3B,IAAa,sBAAb,cAAyC,gBAAgB;;yBAChBA;;;AAGzC,eAAe,OAAO,0BAA0B,oBAAoB;;;;;;;;AChBpE,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,UAAU;;;AAI1B,IAAa,qBAAb,cAAwC,gBAAgB;;yBACfA;;;AAGzC,eAAe,OAAO,yBAAyB,mBAAmB;;;;;;;;AChBlE,SAAgB,kBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,UAAU;;;AAI1B,IAAa,qBAAb,cAAwC,gBAAgB;;yBACf;;;AAGzC,eAAe,OAAO,yBAAyB,mBAAmB"}

package/dist/icons.d.ts

@@ -1,2 +1,2 @@
-import { a as media_pause_icon_d_exports, i as media_play_icon_d_exports, n as media_volume_low_icon_d_exports, o as media_fullscreen_exit_icon_d_exports, r as media_volume_high_icon_d_exports, s as media_fullscreen_enter_icon_d_exports, t as media_volume_off_icon_d_exports } from "./index-BtSCzZKn.js";
-export { media_fullscreen_enter_icon_d_exports as MediaFullscreenEnterIcon, media_fullscreen_exit_icon_d_exports as MediaFullscreenExitIcon, media_pause_icon_d_exports as MediaPauseIcon, media_play_icon_d_exports as MediaPlayIcon, media_volume_high_icon_d_exports as MediaVolumeHighIcon, media_volume_low_icon_d_exports as MediaVolumeLowIcon, media_volume_off_icon_d_exports as MediaVolumeOffIcon };
+import { a as media_pause_icon_d_exports, c as media_fullscreen_enter_icon_d_exports, i as media_play_icon_d_exports, l as media_fullscreen_enter_alt_icon_d_exports, n as media_volume_low_icon_d_exports, o as media_fullscreen_exit_icon_d_exports, r as media_volume_high_icon_d_exports, s as media_fullscreen_exit_alt_icon_d_exports, t as media_volume_off_icon_d_exports } from "./index-AcYRyuAY.js";
+export { media_fullscreen_enter_alt_icon_d_exports as MediaFullscreenEnterAltIcon, media_fullscreen_enter_icon_d_exports as MediaFullscreenEnterIcon, media_fullscreen_exit_alt_icon_d_exports as MediaFullscreenExitAltIcon, media_fullscreen_exit_icon_d_exports as MediaFullscreenExitIcon, media_pause_icon_d_exports as MediaPauseIcon, media_play_icon_d_exports as MediaPlayIcon, media_volume_high_icon_d_exports as MediaVolumeHighIcon, media_volume_low_icon_d_exports as MediaVolumeLowIcon, media_volume_off_icon_d_exports as MediaVolumeOffIcon };

package/dist/icons.js

@@ -1,3 +1,3 @@
-import { a as media_pause_icon_exports, i as media_play_icon_exports, n as media_volume_low_icon_exports, o as media_fullscreen_exit_icon_exports, r as media_volume_high_icon_exports, s as media_fullscreen_enter_icon_exports, t as media_volume_off_icon_exports } from "./icons-YlVTDFdV.js";
+import { a as media_pause_icon_exports, c as media_fullscreen_enter_icon_exports, i as media_play_icon_exports, l as media_fullscreen_enter_alt_icon_exports, n as media_volume_low_icon_exports, o as media_fullscreen_exit_icon_exports, r as media_volume_high_icon_exports, s as media_fullscreen_exit_alt_icon_exports, t as media_volume_off_icon_exports } from "./icons-eJws_3Te.js";
 
-export { media_fullscreen_enter_icon_exports as MediaFullscreenEnterIcon, media_fullscreen_exit_icon_exports as MediaFullscreenExitIcon, media_pause_icon_exports as MediaPauseIcon, media_play_icon_exports as MediaPlayIcon, media_volume_high_icon_exports as MediaVolumeHighIcon, media_volume_low_icon_exports as MediaVolumeLowIcon, media_volume_off_icon_exports as MediaVolumeOffIcon };
+export { media_fullscreen_enter_alt_icon_exports as MediaFullscreenEnterAltIcon, media_fullscreen_enter_icon_exports as MediaFullscreenEnterIcon, media_fullscreen_exit_alt_icon_exports as MediaFullscreenExitAltIcon, media_fullscreen_exit_icon_exports as MediaFullscreenExitIcon, media_pause_icon_exports as MediaPauseIcon, media_play_icon_exports as MediaPlayIcon, media_volume_high_icon_exports as MediaVolumeHighIcon, media_volume_low_icon_exports as MediaVolumeLowIcon, media_volume_off_icon_exports as MediaVolumeOffIcon };

package/dist/{index-BtSCzZKn.d.ts → index-AcYRyuAY.d.ts}

@@ -8,13 +8,27 @@ declare class MediaChromeIcon extends HTMLElement {
   static getTemplateHTML: () => string;
   constructor();
 }
+declare namespace media_fullscreen_enter_alt_icon_d_exports {
+  export { MediaFullscreenEnterAltIcon, getTemplateHTML$8 as getTemplateHTML };
+}
+declare function getTemplateHTML$8(): string;
+declare class MediaFullscreenEnterAltIcon extends MediaChromeIcon {
+  static getTemplateHTML: () => string;
+}
 declare namespace media_fullscreen_enter_icon_d_exports {
-  export { MediaFullscreenEnterIcon, getTemplateHTML$6 as getTemplateHTML };
+  export { MediaFullscreenEnterIcon, getTemplateHTML$7 as getTemplateHTML };
 }
-declare function getTemplateHTML$6(): string;
+declare function getTemplateHTML$7(): string;
 declare class MediaFullscreenEnterIcon extends MediaChromeIcon {
   static getTemplateHTML: () => string;
 }
+declare namespace media_fullscreen_exit_alt_icon_d_exports {
+  export { MediaFullscreenExitAltIcon, getTemplateHTML$6 as getTemplateHTML };
+}
+declare function getTemplateHTML$6(): string;
+declare class MediaFullscreenExitAltIcon extends MediaChromeIcon {
+  static getTemplateHTML: () => string;
+}
 declare namespace media_fullscreen_exit_icon_d_exports {
   export { MediaFullscreenExitIcon, getTemplateHTML$5 as getTemplateHTML };
 }
@@ -58,5 +72,5 @@ declare class MediaVolumeOffIcon extends MediaChromeIcon {
   static getTemplateHTML: () => string;
 }
 //#endregion
-export { media_pause_icon_d_exports as a, media_play_icon_d_exports as i, media_volume_low_icon_d_exports as n, media_fullscreen_exit_icon_d_exports as o, media_volume_high_icon_d_exports as r, media_fullscreen_enter_icon_d_exports as s, media_volume_off_icon_d_exports as t };
-//# sourceMappingURL=index-BtSCzZKn.d.ts.map
+export { media_pause_icon_d_exports as a, media_fullscreen_enter_icon_d_exports as c, media_play_icon_d_exports as i, media_fullscreen_enter_alt_icon_d_exports as l, media_volume_low_icon_d_exports as n, media_fullscreen_exit_icon_d_exports as o, media_volume_high_icon_d_exports as r, media_fullscreen_exit_alt_icon_d_exports as s, media_volume_off_icon_d_exports as t };
+//# sourceMappingURL=index-AcYRyuAY.d.ts.map

package/dist/index-AcYRyuAY.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-AcYRyuAY.d.ts","names":[],"sources":["../src/icons/media-chrome-icon.ts","../src/icons/media-fullscreen-enter-alt-icon.ts","../src/icons/media-fullscreen-enter-icon.ts","../src/icons/media-fullscreen-exit-alt-icon.ts","../src/icons/media-fullscreen-exit-icon.ts","../src/icons/media-pause-icon.ts","../src/icons/media-play-icon.ts","../src/icons/media-volume-high-icon.ts","../src/icons/media-volume-low-icon.ts","../src/icons/media-volume-off-icon.ts"],"sourcesContent":[],"mappings":";;;cAaa,eAAA,SAAwB,WAAA;;IAArC,IAAa,EACkC,cADlC;;;;;;;;iBCTG,iBAAA,CAAA;cAYH,2BAAA,SAAoC,eAAA;EDHjD,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBEV/B,iBAAA,CAAA;cAYH,wBAAA,SAAiC,eAAA;EFH9C,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBGV/B,iBAAA,CAAA;cAYH,0BAAA,SAAmC,eAAA;EHHhD,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBIV/B,iBAAA,CAAA;cAYH,uBAAA,SAAgC,eAAA;EJH7C,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBKV/B,iBAAA,CAAA;cAOH,cAAA,SAAuB,eAAA;ELEpC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBMV/B,iBAAA,CAAA;cAYH,aAAA,SAAsB,eAAA;ENHnC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBOV/B,iBAAA,CAAA;cAYH,mBAAA,SAA4B,eAAA;EPHzC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBQV/B,iBAAA,CAAA;cAYH,kBAAA,SAA2B,eAAA;ERHxC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBSV/B,eAAA,CAAA;cAYH,kBAAA,SAA2B,eAAA;ETHxC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { a as Tooltip, c as PlayButton, d as DurationDisplay, f as CurrentTimeDisplay, i as VolumeSlider, l as MuteButton, n as MediaProvider, o as TimeSlider, r as MediaContainer, s as Popover, t as MediaSkin, u as FullscreenButton } from "./media-skin-CbuyuCb-.js";
+import { a as Tooltip, c as PlayButton, d as DurationDisplay, f as CurrentTimeDisplay, i as VolumeSlider, l as MuteButton, n as MediaProvider, o as TimeSlider, r as MediaContainer, s as Popover, t as MediaSkin, u as FullscreenButton } from "./media-skin-D44BfH6y.js";
 
 //#region src/index.d.ts
 

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as Tooltip, c as PlayButton, d as DurationDisplay, f as CurrentTimeDisplay, i as VolumeSlider, l as MuteButton, n as MediaProvider, o as TimeSlider, r as MediaContainer, s as Popover, t as MediaSkin, u as FullscreenButton } from "./media-skin-BlXPC9wG.js";
+import { a as Tooltip, c as PlayButton, d as DurationDisplay, f as CurrentTimeDisplay, i as VolumeSlider, l as MuteButton, n as MediaProvider, o as TimeSlider, r as MediaContainer, s as Popover, t as MediaSkin, u as FullscreenButton } from "./media-skin-DR8zj-LV.js";
 
 //#region src/index.ts
 function defineVjsPlayer() {

package/dist/media-preview-time-display-C7jpAct6.js

@@ -0,0 +1,44 @@
+import { p as toConnectedHTMLComponent } from "./media-skin-DR8zj-LV.js";
+import { previewTimeDisplayStateDefinition } from "@videojs/core/store";
+import { formatDisplayTime } from "@videojs/utils";
+
+//#region src/components/media-preview-time-display.ts
+var PreviewTimeDisplayBase = class extends HTMLElement {
+	static {
+		this.shadowRootOptions = { mode: "open" };
+	}
+	static {
+		this.observedAttributes = ["show-remaining"];
+	}
+	constructor() {
+		super();
+		if (!this.shadowRoot) this.attachShadow(this.constructor.shadowRootOptions);
+	}
+	get previewTime() {
+		return this._state?.previewTime ?? 0;
+	}
+	get showRemaining() {
+		return this.hasAttribute("show-remaining");
+	}
+	attributeChangedCallback(name, _oldValue, _newValue) {
+		if (name === "show-remaining" && this._state) this._update({}, this._state);
+	}
+	_update(_props, state) {
+		this._state = state;
+		/** @TODO Should this live here or elsewhere? (CJP) */
+		const timeLabel = formatDisplayTime(state.previewTime);
+		if (this.shadowRoot) this.shadowRoot.textContent = timeLabel;
+	}
+};
+const usePreviewTimeDisplayState = {
+	keys: [...previewTimeDisplayStateDefinition.keys],
+	transform: (rawState, _mediaStore) => ({ ...previewTimeDisplayStateDefinition.stateTransform(rawState) })
+};
+const getPreviewTimeDisplayProps = (_state, _element) => {
+	return {};
+};
+const PreviewTimeDisplay = toConnectedHTMLComponent(PreviewTimeDisplayBase, usePreviewTimeDisplayState, getPreviewTimeDisplayProps, "PreviewTimeDisplay");
+if (!globalThis.customElements.get("preview-time-display")) globalThis.customElements.define("preview-time-display", PreviewTimeDisplay);
+
+//#endregion
+//# sourceMappingURL=media-preview-time-display-C7jpAct6.js.map

package/dist/media-preview-time-display-C7jpAct6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-preview-time-display-C7jpAct6.js","names":["usePreviewTimeDisplayState: StateHook<{\n  previewTime: number | undefined;\n}>","getPreviewTimeDisplayProps: PropsHook<{\n  previewTime: number | undefined;\n}>","PreviewTimeDisplay: ConnectedComponentConstructor<PreviewTimeDisplayState>"],"sources":["../src/components/media-preview-time-display.ts"],"sourcesContent":["import type { PreviewTimeDisplayState } from '@videojs/core/store';\nimport type { ConnectedComponentConstructor, PropsHook, StateHook } from '../utils/component-factory';\n\nimport { previewTimeDisplayStateDefinition } from '@videojs/core/store';\n\nimport { formatDisplayTime } from '@videojs/utils';\nimport { toConnectedHTMLComponent } from '../utils/component-factory';\n\nexport class PreviewTimeDisplayBase extends HTMLElement {\n  static shadowRootOptions = {\n    mode: 'open' as ShadowRootMode,\n  };\n\n  static observedAttributes: string[] = ['show-remaining'];\n\n  _state:\n    | {\n      previewTime: number | undefined;\n    }\n    | undefined;\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof PreviewTimeDisplayBase).shadowRootOptions);\n    }\n  }\n\n  get previewTime(): number {\n    return this._state?.previewTime ?? 0;\n  }\n\n  get showRemaining(): boolean {\n    return this.hasAttribute('show-remaining');\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void {\n    if (name === 'show-remaining' && this._state) {\n      // Re-render with current state when show-remaining attribute changes\n      this._update({}, this._state);\n    }\n  }\n\n  _update(_props: any, state: any): void {\n    this._state = state;\n\n    /** @TODO Should this live here or elsewhere? (CJP) */\n    const timeLabel = formatDisplayTime(state.previewTime);\n\n    if (this.shadowRoot) {\n      this.shadowRoot.textContent = timeLabel;\n    }\n  }\n}\n\nexport const usePreviewTimeDisplayState: StateHook<{\n  previewTime: number | undefined;\n}> = {\n  keys: [...previewTimeDisplayStateDefinition.keys],\n  transform: (rawState, _mediaStore) => ({\n    ...previewTimeDisplayStateDefinition.stateTransform(rawState),\n    // Preview time display is read-only, so no request methods needed\n  }),\n};\n\nexport const getPreviewTimeDisplayProps: PropsHook<{\n  previewTime: number | undefined;\n}> = (_state, _element) => {\n  const baseProps: Record<string, any> = {};\n  return baseProps;\n};\n\nexport const PreviewTimeDisplay: ConnectedComponentConstructor<PreviewTimeDisplayState> = toConnectedHTMLComponent(\n  PreviewTimeDisplayBase,\n  usePreviewTimeDisplayState,\n  getPreviewTimeDisplayProps,\n  'PreviewTimeDisplay',\n);\n\n// Register the custom element\nif (!globalThis.customElements.get('preview-time-display')) {\n  globalThis.customElements.define('preview-time-display', PreviewTimeDisplay);\n}\n\nexport default PreviewTimeDisplay;\n"],"mappings":";;;;;AAQA,IAAa,yBAAb,cAA4C,YAAY;;2BAC3B,EACzB,MAAM,QACP;;;4BAEqC,CAAC,iBAAiB;;CAQxD,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,WACR,MAAK,aAAc,KAAK,YAA8C,kBAAkB;;CAI5F,IAAI,cAAsB;AACxB,SAAO,KAAK,QAAQ,eAAe;;CAGrC,IAAI,gBAAyB;AAC3B,SAAO,KAAK,aAAa,iBAAiB;;CAG5C,yBAAyB,MAAc,WAA0B,WAAgC;AAC/F,MAAI,SAAS,oBAAoB,KAAK,OAEpC,MAAK,QAAQ,EAAE,EAAE,KAAK,OAAO;;CAIjC,QAAQ,QAAa,OAAkB;AACrC,OAAK,SAAS;;EAGd,MAAM,YAAY,kBAAkB,MAAM,YAAY;AAEtD,MAAI,KAAK,WACP,MAAK,WAAW,cAAc;;;AAKpC,MAAaA,6BAER;CACH,MAAM,CAAC,GAAG,kCAAkC,KAAK;CACjD,YAAY,UAAU,iBAAiB,EACrC,GAAG,kCAAkC,eAAe,SAAS,EAE9D;CACF;AAED,MAAaC,8BAEP,QAAQ,aAAa;AAEzB,QADuC,EAAE;;AAI3C,MAAaC,qBAA6E,yBACxF,wBACA,4BACA,4BACA,qBACD;AAGD,IAAI,CAAC,WAAW,eAAe,IAAI,uBAAuB,CACxD,YAAW,eAAe,OAAO,wBAAwB,mBAAmB"}

package/dist/{media-skin-CbuyuCb-.d.ts → media-skin-D44BfH6y.d.ts}

@@ -29,7 +29,7 @@ declare const MuteButton: ConnectedComponentConstructor<MuteButtonState>;
 declare const PlayButton: ConnectedComponentConstructor<PlayButtonState>;
 //#endregion
 //#region src/components/media-popover.d.ts
-declare class MediaPopoverRoot extends HTMLElement {
+declare class Popover extends HTMLElement {
   #private;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -38,36 +38,9 @@ declare class MediaPopoverRoot extends HTMLElement {
   get openOnHover(): boolean;
   get delay(): number;
   get closeDelay(): number;
-  setOpen(open: boolean): void;
-}
-declare class MediaPopoverTrigger extends HTMLElement {
-  connectedCallback(): void;
-}
-declare class MediaPopoverPortal extends HTMLElement {
-  #private;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  querySelector(selector: string): HTMLElement | null;
-  querySelectorAll(selector: string): NodeListOf<Element>;
-  handleEvent(event: Event): void;
-  renderGuards(): void;
-  removeGuards(): void;
-}
-declare class MediaPopoverPositioner extends HTMLElement {
-  connectedCallback(): void;
   get side(): Placement;
   get sideOffset(): number;
 }
-declare class MediaPopoverPopup extends HTMLElement {
-  connectedCallback(): void;
-}
-declare const Popover: {
-  Root: typeof MediaPopoverRoot;
-  Trigger: typeof MediaPopoverTrigger;
-  Portal: typeof MediaPopoverPortal;
-  Positioner: typeof MediaPopoverPositioner;
-  Popup: typeof MediaPopoverPopup;
-};
 //#endregion
 //#region src/components/media-time-slider.d.ts
 
@@ -132,6 +105,7 @@ declare const Tooltip: {
 };
 //#endregion
 //#region src/components/media-volume-slider.d.ts
+
 /**
 * Connected VolumeSlider Root component using hook-style architecture
 */
@@ -205,4 +179,4 @@ declare class MediaSkin extends HTMLElement {
 }
 //#endregion
 export { Tooltip as a, PlayButton as c, DurationDisplay as d, CurrentTimeDisplay as f, VolumeSlider$1 as i, MuteButton as l, MediaProvider as n, TimeSlider$1 as o, MediaContainer as r, Popover as s, MediaSkin as t, FullscreenButton as u };
-//# sourceMappingURL=media-skin-CbuyuCb-.d.ts.map
+//# sourceMappingURL=media-skin-D44BfH6y.d.ts.map

package/dist/media-skin-D44BfH6y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-skin-D44BfH6y.d.ts","names":["useCurrentTimeDisplayState: StateHook<{\n  currentTime: number | undefined;\n  duration: number | undefined;\n}>","getCurrentTimeDisplayProps: PropsHook<{\n  currentTime: number | undefined;\n  duration: number | undefined;\n}>","CurrentTimeDisplay: ConnectedComponentConstructor<CurrentTimeDisplayState>","useDurationDisplayState: StateHook<{\n  duration: number | undefined;\n}>","getDurationDisplayProps: PropsHook<{\n  duration: number | undefined;\n}>","DurationDisplay: ConnectedComponentConstructor<DurationDisplayState>","getFullscreenButtonState: StateHook<{ fullscreen: boolean }>","getFullscreenButtonProps: PropsHook<{ fullscreen: boolean }>","FullscreenButton: ConnectedComponentConstructor<FullscreenButtonState>","getMuteButtonState: StateHook<{\n  muted: boolean;\n  volumeLevel: string;\n}>","getMuteButtonProps: PropsHook<{\n  muted: boolean;\n  volumeLevel: string;\n}>","MuteButton: ConnectedComponentConstructor<MuteButtonState>","getPlayButtonState: StateHook<{ paused: boolean }>","getPlayButtonProps: PropsHook<{ paused: boolean }>","PlayButton: ConnectedComponentConstructor<PlayButtonState>","getTimeSliderRootProps: PropsHook<{\n  currentTime: number;\n  duration: number;\n  requestSeek: (time: number) => void;\n  core: CoreTimeSlider | null;\n}>","useTimeSliderRootState: StateHook<{\n  currentTime: number;\n  duration: number;\n  requestSeek: (time: number) => void;\n  core: CoreTimeSlider | null;\n}>","getTimeSliderTrackProps: PropsHook<Record<string, never>>","getTimeSliderProgressProps: PropsHook<Record<string, never>>","getTimeSliderPointerProps: PropsHook<Record<string, never>>","getTimeSliderThumbProps: PropsHook<Record<string, never>>","TimeSliderRoot: ConnectedComponentConstructor<{\n  currentTime: number;\n  duration: number;\n  requestSeek: (time: number) => void;\n  core: CoreTimeSlider | null;\n}>","TimeSliderTrack: ConnectedComponentConstructor<any>","TimeSliderProgress: ConnectedComponentConstructor<any>","TimeSliderPointer: ConnectedComponentConstructor<any>","TimeSliderThumb: ConnectedComponentConstructor<any>","Tooltip: {\n  Root: typeof MediaTooltipRoot;\n  Trigger: typeof MediaTooltipTrigger;\n  Portal: typeof MediaTooltipPortal;\n  Positioner: typeof MediaTooltipPositioner;\n  Popup: typeof MediaTooltipPopup;\n  Arrow: typeof MediaTooltipArrow;\n}","getVolumeSliderRootProps: PropsHook<{\n  volume: number;\n  muted: boolean;\n  volumeLevel: string;\n  requestVolumeChange: (volume: number) => void;\n  core: CoreVolumeSlider | null;\n}>","useVolumeSliderRootState: StateHook<{\n  volume: number;\n  muted: boolean;\n  volumeLevel: string;\n  requestVolumeChange: (volume: number) => void;\n  core: CoreVolumeSlider | null;\n}>","getVolumeSliderTrackProps: PropsHook<Record<string, never>>","getVolumeSliderProgressProps: PropsHook<Record<string, never>>","getVolumeSliderThumbProps: PropsHook<Record<string, never>>","VolumeSliderRoot: ConnectedComponentConstructor<{\n  volume: number;\n  muted: boolean;\n  volumeLevel: string;\n  requestVolumeChange: (volume: number) => void;\n  core: CoreVolumeSlider | null;\n}>","VolumeSliderTrack: ConnectedComponentConstructor<any>","VolumeSliderProgress: ConnectedComponentConstructor<any>","VolumeSliderThumb: ConnectedComponentConstructor<any>","CustomElementConsumer: Constructor<CustomElement>","ProviderHTMLElement: Constructor<CustomElement>"],"sources":["../src/utils/component-factory.ts","../src/components/media-current-time-display.ts","../src/components/media-duration-display.ts","../src/components/media-fullscreen-button.ts","../src/components/media-mute-button.ts","../src/components/media-play-button.ts","../src/components/media-popover.ts","../src/components/media-time-slider.ts","../src/components/media-tooltip.ts","../src/components/media-volume-slider.ts","../src/media/media-container.ts","../src/media/media-provider.ts","../src/media/media-skin.ts"],"sourcesContent":[],"mappings":";;;;;;;UAaiB;cACH,QAAQ;AE+DtB;;;;AGbac,cJmBAZ,kBInB0C,EJmBtB,6BInBR,CJmBsC,uBInBtC,CAAA;;;;cHaZG,iBAAiB,8BAA8B;;;;cCH/CG,kBAAkB,8BAA8B;;;;cCWhDG,YAAY,8BAA8B;;;cCrB1CG,YAAY,8BAA8B;;;cChDjD,OAAA,SAAgB,WAAA;;;;qBAmCD;ENtCrB,WAAiB,kBAAA,CAAA,CAAA,EAAA,MAAA,EAAA;;;;ECsEjB,IAAaZ,IAAAA,CAAAA,CAAAA,EKMC,SLNDA;;;;;;AOmRA,cDvHAmB,cCuHA,EDvHgB,6BCuHe,CAAA;EA2B5C,WAAa,EAAA,MAAA;EAMb,QAAa,EAAA,MAAA;EA8Bb,WAAaK,EAAAA,CAAAA,IAAAA,EAAAA,MAAAA,EAAAA,GAAAA,IAAAA;EACE,IAAA,EDnLP,UCmLO,GAAA,IAAA;CACG,CAAA;AACD,cDlLJJ,eCkLI,EDlLa,6BCkLb,CAAA,GAAA,CAAA;AACI,cD5KRC,kBC4KQ,ED5KY,6BC4KZ,CAAA,GAAA,CAAA;AACL,cDtKHC,iBCsKG,EDtKgB,6BCsKhB,CAAA,GAAA,CAAA;AACA,cDhKHC,eCgKG,EDhKc,6BCgKd,CAAA,GAAA,CAAA;AAAA,cDzJH,YCyJG,EAAA;eD/ID;gBACC;mBACG;EElDnB,OAAaO,EAAAA,OFmDK,iBEnDLA;EAWb,KAAaC,EAAAA,OFyCG,eEzCgB;AAUhC,CAAA;;;cD3Pa,gBAAA,SAAyB,WAAA;;;qBAkBjB;;ERXrB,oBAAiB,CAAA,CAAA,EAAA,IAAA;;;;ECsEjB,IAAa/B,eAAAA,CAAAA,CAAAA,EAAAA,GAAkD,GAAA,GAAA,GAAA,MAAA,GAAA,SAAA;;cOmLlD,mBAAA,SAA4B,WAAA;;ANzLzC;cMuOa,kBAAA,SAA2B,WAAA;;;EL1OxC,oBAAaM,CAAAA,CAAgD,EAAA,IAAA;mCKsP1B;;cAsCtB,sBAAA,SAA+B,WAAA;EJjR5C,iBAAuD,CAAA,CAAA,EAAA,IAAA;cI+RzC;;;AHpTd;cGiUa,iBAAA,SAA0B,WAAA;;;AFjXjC,cEuXO,iBAAA,SAA0B,WAAA,CFvXjC;EAmCe,iBAAA,CAAA,CAAA,EAAA,IAAA;;AAnCC,cEqZTkB,OFrZS,EAAA;EAAA,IAAA,EAAA,OEsZP,gBFtZO;kBEuZJ;iBACD;qBACI;ED1LrB,KAAaL,EAAAA,OC2LG,iBD3LHA;EAOb,KAAaC,EAAAA,OCqLG,iBDrLc;AAO9B,CAAA;;;;;;;AG9OMc,cD6NOJ,gBC7N4B,ED6NV,6BC7NF,CAAA;EAE7B,MAAa,EAAA,MAAA;EACkC,KAAA,EAAA,OAAA;EAIjC,WAAA,EAAA,MAAA;EAmDW,mBAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAxDW,IAAA,EDgO5B,YChO4B,GAAA,IAAA;CAAA,CAAA;;;;ACX9BK,cFiPOJ,iBEjP0B,EFiPP,6BEjPL,CAAA,GAAA,CAAA;AAE3B;;;cFyPaC,sBAAsB;AGhPnC;;;cH0PaC,mBAAmB;;;;cAUnB;eASE;gBACC;mBACG;gBACH;;;;cClRVC,uBAAuB,YAAY;cAE5B,cAAA,SAAuB,qBAAA;;UACW;EVL/C,CAAA;;;cUSc;ET6Dd,OAAalC,EAAAA,OAAAA;;;;ECNb,WAAaG,CAAAA;;;;ECHb,8BAA6D,EAAA,GAAA,GAAA,IAAA;;wBODpC;;ANYzB;;;cO/EMgC,qBAAqB,YAAY;cAE1B,aAAA,SAAsB,mBAAA;;sBAEf;EXGpB,CAAA;;;;cYIa,SAAA,SAAkB,WAAA;;UACgB;;;EZL/C,WAAiB,CAAA"}