@videojs/html 10.0.0-beta.23 → 10.0.0-beta.24

package/cdn/{hotkey-element-oEdY8YLl.js → hotkey-element-89VAnCrc.js}

@@ -1,10 +1,9 @@
-import { C as selectTime, S as selectTextTrack, _ as selectFullscreen, b as selectPlaybackRate, g as createHotkey, v as selectPiP, w as selectVolume, y as selectPlayback } from "./compounds-BHHGcL_P.js";
-import { A as MediaElement, M as ContextConsumer, n as PlayerController, y as getGestureCoordinator } from "./create-player-B-gVAMdr.js";
-import { a as isUndefined, c as playerContext, o as containerContext, t as isFunction } from "./predicate-BOcV_HDG.js";
+import { A as selectTextTrack, D as selectPlayback, E as selectPiP, M as selectVolume, O as selectPlaybackRate, S as createHotkey, j as selectTime, w as selectFullscreen } from "./compounds-DxdDY3jr.js";
+import { N as ContextConsumer, b as getGestureCoordinator, j as MediaElement, n as PlayerController } from "./create-player-_WED6HtK.js";
+import { l as playerContext, o as isUndefined, s as containerContext, t as isFunction } from "./predicate-Dqd8wbW6.js";
 
-//#region ../core/dist/dev/dom/gesture/actions.js
-/** Actions that need custom logic beyond `store.state[action]()`. */
-const GESTURE_ACTION_OVERRIDES = {
+//#region ../core/dist/dev/dom/media-actions.js
+const MEDIA_INPUT_ACTION_OVERRIDES = {
 	seekStep({ store, value }) {
 		if (isUndefined(value)) return;
 		const time = selectTime(store.state);
@@ -34,6 +33,16 @@ const GESTURE_ACTION_OVERRIDES = {
 		rate.setPlaybackRate(playbackRates[next]);
 	}
 };
+
+//#endregion
+//#region ../core/dist/dev/dom/gesture/actions.js
+/** Actions that need custom logic beyond `store.state[action]()`. */
+const GESTURE_ACTION_OVERRIDES = {
+	seekStep: MEDIA_INPUT_ACTION_OVERRIDES.seekStep,
+	volumeStep: MEDIA_INPUT_ACTION_OVERRIDES.volumeStep,
+	speedUp: MEDIA_INPUT_ACTION_OVERRIDES.speedUp,
+	speedDown: MEDIA_INPUT_ACTION_OVERRIDES.speedDown
+};
 function resolveGestureAction(name) {
 	const override = GESTURE_ACTION_OVERRIDES[name];
 	if (override) return override;
@@ -117,7 +126,8 @@ function createTapGesture(target, onActivate, options) {
 		pointer: options?.pointer,
 		region: options?.region,
 		disabled: options?.disabled,
-		action: options?.action
+		action: options?.action,
+		value: options?.value
 	});
 }
 /**
@@ -138,7 +148,8 @@ function createDoubleTapGesture(target, onActivate, options) {
 		pointer: options?.pointer,
 		region: options?.region,
 		disabled: options?.disabled,
-		action: options?.action
+		action: options?.action,
+		value: options?.value
 	});
 }
 
@@ -169,34 +180,10 @@ const HOTKEY_ACTIONS = {
 		if (!pip) return;
 		pip.pip ? pip.exitPictureInPicture() : pip.requestPictureInPicture();
 	},
-	seekStep({ store, value }) {
-		if (isUndefined(value)) return;
-		const time = selectTime(store.state);
-		if (!time) return;
-		time.seek(time.currentTime + value);
-	},
-	volumeStep({ store, value }) {
-		if (isUndefined(value)) return;
-		const vol = selectVolume(store.state);
-		if (!vol) return;
-		vol.setVolume(vol.volume + value);
-	},
-	speedUp({ store }) {
-		const rate = selectPlaybackRate(store.state);
-		if (!rate) return;
-		const { playbackRates, playbackRate } = rate;
-		const idx = playbackRates.indexOf(playbackRate);
-		const next = idx < 0 || idx >= playbackRates.length - 1 ? 0 : idx + 1;
-		rate.setPlaybackRate(playbackRates[next]);
-	},
-	speedDown({ store }) {
-		const rate = selectPlaybackRate(store.state);
-		if (!rate) return;
-		const { playbackRates, playbackRate } = rate;
-		const idx = playbackRates.indexOf(playbackRate);
-		const next = idx <= 0 ? playbackRates.length - 1 : idx - 1;
-		rate.setPlaybackRate(playbackRates[next]);
-	},
+	seekStep: MEDIA_INPUT_ACTION_OVERRIDES.seekStep,
+	volumeStep: MEDIA_INPUT_ACTION_OVERRIDES.volumeStep,
+	speedUp: MEDIA_INPUT_ACTION_OVERRIDES.speedUp,
+	speedDown: MEDIA_INPUT_ACTION_OVERRIDES.speedDown,
 	seekToPercent({ store, value, key }) {
 		const time = selectTime(store.state);
 		if (!time || time.duration <= 0) return;
@@ -282,7 +269,8 @@ var GestureElement = class extends MediaElement {
 			pointer: this.pointer,
 			region: this.region,
 			disabled: this.disabled,
-			action: this.action
+			action: this.action,
+			value: this.value
 		};
 		if (this.type === "doubletap") this.#cleanup = createDoubleTapGesture(container, onActivate, options);
 		else this.#cleanup = createTapGesture(container, onActivate, options);
@@ -352,6 +340,7 @@ var HotkeyElement = class extends MediaElement {
 		this.#cleanup = createHotkey(container, {
 			keys: this.keys,
 			action,
+			value,
 			target: this.target,
 			disabled: this.disabled,
 			repeatable: !isHotkeyToggleAction(action),
@@ -372,4 +361,4 @@ var HotkeyElement = class extends MediaElement {
 
 //#endregion
 export { GestureElement as n, HotkeyElement as t };
-//# sourceMappingURL=hotkey-element-oEdY8YLl.js.map
+//# sourceMappingURL=hotkey-element-89VAnCrc.js.map

package/cdn/hotkey-element-89VAnCrc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkey-element-89VAnCrc.js","names":["#lastTapTime","#clearTimer","#tapTimer","#player","#container","#register","#unregister","#cleanup","#player","#container","#register","#unregister","#cleanup"],"sources":["../../core/dist/dev/dom/media-actions.js","../../core/dist/dev/dom/gesture/actions.js","../../core/dist/dev/dom/gesture/tap.js","../../core/dist/dev/dom/gesture/create-tap-gesture.js","../../core/dist/dev/dom/hotkey/actions.js","../src/ui/gesture/gesture-element.ts","../src/ui/hotkey/hotkey-element.ts"],"sourcesContent":["import { selectPlaybackRate, selectTime, selectVolume } from \"./store/selectors.js\";\nimport { isUndefined } from \"@videojs/utils/predicate\";\n//#region src/dom/media-actions.ts\nconst MEDIA_INPUT_ACTION_OVERRIDES = {\n\tseekStep({ store, value }) {\n\t\tif (isUndefined(value)) return;\n\t\tconst time = selectTime(store.state);\n\t\tif (!time) return;\n\t\ttime.seek(time.currentTime + value);\n\t},\n\tvolumeStep({ store, value }) {\n\t\tif (isUndefined(value)) return;\n\t\tconst vol = selectVolume(store.state);\n\t\tif (!vol) return;\n\t\tvol.setVolume(vol.volume + value);\n\t},\n\tspeedUp({ store }) {\n\t\tconst rate = selectPlaybackRate(store.state);\n\t\tif (!rate) return;\n\t\tconst { playbackRates, playbackRate } = rate;\n\t\tconst idx = playbackRates.indexOf(playbackRate);\n\t\tconst next = idx < 0 || idx >= playbackRates.length - 1 ? 0 : idx + 1;\n\t\trate.setPlaybackRate(playbackRates[next]);\n\t},\n\tspeedDown({ store }) {\n\t\tconst rate = selectPlaybackRate(store.state);\n\t\tif (!rate) return;\n\t\tconst { playbackRates, playbackRate } = rate;\n\t\tconst idx = playbackRates.indexOf(playbackRate);\n\t\tconst next = idx <= 0 ? playbackRates.length - 1 : idx - 1;\n\t\trate.setPlaybackRate(playbackRates[next]);\n\t}\n};\n//#endregion\nexport { MEDIA_INPUT_ACTION_OVERRIDES };\n\n//# sourceMappingURL=media-actions.js.map","import { MEDIA_INPUT_ACTION_OVERRIDES } from \"../media-actions.js\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/dom/gesture/actions.ts\n/** Actions that need custom logic beyond `store.state[action]()`. */\nconst GESTURE_ACTION_OVERRIDES = {\n\tseekStep: MEDIA_INPUT_ACTION_OVERRIDES.seekStep,\n\tvolumeStep: MEDIA_INPUT_ACTION_OVERRIDES.volumeStep,\n\tspeedUp: MEDIA_INPUT_ACTION_OVERRIDES.speedUp,\n\tspeedDown: MEDIA_INPUT_ACTION_OVERRIDES.speedDown\n};\nfunction resolveGestureAction(name) {\n\tconst override = GESTURE_ACTION_OVERRIDES[name];\n\tif (override) return override;\n\treturn ({ store }) => {\n\t\tconst method = store.state[name];\n\t\tif (isFunction(method)) method();\n\t\telse console.warn(`[vjs-gesture] Unknown action: \"${name}\"`);\n\t};\n}\n//#endregion\nexport { resolveGestureAction };\n\n//# sourceMappingURL=actions.js.map","//#region src/dom/gesture/tap.ts\nconst DOUBLETAP_WINDOW = 200;\n/**\n* Recognizes tap vs doubletap from quick pointer-up events.\n*\n* Stateful recognizer — tracks tap count and doubletap timing.\n* The coordinator handles pointer-down timing (tap threshold) and\n* calls `handleUp()` only for quick taps that passed the threshold check.\n*/\nvar TapRecognizer = class {\n\t#lastTapTime = 0;\n\t#tapTimer = null;\n\thandleUp(matches, event) {\n\t\tif (matches.resolve(\"doubletap\").length > 0) {\n\t\t\tconst now = Date.now();\n\t\t\tif (now - this.#lastTapTime < DOUBLETAP_WINDOW) {\n\t\t\t\tthis.#clearTimer();\n\t\t\t\tthis.#lastTapTime = 0;\n\t\t\t\tmatches.resolve(\"doubletap\")[0]?.onActivate(event);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.#lastTapTime = now;\n\t\t\tthis.#clearTimer();\n\t\t\tthis.#tapTimer = setTimeout(() => {\n\t\t\t\tthis.#tapTimer = null;\n\t\t\t\tthis.#lastTapTime = 0;\n\t\t\t\tmatches.resolve(\"tap\")[0]?.onActivate(event);\n\t\t\t}, DOUBLETAP_WINDOW);\n\t\t\treturn;\n\t\t}\n\t\tmatches.resolve(\"tap\")[0]?.onActivate(event);\n\t}\n\t#clearTimer() {\n\t\tif (this.#tapTimer !== null) {\n\t\t\tclearTimeout(this.#tapTimer);\n\t\t\tthis.#tapTimer = null;\n\t\t}\n\t}\n\treset() {\n\t\tthis.#clearTimer();\n\t\tthis.#lastTapTime = 0;\n\t}\n};\n//#endregion\nexport { TapRecognizer };\n\n//# sourceMappingURL=tap.js.map","import { getGestureCoordinator } from \"./coordinator.js\";\nimport { TapRecognizer } from \"./tap.js\";\n//#region src/dom/gesture/create-tap-gesture.ts\nconst recognizers = /* @__PURE__ */ new WeakMap();\nfunction getRecognizer(target) {\n\tlet recognizer = recognizers.get(target);\n\tif (recognizer) return recognizer;\n\trecognizer = new TapRecognizer();\n\trecognizers.set(target, recognizer);\n\treturn recognizer;\n}\n/**\n* Register a tap gesture on a target element.\n*\n* @example\n* ```ts\n* const cleanup = createTapGesture(container, (event) => {\n*   store.paused ? store.play() : store.pause();\n* }, { pointer: 'mouse' });\n* ```\n*/\nfunction createTapGesture(target, onActivate, options) {\n\treturn getGestureCoordinator(target).add({\n\t\ttype: \"tap\",\n\t\trecognizer: getRecognizer(target),\n\t\tonActivate,\n\t\tpointer: options?.pointer,\n\t\tregion: options?.region,\n\t\tdisabled: options?.disabled,\n\t\taction: options?.action,\n\t\tvalue: options?.value\n\t});\n}\n/**\n* Register a doubletap gesture on a target element.\n*\n* @example\n* ```ts\n* const cleanup = createDoubleTapGesture(container, (event) => {\n*   store.fullscreen ? store.exitFullscreen() : store.requestFullscreen();\n* }, { region: 'center' });\n* ```\n*/\nfunction createDoubleTapGesture(target, onActivate, options) {\n\treturn getGestureCoordinator(target).add({\n\t\ttype: \"doubletap\",\n\t\trecognizer: getRecognizer(target),\n\t\tonActivate,\n\t\tpointer: options?.pointer,\n\t\tregion: options?.region,\n\t\tdisabled: options?.disabled,\n\t\taction: options?.action,\n\t\tvalue: options?.value\n\t});\n}\n//#endregion\nexport { createDoubleTapGesture, createTapGesture };\n\n//# sourceMappingURL=create-tap-gesture.js.map","import { selectFullscreen, selectPiP, selectPlayback, selectTextTrack, selectTime, selectVolume } from \"../store/selectors.js\";\nimport { MEDIA_INPUT_ACTION_OVERRIDES } from \"../media-actions.js\";\nimport { isUndefined } from \"@videojs/utils/predicate\";\n//#region src/dom/hotkey/actions.ts\nfunction isHotkeyToggleAction(action) {\n\treturn action.startsWith(\"toggle\");\n}\nconst HOTKEY_ACTIONS = {\n\ttogglePaused({ store }) {\n\t\tconst playback = selectPlayback(store.state);\n\t\tif (!playback) return;\n\t\tplayback.paused ? playback.play() : playback.pause();\n\t},\n\ttoggleMuted({ store }) {\n\t\tselectVolume(store.state)?.toggleMuted();\n\t},\n\ttoggleFullscreen({ store }) {\n\t\tconst fs = selectFullscreen(store.state);\n\t\tif (!fs) return;\n\t\tfs.fullscreen ? fs.exitFullscreen() : fs.requestFullscreen();\n\t},\n\ttoggleSubtitles({ store }) {\n\t\tselectTextTrack(store.state)?.toggleSubtitles();\n\t},\n\ttogglePictureInPicture({ store }) {\n\t\tconst pip = selectPiP(store.state);\n\t\tif (!pip) return;\n\t\tpip.pip ? pip.exitPictureInPicture() : pip.requestPictureInPicture();\n\t},\n\tseekStep: MEDIA_INPUT_ACTION_OVERRIDES.seekStep,\n\tvolumeStep: MEDIA_INPUT_ACTION_OVERRIDES.volumeStep,\n\tspeedUp: MEDIA_INPUT_ACTION_OVERRIDES.speedUp,\n\tspeedDown: MEDIA_INPUT_ACTION_OVERRIDES.speedDown,\n\tseekToPercent({ store, value, key }) {\n\t\tconst time = selectTime(store.state);\n\t\tif (!time || time.duration <= 0) return;\n\t\tlet percent;\n\t\tif (!isUndefined(value)) percent = value;\n\t\telse if (key >= \"0\" && key <= \"9\") percent = Number(key) * 10;\n\t\telse return;\n\t\ttime.seek(percent / 100 * time.duration);\n\t}\n};\nfunction resolveHotkeyAction(name) {\n\tconst resolver = HOTKEY_ACTIONS[name];\n\tif (!resolver) console.warn(`[vjs-hotkey] Unknown action: \"${name}\"`);\n\treturn resolver;\n}\n//#endregion\nexport { isHotkeyToggleAction, resolveHotkeyAction };\n\n//# sourceMappingURL=actions.js.map","import {\n  createDoubleTapGesture,\n  createTapGesture,\n  type GestureActionName,\n  type GesturePointerType,\n  type GestureRegion,\n  resolveGestureAction,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class GestureElement extends MediaElement {\n  static readonly tagName = 'media-gesture';\n\n  static override properties: PropertyDeclarationMap = {\n    type: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    pointer: { type: String },\n    region: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  type: 'tap' | 'doubletap' | (string & {}) = '';\n  action: GestureActionName | (string & {}) = '';\n  value: number | undefined = undefined;\n  pointer: GesturePointerType | undefined = undefined;\n  region: GestureRegion | undefined = undefined;\n  disabled = false;\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.type || !this.action || !store || !container) return;\n\n    const resolver = resolveGestureAction(this.action);\n    if (!resolver) return;\n\n    const { value } = this;\n\n    const onActivate = (event: PointerEvent) => {\n      resolver({ store, value, event });\n    };\n\n    const options = {\n      pointer: this.pointer,\n      region: this.region,\n      disabled: this.disabled,\n      action: this.action,\n      value: this.value,\n    };\n\n    if (this.type === 'doubletap') {\n      this.#cleanup = createDoubleTapGesture(container, onActivate, options);\n    } else {\n      this.#cleanup = createTapGesture(container, onActivate, options);\n    }\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n","import { createHotkey, type HotkeyActionName, isHotkeyToggleAction, resolveHotkeyAction } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class HotkeyElement extends MediaElement {\n  static readonly tagName = 'media-hotkey';\n\n  static override properties: PropertyDeclarationMap = {\n    keys: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    disabled: { type: Boolean },\n    target: { type: String },\n  };\n\n  keys = '';\n  action: HotkeyActionName | (string & {}) = '';\n  value: number | undefined = undefined;\n  disabled = false;\n  target: 'player' | 'document' = 'player';\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.keys || !this.action || !store || !container) return;\n\n    const resolver = resolveHotkeyAction(this.action);\n    if (!resolver) return;\n\n    const { value, action } = this;\n\n    this.#cleanup = createHotkey(container, {\n      keys: this.keys,\n      action,\n      value,\n      target: this.target,\n      disabled: this.disabled,\n      repeatable: !isHotkeyToggleAction(action),\n      onActivate: (_event, key) => {\n        resolver({ store, key, value });\n      },\n    });\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n"],"mappings":"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"}

package/cdn/hotkey-element-CmUxzW-C.js

@@ -0,0 +1,2 @@
+import{A as e,C as t,D as n,E as r,T as i,j as a,k as o,x as s}from"./compounds-CJ9NGNJr.js";import{N as c,b as l,j as u,n as d}from"./create-player-B2W5yr5I.js";import{l as f,o as p,s as m,t as h}from"./predicate-Dxl3IuYh.js";const g={seekStep({store:t,value:n}){if(p(n))return;let r=e(t.state);r&&r.seek(r.currentTime+n)},volumeStep({store:e,value:t}){if(p(t))return;let n=a(e.state);n&&n.setVolume(n.volume+t)},speedUp({store:e}){let t=n(e.state);if(!t)return;let{playbackRates:r,playbackRate:i}=t,a=r.indexOf(i),o=a<0||a>=r.length-1?0:a+1;t.setPlaybackRate(r[o])},speedDown({store:e}){let t=n(e.state);if(!t)return;let{playbackRates:r,playbackRate:i}=t,a=r.indexOf(i),o=a<=0?r.length-1:a-1;t.setPlaybackRate(r[o])}},_={seekStep:g.seekStep,volumeStep:g.volumeStep,speedUp:g.speedUp,speedDown:g.speedDown};function v(e){return _[e]||(({store:t})=>{let n=t.state[e];h(n)&&n()})}var y=class{#e=0;#t=null;handleUp(e,t){if(e.resolve(`doubletap`).length>0){let n=Date.now();if(n-this.#e<200){this.#n(),this.#e=0,e.resolve(`doubletap`)[0]?.onActivate(t);return}this.#e=n,this.#n(),this.#t=setTimeout(()=>{this.#t=null,this.#e=0,e.resolve(`tap`)[0]?.onActivate(t)},200);return}e.resolve(`tap`)[0]?.onActivate(t)}#n(){this.#t!==null&&(clearTimeout(this.#t),this.#t=null)}reset(){this.#n(),this.#e=0}};const b=new WeakMap;function x(e){let t=b.get(e);return t||(t=new y,b.set(e,t),t)}function S(e,t,n){return l(e).add({type:`tap`,recognizer:x(e),onActivate:t,pointer:n?.pointer,region:n?.region,disabled:n?.disabled,action:n?.action,value:n?.value})}function C(e,t,n){return l(e).add({type:`doubletap`,recognizer:x(e),onActivate:t,pointer:n?.pointer,region:n?.region,disabled:n?.disabled,action:n?.action,value:n?.value})}function w(e){return e.startsWith(`toggle`)}const T={togglePaused({store:e}){let t=r(e.state);t&&(t.paused?t.play():t.pause())},toggleMuted({store:e}){a(e.state)?.toggleMuted()},toggleFullscreen({store:e}){let n=t(e.state);n&&(n.fullscreen?n.exitFullscreen():n.requestFullscreen())},toggleSubtitles({store:e}){o(e.state)?.toggleSubtitles()},togglePictureInPicture({store:e}){let t=i(e.state);t&&(t.pip?t.exitPictureInPicture():t.requestPictureInPicture())},seekStep:g.seekStep,volumeStep:g.volumeStep,speedUp:g.speedUp,speedDown:g.speedDown,seekToPercent({store:t,value:n,key:r}){let i=e(t.state);if(!i||i.duration<=0)return;let a;if(!p(n))a=n;else if(r>=`0`&&r<=`9`)a=Number(r)*10;else return;i.seek(a/100*i.duration)}};function E(e){return T[e]}var D=class extends u{constructor(...e){super(...e),this.type=``,this.action=``,this.value=void 0,this.pointer=void 0,this.region=void 0,this.disabled=!1,this.#e=new d(this,f),this.#t=new c(this,{context:m,callback:()=>this.requestUpdate(),subscribe:!0}),this.#n=null}static{this.tagName=`media-gesture`}static{this.properties={type:{type:String},action:{type:String},value:{type:Number},pointer:{type:String},region:{type:String},disabled:{type:Boolean}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),this.style.display=`none`,this.#r()}disconnectedCallback(){super.disconnectedCallback(),this.#i()}update(e){super.update(e),this.isConnected&&(this.#i(),this.#r())}#r(){let e=this.#e.value,t=this.#t.value?.container;if(!this.type||!this.action||!e||!t)return;let n=v(this.action);if(!n)return;let{value:r}=this,i=t=>{n({store:e,value:r,event:t})},a={pointer:this.pointer,region:this.region,disabled:this.disabled,action:this.action,value:this.value};this.type===`doubletap`?this.#n=C(t,i,a):this.#n=S(t,i,a)}#i(){this.#n?.(),this.#n=null}},O=class extends u{constructor(...e){super(...e),this.keys=``,this.action=``,this.value=void 0,this.disabled=!1,this.target=`player`,this.#e=new d(this,f),this.#t=new c(this,{context:m,callback:()=>this.requestUpdate(),subscribe:!0}),this.#n=null}static{this.tagName=`media-hotkey`}static{this.properties={keys:{type:String},action:{type:String},value:{type:Number},disabled:{type:Boolean},target:{type:String}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),this.style.display=`none`,this.#r()}disconnectedCallback(){super.disconnectedCallback(),this.#i()}update(e){super.update(e),this.isConnected&&(this.#i(),this.#r())}#r(){let e=this.#e.value,t=this.#t.value?.container;if(!this.keys||!this.action||!e||!t)return;let n=E(this.action);if(!n)return;let{value:r,action:i}=this;this.#n=s(t,{keys:this.keys,action:i,value:r,target:this.target,disabled:this.disabled,repeatable:!w(i),onActivate:(t,i)=>{n({store:e,key:i,value:r})}})}#i(){this.#n?.(),this.#n=null}};export{D as n,O as t};
+//# sourceMappingURL=hotkey-element-CmUxzW-C.js.map

package/cdn/hotkey-element-CmUxzW-C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkey-element-CmUxzW-C.js","names":["#lastTapTime","#clearTimer","#tapTimer","ContextConsumer","#player","#container","#register","#unregister","#cleanup","ContextConsumer","#player","#container","#register","#unregister","#cleanup"],"sources":["../../core/dist/default/dom/media-actions.js","../../core/dist/default/dom/gesture/actions.js","../../core/dist/default/dom/gesture/tap.js","../../core/dist/default/dom/gesture/create-tap-gesture.js","../../core/dist/default/dom/hotkey/actions.js","../src/ui/gesture/gesture-element.ts","../src/ui/hotkey/hotkey-element.ts"],"sourcesContent":["import { selectPlaybackRate, selectTime, selectVolume } from \"./store/selectors.js\";\nimport { isUndefined } from \"@videojs/utils/predicate\";\n//#region src/dom/media-actions.ts\nconst MEDIA_INPUT_ACTION_OVERRIDES = {\n\tseekStep({ store, value }) {\n\t\tif (isUndefined(value)) return;\n\t\tconst time = selectTime(store.state);\n\t\tif (!time) return;\n\t\ttime.seek(time.currentTime + value);\n\t},\n\tvolumeStep({ store, value }) {\n\t\tif (isUndefined(value)) return;\n\t\tconst vol = selectVolume(store.state);\n\t\tif (!vol) return;\n\t\tvol.setVolume(vol.volume + value);\n\t},\n\tspeedUp({ store }) {\n\t\tconst rate = selectPlaybackRate(store.state);\n\t\tif (!rate) return;\n\t\tconst { playbackRates, playbackRate } = rate;\n\t\tconst idx = playbackRates.indexOf(playbackRate);\n\t\tconst next = idx < 0 || idx >= playbackRates.length - 1 ? 0 : idx + 1;\n\t\trate.setPlaybackRate(playbackRates[next]);\n\t},\n\tspeedDown({ store }) {\n\t\tconst rate = selectPlaybackRate(store.state);\n\t\tif (!rate) return;\n\t\tconst { playbackRates, playbackRate } = rate;\n\t\tconst idx = playbackRates.indexOf(playbackRate);\n\t\tconst next = idx <= 0 ? playbackRates.length - 1 : idx - 1;\n\t\trate.setPlaybackRate(playbackRates[next]);\n\t}\n};\n//#endregion\nexport { MEDIA_INPUT_ACTION_OVERRIDES };\n\n//# sourceMappingURL=media-actions.js.map","import { MEDIA_INPUT_ACTION_OVERRIDES } from \"../media-actions.js\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/dom/gesture/actions.ts\n/** Actions that need custom logic beyond `store.state[action]()`. */\nconst GESTURE_ACTION_OVERRIDES = {\n\tseekStep: MEDIA_INPUT_ACTION_OVERRIDES.seekStep,\n\tvolumeStep: MEDIA_INPUT_ACTION_OVERRIDES.volumeStep,\n\tspeedUp: MEDIA_INPUT_ACTION_OVERRIDES.speedUp,\n\tspeedDown: MEDIA_INPUT_ACTION_OVERRIDES.speedDown\n};\nfunction resolveGestureAction(name) {\n\tconst override = GESTURE_ACTION_OVERRIDES[name];\n\tif (override) return override;\n\treturn ({ store }) => {\n\t\tconst method = store.state[name];\n\t\tif (isFunction(method)) method();\n\t};\n}\n//#endregion\nexport { resolveGestureAction };\n\n//# sourceMappingURL=actions.js.map","//#region src/dom/gesture/tap.ts\nconst DOUBLETAP_WINDOW = 200;\n/**\n* Recognizes tap vs doubletap from quick pointer-up events.\n*\n* Stateful recognizer — tracks tap count and doubletap timing.\n* The coordinator handles pointer-down timing (tap threshold) and\n* calls `handleUp()` only for quick taps that passed the threshold check.\n*/\nvar TapRecognizer = class {\n\t#lastTapTime = 0;\n\t#tapTimer = null;\n\thandleUp(matches, event) {\n\t\tif (matches.resolve(\"doubletap\").length > 0) {\n\t\t\tconst now = Date.now();\n\t\t\tif (now - this.#lastTapTime < DOUBLETAP_WINDOW) {\n\t\t\t\tthis.#clearTimer();\n\t\t\t\tthis.#lastTapTime = 0;\n\t\t\t\tmatches.resolve(\"doubletap\")[0]?.onActivate(event);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.#lastTapTime = now;\n\t\t\tthis.#clearTimer();\n\t\t\tthis.#tapTimer = setTimeout(() => {\n\t\t\t\tthis.#tapTimer = null;\n\t\t\t\tthis.#lastTapTime = 0;\n\t\t\t\tmatches.resolve(\"tap\")[0]?.onActivate(event);\n\t\t\t}, DOUBLETAP_WINDOW);\n\t\t\treturn;\n\t\t}\n\t\tmatches.resolve(\"tap\")[0]?.onActivate(event);\n\t}\n\t#clearTimer() {\n\t\tif (this.#tapTimer !== null) {\n\t\t\tclearTimeout(this.#tapTimer);\n\t\t\tthis.#tapTimer = null;\n\t\t}\n\t}\n\treset() {\n\t\tthis.#clearTimer();\n\t\tthis.#lastTapTime = 0;\n\t}\n};\n//#endregion\nexport { TapRecognizer };\n\n//# sourceMappingURL=tap.js.map","import { getGestureCoordinator } from \"./coordinator.js\";\nimport { TapRecognizer } from \"./tap.js\";\n//#region src/dom/gesture/create-tap-gesture.ts\nconst recognizers = /* @__PURE__ */ new WeakMap();\nfunction getRecognizer(target) {\n\tlet recognizer = recognizers.get(target);\n\tif (recognizer) return recognizer;\n\trecognizer = new TapRecognizer();\n\trecognizers.set(target, recognizer);\n\treturn recognizer;\n}\n/**\n* Register a tap gesture on a target element.\n*\n* @example\n* ```ts\n* const cleanup = createTapGesture(container, (event) => {\n*   store.paused ? store.play() : store.pause();\n* }, { pointer: 'mouse' });\n* ```\n*/\nfunction createTapGesture(target, onActivate, options) {\n\treturn getGestureCoordinator(target).add({\n\t\ttype: \"tap\",\n\t\trecognizer: getRecognizer(target),\n\t\tonActivate,\n\t\tpointer: options?.pointer,\n\t\tregion: options?.region,\n\t\tdisabled: options?.disabled,\n\t\taction: options?.action,\n\t\tvalue: options?.value\n\t});\n}\n/**\n* Register a doubletap gesture on a target element.\n*\n* @example\n* ```ts\n* const cleanup = createDoubleTapGesture(container, (event) => {\n*   store.fullscreen ? store.exitFullscreen() : store.requestFullscreen();\n* }, { region: 'center' });\n* ```\n*/\nfunction createDoubleTapGesture(target, onActivate, options) {\n\treturn getGestureCoordinator(target).add({\n\t\ttype: \"doubletap\",\n\t\trecognizer: getRecognizer(target),\n\t\tonActivate,\n\t\tpointer: options?.pointer,\n\t\tregion: options?.region,\n\t\tdisabled: options?.disabled,\n\t\taction: options?.action,\n\t\tvalue: options?.value\n\t});\n}\n//#endregion\nexport { createDoubleTapGesture, createTapGesture };\n\n//# sourceMappingURL=create-tap-gesture.js.map","import { selectFullscreen, selectPiP, selectPlayback, selectTextTrack, selectTime, selectVolume } from \"../store/selectors.js\";\nimport { MEDIA_INPUT_ACTION_OVERRIDES } from \"../media-actions.js\";\nimport { isUndefined } from \"@videojs/utils/predicate\";\n//#region src/dom/hotkey/actions.ts\nfunction isHotkeyToggleAction(action) {\n\treturn action.startsWith(\"toggle\");\n}\nconst HOTKEY_ACTIONS = {\n\ttogglePaused({ store }) {\n\t\tconst playback = selectPlayback(store.state);\n\t\tif (!playback) return;\n\t\tplayback.paused ? playback.play() : playback.pause();\n\t},\n\ttoggleMuted({ store }) {\n\t\tselectVolume(store.state)?.toggleMuted();\n\t},\n\ttoggleFullscreen({ store }) {\n\t\tconst fs = selectFullscreen(store.state);\n\t\tif (!fs) return;\n\t\tfs.fullscreen ? fs.exitFullscreen() : fs.requestFullscreen();\n\t},\n\ttoggleSubtitles({ store }) {\n\t\tselectTextTrack(store.state)?.toggleSubtitles();\n\t},\n\ttogglePictureInPicture({ store }) {\n\t\tconst pip = selectPiP(store.state);\n\t\tif (!pip) return;\n\t\tpip.pip ? pip.exitPictureInPicture() : pip.requestPictureInPicture();\n\t},\n\tseekStep: MEDIA_INPUT_ACTION_OVERRIDES.seekStep,\n\tvolumeStep: MEDIA_INPUT_ACTION_OVERRIDES.volumeStep,\n\tspeedUp: MEDIA_INPUT_ACTION_OVERRIDES.speedUp,\n\tspeedDown: MEDIA_INPUT_ACTION_OVERRIDES.speedDown,\n\tseekToPercent({ store, value, key }) {\n\t\tconst time = selectTime(store.state);\n\t\tif (!time || time.duration <= 0) return;\n\t\tlet percent;\n\t\tif (!isUndefined(value)) percent = value;\n\t\telse if (key >= \"0\" && key <= \"9\") percent = Number(key) * 10;\n\t\telse return;\n\t\ttime.seek(percent / 100 * time.duration);\n\t}\n};\nfunction resolveHotkeyAction(name) {\n\treturn HOTKEY_ACTIONS[name];\n}\n//#endregion\nexport { isHotkeyToggleAction, resolveHotkeyAction };\n\n//# sourceMappingURL=actions.js.map","import {\n  createDoubleTapGesture,\n  createTapGesture,\n  type GestureActionName,\n  type GesturePointerType,\n  type GestureRegion,\n  resolveGestureAction,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class GestureElement extends MediaElement {\n  static readonly tagName = 'media-gesture';\n\n  static override properties: PropertyDeclarationMap = {\n    type: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    pointer: { type: String },\n    region: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  type: 'tap' | 'doubletap' | (string & {}) = '';\n  action: GestureActionName | (string & {}) = '';\n  value: number | undefined = undefined;\n  pointer: GesturePointerType | undefined = undefined;\n  region: GestureRegion | undefined = undefined;\n  disabled = false;\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.type || !this.action || !store || !container) return;\n\n    const resolver = resolveGestureAction(this.action);\n    if (!resolver) return;\n\n    const { value } = this;\n\n    const onActivate = (event: PointerEvent) => {\n      resolver({ store, value, event });\n    };\n\n    const options = {\n      pointer: this.pointer,\n      region: this.region,\n      disabled: this.disabled,\n      action: this.action,\n      value: this.value,\n    };\n\n    if (this.type === 'doubletap') {\n      this.#cleanup = createDoubleTapGesture(container, onActivate, options);\n    } else {\n      this.#cleanup = createTapGesture(container, onActivate, options);\n    }\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n","import { createHotkey, type HotkeyActionName, isHotkeyToggleAction, resolveHotkeyAction } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class HotkeyElement extends MediaElement {\n  static readonly tagName = 'media-hotkey';\n\n  static override properties: PropertyDeclarationMap = {\n    keys: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    disabled: { type: Boolean },\n    target: { type: String },\n  };\n\n  keys = '';\n  action: HotkeyActionName | (string & {}) = '';\n  value: number | undefined = undefined;\n  disabled = false;\n  target: 'player' | 'document' = 'player';\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.keys || !this.action || !store || !container) return;\n\n    const resolver = resolveHotkeyAction(this.action);\n    if (!resolver) return;\n\n    const { value, action } = this;\n\n    this.#cleanup = createHotkey(container, {\n      keys: this.keys,\n      action,\n      value,\n      target: this.target,\n      disabled: this.disabled,\n      repeatable: !isHotkeyToggleAction(action),\n      onActivate: (_event, key) => {\n        resolver({ store, key, value });\n      },\n    });\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n"],"mappings":"mOAGA,MAAM,EAA+B,CACpC,SAAS,CAAE,QAAO,SAAS,CAC1B,GAAI,EAAY,EAAM,CAAE,OACxB,IAAM,EAAO,EAAW,EAAM,MAAM,CAC/B,GACL,EAAK,KAAK,EAAK,YAAc,EAAM,EAEpC,WAAW,CAAE,QAAO,SAAS,CAC5B,GAAI,EAAY,EAAM,CAAE,OACxB,IAAM,EAAM,EAAa,EAAM,MAAM,CAChC,GACL,EAAI,UAAU,EAAI,OAAS,EAAM,EAElC,QAAQ,CAAE,SAAS,CAClB,IAAM,EAAO,EAAmB,EAAM,MAAM,CAC5C,GAAI,CAAC,EAAM,OACX,GAAM,CAAE,gBAAe,gBAAiB,EAClC,EAAM,EAAc,QAAQ,EAAa,CACzC,EAAO,EAAM,GAAK,GAAO,EAAc,OAAS,EAAI,EAAI,EAAM,EACpE,EAAK,gBAAgB,EAAc,GAAM,EAE1C,UAAU,CAAE,SAAS,CACpB,IAAM,EAAO,EAAmB,EAAM,MAAM,CAC5C,GAAI,CAAC,EAAM,OACX,GAAM,CAAE,gBAAe,gBAAiB,EAClC,EAAM,EAAc,QAAQ,EAAa,CACzC,EAAO,GAAO,EAAI,EAAc,OAAS,EAAI,EAAM,EACzD,EAAK,gBAAgB,EAAc,GAAM,EAE1C,CC5BK,EAA2B,CAChC,SAAU,EAA6B,SACvC,WAAY,EAA6B,WACzC,QAAS,EAA6B,QACtC,UAAW,EAA6B,UACxC,CACD,SAAS,EAAqB,EAAM,CAGnC,OAFiB,EAAyB,MAElC,CAAE,WAAY,CACrB,IAAM,EAAS,EAAM,MAAM,GACvB,EAAW,EAAO,EAAE,GAAQ,GCNlC,IAAI,EAAgB,KAAM,CACzB,GAAe,EACf,GAAY,KACZ,SAAS,EAAS,EAAO,CACxB,GAAI,EAAQ,QAAQ,YAAY,CAAC,OAAS,EAAG,CAC5C,IAAM,EAAM,KAAK,KAAK,CACtB,GAAI,EAAM,MAAA,EAAoB,IAAkB,CAC/C,MAAA,GAAkB,CAClB,MAAA,EAAoB,EACpB,EAAQ,QAAQ,YAAY,CAAC,IAAI,WAAW,EAAM,CAClD,OAED,MAAA,EAAoB,EACpB,MAAA,GAAkB,CAClB,MAAA,EAAiB,eAAiB,CACjC,MAAA,EAAiB,KACjB,MAAA,EAAoB,EACpB,EAAQ,QAAQ,MAAM,CAAC,IAAI,WAAW,EAAM,EAC1C,IAAiB,CACpB,OAED,EAAQ,QAAQ,MAAM,CAAC,IAAI,WAAW,EAAM,CAE7C,IAAc,CACT,MAAA,IAAmB,OACtB,aAAa,MAAA,EAAe,CAC5B,MAAA,EAAiB,MAGnB,OAAQ,CACP,MAAA,GAAkB,CAClB,MAAA,EAAoB,ICrCtB,MAAM,EAA8B,IAAI,QACxC,SAAS,EAAc,EAAQ,CAC9B,IAAI,EAAa,EAAY,IAAI,EAAO,CAIxC,OAHI,IACJ,EAAa,IAAI,EACjB,EAAY,IAAI,EAAQ,EAAW,CAC5B,GAYR,SAAS,EAAiB,EAAQ,EAAY,EAAS,CACtD,OAAO,EAAsB,EAAO,CAAC,IAAI,CACxC,KAAM,MACN,WAAY,EAAc,EAAO,CACjC,aACA,QAAS,GAAS,QAClB,OAAQ,GAAS,OACjB,SAAU,GAAS,SACnB,OAAQ,GAAS,OACjB,MAAO,GAAS,MAChB,CAAC,CAYH,SAAS,EAAuB,EAAQ,EAAY,EAAS,CAC5D,OAAO,EAAsB,EAAO,CAAC,IAAI,CACxC,KAAM,YACN,WAAY,EAAc,EAAO,CACjC,aACA,QAAS,GAAS,QAClB,OAAQ,GAAS,OACjB,SAAU,GAAS,SACnB,OAAQ,GAAS,OACjB,MAAO,GAAS,MAChB,CAAC,CCjDH,SAAS,EAAqB,EAAQ,CACrC,OAAO,EAAO,WAAW,SAAS,CAEnC,MAAM,EAAiB,CACtB,aAAa,CAAE,SAAS,CACvB,IAAM,EAAW,EAAe,EAAM,MAAM,CACvC,IACL,EAAS,OAAS,EAAS,MAAM,CAAG,EAAS,OAAO,GAErD,YAAY,CAAE,SAAS,CACtB,EAAa,EAAM,MAAM,EAAE,aAAa,EAEzC,iBAAiB,CAAE,SAAS,CAC3B,IAAM,EAAK,EAAiB,EAAM,MAAM,CACnC,IACL,EAAG,WAAa,EAAG,gBAAgB,CAAG,EAAG,mBAAmB,GAE7D,gBAAgB,CAAE,SAAS,CAC1B,EAAgB,EAAM,MAAM,EAAE,iBAAiB,EAEhD,uBAAuB,CAAE,SAAS,CACjC,IAAM,EAAM,EAAU,EAAM,MAAM,CAC7B,IACL,EAAI,IAAM,EAAI,sBAAsB,CAAG,EAAI,yBAAyB,GAErE,SAAU,EAA6B,SACvC,WAAY,EAA6B,WACzC,QAAS,EAA6B,QACtC,UAAW,EAA6B,UACxC,cAAc,CAAE,QAAO,QAAO,OAAO,CACpC,IAAM,EAAO,EAAW,EAAM,MAAM,CACpC,GAAI,CAAC,GAAQ,EAAK,UAAY,EAAG,OACjC,IAAI,EACJ,GAAI,CAAC,EAAY,EAAM,CAAE,EAAU,UAC1B,GAAO,KAAO,GAAO,IAAK,EAAU,OAAO,EAAI,CAAG,QACtD,OACL,EAAK,KAAK,EAAU,IAAM,EAAK,SAAS,EAEzC,CACD,SAAS,EAAoB,EAAM,CAClC,OAAO,EAAe,GC7BvB,IAAa,EAAb,cAAoC,CAAa,yCAYH,eACA,cAChB,IAAA,gBACc,IAAA,eACN,IAAA,iBACzB,WAEQ,IAAI,EAAiB,KAAM,EAAc,SACtC,IAAIG,EAAgB,KAAM,CAC9C,QAAS,EACT,aAAgB,KAAK,eAAe,CACpC,UAAW,GACZ,CAAC,SAC8B,yBAxBN,uCAE2B,CACnD,KAAM,CAAE,KAAM,OAAQ,CACtB,OAAQ,CAAE,KAAM,OAAQ,CACxB,MAAO,CAAE,KAAM,OAAQ,CACvB,QAAS,CAAE,KAAM,OAAQ,CACzB,OAAQ,CAAE,KAAM,OAAQ,CACxB,SAAU,CAAE,KAAM,QAAS,CAC5B,CASD,GACA,GAKA,GAEA,mBAAmC,CACjC,MAAM,mBAAmB,CACzB,KAAK,MAAM,QAAU,OACrB,MAAA,GAAgB,CAGlB,sBAAsC,CACpC,MAAM,sBAAsB,CAC5B,MAAA,GAAkB,CAGpB,OAA0B,EAA+B,CACvD,MAAM,OAAO,EAAQ,CAGjB,KAAK,cACP,MAAA,GAAkB,CAClB,MAAA,GAAgB,EAIpB,IAAkB,CAChB,IAAM,EAAQ,MAAA,EAAa,MACrB,EAAY,MAAA,EAAgB,OAAO,UACzC,GAAI,CAAC,KAAK,MAAQ,CAAC,KAAK,QAAU,CAAC,GAAS,CAAC,EAAW,OAExD,IAAM,EAAW,EAAqB,KAAK,OAAO,CAClD,GAAI,CAAC,EAAU,OAEf,GAAM,CAAE,SAAU,KAEZ,EAAc,GAAwB,CAC1C,EAAS,CAAE,QAAO,QAAO,QAAO,CAAC,EAG7B,EAAU,CACd,QAAS,KAAK,QACd,OAAQ,KAAK,OACb,SAAU,KAAK,SACf,OAAQ,KAAK,OACb,MAAO,KAAK,MACb,CAEG,KAAK,OAAS,YAChB,MAAA,EAAgB,EAAuB,EAAW,EAAY,EAAQ,CAEtE,MAAA,EAAgB,EAAiB,EAAW,EAAY,EAAQ,CAIpE,IAAoB,CAClB,MAAA,KAAiB,CACjB,MAAA,EAAgB,OCtFP,EAAb,cAAmC,CAAa,yCAWvC,eACoC,cACf,IAAA,iBACjB,eACqB,iBAEb,IAAI,EAAiB,KAAM,EAAc,SACtC,IAAIM,EAAgB,KAAM,CAC9C,QAAS,EACT,aAAgB,KAAK,eAAe,CACpC,UAAW,GACZ,CAAC,SAC8B,yBAtBN,sCAE2B,CACnD,KAAM,CAAE,KAAM,OAAQ,CACtB,OAAQ,CAAE,KAAM,OAAQ,CACxB,MAAO,CAAE,KAAM,OAAQ,CACvB,SAAU,CAAE,KAAM,QAAS,CAC3B,OAAQ,CAAE,KAAM,OAAQ,CACzB,CAQD,GACA,GAKA,GAEA,mBAAmC,CACjC,MAAM,mBAAmB,CACzB,KAAK,MAAM,QAAU,OACrB,MAAA,GAAgB,CAGlB,sBAAsC,CACpC,MAAM,sBAAsB,CAC5B,MAAA,GAAkB,CAGpB,OAA0B,EAA+B,CACvD,MAAM,OAAO,EAAQ,CAGjB,KAAK,cACP,MAAA,GAAkB,CAClB,MAAA,GAAgB,EAIpB,IAAkB,CAChB,IAAM,EAAQ,MAAA,EAAa,MACrB,EAAY,MAAA,EAAgB,OAAO,UACzC,GAAI,CAAC,KAAK,MAAQ,CAAC,KAAK,QAAU,CAAC,GAAS,CAAC,EAAW,OAExD,IAAM,EAAW,EAAoB,KAAK,OAAO,CACjD,GAAI,CAAC,EAAU,OAEf,GAAM,CAAE,QAAO,UAAW,KAE1B,MAAA,EAAgB,EAAa,EAAW,CACtC,KAAM,KAAK,KACX,SACA,QACA,OAAQ,KAAK,OACb,SAAU,KAAK,SACf,WAAY,CAAC,EAAqB,EAAO,CACzC,YAAa,EAAQ,IAAQ,CAC3B,EAAS,CAAE,QAAO,MAAK,QAAO,CAAC,EAElC,CAAC,CAGJ,IAAoB,CAClB,MAAA,KAAiB,CACjB,MAAA,EAAgB"}

package/cdn/live-button-element-BMneBAzX.js

@@ -0,0 +1,208 @@
+import { C as selectBuffer, N as defaults, T as selectLive, b as applyElementProps, j as selectTime, v as applyStateDataAttrs, x as createButton, y as logMissingFeature } from "./compounds-DxdDY3jr.js";
+import { E as createState, j as MediaElement, n as PlayerController } from "./create-player-_WED6HtK.js";
+import { l as playerContext, t as isFunction } from "./predicate-Dqd8wbW6.js";
+
+//#region ../core/dist/dev/core/ui/live-button/live-button-core.js
+/**
+* Fallback offset (in seconds) from the end of the seekable window used to
+* decide "at live edge" when `liveEdgeStart` is unavailable.
+*/
+const LIVE_EDGE_OFFSET = 10;
+/**
+* Grace window (in seconds) before `liveEdgeStart` that still counts as
+* "at the live edge". Absorbs the small gap between the player's initial
+* playback position (e.g. hls.js `liveSyncDuration`) and the manifest's
+* `HOLD-BACK`, so autoplay reliably reports live.
+*/
+const LIVE_EDGE_TOLERANCE = 5;
+/**
+* Core state machine for a "Live" button. Indicates whether the player is
+* playing at the live edge and seeks to the Seekable Live Edge when activated.
+*
+* @see https://github.com/video-dev/media-ui-extensions/blob/main/proposals/0007-live-edge.md
+*/
+var LiveButtonCore = class LiveButtonCore {
+	/**
+	* Default visible text. Auto-inserted by `media-live-button` and `<LiveButton>`
+	* when no children are provided. Override globally for i18n:
+	*
+	* ```ts
+	* LiveButtonCore.defaultText = 'En Vivo';
+	* ```
+	*/
+	static defaultText = "Live";
+	static defaultProps = {
+		label: "",
+		disabled: false
+	};
+	state = createState({
+		live: false,
+		liveEdge: false,
+		label: ""
+	});
+	#props = { ...LiveButtonCore.defaultProps };
+	#media = null;
+	constructor(props) {
+		if (props) this.setProps(props);
+	}
+	setProps(props) {
+		this.#props = defaults(props, LiveButtonCore.defaultProps);
+	}
+	getLabel(state) {
+		const { label } = this.#props;
+		if (isFunction(label)) {
+			const customLabel = label(state);
+			if (customLabel) return customLabel;
+		} else if (label) return label;
+		if (state.liveEdge) return "Playing live";
+		return "Seek to live edge";
+	}
+	getAttrs(state) {
+		const inactive = this.#props.disabled || state.liveEdge;
+		return {
+			"aria-label": this.getLabel(state),
+			"aria-disabled": inactive ? "true" : void 0
+		};
+	}
+	setMedia(media) {
+		this.#media = media;
+	}
+	getState() {
+		const media = this.#media;
+		const live = isLiveMedia(media);
+		const liveEdge = live && this.#isAtLiveEdge(media);
+		this.state.patch({
+			live,
+			liveEdge
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
+	}
+	/** Seek to the Seekable Live Edge. No-op when not live or already at edge. */
+	async seekToLive(media) {
+		if (this.#props.disabled) return;
+		if (!isLiveMedia(media)) return;
+		if (this.#isAtLiveEdge(media)) return;
+		const target = liveEdgeTarget(media);
+		if (target == null) return;
+		await media.seek(target);
+	}
+	#isAtLiveEdge(media) {
+		const { currentTime, liveEdgeStart } = media;
+		if (Number.isFinite(liveEdgeStart)) return currentTime >= liveEdgeStart - LIVE_EDGE_TOLERANCE;
+		const target = liveEdgeTarget(media);
+		if (target == null) return false;
+		return currentTime >= target - LIVE_EDGE_OFFSET;
+	}
+};
+function isLiveMedia(media) {
+	return !Number.isNaN(media.targetLiveWindow);
+}
+function liveEdgeTarget(media) {
+	const { seekable } = media;
+	if (seekable.length === 0) return null;
+	const end = seekable[seekable.length - 1][1];
+	return Number.isFinite(end) ? end : null;
+}
+
+//#endregion
+//#region ../core/dist/dev/core/ui/live-button/live-button-data-attrs.js
+const LiveButtonDataAttrs = {
+	live: "data-live",
+	liveEdge: "data-live-edge"
+};
+
+//#endregion
+//#region src/ui/live-button/live-button-element.ts
+/**
+* `<media-live-button>` — selects from `live`, `time`, and `buffer` features
+* and composes them into the `LiveButtonMediaState` consumed by
+* `LiveButtonCore`.
+*
+* Doesn't extend `MediaButtonElement` because that base couples a button to
+* a single feature selector; the LiveButton needs three.
+*/
+var LiveButtonElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.disabled = false;
+		this.label = "";
+		this.core = new LiveButtonCore();
+		this.live = new PlayerController(this, playerContext, selectLive);
+		this.time = new PlayerController(this, playerContext, selectTime);
+		this.buffer = new PlayerController(this, playerContext, selectBuffer);
+		this.#disconnect = null;
+	}
+	static {
+		this.tagName = "media-live-button";
+	}
+	static {
+		this.properties = {
+			label: { type: String },
+			disabled: { type: Boolean }
+		};
+	}
+	get $state() {
+		return this.core.state;
+	}
+	#disconnect;
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.destroyed) return;
+		if (!this.textContent?.trim()) this.textContent = LiveButtonCore.defaultText;
+		this.#disconnect = new AbortController();
+		const buttonProps = createButton({
+			onActivate: () => {
+				const media = this.#getMedia();
+				if (media) this.core.seekToLive(media);
+			},
+			isDisabled: () => this.disabled || !this.#getMedia()
+		});
+		applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });
+		if (!this.#getMedia()) logMissingFeature(this.localName, this.live.displayName ?? "live");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+	}
+	/** Returns the button's current label derived from media state. */
+	getLabel() {
+		return this.core.state.current.label || void 0;
+	}
+	willUpdate(changed) {
+		super.willUpdate(changed);
+		this.core.setProps(this);
+	}
+	update(changed) {
+		super.update(changed);
+		const media = this.#getMedia();
+		if (!media) return;
+		this.core.setMedia(media);
+		const state = this.core.getState();
+		applyElementProps(this, this.core.getAttrs(state));
+		applyStateDataAttrs(this, state, LiveButtonDataAttrs);
+	}
+	/**
+	* Compose the LiveButton media state from the three feature slices.
+	* Returns `null` when any are missing so the button stays disabled until
+	* all three features are registered on the player.
+	*/
+	#getMedia() {
+		const live = this.live.value;
+		const time = this.time.value;
+		const buffer = this.buffer.value;
+		if (!live || !time || !buffer) return null;
+		return {
+			currentTime: time.currentTime,
+			seek: time.seek,
+			seekable: buffer.seekable,
+			liveEdgeStart: live.liveEdgeStart,
+			targetLiveWindow: live.targetLiveWindow
+		};
+	}
+};
+
+//#endregion
+export { LiveButtonElement as t };
+//# sourceMappingURL=live-button-element-BMneBAzX.js.map

