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

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

@@ -1,8 +1,8 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as defineCustomElement } from "./custom-element-3bDlB2XO.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,29 @@ var MediaChromeIcon = class extends HTMLElement {
 	}
 };
 
+//#endregion
+//#region src/icons/media-fullscreen-enter-alt-icon.ts
+function getTemplateHTML$8() {
+	return `
+    ${MediaChromeIcon.getTemplateHTML()}
+    <style>
+      :host {
+        display: var(--media-fullscreen-enter-icon-display, inline-flex);
+      }
+    </style>
+    ${SVG_ICONS.fullscreenEnterAlt}
+  `;
+}
+var MediaFullscreenEnterAltIconElement = class extends MediaChromeIcon {
+	static {
+		this.getTemplateHTML = getTemplateHTML$8;
+	}
+};
+defineCustomElement("media-fullscreen-enter-alt-icon", MediaFullscreenEnterAltIconElement);
+
 //#endregion
 //#region src/icons/media-fullscreen-enter-icon.ts
-var media_fullscreen_enter_icon_exports = /* @__PURE__ */ __export({
-	MediaFullscreenEnterIcon: () => MediaFullscreenEnterIcon,
-	getTemplateHTML: () => getTemplateHTML$6
-});
-function getTemplateHTML$6() {
+function getTemplateHTML$7() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
     <style>
@@ -47,19 +63,35 @@ function getTemplateHTML$6() {
     ${SVG_ICONS.fullscreenEnter}
   `;
 }
-var MediaFullscreenEnterIcon = class extends MediaChromeIcon {
+var MediaFullscreenEnterIconElement = class extends MediaChromeIcon {
+	static {
+		this.getTemplateHTML = getTemplateHTML$7;
+	}
+};
+defineCustomElement("media-fullscreen-enter-icon", MediaFullscreenEnterIconElement);
+
+//#endregion
+//#region src/icons/media-fullscreen-exit-alt-icon.ts
+function getTemplateHTML$6() {
+	return `
+    ${MediaChromeIcon.getTemplateHTML()}
+    <style>
+      :host {
+        display: var(--media-fullscreen-exit-icon-display, inline-flex);
+      }
+    </style>
+    ${SVG_ICONS.fullscreenExitAlt}
+  `;
+}
+var MediaFullscreenExitAltIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML$6;
 	}
 };
-customElements.define("media-fullscreen-enter-icon", MediaFullscreenEnterIcon);
+defineCustomElement("media-fullscreen-exit-alt-icon", MediaFullscreenExitAltIconElement);
 
 //#endregion
 //#region src/icons/media-fullscreen-exit-icon.ts
-var media_fullscreen_exit_icon_exports = /* @__PURE__ */ __export({
-	MediaFullscreenExitIcon: () => MediaFullscreenExitIcon,
-	getTemplateHTML: () => getTemplateHTML$5
-});
 function getTemplateHTML$5() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -71,38 +103,30 @@ function getTemplateHTML$5() {
     ${SVG_ICONS.fullscreenExit}
   `;
 }
-var MediaFullscreenExitIcon = class extends MediaChromeIcon {
+var MediaFullscreenExitIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML$5;
 	}
 };
-customElements.define("media-fullscreen-exit-icon", MediaFullscreenExitIcon);
+defineCustomElement("media-fullscreen-exit-icon", MediaFullscreenExitIconElement);
 
 //#endregion
 //#region src/icons/media-pause-icon.ts
-var media_pause_icon_exports = /* @__PURE__ */ __export({
-	MediaPauseIcon: () => MediaPauseIcon,
-	getTemplateHTML: () => getTemplateHTML$4
-});
 function getTemplateHTML$4() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
     ${SVG_ICONS.pause}
   `;
 }
-var MediaPauseIcon = class extends MediaChromeIcon {
+var MediaPauseIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML$4;
 	}
 };
-customElements.define("media-pause-icon", MediaPauseIcon);
+defineCustomElement("media-pause-icon", MediaPauseIconElement);
 
 //#endregion
 //#region src/icons/media-play-icon.ts
-var media_play_icon_exports = /* @__PURE__ */ __export({
-	MediaPlayIcon: () => MediaPlayIcon,
-	getTemplateHTML: () => getTemplateHTML$3
-});
 function getTemplateHTML$3() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -114,19 +138,15 @@ function getTemplateHTML$3() {
     ${SVG_ICONS.play}
   `;
 }
-var MediaPlayIcon = class extends MediaChromeIcon {
+var MediaPlayIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML$3;
 	}
 };
