@videojs/html 0.1.0-preview.8 → 10.0.0-alpha.11

package/dist/define/media-tooltip.js

@@ -1,3 +0,0 @@
-import "../tooltip-B-glki2f.js";
-import "../custom-element-3bDlB2XO.js";
-import "../media-tooltip-CMRN_X4D.js";

package/dist/define/media-volume-slider.d.ts

@@ -1 +0,0 @@
-import "../media-volume-slider-DP47VLVi.js";

package/dist/define/media-volume-slider.js

@@ -1,4 +0,0 @@
-import "../component-factory-DeAN6cjC.js";
-import "../volume-slider-CbFzCHX4.js";
-import "../custom-element-3bDlB2XO.js";
-import "../media-volume-slider-B-n6b3Y8.js";

package/dist/define/video-provider.d.ts

@@ -1 +0,0 @@
-import "../video-provider-nSCfwA7l.js";

package/dist/define/video-provider.js

@@ -1,3 +0,0 @@
-import "../video-provider-BKDqoKFf.js";
-import "../custom-element-3bDlB2XO.js";
-import "../video-provider-BPPI5e47.js";

package/dist/duration-display-JOPp3bdU.js

@@ -1,49 +0,0 @@
-import { t as toConnectedHTMLComponent } from "./component-factory-DeAN6cjC.js";
-import { durationDisplayStateDefinition } from "@videojs/core/store";
-import { formatDisplayTime } from "@videojs/utils";
-import { namedNodeMapToObject } from "@videojs/utils/dom";
-
-//#region src/elements/duration-display.ts
-function getTemplateHTML(_attrs, _props = {}) {
-	return `
-    <span></span>
-  `;
-}
-var DurationDisplay = class extends HTMLElement {
-	static {
-		this.shadowRootOptions = { mode: "open" };
-	}
-	static {
-		this.getTemplateHTML = getTemplateHTML;
-	}
-	constructor() {
-		super();
-		if (!this.shadowRoot) {
-			this.attachShadow(this.constructor.shadowRootOptions);
-			const attrs = namedNodeMapToObject(this.attributes);
-			const html = this.constructor.getTemplateHTML(attrs);
-			const shadowRoot = this.shadowRoot;
-			shadowRoot.setHTMLUnsafe ? shadowRoot.setHTMLUnsafe(html) : shadowRoot.innerHTML = html;
-		}
-	}
-	get duration() {
-		return this._state?.duration ?? 0;
-	}
-	_update(_props, state) {
-		this._state = state;
-		const spanElement = this.shadowRoot?.querySelector("span");
-		if (spanElement) spanElement.textContent = formatDisplayTime(state.duration);
-	}
-};
-const useDurationDisplayState = {
-	keys: [...durationDisplayStateDefinition.keys],
-	transform: (rawState, _mediaStore) => ({ ...durationDisplayStateDefinition.stateTransform(rawState) })
-};
-const getDurationDisplayProps = (_state, _element) => {
-	return {};
-};
-const DurationDisplayElement = toConnectedHTMLComponent(DurationDisplay, useDurationDisplayState, getDurationDisplayProps, "DurationDisplay");
-
-//#endregion
-export { DurationDisplayElement as t };
-//# sourceMappingURL=duration-display-JOPp3bdU.js.map

