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

package/cdn/poster-element-IdY3MYJj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poster-element-IdY3MYJj.js","names":["#props","#clearTimer","#timer","#props","#media","#props","#media","#props","#media","#props","#media","#media","#core","#state","#disconnect"],"sources":["../../core/dist/dev/core/ui/buffering-indicator/buffering-indicator-core.js","../../core/dist/dev/core/ui/buffering-indicator/buffering-indicator-data-attrs.js","../../core/dist/dev/core/ui/captions-button/captions-button-core.js","../../core/dist/dev/core/ui/captions-button/captions-button-data-attrs.js","../../core/dist/dev/core/ui/cast-button/cast-button-core.js","../../core/dist/dev/core/ui/cast-button/cast-button-data-attrs.js","../../core/dist/dev/core/ui/fullscreen-button/fullscreen-button-core.js","../../core/dist/dev/core/ui/fullscreen-button/fullscreen-button-data-attrs.js","../../core/dist/dev/core/ui/pip-button/pip-button-core.js","../../core/dist/dev/core/ui/pip-button/pip-button-data-attrs.js","../../core/dist/dev/core/ui/poster/poster-core.js","../../core/dist/dev/core/ui/poster/poster-data-attrs.js","../src/ui/buffering-indicator/buffering-indicator-element.ts","../src/ui/captions-button/captions-button-element.ts","../src/ui/cast-button/cast-button-element.ts","../src/ui/fullscreen-button/fullscreen-button-element.ts","../src/ui/pip-button/pip-button-element.ts","../src/ui/media-ui-element.ts","../src/ui/poster/poster-element.ts"],"sourcesContent":["import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\n//#region src/core/ui/buffering-indicator/buffering-indicator-core.ts\nvar BufferingIndicatorCore = class BufferingIndicatorCore {\n\tstatic defaultProps = { delay: 500 };\n\tstate = createState({ visible: false });\n\t#props = { ...BufferingIndicatorCore.defaultProps };\n\t#timer = null;\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, BufferingIndicatorCore.defaultProps);\n\t}\n\tdestroy() {\n\t\tthis.#clearTimer();\n\t}\n\tupdate(media) {\n\t\tconst buffering = media.waiting && !media.paused;\n\t\tif (buffering && !this.state.current.visible && !this.#timer) this.#timer = setTimeout(() => {\n\t\t\tthis.#timer = null;\n\t\t\tthis.state.patch({ visible: true });\n\t\t}, this.#props.delay);\n\t\telse if (!buffering) {\n\t\t\tthis.#clearTimer();\n\t\t\tthis.state.patch({ visible: false });\n\t\t}\n\t}\n\t#clearTimer() {\n\t\tif (this.#timer !== null) {\n\t\t\tclearTimeout(this.#timer);\n\t\t\tthis.#timer = null;\n\t\t}\n\t}\n};\n//#endregion\nexport { BufferingIndicatorCore };\n\n//# sourceMappingURL=buffering-indicator-core.js.map","//#region src/core/ui/buffering-indicator/buffering-indicator-data-attrs.ts\nconst BufferingIndicatorDataAttrs = { visible: \"data-visible\" };\n//#endregion\nexport { BufferingIndicatorDataAttrs };\n\n//# sourceMappingURL=buffering-indicator-data-attrs.js.map","import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/captions-button/captions-button-core.ts\nvar CaptionsButtonCore = class CaptionsButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tsubtitlesShowing: false,\n\t\tavailability: \"unavailable\",\n\t\tlabel: \"\"\n\t});\n\t#props = { ...CaptionsButtonCore.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, CaptionsButtonCore.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\treturn state.subtitlesShowing ? \"Disable captions\" : \"Enable captions\";\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": this.#props.disabled ? \"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 availability = media.textTrackList.some((t) => t.kind === \"captions\" || t.kind === \"subtitles\") ? \"available\" : \"unavailable\";\n\t\tthis.state.patch({\n\t\t\tsubtitlesShowing: media.subtitlesShowing,\n\t\t\tavailability\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\ttoggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tmedia.toggleSubtitles();\n\t}\n};\n//#endregion\nexport { CaptionsButtonCore };\n\n//# sourceMappingURL=captions-button-core.js.map","//#region src/core/ui/captions-button/captions-button-data-attrs.ts\nconst CaptionsButtonDataAttrs = {\n\tsubtitlesShowing: \"data-active\",\n\tavailability: \"data-availability\"\n};\n//#endregion\nexport { CaptionsButtonDataAttrs };\n\n//# sourceMappingURL=captions-button-data-attrs.js.map","import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/cast-button/cast-button-core.ts\nvar CastButtonCore = class CastButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tcastState: \"disconnected\",\n\t\tavailability: \"unsupported\",\n\t\tlabel: \"\"\n\t});\n\t#props = { ...CastButtonCore.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, CastButtonCore.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.castState === \"connected\") return \"Stop casting\";\n\t\tif (state.castState === \"connecting\") return \"Connecting\";\n\t\treturn \"Start casting\";\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": this.#props.disabled ? \"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 castSupported = !!globalThis.chrome;\n\t\tthis.state.patch({\n\t\t\tcastState: media.remotePlaybackState,\n\t\t\tavailability: castSupported ? media.remotePlaybackAvailability : \"unsupported\"\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\tasync toggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tif (media.remotePlaybackAvailability !== \"available\") return;\n\t\ttry {\n\t\t\tawait media.toggleRemotePlayback();\n\t\t} catch {}\n\t}\n};\n//#endregion\nexport { CastButtonCore };\n\n//# sourceMappingURL=cast-button-core.js.map","//#region src/core/ui/cast-button/cast-button-data-attrs.ts\nconst CastButtonDataAttrs = {\n\tcastState: \"data-cast-state\",\n\tavailability: \"data-availability\"\n};\n//#endregion\nexport { CastButtonDataAttrs };\n\n//# sourceMappingURL=cast-button-data-attrs.js.map","import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/fullscreen-button/fullscreen-button-core.ts\nvar FullscreenButtonCore = class FullscreenButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tfullscreen: false,\n\t\tavailability: \"available\",\n\t\tlabel: \"\"\n\t});\n\t#props = { ...FullscreenButtonCore.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, FullscreenButtonCore.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\treturn state.fullscreen ? \"Exit fullscreen\" : \"Enter fullscreen\";\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": this.#props.disabled ? \"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\tthis.state.patch({\n\t\t\tfullscreen: media.fullscreen,\n\t\t\tavailability: media.fullscreenAvailability\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\tasync toggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tif (media.fullscreenAvailability !== \"available\") return;\n\t\ttry {\n\t\t\tif (media.fullscreen) await media.exitFullscreen();\n\t\t\telse await media.requestFullscreen();\n\t\t} catch {}\n\t}\n};\n//#endregion\nexport { FullscreenButtonCore };\n\n//# sourceMappingURL=fullscreen-button-core.js.map","//#region src/core/ui/fullscreen-button/fullscreen-button-data-attrs.ts\nconst FullscreenButtonDataAttrs = {\n\tfullscreen: \"data-fullscreen\",\n\tavailability: \"data-availability\"\n};\n//#endregion\nexport { FullscreenButtonDataAttrs };\n\n//# sourceMappingURL=fullscreen-button-data-attrs.js.map","import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/pip-button/pip-button-core.ts\nvar PiPButtonCore = class PiPButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tpip: false,\n\t\tavailability: \"available\",\n\t\tlabel: \"\"\n\t});\n\t#props = { ...PiPButtonCore.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, PiPButtonCore.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\treturn state.pip ? \"Exit picture-in-picture\" : \"Enter picture-in-picture\";\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": this.#props.disabled ? \"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\tthis.state.patch({\n\t\t\tpip: media.pip,\n\t\t\tavailability: media.pipAvailability\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\tasync toggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tif (media.pipAvailability !== \"available\") return;\n\t\ttry {\n\t\t\tif (media.pip) await media.exitPictureInPicture();\n\t\t\telse await media.requestPictureInPicture();\n\t\t} catch {}\n\t}\n};\n//#endregion\nexport { PiPButtonCore };\n\n//# sourceMappingURL=pip-button-core.js.map","//#region src/core/ui/pip-button/pip-button-data-attrs.ts\nconst PiPButtonDataAttrs = {\n\tpip: \"data-pip\",\n\tavailability: \"data-availability\"\n};\n//#endregion\nexport { PiPButtonDataAttrs };\n\n//# sourceMappingURL=pip-button-data-attrs.js.map","//#region src/core/ui/poster/poster-core.ts\nvar PosterCore = class {\n\t#media = null;\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\tgetState() {\n\t\treturn { visible: !this.#media.started };\n\t}\n};\n//#endregion\nexport { PosterCore };\n\n//# sourceMappingURL=poster-core.js.map","//#region src/core/ui/poster/poster-data-attrs.ts\nconst PosterDataAttrs = { visible: \"data-visible\" };\n//#endregion\nexport { PosterDataAttrs };\n\n//# sourceMappingURL=poster-data-attrs.js.map","import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class BufferingIndicatorElement extends MediaElement {\n  static readonly tagName = 'media-buffering-indicator';\n\n  static override properties = {\n    delay: { type: Number },\n  } satisfies PropertyDeclarationMap<keyof BufferingIndicatorCore.Props>;\n\n  delay = BufferingIndicatorCore.defaultProps.delay;\n\n  readonly #core = new BufferingIndicatorCore();\n  readonly #state = new PlayerController(this, playerContext, selectPlayback);\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n\n    this.#core.state.subscribe(() => this.requestUpdate(), {\n      signal: this.#disconnect.signal,\n    });\n\n    if (__DEV__ && !this.#state.value) {\n      logMissingFeature(this.localName, this.#state.displayName!);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\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.#state.value;\n\n    if (!media) return;\n\n    this.#core.update(media);\n    applyStateDataAttrs(this, this.#core.state.current, BufferingIndicatorDataAttrs);\n  }\n}\n","import { CaptionsButtonCore, CaptionsButtonDataAttrs, type MediaTextTrackState } from '@videojs/core';\nimport { selectTextTrack } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class CaptionsButtonElement extends MediaButtonElement<CaptionsButtonCore> {\n  static readonly tagName = 'media-captions-button';\n\n  protected readonly core = new CaptionsButtonCore();\n  protected readonly stateAttrMap = CaptionsButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectTextTrack);\n  protected override readonly hotkeyAction = 'toggleSubtitles';\n\n  protected activate(state: MediaTextTrackState): void {\n    this.core.toggle(state);\n  }\n}\n","import { CastButtonCore, CastButtonDataAttrs, type MediaRemotePlaybackState } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class CastButtonElement extends MediaButtonElement<CastButtonCore> {\n  static readonly tagName = 'media-cast-button';\n\n  protected readonly core = new CastButtonCore();\n  protected readonly stateAttrMap = CastButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectRemotePlayback);\n\n  protected activate(state: MediaRemotePlaybackState): void {\n    this.core.toggle(state);\n  }\n}\n","import { FullscreenButtonCore, FullscreenButtonDataAttrs, type MediaFullscreenState } from '@videojs/core';\nimport { selectFullscreen } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class FullscreenButtonElement extends MediaButtonElement<FullscreenButtonCore> {\n  static readonly tagName = 'media-fullscreen-button';\n\n  protected readonly core = new FullscreenButtonCore();\n  protected readonly stateAttrMap = FullscreenButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectFullscreen);\n  protected override readonly hotkeyAction = 'toggleFullscreen';\n\n  protected activate(state: MediaFullscreenState): void {\n    this.core.toggle(state);\n  }\n}\n","import { type MediaPictureInPictureState, PiPButtonCore, PiPButtonDataAttrs } from '@videojs/core';\nimport { selectPiP } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class PiPButtonElement extends MediaButtonElement<PiPButtonCore> {\n  static readonly tagName = 'media-pip-button';\n\n  protected readonly core = new PiPButtonCore();\n  protected readonly stateAttrMap = PiPButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPiP);\n  protected override readonly hotkeyAction = 'togglePictureInPicture';\n\n  protected activate(state: MediaPictureInPictureState): void {\n    this.core.toggle(state);\n  }\n}\n","import type { InferComponentState, InferMediaState, MediaUIComponent, StateAttrMap } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\n\nimport type { PlayerController } from '../player/player-controller';\nimport { MediaElement } from './media-element';\n\n/** Abstract base for HTML custom elements that display media state with data attributes. */\nexport abstract class MediaUIElement<Core extends MediaUIComponent> extends MediaElement {\n  protected abstract readonly core: Core;\n  protected abstract readonly stateAttrMap: StateAttrMap<InferComponentState<Core>>;\n  protected abstract readonly mediaState: PlayerController<any, InferMediaState<Core> | undefined>;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (__DEV__ && !this.mediaState.value && this.mediaState.displayName) {\n      logMissingFeature(this.localName, this.mediaState.displayName);\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.mediaState.value;\n\n    if (!media) return;\n\n    this.core.setMedia(media);\n    const state = this.core.getState();\n    applyStateDataAttrs(this, state, this.stateAttrMap);\n  }\n}\n","import { PosterCore, PosterDataAttrs } from '@videojs/core';\nimport { selectPlayback } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaUIElement } from '../media-ui-element';\n\nexport class PosterElement extends MediaUIElement<PosterCore> {\n  static readonly tagName = 'media-poster';\n\n  protected readonly core = new PosterCore();\n  protected readonly stateAttrMap = PosterDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPlayback);\n}\n"],"mappings":"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"}