-customElements.define("media-play-icon", MediaPlayIcon);
+defineCustomElement("media-play-icon", MediaPlayIconElement);
 
 //#endregion
 //#region src/icons/media-volume-high-icon.ts
-var media_volume_high_icon_exports = /* @__PURE__ */ __export({
-	MediaVolumeHighIcon: () => MediaVolumeHighIcon,
-	getTemplateHTML: () => getTemplateHTML$2
-});
 function getTemplateHTML$2() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -138,19 +158,15 @@ function getTemplateHTML$2() {
     ${SVG_ICONS.volumeHigh}
   `;
 }
-var MediaVolumeHighIcon = class extends MediaChromeIcon {
+var MediaVolumeHighIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML$2;
 	}
 };
-customElements.define("media-volume-high-icon", MediaVolumeHighIcon);
+defineCustomElement("media-volume-high-icon", MediaVolumeHighIconElement);
 
 //#endregion
 //#region src/icons/media-volume-low-icon.ts
-var media_volume_low_icon_exports = /* @__PURE__ */ __export({
-	MediaVolumeLowIcon: () => MediaVolumeLowIcon,
-	getTemplateHTML: () => getTemplateHTML$1
-});
 function getTemplateHTML$1() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -162,19 +178,15 @@ function getTemplateHTML$1() {
     ${SVG_ICONS.volumeLow}
   `;
 }
-var MediaVolumeLowIcon = class extends MediaChromeIcon {
+var MediaVolumeLowIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML$1;
 	}
 };
-customElements.define("media-volume-low-icon", MediaVolumeLowIcon);
+defineCustomElement("media-volume-low-icon", MediaVolumeLowIconElement);
 
 //#endregion
 //#region src/icons/media-volume-off-icon.ts
-var media_volume_off_icon_exports = /* @__PURE__ */ __export({
-	MediaVolumeOffIcon: () => MediaVolumeOffIcon,
-	getTemplateHTML: () => getTemplateHTML
-});
 function getTemplateHTML() {
 	return `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -186,13 +198,12 @@ function getTemplateHTML() {
     ${SVG_ICONS.volumeOff}
   `;
 }
-var MediaVolumeOffIcon = class extends MediaChromeIcon {
+var MediaVolumeOffIconElement = class extends MediaChromeIcon {
 	static {
 		this.getTemplateHTML = getTemplateHTML;
 	}
 };
-customElements.define("media-volume-off-icon", MediaVolumeOffIcon);
+defineCustomElement("media-volume-off-icon", MediaVolumeOffIconElement);
 
 //#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
+//# sourceMappingURL=icons-CuxuONCk.js.map

package/dist/icons-CuxuONCk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons-CuxuONCk.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 { defineCustomElement } from '@/utils/custom-element';\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 MediaFullscreenEnterAltIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-fullscreen-enter-alt-icon', MediaFullscreenEnterAltIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaFullscreenEnterIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-fullscreen-enter-icon', MediaFullscreenEnterIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaFullscreenExitAltIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-fullscreen-exit-alt-icon', MediaFullscreenExitAltIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaFullscreenExitIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-fullscreen-exit-icon', MediaFullscreenExitIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaPauseIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-pause-icon', MediaPauseIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaPlayIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-play-icon', MediaPlayIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaVolumeHighIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-volume-high-icon', MediaVolumeHighIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaVolumeLowIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-volume-low-icon', MediaVolumeLowIconElement);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { defineCustomElement } from '@/utils/custom-element';\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 MediaVolumeOffIconElement extends MediaChromeIcon {\n  static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ndefineCustomElement('media-volume-off-icon', MediaVolumeOffIconElement);\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;;;;;;;ACjBjG,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,mBAAmB;;;AAInC,IAAa,qCAAb,cAAwD,gBAAgB;;yBAC/BA;;;AAGzC,oBAAoB,mCAAmC,mCAAmC;;;;AChB1F,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,gBAAgB;;;AAIhC,IAAa,kCAAb,cAAqD,gBAAgB;;yBAC5BA;;;AAGzC,oBAAoB,+BAA+B,gCAAgC;;;;AChBnF,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,kBAAkB;;;AAIlC,IAAa,oCAAb,cAAuD,gBAAgB;;yBAC9BA;;;AAGzC,oBAAoB,kCAAkC,kCAAkC;;;;AChBxF,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,eAAe;;;AAI/B,IAAa,iCAAb,cAAoD,gBAAgB;;yBAC3BA;;;AAGzC,oBAAoB,8BAA8B,+BAA+B;;;;AChBjF,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;MAClC,UAAU,MAAM;;;AAItB,IAAa,wBAAb,cAA2C,gBAAgB;;yBAClBA;;;AAGzC,oBAAoB,oBAAoB,sBAAsB;;;;ACX9D,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,KAAK;;;AAIrB,IAAa,uBAAb,cAA0C,gBAAgB;;yBACjBA;;;AAGzC,oBAAoB,mBAAmB,qBAAqB;;;;AChB5D,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,WAAW;;;AAI3B,IAAa,6BAAb,cAAgD,gBAAgB;;yBACvBA;;;AAGzC,oBAAoB,0BAA0B,2BAA2B;;;;AChBzE,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,UAAU;;;AAI1B,IAAa,4BAAb,cAA+C,gBAAgB;;yBACtBA;;;AAGzC,oBAAoB,yBAAyB,0BAA0B;;;;AChBvE,SAAgB,kBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,UAAU;;;AAI1B,IAAa,4BAAb,cAA+C,gBAAgB;;yBACtB;;;AAGzC,oBAAoB,yBAAyB,0BAA0B"}

package/dist/icons.d.ts

@@ -1,2 +1 @@
-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 "./index-LKrIp3Oo.js";

package/dist/icons.js

@@ -1,3 +1,2 @@
-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";
-
-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 };
+import "./custom-element-3bDlB2XO.js";
+import "./icons-CuxuONCk.js";

