npm - @videojs/html - Versions diffs - 10.0.0-beta.1 → 10.0.0-beta.10 - Mend

@videojs/html 10.0.0-beta.1 → 10.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (410) hide show

package/cdn/volume-slider-Pd0AMTCH.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"volume-slider-Pd0AMTCH.js","names":["rootStyles","sharedStyles","#props","#clearTimer","#timer","#props","#media","#media","#props","#media","#props","#media","#props","#media","#props","#media","#props","#media","#props","#input","#media","#props","#media","#props","#input","#props","#media","#getSeconds","#getText","#getPhrase","#getDatetime","#props","#media","#props","#input","#props","#isOpen","#lastCloseTime","#media","#disconnect","#core","#disconnect","#popover","#snapshot","#cleanupPositioning","#cleanupTrigger","#findTrigger","#syncTrigger","#currentTrigger","#syncPositioning","#triggerAbort","#positionAbort","#positionTrigger","#positionFrame","#resizeObserver","#core","#state","#signSpan","#textNode","createContext","ContextConsumer","ContextConsumer","#ctx","ContextConsumer","#resizeObserver","#width","#applyPosition","#ctx","ContextConsumer","#disconnect","#thumbPropsApplied","#core","#img","#textTracks","#externalThumbnails","#api","#thumbnails","#lastTextTrack","#resetStyles","#applyResize","#ctx","ContextConsumer","ContextConsumer","#ctx","ContextConsumer","#core","#provider","ContextProvider","#timeState","#bufferState","#disconnect","#slider","createContext","#core","#groupConsumer","ContextConsumer","#disconnect","#tooltip","#snapshot","#cleanupPositioning","#cleanupTrigger","#findTrigger","#syncTrigger","#currentTrigger","#syncPositioning","#triggerAbort","#positionAbort","#positionTrigger","#positionFrame","#resizeObserver","#core","#provider","ContextProvider","#core","#provider","ContextProvider","#volumeState","#disconnect","#slider","#setVolume"],"sources":["../../utils/dist/object/defaults.js","../../utils/dist/dom/direction.js","../inline-css:src/define/base.js","../inline-css:src/define/shared.js","../src/define/skin-mixin.ts","../src/define/media/container.ts","../../core/dist/default/core/ui/transition.js","../../core/dist/default/core/ui/buffering-indicator/buffering-indicator-core.js","../../core/dist/default/core/ui/buffering-indicator/buffering-indicator-data-attrs.js","../../core/dist/default/core/ui/captions-button/captions-button-core.js","../../core/dist/default/core/ui/captions-button/captions-button-data-attrs.js","../../core/dist/default/core/ui/controls/controls-core.js","../../core/dist/default/core/ui/controls/controls-data-attrs.js","../../core/dist/default/core/ui/fullscreen-button/fullscreen-button-core.js","../../core/dist/default/core/ui/fullscreen-button/fullscreen-button-data-attrs.js","../../core/dist/default/core/ui/mute-button/mute-button-core.js","../../core/dist/default/core/ui/mute-button/mute-button-data-attrs.js","../../core/dist/default/core/ui/pip-button/pip-button-core.js","../../core/dist/default/core/ui/pip-button/pip-button-data-attrs.js","../../core/dist/default/core/ui/play-button/play-button-core.js","../../core/dist/default/core/ui/play-button/play-button-data-attrs.js","../../core/dist/default/core/ui/playback-rate-button/playback-rate-button-core.js","../../core/dist/default/core/ui/playback-rate-button/playback-rate-button-data-attrs.js","../../core/dist/default/core/ui/popover/popover-core.js","../../core/dist/default/core/ui/popover/popover-data-attrs.js","../../core/dist/default/core/ui/poster/poster-core.js","../../core/dist/default/core/ui/poster/poster-data-attrs.js","../../core/dist/default/core/ui/seek-button/seek-button-core.js","../../core/dist/default/core/ui/seek-button/seek-button-data-attrs.js","../../core/dist/default/core/ui/slider/slider-core.js","../../core/dist/default/core/ui/slider/slider-data-attrs.js","../../core/dist/default/core/ui/thumbnail/thumbnail-data-attrs.js","../../core/dist/default/core/ui/thumbnail/thumbnail-media-fragment.js","../../utils/dist/time/format.js","../../core/dist/default/core/ui/time/time-core.js","../../core/dist/default/core/ui/time/time-data-attrs.js","../../core/dist/default/core/ui/time-slider/time-slider-core.js","../../core/dist/default/core/ui/time-slider/time-slider-data-attrs.js","../../core/dist/default/core/ui/tooltip/tooltip-core.js","../../core/dist/default/core/ui/tooltip/tooltip-css-vars.js","../../core/dist/default/core/ui/tooltip/tooltip-data-attrs.js","../../core/dist/default/core/ui/tooltip/tooltip-group-core.js","../../core/dist/default/core/ui/volume-slider/volume-slider-core.js","../../core/dist/default/core/ui/volume-slider/volume-slider-data-attrs.js","../src/ui/media-button-element.ts","../src/ui/context-part-element.ts","../src/ui/mute-button/mute-button-element.ts","../src/define/ui/mute-button.ts","../src/ui/play-button/play-button-element.ts","../src/define/ui/play-button.ts","../src/ui/playback-rate-button/playback-rate-button-element.ts","../src/define/ui/playback-rate-button.ts","../src/ui/popover/popover-element.ts","../src/define/ui/popover.ts","../src/ui/seek-button/seek-button-element.ts","../src/define/ui/seek-button.ts","../src/ui/time/time-element.ts","../src/ui/time/time-group-element.ts","../src/ui/time/time-separator-element.ts","../src/define/ui/time.ts","../src/ui/slider/context.ts","../src/ui/slider/slider-buffer-element.ts","../src/ui/slider/slider-fill-element.ts","../src/ui/slider/slider-preview-element.ts","../src/ui/slider/slider-thumb-element.ts","../src/ui/thumbnail/thumbnail-element.ts","../src/ui/slider/slider-thumbnail-element.ts","../src/ui/slider/slider-track-element.ts","../src/ui/slider/slider-value-element.ts","../src/ui/time-slider/time-slider-element.ts","../src/define/ui/time-slider.ts","../src/ui/tooltip/context.ts","../src/ui/tooltip/tooltip-element.ts","../src/define/ui/tooltip.ts","../src/ui/tooltip/tooltip-group-element.ts","../src/define/ui/tooltip-group.ts","../src/ui/volume-slider/volume-slider-element.ts","../src/define/ui/volume-slider.ts"],"sourcesContent":["import { isUndefined } from \"../predicate/predicate.js\";\n\n//#region src/object/defaults.ts\n/**\n* Creates a new object with default values filled in for undefined properties.\n*\n* @example\n* ```ts\n* const props = { label: undefined, disabled: true };\n* const defaultProps = { label: '', disabled: false };\n* defaults(props, defaultProps); // { label: '', disabled: true }\n* ```\n*/\nfunction defaults(object, defaultValues) {\n\tconst result = { ...defaultValues };\n\tfor (const key in object) if (!isUndefined(object[key])) result[key] = object[key];\n\treturn result;\n}\n\n//#endregion\nexport { defaults };\n//# sourceMappingURL=defaults.js.map","//#region src/dom/direction.ts\n/** Check whether an element's text direction is right-to-left. */\nfunction isRTL(element) {\n\tconst dir = element.closest(\"[dir]\")?.getAttribute(\"dir\");\n\tif (dir) return dir.toLowerCase() === \"rtl\";\n\treturn getComputedStyle(element).direction === \"rtl\";\n}\n\n//#endregion\nexport { isRTL };\n//# sourceMappingURL=direction.js.map","export default \"video-player{display:contents}video-player video,video-player [slot=poster]{width:100%;height:100%;display:block}video-player video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration,0) ease-out;transition-delay:var(--media-caption-track-delay,0);translate:0 var(--media-caption-track-y,0);z-index:1;font-family:inherit;scale:.98}\";","export default \"media-tooltip-group{display:contents}:host{display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}\";","import type { ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\nimport rootStyles from './base.css?inline';\nimport sharedStyles from './shared.css?inline';\n\nconst STYLES_ID = '__media-styles';\n\nfunction ensureRootStyles(): void {\n if (document.getElementById(STYLES_ID)) return;\n const style = document.createElement('style');\n style.id = STYLES_ID;\n style.textContent = rootStyles;\n document.head.appendChild(style);\n}\n\nconst sharedSheet = new CSSStyleSheet();\nsharedSheet.replaceSync(sharedStyles);\n\n/**\n * Mixin for skin elements that renders the template from a static\n * `getTemplateHTML` method into a shadow root. Native `<slot>` elements\n * handle light DOM projection automatically.\n *\n * When `static styles` is set, the stylesheet is adopted into the\n * shadow root via `adoptedStyleSheets`.\n */\nexport function SkinMixin<Base extends Constructor<ReactiveElement>>(\n BaseClass: Base\n): Base & { shadowRootOptions: ShadowRootInit; styles?: CSSStyleSheet } {\n class SkinElement extends (BaseClass as Constructor<ReactiveElement>) {\n static shadowRootOptions: ShadowRootInit = { mode: 'open' };\n static styles?: CSSStyleSheet;\n\n constructor(...args: any[]) {\n super(...args);\n\n ensureRootStyles();\n\n if (!this.shadowRoot) {\n const ctor = this.constructor as typeof SkinElement & { getTemplateHTML?: () => string };\n this.attachShadow(ctor.shadowRootOptions);\n\n const sheets: CSSStyleSheet[] = [sharedSheet];\n if (ctor.styles) {\n sheets.push(ctor.styles);\n }\n this.shadowRoot!.adoptedStyleSheets = sheets;\n\n if (ctor.getTemplateHTML) {\n this.shadowRoot!.innerHTML = ctor.getTemplateHTML();\n }\n }\n }\n }\n\n return SkinElement as unknown as Base & { shadowRootOptions: ShadowRootInit; styles?: CSSStyleSheet };\n}\n\n/** Create a shared `CSSStyleSheet` from a CSS string. */\nexport function createStyles(css: string): CSSStyleSheet {\n const sheet = new CSSStyleSheet();\n sheet.replaceSync(css);\n return sheet;\n}\n","import { MediaContainerElement } from '../../media/container-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [MediaContainerElement.tagName]: MediaContainerElement;\n }\n}\n","//#region src/core/ui/transition.ts\nfunction getTransitionFlags(status) {\n\treturn {\n\t\ttransitionStarting: status === \"starting\",\n\t\ttransitionEnding: status === \"ending\"\n\t};\n}\n\n//#endregion\nexport { getTransitionFlags };\n//# sourceMappingURL=transition.js.map","import { createState } from \"@videojs/store\";\nimport { defaults } from \"@videojs/utils/object\";\n\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\n//#endregion\nexport { BufferingIndicatorCore };\n//# sourceMappingURL=buffering-indicator-core.js.map","//#region src/core/ui/buffering-indicator/buffering-indicator-data-attrs.ts\nconst BufferingIndicatorDataAttrs = { visible: \"data-visible\" };\n\n//#endregion\nexport { BufferingIndicatorDataAttrs };\n//# sourceMappingURL=buffering-indicator-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\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\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\treturn {\n\t\t\tsubtitlesShowing: media.subtitlesShowing,\n\t\t\tavailability: media.textTrackList.some((t) => t.kind === \"captions\" || t.kind === \"subtitles\") ? \"available\" : \"unavailable\"\n\t\t};\n\t}\n\ttoggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tmedia.toggleSubtitles();\n\t}\n};\n\n//#endregion\nexport { CaptionsButtonCore };\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\n//#endregion\nexport { CaptionsButtonDataAttrs };\n//# sourceMappingURL=captions-button-data-attrs.js.map","//#region src/core/ui/controls/controls-core.ts\nvar ControlsCore = class {\n\t#media = null;\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\tgetState() {\n\t\tconst media = this.#media;\n\t\treturn {\n\t\t\tvisible: media.controlsVisible,\n\t\t\tuserActive: media.userActive\n\t\t};\n\t}\n};\n\n//#endregion\nexport { ControlsCore };\n//# sourceMappingURL=controls-core.js.map","//#region src/core/ui/controls/controls-data-attrs.ts\nconst ControlsDataAttrs = {\n\tvisible: \"data-visible\",\n\tuserActive: \"data-user-active\"\n};\n\n//#endregion\nexport { ControlsDataAttrs };\n//# sourceMappingURL=controls-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\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\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\treturn {\n\t\t\tfullscreen: media.fullscreen,\n\t\t\tavailability: media.fullscreenAvailability\n\t\t};\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\n//#endregion\nexport { FullscreenButtonCore };\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\n//#endregion\nexport { FullscreenButtonDataAttrs };\n//# sourceMappingURL=fullscreen-button-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\n//#region src/core/ui/mute-button/mute-button-core.ts\nvar MuteButtonCore = class MuteButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\t#props = { ...MuteButtonCore.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, MuteButtonCore.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.muted ? \"Unmute\" : \"Mute\";\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\treturn {\n\t\t\tmuted: media.muted || media.volume === 0,\n\t\t\tvolumeLevel: getVolumeLevel(media)\n\t\t};\n\t}\n\ttoggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tmedia.toggleMuted();\n\t}\n};\nfunction getVolumeLevel(media) {\n\tif (media.muted || media.volume === 0) return \"off\";\n\tif (media.volume < .5) return \"low\";\n\tif (media.volume < .75) return \"medium\";\n\treturn \"high\";\n}\n\n//#endregion\nexport { MuteButtonCore };\n//# sourceMappingURL=mute-button-core.js.map","//#region src/core/ui/mute-button/mute-button-data-attrs.ts\nconst MuteButtonDataAttrs = {\n\tmuted: \"data-muted\",\n\tvolumeLevel: \"data-volume-level\"\n};\n\n//#endregion\nexport { MuteButtonDataAttrs };\n//# sourceMappingURL=mute-button-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\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\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\treturn {\n\t\t\tpip: media.pip,\n\t\t\tavailability: media.pipAvailability\n\t\t};\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\n//#endregion\nexport { PiPButtonCore };\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\n//#endregion\nexport { PiPButtonDataAttrs };\n//# sourceMappingURL=pip-button-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\n//#region src/core/ui/play-button/play-button-core.ts\nvar PlayButtonCore = class PlayButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\t#props = { ...PlayButtonCore.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, PlayButtonCore.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.ended) return \"Replay\";\n\t\treturn state.paused ? \"Play\" : \"Pause\";\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\treturn {\n\t\t\tpaused: media.paused,\n\t\t\tended: media.ended,\n\t\t\tstarted: media.started\n\t\t};\n\t}\n\tasync toggle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tif (media.paused || media.ended) return media.play();\n\t\tmedia.pause();\n\t}\n};\n\n//#endregion\nexport { PlayButtonCore };\n//# sourceMappingURL=play-button-core.js.map","//#region src/core/ui/play-button/play-button-data-attrs.ts\nconst PlayButtonDataAttrs = {\n\tpaused: \"data-paused\",\n\tended: \"data-ended\",\n\tstarted: \"data-started\"\n};\n\n//#endregion\nexport { PlayButtonDataAttrs };\n//# sourceMappingURL=play-button-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\n//#region src/core/ui/playback-rate-button/playback-rate-button-core.ts\nvar PlaybackRateButtonCore = class PlaybackRateButtonCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tdisabled: false\n\t};\n\t#props = { ...PlaybackRateButtonCore.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, PlaybackRateButtonCore.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\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\treturn { rate: this.#media.playbackRate };\n\t}\n\tcycle(media) {\n\t\tif (this.#props.disabled) return;\n\t\tconst { playbackRates, playbackRate } = media;\n\t\tif (playbackRates.length === 0) return;\n\t\tconst idx = playbackRates.indexOf(playbackRate);\n\t\tconst next = idx === -1 ? playbackRates.find((r) => r > playbackRate) ?? playbackRates[0] : playbackRates[(idx + 1) % playbackRates.length];\n\t\tmedia.setPlaybackRate(next);\n\t}\n};\n\n//#endregion\nexport { PlaybackRateButtonCore };\n//# sourceMappingURL=playback-rate-button-core.js.map","//#region src/core/ui/playback-rate-button/playback-rate-button-data-attrs.ts\nconst PlaybackRateButtonDataAttrs = { rate: \"data-rate\" };\n\n//#endregion\nexport { PlaybackRateButtonDataAttrs };\n//# sourceMappingURL=playback-rate-button-data-attrs.js.map","import { getTransitionFlags } from \"../transition.js\";\nimport { defaults } from \"@videojs/utils/object\";\n\n//#region src/core/ui/popover/popover-core.ts\nvar PopoverCore = class PopoverCore {\n\tstatic defaultProps = {\n\t\tside: \"top\",\n\t\talign: \"center\",\n\t\tmodal: false,\n\t\tcloseOnEscape: true,\n\t\tcloseOnOutsideClick: true,\n\t\topen: false,\n\t\tdefaultOpen: false,\n\t\topenOnHover: false,\n\t\tdelay: 300,\n\t\tcloseDelay: 0\n\t};\n\t#props = { ...PopoverCore.defaultProps };\n\tconstructor(props) {\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, PopoverCore.defaultProps);\n\t}\n\t#input = null;\n\tsetInput(input) {\n\t\tthis.#input = input;\n\t}\n\tgetState() {\n\t\tconst input = this.#input;\n\t\treturn {\n\t\t\topen: input.active,\n\t\t\tstatus: input.status,\n\t\t\tside: this.#props.side,\n\t\t\talign: this.#props.align,\n\t\t\tmodal: this.#props.modal,\n\t\t\t...getTransitionFlags(input.status)\n\t\t};\n\t}\n\tgetTriggerAttrs(state, popupId) {\n\t\treturn {\n\t\t\t\"aria-expanded\": state.open ? \"true\" : \"false\",\n\t\t\t\"aria-haspopup\": \"dialog\",\n\t\t\t\"aria-controls\": popupId\n\t\t};\n\t}\n\tgetPopupAttrs(state) {\n\t\treturn {\n\t\t\tpopover: \"manual\",\n\t\t\trole: \"dialog\",\n\t\t\t\"aria-modal\": state.modal === true ? \"true\" : void 0\n\t\t};\n\t}\n};\n\n//#endregion\nexport { PopoverCore };\n//# sourceMappingURL=popover-core.js.map","//#region src/core/ui/popover/popover-data-attrs.ts\nconst PopoverDataAttrs = {\n\topen: \"data-open\",\n\tside: \"data-side\",\n\talign: \"data-align\",\n\ttransitionStarting: \"data-starting-style\",\n\ttransitionEnding: \"data-ending-style\"\n};\n\n//#endregion\nexport { PopoverDataAttrs };\n//# sourceMappingURL=popover-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\n//#endregion\nexport { PosterCore };\n//# sourceMappingURL=poster-core.js.map","//#region src/core/ui/poster/poster-data-attrs.ts\nconst PosterDataAttrs = { visible: \"data-visible\" };\n\n//#endregion\nexport { PosterDataAttrs };\n//# sourceMappingURL=poster-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\n\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\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\treturn {\n\t\t\tseeking: this.#media.seeking,\n\t\t\tdirection: this.#props.seconds < 0 ? \"backward\" : \"forward\"\n\t\t};\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\n//#endregion\nexport { SeekButtonCore };\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\n//#endregion\nexport { SeekButtonDataAttrs };\n//# sourceMappingURL=seek-button-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\nimport { clamp, roundToStep } from \"@videojs/utils/number\";\n\n//#region src/core/ui/slider/slider-core.ts\n/** Base slider logic: value mapping, ARIA attrs, and step calculations. */\nvar SliderCore = class SliderCore {\n\tstatic defaultProps = {\n\t\tlabel: \"\",\n\t\tstep: 1,\n\t\tlargeStep: 10,\n\t\torientation: \"horizontal\",\n\t\tdisabled: false,\n\t\tthumbAlignment: \"center\",\n\t\tvalue: 0,\n\t\tmin: 0,\n\t\tmax: 100\n\t};\n\tstatic defaultInput = {\n\t\tpointerPercent: 0,\n\t\tdragPercent: 0,\n\t\tdragging: false,\n\t\tpointing: false,\n\t\tfocused: false\n\t};\n\t#props = { ...SliderCore.defaultProps };\n\t#input = { ...SliderCore.defaultInput };\n\tget props() {\n\t\treturn this.#props;\n\t}\n\tget input() {\n\t\treturn this.#input;\n\t}\n\tconstructor(props) {\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, SliderCore.defaultProps);\n\t}\n\tsetInput(input) {\n\t\tthis.#input = input;\n\t}\n\tgetSliderState(value) {\n\t\tconst { orientation, disabled, thumbAlignment } = this.#props;\n\t\tconst { pointerPercent, dragging, pointing, focused } = this.#input;\n\t\treturn {\n\t\t\tvalue,\n\t\t\tfillPercent: this.percentFromValue(value),\n\t\t\tpointerPercent,\n\t\t\tdragging,\n\t\t\tpointing,\n\t\t\tinteractive: dragging || pointing || focused,\n\t\t\torientation,\n\t\t\tdisabled,\n\t\t\tthumbAlignment\n\t\t};\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 \"\";\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\trole: \"slider\",\n\t\t\ttabIndex: state.disabled ? -1 : 0,\n\t\t\tautoComplete: \"off\",\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-valuemin\": this.#props.min,\n\t\t\t\"aria-valuemax\": this.#props.max,\n\t\t\t\"aria-valuenow\": state.value,\n\t\t\t\"aria-orientation\": state.orientation,\n\t\t\t\"aria-disabled\": state.disabled ? \"true\" : void 0\n\t\t};\n\t}\n\tvalueFromPercent(percent) {\n\t\tconst { min, max, step } = this.#props;\n\t\treturn roundToStep(clamp(min + percent / 100 * (max - min), min, max), step, min);\n\t}\n\t/** Convert percent to a clamped value without applying step rounding. */\n\trawValueFromPercent(percent) {\n\t\tconst { min, max } = this.#props;\n\t\treturn clamp(min + percent / 100 * (max - min), min, max);\n\t}\n\tpercentFromValue(value) {\n\t\tconst { min, max } = this.#props;\n\t\tif (max === min) return 0;\n\t\treturn (value - min) / (max - min) * 100;\n\t}\n\t/** Step as a percentage of the slider range. */\n\tgetStepPercent() {\n\t\tconst { step, min, max } = this.#props;\n\t\tconst range = max - min;\n\t\treturn range > 0 ? step / range * 100 : 0;\n\t}\n\t/** Large step as a percentage of the slider range. */\n\tgetLargeStepPercent() {\n\t\tconst { largeStep, min, max } = this.#props;\n\t\tconst range = max - min;\n\t\treturn range > 0 ? largeStep / range * 100 : 0;\n\t}\n\tadjustPercentForAlignment(rawPercent, thumbSize, trackSize) {\n\t\tif (this.#props.thumbAlignment === \"center\" || trackSize === 0) return rawPercent;\n\t\tconst thumbHalf = thumbSize / trackSize * 100 / 2;\n\t\tconst minPercent = thumbHalf;\n\t\tconst maxPercent = 100 - thumbHalf;\n\t\treturn minPercent + rawPercent / 100 * (maxPercent - minPercent);\n\t}\n};\n\n//#endregion\nexport { SliderCore };\n//# sourceMappingURL=slider-core.js.map","//#region src/core/ui/slider/slider-data-attrs.ts\nconst SliderDataAttrs = {\n\tdragging: \"data-dragging\",\n\tpointing: \"data-pointing\",\n\tinteractive: \"data-interactive\",\n\torientation: \"data-orientation\",\n\tdisabled: \"data-disabled\"\n};\n\n//#endregion\nexport { SliderDataAttrs };\n//# sourceMappingURL=slider-data-attrs.js.map","//#region src/core/ui/thumbnail/thumbnail-data-attrs.ts\nconst ThumbnailDataAttrs = {\n\tloading: \"data-loading\",\n\terror: \"data-error\",\n\thidden: \"data-hidden\"\n};\n\n//#endregion\nexport { ThumbnailDataAttrs };\n//# sourceMappingURL=thumbnail-data-attrs.js.map","import { isNumber } from \"@videojs/utils/predicate\";\n\n//#region src/core/ui/thumbnail/thumbnail-media-fragment.ts\n/** Parse `url#xywh=x,y,w,h` into a URL and optional sprite coordinates. */\nfunction parseMediaFragment(text, baseURL) {\n\tconst parts = text.trim().split(\"#\");\n\tconst rawURL = parts[0] ?? \"\";\n\tconst hash = parts[1];\n\tconst url = baseURL ? new URL(rawURL, baseURL).href : rawURL;\n\tif (!hash) return { url };\n\tconst eqIndex = hash.indexOf(\"=\");\n\tif (eqIndex === -1) return { url };\n\tconst keys = hash.slice(0, eqIndex);\n\tconst values = hash.slice(eqIndex + 1).split(\",\").map(Number);\n\tconst data = {};\n\tfor (let i = 0; i < keys.length; i++) {\n\t\tconst key = keys[i];\n\t\tconst value = values[i];\n\t\tif (key && isNumber(value) && !Number.isNaN(value)) data[key] = value;\n\t}\n\tconst result = { url };\n\tif (isNumber(data.w)) result.width = data.w;\n\tif (isNumber(data.h)) result.height = data.h;\n\tif (isNumber(data.x) && isNumber(data.y)) result.coords = {\n\t\tx: data.x,\n\t\ty: data.y\n\t};\n\treturn result;\n}\n/**\n* Convert an array of text cues (e.g. `VTTCue` from a `<track>` element)\n* into {@link ThumbnailImage} entries by parsing the media-fragment in\n* each cue's text.\n*/\nfunction mapCuesToThumbnails(cues, baseURL) {\n\tconst images = [];\n\tfor (const cue of cues) {\n\t\tconst fragment = parseMediaFragment(cue.text, baseURL);\n\t\tconst image = {\n\t\t\turl: fragment.url,\n\t\t\tstartTime: cue.startTime,\n\t\t\tendTime: cue.endTime\n\t\t};\n\t\tif (fragment.width) image.width = fragment.width;\n\t\tif (fragment.height) image.height = fragment.height;\n\t\tif (fragment.coords) image.coords = fragment.coords;\n\t\timages.push(image);\n\t}\n\treturn images;\n}\n\n//#endregion\nexport { mapCuesToThumbnails, parseMediaFragment };\n//# sourceMappingURL=thumbnail-media-fragment.js.map","import { isNumber } from \"../predicate/predicate.js\";\n\n//#region src/time/format.ts\nconst UNIT_LABELS = [\n\t{\n\t\tsingular: \"hour\",\n\t\tplural: \"hours\"\n\t},\n\t{\n\t\tsingular: \"minute\",\n\t\tplural: \"minutes\"\n\t},\n\t{\n\t\tsingular: \"second\",\n\t\tplural: \"seconds\"\n\t}\n];\nfunction isValidTime(value) {\n\treturn isNumber(value) && Number.isFinite(value);\n}\nfunction toTimeUnitPhrase(value, unitIndex) {\n\treturn `${value} ${value === 1 ? UNIT_LABELS[unitIndex]?.singular : UNIT_LABELS[unitIndex]?.plural}`;\n}\n/**\n* Format seconds to digital display string.\n*\n* @param seconds - Time in seconds (can be negative)\n* @param guide - Guide time (typically duration) to determine display format\n* @returns Formatted string like \"1:30\" or \"1:05:30\"\n*\n* @example\n* formatTime(90) // \"1:30\"\n* formatTime(3661) // \"1:01:01\"\n* formatTime(35, 3600) // \"0:00:35\" (guided by 1-hour duration)\n* formatTime(35, 600) // \"00:35\" (guided by 10-minute duration)\n*/\nfunction formatTime(seconds, guide) {\n\tif (!isValidTime(seconds)) return \"0:00\";\n\tconst negative = seconds < 0;\n\tconst positiveSeconds = Math.abs(seconds);\n\tconst h = Math.floor(positiveSeconds / 3600);\n\tconst m = Math.floor(positiveSeconds / 60 % 60);\n\tconst s = Math.floor(positiveSeconds % 60);\n\tconst guideAbs = guide ? Math.abs(guide) : 0;\n\tconst gh = Math.floor(guideAbs / 3600);\n\tconst gm = Math.floor(guideAbs / 60 % 60);\n\tconst showHours = h > 0 || gh > 0;\n\tconst padMinutes = showHours || gm >= 10;\n\tconst hoursStr = showHours ? `${h}:` : \"\";\n\tconst minutesStr = `${padMinutes && m < 10 ? \"0\" : \"\"}${m}:`;\n\tconst secondsStr = s < 10 ? `0${s}` : `${s}`;\n\treturn `${negative ? \"-\" : \"\"}${hoursStr}${minutesStr}${secondsStr}`;\n}\n/**\n* Format seconds to human-readable phrase for screen readers.\n*\n* @param seconds - Time in seconds (negative indicates remaining)\n* @returns Human-readable phrase like \"1 minute, 30 seconds\"\n*\n* @example\n* formatTimeAsPhrase(90) // \"1 minute, 30 seconds\"\n* formatTimeAsPhrase(3661) // \"1 hour, 1 minute, 1 second\"\n* formatTimeAsPhrase(-270) // \"4 minutes, 30 seconds remaining\"\n*/\nfunction formatTimeAsPhrase(seconds) {\n\tif (!isValidTime(seconds)) return \"\";\n\tconst negative = seconds < 0;\n\tconst positiveSeconds = Math.abs(seconds);\n\tconst h = Math.floor(positiveSeconds / 3600);\n\tconst m = Math.floor(positiveSeconds / 60 % 60);\n\tconst s = Math.floor(positiveSeconds % 60);\n\tif (positiveSeconds === 0) return `${toTimeUnitPhrase(0, 2)}${negative ? \" remaining\" : \"\"}`;\n\treturn `${[\n\t\th,\n\t\tm,\n\t\ts\n\t].map((value, index) => value > 0 ? toTimeUnitPhrase(value, index) : null).filter(Boolean).join(\", \")}${negative ? \" remaining\" : \"\"}`;\n}\n/**\n* Convert seconds to ISO 8601 duration for datetime attribute.\n*\n* @param seconds - Time in seconds\n* @returns ISO 8601 duration string like \"PT1M30S\"\n*\n* @example\n* secondsToIsoDuration(90) // \"PT1M30S\"\n* secondsToIsoDuration(3661) // \"PT1H1M1S\"\n*/\nfunction secondsToIsoDuration(seconds) {\n\tif (!isValidTime(seconds)) return \"PT0S\";\n\tconst positiveSeconds = Math.abs(seconds);\n\tconst h = Math.floor(positiveSeconds / 3600);\n\tconst m = Math.floor(positiveSeconds / 60 % 60);\n\tconst s = Math.floor(positiveSeconds % 60);\n\tlet duration = \"PT\";\n\tif (h > 0) duration += `${h}H`;\n\tif (m > 0) duration += `${m}M`;\n\tif (s > 0 || duration === \"PT\") duration += `${s}S`;\n\treturn duration;\n}\n\n//#endregion\nexport { formatTime, formatTimeAsPhrase, secondsToIsoDuration };\n//# sourceMappingURL=format.js.map","import { defaults } from \"@videojs/utils/object\";\nimport { isFunction } from \"@videojs/utils/predicate\";\nimport { formatTime, formatTimeAsPhrase, secondsToIsoDuration } from \"@videojs/utils/time\";\n\n//#region src/core/ui/time/time-core.ts\nconst DEFAULT_LABELS = {\n\tcurrent: \"Current time\",\n\tduration: \"Duration\",\n\tremaining: \"Remaining\"\n};\nvar TimeCore = class TimeCore {\n\tstatic defaultProps = {\n\t\ttype: \"current\",\n\t\tnegativeSign: \"-\",\n\t\tlabel: \"\"\n\t};\n\t#props = { ...TimeCore.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, TimeCore.defaultProps);\n\t}\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\t#getSeconds() {\n\t\tconst media = this.#media;\n\t\tconst { type } = this.#props;\n\t\tswitch (type) {\n\t\t\tcase \"current\": return media.currentTime;\n\t\t\tcase \"duration\": return media.duration;\n\t\t\tcase \"remaining\": return media.currentTime - media.duration;\n\t\t\tdefault: return 0;\n\t\t}\n\t}\n\t#getText() {\n\t\tconst media = this.#media;\n\t\tconst seconds = this.#getSeconds();\n\t\treturn formatTime(Math.abs(seconds), media.duration);\n\t}\n\t#getPhrase() {\n\t\tconst { type } = this.#props;\n\t\tconst seconds = this.#getSeconds();\n\t\tif (type === \"remaining\") return formatTimeAsPhrase(seconds < 0 ? seconds : -Math.abs(seconds));\n\t\treturn formatTimeAsPhrase(seconds);\n\t}\n\t#getDatetime() {\n\t\tconst seconds = this.#getSeconds();\n\t\treturn secondsToIsoDuration(Math.abs(seconds));\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 DEFAULT_LABELS[this.#props.type];\n\t}\n\tgetAttrs(state) {\n\t\treturn {\n\t\t\t\"aria-label\": this.getLabel(state),\n\t\t\t\"aria-valuetext\": state.phrase\n\t\t};\n\t}\n\tgetState() {\n\t\tconst seconds = this.#getSeconds();\n\t\treturn {\n\t\t\ttype: this.#props.type,\n\t\t\tseconds,\n\t\t\tnegative: this.#props.type === \"remaining\" && seconds < 0,\n\t\t\ttext: this.#getText(),\n\t\t\tphrase: this.#getPhrase(),\n\t\t\tdatetime: this.#getDatetime()\n\t\t};\n\t}\n};\n\n//#endregion\nexport { TimeCore };\n//# sourceMappingURL=time-core.js.map","//#region src/core/ui/time/time-data-attrs.ts\nconst TimeDataAttrs = { type: \"data-type\" };\n\n//#endregion\nexport { TimeDataAttrs };\n//# sourceMappingURL=time-data-attrs.js.map","import { SliderCore } from \"../slider/slider-core.js\";\nimport { defaults } from \"@videojs/utils/object\";\nimport { clamp } from \"@videojs/utils/number\";\nimport { formatTimeAsPhrase } from \"@videojs/utils/time\";\n\n//#region src/core/ui/time-slider/time-slider-core.ts\n/** Time-domain slider: maps media time/buffer state to slider state. */\nvar TimeSliderCore = class TimeSliderCore extends SliderCore {\n\tstatic defaultProps = {\n\t\t...SliderCore.defaultProps,\n\t\tlabel: \"Seek\",\n\t\tcommitThrottle: 100\n\t};\n\t#props = { ...TimeSliderCore.defaultProps };\n\t#media = null;\n\tconstructor(props) {\n\t\tsuper();\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, TimeSliderCore.defaultProps);\n\t\tsuper.setProps({\n\t\t\t...props,\n\t\t\tmin: 0\n\t\t});\n\t}\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\tgetState() {\n\t\tconst { duration, currentTime, seeking, buffered } = this.#media;\n\t\tconst { dragging, dragPercent } = this.input;\n\t\tsuper.setProps({\n\t\t\t...this.#props,\n\t\t\tmin: 0,\n\t\t\tmax: duration\n\t\t});\n\t\tconst value = dragging ? clamp(dragPercent / 100 * duration, 0, duration) : currentTime;\n\t\tconst base = super.getSliderState(value);\n\t\tconst bufferedEnd = buffered.length > 0 ? buffered[buffered.length - 1][1] : 0;\n\t\tconst bufferPercent = duration > 0 ? bufferedEnd / duration * 100 : 0;\n\t\treturn {\n\t\t\t...base,\n\t\t\tcurrentTime,\n\t\t\tduration,\n\t\t\tseeking,\n\t\t\tbufferPercent\n\t\t};\n\t}\n\tgetLabel(state) {\n\t\treturn super.getLabel(state) || \"Seek\";\n\t}\n\tgetAttrs(state) {\n\t\tconst base = super.getAttrs(state);\n\t\tconst currentPhrase = formatTimeAsPhrase(state.value);\n\t\tconst durationPhrase = formatTimeAsPhrase(state.duration);\n\t\tconst valuetext = durationPhrase ? `${currentPhrase} of ${durationPhrase}` : currentPhrase;\n\t\treturn {\n\t\t\t...base,\n\t\t\t\"aria-valuetext\": valuetext\n\t\t};\n\t}\n};\n\n//#endregion\nexport { TimeSliderCore };\n//# sourceMappingURL=time-slider-core.js.map","import { SliderDataAttrs } from \"../slider/slider-data-attrs.js\";\n\n//#region src/core/ui/time-slider/time-slider-data-attrs.ts\nconst TimeSliderDataAttrs = {\n\t...SliderDataAttrs,\n\tseeking: \"data-seeking\"\n};\n\n//#endregion\nexport { TimeSliderDataAttrs };\n//# sourceMappingURL=time-slider-data-attrs.js.map","import { getTransitionFlags } from \"../transition.js\";\nimport { defaults } from \"@videojs/utils/object\";\n\n//#region src/core/ui/tooltip/tooltip-core.ts\nvar TooltipCore = class TooltipCore {\n\tstatic defaultProps = {\n\t\tside: \"top\",\n\t\talign: \"center\",\n\t\topen: false,\n\t\tdefaultOpen: false,\n\t\tdelay: 600,\n\t\tcloseDelay: 0,\n\t\tdisableHoverablePopup: true,\n\t\tdisabled: false\n\t};\n\t#props = { ...TooltipCore.defaultProps };\n\tconstructor(props) {\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, TooltipCore.defaultProps);\n\t}\n\t#input = null;\n\tsetInput(input) {\n\t\tthis.#input = input;\n\t}\n\tgetState() {\n\t\tconst input = this.#input;\n\t\treturn {\n\t\t\topen: input.active,\n\t\t\tstatus: input.status,\n\t\t\tside: this.#props.side,\n\t\t\talign: this.#props.align,\n\t\t\t...getTransitionFlags(input.status)\n\t\t};\n\t}\n\tgetTriggerAttrs(state, popupId) {\n\t\treturn { \"aria-describedby\": state.open ? popupId : void 0 };\n\t}\n\tgetPopupAttrs(_state) {\n\t\treturn {\n\t\t\tpopover: \"manual\",\n\t\t\trole: \"tooltip\"\n\t\t};\n\t}\n};\n\n//#endregion\nexport { TooltipCore };\n//# sourceMappingURL=tooltip-core.js.map","//#region src/core/ui/tooltip/tooltip-css-vars.ts\nconst TooltipCSSVars = {\n\tsideOffset: \"--media-tooltip-side-offset\",\n\talignOffset: \"--media-tooltip-align-offset\",\n\tanchorWidth: \"--media-tooltip-anchor-width\",\n\tanchorHeight: \"--media-tooltip-anchor-height\",\n\tavailableWidth: \"--media-tooltip-available-width\",\n\tavailableHeight: \"--media-tooltip-available-height\"\n};\n\n//#endregion\nexport { TooltipCSSVars };\n//# sourceMappingURL=tooltip-css-vars.js.map","//#region src/core/ui/tooltip/tooltip-data-attrs.ts\nconst TooltipDataAttrs = {\n\topen: \"data-open\",\n\tside: \"data-side\",\n\talign: \"data-align\",\n\ttransitionStarting: \"data-starting-style\",\n\ttransitionEnding: \"data-ending-style\"\n};\n\n//#endregion\nexport { TooltipDataAttrs };\n//# sourceMappingURL=tooltip-data-attrs.js.map","import { defaults } from \"@videojs/utils/object\";\n\n//#region src/core/ui/tooltip/tooltip-group-core.ts\nvar TooltipGroupCore = class TooltipGroupCore {\n\tstatic defaultProps = {\n\t\tdelay: 600,\n\t\tcloseDelay: 0,\n\t\ttimeout: 400\n\t};\n\t#props = { ...TooltipGroupCore.defaultProps };\n\t#lastCloseTime = 0;\n\t#isOpen = false;\n\tconstructor(props) {\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tthis.#props = defaults(props, TooltipGroupCore.defaultProps);\n\t}\n\tget delay() {\n\t\treturn this.#props.delay;\n\t}\n\tget closeDelay() {\n\t\treturn this.#props.closeDelay;\n\t}\n\tshouldSkipDelay() {\n\t\tif (this.#isOpen) return true;\n\t\treturn Date.now() - this.#lastCloseTime < this.#props.timeout;\n\t}\n\tnotifyOpen() {\n\t\tthis.#isOpen = true;\n\t}\n\tnotifyClose() {\n\t\tthis.#isOpen = false;\n\t\tthis.#lastCloseTime = Date.now();\n\t}\n};\n\n//#endregion\nexport { TooltipGroupCore };\n//# sourceMappingURL=tooltip-group-core.js.map","import { SliderCore } from \"../slider/slider-core.js\";\nimport { defaults } from \"@videojs/utils/object\";\n\n//#region src/core/ui/volume-slider/volume-slider-core.ts\n/** Volume-domain slider: maps media volume/mute state to slider state. */\nvar VolumeSliderCore = class VolumeSliderCore extends SliderCore {\n\tstatic defaultProps = {\n\t\t...SliderCore.defaultProps,\n\t\tlabel: \"Volume\"\n\t};\n\t#media = null;\n\tconstructor(props) {\n\t\tsuper();\n\t\tif (props) this.setProps(props);\n\t}\n\tsetProps(props) {\n\t\tsuper.setProps(defaults(props, VolumeSliderCore.defaultProps));\n\t}\n\tsetMedia(media) {\n\t\tthis.#media = media;\n\t}\n\tgetState() {\n\t\tconst media = this.#media;\n\t\tconst { volume, muted } = media;\n\t\tconst effectivelyMuted = muted || volume === 0;\n\t\tconst { dragging, dragPercent } = this.input;\n\t\tconst volumePercent = volume * 100;\n\t\tconst value = dragging ? this.valueFromPercent(dragPercent) : volumePercent;\n\t\tconst base = super.getSliderState(value);\n\t\treturn {\n\t\t\t...base,\n\t\t\tfillPercent: effectivelyMuted ? 0 : base.fillPercent,\n\t\t\tvolume,\n\t\t\tmuted: effectivelyMuted,\n\t\t\tavailability: media.volumeAvailability\n\t\t};\n\t}\n\tgetLabel(state) {\n\t\treturn super.getLabel(state) || \"Volume\";\n\t}\n\tgetAttrs(state) {\n\t\tconst base = super.getAttrs(state);\n\t\tconst valuetext = `${Math.round(state.value)} percent${state.muted ? \", muted\" : \"\"}`;\n\t\treturn {\n\t\t\t...base,\n\t\t\t\"aria-valuetext\": valuetext\n\t\t};\n\t}\n};\n\n//#endregion\nexport { VolumeSliderCore };\n//# sourceMappingURL=volume-slider-core.js.map","import { SliderDataAttrs } from \"../slider/slider-data-attrs.js\";\n\n//#region src/core/ui/volume-slider/volume-slider-data-attrs.ts\nconst VolumeSliderDataAttrs = {\n\t...SliderDataAttrs,\n\tavailability: \"data-availability\"\n};\n\n//#endregion\nexport { VolumeSliderDataAttrs };\n//# sourceMappingURL=volume-slider-data-attrs.js.map","import type { InferComponentState, InferMediaState, MediaUIComponent, StateAttrMap } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, createButton, logMissingFeature } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, 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 render a media-control button. */\nexport abstract class MediaButtonElement<Core extends MediaUIComponent> extends MediaElement {\n static override properties: PropertyDeclarationMap = {\n label: { type: String },\n disabled: { type: Boolean },\n };\n\n disabled = false;\n label = '';\n\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 protected abstract activate(state: InferMediaState<Core>): void;\n\n #disconnect: AbortController | null = null;\n\n override connectedCallback(): void {\n super.connectedCallback();\n\n this.#disconnect = new AbortController();\n\n const buttonProps = createButton({\n onActivate: () => this.activate(this.mediaState.value!),\n isDisabled: () => this.disabled || !this.mediaState.value,\n });\n\n applyElementProps(this, buttonProps, { 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 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.mediaState.value;\n\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, this.stateAttrMap);\n }\n}\n","import type { StateAttrMap } from '@videojs/core';\nimport { applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\n\nimport { MediaElement } from './media-element';\n\n/** Shape that compound context values must satisfy for parts to consume. */\nexport interface PartContextValue<State extends object> {\n state: State;\n stateAttrMap: StateAttrMap<State>;\n}\n\n/**\n * Abstract base for compound-component part elements that consume a parent\n * context and apply data attributes from `ctx.state` + `ctx.stateAttrMap`.\n *\n * Subclasses only need to declare the `consumer` property:\n *\n * ```ts\n * export class SliderTrackElement extends ContextPartElement<SliderState> {\n * static readonly tagName = 'media-slider-track';\n * protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n * }\n * ```\n */\nexport abstract class ContextPartElement<State extends object> extends MediaElement {\n protected abstract readonly consumer: { value?: PartContextValue<State> | undefined };\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n const ctx = this.consumer.value;\n if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n }\n}\n","import { type MediaVolumeState, MuteButtonCore, MuteButtonDataAttrs } from '@videojs/core';\nimport { selectVolume } 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 MuteButtonElement extends MediaButtonElement<MuteButtonCore> {\n static readonly tagName = 'media-mute-button';\n\n protected readonly core = new MuteButtonCore();\n protected readonly stateAttrMap = MuteButtonDataAttrs;\n protected readonly mediaState = new PlayerController(this, playerContext, selectVolume);\n\n protected activate(state: MediaVolumeState): void {\n this.core.toggle(state);\n }\n}\n","import { MuteButtonElement } from '../../ui/mute-button/mute-button-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(MuteButtonElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [MuteButtonElement.tagName]: MuteButtonElement;\n }\n}\n","import { type MediaPlaybackState, PlayButtonCore, PlayButtonDataAttrs } from '@videojs/core';\nimport { selectPlayback } 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 PlayButtonElement extends MediaButtonElement<PlayButtonCore> {\n static readonly tagName = 'media-play-button';\n\n protected readonly core = new PlayButtonCore();\n protected readonly stateAttrMap = PlayButtonDataAttrs;\n protected readonly mediaState = new PlayerController(this, playerContext, selectPlayback);\n\n protected activate(state: MediaPlaybackState): void {\n this.core.toggle(state);\n }\n}\n","import { PlayButtonElement } from '../../ui/play-button/play-button-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(PlayButtonElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [PlayButtonElement.tagName]: PlayButtonElement;\n }\n}\n","import { type MediaPlaybackRateState, PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from '@videojs/core';\nimport { selectPlaybackRate } 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 PlaybackRateButtonElement extends MediaButtonElement<PlaybackRateButtonCore> {\n static readonly tagName = 'media-playback-rate-button';\n\n protected readonly core = new PlaybackRateButtonCore();\n protected readonly stateAttrMap = PlaybackRateButtonDataAttrs;\n protected readonly mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n protected activate(state: MediaPlaybackRateState): void {\n this.core.cycle(state);\n }\n}\n","import { PlaybackRateButtonElement } from '../../ui/playback-rate-button/playback-rate-button-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(PlaybackRateButtonElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [PlaybackRateButtonElement.tagName]: PlaybackRateButtonElement;\n }\n}\n","import { PopoverCore, PopoverDataAttrs, type PopoverInput, type PopoverProps } from '@videojs/core';\nimport {\n applyElementProps,\n applyStateDataAttrs,\n createPopover,\n createTransition,\n getAnchorNameStyle,\n getAnchorPositionStyle,\n getPopupPositionRect,\n type PopoverApi,\n type PopoverChangeDetails,\n resolveOffsets,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { SnapshotController } from '@videojs/store/html';\nimport { applyStyles, supportsAnchorPositioning, tryHidePopover, tryShowPopover } from '@videojs/utils/dom';\n\nimport { MediaElement } from '../media-element';\n\nexport class PopoverElement extends MediaElement {\n static readonly tagName = 'media-popover';\n\n static override properties = {\n open: { type: Boolean },\n defaultOpen: { type: Boolean, attribute: 'default-open' },\n side: { type: String },\n align: { type: String },\n modal: { type: Boolean },\n closeOnEscape: { type: Boolean, attribute: 'close-on-escape' },\n closeOnOutsideClick: { type: Boolean, attribute: 'close-on-outside-click' },\n openOnHover: { type: Boolean, attribute: 'open-on-hover' },\n delay: { type: Number },\n closeDelay: { type: Number, attribute: 'close-delay' },\n } satisfies PropertyDeclarationMap<keyof PopoverCore.Props>;\n\n open = PopoverCore.defaultProps.open;\n defaultOpen = PopoverCore.defaultProps.defaultOpen;\n side = PopoverCore.defaultProps.side;\n align = PopoverCore.defaultProps.align;\n modal: PopoverProps['modal'] = PopoverCore.defaultProps.modal;\n closeOnEscape = PopoverCore.defaultProps.closeOnEscape;\n closeOnOutsideClick = PopoverCore.defaultProps.closeOnOutsideClick;\n openOnHover = PopoverCore.defaultProps.openOnHover;\n delay = PopoverCore.defaultProps.delay;\n closeDelay = PopoverCore.defaultProps.closeDelay;\n\n readonly #core = new PopoverCore();\n #popover: PopoverApi | null = null;\n #snapshot: SnapshotController<PopoverInput> | null = null;\n\n // Cleanup controllers\n #disconnect: AbortController | null = null;\n #triggerAbort: AbortController | null = null;\n #currentTrigger: HTMLElement | null = null;\n #positionAbort: AbortController | null = null;\n #positionFrame = 0;\n #resizeObserver: ResizeObserver | null = null;\n #positionTrigger: HTMLElement | null = null;\n\n override connectedCallback(): void {\n super.connectedCallback();\n if (this.destroyed) return;\n\n this.#disconnect = new AbortController();\n\n this.#popover = createPopover({\n transition: createTransition(),\n onOpenChange: (nextOpen: boolean, details: PopoverChangeDetails) => {\n this.open = nextOpen;\n this.dispatchEvent(new CustomEvent('open-change', { detail: { open: nextOpen, ...details } }));\n },\n closeOnEscape: () => this.closeOnEscape,\n closeOnOutsideClick: () => this.closeOnOutsideClick,\n openOnHover: () => this.openOnHover,\n delay: () => this.delay,\n closeDelay: () => this.closeDelay,\n });\n\n // Register self as the popup element — the element IS the popup.\n this.#popover.setPopupElement(this);\n\n // Apply popup event handlers (pointerenter/leave, focusout) to self.\n applyElementProps(this, this.#popover.popupProps, { signal: this.#disconnect.signal });\n\n // Subscribe to interaction state for reactive updates.\n // Reuse the controller across connect/disconnect cycles to avoid\n // leaking stale controllers in the host's controller set.\n if (this.#snapshot) {\n this.#snapshot.track(this.#popover.input);\n } else {\n this.#snapshot = new SnapshotController(this, this.#popover.input);\n }\n }\n\n protected override firstUpdated(changed: PropertyValues): void {\n super.firstUpdated(changed);\n\n // Uncontrolled mode: open if `defaultOpen` is set. Controlled `open`\n // is already synced by `willUpdate` on the first render cycle.\n if (this.defaultOpen && !this.open) {\n this.#popover?.open();\n }\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#cleanupPositioning();\n this.#disconnect?.abort();\n this.#disconnect = null;\n }\n\n override destroyCallback(): void {\n this.#cleanupPositioning();\n this.#cleanupTrigger();\n this.#popover?.destroy();\n super.destroyCallback();\n }\n\n protected override willUpdate(changed: PropertyValues): void {\n super.willUpdate(changed);\n this.#core.setProps(this);\n\n // Sync controlled open state\n if (this.#popover && changed.has('open')) {\n const { active: interactionOpen } = this.#popover.input.current;\n if (this.open !== interactionOpen) {\n if (this.open) {\n this.#popover.open();\n } else {\n this.#popover.close();\n }\n }\n }\n }\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n if (!this.#popover) return;\n\n // Discover trigger via commandfor linkage.\n const triggerEl = this.#findTrigger();\n this.#syncTrigger(triggerEl);\n\n // Derive state from core + input.\n const input = this.#popover.input.current;\n this.#core.setInput(input);\n const state = this.#core.getState();\n\n // Apply popup ARIA and data attributes to self.\n applyElementProps(this, this.#core.getPopupAttrs(state));\n applyStateDataAttrs(this, state, PopoverDataAttrs);\n\n // Show/hide via Popover API AFTER data attributes are applied so\n // `data-starting-style` is present before the first visible frame.\n if (state.open) {\n tryShowPopover(this);\n } else {\n tryHidePopover(this);\n }\n\n // Apply trigger ARIA and anchor-name to the discovered trigger.\n if (this.#currentTrigger) {\n applyElementProps(this.#currentTrigger, this.#core.getTriggerAttrs(state, this.id));\n applyStyles(this.#currentTrigger, getAnchorNameStyle(this.id));\n }\n\n // Skip positioning when closed — no rects to measure.\n if (!state.open) {\n this.#cleanupPositioning();\n return;\n }\n\n // Apply positioning styles to self.\n const posOpts = { side: state.side, align: state.align };\n\n if (supportsAnchorPositioning()) {\n // Native CSS Anchor Positioning — no JS rect measurements needed.\n applyStyles(this, getAnchorPositionStyle(this.id, posOpts));\n } else {\n // JS fallback: measure rects and resolve CSS var offsets.\n const triggerRect = this.#currentTrigger?.getBoundingClientRect();\n const selfRect = getPopupPositionRect(this);\n const boundaryRect = document.documentElement.getBoundingClientRect();\n const offsets = resolveOffsets(this);\n applyStyles(this, getAnchorPositionStyle(this.id, posOpts, triggerRect, selfRect, boundaryRect, offsets));\n }\n\n this.#syncPositioning();\n }\n\n // --- Trigger discovery ---\n\n #findTrigger(): HTMLElement | null {\n if (!this.id) return null;\n const root = this.getRootNode() as Document | ShadowRoot;\n return root.querySelector<HTMLElement>(`[commandfor=\"${this.id}\"]`);\n }\n\n #syncTrigger(triggerEl: HTMLElement | null): void {\n if (triggerEl === this.#currentTrigger) return;\n\n this.#cleanupPositioning();\n this.#cleanupTrigger();\n this.#currentTrigger = triggerEl;\n this.#popover?.setTriggerElement(triggerEl);\n\n if (triggerEl && this.#popover) {\n this.#triggerAbort = new AbortController();\n applyElementProps(triggerEl, this.#popover.triggerProps, { signal: this.#triggerAbort.signal });\n }\n }\n\n #cleanupTrigger(): void {\n if (this.#currentTrigger) {\n // Remove ARIA attributes and anchor-name style from the old trigger.\n applyElementProps(this.#currentTrigger, {\n 'aria-expanded': undefined,\n 'aria-haspopup': undefined,\n 'aria-controls': undefined,\n });\n this.#currentTrigger.style.removeProperty('anchor-name');\n }\n\n this.#triggerAbort?.abort();\n this.#triggerAbort = null;\n this.#currentTrigger = null;\n }\n\n #syncPositioning(): void {\n if (supportsAnchorPositioning()) return;\n\n const triggerEl = this.#currentTrigger;\n\n if (!triggerEl) return;\n if (this.#positionAbort && this.#positionTrigger === triggerEl) return;\n\n this.#cleanupPositioning();\n this.#positionAbort = new AbortController();\n this.#positionTrigger = triggerEl;\n const { signal } = this.#positionAbort;\n\n const reposition = () => {\n cancelAnimationFrame(this.#positionFrame);\n this.#positionFrame = requestAnimationFrame(() => {\n if (signal.aborted) return;\n this.requestUpdate();\n });\n };\n\n window.addEventListener('scroll', reposition, { capture: true, passive: true, signal });\n window.addEventListener('resize', reposition, { signal });\n\n if (typeof ResizeObserver === 'function') {\n this.#resizeObserver = new ResizeObserver(() => {\n reposition();\n });\n this.#resizeObserver.observe(triggerEl);\n this.#resizeObserver.observe(this);\n }\n\n reposition();\n }\n\n #cleanupPositioning(): void {\n this.#positionAbort?.abort();\n this.#positionAbort = null;\n this.#positionTrigger = null;\n cancelAnimationFrame(this.#positionFrame);\n this.#positionFrame = 0;\n this.#resizeObserver?.disconnect();\n this.#resizeObserver = null;\n }\n}\n","import { PopoverElement } from '../../ui/popover/popover-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(PopoverElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [PopoverElement.tagName]: PopoverElement;\n }\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","import { SeekButtonElement } from '../../ui/seek-button/seek-button-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(SeekButtonElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [SeekButtonElement.tagName]: SeekButtonElement;\n }\n}\n","import { TimeCore, TimeDataAttrs, type TimeType } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, logMissingFeature, selectTime } 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 TimeElement extends MediaElement {\n static readonly tagName = 'media-time';\n\n static override properties = {\n type: { type: String },\n negativeSign: { type: String, attribute: 'negative-sign' },\n label: { type: String },\n } satisfies PropertyDeclarationMap<keyof TimeCore.Props>;\n\n type: TimeType = TimeCore.defaultProps.type;\n negativeSign = TimeCore.defaultProps.negativeSign;\n label = TimeCore.defaultProps.label;\n\n readonly #core = new TimeCore();\n readonly #state = new PlayerController(this, playerContext, selectTime);\n\n readonly #signSpan = document.createElement('span');\n readonly #textNode = document.createTextNode('');\n\n constructor() {\n super();\n\n this.#signSpan.setAttribute('aria-hidden', 'true');\n this.#signSpan.hidden = true;\n\n this.appendChild(this.#signSpan);\n this.appendChild(this.#textNode);\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n\n if (__DEV__ && !this.#state.value) {\n logMissingFeature(this.localName, this.#state.displayName!);\n }\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.setMedia(media);\n const state = this.#core.getState();\n\n this.#signSpan.hidden = !state.negative;\n this.#signSpan.textContent = state.negative ? this.negativeSign : '';\n this.#textNode.textContent = state.text;\n\n applyElementProps(this, this.#core.getAttrs(state));\n applyStateDataAttrs(this, state, TimeDataAttrs);\n }\n}\n","import { MediaElement } from '../media-element';\n\nexport class TimeGroupElement extends MediaElement {\n static readonly tagName = 'media-time-group';\n\n // Future: Could provide context for hoursDisplay to children via Lit context\n}\n","import { MediaElement } from '../media-element';\n\nexport class TimeSeparatorElement extends MediaElement {\n static readonly tagName = 'media-time-separator';\n\n override connectedCallback(): void {\n super.connectedCallback();\n\n // Set aria-hidden for accessibility\n this.setAttribute('aria-hidden', 'true');\n\n // Set default content if empty\n if (!this.textContent?.trim()) {\n this.textContent = '/';\n }\n }\n}\n","import { TimeElement } from '../../ui/time/time-element';\nimport { TimeGroupElement } from '../../ui/time/time-group-element';\nimport { TimeSeparatorElement } from '../../ui/time/time-separator-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(TimeElement);\nsafeDefine(TimeGroupElement);\nsafeDefine(TimeSeparatorElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [TimeElement.tagName]: TimeElement;\n }\n}\n","import type { SliderState, StateAttrMap } from '@videojs/core';\nimport type { SliderThumbProps } from '@videojs/core/dom';\nimport { createContext } from '@videojs/element/context';\n\nexport interface SliderContextValue {\n /** Base slider state — children use this for data attributes and value display. */\n state: SliderState;\n /** Maps state keys to `data-*` attribute names for part elements. */\n stateAttrMap: StateAttrMap<SliderState>;\n /** Domain value at the current pointer position (e.g., seconds for time, percent for volume). */\n pointerValue: number;\n /** ARIA attributes for the thumb element (role, tabindex, aria-value*, etc.). */\n thumbAttrs: Record<string, string | number | boolean | undefined>;\n /** Keyboard and focus event handlers for the thumb element. */\n thumbProps: SliderThumbProps;\n /** Optional formatter for value display. Receives domain value and value type. */\n formatValue?: ((value: number, type: 'current' | 'pointer') => string) | undefined;\n}\n\nconst SLIDER_CONTEXT_KEY = Symbol('@videojs/slider');\n\nexport const sliderContext = createContext<SliderContextValue>(SLIDER_CONTEXT_KEY);\n","import type { SliderState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { sliderContext } from './context';\n\nexport class SliderBufferElement extends ContextPartElement<SliderState> {\n static readonly tagName = 'media-slider-buffer';\n\n protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n}\n","import type { SliderState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { sliderContext } from './context';\n\nexport class SliderFillElement extends ContextPartElement<SliderState> {\n static readonly tagName = 'media-slider-fill';\n\n protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n}\n","import type { SliderPreviewOverflow } from '@videojs/core/dom';\nimport { applyStateDataAttrs, getSliderPreviewStyle } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport { applyStyles } from '@videojs/utils/dom';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderPreviewElement extends MediaElement {\n static readonly tagName = 'media-slider-preview';\n\n static override properties = {\n overflow: { type: String },\n } satisfies PropertyDeclarationMap<'overflow'>;\n\n overflow: SliderPreviewOverflow = 'clamp';\n\n readonly #ctx = new ContextConsumer(this, {\n context: sliderContext,\n subscribe: true,\n });\n\n #resizeObserver: ResizeObserver | null = null;\n #width = 0;\n\n override connectedCallback(): void {\n super.connectedCallback();\n\n this.#resizeObserver = new ResizeObserver(([entry]) => {\n this.#width = entry!.contentRect.width;\n this.#applyPosition();\n });\n\n this.#resizeObserver.observe(this);\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#resizeObserver?.disconnect();\n this.#resizeObserver = null;\n }\n\n #applyPosition(): void {\n applyStyles(this, getSliderPreviewStyle(this.#width, this.overflow));\n }\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n\n const ctx = this.#ctx.value;\n if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n\n this.#applyPosition();\n }\n}\n","import { applyElementProps, applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderThumbElement extends MediaElement {\n static readonly tagName = 'media-slider-thumb';\n\n readonly #ctx = new ContextConsumer(this, {\n context: sliderContext,\n subscribe: true,\n });\n\n #disconnect: AbortController | null = null;\n #thumbPropsApplied = false;\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.#disconnect = new AbortController();\n this.#thumbPropsApplied = false;\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#disconnect?.abort();\n this.#disconnect = null;\n this.#thumbPropsApplied = false;\n }\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n\n const ctx = this.#ctx.value;\n if (!ctx) return;\n\n // Apply keyboard and focus handlers once — they don't change per slider instance.\n if (!this.#thumbPropsApplied && this.#disconnect) {\n applyElementProps(this, ctx.thumbProps, { signal: this.#disconnect.signal });\n this.#thumbPropsApplied = true;\n }\n\n // Apply ARIA attributes every update (values change as slider moves).\n applyElementProps(this, ctx.thumbAttrs);\n\n // Apply state data attributes.\n applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n }\n}\n","import {\n type MediaTextTrackState,\n mapCuesToThumbnails,\n ThumbnailCore,\n ThumbnailDataAttrs,\n type ThumbnailImage,\n type ThumbnailResizeResult,\n} from '@videojs/core';\nimport type { ThumbnailApi } from '@videojs/core/dom';\nimport { applyElementProps, applyStateDataAttrs, createThumbnail, selectTextTrack } 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\nconst SHADOW_CSS = `\\\n:host {\n display: inline-block;\n overflow: hidden;\n}\nimg {\n display: block;\n}`;\n\nexport class ThumbnailElement extends MediaElement {\n static readonly tagName = 'media-thumbnail';\n\n static override properties = {\n time: { type: Number },\n crossOrigin: { type: String, attribute: 'crossorigin' },\n loading: { type: String },\n fetchPriority: { type: String, attribute: 'fetchpriority' },\n } satisfies PropertyDeclarationMap<keyof ThumbnailCore.Props>;\n\n time = 0;\n crossOrigin: ThumbnailCore.Props['crossOrigin'];\n loading: ThumbnailCore.Props['loading'];\n fetchPriority: ThumbnailCore.Props['fetchPriority'];\n\n readonly #core = new ThumbnailCore();\n readonly #img = document.createElement('img');\n readonly #textTracks = new PlayerController(this, playerContext, selectTextTrack);\n\n #thumbnails: ThumbnailImage[] = [];\n #externalThumbnails: ThumbnailImage[] | undefined;\n #lastTextTrack: MediaTextTrackState | undefined;\n #api: ThumbnailApi | null = null;\n\n constructor() {\n super();\n\n const shadow = this.attachShadow({ mode: 'open' });\n\n const style = document.createElement('style');\n style.textContent = SHADOW_CSS;\n shadow.appendChild(style);\n\n this.#img.alt = '';\n this.#img.setAttribute('part', 'img');\n this.#img.setAttribute('aria-hidden', 'true');\n this.#img.setAttribute('decoding', 'async');\n shadow.appendChild(this.#img);\n }\n\n /**\n * Set thumbnail images directly, bypassing the automatic `<track>` detection.\n * When set, this takes priority over the text track path.\n */\n get thumbnails(): ThumbnailImage[] | undefined {\n return this.#externalThumbnails;\n }\n\n set thumbnails(value: ThumbnailImage[] | undefined) {\n this.#externalThumbnails = value;\n this.requestUpdate();\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n if (this.destroyed) return;\n\n this.#api = createThumbnail({\n getContainer: () => this,\n getImg: () => this.#img,\n onStateChange: () => this.requestUpdate(),\n });\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n }\n\n override destroyCallback(): void {\n this.#api?.destroy();\n super.destroyCallback();\n }\n\n protected override update(changed: PropertyValues): void {\n super.update(changed);\n\n // Resolve thumbnails: external prop takes priority over auto <track> path.\n if (this.#externalThumbnails) {\n this.#thumbnails = this.#externalThumbnails;\n } else {\n const textTrack = this.#textTracks.value;\n\n if (textTrack !== this.#lastTextTrack) {\n this.#lastTextTrack = textTrack;\n this.#thumbnails =\n textTrack && textTrack.thumbnailCues.length > 0\n ? mapCuesToThumbnails(textTrack.thumbnailCues, textTrack.thumbnailTrackSrc ?? undefined)\n : [];\n }\n }\n\n const thumbnail = this.#core.findActiveThumbnail(this.#thumbnails, this.time);\n\n // Sync img attributes from element properties.\n applyElementProps(this.#img, {\n crossorigin: this.crossOrigin || undefined,\n loading: this.loading,\n fetchpriority: this.fetchPriority,\n });\n\n // Track src changes via the thumbnail API.\n this.#api?.updateSrc(thumbnail?.url);\n\n if (!thumbnail) {\n this.#img.removeAttribute('src');\n this.#resetStyles();\n\n const state = this.#core.getState(false, false, undefined);\n applyElementProps(this, this.#core.getAttrs(state));\n applyStateDataAttrs(this, state, ThumbnailDataAttrs);\n return;\n }\n\n // Set the img src directly (imperative DOM).\n if (this.#img.getAttribute('src') !== thumbnail.url) {\n this.#img.src = thumbnail.url;\n }\n\n const api = this.#api;\n const state = this.#core.getState(api?.loading ?? false, api?.error ?? false, thumbnail);\n applyElementProps(this, this.#core.getAttrs(state));\n applyStateDataAttrs(this, state, ThumbnailDataAttrs);\n\n if (api?.naturalWidth && api.naturalHeight) {\n const constraints = api.readConstraints();\n const result = this.#core.resize(thumbnail, api.naturalWidth, api.naturalHeight, constraints);\n\n if (result) {\n this.#applyResize(result);\n }\n }\n }\n\n #applyResize(result: ThumbnailResizeResult): void {\n this.style.width = `${result.containerWidth}px`;\n this.style.height = `${result.containerHeight}px`;\n\n const imgStyle = this.#img.style;\n imgStyle.width = `${result.imageWidth}px`;\n imgStyle.height = `${result.imageHeight}px`;\n imgStyle.maxWidth = 'none';\n imgStyle.transform =\n result.offsetX || result.offsetY ? `translate(-${result.offsetX}px, -${result.offsetY}px)` : '';\n }\n\n #resetStyles(): void {\n this.style.width = '';\n this.style.height = '';\n\n const imgStyle = this.#img.style;\n imgStyle.width = '';\n imgStyle.height = '';\n imgStyle.maxWidth = '';\n imgStyle.transform = '';\n }\n}\n","import type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ThumbnailElement } from '../thumbnail/thumbnail-element';\nimport { sliderContext } from './context';\n\n// @ts-expect-error TS2417 — tagName narrows to a different literal for custom element registration.\nexport class SliderThumbnailElement extends ThumbnailElement {\n static override readonly tagName = 'media-slider-thumbnail';\n\n readonly #ctx = new ContextConsumer(this, {\n context: sliderContext,\n subscribe: true,\n });\n\n protected override update(changed: PropertyValues): void {\n const ctx = this.#ctx.value;\n if (ctx) this.time = ctx.pointerValue;\n super.update(changed);\n }\n}\n","import type { SliderState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { sliderContext } from './context';\n\nexport class SliderTrackElement extends ContextPartElement<SliderState> {\n static readonly tagName = 'media-slider-track';\n\n protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n}\n","import { applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderValueElement extends MediaElement {\n static readonly tagName = 'media-slider-value';\n\n static override properties = {\n type: { type: String },\n } satisfies PropertyDeclarationMap<'type'>;\n\n type: 'current' | 'pointer' = 'current';\n\n readonly #ctx = new ContextConsumer(this, {\n context: sliderContext,\n subscribe: true,\n });\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('aria-live', 'off');\n }\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n\n const ctx = this.#ctx.value;\n if (!ctx) return;\n\n const value = this.type === 'pointer' ? ctx.pointerValue : ctx.state.value;\n\n this.textContent = ctx.formatValue ? ctx.formatValue(value, this.type) : String(Math.round(value));\n\n applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n }\n}\n","import { TimeSliderCore, TimeSliderDataAttrs } from '@videojs/core';\nimport {\n applyElementProps,\n applyStateDataAttrs,\n createSlider,\n getTimeSliderCSSVars,\n logMissingFeature,\n type SliderApi,\n selectBuffer,\n selectTime,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { applyStyles, isRTL } from '@videojs/utils/dom';\nimport { formatTime } from '@videojs/utils/time';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from '../slider/context';\n\nexport class TimeSliderElement extends MediaElement {\n static readonly tagName = 'media-time-slider';\n\n static override properties = {\n label: { type: String },\n commitThrottle: { type: Number, attribute: 'commit-throttle' },\n step: { type: Number },\n largeStep: { type: Number, attribute: 'large-step' },\n orientation: { type: String },\n disabled: { type: Boolean },\n thumbAlignment: { type: String, attribute: 'thumb-alignment' },\n } satisfies PropertyDeclarationMap<Exclude<keyof TimeSliderCore.Props, 'value' | 'min' | 'max'>>;\n\n label = TimeSliderCore.defaultProps.label;\n commitThrottle = TimeSliderCore.defaultProps.commitThrottle;\n step = TimeSliderCore.defaultProps.step;\n largeStep = TimeSliderCore.defaultProps.largeStep;\n orientation = TimeSliderCore.defaultProps.orientation;\n disabled = TimeSliderCore.defaultProps.disabled;\n thumbAlignment = TimeSliderCore.defaultProps.thumbAlignment;\n\n readonly #core = new TimeSliderCore();\n readonly #provider = new ContextProvider(this, { context: sliderContext });\n readonly #timeState = new PlayerController(this, playerContext, selectTime);\n readonly #bufferState = new PlayerController(this, playerContext, selectBuffer);\n\n #slider: SliderApi | null = null;\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 const signal = this.#disconnect.signal;\n\n this.#slider = createSlider({\n getElement: () => this,\n getThumbElement: () => this.querySelector<HTMLElement>('media-slider-thumb'),\n getOrientation: () => this.orientation,\n isRTL: () => isRTL(this),\n isDisabled: () => this.disabled || !this.#timeState.value,\n getPercent: () => {\n const media = this.#timeState.value;\n if (!media) return 0;\n return this.#core.percentFromValue(media.currentTime);\n },\n getStepPercent: () => this.#core.getStepPercent(),\n getLargeStepPercent: () => this.#core.getLargeStepPercent(),\n onValueCommit: (percent) => {\n const media = this.#timeState.value;\n if (media) media.seek(this.#core.rawValueFromPercent(percent));\n },\n commitThrottle: this.commitThrottle,\n onDragStart: () => {\n this.dispatchEvent(new CustomEvent('drag-start', { bubbles: true }));\n },\n onDragEnd: () => {\n this.dispatchEvent(new CustomEvent('drag-end', { bubbles: true }));\n },\n adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),\n onResize: () => this.requestUpdate(),\n });\n\n applyElementProps(this, this.#slider.rootProps, { signal });\n applyStyles(this, this.#slider.rootStyle);\n this.#slider.input.subscribe(() => this.requestUpdate(), { signal });\n\n if (__DEV__ && !this.#timeState.value) {\n logMissingFeature(this.localName, this.#timeState.displayName!);\n }\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#disconnect?.abort();\n this.#disconnect = null;\n }\n\n override destroyCallback(): void {\n this.#slider?.destroy();\n super.destroyCallback();\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 if (!this.#slider) return;\n\n const time = this.#timeState.value;\n const buffer = this.#bufferState.value;\n if (!time) return;\n\n this.#core.setInput(this.#slider.input.current);\n const media = { ...time, ...(buffer ?? { buffered: [], seekable: [] }) };\n this.#core.setMedia(media);\n const state = this.#core.getState();\n\n const cssVars = getTimeSliderCSSVars(this.#slider.adjustForAlignment(state));\n\n applyStyles(this, cssVars);\n\n // Domain-specific data attributes on root (includes data-seeking).\n applyStateDataAttrs(this, state, TimeSliderDataAttrs);\n\n // Provide context to child elements with base slider data attrs.\n this.#provider.setValue({\n state,\n stateAttrMap: TimeSliderDataAttrs,\n pointerValue: this.#core.valueFromPercent(state.pointerPercent),\n thumbAttrs: this.#core.getAttrs(state),\n thumbProps: this.#slider.thumbProps,\n formatValue: (value) => formatTime(value, state.duration),\n });\n }\n}\n","import { SliderBufferElement } from '../../ui/slider/slider-buffer-element';\nimport { SliderFillElement } from '../../ui/slider/slider-fill-element';\nimport { SliderPreviewElement } from '../../ui/slider/slider-preview-element';\nimport { SliderThumbElement } from '../../ui/slider/slider-thumb-element';\nimport { SliderThumbnailElement } from '../../ui/slider/slider-thumbnail-element';\nimport { SliderTrackElement } from '../../ui/slider/slider-track-element';\nimport { SliderValueElement } from '../../ui/slider/slider-value-element';\nimport { TimeSliderElement } from '../../ui/time-slider/time-slider-element';\nimport { safeDefine } from '../safe-define';\n\n// Parent slider first — sub-elements consume its context.\nsafeDefine(TimeSliderElement);\nsafeDefine(SliderBufferElement);\nsafeDefine(SliderFillElement);\nsafeDefine(SliderPreviewElement);\nsafeDefine(SliderThumbElement);\nsafeDefine(SliderThumbnailElement);\nsafeDefine(SliderTrackElement);\nsafeDefine(SliderValueElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [TimeSliderElement.tagName]: TimeSliderElement;\n }\n}\n","import type { TooltipGroupCore } from '@videojs/core';\nimport { createContext } from '@videojs/element/context';\n\nconst TOOLTIP_GROUP_CONTEXT_KEY = Symbol('@videojs/tooltip-group');\n\nexport const tooltipGroupContext = createContext<TooltipGroupCore>(TOOLTIP_GROUP_CONTEXT_KEY);\n","import { TooltipCore, TooltipCSSVars, TooltipDataAttrs, type TooltipInput } from '@videojs/core';\nimport {\n applyElementProps,\n applyStateDataAttrs,\n createTooltip,\n createTransition,\n getAnchorNameStyle,\n getAnchorPositionStyle,\n getPopupPositionRect,\n resolveOffsets,\n type TooltipApi,\n type TooltipChangeDetails,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport { SnapshotController } from '@videojs/store/html';\nimport { applyStyles, supportsAnchorPositioning, tryHidePopover, tryShowPopover } from '@videojs/utils/dom';\n\nimport { MediaElement } from '../media-element';\nimport { tooltipGroupContext } from './context';\n\nexport class TooltipElement extends MediaElement {\n static readonly tagName = 'media-tooltip';\n\n static override properties = {\n open: { type: Boolean },\n defaultOpen: { type: Boolean, attribute: 'default-open' },\n side: { type: String },\n align: { type: String },\n delay: { type: Number },\n closeDelay: { type: Number, attribute: 'close-delay' },\n disableHoverablePopup: { type: Boolean, attribute: 'disable-hoverable-popup' },\n disabled: { type: Boolean },\n } satisfies PropertyDeclarationMap<keyof TooltipCore.Props>;\n\n open = TooltipCore.defaultProps.open;\n defaultOpen = TooltipCore.defaultProps.defaultOpen;\n side = TooltipCore.defaultProps.side;\n align = TooltipCore.defaultProps.align;\n delay = TooltipCore.defaultProps.delay;\n closeDelay = TooltipCore.defaultProps.closeDelay;\n disableHoverablePopup = TooltipCore.defaultProps.disableHoverablePopup;\n disabled = TooltipCore.defaultProps.disabled;\n\n readonly #core = new TooltipCore();\n readonly #groupConsumer = new ContextConsumer(this, { context: tooltipGroupContext });\n #tooltip: TooltipApi | null = null;\n #snapshot: SnapshotController<TooltipInput> | null = null;\n\n // Cleanup controllers\n #disconnect: AbortController | null = null;\n #triggerAbort: AbortController | null = null;\n #currentTrigger: HTMLElement | null = null;\n #positionAbort: AbortController | null = null;\n #positionFrame = 0;\n #resizeObserver: ResizeObserver | null = null;\n #positionTrigger: HTMLElement | null = null;\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.#disconnect = new AbortController();\n\n this.#tooltip = createTooltip({\n transition: createTransition(),\n onOpenChange: (nextOpen: boolean, details: TooltipChangeDetails) => {\n this.open = nextOpen;\n this.dispatchEvent(new CustomEvent('open-change', { detail: { open: nextOpen, ...details } }));\n },\n delay: () => this.delay,\n closeDelay: () => this.closeDelay,\n disableHoverablePopup: () => this.disableHoverablePopup,\n disabled: () => this.disabled,\n // Lazy getter — group may arrive after connect via context.\n group: () => this.#groupConsumer.value,\n });\n\n // Register self as the popup element — the element IS the popup.\n this.#tooltip.setPopupElement(this);\n\n // Apply popup event handlers (pointerenter/leave, focusout) to self.\n applyElementProps(this, this.#tooltip.popupProps, { signal: this.#disconnect.signal });\n\n // Subscribe to interaction state for reactive updates.\n if (this.#snapshot) {\n this.#snapshot.track(this.#tooltip.input);\n } else {\n this.#snapshot = new SnapshotController(this, this.#tooltip.input);\n }\n }\n\n protected override firstUpdated(changed: PropertyValues): void {\n super.firstUpdated(changed);\n\n // Uncontrolled mode: open if `defaultOpen` is set. Controlled `open`\n // is already synced by `willUpdate` on the first render cycle.\n if (this.defaultOpen && !this.open) {\n this.#tooltip?.open();\n }\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#cleanupPositioning();\n this.#cleanupTrigger();\n this.#tooltip?.destroy();\n this.#tooltip = null;\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 // Sync controlled open state\n if (this.#tooltip && changed.has('open')) {\n const { active: interactionOpen } = this.#tooltip.input.current;\n if (this.open !== interactionOpen) {\n if (this.open) {\n this.#tooltip.open();\n } else {\n this.#tooltip.close();\n }\n }\n }\n }\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n if (!this.#tooltip) return;\n\n // Discover trigger via commandfor linkage.\n const triggerEl = this.#findTrigger();\n this.#syncTrigger(triggerEl);\n\n // Derive state from core + input.\n const input = this.#tooltip.input.current;\n this.#core.setInput(input);\n const state = this.#core.getState();\n\n // Apply popup ARIA and data attributes to self.\n applyElementProps(this, this.#core.getPopupAttrs(state));\n applyStateDataAttrs(this, state, TooltipDataAttrs);\n\n // Show/hide via Popover API AFTER data attributes are applied so\n // `data-starting-style` is present before the first visible frame.\n if (state.open) {\n tryShowPopover(this);\n } else {\n tryHidePopover(this);\n }\n\n // Apply trigger ARIA and anchor-name to the discovered trigger.\n if (this.#currentTrigger) {\n applyElementProps(this.#currentTrigger, this.#core.getTriggerAttrs(state, this.id));\n applyStyles(this.#currentTrigger, getAnchorNameStyle(this.id));\n }\n\n // Skip positioning when closed — no rects to measure.\n if (!state.open) {\n this.#cleanupPositioning();\n return;\n }\n\n // Apply positioning styles to self.\n const posOpts = { side: state.side, align: state.align };\n\n if (supportsAnchorPositioning()) {\n // Native CSS Anchor Positioning — no JS rect measurements needed.\n applyStyles(\n this,\n getAnchorPositionStyle(this.id, posOpts, undefined, undefined, undefined, undefined, TooltipCSSVars)\n );\n } else {\n // JS fallback: measure rects and resolve CSS var offsets.\n const triggerRect = this.#currentTrigger?.getBoundingClientRect();\n const selfRect = getPopupPositionRect(this);\n const boundaryRect = document.documentElement.getBoundingClientRect();\n const offsets = resolveOffsets(this, TooltipCSSVars);\n applyStyles(\n this,\n getAnchorPositionStyle(this.id, posOpts, triggerRect, selfRect, boundaryRect, offsets, TooltipCSSVars)\n );\n }\n\n this.#syncPositioning();\n }\n\n // --- Trigger discovery ---\n\n #findTrigger(): HTMLElement | null {\n if (!this.id) return null;\n const root = this.getRootNode() as Document | ShadowRoot;\n return root.querySelector<HTMLElement>(`[commandfor=\"${this.id}\"]`);\n }\n\n #syncTrigger(triggerEl: HTMLElement | null): void {\n if (triggerEl === this.#currentTrigger) return;\n\n this.#cleanupPositioning();\n this.#cleanupTrigger();\n this.#currentTrigger = triggerEl;\n this.#tooltip?.setTriggerElement(triggerEl);\n\n if (triggerEl && this.#tooltip) {\n this.#triggerAbort = new AbortController();\n applyElementProps(triggerEl, this.#tooltip.triggerProps, { signal: this.#triggerAbort.signal });\n }\n }\n\n #cleanupTrigger(): void {\n if (this.#currentTrigger) {\n // Remove ARIA attributes and anchor-name style from the old trigger.\n applyElementProps(this.#currentTrigger, {\n 'aria-describedby': undefined,\n });\n this.#currentTrigger.style.removeProperty('anchor-name');\n }\n\n this.#triggerAbort?.abort();\n this.#triggerAbort = null;\n this.#currentTrigger = null;\n }\n\n #syncPositioning(): void {\n if (supportsAnchorPositioning()) return;\n\n const triggerEl = this.#currentTrigger;\n\n if (!triggerEl) return;\n if (this.#positionAbort && this.#positionTrigger === triggerEl) return;\n\n this.#cleanupPositioning();\n this.#positionAbort = new AbortController();\n this.#positionTrigger = triggerEl;\n const { signal } = this.#positionAbort;\n\n const reposition = () => {\n cancelAnimationFrame(this.#positionFrame);\n this.#positionFrame = requestAnimationFrame(() => {\n if (signal.aborted) return;\n this.requestUpdate();\n });\n };\n\n window.addEventListener('scroll', reposition, { capture: true, passive: true, signal });\n window.addEventListener('resize', reposition, { signal });\n\n if (typeof ResizeObserver === 'function') {\n this.#resizeObserver = new ResizeObserver(() => {\n reposition();\n });\n this.#resizeObserver.observe(triggerEl);\n this.#resizeObserver.observe(this);\n }\n\n reposition();\n }\n\n #cleanupPositioning(): void {\n this.#positionAbort?.abort();\n this.#positionAbort = null;\n this.#positionTrigger = null;\n cancelAnimationFrame(this.#positionFrame);\n this.#positionFrame = 0;\n this.#resizeObserver?.disconnect();\n this.#resizeObserver = null;\n }\n}\n","import { TooltipElement } from '../../ui/tooltip/tooltip-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(TooltipElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [TooltipElement.tagName]: TooltipElement;\n }\n}\n","import { TooltipGroupCore } from '@videojs/core';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { tooltipGroupContext } from './context';\n\nexport class TooltipGroupElement extends MediaElement {\n static readonly tagName = 'media-tooltip-group';\n\n static override properties = {\n delay: { type: Number },\n closeDelay: { type: Number, attribute: 'close-delay' },\n timeout: { type: Number },\n } satisfies PropertyDeclarationMap<keyof TooltipGroupCore.Props>;\n\n delay = TooltipGroupCore.defaultProps.delay;\n closeDelay = TooltipGroupCore.defaultProps.closeDelay;\n timeout = TooltipGroupCore.defaultProps.timeout;\n\n readonly #core = new TooltipGroupCore();\n readonly #provider = new ContextProvider(this, { context: tooltipGroupContext, initialValue: this.#core });\n\n protected override update(_changed: PropertyValues): void {\n super.update(_changed);\n this.#core.setProps(this);\n this.#provider.setValue(this.#core);\n }\n}\n","import { TooltipGroupElement } from '../../ui/tooltip/tooltip-group-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(TooltipGroupElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [TooltipGroupElement.tagName]: TooltipGroupElement;\n }\n}\n","import { VolumeSliderCore, VolumeSliderDataAttrs } from '@videojs/core';\nimport {\n applyElementProps,\n applyStateDataAttrs,\n createSlider,\n getSliderCSSVars,\n logMissingFeature,\n type SliderApi,\n selectVolume,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { applyStyles, isRTL } from '@videojs/utils/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from '../slider/context';\n\nexport class VolumeSliderElement extends MediaElement {\n static readonly tagName = 'media-volume-slider';\n\n static override properties = {\n label: { type: String },\n step: { type: Number },\n largeStep: { type: Number, attribute: 'large-step' },\n orientation: { type: String },\n disabled: { type: Boolean },\n thumbAlignment: { type: String, attribute: 'thumb-alignment' },\n } satisfies PropertyDeclarationMap<Exclude<keyof VolumeSliderCore.Props, 'value' | 'min' | 'max'>>;\n\n label = VolumeSliderCore.defaultProps.label;\n step = VolumeSliderCore.defaultProps.step;\n largeStep = VolumeSliderCore.defaultProps.largeStep;\n orientation = VolumeSliderCore.defaultProps.orientation;\n disabled = VolumeSliderCore.defaultProps.disabled;\n thumbAlignment = VolumeSliderCore.defaultProps.thumbAlignment;\n\n readonly #core = new VolumeSliderCore();\n readonly #provider = new ContextProvider(this, { context: sliderContext });\n readonly #volumeState = new PlayerController(this, playerContext, selectVolume);\n\n #slider: SliderApi | null = null;\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 const signal = this.#disconnect.signal;\n\n this.#slider = createSlider({\n getElement: () => this,\n getThumbElement: () => this.querySelector<HTMLElement>('media-slider-thumb'),\n getOrientation: () => this.orientation,\n isRTL: () => isRTL(this),\n isDisabled: () => this.disabled || !this.#volumeState.value,\n getPercent: () => {\n const media = this.#volumeState.value;\n if (!media) return 0;\n return media.volume * 100;\n },\n getStepPercent: () => this.#core.getStepPercent(),\n getLargeStepPercent: () => this.#core.getLargeStepPercent(),\n onValueChange: (percent) => {\n this.#setVolume(percent);\n },\n onValueCommit: (percent) => {\n this.#setVolume(percent);\n },\n onDragStart: () => {\n this.dispatchEvent(new CustomEvent('drag-start', { bubbles: true }));\n },\n onDragEnd: () => {\n this.dispatchEvent(new CustomEvent('drag-end', { bubbles: true }));\n },\n adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),\n onResize: () => this.requestUpdate(),\n });\n\n applyElementProps(this, this.#slider.rootProps, { signal });\n applyStyles(this, this.#slider.rootStyle);\n this.#slider.input.subscribe(() => this.requestUpdate(), { signal });\n\n if (__DEV__ && !this.#volumeState.value) {\n logMissingFeature(this.localName, this.#volumeState.displayName!);\n }\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#disconnect?.abort();\n this.#disconnect = null;\n }\n\n override destroyCallback(): void {\n this.#slider?.destroy();\n super.destroyCallback();\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 if (!this.#slider) return;\n\n const media = this.#volumeState.value;\n if (!media) return;\n\n this.#core.setInput(this.#slider.input.current);\n this.#core.setMedia(media);\n const state = this.#core.getState();\n\n const cssVars = getSliderCSSVars(this.#slider.adjustForAlignment(state));\n\n applyStyles(this, cssVars);\n\n // Apply data attributes to root.\n applyStateDataAttrs(this, state, VolumeSliderDataAttrs);\n\n // Provide context to child elements.\n this.#provider.setValue({\n state,\n stateAttrMap: VolumeSliderDataAttrs,\n pointerValue: this.#core.valueFromPercent(state.pointerPercent),\n thumbAttrs: this.#core.getAttrs(state),\n thumbProps: this.#slider.thumbProps,\n formatValue: (value) => `${Math.round(value)}%`,\n });\n }\n\n #setVolume(percent: number): void {\n const media = this.#volumeState.value;\n media?.setVolume(this.#core.valueFromPercent(percent) / 100);\n }\n}\n","import { SliderFillElement } from '../../ui/slider/slider-fill-element';\nimport { SliderPreviewElement } from '../../ui/slider/slider-preview-element';\nimport { SliderThumbElement } from '../../ui/slider/slider-thumb-element';\nimport { SliderTrackElement } from '../../ui/slider/slider-track-element';\nimport { SliderValueElement } from '../../ui/slider/slider-value-element';\nimport { VolumeSliderElement } from '../../ui/volume-slider/volume-slider-element';\nimport { safeDefine } from '../safe-define';\n\n// Parent slider first — sub-elements consume its context.\nsafeDefine(VolumeSliderElement);\nsafeDefine(SliderFillElement);\nsafeDefine(SliderPreviewElement);\nsafeDefine(SliderThumbElement);\nsafeDefine(SliderTrackElement);\nsafeDefine(SliderValueElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [VolumeSliderElement.tagName]: VolumeSliderElement;\n }\n}\n"],"mappings":"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"}