package/cdn/live-button-element-BMneBAzX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-button-element-BMneBAzX.js","names":["#props","#media","#isAtLiveEdge","#disconnect","#getMedia"],"sources":["../../core/dist/dev/core/ui/live-button/live-button-core.js","../../core/dist/dev/core/ui/live-button/live-button-data-attrs.js","../src/ui/live-button/live-button-element.ts"],"sourcesContent":["import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/live-button/live-button-core.ts\n/**\n* Fallback offset (in seconds) from the end of the seekable window used to\n* decide \"at live edge\" when `liveEdgeStart` is unavailable.\n*/\nconst LIVE_EDGE_OFFSET = 10;\n/**\n* Grace window (in seconds) before `liveEdgeStart` that still counts as\n* \"at the live edge\". Absorbs the small gap between the player's initial\n* playback position (e.g. hls.js `liveSyncDuration`) and the manifest's\n* `HOLD-BACK`, so autoplay reliably reports live.\n*/\nconst LIVE_EDGE_TOLERANCE = 5;\n/**\n* Core state machine for a \"Live\" button. Indicates whether the player is\n* playing at the live edge and seeks to the Seekable Live Edge when activated.\n*\n* @see https://github.com/video-dev/media-ui-extensions/blob/main/proposals/0007-live-edge.md\n*/\nvar LiveButtonCore = class LiveButtonCore {\n\t/**\n\t* Default visible text. Auto-inserted by `media-live-button` and `<LiveButton>`\n\t* when no children are provided. Override globally for i18n:\n\t*\n\t* ```ts\n\t* LiveButtonCore.defaultText = 'En Vivo';\n\t* ```\n\t*/\n\tstatic defaultText = \"Live\";\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tlive: false,\n\t\tliveEdge: false,\n\t\tlabel: \"\"\n\t});\n\t#props = { ...LiveButtonCore.defaultProps };\n\t#media = null;\n\tconstructor(props) {\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, LiveButtonCore.defaultProps);\n\t}\n\tgetLabel(state) {\n\t\tconst { label } = this.#props;\n\t\tif (isFunction(label)) {\n\t\t\tconst customLabel = label(state);\n\t\t\tif (customLabel) return customLabel;\n\t\t} else if (label) return label;\n\t\tif (state.liveEdge) return \"Playing live\";\n\t\treturn \"Seek to live edge\";\n\t}\n\tgetAttrs(state) {\n\t\tconst inactive = this.#props.disabled || state.liveEdge;\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": inactive ? \"true\" : void 0\n\t\t};\n\t}\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\tgetState() {\n\t\tconst media = this.#media;\n\t\tconst live = isLiveMedia(media);\n\t\tconst liveEdge = live && this.#isAtLiveEdge(media);\n\t\tthis.state.patch({\n\t\t\tlive,\n\t\t\tliveEdge\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\t/** Seek to the Seekable Live Edge. No-op when not live or already at edge. */\n\tasync seekToLive(media) {\n\t\tif (this.#props.disabled) return;\n\t\tif (!isLiveMedia(media)) return;\n\t\tif (this.#isAtLiveEdge(media)) return;\n\t\tconst target = liveEdgeTarget(media);\n\t\tif (target == null) return;\n\t\tawait media.seek(target);\n\t}\n\t#isAtLiveEdge(media) {\n\t\tconst { currentTime, liveEdgeStart } = media;\n\t\tif (Number.isFinite(liveEdgeStart)) return currentTime >= liveEdgeStart - LIVE_EDGE_TOLERANCE;\n\t\tconst target = liveEdgeTarget(media);\n\t\tif (target == null) return false;\n\t\treturn currentTime >= target - LIVE_EDGE_OFFSET;\n\t}\n};\nfunction isLiveMedia(media) {\n\treturn !Number.isNaN(media.targetLiveWindow);\n}\nfunction liveEdgeTarget(media) {\n\tconst { seekable } = media;\n\tif (seekable.length === 0) return null;\n\tconst end = seekable[seekable.length - 1][1];\n\treturn Number.isFinite(end) ? end : null;\n}\n//#endregion\nexport { LiveButtonCore };\n\n//# sourceMappingURL=live-button-core.js.map","//#region src/core/ui/live-button/live-button-data-attrs.ts\nconst LiveButtonDataAttrs = {\n\tlive: \"data-live\",\n\tliveEdge: \"data-live-edge\"\n};\n//#endregion\nexport { LiveButtonDataAttrs };\n\n//# sourceMappingURL=live-button-data-attrs.js.map","import { LiveButtonCore, LiveButtonDataAttrs, type LiveButtonMediaState } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createButton,\n  logMissingFeature,\n  selectBuffer,\n  selectLive,\n  selectTime,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport type { State } from '@videojs/store';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\n/**\n * `<media-live-button>` — selects from `live`, `time`, and `buffer` features\n * and composes them into the `LiveButtonMediaState` consumed by\n * `LiveButtonCore`.\n *\n * Doesn't extend `MediaButtonElement` because that base couples a button to\n * a single feature selector; the LiveButton needs three.\n */\nexport class LiveButtonElement extends MediaElement {\n  static readonly tagName = 'media-live-button';\n\n  static override properties: PropertyDeclarationMap = {\n    label: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  disabled = false;\n  label = '';\n\n  protected readonly core = new LiveButtonCore();\n\n  protected readonly live = new PlayerController(this, playerContext, selectLive);\n  protected readonly time = new PlayerController(this, playerContext, selectTime);\n  protected readonly buffer = new PlayerController(this, playerContext, selectBuffer);\n\n  get $state(): State<LiveButtonCore.State> {\n    return this.core.state;\n  }\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    if (!this.textContent?.trim()) {\n      this.textContent = LiveButtonCore.defaultText;\n    }\n\n    this.#disconnect = new AbortController();\n\n    const buttonProps = createButton({\n      onActivate: () => {\n        const media = this.#getMedia();\n        if (media) this.core.seekToLive(media);\n      },\n      isDisabled: () => this.disabled || !this.#getMedia(),\n    });\n\n    applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });\n\n    if (__DEV__ && !this.#getMedia()) {\n      logMissingFeature(this.localName, this.live.displayName ?? 'live');\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  /** Returns the button's current label derived from media state. */\n  getLabel(): string | undefined {\n    return this.core.state.current.label || undefined;\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.core.setProps(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#getMedia();\n    if (!media) return;\n\n    this.core.setMedia(media);\n    const state = this.core.getState();\n    applyElementProps(this, this.core.getAttrs(state));\n    applyStateDataAttrs(this, state, LiveButtonDataAttrs);\n  }\n\n  /**\n   * Compose the LiveButton media state from the three feature slices.\n   * Returns `null` when any are missing so the button stays disabled until\n   * all three features are registered on the player.\n   */\n  #getMedia(): LiveButtonMediaState | null {\n    const live = this.live.value;\n    const time = this.time.value;\n    const buffer = this.buffer.value;\n    if (!live || !time || !buffer) return null;\n    return {\n      currentTime: time.currentTime,\n      seek: time.seek,\n      seekable: buffer.seekable,\n      liveEdgeStart: live.liveEdgeStart,\n      targetLiveWindow: live.targetLiveWindow,\n    };\n  }\n}\n"],"mappings":"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"}