package/dist/duration-display-JOPp3bdU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"duration-display-JOPp3bdU.js","names":["useDurationDisplayState: StateHook<{\n  duration: number | undefined;\n}>","getDurationDisplayProps: PropsHook<{\n  duration: number | undefined;\n}>","DurationDisplayElement: ConnectedComponentConstructor<DurationDisplayState>"],"sources":["../src/elements/duration-display.ts"],"sourcesContent":["import type { DurationDisplayState } from '@videojs/core/store';\nimport type { ConnectedComponentConstructor, PropsHook, StateHook } from '../utils/component-factory';\n\nimport { durationDisplayStateDefinition } from '@videojs/core/store';\n\nimport { formatDisplayTime } from '@videojs/utils';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { toConnectedHTMLComponent } from '../utils/component-factory';\n\nexport function getTemplateHTML(\n  this: typeof DurationDisplay,\n  _attrs: Record<string, string>,\n  _props: Record<string, any> = {},\n) {\n  return /* html */ `\n    <span></span>\n  `;\n}\n\nexport class DurationDisplay extends HTMLElement {\n  static shadowRootOptions = {\n    mode: 'open' as ShadowRootMode,\n  };\n\n  static getTemplateHTML: typeof getTemplateHTML = getTemplateHTML;\n\n  _state:\n    | {\n      duration: number | undefined;\n    }\n    | undefined;\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof DurationDisplay).shadowRootOptions);\n\n      const attrs = namedNodeMapToObject(this.attributes);\n      const html = (this.constructor as typeof DurationDisplay).getTemplateHTML(attrs);\n      const shadowRoot = this.shadowRoot as unknown as ShadowRoot;\n      shadowRoot.setHTMLUnsafe ? shadowRoot.setHTMLUnsafe(html) : (shadowRoot.innerHTML = html);\n    }\n  }\n\n  get duration(): number {\n    return this._state?.duration ?? 0;\n  }\n\n  _update(_props: any, state: any): void {\n    this._state = state;\n\n    // Update the span content with formatted duration\n    const spanElement = this.shadowRoot?.querySelector('span') as HTMLElement;\n    if (spanElement) {\n      spanElement.textContent = formatDisplayTime(state.duration);\n    }\n  }\n}\n\nexport const useDurationDisplayState: StateHook<{\n  duration: number | undefined;\n}> = {\n  keys: [...durationDisplayStateDefinition.keys],\n  transform: (rawState, _mediaStore) => ({\n    ...durationDisplayStateDefinition.stateTransform(rawState),\n    // Duration display is read-only, so no request methods needed\n  }),\n};\n\nexport const getDurationDisplayProps: PropsHook<{\n  duration: number | undefined;\n}> = (_state, _element) => {\n  const baseProps: Record<string, any> = {};\n  return baseProps;\n};\n\nexport const DurationDisplayElement: ConnectedComponentConstructor<DurationDisplayState> = toConnectedHTMLComponent(\n  DurationDisplay,\n  useDurationDisplayState,\n  getDurationDisplayProps,\n  'DurationDisplay',\n);\n"],"mappings":";;;;;;AASA,SAAgB,gBAEd,QACA,SAA8B,EAAE,EAChC;AACA,QAAkB;;;;AAKpB,IAAa,kBAAb,cAAqC,YAAY;;2BACpB,EACzB,MAAM,QACP;;;yBAEgD;;CAQjD,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAuC,kBAAkB;GAEjF,MAAM,QAAQ,qBAAqB,KAAK,WAAW;GACnD,MAAM,OAAQ,KAAK,YAAuC,gBAAgB,MAAM;GAChF,MAAM,aAAa,KAAK;AACxB,cAAW,gBAAgB,WAAW,cAAc,KAAK,GAAI,WAAW,YAAY;;;CAIxF,IAAI,WAAmB;AACrB,SAAO,KAAK,QAAQ,YAAY;;CAGlC,QAAQ,QAAa,OAAkB;AACrC,OAAK,SAAS;EAGd,MAAM,cAAc,KAAK,YAAY,cAAc,OAAO;AAC1D,MAAI,YACF,aAAY,cAAc,kBAAkB,MAAM,SAAS;;;AAKjE,MAAaA,0BAER;CACH,MAAM,CAAC,GAAG,+BAA+B,KAAK;CAC9C,YAAY,UAAU,iBAAiB,EACrC,GAAG,+BAA+B,eAAe,SAAS,EAE3D;CACF;AAED,MAAaC,2BAEP,QAAQ,aAAa;AAEzB,QADuC,EAAE;;AAI3C,MAAaC,yBAA8E,yBACzF,iBACA,yBACA,yBACA,kBACD"}

package/dist/fullscreen-button-C1nq8yP-.js