package/cdn/{predicate-BOcV_HDG.js → predicate-Dqd8wbW6.js}

@@ -104,6 +104,9 @@ const containerContext = createContext(CONTAINER_CONTEXT_KEY);
 
 //#endregion
 //#region ../utils/dist/predicate/predicate.js
+function isString(value) {
+	return typeof value === "string";
+}
 function isNumber(value) {
 	return typeof value === "number";
 }
@@ -124,5 +127,5 @@ function isObject(value) {
 }
 
 //#endregion
-export { isUndefined as a, playerContext as c, safeDefine as d, isObject as i, createContext as l, isNull as n, containerContext as o, isNumber as r, mediaContext as s, isFunction as t, ContextRequestEvent as u };
-//# sourceMappingURL=predicate-BOcV_HDG.js.map
+export { isString as a, mediaContext as c, ContextRequestEvent as d, safeDefine as f, isObject as i, playerContext as l, isNull as n, isUndefined as o, isNumber as r, containerContext as s, isFunction as t, createContext as u };
+//# sourceMappingURL=predicate-Dqd8wbW6.js.map

package/cdn/predicate-Dqd8wbW6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"predicate-Dqd8wbW6.js","names":[],"sources":["../src/define/safe-define.ts","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/development/lib/context-request-event.js","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/development/lib/create-context.js","../src/player/context.ts","../../utils/dist/predicate/predicate.js"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n/**\n * An event fired by a context requester to signal it desires a specified context with the given key.\n *\n * A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n *\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * method to the callback which consumers can invoke to indicate they no longer wish to receive these updates.\n *\n * If no `subscribe` value is present in the event, then the provider can assume that this is a 'one time'\n * request for the context and can therefore not track the consumer.\n */\nexport class ContextRequestEvent extends Event {\n    /**\n     *\n     * @param context the context key to request\n     * @param contextTarget the original context target of the requester\n     * @param callback the callback that should be invoked when the context with the specified key is available\n     * @param subscribe when, true indicates we want to subscribe to future updates\n     */\n    constructor(context, contextTarget, callback, subscribe) {\n        super('context-request', { bubbles: true, composed: true });\n        this.context = context;\n        this.contextTarget = contextTarget;\n        this.callback = callback;\n        this.subscribe = subscribe ?? false;\n    }\n}\n//# sourceMappingURL=context-request-event.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n/**\n * Creates a typed Context.\n *\n * Contexts are compared with strict equality.\n *\n * If you want two separate `createContext()` calls to referer to the same\n * context, then use a key that will by equal under strict equality like a\n * string for `Symbol.for()`:\n *\n * ```ts\n * // true\n * createContext('my-context') === createContext('my-context')\n * // true\n * createContext(Symbol.for('my-context')) === createContext(Symbol.for('my-context'))\n * ```\n *\n * If you want a context to be unique so that it's guaranteed to not collide\n * with other contexts, use a key that's unique under strict equality, like\n * a `Symbol()` or object.:\n *\n * ```\n * // false\n * createContext({}) === createContext({})\n * // false\n * createContext(Symbol('my-context')) === createContext(Symbol('my-context'))\n * ```\n *\n * @param key a context key value\n * @template ValueType the type of value that can be provided by this context.\n * @returns the context key value cast to `Context<K, ValueType>`\n */\nexport function createContext(key) {\n    return key;\n}\n//# sourceMappingURL=create-context.js.map","import type { AnyPlayerStore, Media, MediaContainer, PlayerStore, PopupGroup } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  setMedia: (media: Media | null) => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  setContainer: (container: MediaContainer | null) => void;\n  popupGroup?: PopupGroup;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n","//#region src/predicate/predicate.ts\nfunction isString(value) {\n\treturn typeof value === \"string\";\n}\nfunction isNumber(value) {\n\treturn typeof value === \"number\";\n}\nfunction isBoolean(value) {\n\treturn typeof value === \"boolean\";\n}\nfunction isFunction(value) {\n\treturn typeof value === \"function\";\n}\nfunction isNull(value) {\n\treturn value === null;\n}\nfunction isUndefined(value) {\n\treturn typeof value === \"undefined\";\n}\nfunction isNil(value) {\n\treturn value == null;\n}\nfunction isPromise(value) {\n\treturn value instanceof Promise;\n}\n/**\n* Check if a value is an object, excluding null.\n*/\nfunction isObject(value) {\n\treturn value !== null && typeof value === \"object\";\n}\n/**\n* Check if a value is a plain object (not a class instance like Date, Map, etc).\n*/\nfunction isPlainObject(value) {\n\tif (!isObject(value)) return false;\n\tconst proto = Object.getPrototypeOf(value);\n\treturn proto === null || proto === Object.prototype;\n}\n/**\n* Check if a value is an AbortError.\n*/\nfunction isAbortError(value) {\n\treturn value instanceof Error && value.name === \"AbortError\";\n}\n//#endregion\nexport { isAbortError, isBoolean, isFunction, isNil, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined };\n\n//# sourceMappingURL=predicate.js.map"],"x_google_ignoreList":[1,2],"mappings":";;AAGA,SAAgB,WAAW,SAAiC;CAC1D,MAAM,WAAW,WAAW;AAC5B,KAAI,CAAC,YAAY,SAAS,IAAI,QAAQ,QAAQ,CAAE;AAEhD,UAAS,OAAO,QAAQ,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;ACW3C,IAAa,sBAAb,cAAyC,MAAM;;;;;;;;CAQ3C,YAAY,SAAS,eAAe,UAAU,WAAW;AACrD,QAAM,mBAAmB;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC;AAC3D,OAAK,UAAU;AACf,OAAK,gBAAgB;AACrB,OAAK,WAAW;AAChB,OAAK,YAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACKtC,SAAgB,cAAc,KAAK;AAC/B,QAAO;;;;;AC7BX,MAAa,qBAAqB,OAAO,IAAI,kBAAkB;;;;;;AAc/D,MAAa,gBAAgB,cAA6D,mBAAmB;AAM7G,MAAa,oBAAoB,OAAO,IAAI,iBAAiB;AAS7D,MAAa,eAAe,cAA2D,kBAAkB;AAMzG,MAAa,wBAAwB,OAAO,IAAI,qBAAqB;AAYrE,MAAa,mBAAmB,cAC9B,sBACD;;;;ACxDD,SAAS,SAAS,OAAO;AACxB,QAAO,OAAO,UAAU;;AAEzB,SAAS,SAAS,OAAO;AACxB,QAAO,OAAO,UAAU;;AAKzB,SAAS,WAAW,OAAO;AAC1B,QAAO,OAAO,UAAU;;AAEzB,SAAS,OAAO,OAAO;AACtB,QAAO,UAAU;;AAElB,SAAS,YAAY,OAAO;AAC3B,QAAO,OAAO,UAAU;;;;;AAWzB,SAAS,SAAS,OAAO;AACxB,QAAO,UAAU,QAAQ,OAAO,UAAU"}

package/cdn/{predicate-Cad5WV4q.js → predicate-Dxl3IuYh.js}

@@ -10,5 +10,5 @@ var t=class extends Event{constructor(e,t,n,r){super(`context-request`,{bubbles:
 * Copyright 2021 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
-function n(e){return e}const r=n(Symbol.for(`@videojs/player`)),i=n(Symbol.for(`@videojs/media`)),a=n(Symbol.for(`@videojs/container`));function o(e){return typeof e==`number`}function s(e){return typeof e==`function`}function c(e){return e===null}function l(e){return e===void 0}function u(e){return typeof e==`object`&&!!e}export{l as a,r as c,e as d,u as i,n as l,c as n,a as o,o as r,i as s,s as t,t as u};
-//# sourceMappingURL=predicate-Cad5WV4q.js.map
+function n(e){return e}const r=n(Symbol.for(`@videojs/player`)),i=n(Symbol.for(`@videojs/media`)),a=n(Symbol.for(`@videojs/container`));function o(e){return typeof e==`string`}function s(e){return typeof e==`number`}function c(e){return typeof e==`function`}function l(e){return e===null}function u(e){return e===void 0}function d(e){return typeof e==`object`&&!!e}export{o as a,i as c,t as d,e as f,d as i,r as l,l as n,u as o,s as r,a as s,c as t,n as u};
+//# sourceMappingURL=predicate-Dxl3IuYh.js.map

package/cdn/predicate-Dxl3IuYh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"predicate-Dxl3IuYh.js","names":["createContext"],"sources":["../src/define/safe-define.ts","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/context-request-event.js","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/create-context.js","../src/player/context.ts","../../utils/dist/predicate/predicate.js"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nclass s extends Event{constructor(s,t,e,o){super(\"context-request\",{bubbles:!0,composed:!0}),this.context=s,this.contextTarget=t,this.callback=e,this.subscribe=o??!1}}export{s as ContextRequestEvent};\n//# sourceMappingURL=context-request-event.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n){return n}export{n as createContext};\n//# sourceMappingURL=create-context.js.map\n","import type { AnyPlayerStore, Media, MediaContainer, PlayerStore, PopupGroup } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  setMedia: (media: Media | null) => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  setContainer: (container: MediaContainer | null) => void;\n  popupGroup?: PopupGroup;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n","//#region src/predicate/predicate.ts\nfunction isString(value) {\n\treturn typeof value === \"string\";\n}\nfunction isNumber(value) {\n\treturn typeof value === \"number\";\n}\nfunction isBoolean(value) {\n\treturn typeof value === \"boolean\";\n}\nfunction isFunction(value) {\n\treturn typeof value === \"function\";\n}\nfunction isNull(value) {\n\treturn value === null;\n}\nfunction isUndefined(value) {\n\treturn typeof value === \"undefined\";\n}\nfunction isNil(value) {\n\treturn value == null;\n}\nfunction isPromise(value) {\n\treturn value instanceof Promise;\n}\n/**\n* Check if a value is an object, excluding null.\n*/\nfunction isObject(value) {\n\treturn value !== null && typeof value === \"object\";\n}\n/**\n* Check if a value is a plain object (not a class instance like Date, Map, etc).\n*/\nfunction isPlainObject(value) {\n\tif (!isObject(value)) return false;\n\tconst proto = Object.getPrototypeOf(value);\n\treturn proto === null || proto === Object.prototype;\n}\n/**\n* Check if a value is an AbortError.\n*/\nfunction isAbortError(value) {\n\treturn value instanceof Error && value.name === \"AbortError\";\n}\n//#endregion\nexport { isAbortError, isBoolean, isFunction, isNil, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined };\n\n//# sourceMappingURL=predicate.js.map"],"x_google_ignoreList":[1,2],"mappings":"AAGA,SAAgB,EAAW,EAAiC,CAC1D,IAAM,EAAW,WAAW,eACxB,CAAC,GAAY,EAAS,IAAI,EAAQ,QAAQ,EAE9C,EAAS,OAAO,EAAQ,QAAS,EAAQ;;;;;;ACF3C,IAAM,EAAN,cAAgB,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,GAAG,CAAC;;;;;;ACApK,SAAS,EAAE,EAAE,CAAC,OAAO,ECiBrB,MAAa,EAAgBA,EAdK,OAAO,IAAI,kBAAkB,CAc8C,CAehG,EAAeA,EATK,OAAO,IAAI,iBAAiB,CAS4C,CAkB5F,EAAmBA,EAZK,OAAO,IAAI,qBAAqB,CAcpE,CCxDD,SAAS,EAAS,EAAO,CACxB,OAAO,OAAO,GAAU,SAEzB,SAAS,EAAS,EAAO,CACxB,OAAO,OAAO,GAAU,SAKzB,SAAS,EAAW,EAAO,CAC1B,OAAO,OAAO,GAAU,WAEzB,SAAS,EAAO,EAAO,CACtB,OAAO,IAAU,KAElB,SAAS,EAAY,EAAO,CAC3B,OAAc,IAAU,OAWzB,SAAS,EAAS,EAAO,CACxB,OAAyB,OAAO,GAAU,YAAnC"}

package/cdn/seek-button-element-BkC8xrVR.js

@@ -0,0 +1,394 @@
+import { N as defaults, O as selectPlaybackRate, _ as MediaButtonElement, b as applyElementProps, d as MenuRadioItemElement, f as MenuRadioGroupElement, j as selectTime, m as MenuElement, p as MenuItemIndicatorElement, v as applyStateDataAttrs, 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, o as isUndefined, t as isFunction } from "./predicate-Dqd8wbW6.js";
+
+//#region ../core/dist/dev/core/ui/playback-rate-menu/playback-rate-menu-core.js
+function formatPlaybackRate(rate) {
+	return `${rate}×`;
+}
+var PlaybackRateMenuCore = class PlaybackRateMenuCore {
+	static defaultProps = {
+		label: "",
+		formatRate: formatPlaybackRate,
+		disabled: false
+	};
+	state = createState({
+		rate: 1,
+		rates: [],
+		disabled: false,
+		label: ""
+	});
+	#props = { ...PlaybackRateMenuCore.defaultProps };
+	#media = null;
+	constructor(props) {
+		if (props) this.setProps(props);
+	}
+	setProps(props) {
+		this.#props = defaults(props, PlaybackRateMenuCore.defaultProps);
+	}
+	getLabel(state) {
+		const { label } = this.#props;
+		if (isFunction(label)) {
+			const customLabel = label(state);
+			if (customLabel) return customLabel;
+		} else if (label) return label;
+		return `Playback rate ${state.rate}`;
+	}
+	getRateLabel(rate) {
+		return this.#props.formatRate(rate);
+	}
+	getRateValue(rate) {
+		return String(rate);
+	}
+	getAttrs(state) {
+		return {
+			"aria-label": this.getLabel(state),
+			"aria-disabled": state.disabled ? "true" : void 0
+		};
+	}
+	setMedia(media) {
+		this.#media = media;
+	}
+	getState() {
+		const media = this.#media;
+		this.state.patch({
+			rate: media.playbackRate,
+			rates: media.playbackRates,
+			disabled: this.#props.disabled || media.playbackRates.length === 0
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
+	}
+	select(media, rate) {
+		if (this.#props.disabled) return;
+		if (!media.playbackRates.includes(rate)) return;
+		media.setPlaybackRate(rate);
+	}
+	selectValue(media, value) {
+		const rate = media.playbackRates.find((candidate) => this.getRateValue(candidate) === value);
+		if (isUndefined(rate)) return;
+		this.select(media, rate);
+	}
+};
+
+//#endregion
+//#region ../core/dist/dev/core/ui/playback-rate-menu/playback-rate-menu-data-attrs.js
+const PlaybackRateMenuDataAttrs = {
+	rate: "data-rate",
+	disabled: "data-disabled"
+};
+
+//#endregion
+//#region ../core/dist/dev/core/ui/seek-button/seek-button-core.js
+var SeekButtonCore = class SeekButtonCore {
+	static defaultProps = {
+		seconds: 30,
+		label: "",
+		disabled: false
+	};
+	state = createState({
+		seeking: false,
+		direction: "forward",
+		label: ""
+	});
+	#props = { ...SeekButtonCore.defaultProps };
+	#media = null;
+	constructor(props) {
+		if (props) this.setProps(props);
+	}
+	setProps(props) {
+		this.#props = defaults(props, SeekButtonCore.defaultProps);
+	}
+	getLabel(state) {
+		const { label } = this.#props;
+		if (isFunction(label)) {
+			const customLabel = label(state);
+			if (customLabel) return customLabel;
+		} else if (label) return label;
+		const abs = Math.abs(this.#props.seconds);
+		return state.direction === "backward" ? `Seek backward ${abs} seconds` : `Seek forward ${abs} seconds`;
+	}
+	getAttrs(state) {
+		return {
+			"aria-label": this.getLabel(state),
+			"aria-disabled": this.#props.disabled ? "true" : void 0
+		};
+	}
+	setMedia(media) {
+		this.#media = media;
+	}
+	getState() {
+		const media = this.#media;
+		const direction = this.#props.seconds < 0 ? "backward" : "forward";
+		this.state.patch({
+			seeking: media.seeking,
+			direction
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
+	}
+	async seek(media) {
+		if (this.#props.disabled) return;
+		await media.seek(media.currentTime + this.#props.seconds);
+	}
+};
+
+//#endregion
+//#region ../core/dist/dev/core/ui/seek-button/seek-button-data-attrs.js
+const SeekButtonDataAttrs = {
+	seeking: "data-seeking",
+	direction: "data-direction"
+};
+
+//#endregion
+//#region src/ui/playback-rate-menu/playback-rate-menu-element.ts
+var PlaybackRateMenuElement = class extends MenuElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.disabled = false;
+		this.align = "center";
+		this.formatRate = PlaybackRateMenuCore.defaultProps.formatRate;
+		this.#core = new PlaybackRateMenuCore();
+		this.#mediaState = new PlayerController(this, playerContext, selectPlaybackRate);
+	}
+	static {
+		this.tagName = "media-playback-rate-menu";
+	}
+	static {
+		this.properties = {
+			...MenuElement.properties,
+			label: { type: String },
+			disabled: { type: Boolean }
+		};
+	}
+	#core;
+	#mediaState;
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.destroyed) return;
+		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
+	}
+	update(changed) {
+		super.update(changed);
+		const media = this.#mediaState.value;
+		if (!media) return;
+		this.#core.setProps(this);
+		this.#core.setMedia(media);
+		const state = this.#core.getState();
+		applyElementProps(this, this.#core.getAttrs(state));
+		applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);
+	}
+};
+
+//#endregion
+//#region src/ui/playback-rate-menu/playback-rate-menu-trigger-element.ts
+var PlaybackRateMenuTriggerElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.disabled = false;
+		this.commandfor = void 0;
+		this.formatRate = PlaybackRateMenuCore.defaultProps.formatRate;
+		this.#core = new PlaybackRateMenuCore();
+		this.#mediaState = new PlayerController(this, playerContext, selectPlaybackRate);
+		this.#disconnect = null;
+		this.#handleClick = (event) => {
+			if (this.#mediaState.value && !this.#core.state.current.disabled) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		};
+		this.#handleKeyDown = (event) => {
+			if (event.target !== event.currentTarget) return;
+			if (!this.#mediaState.value || this.#core.state.current.disabled) {
+				if (event.key !== "Tab") event.preventDefault();
+				return;
+			}
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				this.click();
+			}
+		};
+	}
+	static {
+		this.tagName = "media-playback-rate-menu-trigger";
+	}
+	static {
+		this.properties = {
+			label: { type: String },
+			disabled: { type: Boolean },
+			commandfor: { type: String }
+		};
+	}
+	#core;
+	#mediaState;
+	#disconnect;
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.destroyed) return;
+		this.#disconnect = new AbortController();
+		applyElementProps(this, {
+			onClick: this.#handleClick,
+			onKeyDown: this.#handleKeyDown
+		}, { signal: this.#disconnect.signal });
+		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+	}
+	/** Returns the trigger's current label derived from media state. */
+	getLabel() {
+		return this.#core.state.current.label || void 0;
+	}
+	update(changed) {
+		super.update(changed);
+		const media = this.#mediaState.value;
+		if (!media) return;
+		this.#core.setProps(this);
+		this.#core.setMedia(media);
+		const state = this.#core.getState();
+		applyElementProps(this, {
+			role: "button",
+			tabIndex: 0,
+			...this.#core.getAttrs(state)
+		});
+		applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);
+	}
+	#handleClick;
+	#handleKeyDown;
+};
+
+//#endregion
+//#region src/ui/playback-rate-menu/playback-rate-options-element.ts
+var PlaybackRateOptionsElement = class extends MenuRadioGroupElement {
+	constructor(..._args) {
+		super(..._args);
+		this.disabled = false;
+		this.formatRate = PlaybackRateMenuCore.defaultProps.formatRate;
+		this.#core = new PlaybackRateMenuCore();
+		this.#mediaState = new PlayerController(this, playerContext, selectPlaybackRate);
+		this.#ratesKey = "";
+		this.#disconnect = null;
+		this.#handleValueChange = (event) => {
+			if (event.target !== this) return;
+			const media = this.#mediaState.value;
+			if (!media) return;
+			const { value } = event.detail;
+			this.#core.selectValue(media, value);
+		};
+	}
+	static {
+		this.tagName = "media-playback-rate-options";
+	}
+	static {
+		this.properties = {
+			...MenuRadioGroupElement.properties,
+			disabled: { type: Boolean }
+		};
+	}
+	#core;
+	#mediaState;
+	#ratesKey;
+	#disconnect;
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.destroyed) return;
+		this.#disconnect = new AbortController();
+		this.addEventListener("value-change", this.#handleValueChange, { signal: this.#disconnect.signal });
+		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+	}
+	update(changed) {
+		const media = this.#mediaState.value;
+		let state = null;
+		if (media) {
+			this.#core.setProps({
+				formatRate: this.formatRate,
+				disabled: this.disabled
+			});
+			this.#core.setMedia(media);
+			state = this.#core.getState();
+			this.value = this.#core.getRateValue(state.rate);
+			this.label = this.label || "Playback rate";
+			this.#syncContent(state);
+		}
+		super.update(changed);
+		if (state) applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);
+	}
+	#syncContent(state) {
+		const template = this.#getTemplate();
+		const templateKey = template?.innerHTML ?? "";
+		const ratesKey = `${state.rates.join("|")}::${templateKey}`;
+		if (ratesKey !== this.#ratesKey) {
+			this.#ratesKey = ratesKey;
+			for (const child of [...this.children]) {
+				if (child instanceof HTMLTemplateElement) continue;
+				child.remove();
+			}
+			this.append(...state.rates.map((rate) => this.#createItem(rate, template)));
+		}
+		for (const item of this.querySelectorAll(MenuRadioItemElement.tagName)) {
+			const checked = item.value === this.value;
+			item.disabled = state.disabled;
+			for (const indicator of item.querySelectorAll(MenuItemIndicatorElement.tagName)) indicator.checked = checked;
+		}
+	}
+	#createItem(rate, template) {
+		const item = this.#createItemFromTemplate(template);
+		const value = this.#core.getRateValue(rate);
+		item.value = value;
+		item.setAttribute("data-rate", value);
+		this.#setLabel(item, this.#core.getRateLabel(rate));
+		return item;
+	}
+	#createItemFromTemplate(template) {
+		if (!template) return document.createElement(MenuRadioItemElement.tagName);
+		const root = template.content.cloneNode(true).firstElementChild;
+		if (!root || root.localName !== MenuRadioItemElement.tagName || root.nextElementSibling) return document.createElement(MenuRadioItemElement.tagName);
+		return root;
+	}
+	#setLabel(item, label) {
+		const labelPart = item.querySelector("[data-part~=\"label\"]");
+		if (labelPart) labelPart.textContent = label;
+		else item.textContent = label;
+	}
+	#getTemplate() {
+		for (const child of this.children) if (child instanceof HTMLTemplateElement) return child;
+		return null;
+	}
+	#handleValueChange;
+};
+
+//#endregion
+//#region src/ui/seek-button/seek-button-element.ts
+var SeekButtonElement = class extends MediaButtonElement {
+	constructor(..._args) {
+		super(..._args);
+		this.seconds = SeekButtonCore.defaultProps.seconds;
+		this.core = new SeekButtonCore();
+		this.stateAttrMap = SeekButtonDataAttrs;
+		this.mediaState = new PlayerController(this, playerContext, selectTime);
+	}
+	static {
+		this.tagName = "media-seek-button";
+	}
+	static {
+		this.properties = {
+			...MediaButtonElement.properties,
+			seconds: { type: Number }
+		};
+	}
+	activate(state) {
+		this.core.seek(state);
+	}
+};
+
+//#endregion
+export { PlaybackRateMenuElement as i, PlaybackRateOptionsElement as n, PlaybackRateMenuTriggerElement as r, SeekButtonElement as t };
+//# sourceMappingURL=seek-button-element-BkC8xrVR.js.map