package/dist/default/_virtual/inline-css_src/define/audio/minimal-skin.js CHANGED Viewed

@@ -1,5 +1,5 @@
 //#region inline-css:src/define/audio/minimal-skin.js
-var minimal_skin_default = "/* ==========================================================================\n   Icon State Visibility for Audio Skins\n\n   Data-attribute-driven visibility rules for multi-state icon buttons.\n   Uses :is() with both element selectors (for HTML custom element wrappers)\n   and class selectors (for React rendered SVG elements).\n   ========================================================================== */\n\n/* --- All icons hidden by default --- */\n\n.media-button--play .media-icon--restart,\n.media-button--play .media-icon--play,\n.media-button--play .media-icon--pause,\n.media-button--mute .media-icon--volume-off,\n.media-button--mute .media-icon--volume-low,\n.media-button--mute .media-icon--volume-high {\n  display: none;\n  opacity: 0;\n}\n\n/* --- Active icon per state --- */\n\n/* Play: ended → restart */\n.media-button--play[data-ended] .media-icon--restart,\n/* Play: paused (not ended) → play */\n.media-button--play:not([data-ended])[data-paused] .media-icon--play,\n/* Play: playing (not paused, not ended) → pause */\n.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,\n/* Mute: muted → volume off */\n.media-button--mute[data-muted] .media-icon--volume-off,\n/* Mute: volume low (not muted) → volume low */\n.media-button--mute:not([data-muted])[data-volume-level=\"low\"] .media-icon--volume-low,\n/* Mute: volume high (not muted, not low) → volume high */\n.media-button--mute:not([data-muted]):not([data-volume-level=\"low\"]) .media-icon--volume-high {\n  display: block;\n  opacity: 1;\n}\n\n/* ==========================================================================\n   Tooltip Label State Visibility for Audio Skins\n\n   Data-attribute-driven visibility rules for multi-state tooltip labels.\n   Uses adjacent sibling selectors to match button state → tooltip content.\n   ========================================================================== */\n\n/* --- All multi-state labels hidden by default --- */\n\n.media-tooltip-label {\n  display: none;\n}\n\n/* --- Active label per state --- */\n\n/* Play: ended → replay */\n.media-button--play[data-ended] + .media-tooltip .media-tooltip-label--replay,\n/* Play: paused (not ended) → play */\n  .media-button--play:not([data-ended])[data-paused] + .media-tooltip\n  .media-tooltip-label--play,\n/* Play: playing (not paused, not ended) → pause */\n  .media-button--play:not([data-paused]):not([data-ended]) + .media-tooltip\n  .media-tooltip-label--pause {\n  display: block;\n}\n\n/* ==========================================================================\n   Reset\n   ========================================================================== */\n\n.media-minimal-skin *,\n.media-minimal-skin *::before,\n.media-minimal-skin *::after {\n  box-sizing: border-box;\n  margin: 0;\n}\n.media-minimal-skin img,\n.media-minimal-skin video,\n.media-minimal-skin svg {\n  display: block;\n  max-width: 100%;\n}\n.media-minimal-skin button {\n  font: inherit;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .media-minimal-skin {\n    interpolate-size: allow-keywords;\n  }\n}\n\n/* ==========================================================================\n   Root Container\n   ========================================================================== */\n\n.media-minimal-skin {\n  position: relative;\n  isolation: isolate;\n  display: block;\n  container: media-root / inline-size;\n  border-radius: var(--media-border-radius, 0.75rem);\n  font-family:\n    Inter Variable,\n    Inter,\n    ui-sans-serif,\n    system-ui,\n    sans-serif;\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  letter-spacing: normal;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n/* ==========================================================================\n   Buffering Indicator\n   ========================================================================== */\n\n.media-minimal-skin .media-buffering-indicator {\n  position: absolute;\n  inset: 0;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  color: oklch(1 0 0);\n  pointer-events: none;\n\n  &[data-visible] {\n    display: flex;\n  }\n}\n\n/* ==========================================================================\n   Error Dialog\n   ========================================================================== */\n\n.media-minimal-skin .media-error {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n.media-minimal-skin .media-error__dialog {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  max-width: 16rem;\n  padding: 1rem;\n  color: oklch(1 0 0);\n  font-size: 0.875rem;\n  text-shadow: 0 1px 0 oklch(0 0 0 / 0.5);\n  transition-property: opacity, transform;\n  transition-duration: 500ms;\n  transition-delay: 100ms;\n  transition-timing-function: linear(\n    0,\n    0.034 1.5%,\n    0.763 9.7%,\n    1.066 13.9%,\n    1.198 19.9%,\n    1.184 21.8%,\n    0.963 37.5%,\n    0.997 50.9%,\n    1\n  );\n\n  /* Simple, fast transition for reduced motion users */\n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 100ms;\n    transition-delay: 0ms;\n    transition-timing-function: ease-out;\n  }\n}\n\n.media-minimal-skin .media-error[data-starting-style] .media-error__dialog,\n.media-minimal-skin .media-error[data-ending-style] .media-error__dialog {\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n.media-minimal-skin .media-error__content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.375rem 0;\n}\n\n.media-minimal-skin .media-error__title {\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.media-minimal-skin .media-error__description {\n  opacity: 0.7;\n}\n\n.media-minimal-skin .media-error__actions {\n  display: flex;\n  gap: 0.5rem;\n\n  & > * {\n    flex: 1;\n  }\n}\n\n/* ==========================================================================\n   Controls\n   ========================================================================== */\n\n.media-minimal-skin .media-controls {\n  container: media-controls / inline-size;\n  display: flex;\n  align-items: center;\n  --media-controls-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - 0.5) * 0.5), 0.25));\n  --media-controls-current-shadow-color-subtle: oklch(\n    from var(--media-controls-current-shadow-color) l c h /\n    calc(alpha * 0.4)\n  );\n  text-shadow: 0 0 1px var(--media-controls-current-shadow-color);\n}\n\n/* ==========================================================================\n   Time Controls & Display\n   ========================================================================== */\n\n.media-minimal-skin .media-time-controls {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  flex: 1;\n  gap: 0.75rem;\n}\n.media-minimal-skin .media-time {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n.media-minimal-skin .media-time__value {\n  font-variant-numeric: tabular-nums;\n}\n.media-minimal-skin .media-time__value--current,\n.media-minimal-skin .media-time__separator {\n  display: none;\n}\n@container media-controls (width > 28rem) {\n  .media-minimal-skin .media-time-controls {\n    flex-direction: row;\n  }\n  .media-minimal-skin .media-time__value--duration,\n  .media-minimal-skin .media-time__separator {\n    color: oklch(from currentColor l c h / 0.6);\n  }\n  .media-minimal-skin .media-time__value--current,\n  .media-minimal-skin .media-time__separator {\n    display: inline;\n  }\n}\n\n/* ==========================================================================\n   Button Groups\n   ========================================================================== */\n\n.media-minimal-skin .media-button-group {\n  display: flex;\n  align-items: center;\n  gap: 0.075rem;\n\n  @container media-root (width > 40rem) {\n    gap: 0.125rem;\n  }\n}\n\n/* ==========================================================================\n   Buttons\n   ========================================================================== */\n\n/* Base button */\n.media-minimal-skin .media-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  padding: 0.5rem 1rem;\n  background: oklch(1 0 0);\n  border: none;\n  border-radius: 0.5rem;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  color: oklch(0 0 0);\n  font-weight: 500;\n  text-align: center;\n  text-shadow: inherit;\n  transition-property: background-color, color, outline-offset, transform;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n  cursor: pointer;\n  user-select: none;\n\n  &:focus-visible {\n    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n  &[disabled] {\n    opacity: 0.5;\n    filter: grayscale(1);\n    cursor: not-allowed;\n  }\n\n  &[data-availability=\"unavailable\"] {\n    display: none;\n  }\n}\n\n/* Icon button variant */\n.media-minimal-skin .media-button--icon {\n  display: grid;\n  width: 2.375rem;\n  padding: 0;\n  aspect-ratio: 1;\n  background: transparent;\n  color: inherit;\n\n  &:hover,\n  &:focus-visible,\n  &[aria-expanded=\"true\"] {\n    color: oklch(from currentColor l c h / 0.8);\n    text-decoration: none;\n  }\n\n  &:active {\n    transform: scale(0.9);\n  }\n\n  & .media-icon {\n    filter: drop-shadow(0 1px 0 var(--media-controls-current-shadow-color, oklch(0 0 0 / 0.25)));\n  }\n}\n\n/* Seek button */\n.media-minimal-skin .media-button--seek {\n  & .media-icon__label {\n    position: absolute;\n    right: -1px;\n    bottom: -3px;\n    font-size: 0.75em;\n    font-weight: 480;\n    font-variant-numeric: tabular-nums;\n  }\n\n  &:has(.media-icon--flipped) .media-icon__label {\n    right: unset;\n    left: -1px;\n  }\n\n  @container media-controls (width < 28rem) {\n    display: none;\n  }\n}\n\n/* Playback rate button */\n.media-minimal-skin .media-button--playback-rate {\n  padding: 0;\n\n  &::after {\n    content: attr(data-rate) \"\\00D7\";\n    width: 4ch;\n    font-variant-numeric: tabular-nums;\n  }\n}\n\n/* ==========================================================================\n   Icons\n   ========================================================================== */\n\n.media-minimal-skin .media-icon__container {\n  position: relative;\n}\n.media-minimal-skin .media-icon {\n  display: block;\n  flex-shrink: 0;\n  grid-area: 1 / 1;\n  width: 18px;\n  height: 18px;\n  transition-behavior: allow-discrete;\n  transition-property: display, opacity;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n}\n.media-minimal-skin .media-icon--flipped {\n  scale: -1 1;\n}\n\n/* ==========================================================================\n   Slider\n   ========================================================================== */\n\n.media-minimal-skin .media-slider {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  border-radius: calc(infinity * 1px);\n  outline: none;\n\n  &[data-orientation=\"horizontal\"] {\n    min-width: 5rem;\n    width: 100%;\n    height: 1.25rem;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 1.25rem;\n    height: 4.5rem;\n  }\n}\n\n/* Track */\n.media-minimal-skin .media-slider__track {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  border-radius: inherit;\n  user-select: none;\n  background-color: oklch(from currentColor l c h / 0.2);\n\n  &[data-orientation=\"horizontal\"] {\n    width: 100%;\n    height: 0.1875rem;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 0.1875rem;\n    height: 100%;\n  }\n}\n\n/* Thumb */\n.media-minimal-skin .media-slider__thumb {\n  position: absolute;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n  width: 0.75rem;\n  height: 0.75rem;\n  background-color: currentColor;\n  border-radius: calc(infinity * 1px);\n  box-shadow:\n    0 0 0 1px var(--media-controls-current-shadow-color-subtle, oklch(0 0 0 / 0.1)),\n    0 1px 3px 0 oklch(0 0 0 / 0.15),\n    0 1px 2px -1px oklch(0 0 0 / 0.15);\n  opacity: 0;\n  scale: 0.7;\n  transform-origin: center;\n  transition-property: opacity, scale, outline-offset;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n  user-select: none;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n\n  &[data-orientation=\"horizontal\"] {\n    top: 50%;\n    left: var(--media-slider-fill);\n  }\n\n  &[data-orientation=\"vertical\"] {\n    left: 50%;\n    top: calc(100% - var(--media-slider-fill));\n  }\n\n  &:focus-visible {\n    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n}\n\n.media-minimal-skin .media-slider:hover .media-slider__thumb,\n.media-minimal-skin .media-slider:focus-within .media-slider__thumb,\n.media-minimal-skin .media-slider__thumb--persistent {\n  opacity: 1;\n  scale: 1;\n}\n\n/* Shared track fills */\n.media-minimal-skin .media-slider__buffer,\n.media-minimal-skin .media-slider__fill {\n  position: absolute;\n  border-radius: inherit;\n  pointer-events: none;\n}\n\n.media-minimal-skin .media-slider__buffer[data-orientation=\"horizontal\"],\n.media-minimal-skin .media-slider__fill[data-orientation=\"horizontal\"] {\n  inset-block: 0;\n  left: 0;\n}\n\n.media-minimal-skin .media-slider__buffer[data-orientation=\"vertical\"],\n.media-minimal-skin .media-slider__fill[data-orientation=\"vertical\"] {\n  inset-inline: 0;\n  bottom: 0;\n}\n\n/* Buffer */\n.media-minimal-skin .media-slider__buffer {\n  background-color: oklch(from currentColor l c h / 0.2);\n  transition-duration: 0.25s;\n  transition-timing-function: ease-out;\n\n  &[data-orientation=\"horizontal\"] {\n    width: var(--media-slider-buffer);\n    transition-property: width;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    height: var(--media-slider-buffer);\n    transition-property: height;\n  }\n}\n\n/* Fill */\n.media-minimal-skin .media-slider__fill {\n  background-color: currentColor;\n\n  &[data-orientation=\"horizontal\"] {\n    width: var(--media-slider-fill);\n  }\n\n  &[data-orientation=\"vertical\"] {\n    height: var(--media-slider-fill);\n  }\n}\n\n/* Time display within slider */\n.media-minimal-skin .media-slider__time-display {\n  font-variant-numeric: tabular-nums;\n}\n\n/* ==========================================================================\n   Popups & Animations\n   ========================================================================== */\n\n.media-minimal-skin .media-popover,\n.media-minimal-skin .media-tooltip {\n  margin: 0;\n  border: 0;\n  color: inherit;\n  overflow: visible;\n  transition-property: transform, scale, opacity, filter;\n  transition-duration: 200ms;\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    opacity: 0;\n    transform: scale(0);\n    filter: blur(8px);\n  }\n\n  &[data-instant] {\n    transition-duration: 0ms;\n  }\n\n  &[data-side=\"top\"] {\n    transform-origin: bottom;\n  }\n  &[data-side=\"bottom\"] {\n    transform-origin: top;\n  }\n  &[data-side=\"left\"] {\n    transform-origin: right;\n  }\n  &[data-side=\"right\"] {\n    transform-origin: left;\n  }\n}\n\n.media-minimal-skin .media-tooltip {\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  background-color: oklch(1 0 0 / 0.1);\n  backdrop-filter: blur(64px) brightness(0.9) saturate(1.5);\n  box-shadow:\n    0 4px 6px -1px oklch(0 0 0 / 0.1),\n    0 2px 4px -2px oklch(0 0 0 / 0.1);\n  font-size: 0.75rem;\n  white-space: nowrap;\n  --media-tooltip-side-offset: 0.5rem;\n\n  @media (prefers-reduced-transparency: reduce) {\n    background-color: oklch(0 0 0 / 0.7);\n  }\n\n  @media (prefers-contrast: more) {\n    background-color: oklch(0 0 0 / 0.9);\n  }\n}\n\n\n/* ==========================================================================\n  Controls\n  ========================================================================== */\n\n.media-minimal-skin--audio {\n  --media-controls-background-color: oklch(1 0 0);\n  --media-controls-border-color: oklch(0 0 0 / 0.1);\n  --media-controls-text-color: oklch(0 0 0);\n\n  @media (prefers-color-scheme: dark) {\n    --media-controls-background-color: oklch(0 0 0);\n    --media-controls-border-color: oklch(1 0 0 / 0.1);\n    --media-controls-text-color: oklch(1 0 0);\n  }\n}\n.media-minimal-skin--audio .media-controls {\n  gap: 0.5rem;\n  padding: 0.375rem;\n  background-color: var(--media-controls-background-color);\n  backdrop-filter: blur(8px) brightness(0.98) saturate(1.2);\n  border-radius: var(--media-border-radius, 0.75rem);\n  color: var(--media-controls-text-color);\n  box-shadow: 0 0 0 1px var(--media-controls-border-color);\n}\n\n/* ==========================================================================\n   Popups & Animations\n   ========================================================================== */\n\n.media-minimal-skin--audio .media-popover--volume {\n  background: linear-gradient(to left, var(--media-controls-background-color) 80%, transparent 100%);\n  padding: 0.5rem 0 0.5rem 4rem;\n  --media-popover-side-offset: 0.75rem;\n}\n\n";
+var minimal_skin_default = ".media-minimal-skin *,.media-minimal-skin :before,.media-minimal-skin :after{box-sizing:border-box}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{max-width:100%;display:block}.media-minimal-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{isolation:isolate;border-radius:var(--media-border-radius,.75rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;--media-controls-radius:var(--media-border-radius,1rem);width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;display:block;position:relative;container:media-root/inline-size}.media-minimal-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-minimal-skin .media-error__actions{gap:.5rem;display:flex;&>*{flex:1}}.media-minimal-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-minimal-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));text-shadow:0 1px 0 var(--media-controls-current-shadow-color);align-items:center;display:flex;container:media-controls/inline-size}.media-minimal-skin .media-time-controls{flex-direction:row-reverse;flex:1;align-items:center;gap:.75rem;display:flex}.media-minimal-skin .media-time{align-items:center;gap:.25rem;display:flex}.media-minimal-skin .media-time__value{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:none}@container media-controls (width>28rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time__value--duration,.media-minimal-skin .media-time__separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:inline}}.media-minimal-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>40rem){gap:.125rem}}.media-minimal-skin .media-button{border-radius:calc(var(--media-controls-radius) - var(--media-controls-padding));outline-offset:-2px;cursor:pointer;user-select:none;text-align:center;touch-action:manipulation;border:none;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;transition-property:background-color,outline-offset,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&:active{scale:.98}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}@supports (corner-shape:squircle){.media-minimal-skin .media-button{border-radius:var(--media-controls-radius);corner-shape:squircle}}.media-minimal-skin .media-button--primary{color:oklch(0% 0 0);text-shadow:none;background:oklch(100% 0 0);font-weight:500}.media-minimal-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:0 0;&:hover,&:focus-visible,&[aria-expanded=true]{background:oklch(from currentColor l c h / .1)}}.media-minimal-skin .media-button--icon{aspect-ratio:1;width:2.375rem;padding:0;display:grid;&:active{scale:.9}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-minimal-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:10px;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}@container media-controls (width<28rem){display:none}}.media-minimal-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) \"×\";font-variant-numeric:tabular-nums;width:4ch}}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin .media-slider{cursor:pointer;border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:1.25rem}&[data-orientation=vertical]{width:1.25rem;height:4.5rem}}.media-minimal-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;background-color:oklch(from currentColor l c h / .2);position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.1875rem}&[data-orientation=vertical]{width:.1875rem;height:100%}}.media-minimal-skin .media-slider__thumb{z-index:10;width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;transform-origin:50%;user-select:none;outline-offset:-2px;background-color:currentColor;border-radius:3.40282e38px;outline:2px solid #0000;transition-property:opacity,scale,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;translate:-50% -50%;scale:.7;&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{color:inherit;transition-property:scale,opacity,filter;transition-duration:var(--media-popup-transition-duration);transition-timing-function:var(--media-popup-transition-timing-function);border:0;margin:0;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.5}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}&:before{content:\"\";pointer-events:inherit;position:absolute}&[data-side=top]:before,&[data-side=bottom]:before{width:100%;inset-inline:0}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-minimal-skin .media-popover{&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-minimal-skin .media-tooltip{backdrop-filter:blur(16px)saturate(1.5);white-space:nowrap;--media-tooltip-side-offset:.75rem;background-color:oklch(100% 0 0/.1);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;box-shadow:0 4px 6px -1px oklch(0% 0 0/.1),0 2px 4px -2px oklch(0% 0 0/.1);&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-tooltip-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-tooltip-side-offset)}@media (prefers-reduced-transparency:reduce){background-color:oklch(0% 0 0/.7)}@media (prefers-contrast:more){background-color:oklch(0% 0 0/.9)}}.media-minimal-skin .media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high{opacity:0;display:none}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause{display:block}.media-minimal-skin--audio{--media-controls-background-color:oklch(100% 0 0);--media-controls-border-color:oklch(0% 0 0/.1);--media-controls-padding:.375rem;--media-text-color:var(--media-color-primary,oklch(0% 0 0));--media-error-dialog-transition-duration:.25s;--media-error-dialog-transition-delay:.1s;--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-controls-background-color:oklch(0% 0 0);--media-controls-border-color:oklch(100% 0 0/.1);--media-text-color:var(--media-color-primary,oklch(100% 0 0))}}.media-minimal-skin--audio .media-error__dialog{z-index:20;transition-property:opacity,filter,scale;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);background-color:oklch(from var(--media-controls-background-color) l c h / 1);border-radius:3.40282e38px;align-items:center;gap:1rem;padding-inline:1.25rem .5rem;transition-timing-function:ease-out;display:flex;position:absolute;inset:0}.media-minimal-skin--audio .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin--audio .media-error[data-ending-style] .media-error__dialog{opacity:0;filter:blur(4px);scale:.95}.media-minimal-skin--audio .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-minimal-skin--audio .media-error__content{flex:1;align-items:center;gap:.5rem;display:flex}.media-minimal-skin--audio .media-controls{padding:var(--media-controls-padding);background-color:var(--media-controls-background-color);backdrop-filter:blur(16px)saturate(1.5);border-radius:var(--media-controls-radius);color:var(--media-text-color);box-shadow:0 0 0 1px var(--media-controls-border-color);gap:.5rem}.media-minimal-skin--audio .media-popover--volume{background:linear-gradient(to left, var(--media-controls-background-color) 80%, transparent 100%);--media-popover-side-offset:.75rem;padding:.5rem 0 .5rem 4rem}";
 //#endregion
 export { minimal_skin_default as default };