@@ -1,48 +0,0 @@
-import { t as toConnectedHTMLComponent } from "./component-factory-DeAN6cjC.js";
-import { t as ButtonElement } from "./button-Bu1mGG-F.js";
-import { fullscreenButtonStateDefinition } from "@videojs/core/store";
-import { setAttributes } from "@videojs/utils/dom";
-
-//#region src/elements/fullscreen-button.ts
-var FullscreenButton = class extends ButtonElement {
-	handleEvent(event) {
-		super.handleEvent(event);
-		const { type } = event;
-		const state = this._state;
-		if (state && type === "click") if (state.fullscreen) state.requestExitFullscreen();
-		else state.requestEnterFullscreen();
-	}
-	get fullscreen() {
-		return this._state?.fullscreen ?? false;
-	}
-	_update(props, state, _mediaStore) {
-		this._state = state;
-		/** @TODO Follow up with React vs. W.C. data-* attributes discrepancies (CJP)  */
-		setAttributes(this, props);
-	}
-};
-/**
-* FullscreenButton state hook - equivalent to React's useFullscreenButtonState
-* Handles media store state subscription and transformation
-*/
-const getFullscreenButtonState = {
-	keys: fullscreenButtonStateDefinition.keys,
-	transform: (rawState, mediaStore) => ({
-		...fullscreenButtonStateDefinition.stateTransform(rawState),
-		...fullscreenButtonStateDefinition.createRequestMethods(mediaStore.dispatch)
-	})
-};
-const getFullscreenButtonProps = (state, _element) => {
-	return {
-		"data-fullscreen": state.fullscreen,
-		role: "button",
-		tabindex: "0",
-		"aria-label": state.fullscreen ? "exit fullscreen" : "enter fullscreen",
-		"data-tooltip": state.fullscreen ? "Exit Fullscreen" : "Enter Fullscreen"
-	};
-};
-const FullscreenButtonElement = toConnectedHTMLComponent(FullscreenButton, getFullscreenButtonState, getFullscreenButtonProps, "FullscreenButton");
-
-//#endregion
-export { FullscreenButtonElement as t };
-//# sourceMappingURL=fullscreen-button-C1nq8yP-.js.map