package/cdn/seek-button-element-BkC8xrVR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seek-button-element-BkC8xrVR.js","names":["#props","#media","#props","#media","#core","#mediaState","#mediaState","#core","#disconnect","#handleClick","#handleKeyDown","#mediaState","#core","#disconnect","#handleValueChange","#syncContent","#getTemplate","#ratesKey","#createItem","#createItemFromTemplate","#setLabel"],"sources":["../../core/dist/dev/core/ui/playback-rate-menu/playback-rate-menu-core.js","../../core/dist/dev/core/ui/playback-rate-menu/playback-rate-menu-data-attrs.js","../../core/dist/dev/core/ui/seek-button/seek-button-core.js","../../core/dist/dev/core/ui/seek-button/seek-button-data-attrs.js","../src/ui/playback-rate-menu/playback-rate-menu-element.ts","../src/ui/playback-rate-menu/playback-rate-menu-trigger-element.ts","../src/ui/playback-rate-menu/playback-rate-options-element.ts","../src/ui/seek-button/seek-button-element.ts"],"sourcesContent":["import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction, isUndefined } from \"@videojs/utils/predicate\";\n//#region src/core/ui/playback-rate-menu/playback-rate-menu-core.ts\nfunction formatPlaybackRate(rate) {\n\treturn `${rate}×`;\n}\nvar PlaybackRateMenuCore = class PlaybackRateMenuCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tformatRate: formatPlaybackRate,\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\trate: 1,\n\t\trates: [],\n\t\tdisabled: false,\n\t\tlabel: \"\"\n\t});\n\t#props = { ...PlaybackRateMenuCore.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, PlaybackRateMenuCore.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\treturn `Playback rate ${state.rate}`;\n\t}\n\tgetRateLabel(rate) {\n\t\treturn this.#props.formatRate(rate);\n\t}\n\tgetRateValue(rate) {\n\t\treturn String(rate);\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": state.disabled ? \"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\tthis.state.patch({\n\t\t\trate: media.playbackRate,\n\t\t\trates: media.playbackRates,\n\t\t\tdisabled: this.#props.disabled || media.playbackRates.length === 0\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\tselect(media, rate) {\n\t\tif (this.#props.disabled) return;\n\t\tif (!media.playbackRates.includes(rate)) return;\n\t\tmedia.setPlaybackRate(rate);\n\t}\n\tselectValue(media, value) {\n\t\tconst rate = media.playbackRates.find((candidate) => this.getRateValue(candidate) === value);\n\t\tif (isUndefined(rate)) return;\n\t\tthis.select(media, rate);\n\t}\n};\n//#endregion\nexport { PlaybackRateMenuCore };\n\n//# sourceMappingURL=playback-rate-menu-core.js.map","//#region src/core/ui/playback-rate-menu/playback-rate-menu-data-attrs.ts\nconst PlaybackRateMenuDataAttrs = {\n\trate: \"data-rate\",\n\tdisabled: \"data-disabled\"\n};\n//#endregion\nexport { PlaybackRateMenuDataAttrs };\n\n//# sourceMappingURL=playback-rate-menu-data-attrs.js.map","import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n//#region src/core/ui/seek-button/seek-button-core.ts\nvar SeekButtonCore = class SeekButtonCore {\n\tstatic defaultProps = {\n\t\tseconds: 30,\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\tstate = createState({\n\t\tseeking: false,\n\t\tdirection: \"forward\",\n\t\tlabel: \"\"\n\t});\n\t#props = { ...SeekButtonCore.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, SeekButtonCore.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\tconst abs = Math.abs(this.#props.seconds);\n\t\treturn state.direction === \"backward\" ? `Seek backward ${abs} seconds` : `Seek forward ${abs} seconds`;\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-disabled\": this.#props.disabled ? \"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 direction = this.#props.seconds < 0 ? \"backward\" : \"forward\";\n\t\tthis.state.patch({\n\t\t\tseeking: media.seeking,\n\t\t\tdirection\n\t\t});\n\t\tthis.state.patch({ label: this.getLabel(this.state.current) });\n\t\treturn this.state.current;\n\t}\n\tasync seek(media) {\n\t\tif (this.#props.disabled) return;\n\t\tawait media.seek(media.currentTime + this.#props.seconds);\n\t}\n};\n//#endregion\nexport { SeekButtonCore };\n\n//# sourceMappingURL=seek-button-core.js.map","//#region src/core/ui/seek-button/seek-button-data-attrs.ts\nconst SeekButtonDataAttrs = {\n\tseeking: \"data-seeking\",\n\tdirection: \"data-direction\"\n};\n//#endregion\nexport { SeekButtonDataAttrs };\n\n//# sourceMappingURL=seek-button-data-attrs.js.map","import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MenuElement } from '../menu/menu-element';\n\nexport class PlaybackRateMenuElement extends MenuElement {\n  static override readonly tagName = 'media-playback-rate-menu';\n\n  static override properties = {\n    ...MenuElement.properties,\n    label: { type: String },\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<\n    | 'open'\n    | 'defaultOpen'\n    | 'side'\n    | 'align'\n    | 'closeOnEscape'\n    | 'closeOnOutsideClick'\n    | 'boundary'\n    | 'label'\n    | 'disabled'\n  >;\n\n  label = '';\n  disabled = false;\n  override align: MenuElement['align'] = 'center';\n  formatRate = PlaybackRateMenuCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateMenuCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#mediaState.value;\n    if (!media) return;\n\n    this.#core.setProps(this);\n    this.#core.setMedia(media);\n    const state = this.#core.getState();\n\n    applyElementProps(this, this.#core.getAttrs(state));\n    applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);\n  }\n}\n\nexport namespace PlaybackRateMenuElement {\n  export type State = PlaybackRateMenuCore.State;\n}\n","import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class PlaybackRateMenuTriggerElement extends MediaElement {\n  static readonly tagName = 'media-playback-rate-menu-trigger';\n\n  static override properties = {\n    label: { type: String },\n    disabled: { type: Boolean },\n    commandfor: { type: String },\n  } satisfies PropertyDeclarationMap<'label' | 'disabled' | 'commandfor'>;\n\n  label = '';\n  disabled = false;\n  commandfor: string | undefined = undefined;\n  formatRate = PlaybackRateMenuCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateMenuCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n    applyElementProps(\n      this,\n      {\n        onClick: this.#handleClick,\n        onKeyDown: this.#handleKeyDown,\n      },\n      { signal: this.#disconnect.signal }\n    );\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  /** Returns the trigger's current label derived from media state. */\n  getLabel(): string | undefined {\n    return this.#core.state.current.label || undefined;\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#mediaState.value;\n    if (!media) return;\n\n    this.#core.setProps(this);\n    this.#core.setMedia(media);\n    const state = this.#core.getState();\n\n    applyElementProps(this, {\n      role: 'button',\n      tabIndex: 0,\n      ...this.#core.getAttrs(state),\n    });\n    applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);\n  }\n\n  #handleClick = (event: MouseEvent): void => {\n    if (this.#mediaState.value && !this.#core.state.current.disabled) return;\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  };\n\n  #handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.target !== event.currentTarget) return;\n\n    if (!this.#mediaState.value || this.#core.state.current.disabled) {\n      if (event.key !== 'Tab') event.preventDefault();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.click();\n    }\n  };\n}\n\nexport namespace PlaybackRateMenuTriggerElement {\n  export type State = PlaybackRateMenuCore.State;\n}\n","import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MenuItemIndicatorElement } from '../menu/menu-item-indicator-element';\nimport { MenuRadioGroupElement } from '../menu/menu-radio-group-element';\nimport { MenuRadioItemElement } from '../menu/menu-radio-item-element';\n\nexport class PlaybackRateOptionsElement extends MenuRadioGroupElement {\n  static override readonly tagName = 'media-playback-rate-options';\n\n  static override properties = {\n    ...MenuRadioGroupElement.properties,\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'value' | 'label' | 'disabled'>;\n\n  disabled = false;\n  formatRate = PlaybackRateMenuCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateMenuCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n  #ratesKey = '';\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n    this.addEventListener('value-change', this.#handleValueChange, { signal: this.#disconnect.signal });\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  protected override update(changed: PropertyValues): void {\n    const media = this.#mediaState.value;\n    let state: PlaybackRateMenuCore.State | null = null;\n\n    if (media) {\n      this.#core.setProps({ formatRate: this.formatRate, disabled: this.disabled });\n      this.#core.setMedia(media);\n      state = this.#core.getState();\n\n      this.value = this.#core.getRateValue(state.rate);\n      this.label = this.label || 'Playback rate';\n      this.#syncContent(state);\n    }\n\n    super.update(changed);\n\n    if (state) applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);\n  }\n\n  #syncContent(state: PlaybackRateMenuCore.State): void {\n    const template = this.#getTemplate();\n    const templateKey = template?.innerHTML ?? '';\n    const ratesKey = `${state.rates.join('|')}::${templateKey}`;\n\n    if (ratesKey !== this.#ratesKey) {\n      this.#ratesKey = ratesKey;\n\n      for (const child of [...this.children]) {\n        if (child instanceof HTMLTemplateElement) continue;\n        child.remove();\n      }\n\n      this.append(...state.rates.map((rate) => this.#createItem(rate, template)));\n    }\n\n    for (const item of this.querySelectorAll<MenuRadioItemElement>(MenuRadioItemElement.tagName)) {\n      const checked = item.value === this.value;\n\n      item.disabled = state.disabled;\n\n      for (const indicator of item.querySelectorAll<MenuItemIndicatorElement>(MenuItemIndicatorElement.tagName)) {\n        indicator.checked = checked;\n      }\n    }\n  }\n\n  #createItem(rate: number, template: HTMLTemplateElement | null): MenuRadioItemElement {\n    const item = this.#createItemFromTemplate(template);\n    const value = this.#core.getRateValue(rate);\n\n    item.value = value;\n    item.setAttribute('data-rate', value);\n    this.#setLabel(item, this.#core.getRateLabel(rate));\n\n    return item;\n  }\n\n  #createItemFromTemplate(template: HTMLTemplateElement | null): MenuRadioItemElement {\n    if (!template) return document.createElement(MenuRadioItemElement.tagName) as MenuRadioItemElement;\n\n    const fragment = template.content.cloneNode(true) as DocumentFragment;\n    const root = fragment.firstElementChild;\n\n    if (!root || root.localName !== MenuRadioItemElement.tagName || root.nextElementSibling) {\n      return document.createElement(MenuRadioItemElement.tagName) as MenuRadioItemElement;\n    }\n\n    return root as MenuRadioItemElement;\n  }\n\n  #setLabel(item: MenuRadioItemElement, label: string): void {\n    const labelPart = item.querySelector<HTMLElement>('[data-part~=\"label\"]');\n\n    if (labelPart) {\n      labelPart.textContent = label;\n    } else {\n      item.textContent = label;\n    }\n  }\n\n  #getTemplate(): HTMLTemplateElement | null {\n    for (const child of this.children) {\n      if (child instanceof HTMLTemplateElement) return child;\n    }\n\n    return null;\n  }\n\n  #handleValueChange = (event: Event): void => {\n    if (event.target !== this) return;\n\n    const media = this.#mediaState.value;\n    if (!media) return;\n\n    const { value } = (event as CustomEvent<{ value: string }>).detail;\n    this.#core.selectValue(media, value);\n  };\n}\n\nexport namespace PlaybackRateOptionsElement {\n  export type State = PlaybackRateMenuCore.State;\n}\n","import { type MediaTimeState, SeekButtonCore, SeekButtonDataAttrs } from '@videojs/core';\nimport { selectTime } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class SeekButtonElement extends MediaButtonElement<SeekButtonCore> {\n  static readonly tagName = 'media-seek-button';\n\n  static override properties: PropertyDeclarationMap = {\n    ...MediaButtonElement.properties,\n    seconds: { type: Number },\n  };\n\n  seconds = SeekButtonCore.defaultProps.seconds;\n\n  protected readonly core = new SeekButtonCore();\n  protected readonly stateAttrMap = SeekButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectTime);\n\n  protected activate(state: MediaTimeState): void {\n    this.core.seek(state);\n  }\n}\n"],"mappings":"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"}