package/dist/default/_virtual/inline-css_src/define/audio/minimal-skin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minimal-skin.js","names":[],"sources":["../../../../../../inline-css:src/define/audio/minimal-skin.js"],"sourcesContent":["export default \"/* ==========================================================================\\n Icon State Visibility for Audio Skins\\n\\n Data-attribute-driven visibility rules for multi-state icon buttons.\\n Uses :is() with both element selectors (for HTML custom element wrappers)\\n and class selectors (for React rendered SVG elements).\\n ========================================================================== /\\n\\n/ --- All icons hidden by default --- /\\n\\n.media-button--play .media-icon--restart,\\n.media-button--play .media-icon--play,\\n.media-button--play .media-icon--pause,\\n.media-button--mute .media-icon--volume-off,\\n.media-button--mute .media-icon--volume-low,\\n.media-button--mute .media-icon--volume-high {\\n display: none;\\n opacity: 0;\\n}\\n\\n/ --- Active icon per state --- /\\n\\n/ Play: ended → restart /\\n.media-button--play[data-ended] .media-icon--restart,\\n/ Play: paused (not ended) → play /\\n.media-button--play:not([data-ended])[data-paused] .media-icon--play,\\n/ Play: playing (not paused, not ended) → pause /\\n.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,\\n/ Mute: muted → volume off /\\n.media-button--mute[data-muted] .media-icon--volume-off,\\n/ Mute: volume low (not muted) → volume low /\\n.media-button--mute:not([data-muted])[data-volume-level=\\\"low\\\"] .media-icon--volume-low,\\n/ Mute: volume high (not muted, not low) → volume high /\\n.media-button--mute:not([data-muted]):not([data-volume-level=\\\"low\\\"]) .media-icon--volume-high {\\n display: block;\\n opacity: 1;\\n}\\n\\n/ ==========================================================================\\n Tooltip Label State Visibility for Audio Skins\\n\\n Data-attribute-driven visibility rules for multi-state tooltip labels.\\n Uses adjacent sibling selectors to match button state → tooltip content.\\n ========================================================================== /\\n\\n/ --- All multi-state labels hidden by default --- /\\n\\n.media-tooltip-label {\\n display: none;\\n}\\n\\n/ --- Active label per state --- /\\n\\n/ Play: ended → replay /\\n.media-button--play[data-ended] + .media-tooltip .media-tooltip-label--replay,\\n/ Play: paused (not ended) → play /\\n .media-button--play:not([data-ended])[data-paused] + .media-tooltip\\n .media-tooltip-label--play,\\n/ Play: playing (not paused, not ended) → pause /\\n .media-button--play:not([data-paused]):not([data-ended]) + .media-tooltip\\n .media-tooltip-label--pause {\\n display: block;\\n}\\n\\n/ ==========================================================================\\n Reset\\n ========================================================================== /\\n\\n.media-minimal-skin ,\\n.media-minimal-skin ::before,\\n.media-minimal-skin ::after {\\n box-sizing: border-box;\\n margin: 0;\\n}\\n.media-minimal-skin img,\\n.media-minimal-skin video,\\n.media-minimal-skin svg {\\n display: block;\\n max-width: 100%;\\n}\\n.media-minimal-skin button {\\n font: inherit;\\n}\\n@media (prefers-reduced-motion: no-preference) {\\n .media-minimal-skin {\\n interpolate-size: allow-keywords;\\n }\\n}\\n\\n/* ==========================================================================\\n Root Container\\n ========================================================================== /\\n\\n.media-minimal-skin {\\n position: relative;\\n isolation: isolate;\\n display: block;\\n container: media-root / inline-size;\\n border-radius: var(--media-border-radius, 0.75rem);\\n font-family:\\n Inter Variable,\\n Inter,\\n ui-sans-serif,\\n system-ui,\\n sans-serif;\\n font-size: 0.8125rem;\\n line-height: 1.5;\\n letter-spacing: normal;\\n -webkit-font-smoothing: auto;\\n -moz-osx-font-smoothing: auto;\\n}\\n\\n/ ==========================================================================\\n Buffering Indicator\\n ========================================================================== /\\n\\n.media-minimal-skin .media-buffering-indicator {\\n position: absolute;\\n inset: 0;\\n display: none;\\n align-items: center;\\n justify-content: center;\\n color: oklch(1 0 0);\\n pointer-events: none;\\n\\n &[data-visible] {\\n display: flex;\\n }\\n}\\n\\n/ ==========================================================================\\n Error Dialog\\n ========================================================================== /\\n\\n.media-minimal-skin .media-error {\\n position: absolute;\\n inset: 0;\\n z-index: 20;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n pointer-events: none;\\n}\\n\\n.media-minimal-skin .media-error__dialog {\\n display: flex;\\n flex-direction: column;\\n gap: 0.75rem;\\n max-width: 16rem;\\n padding: 1rem;\\n color: oklch(1 0 0);\\n font-size: 0.875rem;\\n text-shadow: 0 1px 0 oklch(0 0 0 / 0.5);\\n transition-property: opacity, transform;\\n transition-duration: 500ms;\\n transition-delay: 100ms;\\n transition-timing-function: linear(\\n 0,\\n 0.034 1.5%,\\n 0.763 9.7%,\\n 1.066 13.9%,\\n 1.198 19.9%,\\n 1.184 21.8%,\\n 0.963 37.5%,\\n 0.997 50.9%,\\n 1\\n );\\n\\n / Simple, fast transition for reduced motion users /\\n @media (prefers-reduced-motion: reduce) {\\n transition-duration: 100ms;\\n transition-delay: 0ms;\\n transition-timing-function: ease-out;\\n }\\n}\\n\\n.media-minimal-skin .media-error[data-starting-style] .media-error__dialog,\\n.media-minimal-skin .media-error[data-ending-style] .media-error__dialog {\\n opacity: 0;\\n transform: scale(0.5);\\n}\\n\\n.media-minimal-skin .media-error__content {\\n display: flex;\\n flex-direction: column;\\n gap: 0.5rem;\\n padding: 0.375rem 0;\\n}\\n\\n.media-minimal-skin .media-error__title {\\n font-weight: 600;\\n line-height: 1.25;\\n}\\n\\n.media-minimal-skin .media-error__description {\\n opacity: 0.7;\\n}\\n\\n.media-minimal-skin .media-error__actions {\\n display: flex;\\n gap: 0.5rem;\\n\\n & > {\\n flex: 1;\\n }\\n}\\n\\n/* ==========================================================================\\n Controls\\n ========================================================================== /\\n\\n.media-minimal-skin .media-controls {\\n container: media-controls / inline-size;\\n display: flex;\\n align-items: center;\\n --media-controls-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - 0.5) 0.5), 0.25));\\n --media-controls-current-shadow-color-subtle: oklch(\\n from var(--media-controls-current-shadow-color) l c h /\\n calc(alpha * 0.4)\\n );\\n text-shadow: 0 0 1px var(--media-controls-current-shadow-color);\\n}\\n\\n/* ==========================================================================\\n Time Controls & Display\\n ========================================================================== /\\n\\n.media-minimal-skin .media-time-controls {\\n display: flex;\\n flex-direction: row-reverse;\\n align-items: center;\\n flex: 1;\\n gap: 0.75rem;\\n}\\n.media-minimal-skin .media-time {\\n display: flex;\\n align-items: center;\\n gap: 0.25rem;\\n}\\n.media-minimal-skin .media-time__value {\\n font-variant-numeric: tabular-nums;\\n}\\n.media-minimal-skin .media-time__value--current,\\n.media-minimal-skin .media-time__separator {\\n display: none;\\n}\\n@container media-controls (width > 28rem) {\\n .media-minimal-skin .media-time-controls {\\n flex-direction: row;\\n }\\n .media-minimal-skin .media-time__value--duration,\\n .media-minimal-skin .media-time__separator {\\n color: oklch(from currentColor l c h / 0.6);\\n }\\n .media-minimal-skin .media-time__value--current,\\n .media-minimal-skin .media-time__separator {\\n display: inline;\\n }\\n}\\n\\n/ ==========================================================================\\n Button Groups\\n ========================================================================== /\\n\\n.media-minimal-skin .media-button-group {\\n display: flex;\\n align-items: center;\\n gap: 0.075rem;\\n\\n @container media-root (width > 40rem) {\\n gap: 0.125rem;\\n }\\n}\\n\\n/ ==========================================================================\\n Buttons\\n ========================================================================== /\\n\\n/ Base button /\\n.media-minimal-skin .media-button {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-shrink: 0;\\n padding: 0.5rem 1rem;\\n background: oklch(1 0 0);\\n border: none;\\n border-radius: 0.5rem;\\n outline: 2px solid transparent;\\n outline-offset: -2px;\\n color: oklch(0 0 0);\\n font-weight: 500;\\n text-align: center;\\n text-shadow: inherit;\\n transition-property: background-color, color, outline-offset, transform;\\n transition-duration: 150ms;\\n transition-timing-function: ease-out;\\n cursor: pointer;\\n user-select: none;\\n\\n &:focus-visible {\\n outline-color: currentColor;\\n outline-offset: 2px;\\n }\\n\\n &[disabled] {\\n opacity: 0.5;\\n filter: grayscale(1);\\n cursor: not-allowed;\\n }\\n\\n &[data-availability=\\\"unavailable\\\"] {\\n display: none;\\n }\\n}\\n\\n/ Icon button variant /\\n.media-minimal-skin .media-button--icon {\\n display: grid;\\n width: 2.375rem;\\n padding: 0;\\n aspect-ratio: 1;\\n background: transparent;\\n color: inherit;\\n\\n &:hover,\\n &:focus-visible,\\n &[aria-expanded=\\\"true\\\"] {\\n color: oklch(from currentColor l c h / 0.8);\\n text-decoration: none;\\n }\\n\\n &:active {\\n transform: scale(0.9);\\n }\\n\\n & .media-icon {\\n filter: drop-shadow(0 1px 0 var(--media-controls-current-shadow-color, oklch(0 0 0 / 0.25)));\\n }\\n}\\n\\n/ Seek button /\\n.media-minimal-skin .media-button--seek {\\n & .media-icon__label {\\n position: absolute;\\n right: -1px;\\n bottom: -3px;\\n font-size: 0.75em;\\n font-weight: 480;\\n font-variant-numeric: tabular-nums;\\n }\\n\\n &:has(.media-icon--flipped) .media-icon__label {\\n right: unset;\\n left: -1px;\\n }\\n\\n @container media-controls (width < 28rem) {\\n display: none;\\n }\\n}\\n\\n/ Playback rate button /\\n.media-minimal-skin .media-button--playback-rate {\\n padding: 0;\\n\\n &::after {\\n content: attr(data-rate) \\\"\\\\00D7\\\";\\n width: 4ch;\\n font-variant-numeric: tabular-nums;\\n }\\n}\\n\\n/ ==========================================================================\\n Icons\\n ========================================================================== /\\n\\n.media-minimal-skin .media-icon__container {\\n position: relative;\\n}\\n.media-minimal-skin .media-icon {\\n display: block;\\n flex-shrink: 0;\\n grid-area: 1 / 1;\\n width: 18px;\\n height: 18px;\\n transition-behavior: allow-discrete;\\n transition-property: display, opacity;\\n transition-duration: 150ms;\\n transition-timing-function: ease-out;\\n}\\n.media-minimal-skin .media-icon--flipped {\\n scale: -1 1;\\n}\\n\\n/ ==========================================================================\\n Slider\\n ========================================================================== /\\n\\n.media-minimal-skin .media-slider {\\n position: relative;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex: 1;\\n border-radius: calc(infinity 1px);\\n outline: none;\\n\\n &[data-orientation=\\\"horizontal\\\"] {\\n min-width: 5rem;\\n width: 100%;\\n height: 1.25rem;\\n }\\n\\n &[data-orientation=\\\"vertical\\\"] {\\n width: 1.25rem;\\n height: 4.5rem;\\n }\\n}\\n\\n/* Track /\\n.media-minimal-skin .media-slider__track {\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n border-radius: inherit;\\n user-select: none;\\n background-color: oklch(from currentColor l c h / 0.2);\\n\\n &[data-orientation=\\\"horizontal\\\"] {\\n width: 100%;\\n height: 0.1875rem;\\n }\\n\\n &[data-orientation=\\\"vertical\\\"] {\\n width: 0.1875rem;\\n height: 100%;\\n }\\n}\\n\\n/ Thumb /\\n.media-minimal-skin .media-slider__thumb {\\n position: absolute;\\n transform: translate(-50%, -50%);\\n z-index: 10;\\n width: 0.75rem;\\n height: 0.75rem;\\n background-color: currentColor;\\n border-radius: calc(infinity 1px);\\n box-shadow:\\n 0 0 0 1px var(--media-controls-current-shadow-color-subtle, oklch(0 0 0 / 0.1)),\\n 0 1px 3px 0 oklch(0 0 0 / 0.15),\\n 0 1px 2px -1px oklch(0 0 0 / 0.15);\\n opacity: 0;\\n scale: 0.7;\\n transform-origin: center;\\n transition-property: opacity, scale, outline-offset;\\n transition-duration: 150ms;\\n transition-timing-function: ease-out;\\n user-select: none;\\n outline: 2px solid transparent;\\n outline-offset: -2px;\\n\\n &[data-orientation=\\\"horizontal\\\"] {\\n top: 50%;\\n left: var(--media-slider-fill);\\n }\\n\\n &[data-orientation=\\\"vertical\\\"] {\\n left: 50%;\\n top: calc(100% - var(--media-slider-fill));\\n }\\n\\n &:focus-visible {\\n outline-color: currentColor;\\n outline-offset: 2px;\\n }\\n}\\n\\n.media-minimal-skin .media-slider:hover .media-slider__thumb,\\n.media-minimal-skin .media-slider:focus-within .media-slider__thumb,\\n.media-minimal-skin .media-slider__thumb--persistent {\\n opacity: 1;\\n scale: 1;\\n}\\n\\n/* Shared track fills /\\n.media-minimal-skin .media-slider__buffer,\\n.media-minimal-skin .media-slider__fill {\\n position: absolute;\\n border-radius: inherit;\\n pointer-events: none;\\n}\\n\\n.media-minimal-skin .media-slider__buffer[data-orientation=\\\"horizontal\\\"],\\n.media-minimal-skin .media-slider__fill[data-orientation=\\\"horizontal\\\"] {\\n inset-block: 0;\\n left: 0;\\n}\\n\\n.media-minimal-skin .media-slider__buffer[data-orientation=\\\"vertical\\\"],\\n.media-minimal-skin .media-slider__fill[data-orientation=\\\"vertical\\\"] {\\n inset-inline: 0;\\n bottom: 0;\\n}\\n\\n/ Buffer /\\n.media-minimal-skin .media-slider__buffer {\\n background-color: oklch(from currentColor l c h / 0.2);\\n transition-duration: 0.25s;\\n transition-timing-function: ease-out;\\n\\n &[data-orientation=\\\"horizontal\\\"] {\\n width: var(--media-slider-buffer);\\n transition-property: width;\\n }\\n\\n &[data-orientation=\\\"vertical\\\"] {\\n height: var(--media-slider-buffer);\\n transition-property: height;\\n }\\n}\\n\\n/ Fill /\\n.media-minimal-skin .media-slider__fill {\\n background-color: currentColor;\\n\\n &[data-orientation=\\\"horizontal\\\"] {\\n width: var(--media-slider-fill);\\n }\\n\\n &[data-orientation=\\\"vertical\\\"] {\\n height: var(--media-slider-fill);\\n }\\n}\\n\\n/ Time display within slider /\\n.media-minimal-skin .media-slider__time-display {\\n font-variant-numeric: tabular-nums;\\n}\\n\\n/ ==========================================================================\\n Popups & Animations\\n ========================================================================== /\\n\\n.media-minimal-skin .media-popover,\\n.media-minimal-skin .media-tooltip {\\n margin: 0;\\n border: 0;\\n color: inherit;\\n overflow: visible;\\n transition-property: transform, scale, opacity, filter;\\n transition-duration: 200ms;\\n\\n &[data-starting-style],\\n &[data-ending-style] {\\n opacity: 0;\\n transform: scale(0);\\n filter: blur(8px);\\n }\\n\\n &[data-instant] {\\n transition-duration: 0ms;\\n }\\n\\n &[data-side=\\\"top\\\"] {\\n transform-origin: bottom;\\n }\\n &[data-side=\\\"bottom\\\"] {\\n transform-origin: top;\\n }\\n &[data-side=\\\"left\\\"] {\\n transform-origin: right;\\n }\\n &[data-side=\\\"right\\\"] {\\n transform-origin: left;\\n }\\n}\\n\\n.media-minimal-skin .media-tooltip {\\n padding: 0.25rem 0.5rem;\\n border-radius: 0.25rem;\\n background-color: oklch(1 0 0 / 0.1);\\n backdrop-filter: blur(64px) brightness(0.9) saturate(1.5);\\n box-shadow:\\n 0 4px 6px -1px oklch(0 0 0 / 0.1),\\n 0 2px 4px -2px oklch(0 0 0 / 0.1);\\n font-size: 0.75rem;\\n white-space: nowrap;\\n --media-tooltip-side-offset: 0.5rem;\\n\\n @media (prefers-reduced-transparency: reduce) {\\n background-color: oklch(0 0 0 / 0.7);\\n }\\n\\n @media (prefers-contrast: more) {\\n background-color: oklch(0 0 0 / 0.9);\\n }\\n}\\n\\n\\n/ ==========================================================================\\n Controls\\n ========================================================================== /\\n\\n.media-minimal-skin--audio {\\n --media-controls-background-color: oklch(1 0 0);\\n --media-controls-border-color: oklch(0 0 0 / 0.1);\\n --media-controls-text-color: oklch(0 0 0);\\n\\n @media (prefers-color-scheme: dark) {\\n --media-controls-background-color: oklch(0 0 0);\\n --media-controls-border-color: oklch(1 0 0 / 0.1);\\n --media-controls-text-color: oklch(1 0 0);\\n }\\n}\\n.media-minimal-skin--audio .media-controls {\\n gap: 0.5rem;\\n padding: 0.375rem;\\n background-color: var(--media-controls-background-color);\\n backdrop-filter: blur(8px) brightness(0.98) saturate(1.2);\\n border-radius: var(--media-border-radius, 0.75rem);\\n color: var(--media-controls-text-color);\\n box-shadow: 0 0 0 1px var(--media-controls-border-color);\\n}\\n\\n/ ==========================================================================\\n Popups & Animations\\n ========================================================================== */\\n\\n.media-minimal-skin--audio .media-popover--volume {\\n background: linear-gradient(to left, var(--media-controls-background-color) 80%, transparent 100%);\\n padding: 0.5rem 0 0.5rem 4rem;\\n --media-popover-side-offset: 0.75rem;\\n}\\n\\n\";"],"mappings":";AAAA,2BAAe"}
1	+ {"version":3,"file":"minimal-skin.js","names":[],"sources":["../../../../../../inline-css:src/define/audio/minimal-skin.js"],"sourcesContent":["export default \".media-minimal-skin ,.media-minimal-skin :before,.media-minimal-skin :after{box-sizing:border-box}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{max-width:100%;display:block}.media-minimal-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{isolation:isolate;border-radius:var(--media-border-radius,.75rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;--media-controls-radius:var(--media-border-radius,1rem);width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;display:block;position:relative;container:media-root/inline-size}.media-minimal-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-minimal-skin .media-error__actions{gap:.5rem;display:flex;&>{flex:1}}.media-minimal-skin .media-error[data-open]~.media-controls {visibility:hidden}.media-minimal-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) .5), .15));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));text-shadow:0 1px 0 var(--media-controls-current-shadow-color);align-items:center;display:flex;container:media-controls/inline-size}.media-minimal-skin .media-time-controls{flex-direction:row-reverse;flex:1;align-items:center;gap:.75rem;display:flex}.media-minimal-skin .media-time{align-items:center;gap:.25rem;display:flex}.media-minimal-skin .media-time__value{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:none}@container media-controls (width>28rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time__value--duration,.media-minimal-skin .media-time__separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:inline}}.media-minimal-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>40rem){gap:.125rem}}.media-minimal-skin .media-button{border-radius:calc(var(--media-controls-radius) - var(--media-controls-padding));outline-offset:-2px;cursor:pointer;user-select:none;text-align:center;touch-action:manipulation;border:none;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;transition-property:background-color,outline-offset,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&:active{scale:.98}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}@supports (corner-shape:squircle){.media-minimal-skin .media-button{border-radius:var(--media-controls-radius);corner-shape:squircle}}.media-minimal-skin .media-button--primary{color:oklch(0% 0 0);text-shadow:none;background:oklch(100% 0 0);font-weight:500}.media-minimal-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:0 0;&:hover,&:focus-visible,&[aria-expanded=true]{background:oklch(from currentColor l c h / .1)}}.media-minimal-skin .media-button--icon{aspect-ratio:1;width:2.375rem;padding:0;display:grid;&:active{scale:.9}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-minimal-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:10px;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}@container media-controls (width<28rem){display:none}}.media-minimal-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) \\\"×\\\";font-variant-numeric:tabular-nums;width:4ch}}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin .media-slider{cursor:pointer;border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:1.25rem}&[data-orientation=vertical]{width:1.25rem;height:4.5rem}}.media-minimal-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;background-color:oklch(from currentColor l c h / .2);position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.1875rem}&[data-orientation=vertical]{width:.1875rem;height:100%}}.media-minimal-skin .media-slider__thumb{z-index:10;width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;transform-origin:50%;user-select:none;outline-offset:-2px;background-color:currentColor;border-radius:3.40282e38px;outline:2px solid #0000;transition-property:opacity,scale,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;translate:-50% -50%;scale:.7;&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{color:inherit;transition-property:scale,opacity,filter;transition-duration:var(--media-popup-transition-duration);transition-timing-function:var(--media-popup-transition-timing-function);border:0;margin:0;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.5}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}&:before{content:\\\"\\\";pointer-events:inherit;position:absolute}&[data-side=top]:before,&[data-side=bottom]:before{width:100%;inset-inline:0}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-minimal-skin .media-popover{&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-minimal-skin .media-tooltip{backdrop-filter:blur(16px)saturate(1.5);white-space:nowrap;--media-tooltip-side-offset:.75rem;background-color:oklch(100% 0 0/.1);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;box-shadow:0 4px 6px -1px oklch(0% 0 0/.1),0 2px 4px -2px oklch(0% 0 0/.1);&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-tooltip-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-tooltip-side-offset)}@media (prefers-reduced-transparency:reduce){background-color:oklch(0% 0 0/.7)}@media (prefers-contrast:more){background-color:oklch(0% 0 0/.9)}}.media-minimal-skin .media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high{opacity:0;display:none}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause{display:block}.media-minimal-skin--audio{--media-controls-background-color:oklch(100% 0 0);--media-controls-border-color:oklch(0% 0 0/.1);--media-controls-padding:.375rem;--media-text-color:var(--media-color-primary,oklch(0% 0 0));--media-error-dialog-transition-duration:.25s;--media-error-dialog-transition-delay:.1s;--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-controls-background-color:oklch(0% 0 0);--media-controls-border-color:oklch(100% 0 0/.1);--media-text-color:var(--media-color-primary,oklch(100% 0 0))}}.media-minimal-skin--audio .media-error__dialog{z-index:20;transition-property:opacity,filter,scale;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);background-color:oklch(from var(--media-controls-background-color) l c h / 1);border-radius:3.40282e38px;align-items:center;gap:1rem;padding-inline:1.25rem .5rem;transition-timing-function:ease-out;display:flex;position:absolute;inset:0}.media-minimal-skin--audio .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin--audio .media-error[data-ending-style] .media-error__dialog{opacity:0;filter:blur(4px);scale:.95}.media-minimal-skin--audio .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-minimal-skin--audio .media-error__content{flex:1;align-items:center;gap:.5rem;display:flex}.media-minimal-skin--audio .media-controls{padding:var(--media-controls-padding);background-color:var(--media-controls-background-color);backdrop-filter:blur(16px)saturate(1.5);border-radius:var(--media-controls-radius);color:var(--media-text-color);box-shadow:0 0 0 1px var(--media-controls-border-color);gap:.5rem}.media-minimal-skin--audio .media-popover--volume{background:linear-gradient(to left, var(--media-controls-background-color) 80%, transparent 100%);--media-popover-side-offset:.75rem;padding:.5rem 0 .5rem 4rem}\";"],"mappings":";AAAA,2BAAe"}