package/dist/index-LKrIp3Oo.d.ts

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

package/dist/index.d.ts

@@ -1,8 +1,176 @@
-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 { t as MediaSkinElement } from "./media-skin-Di3vSHvS.js";
+import { CurrentTimeDisplayState, DurationDisplayState, FullscreenButtonState, MediaStore, MuteButtonState, PlayButtonState, PreviewTimeDisplayState } from "@videojs/core/store";
+import { Constructor, CustomElement } from "@open-wc/context-protocol";
+import { Placement } from "@floating-ui/dom";
+import { TimeSlider, VolumeSlider } from "@videojs/core";
 
-//#region src/index.d.ts
+//#region src/utils/component-factory.d.ts
 
-declare function defineVjsPlayer(): void;
+interface ConnectedComponentConstructor<State> {
+  new (state: State): HTMLElement;
+}
 //#endregion
-export { CurrentTimeDisplay, DurationDisplay, FullscreenButton, MediaContainer, MediaProvider, MediaSkin, MuteButton, PlayButton, Popover, TimeSlider, Tooltip, VolumeSlider, defineVjsPlayer };
+//#region src/elements/current-time-display.d.ts
+
+declare const CurrentTimeDisplayElement: ConnectedComponentConstructor<CurrentTimeDisplayState>;
+//#endregion
+//#region src/elements/duration-display.d.ts
+
+declare const DurationDisplayElement: ConnectedComponentConstructor<DurationDisplayState>;
+//#endregion
+//#region src/elements/fullscreen-button.d.ts
+
+declare const FullscreenButtonElement: ConnectedComponentConstructor<FullscreenButtonState>;
+//#endregion
+//#region src/elements/mute-button.d.ts
+declare const MuteButtonElement: ConnectedComponentConstructor<MuteButtonState>;
+//#endregion
+//#region src/elements/play-button.d.ts
+declare const PlayButtonElement: ConnectedComponentConstructor<PlayButtonState>;
+//#endregion
+//#region src/elements/popover.d.ts
+declare class PopoverElement extends HTMLElement {
+  #private;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  handleEvent(event: Event): void;
+  static get observedAttributes(): string[];
+  get openOnHover(): boolean;
+  get delay(): number;
+  get closeDelay(): number;
+  get side(): Placement;
+  get sideOffset(): number;
+}
+//#endregion
+//#region src/elements/preview-time-display.d.ts
+declare const PreviewTimeDisplayElement: ConnectedComponentConstructor<PreviewTimeDisplayState>;
+//#endregion
+//#region src/elements/time-slider.d.ts
+
+declare const TimeSliderRootElement: ConnectedComponentConstructor<{
+  currentTime: number;
+  duration: number;
+  requestSeek: (time: number) => void;
+  core: TimeSlider | null;
+}>;
+declare const TimeSliderTrackElement: ConnectedComponentConstructor<any>;
+declare const TimeSliderProgressElement: ConnectedComponentConstructor<any>;
+declare const TimeSliderPointerElement: ConnectedComponentConstructor<any>;
+declare const TimeSliderThumbElement: ConnectedComponentConstructor<any>;
+declare const TimeSliderElement: {
+  Root: typeof TimeSliderRootElement;
+  Track: typeof TimeSliderTrackElement;
+  Progress: typeof TimeSliderProgressElement;
+  Pointer: typeof TimeSliderPointerElement;
+  Thumb: typeof TimeSliderThumbElement;
+};
+//#endregion
+//#region src/elements/tooltip.d.ts
+declare class TooltipRootElement extends HTMLElement {
+  #private;
+  constructor();
+  handleEvent(event: Event): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  static get observedAttributes(): string[];
+  get delay(): number;
+  get closeDelay(): number;
+  get trackCursorAxis(): "x" | "y" | "both" | undefined;
+}
+declare class TooltipTriggerElement extends HTMLElement {
+  connectedCallback(): void;
+}
+declare class TooltipPortalElement extends HTMLElement {
+  #private;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  querySelector(selector: string): HTMLElement | null;
+}
+declare class TooltipPositionerElement extends HTMLElement {
+  connectedCallback(): void;
+  get side(): Placement;
+  get sideOffset(): number;
+  get collisionPadding(): number;
+}
+declare class TooltipPopupElement extends HTMLElement {
+  connectedCallback(): void;
+}
+declare class TooltipArrowElement extends HTMLElement {
+  connectedCallback(): void;
+}
+declare const TooltipElement: {
+  Root: typeof TooltipRootElement;
+  Trigger: typeof TooltipTriggerElement;
+  Portal: typeof TooltipPortalElement;
+  Positioner: typeof TooltipPositionerElement;
+  Popup: typeof TooltipPopupElement;
+  Arrow: typeof TooltipArrowElement;
+};
+//#endregion
+//#region src/elements/volume-slider.d.ts
+
+/**
+* Connected VolumeSlider Root component using hook-style architecture
+*/
+declare const VolumeSliderRootElement: ConnectedComponentConstructor<{
+  volume: number;
+  muted: boolean;
+  volumeLevel: string;
+  requestVolumeChange: (volume: number) => void;
+  core: VolumeSlider | null;
+}>;
+/**
+* Connected VolumeSlider Track component
+*/
+declare const VolumeSliderTrackElement: ConnectedComponentConstructor<any>;
+/**
+* Connected VolumeSlider Progress component
+*/
+declare const VolumeSliderProgressElement: ConnectedComponentConstructor<any>;
+/**
+* Connected VolumeSlider Thumb component
+*/
+declare const VolumeSliderThumbElement: ConnectedComponentConstructor<any>;
+/**
+* Compound VolumeSlider component object
+*/
+declare const VolumeSliderElement: {
+  Root: typeof VolumeSliderRootElement;
+  Track: typeof VolumeSliderTrackElement;
+  Progress: typeof VolumeSliderProgressElement;
+  Thumb: typeof VolumeSliderThumbElement;
+};
+//#endregion
+//#region src/media/media-container.d.ts
+declare const CustomElementConsumer: Constructor<CustomElement & HTMLElement>;
+declare class MediaContainerElement extends CustomElementConsumer {
+  static shadowRootOptions: {
+    mode: ShadowRootMode;
+  };
+  static getTemplateHTML: () => string;
+  _mediaStore: any;
+  _mediaSlot: HTMLSlotElement;
+  _paused: boolean;
+  contexts: {
+    mediaStore: (mediaStore: any) => void;
+  };
+  constructor();
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  _registerContainerStateOwner: () => void;
+  _unregisterContainerStateOwner: () => void;
+  _handleMediaSlotChange: () => void;
+  _handleClick: (event: Event) => void;
+  _subscribeToPlayState: () => void;
+}
+//#endregion
+//#region src/media/media-provider.d.ts
+declare const ProviderHTMLElement: Constructor<CustomElement & HTMLElement>;
+declare class MediaProviderElement extends ProviderHTMLElement {
+  contexts: {
+    mediaStore: () => MediaStore;
+  };
+}
+//#endregion
+export { CurrentTimeDisplayElement, DurationDisplayElement, FullscreenButtonElement, MediaContainerElement, MediaProviderElement, MediaSkinElement, MuteButtonElement, PlayButtonElement, PopoverElement, PreviewTimeDisplayElement, TimeSliderElement, TooltipElement, VolumeSliderElement };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;iBAagB,eAAA,CAAA"}
+{"version":3,"file":"index.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}>","CurrentTimeDisplayElement: ConnectedComponentConstructor<CurrentTimeDisplayState>","useDurationDisplayState: StateHook<{\n  duration: number | undefined;\n}>","getDurationDisplayProps: PropsHook<{\n  duration: number | undefined;\n}>","DurationDisplayElement: ConnectedComponentConstructor<DurationDisplayState>","getFullscreenButtonState: StateHook<{ fullscreen: boolean }>","getFullscreenButtonProps: PropsHook<{ fullscreen: boolean }>","FullscreenButtonElement: ConnectedComponentConstructor<FullscreenButtonState>","getMuteButtonState: StateHook<{\n  muted: boolean;\n  volumeLevel: string;\n}>","getMuteButtonProps: PropsHook<{\n  muted: boolean;\n  volumeLevel: string;\n}>","MuteButtonElement: ConnectedComponentConstructor<MuteButtonState>","getPlayButtonState: StateHook<{ paused: boolean }>","getPlayButtonProps: PropsHook<{ paused: boolean }>","PlayButtonElement: ConnectedComponentConstructor<PlayButtonState>","usePreviewTimeDisplayState: StateHook<{\n  previewTime: number | undefined;\n}>","getPreviewTimeDisplayProps: PropsHook<{\n  previewTime: number | undefined;\n}>","PreviewTimeDisplayElement: ConnectedComponentConstructor<PreviewTimeDisplayState>","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>>","TimeSliderRootElement: ConnectedComponentConstructor<{\n  currentTime: number;\n  duration: number;\n  requestSeek: (time: number) => void;\n  core: CoreTimeSlider | null;\n}>","TimeSliderTrackElement: ConnectedComponentConstructor<any>","TimeSliderProgressElement: ConnectedComponentConstructor<any>","TimeSliderPointerElement: ConnectedComponentConstructor<any>","TimeSliderThumbElement: ConnectedComponentConstructor<any>","TooltipElement: {\n  Root: typeof TooltipRootElement;\n  Trigger: typeof TooltipTriggerElement;\n  Portal: typeof TooltipPortalElement;\n  Positioner: typeof TooltipPositionerElement;\n  Popup: typeof TooltipPopupElement;\n  Arrow: typeof TooltipArrowElement;\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>>","VolumeSliderRootElement: ConnectedComponentConstructor<{\n  volume: number;\n  muted: boolean;\n  volumeLevel: string;\n  requestVolumeChange: (volume: number) => void;\n  core: CoreVolumeSlider | null;\n}>","VolumeSliderTrackElement: ConnectedComponentConstructor<any>","VolumeSliderProgressElement: ConnectedComponentConstructor<any>","VolumeSliderThumbElement: ConnectedComponentConstructor<any>","CustomElementConsumer: Constructor<CustomElement & HTMLElement>","ProviderHTMLElement: Constructor<CustomElement & HTMLElement>"],"sources":["../src/utils/component-factory.ts","../src/elements/current-time-display.ts","../src/elements/duration-display.ts","../src/elements/fullscreen-button.ts","../src/elements/mute-button.ts","../src/elements/play-button.ts","../src/elements/popover.ts","../src/elements/preview-time-display.ts","../src/elements/time-slider.ts","../src/elements/tooltip.ts","../src/elements/volume-slider.ts","../src/media/media-container.ts","../src/media/media-provider.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -1,10 +1,17 @@
-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 "./component-factory-DeAN6cjC.js";
+import { t as CurrentTimeDisplayElement } from "./current-time-display-C3qndGf5.js";
+import { t as DurationDisplayElement } from "./duration-display-JOPp3bdU.js";
+import "./button-D1DWjsQu.js";
+import { t as FullscreenButtonElement } from "./fullscreen-button-CGO2UJjs.js";
+import { t as MuteButtonElement } from "./mute-button-vW2sLqqY.js";
+import { t as PlayButtonElement } from "./play-button-aVb0g10G.js";
+import { t as PopoverElement } from "./popover-Dc0hyhwB.js";
+import { t as PreviewTimeDisplayElement } from "./preview-time-display-Dax0FQ2X.js";
+import { t as TimeSliderElement } from "./time-slider-CA1GMs6A.js";
+import { n as TooltipElement } from "./tooltip-54fBUUpb.js";
+import { t as VolumeSliderElement } from "./volume-slider-guD8gqpi.js";
+import { t as MediaContainerElement } from "./media-container-C0MUzkJ_.js";
+import { t as MediaProviderElement } from "./media-provider-CyoL0bCx.js";
+import { t as MediaSkinElement } from "./media-skin-mHWwUPg3.js";
 
-//#region src/index.ts
-function defineVjsPlayer() {
-	/** @TODO - Reimplement me (at least as a POC) (CJP) */
-}
-
-//#endregion
-export { CurrentTimeDisplay, DurationDisplay, FullscreenButton, MediaContainer, MediaProvider, MediaSkin, MuteButton, PlayButton, Popover, TimeSlider, Tooltip, VolumeSlider, defineVjsPlayer };
-//# sourceMappingURL=index.js.map
+export { CurrentTimeDisplayElement, DurationDisplayElement, FullscreenButtonElement, MediaContainerElement, MediaProviderElement, MediaSkinElement, MuteButtonElement, PlayButtonElement, PopoverElement, PreviewTimeDisplayElement, TimeSliderElement, TooltipElement, VolumeSliderElement };

package/dist/media-container-BGEXSi9g.js

@@ -0,0 +1,8 @@
+import { t as MediaContainerElement } from "./media-container-C0MUzkJ_.js";
+import { t as defineCustomElement } from "./custom-element-3bDlB2XO.js";
+
+//#region src/define/media-container.ts
+defineCustomElement("media-container", MediaContainerElement);
+
+//#endregion
+//# sourceMappingURL=media-container-BGEXSi9g.js.map

package/dist/media-container-BGEXSi9g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-container-BGEXSi9g.js","names":[],"sources":["../src/define/media-container.ts"],"sourcesContent":["import { MediaContainerElement } from '@/media/media-container';\nimport { defineCustomElement } from '@/utils/custom-element';\n\ndefineCustomElement('media-container', MediaContainerElement);\n"],"mappings":";;;;AAGA,oBAAoB,mBAAmB,sBAAsB"}

package/dist/media-container-C0MUzkJ_.js

@@ -0,0 +1,83 @@
+import { ConsumerMixin } from "@open-wc/context-protocol";
+
+//#region src/media/media-container.ts
+function getTemplateHTML() {
+	return `
+    <slot name="media"></slot>
+    <slot></slot>
+    <div id="@default_portal_id" style={ position: absolute; zIndex: 10; }>
+      <slot name="portal"></slot>
+    </div>
+  `;
+}
+const CustomElementConsumer = ConsumerMixin(HTMLElement);
+var MediaContainerElement = class extends CustomElementConsumer {
+	static {
+		this.shadowRootOptions = { mode: "open" };
+	}
+	static {
+		this.getTemplateHTML = getTemplateHTML;
+	}
+	constructor() {
+		super();
+		this._paused = true;
+		this.contexts = { mediaStore: (mediaStore) => {
+			this._mediaStore = mediaStore;
+			this._handleMediaSlotChange();
+			this._registerContainerStateOwner();
+			this._subscribeToPlayState();
+		} };
+		this._registerContainerStateOwner = () => {
+			if (!this._mediaStore) return;
+			this._mediaStore.dispatch({
+				type: "containerstateownerchangerequest",
+				detail: this
+			});
+		};
+		this._unregisterContainerStateOwner = () => {
+			if (!this._mediaStore) return;
+			this._mediaStore.dispatch({
+				type: "containerstateownerchangerequest",
+				detail: null
+			});
+		};
+		this._handleMediaSlotChange = () => {
+			const media = this._mediaSlot.assignedElements({ flatten: true })[0];
+			this._mediaStore.dispatch({
+				type: "mediastateownerchangerequest",
+				detail: media
+			});
+		};
+		this._handleClick = (event) => {
+			if (!this._mediaStore) return;
+			if (!["video", "audio"].includes(event.target.localName || "")) return;
+			if (this._paused) this._mediaStore.dispatch({ type: "playrequest" });
+			else this._mediaStore.dispatch({ type: "pauserequest" });
+		};
+		this._subscribeToPlayState = () => {
+			if (!this._mediaStore) return;
+			this._mediaStore.subscribe((state) => {
+				this._paused = state.paused ?? true;
+			});
+		};
+		if (!this.shadowRoot) {
+			this.attachShadow(this.constructor.shadowRootOptions);
+			this.shadowRoot.innerHTML = this.constructor.getTemplateHTML();
+		}
+		this._mediaSlot = this.shadowRoot.querySelector("slot[name=media]");
+		this._mediaSlot.addEventListener("slotchange", this._handleMediaSlotChange);
+		this.addEventListener("click", this._handleClick);
+	}
+	connectedCallback() {
+		super.connectedCallback?.();
+		this._registerContainerStateOwner();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback?.();
+		this._unregisterContainerStateOwner();
+	}
+};
+
+//#endregion
+export { MediaContainerElement as t };
+//# sourceMappingURL=media-container-C0MUzkJ_.js.map

package/dist/media-container-C0MUzkJ_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-container-C0MUzkJ_.js","names":["CustomElementConsumer: Constructor<CustomElement & HTMLElement>"],"sources":["../src/media/media-container.ts"],"sourcesContent":["import type { Constructor, CustomElement } from '@open-wc/context-protocol';\n\nimport { ConsumerMixin } from '@open-wc/context-protocol';\n\n/* @TODO We need to make sure portal logic is non-brittle longer term (CJP) */\nexport function getTemplateHTML() {\n  return /* html */ `\n    <slot name=\"media\"></slot>\n    <slot></slot>\n    <div id=\"@default_portal_id\" style={ position: absolute; zIndex: 10; }>\n      <slot name=\"portal\"></slot>\n    </div>\n  `;\n}\n\nconst CustomElementConsumer: Constructor<CustomElement & HTMLElement> = ConsumerMixin(HTMLElement);\n\nexport class MediaContainerElement extends CustomElementConsumer {\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML: () => string = getTemplateHTML;\n\n  _mediaStore: any;\n  _mediaSlot: HTMLSlotElement;\n  _paused: boolean = true;\n  contexts = {\n    mediaStore: (mediaStore: any): void => {\n      this._mediaStore = mediaStore;\n      this._handleMediaSlotChange();\n      this._registerContainerStateOwner();\n      this._subscribeToPlayState();\n    },\n  };\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof MediaContainerElement).shadowRootOptions);\n      this.shadowRoot!.innerHTML = (this.constructor as typeof MediaContainerElement).getTemplateHTML();\n    }\n\n    this._mediaSlot = this.shadowRoot!.querySelector('slot[name=media]') as HTMLSlotElement;\n    this._mediaSlot.addEventListener('slotchange', this._handleMediaSlotChange);\n\n    // Add click handler for play/pause functionality\n    this.addEventListener('click', this._handleClick);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback?.();\n    this._registerContainerStateOwner();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n    this._unregisterContainerStateOwner();\n  }\n\n  _registerContainerStateOwner = (): void => {\n    if (!this._mediaStore) return;\n    this._mediaStore.dispatch({ type: 'containerstateownerchangerequest', detail: this });\n  };\n\n  _unregisterContainerStateOwner = (): void => {\n    if (!this._mediaStore) return;\n    this._mediaStore.dispatch({ type: 'containerstateownerchangerequest', detail: null });\n  };\n\n  _handleMediaSlotChange = (): void => {\n    const media = this._mediaSlot.assignedElements({ flatten: true })[0];\n    this._mediaStore.dispatch({ type: 'mediastateownerchangerequest', detail: media });\n  };\n\n  _handleClick = (event: Event): void => {\n    if (!this._mediaStore) return;\n\n    if (!['video', 'audio'].includes((event.target as HTMLElement).localName || '')) return;\n\n    if (this._paused) {\n      this._mediaStore.dispatch({ type: 'playrequest' });\n    } else {\n      this._mediaStore.dispatch({ type: 'pauserequest' });\n    }\n  };\n\n  _subscribeToPlayState = (): void => {\n    if (!this._mediaStore) return;\n\n    // Subscribe to paused state changes\n    this._mediaStore.subscribe((state: any) => {\n      this._paused = state.paused ?? true;\n    });\n  };\n}\n"],"mappings":";;;AAKA,SAAgB,kBAAkB;AAChC,QAAkB;;;;;;;;AASpB,MAAMA,wBAAkE,cAAc,YAAY;AAElG,IAAa,wBAAb,cAA2C,sBAAsB;;2BACpC,EAAE,MAAM,QAA0B;;;yBACtB;;CAcvC,cAAc;AACZ,SAAO;iBAXU;kBACR,EACT,aAAa,eAA0B;AACrC,QAAK,cAAc;AACnB,QAAK,wBAAwB;AAC7B,QAAK,8BAA8B;AACnC,QAAK,uBAAuB;KAE/B;4CA2B0C;AACzC,OAAI,CAAC,KAAK,YAAa;AACvB,QAAK,YAAY,SAAS;IAAE,MAAM;IAAoC,QAAQ;IAAM,CAAC;;8CAG1C;AAC3C,OAAI,CAAC,KAAK,YAAa;AACvB,QAAK,YAAY,SAAS;IAAE,MAAM;IAAoC,QAAQ;IAAM,CAAC;;sCAGlD;GACnC,MAAM,QAAQ,KAAK,WAAW,iBAAiB,EAAE,SAAS,MAAM,CAAC,CAAC;AAClE,QAAK,YAAY,SAAS;IAAE,MAAM;IAAgC,QAAQ;IAAO,CAAC;;uBAGpE,UAAuB;AACrC,OAAI,CAAC,KAAK,YAAa;AAEvB,OAAI,CAAC,CAAC,SAAS,QAAQ,CAAC,SAAU,MAAM,OAAuB,aAAa,GAAG,CAAE;AAEjF,OAAI,KAAK,QACP,MAAK,YAAY,SAAS,EAAE,MAAM,eAAe,CAAC;OAElD,MAAK,YAAY,SAAS,EAAE,MAAM,gBAAgB,CAAC;;qCAInB;AAClC,OAAI,CAAC,KAAK,YAAa;AAGvB,QAAK,YAAY,WAAW,UAAe;AACzC,SAAK,UAAU,MAAM,UAAU;KAC/B;;AAvDF,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAA6C,kBAAkB;AACvF,QAAK,WAAY,YAAa,KAAK,YAA6C,iBAAiB;;AAGnG,OAAK,aAAa,KAAK,WAAY,cAAc,mBAAmB;AACpE,OAAK,WAAW,iBAAiB,cAAc,KAAK,uBAAuB;AAG3E,OAAK,iBAAiB,SAAS,KAAK,aAAa;;CAGnD,oBAA0B;AACxB,QAAM,qBAAqB;AAC3B,OAAK,8BAA8B;;CAGrC,uBAA6B;AAC3B,QAAM,wBAAwB;AAC9B,OAAK,gCAAgC"}