package/cdn/seek-button-element-C0uAXebE.js

@@ -0,0 +1,2 @@
+import{A as e,D as t,M as n,_ as r,d as i,f as a,m as o,p as s,v as c,y as l}from"./compounds-CJ9NGNJr.js";import{E as u,j as d,n as f}from"./create-player-B2W5yr5I.js";import{l as p,o as m,t as h}from"./predicate-Dxl3IuYh.js";function g(e){return`${e}×`}var _=class e{static defaultProps={label:``,formatRate:g,disabled:!1};state=u({rate:1,rates:[],disabled:!1,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=n(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(h(t)){let n=t(e);if(n)return n}else if(t)return t;return`Playback rate ${e.rate}`}getRateLabel(e){return this.#e.formatRate(e)}getRateValue(e){return String(e)}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return this.state.patch({rate:e.playbackRate,rates:e.playbackRates,disabled:this.#e.disabled||e.playbackRates.length===0}),this.state.patch({label:this.getLabel(this.state.current)}),this.state.current}select(e,t){this.#e.disabled||e.playbackRates.includes(t)&&e.setPlaybackRate(t)}selectValue(e,t){let n=e.playbackRates.find(e=>this.getRateValue(e)===t);m(n)||this.select(e,n)}};const v={rate:`data-rate`,disabled:`data-disabled`};var y=class e{static defaultProps={seconds:30,label:``,disabled:!1};state=u({seeking:!1,direction:`forward`,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=n(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(h(t)){let n=t(e);if(n)return n}else if(t)return t;let n=Math.abs(this.#e.seconds);return e.direction===`backward`?`Seek backward ${n} seconds`:`Seek forward ${n} seconds`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t,t=this.#e.seconds<0?`backward`:`forward`;return this.state.patch({seeking:e.seeking,direction:t}),this.state.patch({label:this.getLabel(this.state.current)}),this.state.current}async seek(e){this.#e.disabled||await e.seek(e.currentTime+this.#e.seconds)}};const b={seeking:`data-seeking`,direction:`data-direction`};var x=class extends o{constructor(...e){super(...e),this.label=``,this.disabled=!1,this.align=`center`,this.formatRate=_.defaultProps.formatRate,this.#e=new _,this.#t=new f(this,p,t)}static{this.tagName=`media-playback-rate-menu`}static{this.properties={...o.properties,label:{type:String},disabled:{type:Boolean}}}#e;#t;connectedCallback(){super.connectedCallback(),this.destroyed}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setProps(this),this.#e.setMedia(t);let n=this.#e.getState();l(this,this.#e.getAttrs(n)),c(this,n,v)}},S=class extends d{constructor(...e){super(...e),this.label=``,this.disabled=!1,this.commandfor=void 0,this.formatRate=_.defaultProps.formatRate,this.#e=new _,this.#t=new f(this,p,t),this.#n=null,this.#r=e=>{this.#t.value&&!this.#e.state.current.disabled||(e.preventDefault(),e.stopImmediatePropagation())},this.#i=e=>{if(e.target===e.currentTarget){if(!this.#t.value||this.#e.state.current.disabled){e.key!==`Tab`&&e.preventDefault();return}(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.click())}}}static{this.tagName=`media-playback-rate-menu-trigger`}static{this.properties={label:{type:String},disabled:{type:Boolean},commandfor:{type:String}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#n=new AbortController,l(this,{onClick:this.#r,onKeyDown:this.#i},{signal:this.#n.signal}))}disconnectedCallback(){super.disconnectedCallback(),this.#n?.abort(),this.#n=null}getLabel(){return this.#e.state.current.label||void 0}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setProps(this),this.#e.setMedia(t);let n=this.#e.getState();l(this,{role:`button`,tabIndex:0,...this.#e.getAttrs(n)}),c(this,n,v)}#r;#i},C=class extends a{constructor(...e){super(...e),this.disabled=!1,this.formatRate=_.defaultProps.formatRate,this.#e=new _,this.#t=new f(this,p,t),this.#n=``,this.#r=null,this.#l=e=>{if(e.target!==this)return;let t=this.#t.value;if(!t)return;let{value:n}=e.detail;this.#e.selectValue(t,n)}}static{this.tagName=`media-playback-rate-options`}static{this.properties={...a.properties,disabled:{type:Boolean}}}#e;#t;#n;#r;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#r=new AbortController,this.addEventListener(`value-change`,this.#l,{signal:this.#r.signal}))}disconnectedCallback(){super.disconnectedCallback(),this.#r?.abort(),this.#r=null}update(e){let t=this.#t.value,n=null;t&&(this.#e.setProps({formatRate:this.formatRate,disabled:this.disabled}),this.#e.setMedia(t),n=this.#e.getState(),this.value=this.#e.getRateValue(n.rate),this.label=this.label||`Playback rate`,this.#i(n)),super.update(e),n&&c(this,n,v)}#i(e){let t=this.#c(),n=t?.innerHTML??``,r=`${e.rates.join(`|`)}::${n}`;if(r!==this.#n){this.#n=r;for(let e of[...this.children])e instanceof HTMLTemplateElement||e.remove();this.append(...e.rates.map(e=>this.#a(e,t)))}for(let t of this.querySelectorAll(i.tagName)){let n=t.value===this.value;t.disabled=e.disabled;for(let e of t.querySelectorAll(s.tagName))e.checked=n}}#a(e,t){let n=this.#o(t),r=this.#e.getRateValue(e);return n.value=r,n.setAttribute(`data-rate`,r),this.#s(n,this.#e.getRateLabel(e)),n}#o(e){if(!e)return document.createElement(i.tagName);let t=e.content.cloneNode(!0).firstElementChild;return!t||t.localName!==i.tagName||t.nextElementSibling?document.createElement(i.tagName):t}#s(e,t){let n=e.querySelector(`[data-part~="label"]`);n?n.textContent=t:e.textContent=t}#c(){for(let e of this.children)if(e instanceof HTMLTemplateElement)return e;return null}#l},w=class extends r{constructor(...t){super(...t),this.seconds=y.defaultProps.seconds,this.core=new y,this.stateAttrMap=b,this.mediaState=new f(this,p,e)}static{this.tagName=`media-seek-button`}static{this.properties={...r.properties,seconds:{type:Number}}}activate(e){this.core.seek(e)}};export{x as i,C as n,S as r,w as t};
+//# sourceMappingURL=seek-button-element-C0uAXebE.js.map