package/dist/fullscreen-button-C1nq8yP-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-button-C1nq8yP-.js","names":["getFullscreenButtonState: StateHook<{ fullscreen: boolean }>","getFullscreenButtonProps: PropsHook<{ fullscreen: boolean }>","FullscreenButtonElement: ConnectedComponentConstructor<FullscreenButtonState>"],"sources":["../src/elements/fullscreen-button.ts"],"sourcesContent":["import type { FullscreenButtonState } from '@videojs/core/store';\nimport type { ConnectedComponentConstructor, PropsHook, StateHook } from '../utils/component-factory';\n\nimport { fullscreenButtonStateDefinition } from '@videojs/core/store';\n\nimport { setAttributes } from '@videojs/utils/dom';\nimport { toConnectedHTMLComponent } from '../utils/component-factory';\nimport { ButtonElement } from './button';\n\nexport class FullscreenButton extends ButtonElement {\n  _state:\n    | {\n      fullscreen: boolean;\n      requestEnterFullscreen: () => void;\n      requestExitFullscreen: () => void;\n    }\n    | undefined;\n\n  handleEvent(event: Event): void {\n    super.handleEvent(event);\n\n    const { type } = event;\n    const state = this._state;\n    if (state && type === 'click') {\n      if (state.fullscreen) {\n        state.requestExitFullscreen();\n      } else {\n        state.requestEnterFullscreen();\n      }\n    }\n  }\n\n  get fullscreen(): boolean {\n    return this._state?.fullscreen ?? false;\n  }\n\n  _update(props: any, state: any, _mediaStore?: any): void {\n    this._state = state;\n    /** @TODO Follow up with React vs. W.C. data-* attributes discrepancies (CJP)  */\n    setAttributes(this, props);\n  }\n}\n\n/**\n * FullscreenButton state hook - equivalent to React's useFullscreenButtonState\n * Handles media store state subscription and transformation\n */\nexport const getFullscreenButtonState: StateHook<{ fullscreen: boolean }> = {\n  keys: fullscreenButtonStateDefinition.keys,\n  transform: (rawState, mediaStore) => ({\n    ...fullscreenButtonStateDefinition.stateTransform(rawState),\n    ...fullscreenButtonStateDefinition.createRequestMethods(mediaStore.dispatch),\n  }),\n};\n\nexport const getFullscreenButtonProps: PropsHook<{ fullscreen: boolean }> = (state, _element) => {\n  const baseProps: Record<string, any> = {\n    /** data attributes/props */\n    'data-fullscreen': state.fullscreen,\n    /** @TODO Need another state provider in core for i18n (CJP) */\n    /** aria attributes/props */\n    role: 'button',\n    tabindex: '0',\n    'aria-label': state.fullscreen ? 'exit fullscreen' : 'enter fullscreen',\n    /** tooltip */\n    'data-tooltip': state.fullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen',\n    /** @TODO Figure out how we want to handle attr overrides (e.g. aria-label) (CJP) */\n    /** external props spread last to allow for overriding */\n    // ...props,\n  };\n\n  return baseProps;\n};\n\nexport const FullscreenButtonElement: ConnectedComponentConstructor<FullscreenButtonState> = toConnectedHTMLComponent(\n  FullscreenButton,\n  getFullscreenButtonState,\n  getFullscreenButtonProps,\n  'FullscreenButton',\n);\n"],"mappings":";;;;;;AASA,IAAa,mBAAb,cAAsC,cAAc;CASlD,YAAY,OAAoB;AAC9B,QAAM,YAAY,MAAM;EAExB,MAAM,EAAE,SAAS;EACjB,MAAM,QAAQ,KAAK;AACnB,MAAI,SAAS,SAAS,QACpB,KAAI,MAAM,WACR,OAAM,uBAAuB;MAE7B,OAAM,wBAAwB;;CAKpC,IAAI,aAAsB;AACxB,SAAO,KAAK,QAAQ,cAAc;;CAGpC,QAAQ,OAAY,OAAY,aAAyB;AACvD,OAAK,SAAS;;AAEd,gBAAc,MAAM,MAAM;;;;;;;AAQ9B,MAAaA,2BAA+D;CAC1E,MAAM,gCAAgC;CACtC,YAAY,UAAU,gBAAgB;EACpC,GAAG,gCAAgC,eAAe,SAAS;EAC3D,GAAG,gCAAgC,qBAAqB,WAAW,SAAS;EAC7E;CACF;AAED,MAAaC,4BAAgE,OAAO,aAAa;AAgB/F,QAfuC;EAErC,mBAAmB,MAAM;EAGzB,MAAM;EACN,UAAU;EACV,cAAc,MAAM,aAAa,oBAAoB;EAErD,gBAAgB,MAAM,aAAa,oBAAoB;EAIxD;;AAKH,MAAaC,0BAAgF,yBAC3F,kBACA,0BACA,0BACA,mBACD"}

package/dist/icons-CuxuONCk.js

@@ -1,209 +0,0 @@
-import { t as defineCustomElement } from "./custom-element-3bDlB2XO.js";
-import { SVG_ICONS } from "@videojs/icons";
-
-//#region src/icons/media-chrome-icon.ts
-function getTemplateHTML$9() {
-	return `
-    <style>
-      :host {
-        display: inline-block;
-      }
-      svg {
-        fill: currentColor;
-      }
-    </style>
-  `;
-}
-var MediaChromeIcon = class extends HTMLElement {
-	static {
-		this.shadowRootOptions = { mode: "open" };
-	}
-	static {
-		this.getTemplateHTML = getTemplateHTML$9;
-	}
-	constructor() {
-		super();
-		if (!this.shadowRoot) {
-			this.attachShadow(this.constructor.shadowRootOptions);
-			this.shadowRoot.innerHTML = this.constructor.getTemplateHTML();
-		}
-	}
-};
-
-//#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
-function getTemplateHTML$7() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    <style>
-      :host {
-        display: var(--media-fullscreen-enter-icon-display, inline-flex);
-      }
-    </style>
-    ${SVG_ICONS.fullscreenEnter}
-  `;
-}
-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;
-	}
-};
-defineCustomElement("media-fullscreen-exit-alt-icon", MediaFullscreenExitAltIconElement);
-
-//#endregion
-//#region src/icons/media-fullscreen-exit-icon.ts
-function getTemplateHTML$5() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    <style>
-      :host {
-        display: var(--media-fullscreen-exit-icon-display, inline-flex);
-      }
-    </style>
-    ${SVG_ICONS.fullscreenExit}
-  `;
-}
-var MediaFullscreenExitIconElement = class extends MediaChromeIcon {
-	static {
-		this.getTemplateHTML = getTemplateHTML$5;
-	}
-};
-defineCustomElement("media-fullscreen-exit-icon", MediaFullscreenExitIconElement);
-
-//#endregion
-//#region src/icons/media-pause-icon.ts
-function getTemplateHTML$4() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    ${SVG_ICONS.pause}
-  `;
-}
-var MediaPauseIconElement = class extends MediaChromeIcon {
-	static {
-		this.getTemplateHTML = getTemplateHTML$4;
-	}
-};
-defineCustomElement("media-pause-icon", MediaPauseIconElement);
-
-//#endregion
-//#region src/icons/media-play-icon.ts
-function getTemplateHTML$3() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    <style>
-      :host {
-        display: var(--media-play-icon-display, inline-flex);
-      }
-    </style>
-    ${SVG_ICONS.play}
-  `;
-}
-var MediaPlayIconElement = class extends MediaChromeIcon {
-	static {
-		this.getTemplateHTML = getTemplateHTML$3;
-	}
-};
-defineCustomElement("media-play-icon", MediaPlayIconElement);
-
-//#endregion
-//#region src/icons/media-volume-high-icon.ts
-function getTemplateHTML$2() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    <style>
-      :host {
-        display: var(--media-play-icon-display, inline-flex);
-      }
-    </style>
-    ${SVG_ICONS.volumeHigh}
-  `;
-}
-var MediaVolumeHighIconElement = class extends MediaChromeIcon {
-	static {
-		this.getTemplateHTML = getTemplateHTML$2;
-	}
-};
-defineCustomElement("media-volume-high-icon", MediaVolumeHighIconElement);
-
-//#endregion
-//#region src/icons/media-volume-low-icon.ts
-function getTemplateHTML$1() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    <style>
-      :host {
-        display: var(--media-play-icon-display, inline-flex);
-      }
-    </style>
-    ${SVG_ICONS.volumeLow}
-  `;
-}
-var MediaVolumeLowIconElement = class extends MediaChromeIcon {
-	static {
-		this.getTemplateHTML = getTemplateHTML$1;
-	}
-};
-defineCustomElement("media-volume-low-icon", MediaVolumeLowIconElement);
-
-//#endregion
-//#region src/icons/media-volume-off-icon.ts
-function getTemplateHTML() {
-	return `
-    ${MediaChromeIcon.getTemplateHTML()}
-    <style>
-      :host {
-        display: var(--media-play-icon-display, inline-flex);
-      }
-    </style>
-    ${SVG_ICONS.volumeOff}
-  `;
-}
-var MediaVolumeOffIconElement = class extends MediaChromeIcon {
-	static {
-		this.getTemplateHTML = getTemplateHTML;
-	}
-};
-defineCustomElement("media-volume-off-icon", MediaVolumeOffIconElement);
-
-//#endregion
-//# sourceMappingURL=icons-CuxuONCk.js.map