package/dist/media-container-DPnFjmtK.d.ts

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

package/dist/media-current-time-display-B-4Cp845.js

@@ -0,0 +1,8 @@
+import { t as CurrentTimeDisplayElement } from "./current-time-display-C3qndGf5.js";
+import { t as defineCustomElement } from "./custom-element-3bDlB2XO.js";
+
+//#region src/define/media-current-time-display.ts
+defineCustomElement("media-current-time-display", CurrentTimeDisplayElement);
+
+//#endregion
+//# sourceMappingURL=media-current-time-display-B-4Cp845.js.map

package/dist/media-current-time-display-B-4Cp845.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-current-time-display-B-4Cp845.js","names":[],"sources":["../src/define/media-current-time-display.ts"],"sourcesContent":["import { CurrentTimeDisplayElement } from '@/elements/current-time-display';\nimport { defineCustomElement } from '@/utils/custom-element';\n\ndefineCustomElement('media-current-time-display', CurrentTimeDisplayElement);\n"],"mappings":";;;;AAGA,oBAAoB,8BAA8B,0BAA0B"}

package/dist/media-current-time-display-Cd0rPAuj.d.ts

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

package/dist/media-duration-display-BLMr7VHo.js

@@ -0,0 +1,8 @@
+import { t as DurationDisplayElement } from "./duration-display-JOPp3bdU.js";
+import { t as defineCustomElement } from "./custom-element-3bDlB2XO.js";
+
+//#region src/define/media-duration-display.ts
+defineCustomElement("media-duration-display", DurationDisplayElement);
+
+//#endregion
+//# sourceMappingURL=media-duration-display-BLMr7VHo.js.map