package/dist/default/_virtual/inline-css_src/define/audio/skin.js CHANGED Viewed

@@ -1,5 +1,5 @@
 //#region inline-css:src/define/audio/skin.js
-var skin_default = "/* ==========================================================================\n   Icon State Visibility for Audio Skins\n\n   Data-attribute-driven visibility rules for multi-state icon buttons.\n   Uses :is() with both element selectors (for HTML custom element wrappers)\n   and class selectors (for React rendered SVG elements).\n   ========================================================================== */\n\n/* --- All icons hidden by default --- */\n\n.media-button--play .media-icon--restart,\n.media-button--play .media-icon--play,\n.media-button--play .media-icon--pause,\n.media-button--mute .media-icon--volume-off,\n.media-button--mute .media-icon--volume-low,\n.media-button--mute .media-icon--volume-high {\n  display: none;\n  opacity: 0;\n}\n\n/* --- Active icon per state --- */\n\n/* Play: ended → restart */\n.media-button--play[data-ended] .media-icon--restart,\n/* Play: paused (not ended) → play */\n.media-button--play:not([data-ended])[data-paused] .media-icon--play,\n/* Play: playing (not paused, not ended) → pause */\n.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,\n/* Mute: muted → volume off */\n.media-button--mute[data-muted] .media-icon--volume-off,\n/* Mute: volume low (not muted) → volume low */\n.media-button--mute:not([data-muted])[data-volume-level=\"low\"] .media-icon--volume-low,\n/* Mute: volume high (not muted, not low) → volume high */\n.media-button--mute:not([data-muted]):not([data-volume-level=\"low\"]) .media-icon--volume-high {\n  display: block;\n  opacity: 1;\n}\n\n/* ==========================================================================\n   Tooltip Label State Visibility for Audio Skins\n\n   Data-attribute-driven visibility rules for multi-state tooltip labels.\n   Uses adjacent sibling selectors to match button state → tooltip content.\n   ========================================================================== */\n\n/* --- All multi-state labels hidden by default --- */\n\n.media-tooltip-label {\n  display: none;\n}\n\n/* --- Active label per state --- */\n\n/* Play: ended → replay */\n.media-button--play[data-ended] + .media-tooltip .media-tooltip-label--replay,\n/* Play: paused (not ended) → play */\n  .media-button--play:not([data-ended])[data-paused] + .media-tooltip\n  .media-tooltip-label--play,\n/* Play: playing (not paused, not ended) → pause */\n  .media-button--play:not([data-paused]):not([data-ended]) + .media-tooltip\n  .media-tooltip-label--pause {\n  display: block;\n}\n\n/* ==========================================================================\n   Reset\n   ========================================================================== */\n\n.media-default-skin *,\n.media-default-skin *::before,\n.media-default-skin *::after {\n  box-sizing: border-box;\n  margin: 0;\n}\n.media-default-skin img,\n.media-default-skin video,\n.media-default-skin svg {\n  display: block;\n  max-width: 100%;\n}\n.media-default-skin button {\n  font: inherit;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .media-default-skin {\n    interpolate-size: allow-keywords;\n  }\n}\n\n/* ==========================================================================\n   Root Container\n   ========================================================================== */\n\n.media-default-skin {\n  position: relative;\n  isolation: isolate;\n  display: block;\n  container: media-root / inline-size;\n  border-radius: var(--media-border-radius, 2rem);\n  font-family:\n    Inter Variable,\n    Inter,\n    ui-sans-serif,\n    system-ui,\n    sans-serif;\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  letter-spacing: normal;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n\n  &:fullscreen {\n    border-radius: 0;\n  }\n}\n\n/* ==========================================================================\n   Surface (shared glass effect for tooltips, popovers, controls)\n   ========================================================================== */\n\n.media-default-skin .media-surface {\n  background-color: var(--media-surface-background-color);\n  backdrop-filter: var(--media-surface-backdrop-filter);\n  box-shadow:\n    inset 0 0 0 1px var(--media-surface-inner-border-color),\n    0 1px 3px 0 var(--media-surface-shadow-color),\n    0 1px 2px -1px var(--media-surface-shadow-color);\n\n  /* Inner border ring */\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n    border-radius: inherit;\n    box-shadow: 0 0 0 1px var(--media-surface-outer-border-color);\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    background-color: oklch(from var(--media-surface-background-color) l c h / 0.7);\n  }\n\n  @media (prefers-contrast: more) {\n    background-color: oklch(from var(--media-surface-background-color) l c h / 0.9);\n  }\n}\n\n/* ==========================================================================\n   Buffering Indicator\n   ========================================================================== */\n\n.media-default-skin .media-buffering-indicator {\n  position: absolute;\n  inset: 0;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  color: oklch(1 0 0);\n  pointer-events: none;\n\n  &[data-visible] {\n    display: flex;\n  }\n\n  .media-surface {\n    padding: 0.25rem;\n    border-radius: 100%;\n  }\n}\n\n/* ==========================================================================\n   Error Dialog\n   ========================================================================== */\n\n.media-default-skin .media-error {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.media-default-skin .media-error__dialog {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  max-width: 18rem;\n  padding: 0.75rem;\n  border-radius: 1.75rem;\n  color: oklch(1 0 0);\n  font-size: 0.875rem;\n  transition-property: opacity, transform;\n  transition-duration: 500ms;\n  transition-delay: 100ms;\n  transition-timing-function: linear(\n    0,\n    0.034 1.5%,\n    0.763 9.7%,\n    1.066 13.9%,\n    1.198 19.9%,\n    1.184 21.8%,\n    0.963 37.5%,\n    0.997 50.9%,\n    1\n  );\n\n  /* Simple, fast transition for reduced motion users */\n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 100ms;\n    transition-delay: 0ms;\n    transition-timing-function: ease-out;\n  }\n}\n\n.media-default-skin .media-error[data-starting-style] .media-error__dialog,\n.media-default-skin .media-error[data-ending-style] .media-error__dialog {\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n.media-default-skin .media-error__content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.5rem 0.5rem 0.375rem;\n}\n\n.media-default-skin .media-error__title {\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.media-default-skin .media-error__description {\n  opacity: 0.7;\n}\n\n.media-default-skin .media-error__actions {\n  display: flex;\n  gap: 0.5rem;\n\n  & > * {\n    flex: 1;\n  }\n}\n\n/* ==========================================================================\n   Controls\n   ========================================================================== */\n\n.media-default-skin .media-controls {\n  container: media-controls / inline-size;\n  display: flex;\n  align-items: center;\n  gap: 0.075rem;\n  padding: 0.175rem;\n  border-radius: calc(infinity * 1px);\n  --media-controls-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - 0.5) * 0.5), 0.25));\n  --media-controls-current-shadow-color-subtle: oklch(\n    from var(--media-controls-current-shadow-color) l c h /\n    calc(alpha * 0.4)\n  );\n  text-shadow: 0 0 1px var(--media-controls-current-shadow-color);\n\n  @container media-root (width > 40rem) {\n    gap: 0.125rem;\n    padding: 0.25rem;\n  }\n}\n\n/* ==========================================================================\n   Time Display\n   ========================================================================== */\n\n.media-default-skin .media-time {\n  container: media-time / inline-size;\n  display: flex;\n  align-items: center;\n  flex: 1;\n  gap: 0.75rem;\n  padding-inline: 0.5rem;\n\n  & .media-time__value:first-child {\n    display: none;\n\n    @container media-time (width > 18rem) {\n      display: block;\n    }\n  }\n}\n\n.media-default-skin .media-time__value {\n  font-variant-numeric: tabular-nums;\n}\n\n/* ==========================================================================\n   Buttons\n   ========================================================================== */\n\n/* Base button */\n.media-default-skin .media-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  padding: 0.5rem 1rem;\n  background: oklch(1 0 0);\n  border: none;\n  border-radius: calc(infinity * 1px);\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  color: oklch(0 0 0);\n  font-weight: 500;\n  text-align: center;\n  transition-property: background-color, color, outline-offset, transform;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n  cursor: pointer;\n  user-select: none;\n\n  &:focus-visible {\n    outline-color: oklch(62.3% 0.214 259.815);\n    outline-offset: 2px;\n  }\n\n  &[disabled] {\n    opacity: 0.5;\n    filter: grayscale(1);\n    cursor: not-allowed;\n  }\n\n  &[data-availability=\"unavailable\"] {\n    display: none;\n  }\n}\n\n/* Icon button variant */\n.media-default-skin .media-button--icon {\n  display: grid;\n  width: 2.125rem;\n  padding: 0;\n  aspect-ratio: 1;\n  background: transparent;\n  color: inherit;\n  text-shadow: inherit;\n\n  &:hover,\n  &:focus-visible,\n  &[aria-expanded=\"true\"] {\n    background-color: oklch(from currentColor l c h / 0.1);\n    text-decoration: none;\n  }\n\n  &:active {\n    transform: scale(0.9);\n  }\n\n  & .media-icon {\n    filter: drop-shadow(0 1px 0 var(--media-controls-current-shadow-color, oklch(0 0 0 / 0.25)));\n  }\n}\n\n/* Seek button */\n.media-default-skin .media-button--seek {\n  & .media-icon__label {\n    position: absolute;\n    right: -1px;\n    bottom: -3px;\n    font-size: 0.75em;\n    font-weight: 480;\n    font-variant-numeric: tabular-nums;\n  }\n\n  &:has(.media-icon--flipped) .media-icon__label {\n    right: unset;\n    left: -1px;\n  }\n\n  @container media-controls (width < 28rem) {\n    display: none;\n  }\n}\n\n/* Playback rate button */\n.media-default-skin .media-button--playback-rate {\n  padding: 0;\n\n  &::after {\n    content: attr(data-rate) \"\\00D7\";\n    width: 4ch;\n    font-variant-numeric: tabular-nums;\n  }\n}\n\n/* ==========================================================================\n   Icons\n   ========================================================================== */\n\n.media-default-skin .media-icon__container {\n  position: relative;\n}\n.media-default-skin .media-icon {\n  display: block;\n  flex-shrink: 0;\n  grid-area: 1 / 1;\n  width: 18px;\n  height: 18px;\n  transition-behavior: allow-discrete;\n  transition-property: display, opacity;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n}\n.media-default-skin .media-icon--flipped {\n  scale: -1 1;\n}\n\n/* ==========================================================================\n   Slider\n   ========================================================================== */\n\n.media-default-skin .media-slider {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  border-radius: calc(infinity * 1px);\n  outline: none;\n\n  &[data-orientation=\"horizontal\"] {\n    min-width: 5rem;\n    width: 100%;\n    height: 1.25rem;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 1.25rem;\n    height: 5rem;\n  }\n}\n\n/* Track */\n.media-default-skin .media-slider__track {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  border-radius: inherit;\n  user-select: none;\n\n  &[data-orientation=\"horizontal\"] {\n    width: 100%;\n    height: 0.25rem;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 0.25rem;\n    height: 100%;\n  }\n}\n\n/* Thumb */\n.media-default-skin .media-slider__thumb {\n  z-index: 10;\n  position: absolute;\n  transform: translate(-50%, -50%);\n  width: 0.625rem;\n  height: 0.625rem;\n  background-color: currentColor;\n  border-radius: calc(infinity * 1px);\n  box-shadow:\n    0 0 0 1px var(--media-controls-current-shadow-color-subtle, oklch(0 0 0 / 0.1)),\n    0 1px 3px 0 oklch(0 0 0 / 0.15),\n    0 1px 2px -1px oklch(0 0 0 / 0.15);\n  opacity: 0;\n  transition-property: opacity, height, width, outline-offset;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n  user-select: none;\n  outline: 4px solid transparent;\n  outline-offset: -4px;\n\n  &[data-orientation=\"horizontal\"] {\n    top: 50%;\n    left: var(--media-slider-fill);\n  }\n\n  &[data-orientation=\"vertical\"] {\n    left: 50%;\n    top: calc(100% - var(--media-slider-fill));\n  }\n\n  &:hover,\n  &:focus {\n    outline-color: oklch(from currentColor l c h / 0.25);\n    outline-offset: 0;\n  }\n}\n\n.media-default-skin .media-slider:active .media-slider__thumb,\n.media-default-skin .media-slider__thumb--persistent {\n  width: 0.75rem;\n  height: 0.75rem;\n}\n\n.media-default-skin .media-slider:hover .media-slider__thumb,\n.media-default-skin .media-slider__thumb:focus-visible,\n.media-default-skin .media-slider__thumb--persistent {\n  opacity: 1;\n}\n\n/* Shared track fills */\n.media-default-skin .media-slider__buffer,\n.media-default-skin .media-slider__fill {\n  position: absolute;\n  border-radius: inherit;\n  pointer-events: none;\n}\n\n.media-default-skin .media-slider__buffer[data-orientation=\"horizontal\"],\n.media-default-skin .media-slider__fill[data-orientation=\"horizontal\"] {\n  inset-block: 0;\n  left: 0;\n}\n\n.media-default-skin .media-slider__buffer[data-orientation=\"vertical\"],\n.media-default-skin .media-slider__fill[data-orientation=\"vertical\"] {\n  inset-inline: 0;\n  bottom: 0;\n}\n\n/* Buffer */\n.media-default-skin .media-slider__buffer {\n  background-color: oklch(from currentColor l c h / 0.2);\n  transition-duration: 0.25s;\n  transition-timing-function: ease-out;\n\n  &[data-orientation=\"horizontal\"] {\n    width: var(--media-slider-buffer);\n    transition-property: width;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    height: var(--media-slider-buffer);\n    transition-property: height;\n  }\n}\n\n/* Fill */\n.media-default-skin .media-slider__fill {\n  background-color: currentColor;\n\n  &[data-orientation=\"horizontal\"] {\n    width: var(--media-slider-fill);\n  }\n\n  &[data-orientation=\"vertical\"] {\n    height: var(--media-slider-fill);\n  }\n}\n\n/* Time display within slider */\n.media-default-skin .media-slider__time-display {\n  font-variant-numeric: tabular-nums;\n}\n\n/* ==========================================================================\n   Popups & Tooltips\n   ========================================================================== */\n\n.media-default-skin .media-popover,\n.media-default-skin .media-tooltip {\n  margin: 0;\n  border: 0;\n  color: inherit;\n  overflow: visible;\n  transition-property: transform, scale, opacity, filter;\n  transition-duration: 200ms;\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    opacity: 0;\n    transform: scale(0);\n    filter: blur(8px);\n  }\n\n  &[data-instant] {\n    transition-duration: 0ms;\n  }\n\n  &[data-side=\"top\"] {\n    transform-origin: bottom;\n  }\n  &[data-side=\"bottom\"] {\n    transform-origin: top;\n  }\n  &[data-side=\"left\"] {\n    transform-origin: right;\n  }\n  &[data-side=\"right\"] {\n    transform-origin: left;\n  }\n}\n\n.media-default-skin .media-popover {\n  --media-popover-side-offset: 0.5rem;\n}\n.media-default-skin .media-popover--volume {\n  padding: 0.625rem 0.25rem;\n  border-radius: calc(infinity * 1px);\n}\n\n.media-default-skin .media-tooltip {\n  padding: 0.25rem 0.625rem;\n  border-radius: calc(infinity * 1px);\n  font-size: 0.75rem;\n  white-space: nowrap;\n  --media-tooltip-side-offset: 0.5rem;\n}\n\n\n/* ==========================================================================\n   Root\n   ========================================================================== */\n\n.media-default-skin--audio {\n  --media-border-color: oklch(0 0 0 / 0.1);\n  --media-surface-background-color: oklch(1 0 0 / 0.5);\n  --media-surface-inner-border-color: oklch(1 0 0 / 0.1);\n  --media-surface-outer-border-color: oklch(0 0 0 / 0.05);\n  --media-surface-shadow-color: oklch(0 0 0 / 0.15);\n  --media-surface-backdrop-filter: blur(8px) brightness(0.98) saturate(1.2);\n\n  @media (prefers-color-scheme: dark) {\n    --media-border-color: oklch(1 0 0 / 0.1);\n    --media-surface-background-color: oklch(0 0 0 / 0.4);\n  }\n}\n\n/* ==========================================================================\n   Controls\n   ========================================================================== */\n\n.media-default-skin--audio .media-controls {\n  @media (prefers-color-scheme: dark) {\n    color: oklch(1 0 0);\n  }\n}\n\n/* ==========================================================================\n   Sliders\n   ========================================================================== */\n.media-default-skin--audio .media-slider__track {\n  background-color: oklch(0 0 0 / 0.1);\n\n  @media (prefers-color-scheme: dark) {\n    background-color: oklch(1 0 0 / 0.2);\n    box-shadow: 0 0 0 1px oklch(0 0 0 / 0.05);\n  }\n}\n\n";
+var skin_default = ".media-default-skin *,.media-default-skin :before,.media-default-skin :after{box-sizing:border-box}.media-default-skin img,.media-default-skin video,.media-default-skin svg{max-width:100%;display:block}.media-default-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{isolation:isolate;border-radius:var(--media-border-radius,2rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;display:block;position:relative;container:media-root/inline-size}.media-default-skin .media-surface{background-color:var(--media-surface-background-color);backdrop-filter:var(--media-surface-backdrop-filter);box-shadow:0 0 0 1px var(--media-surface-outer-border-color), 0 1px 3px 0 var(--media-surface-shadow-color), 0 1px 2px -1px var(--media-surface-shadow-color);&:after{content:\"\";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-surface-inner-border-color);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-transparency:reduce){background-color:oklch(from var(--media-surface-background-color) l c h / .7)}@media (prefers-contrast:more){background-color:oklch(from var(--media-surface-background-color) l c h / .9)}}.media-default-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}& .media-surface{border-radius:100%;padding:.25rem}}.media-default-skin .media-error{outline:none}.media-default-skin .media-error__title{font-weight:600;line-height:1.25}.media-default-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-default-skin .media-error__actions{gap:.5rem;display:flex;&>*{flex:1}}.media-default-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-default-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));text-shadow:0 1px 0 var(--media-controls-current-shadow-color);border-radius:3.40282e38px;align-items:center;gap:.075rem;padding:.175rem;display:flex;container:media-controls/inline-size;@container media-root (width>40rem){gap:.125rem;padding:.25rem}}.media-default-skin .media-time{flex:1;align-items:center;gap:.75rem;padding-inline:.5rem;display:flex;container:media-time/inline-size;& .media-time__value:first-child{display:none;@container media-time (width>18rem){display:block}}}.media-default-skin .media-time__value{font-variant-numeric:tabular-nums}.media-default-skin .media-button{outline-offset:-2px;cursor:pointer;user-select:none;text-align:center;touch-action:manipulation;border:none;border-radius:3.40282e38px;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;transition-property:background-color,outline-offset,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&:active{scale:.98}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}.media-default-skin .media-button--primary{color:oklch(0% 0 0);text-shadow:none;background:oklch(100% 0 0);font-weight:500}.media-default-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:0 0;&:hover,&:focus-visible,&[aria-expanded=true]{background-color:oklch(from currentColor l c h / .1);text-decoration:none}}.media-default-skin .media-button--icon{aspect-ratio:1;width:2.125rem;padding:0;display:grid;&:active{scale:.9}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-default-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:10px;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}@container media-controls (width<28rem){display:none}}.media-default-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) \"×\";font-variant-numeric:tabular-nums;width:4ch}}.media-default-skin .media-icon__container{position:relative}.media-default-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-default-skin .media-icon--flipped{scale:-1 1}.media-default-skin .media-slider{cursor:pointer;border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:1.25rem}&[data-orientation=vertical]{width:1.25rem;height:5rem}}.media-default-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.25rem}&[data-orientation=vertical]{width:.25rem;height:100%}}.media-default-skin .media-slider__thumb{z-index:10;width:.625rem;height:.625rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;user-select:none;outline-offset:-4px;background-color:currentColor;border-radius:3.40282e38px;outline:4px solid #0000;transition-property:opacity,height,width,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;translate:-50% -50%;&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:hover,&:focus{outline-color:oklch(from currentColor l c h / .25);outline-offset:0}&:after{content:\"\";border-radius:inherit;transition-property:opacity,scale;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;inset:-4px;box-shadow:0 0 0 2px oklch(100% 0 0)}&:not(:focus-visible):after{opacity:0;scale:.5}}.media-default-skin .media-slider:active .media-slider__thumb,.media-default-skin .media-slider__thumb--persistent{width:.75rem;height:.75rem}.media-default-skin .media-slider:hover .media-slider__thumb,.media-default-skin .media-slider__thumb:focus-visible,.media-default-skin .media-slider__thumb--persistent{opacity:1}.media-default-skin .media-slider__buffer,.media-default-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-default-skin .media-slider__buffer[data-orientation=horizontal],.media-default-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-default-skin .media-slider__buffer[data-orientation=vertical],.media-default-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-default-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-default-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-default-skin .media-popover,.media-default-skin .media-tooltip{color:inherit;transition-property:scale,opacity,filter;transition-duration:var(--media-popup-transition-duration);transition-timing-function:var(--media-popup-transition-timing-function);border:0;margin:0;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.5}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}&:before{content:\"\";pointer-events:inherit;position:absolute}&[data-side=top]:before,&[data-side=bottom]:before{width:100%;inset-inline:0}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-default-skin .media-popover{--media-popover-side-offset:.5rem;&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-default-skin .media-popover--volume{border-radius:3.40282e38px;padding:.625rem .25rem;&:has(media-volume-slider[data-availability=unsupported]){display:none}}.media-default-skin .media-tooltip{white-space:nowrap;--media-tooltip-side-offset:.75rem;border-radius:3.40282e38px;padding:.25rem .625rem;font-size:.75rem;&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-tooltip-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-tooltip-side-offset)}}.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high{opacity:0;display:none}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause{display:block}.media-default-skin--audio{--media-border-color:oklch(0% 0 0/.1);--media-surface-background-color:oklch(100% 0 0/.5);--media-surface-inner-border-color:oklch(100% 0 0/.1);--media-surface-outer-border-color:oklch(0% 0 0/.05);--media-surface-shadow-color:oklch(0% 0 0/.15);--media-surface-backdrop-filter:blur(16px) saturate(1.5);--media-text-color:var(--media-color-primary,oklch(0% 0 0));--media-error-dialog-transition-duration:.25s;--media-error-dialog-transition-delay:.1s;--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.1);--media-surface-background-color:oklch(0% 0 0/.4);--media-text-color:var(--media-color-primary,oklch(100% 0 0))}}.media-default-skin--audio .media-error__dialog{z-index:20;transition-property:opacity,filter;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);background-color:var(--media-surface-background-color);backdrop-filter:var(--media-surface-backdrop-filter);color:var(--media-text-color);border-radius:3.40282e38px;align-items:center;gap:.75rem;padding-inline:1.25rem .125rem;transition-timing-function:ease-out;display:flex;position:absolute;inset:0}.media-default-skin .media-error[data-starting-style] .media-error__dialog,.media-default-skin .media-error[data-ending-style] .media-error__dialog{opacity:0;filter:blur(4px)}.media-default-skin .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-default-skin--audio .media-error__content{flex:1;align-items:center;gap:.5rem;display:flex}.media-default-skin--audio .media-controls{color:var(--media-text-color)}.media-default-skin--audio .media-slider__track{background-color:oklch(0% 0 0/.1);@media (prefers-color-scheme:dark){background-color:oklch(100% 0 0/.2);box-shadow:0 0 0 1px oklch(0% 0 0/.05)}}";
 //#endregion
 export { skin_default as default };