package/dist/icons-CuxuONCk.js.map

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

package/dist/icons.js

@@ -1,2 +0,0 @@
-import "./custom-element-3bDlB2XO.js";
-import "./icons-CuxuONCk.js";

package/dist/index.d.ts

@@ -1,154 +0,0 @@
-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 { TimeSlider, VolumeSlider } from "@videojs/core";
-
-//#region src/utils/component-factory.d.ts
-
-interface ConnectedComponentConstructor<State> {
-  new (state: State): HTMLElement;
-}
-//#endregion
-//#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
-type Placement$1 = "top" | "top-start" | "top-end";
-declare class PopoverElement extends HTMLElement {
-  #private;
-  static get observedAttributes(): string[];
-  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  handleEvent(event: Event): void;
-  get openOnHover(): boolean;
-  get delay(): number;
-  get closeDelay(): number;
-  get side(): Placement$1;
-  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
-type Placement = "top" | "top-start" | "top-end";
-declare class TooltipElement extends HTMLElement {
-  #private;
-  static get observedAttributes(): string[];
-  constructor();
-  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  handleEvent(event: Event): void;
-  get delay(): number;
-  get closeDelay(): number;
-  get trackCursorAxis(): "x" | "y" | "both" | undefined;
-  get side(): Placement;
-  get sideOffset(): number;
-  get collisionPadding(): number;
-}
-//#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 VolumeSliderIndicatorElement: ConnectedComponentConstructor<any>;
-/**
-* Connected VolumeSlider Thumb component
-*/
-declare const VolumeSliderThumbElement: ConnectedComponentConstructor<any>;
-/**
-* Compound VolumeSlider component object
-*/
-declare const VolumeSliderElement: {
-  Root: typeof VolumeSliderRootElement;
-  Track: typeof VolumeSliderTrackElement;
-  Indicator: typeof VolumeSliderIndicatorElement;
-  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/video-provider.d.ts
-declare const ProviderHTMLElement: Constructor<CustomElement & HTMLElement>;
-declare class VideoProviderElement extends ProviderHTMLElement {
-  contexts: {
-    mediaStore: () => MediaStore;
-  };
-}
-//#endregion
-export { CurrentTimeDisplayElement, DurationDisplayElement, FullscreenButtonElement, MediaContainerElement, MediaSkinElement, MuteButtonElement, PlayButtonElement, PopoverElement, PreviewTimeDisplayElement, TimeSliderElement, TooltipElement, VideoProviderElement, VolumeSliderElement };
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"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>","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>","VolumeSliderIndicatorElement: 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/video-provider.ts"],"sourcesContent":[],"mappings":";;;;;;;UAaiB;cACH,QAAQ;AE+DtB;;;;AGbac,cJmBAZ,yBInBiD,EJmBtB,6BInBR,CJmBsC,uBInBtC,CAAA;;;;cHanBG,wBAAwB,8BAA8B;;;;cCHtDG,yBAAyB,8BAA8B;;;;cCWvDG,mBAAmB,8BAA8B;;;cCrBjDG,mBAAmB,8BAA8B;;;KC9DzD,WAAA;cAEQ,cAAA,SAAuB,WAAA;;;;;ENSpC,oBAAiB,CAAA,CAAA,EAAA,IAAA;qBM4CI;;;EL0BrB,IAAaZ,UAAAA,CAAAA,CAAAA,EAAAA,MAAAA;cKQC;;;;;AFNDS,cGZAM,yBHYiD,EGZtB,6BHYR,CGZsC,uBHYtC,CAAA;;;;cI4JnBO,uBAAuB;;UCzO/B,EAAA,MAAA;EAEL,WAAa,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAgEQ,IAAA,ED2Kb,UC3Ka,GAAA,IAAA;CA6BP,CAAA;AA7FsB,cD8OvBC,sBC9OuB,ED8OC,6BC9OD,CAAA,GAAA,CAAA;AAAA,cDqPvBC,yBCrPuB,EDqPI,6BCrPJ,CAAA,GAAA,CAAA;cD4PvBC,0BAA0B;cAO1BC,wBAAwB;cAOxB;EExCb,IAAaM,EAAAA,OFkDE,qBElDFA;EAWb,KAAaC,EAAAA,OFwCG,sBExCuB;EAUvC,QAAaC,EAAAA,OF+BM,yBE/BwB;EAU3C,OAAaC,EAAAA,OFsBK,wBEtBqB;EAUvC,KAAa,EAAA,OFaG,sBEbH;CASE;;;KDtRV,SAAA;cAEQ,cAAA,SAAuB,WAAA;;;;;ETGpC,iBAAiB,CAAA,CAAA,EAAA,IAAA;;qBS6DI;;ERSrB,IAAanC,UAAAA,CAAAA,CAAAA,EAAAA,MAAAA;;cQoBC;;EP1Bd,IAAaG,gBAAAA,CAAAA,CAAAA,EAAAA,MAAsD;;;;;ASzEnD;;;AAOa,cDiOhB6B,uBCjOgB,EDiOS,6BCjOT,CAAA;EAAA,MAAA,EAAA,MAAA;EAE7B,KAAa,EAAA,OAAA;EACkC,WAAA,EAAA,MAAA;EAIjC,mBAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAmDW,IAAA,ED4KjB,YC5KiB,GAAA,IAAA;CAxDkB,CAAA;;;;cD0O9BC,0BAA0B;AEtPP;;;AAKL,cF2PdC,4BE3Pc,EF2PgB,6BE3PhB,CAAA,GAAA,CAAA;;AAE3B;;cFmQaC,0BAA0B;;;;cAU1B;eASE;gBACC;oBACI;gBACJ;;;;cCtRVC,uBAAuB,YAAY,gBAAgB;cAE5C,qBAAA,SAA8B,qBAAA;;UACI;EXD/C,CAAA;;;cWKc;EViEd,OAAapC,EAAAA,OAAAA;;;;ECNb,WAAaG,CAAAA;;;;ECHb,8BAAoE,EAAA,GAAA,GAAA,IAAA;;wBQL3C;;APgBzB;;;cQ/EMkC,qBAAqB,YAAY,gBAAgB;cAE1C,oBAAA,SAA6B,mBAAA;;sBAEtB;EZGpB,CAAA"}