package/dist/media-duration-display-BLMr7VHo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-duration-display-BLMr7VHo.js","names":[],"sources":["../src/define/media-duration-display.ts"],"sourcesContent":["import { DurationDisplayElement } from '@/elements/duration-display';\nimport { defineCustomElement } from '@/utils/custom-element';\n\ndefineCustomElement('media-duration-display', DurationDisplayElement);\n"],"mappings":";;;;AAGA,oBAAoB,0BAA0B,uBAAuB"}

package/dist/media-duration-display-qvm6YX-q.d.ts

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

package/dist/media-fullscreen-button-BgUK3lgu.d.ts

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

package/dist/media-fullscreen-button-Dcflbt54.js

@@ -0,0 +1,8 @@
+import { t as FullscreenButtonElement } from "./fullscreen-button-CGO2UJjs.js";
+import { t as defineCustomElement } from "./custom-element-3bDlB2XO.js";
+
+//#region src/define/media-fullscreen-button.ts
+defineCustomElement("media-fullscreen-button", FullscreenButtonElement);
+
+//#endregion
+//# sourceMappingURL=media-fullscreen-button-Dcflbt54.js.map

package/dist/media-fullscreen-button-Dcflbt54.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-fullscreen-button-Dcflbt54.js","names":[],"sources":["../src/define/media-fullscreen-button.ts"],"sourcesContent":["import { FullscreenButtonElement } from '@/elements/fullscreen-button';\nimport { defineCustomElement } from '@/utils/custom-element';\n\ndefineCustomElement('media-fullscreen-button', FullscreenButtonElement);\n"],"mappings":";;;;AAGA,oBAAoB,2BAA2B,wBAAwB"}