package/cdn/live-button-element-CPEl1qK3.js

@@ -0,0 +1,2 @@
+import{A as e,M as t,S as n,b as r,v as i,w as a,y as o}from"./compounds-CJ9NGNJr.js";import{E as s,j as c,n as l}from"./create-player-B2W5yr5I.js";import{l as u,t as d}from"./predicate-Dxl3IuYh.js";var f=class e{static defaultText=`Live`;static defaultProps={label:``,disabled:!1};state=s({live:!1,liveEdge:!1,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(n){this.#e=t(n,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(d(t)){let n=t(e);if(n)return n}else if(t)return t;return e.liveEdge?`Playing live`:`Seek to live edge`}getAttrs(e){let t=this.#e.disabled||e.liveEdge;return{"aria-label":this.getLabel(e),"aria-disabled":t?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t,t=p(e),n=t&&this.#n(e);return this.state.patch({live:t,liveEdge:n}),this.state.patch({label:this.getLabel(this.state.current)}),this.state.current}async seekToLive(e){if(this.#e.disabled||!p(e)||this.#n(e))return;let t=m(e);t!=null&&await e.seek(t)}#n(e){let{currentTime:t,liveEdgeStart:n}=e;if(Number.isFinite(n))return t>=n-5;let r=m(e);return r==null?!1:t>=r-10}};function p(e){return!Number.isNaN(e.targetLiveWindow)}function m(e){let{seekable:t}=e;if(t.length===0)return null;let n=t[t.length-1][1];return Number.isFinite(n)?n:null}const h={live:`data-live`,liveEdge:`data-live-edge`};var g=class extends c{constructor(...t){super(...t),this.disabled=!1,this.label=``,this.core=new f,this.live=new l(this,u,a),this.time=new l(this,u,e),this.buffer=new l(this,u,n),this.#e=null}static{this.tagName=`media-live-button`}static{this.properties={label:{type:String},disabled:{type:Boolean}}}get $state(){return this.core.state}#e;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.textContent?.trim()||(this.textContent=f.defaultText),this.#e=new AbortController;let e=r({onActivate:()=>{let e=this.#t();e&&this.core.seekToLive(e)},isDisabled:()=>this.disabled||!this.#t()});o(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}getLabel(){return this.core.state.current.label||void 0}willUpdate(e){super.willUpdate(e),this.core.setProps(this)}update(e){super.update(e);let t=this.#t();if(!t)return;this.core.setMedia(t);let n=this.core.getState();o(this,this.core.getAttrs(n)),i(this,n,h)}#t(){let e=this.live.value,t=this.time.value,n=this.buffer.value;return!e||!t||!n?null:{currentTime:t.currentTime,seek:t.seek,seekable:n.seekable,liveEdgeStart:e.liveEdgeStart,targetLiveWindow:e.targetLiveWindow}}};export{g as t};
+//# sourceMappingURL=live-button-element-CPEl1qK3.js.map

package/cdn/live-button-element-CPEl1qK3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-button-element-CPEl1qK3.js","names":["#props","#media","#isAtLiveEdge","#disconnect","#getMedia"],"sources":["../../core/dist/default/core/ui/live-button/live-button-core.js","../../core/dist/default/core/ui/live-button/live-button-data-attrs.js","../src/ui/live-button/live-button-element.ts"],"sourcesContent":["import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/live-button/live-button-core.ts\n/**\n* Fallback offset (in seconds) from the end of the seekable window used to\n* decide \"at live edge\" when `liveEdgeStart` is unavailable.\n*/\nconst LIVE_EDGE_OFFSET = 10;\n/**\n* Grace window (in seconds) before `liveEdgeStart` that still counts as\n* \"at the live edge\". Absorbs the small gap between the player's initial\n* playback position (e.g. hls.js `liveSyncDuration`) and the manifest's\n* `HOLD-BACK`, so autoplay reliably reports live.\n*/\nconst LIVE_EDGE_TOLERANCE = 5;\n/**\n* Core state machine for a \"Live\" button. Indicates whether the player is\n* playing at the live edge and seeks to the Seekable Live Edge when activated.\n*\n* @see https://github.com/video-dev/media-ui-extensions/blob/main/proposals/0007-live-edge.md\n*/\nvar LiveButtonCore = class LiveButtonCore {\n\t/**\n\t* Default visible text. Auto-inserted by `media-live-button` and `<LiveButton>`\n\t* when no children are provided. Override globally for i18n:\n\t*\n\t* ```ts\n\t* LiveButtonCore.defaultText = 'En Vivo';\n\t* ```\n\t*/\n\tstatic defaultText = \"Live\";\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tlive: false,\n\t\tliveEdge: false,\n\t\tlabel: \"\"\n\t});\n\t#props = { ...LiveButtonCore.defaultProps };\n\t#media = null;\n\tconstructor(props) {\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, LiveButtonCore.defaultProps);\n\t}\n\tgetLabel(state) {\n\t\tconst { label } = this.#props;\n\t\tif (isFunction(label)) {\n\t\t\tconst customLabel = label(state);\n\t\t\tif (customLabel) return customLabel;\n\t\t} else if (label) return label;\n\t\tif (state.liveEdge) return \"Playing live\";\n\t\treturn \"Seek to live edge\";\n\t}\n\tgetAttrs(state) {\n\t\tconst inactive = this.#props.disabled || state.liveEdge;\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": inactive ? \"true\" : void 0\n\t\t};\n\t}\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\tgetState() {\n\t\tconst media = this.#media;\n\t\tconst live = isLiveMedia(media);\n\t\tconst liveEdge = live && this.#isAtLiveEdge(media);\n\t\tthis.state.patch({\n\t\t\tlive,\n\t\t\tliveEdge\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\t/** Seek to the Seekable Live Edge. No-op when not live or already at edge. */\n\tasync seekToLive(media) {\n\t\tif (this.#props.disabled) return;\n\t\tif (!isLiveMedia(media)) return;\n\t\tif (this.#isAtLiveEdge(media)) return;\n\t\tconst target = liveEdgeTarget(media);\n\t\tif (target == null) return;\n\t\tawait media.seek(target);\n\t}\n\t#isAtLiveEdge(media) {\n\t\tconst { currentTime, liveEdgeStart } = media;\n\t\tif (Number.isFinite(liveEdgeStart)) return currentTime >= liveEdgeStart - LIVE_EDGE_TOLERANCE;\n\t\tconst target = liveEdgeTarget(media);\n\t\tif (target == null) return false;\n\t\treturn currentTime >= target - LIVE_EDGE_OFFSET;\n\t}\n};\nfunction isLiveMedia(media) {\n\treturn !Number.isNaN(media.targetLiveWindow);\n}\nfunction liveEdgeTarget(media) {\n\tconst { seekable } = media;\n\tif (seekable.length === 0) return null;\n\tconst end = seekable[seekable.length - 1][1];\n\treturn Number.isFinite(end) ? end : null;\n}\n//#endregion\nexport { LiveButtonCore };\n\n//# sourceMappingURL=live-button-core.js.map","//#region src/core/ui/live-button/live-button-data-attrs.ts\nconst LiveButtonDataAttrs = {\n\tlive: \"data-live\",\n\tliveEdge: \"data-live-edge\"\n};\n//#endregion\nexport { LiveButtonDataAttrs };\n\n//# sourceMappingURL=live-button-data-attrs.js.map","import { LiveButtonCore, LiveButtonDataAttrs, type LiveButtonMediaState } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createButton,\n  logMissingFeature,\n  selectBuffer,\n  selectLive,\n  selectTime,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport type { State } from '@videojs/store';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\n/**\n * `<media-live-button>` — selects from `live`, `time`, and `buffer` features\n * and composes them into the `LiveButtonMediaState` consumed by\n * `LiveButtonCore`.\n *\n * Doesn't extend `MediaButtonElement` because that base couples a button to\n * a single feature selector; the LiveButton needs three.\n */\nexport class LiveButtonElement extends MediaElement {\n  static readonly tagName = 'media-live-button';\n\n  static override properties: PropertyDeclarationMap = {\n    label: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  disabled = false;\n  label = '';\n\n  protected readonly core = new LiveButtonCore();\n\n  protected readonly live = new PlayerController(this, playerContext, selectLive);\n  protected readonly time = new PlayerController(this, playerContext, selectTime);\n  protected readonly buffer = new PlayerController(this, playerContext, selectBuffer);\n\n  get $state(): State<LiveButtonCore.State> {\n    return this.core.state;\n  }\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    if (!this.textContent?.trim()) {\n      this.textContent = LiveButtonCore.defaultText;\n    }\n\n    this.#disconnect = new AbortController();\n\n    const buttonProps = createButton({\n      onActivate: () => {\n        const media = this.#getMedia();\n        if (media) this.core.seekToLive(media);\n      },\n      isDisabled: () => this.disabled || !this.#getMedia(),\n    });\n\n    applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });\n\n    if (__DEV__ && !this.#getMedia()) {\n      logMissingFeature(this.localName, this.live.displayName ?? 'live');\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  /** Returns the button's current label derived from media state. */\n  getLabel(): string | undefined {\n    return this.core.state.current.label || undefined;\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.core.setProps(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#getMedia();\n    if (!media) return;\n\n    this.core.setMedia(media);\n    const state = this.core.getState();\n    applyElementProps(this, this.core.getAttrs(state));\n    applyStateDataAttrs(this, state, LiveButtonDataAttrs);\n  }\n\n  /**\n   * Compose the LiveButton media state from the three feature slices.\n   * Returns `null` when any are missing so the button stays disabled until\n   * all three features are registered on the player.\n   */\n  #getMedia(): LiveButtonMediaState | null {\n    const live = this.live.value;\n    const time = this.time.value;\n    const buffer = this.buffer.value;\n    if (!live || !time || !buffer) return null;\n    return {\n      currentTime: time.currentTime,\n      seek: time.seek,\n      seekable: buffer.seekable,\n      liveEdgeStart: live.liveEdgeStart,\n      targetLiveWindow: live.targetLiveWindow,\n    };\n  }\n}\n"],"mappings":"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"}