package/dist/index.js

@@ -1,17 +0,0 @@
-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-Bu1mGG-F.js";
-import { t as FullscreenButtonElement } from "./fullscreen-button-C1nq8yP-.js";
-import { t as MuteButtonElement } from "./mute-button-BSDoCZs3.js";
-import { t as PlayButtonElement } from "./play-button-gaqIKsrv.js";
-import { t as PopoverElement } from "./popover-BUCVOjnO.js";
-import { t as PreviewTimeDisplayElement } from "./preview-time-display-Dax0FQ2X.js";
-import { t as TimeSliderElement } from "./time-slider-DKamO_2Q.js";
-import { t as TooltipElement } from "./tooltip-B-glki2f.js";
-import { t as VolumeSliderElement } from "./volume-slider-CbFzCHX4.js";
-import { t as MediaContainerElement } from "./media-container-BOL0PKuG.js";
-import { t as MediaSkinElement } from "./media-skin-CxnuHwhu.js";
-import { t as VideoProviderElement } from "./video-provider-BKDqoKFf.js";
-
-export { CurrentTimeDisplayElement, DurationDisplayElement, FullscreenButtonElement, MediaContainerElement, MediaSkinElement, MuteButtonElement, PlayButtonElement, PopoverElement, PreviewTimeDisplayElement, TimeSliderElement, TooltipElement, VideoProviderElement, VolumeSliderElement };

package/dist/media-container-BOL0PKuG.js

@@ -1,80 +0,0 @@
-import { ConsumerMixin } from "@open-wc/context-protocol";
-
-//#region src/media/media-container.ts
-function getTemplateHTML() {
-	return `
-    <slot name="media"></slot>
-    <slot></slot>
-  `;
-}
-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-BOL0PKuG.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"media-container-BOL0PKuG.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\nexport function getTemplateHTML() {\n  return /* html */ `\n    <slot name=\"media\"></slot>\n    <slot></slot>\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":";;;AAIA,SAAgB,kBAAkB;AAChC,QAAkB;;;;;AAMpB,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-ChS9lZvf.d.ts

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