npm - @videojs/html - Versions diffs - 10.0.0-beta.23 → 10.0.0-beta.24 - Mend

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

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 (1129) hide show

package/cdn/audio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"audio.js","names":[],"sources":["../inline-css:src/define/audio/skin.js","../src/define/audio/skin.ts"],"sourcesContent":["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}media-tooltip-group{display:contents}:host{width:100%;display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.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);outline-offset:2px;outline:2px solid #0000;width:100%;height:100%;display:block;position:relative;container:media-root/inline-size;&:focus-visible{outline-color:currentColor}letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;&>{font-size:.75rem}@container media-root (width>48rem){&>{font-size:.875rem}}}.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-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:not([data-open]){display: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:1.5rem;align-items:center;column-gap:.075rem;padding:.375rem;display:flex;container:media-controls/inline-size}.media-default-skin .media-time-controls{flex:1;align-items:center;gap:.75rem;padding-inline:.5rem;display:flex;container:media-time-controls/inline-size}.media-default-skin .media-time{font-variant-numeric:tabular-nums}.media-default-skin .media-button{outline-offset:-2px;will-change:scale;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],&[data-availability=unsupported]{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.25rem;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}}.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-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>42rem){gap:.125rem}}.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:2rem}&[data-orientation=vertical]{width:2rem;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-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-pointer)}.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{&[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:.75rem 0;&:has(media-volume-slider[data-availability=unsupported]){display:none}}.media-default-skin .media-tooltip{white-space:nowrap;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-default-skin--audio{--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-tooltip-side-offset:.75rem;--media-popover-side-offset:.75rem;@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-surface-background-color:oklch(0% 0 0/.4);--media-text-color:var(--media-color-primary,oklch(100% 0 0))}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-surface-background-color:oklch(100% 0 0);--media-surface-outer-border-color:oklch(0% 0 0/.05)}@media (prefers-color-scheme:dark) and ((prefers-reduced-transparency:reduce) or (prefers-contrast:more)){--media-surface-background-color:oklch(0% 0 0);--media-surface-inner-border-color:oklch(100% 0 0/.2);--media-surface-outer-border-color:transparent}}.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)}}\";","import { renderIcon } from '@videojs/icons/render';\nimport { createShadowStyle, createTemplate } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport { SkinElement } from '../skin-element';\nimport styles from './skin.css?inline';\n\n// Register the player, container, and all UI custom elements.\nimport './ui';\n\nconst SEEK_TIME = 10;\n\nfunction getTemplateHTML() {\n return /html/ `\n <media-container class=\"media-default-skin media-default-skin--audio\">\n <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n <slot name=\"media\"></slot>\n <slot></slot>\n\n <media-error-dialog class=\"media-error\">\n <div class=\"media-error__dialog\">\n <div class=\"media-error__content\">\n <media-alert-dialog-title class=\"media-error__title\">Something went wrong.</media-alert-dialog-title>\n <media-alert-dialog-description class=\"media-error__description\"></media-alert-dialog-description>\n </div>\n <div class=\"media-error__actions\">\n <media-alert-dialog-close class=\"media-button media-button--subtle\">OK</media-alert-dialog-close>\n </div>\n </div>\n </media-error-dialog>\n\n <div class=\"media-surface media-controls\">\n <media-tooltip-group>\n <div class=\"media-button-group\">\n <media-play-button commandfor=\"play-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--play\">\n ${renderIcon('restart', { class: 'media-icon media-icon--restart' })}\n ${renderIcon('play', { class: 'media-icon media-icon--play' })}\n ${renderIcon('pause', { class: 'media-icon media-icon--pause' })}\n </media-play-button>\n <media-tooltip id=\"play-tooltip\" side=\"top\" class=\"media-surface media-tooltip\"></media-tooltip>\n\n <media-seek-button commandfor=\"seek-backward-tooltip\" seconds=\"${-SEEK_TIME}\" class=\"media-button media-button--subtle media-button--icon media-button--seek\">\n <span class=\"media-icon__container\">\n ${renderIcon('seek', { class: 'media-icon media-icon--seek media-icon--flipped' })}\n <span class=\"media-icon__label\">${SEEK_TIME}</span>\n </span>\n </media-seek-button>\n <media-tooltip id=\"seek-backward-tooltip\" side=\"top\" class=\"media-surface media-tooltip\">\n Seek backward ${SEEK_TIME} seconds\n </media-tooltip>\n\n <media-seek-button commandfor=\"seek-forward-tooltip\" seconds=\"${SEEK_TIME}\" class=\"media-button media-button--subtle media-button--icon media-button--seek\">\n <span class=\"media-icon__container\">\n ${renderIcon('seek', { class: 'media-icon media-icon--seek' })}\n <span class=\"media-icon__label\">${SEEK_TIME}</span>\n </span>\n </media-seek-button>\n <media-tooltip id=\"seek-forward-tooltip\" side=\"top\" class=\"media-surface media-tooltip\">\n Seek forward ${SEEK_TIME} seconds\n </media-tooltip>\n </div>\n\n <div class=\"media-time-controls\">\n <media-time type=\"current\" class=\"media-time\"></media-time>\n <media-time-slider class=\"media-slider\">\n <media-slider-track class=\"media-slider__track\">\n <media-slider-fill class=\"media-slider__fill\"></media-slider-fill>\n <media-slider-buffer class=\"media-slider__buffer\"></media-slider-buffer>\n </media-slider-track>\n <media-slider-thumb class=\"media-slider__thumb\"></media-slider-thumb>\n </media-time-slider>\n <media-time type=\"duration\" class=\"media-time\"></media-time>\n </div>\n\n <div class=\"media-button-group\">\n <media-playback-rate-button commandfor=\"playback-rate-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--playback-rate\"></media-playback-rate-button>\n <media-tooltip id=\"playback-rate-tooltip\" side=\"top\" class=\"media-surface media-tooltip\">\n Toggle playback rate\n </media-tooltip>\n\n <media-mute-button commandfor=\"audio-volume-popover\" class=\"media-button media-button--subtle media-button--icon media-button--mute\">\n ${renderIcon('volume-off', { class: 'media-icon media-icon--volume-off' })}\n ${renderIcon('volume-low', { class: 'media-icon media-icon--volume-low' })}\n ${renderIcon('volume-high', { class: 'media-icon media-icon--volume-high' })}\n </media-mute-button>\n\n <media-popover id=\"audio-volume-popover\" open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-surface media-popover media-popover--volume\">\n <media-volume-slider class=\"media-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n <media-slider-track class=\"media-slider__track\">\n <media-slider-fill class=\"media-slider__fill\"></media-slider-fill>\n </media-slider-track>\n <media-slider-thumb class=\"media-slider__thumb media-slider__thumb--persistent\"></media-slider-thumb>\n </media-volume-slider>\n </media-popover>\n </div>\n </media-tooltip-group>\n </div>\n\n <!-- Hotkeys -->\n <media-hotkey keys=\"Space\" action=\"togglePaused\"></media-hotkey>\n <media-hotkey keys=\"k\" action=\"togglePaused\"></media-hotkey>\n <media-hotkey keys=\"m\" action=\"toggleMuted\"></media-hotkey>\n <media-hotkey keys=\"ArrowRight\" action=\"seekStep\" value=\"5\"></media-hotkey>\n <media-hotkey keys=\"ArrowLeft\" action=\"seekStep\" value=\"-5\"></media-hotkey>\n <media-hotkey keys=\"l\" action=\"seekStep\" value=\"10\"></media-hotkey>\n <media-hotkey keys=\"j\" action=\"seekStep\" value=\"-10\"></media-hotkey>\n <media-hotkey keys=\"ArrowUp\" action=\"volumeStep\" value=\"0.05\"></media-hotkey>\n <media-hotkey keys=\"ArrowDown\" action=\"volumeStep\" value=\"-0.05\"></media-hotkey>\n <media-hotkey keys=\"0-9\" action=\"seekToPercent\"></media-hotkey>\n <media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\"></media-hotkey>\n <media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\"></media-hotkey>\n <media-hotkey keys=\">\" action=\"speedUp\"></media-hotkey>\n <media-hotkey keys=\"<\" action=\"speedDown\"></media-hotkey>\n </media-container>\n `;\n}\n\nexport class AudioSkinElement extends SkinElement {\n static readonly tagName = 'audio-skin';\n static styles = createShadowStyle(styles);\n static template = createTemplate(getTemplateHTML());\n}\n\nsafeDefine(AudioSkinElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [AudioSkinElement.tagName]: AudioSkinElement;\n }\n}\n"],"mappings":"gNAAA,IAAA,EAAe,koaCWf,SAAS,GAAkB,CACzB,MAAgB,yyBAAA,EAAA,UAAA,CAAA,MAAA,iCAAA,CAAA,CAAA,GAAA,EAAA,OAAA,CAAA,MAAA,8BAAA,CAAA,CAAA,GAAA,EAAA,QAAA,CAAA,MAAA,+BAAA,CAAA,CAAA,iTAAA,EAAA,OAAA,CAAA,MAAA,kDAAA,CAAA,CAAA,kYAAA,EAAA,OAAA,CAAA,MAAA,8BAAA,CAAA,CAAA,spCAAA,EAAA,aAAA,CAAA,MAAA,oCAAA,CAAA,CAAA,GAAA,EAAA,aAAA,CAAA,MAAA,oCAAA,CAAA,CAAA,GAAA,EAAA,cAAA,CAAA,MAAA,qCAAA,CAAA,CAAA,ogDASlB,EANA,cAA+B,CAAA,qBACb,0DAEC,EAAc,GAAY,CAAA,GAGpB"}
1	+ {"version":3,"file":"audio.js","names":[],"sources":["../inline-css:src/define/audio/skin.js","../src/define/audio/skin.ts"],"sourcesContent":["export default \"video-player,live-video-player{display:contents}video-player video,video-player [slot=poster],live-video-player video,live-video-player [slot=poster]{width:100%;height:100%;display:block}video-player video::-webkit-media-text-track-container,live-video-player video::-webkit-media-text-track-container{z-index:1;scale:.98;translate:0 var(--media-caption-track-y,0);transition:translate var(--media-caption-track-duration,0) ease-out;transition-delay:var(--media-caption-track-delay,0);font-family:inherit}media-tooltip-group{display:contents}:host{width:100%;display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.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-default-skin [hidden][hidden]{display:none}@media (prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{--media-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) .5), .15));--media-current-shadow-color-subtle:oklch(from var(--media-current-shadow-color) l c h / calc(alpha * .4));--media-icon-size:18px;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;letter-spacing:normal;outline-offset:-4px;border-radius:var(--media-border-radius,2rem);isolation:isolate;outline:2px solid #0000;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;transition-property:outline-offset,outline-color;transition-duration:.1s;transition-timing-function:ease-out;display:block;position:relative;container:media-root/inline-size;&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-default-skin .media-surface{background-color:var(--media-surface-background-color);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);backdrop-filter:var(--media-surface-backdrop-filter);&:after{z-index:10;pointer-events:none;content:\\\"\\\";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-surface-inner-border-color);position:absolute;inset:0}}.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;&:not([data-visible]){--media-spinner-animation:none}&[data-visible]{display:flex}& .media-surface{border-radius:100%;padding:.25rem}}.media-default-skin .media-error{outline:none}.media-default-skin .media-error:not([data-open]){display:none}.media-default-skin .media-error__title{font-weight:600;line-height:1.25}.media-default-skin .media-error__description{overflow-wrap:anywhere;opacity:.7}.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{text-shadow:0 1px 0 var(--media-current-shadow-color);border-radius:1.5rem;align-items:center;column-gap:.075rem;padding:.375rem;display:flex;container:media-controls/inline-size}.media-default-skin .media-time-controls{flex:1;align-items:center;gap:.75rem;padding-inline:.5rem;display:flex;container:media-time-controls/inline-size}.media-default-skin .media-time{font-variant-numeric:tabular-nums}.media-default-skin .media-button{text-align:center;touch-action:manipulation;cursor:pointer;user-select:none;outline-offset:-2px;will-change:scale;border:none;border-radius:3.40282e38px;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;min-height:0;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]{cursor:not-allowed;opacity:.5;filter:grayscale()}&[data-availability=unavailable],&[data-availability=unsupported]{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.25rem;padding:0;display:grid;&:active{scale:.9}& .media-icon{transition-behavior:allow-discrete;filter:drop-shadow(0 1px 0 var(--media-current-shadow-color));grid-area:1/1;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out}}.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}}.media-default-skin .media-button--playback-rate{font-variant-numeric:tabular-nums;padding:0;&:after{content:attr(data-rate) \\\"×\\\";width:4ch}&[data-inline-rate-label]:after{content:none}}.media-default-skin .media-button--live{aspect-ratio:auto;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;width:auto;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex;&:before{content:\\\"\\\";background-color:oklch(from currentColor l c h / .4);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;transition:background-color .15s ease-out;display:inline-block}&[data-live-edge]:before{background-color:oklch(65% .22 27)}}.media-default-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>42rem){gap:.125rem}}.media-default-skin .media-icon__container{position:relative}.media-default-skin .media-icon{width:var(--media-icon-size);height:var(--media-icon-size);flex-shrink:0}.media-default-skin .media-icon--flipped{scale:-1 1}.media-default-skin .media-popover.media-menu{box-sizing:border-box;min-width:min(6rem, var(--media-popover-available-width,6rem));max-width:var(--media-popover-available-width,none);max-height:var(--media-popover-available-height,none);overscroll-behavior:none;border-radius:1.25rem;padding:.375rem;overflow:auto;&:before{display:none}}.media-default-skin .media-popover.media-menu .media-menu__group{flex-direction:column;gap:.125rem;display:flex;position:relative;&:before{position-anchor:--media-menu-item-highlight-anchor;inset:anchor(inside);pointer-events:none;content:\\\"\\\";background-color:oklch(from currentColor l c h / .1);border-radius:3.40282e38px;transition:inset .1s ease-in-out;position:absolute}@supports not (top:anchor(top)){&:before{display:none}}}.media-default-skin .media-popover.media-menu .media-menu__item{font-variant-numeric:tabular-nums;min-height:2rem;color:inherit;cursor:pointer;outline-offset:-2px;border-radius:3.40282e38px;outline:2px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;display:flex;&:hover,&[data-highlighted]{anchor-name:--media-menu-item-highlight-anchor}@supports not (top:anchor(top)){&:hover,&[data-highlighted]{background-color:oklch(from currentColor l c h / .1)}}&:focus-visible{outline-offset:2px;outline-color:currentColor}&[aria-checked=true] .media-menu__indicator{opacity:1}&[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}}.media-default-skin .media-popover.media-menu .media-menu__indicator{opacity:0;flex-shrink:0;margin-right:-.25rem}.media-default-skin .media-popover.media-menu .media-menu__indicator .media-icon{filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}.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:2rem}&[data-orientation=vertical]{width:2rem;height:5rem}}.media-default-skin .media-slider__track{user-select:none;border-radius:inherit;isolation:isolate;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;user-select:none;outline-offset:-4px;width:.625rem;height:.625rem;box-shadow:0 0 0 1px var(--media-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;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]{top:calc(100% - var(--media-slider-fill));left:50%}&: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{pointer-events:none;border-radius:inherit;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-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-pointer)}.media-default-skin .media-popover,.media-default-skin .media-tooltip{color:inherit;filter:blur();transition-timing-function:var(--media-popup-transition-timing-function);transition-duration:var(--media-popup-transition-duration);border:0;margin:0;transition-property:scale,opacity,filter;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.85}&[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{pointer-events:inherit;content:\\\"\\\";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{&[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:.75rem 0;&:has(media-volume-slider[data-availability=unsupported]){display:none}}.media-default-skin .media-tooltip{white-space:nowrap;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-default-skin--audio{--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-tooltip-side-offset:.75rem;--media-tooltip-boundary-offset:.75rem;--media-popover-side-offset:.75rem;--media-popover-boundary-offset:.75rem;@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-surface-background-color:oklch(0% 0 0/.4);--media-text-color:var(--media-color-primary,oklch(100% 0 0))}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-surface-background-color:oklch(100% 0 0);--media-surface-outer-border-color:oklch(0% 0 0/.05)}@media (prefers-color-scheme:dark) and ((prefers-reduced-transparency:reduce) or (prefers-contrast:more)){--media-surface-background-color:oklch(0% 0 0);--media-surface-inner-border-color:oklch(100% 0 0/.2);--media-surface-outer-border-color:transparent}}.media-default-skin--audio .media-error__dialog{z-index:20;color:var(--media-text-color);background-color:var(--media-surface-background-color);backdrop-filter:var(--media-surface-backdrop-filter);transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:ease-out;transition-duration:var(--media-error-dialog-transition-duration);border-radius:3.40282e38px;align-items:center;gap:.75rem;padding-inline:1.25rem .125rem;transition-property:opacity,filter;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)}}\";","import { renderIcon } from '@videojs/icons/render';\nimport { createShadowStyle, createTemplate } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport { SkinElement } from '../skin-element';\nimport styles from './skin.css?inline';\n\n// Register the player, container, and all UI custom elements.\nimport './ui';\n\nconst SEEK_TIME = 10;\n\nfunction getTemplateHTML() {\n return /html/ `\n <media-container class=\"media-default-skin media-default-skin--audio\">\n <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n <slot name=\"media\"></slot>\n <slot></slot>\n\n <media-error-dialog class=\"media-error\">\n <div class=\"media-error__dialog\">\n <div class=\"media-error__content\">\n <media-alert-dialog-title class=\"media-error__title\">Something went wrong.</media-alert-dialog-title>\n <media-alert-dialog-description class=\"media-error__description\"></media-alert-dialog-description>\n </div>\n <div class=\"media-error__actions\">\n <media-alert-dialog-close class=\"media-button media-button--subtle\">OK</media-alert-dialog-close>\n </div>\n </div>\n </media-error-dialog>\n\n <div class=\"media-surface media-controls\">\n <media-tooltip-group>\n <div class=\"media-button-group\">\n <media-play-button commandfor=\"play-tooltip\" class=\"media-button media-button--subtle media-button--icon media-button--play\">\n ${renderIcon('restart', { class: 'media-icon media-icon--restart' })}\n ${renderIcon('play', { class: 'media-icon media-icon--play' })}\n ${renderIcon('pause', { class: 'media-icon media-icon--pause' })}\n </media-play-button>\n <media-tooltip id=\"play-tooltip\" side=\"top\" boundary=\"viewport\" class=\"media-surface media-tooltip\"></media-tooltip>\n\n <media-seek-button commandfor=\"seek-backward-tooltip\" seconds=\"${-SEEK_TIME}\" class=\"media-button media-button--subtle media-button--icon media-button--seek\">\n <span class=\"media-icon__container\">\n ${renderIcon('seek', { class: 'media-icon media-icon--seek media-icon--flipped' })}\n <span class=\"media-icon__label\">${SEEK_TIME}</span>\n </span>\n </media-seek-button>\n <media-tooltip id=\"seek-backward-tooltip\" side=\"top\" boundary=\"viewport\" class=\"media-surface media-tooltip\"></media-tooltip>\n\n <media-seek-button commandfor=\"seek-forward-tooltip\" seconds=\"${SEEK_TIME}\" class=\"media-button media-button--subtle media-button--icon media-button--seek\">\n <span class=\"media-icon__container\">\n ${renderIcon('seek', { class: 'media-icon media-icon--seek' })}\n <span class=\"media-icon__label\">${SEEK_TIME}</span>\n </span>\n </media-seek-button>\n <media-tooltip id=\"seek-forward-tooltip\" side=\"top\" boundary=\"viewport\" class=\"media-surface media-tooltip\"></media-tooltip>\n </div>\n\n <div class=\"media-time-controls\">\n <media-time type=\"current\" class=\"media-time\"></media-time>\n <media-time-slider class=\"media-slider\">\n <media-slider-track class=\"media-slider__track\">\n <media-slider-fill class=\"media-slider__fill\"></media-slider-fill>\n <media-slider-buffer class=\"media-slider__buffer\"></media-slider-buffer>\n </media-slider-track>\n <media-slider-thumb class=\"media-slider__thumb\"></media-slider-thumb>\n </media-time-slider>\n <media-time type=\"duration\" class=\"media-time\"></media-time>\n </div>\n\n <div class=\"media-button-group\">\n <media-playback-rate-menu-trigger commandfor=\"playback-rate-menu\" class=\"media-button media-button--subtle media-button--icon media-button--playback-rate\"></media-playback-rate-menu-trigger>\n <media-playback-rate-menu id=\"playback-rate-menu\" side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-surface media-popover media-menu media-menu--playback-rate\">\n <media-playback-rate-options class=\"media-menu__group\">\n <template>\n <media-menu-radio-item class=\"media-menu__item\">\n <span data-part=\"label\"></span>\n <media-menu-item-indicator force-mount class=\"media-menu__indicator\">\n ${renderIcon('check', { class: 'media-icon' })}\n </media-menu-item-indicator>\n </media-menu-radio-item>\n </template>\n </media-playback-rate-options>\n </media-playback-rate-menu>\n\n <media-mute-button commandfor=\"audio-volume-popover\" class=\"media-button media-button--subtle media-button--icon media-button--mute\">\n ${renderIcon('volume-off', { class: 'media-icon media-icon--volume-off' })}\n ${renderIcon('volume-low', { class: 'media-icon media-icon--volume-low' })}\n ${renderIcon('volume-high', { class: 'media-icon media-icon--volume-high' })}\n </media-mute-button>\n\n <media-popover id=\"audio-volume-popover\" open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" boundary=\"viewport\" class=\"media-surface media-popover media-popover--volume\">\n <media-volume-slider class=\"media-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n <media-slider-track class=\"media-slider__track\">\n <media-slider-fill class=\"media-slider__fill\"></media-slider-fill>\n </media-slider-track>\n <media-slider-thumb class=\"media-slider__thumb media-slider__thumb--persistent\"></media-slider-thumb>\n </media-volume-slider>\n </media-popover>\n </div>\n </media-tooltip-group>\n </div>\n\n <!-- Hotkeys -->\n <media-hotkey keys=\"Space\" action=\"togglePaused\"></media-hotkey>\n <media-hotkey keys=\"k\" action=\"togglePaused\"></media-hotkey>\n <media-hotkey keys=\"m\" action=\"toggleMuted\"></media-hotkey>\n <media-hotkey keys=\"ArrowRight\" action=\"seekStep\" value=\"5\"></media-hotkey>\n <media-hotkey keys=\"ArrowLeft\" action=\"seekStep\" value=\"-5\"></media-hotkey>\n <media-hotkey keys=\"l\" action=\"seekStep\" value=\"10\"></media-hotkey>\n <media-hotkey keys=\"j\" action=\"seekStep\" value=\"-10\"></media-hotkey>\n <media-hotkey keys=\"ArrowUp\" action=\"volumeStep\" value=\"0.05\"></media-hotkey>\n <media-hotkey keys=\"ArrowDown\" action=\"volumeStep\" value=\"-0.05\"></media-hotkey>\n <media-hotkey keys=\"0-9\" action=\"seekToPercent\"></media-hotkey>\n <media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\"></media-hotkey>\n <media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\"></media-hotkey>\n <media-hotkey keys=\">\" action=\"speedUp\"></media-hotkey>\n <media-hotkey keys=\"<\" action=\"speedDown\"></media-hotkey>\n </media-container>\n `;\n}\n\nexport class AudioSkinElement extends SkinElement {\n static readonly tagName = 'audio-skin';\n static styles = createShadowStyle(styles);\n static template = createTemplate(getTemplateHTML());\n}\n\nsafeDefine(AudioSkinElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [AudioSkinElement.tagName]: AudioSkinElement;\n }\n}\n"],"mappings":"gNAAA,IAAA,EAAe,6rfCWf,SAAS,GAAkB,CACzB,MAAgB,yyBAAA,EAAA,UAAA,CAAA,MAAA,iCAAA,CAAA,CAAA,GAAA,EAAA,OAAA,CAAA,MAAA,8BAAA,CAAA,CAAA,GAAA,EAAA,QAAA,CAAA,MAAA,+BAAA,CAAA,CAAA,qUAAA,EAAA,OAAA,CAAA,MAAA,kDAAA,CAAA,CAAA,4XAAA,EAAA,OAAA,CAAA,MAAA,8BAAA,CAAA,CAAA,oxCAAA,EAAA,QAAA,CAAA,MAAA,aAAA,CAAA,CAAA,iQAAA,EAAA,aAAA,CAAA,MAAA,oCAAA,CAAA,CAAA,GAAA,EAAA,aAAA,CAAA,MAAA,oCAAA,CAAA,CAAA,GAAA,EAAA,cAAA,CAAA,MAAA,qCAAA,CAAA,CAAA,whDASlB,EANA,cAA+B,CAAA,qBACb,0DAEC,EAAc,GAAY,CAAA,GAGpB"}

package/cdn/background.dev.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { n as namedNodeMapToObject, t as MediaAttachMixin } from "./media-attach-mixin-pV8deGiO.js";
-import { A as MediaElement, N as ReactiveElement, a as backgroundFeatures, k as MediaContainerElement, t as createPlayer } from "./create-player-B-gVAMdr.js";
+import { n as namedNodeMapToObject, t as MediaAttachMixin } from "./media-attach-mixin-C1KQy-y8.js";
+import { A as MediaContainerElement, P as ReactiveElement, a as backgroundFeatures, j as MediaElement, t as createPlayer } from "./create-player-_WED6HtK.js";
 import { r as ensureGlobalStyle } from "./shadow-styles-DKXFMmyD.js";
-import { d as safeDefine } from "./predicate-BOcV_HDG.js";
+import { f as safeDefine } from "./predicate-Dqd8wbW6.js";
 //#region src/define/background/player.ts
 const { ProviderMixin } = createPlayer({ features: backgroundFeatures });
@@ -15,7 +15,7 @@ safeDefine(MediaContainerElement);
 //#endregion
 //#region inline-css:src/define/background/skin.js
-var skin_default = "background-video-player {\n  display: contents;\n}\n\nbackground-video-skin {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  --media-object-fit: cover;\n  object-fit: var(--media-object-fit);\n}\n\nbackground-video-skin > background-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: inherit;\n}\n\nbackground-video-skin > img,\nbackground-video-skin > picture {\n  width: 100%;\n  height: 100%;\n  object-fit: inherit;\n}\n";
+var skin_default = "background-video-player {\n  display: contents;\n}\n\nbackground-video-skin {\n  --media-object-fit: cover;\n  position: relative;\n  display: block;\n  width: 100%;\n  min-width: 300px;\n  height: 100%;\n  min-height: 150px;\n  object-fit: var(--media-object-fit);\n}\n\nbackground-video-skin > background-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: inherit;\n}\n\nbackground-video-skin > img,\nbackground-video-skin > picture {\n  width: 100%;\n  height: 100%;\n  object-fit: inherit;\n}\n";
 //#endregion
 //#region src/define/background/skin.ts

package/cdn/background.dev.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"background.dev.js","names":["getTemplateHTML","styles"],"sources":["../src/define/background/player.ts","../inline-css:src/define/background/skin.js","../src/define/background/skin.ts","../src/media/background-video/index.ts","../src/define/media/background-video.ts"],"sourcesContent":["import { backgroundFeatures } from '@videojs/core/dom';\nimport { MediaContainerElement } from '../../media/container-element';\nimport { createPlayer } from '../../player/create-player';\nimport { MediaElement } from '../../ui/media-element';\nimport { safeDefine } from '../safe-define';\n\nconst { ProviderMixin } = createPlayer({\n features: backgroundFeatures,\n});\n\nexport class BackgroundVideoPlayerElement extends ProviderMixin(MediaElement) {\n static readonly tagName = 'background-video-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(BackgroundVideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n }\n}\n","export default \"background-video-player {\\n display: contents;\\n}\\n\\nbackground-video-skin {\\n ~~display~~: ~~block~~;\\n position: relative;\\n width: 100%;\\n height: 100%;\\n ~~--media~~-~~object-fit~~: ~~cover~~;\\n object-fit: var(--media-object-fit);\\n}\\n\\nbackground-video-skin > background-video {\\n position: absolute;\\n inset: 0;\\n width: 100%;\\n height: 100%;\\n object-fit: inherit;\\n}\\n\\nbackground-video-skin > img,\\nbackground-video-skin > picture {\\n width: 100%;\\n height: 100%;\\n object-fit: inherit;\\n}\\n\";","import { ReactiveElement } from '@videojs/element';\nimport { ensureGlobalStyle, namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport styles from './skin.css?inline';\n\nconst STYLES_ID = '__media-background-styles';\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n return /html/ `\n <media-container>\n <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n <slot name=\"media\"></slot>\n <slot></slot>\n </media-container>\n `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n static readonly tagName = 'background-video-skin';\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n\n constructor() {\n super();\n\n ensureGlobalStyle(STYLES_ID, styles);\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n }\n }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n }\n}\n","import type { Media } from '@videojs/core/dom';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nfunction getTemplateHTML(attrs: Record<string, string>) {\n return /html/ `\n <style>\n :host {\n position: relative;\n }\n\n video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: var(--media-object-fit, inherit);\n object-position: var(--media-object-position, 50% 50%);\n }\n </style>\n <slot></slot>\n <video ${serializeAttributes(attrs)}></video>\n `;\n}\n\n// Don't extend CustomMediaMixin to save some bytes, background videos don't need the full Media API.\nexport class BackgroundVideo extends MediaAttachMixin(HTMLElement) {\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n static get observedAttributes() {\n return ['src'];\n }\n\n constructor() {\n super();\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideo).shadowRootOptions);\n\n const attrs = {\n ...namedNodeMapToObject(this.attributes),\n ...(!this.hasAttribute('nomuted') && { muted: '' }),\n ...(!this.hasAttribute('noloop') && { loop: '' }),\n ...(!this.hasAttribute('noautoplay') && { autoplay: '' }),\n playsinline: '',\n disableremoteplayback: '',\n disablepictureinpicture: '',\n };\n\n this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n }\n\n // Neither Chrome or Firefox support setting the muted attribute\n // after using document.createElement.\n // Get around this by setting the muted property manually.\n this.target!.muted = !this.hasAttribute('nomuted');\n }\n\n // Register the inner <video> (not `this`) with the provider.\n getMediaTarget(): Media \| null {\n return this.target;\n }\n\n attributeChangedCallback(attrName: string, oldValue: string \| null, newValue: string \| null): void {\n if (attrName === 'src' && oldValue !== newValue) {\n this.target!.src = newValue ?? '';\n }\n }\n\n get target(): HTMLVideoElement \| null {\n return (\n this.querySelector(':scope > [slot=media]') ??\n this.querySelector('video') ??\n this.shadowRoot?.querySelector('video') ??\n null\n );\n }\n}\n\nconst VideoAttributes = [\n 'autoplay',\n 'controls',\n 'controlslist',\n 'crossorigin',\n 'disablepictureinpicture',\n 'disableremoteplayback',\n 'loop',\n 'muted',\n 'playsinline',\n 'preload',\n] as const;\n\nfunction serializeAttributes(attrs: Record<string, string>): string {\n let html = '';\n for (const key in attrs) {\n // Skip forwarding non native video attributes.\n if (!VideoAttributes.includes(key as any)) continue;\n\n const value = attrs[key];\n if (value === '') html += ` ${key}`;\n else html += ` ${key}=\"${value}\"`;\n }\n return html;\n}\n","import { BackgroundVideo } from '../../media/background-video';\nimport { safeDefine } from '../safe-define';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n static readonly tagName = 'background-video';\n}\n\nsafeDefine(BackgroundVideoElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n }\n}\n"],"mappings":";;;;;;AAMA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,oBACX,CAAC;AAEF,IAAa,+BAAb,cAAkD,cAAc,aAAa,CAAC;;iBAClD;;;AAI5B,WAAW,6BAA6B;AACxC,WAAW,sBAAsB;;;;AChBjC,mBAAe;;;;ACKf,MAAM,YAAY;AAElB,SAASA,kBAAgB,QAAgC;AACvD,QAAgB;;;;;;;;AASlB,IAAa,6BAAb,cAAgD,gBAAgB;;iBACpC;;;2BACC,EAAE,MAAM,QAA0B;;;yBACpCA;;CAEzB,cAAc;AACZ,SAAO;AAEP,oBAAkB,WAAWC,aAAO;AAEpC,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAkD,kBAAkB;AAC5F,QAAK,WAAY,YAAYD,kBAAgB,qBAAqB,KAAK,WAAW,CAAC;;;;AAKzF,WAAW,2BAA2B;;;;AC9BtC,SAAS,gBAAgB,OAA+B;AACtD,QAAgB;;;;;;;;;;;;;;;;aAgBL,oBAAoB,MAAM,CAAC;;;AAKxC,IAAa,kBAAb,cAAqC,iBAAiB,YAAY,CAAC;;2BACtC,EAAE,MAAM,QAA0B;;;yBACpC;;CACzB,WAAW,qBAAqB;AAC9B,SAAO,CAAC,MAAM;;CAGhB,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAuC,kBAAkB;GAEjF,MAAM,QAAQ;IACZ,GAAG,qBAAqB,KAAK,WAAW;IACxC,GAAI,CAAC,KAAK,aAAa,UAAU,IAAI,EAAE,OAAO,IAAI;IAClD,GAAI,CAAC,KAAK,aAAa,SAAS,IAAI,EAAE,MAAM,IAAI;IAChD,GAAI,CAAC,KAAK,aAAa,aAAa,IAAI,EAAE,UAAU,IAAI;IACxD,aAAa;IACb,uBAAuB;IACvB,yBAAyB;IAC1B;AAED,QAAK,WAAY,YAAY,gBAAgB,MAAM;;AAMrD,OAAK,OAAQ,QAAQ,CAAC,KAAK,aAAa,UAAU;;CAIpD,iBAA+B;AAC7B,SAAO,KAAK;;CAGd,yBAAyB,UAAkB,UAAyB,UAA+B;AACjG,MAAI,aAAa,SAAS,aAAa,SACrC,MAAK,OAAQ,MAAM,YAAY;;CAInC,IAAI,SAAkC;AACpC,SACE,KAAK,cAAc,wBAAwB,IAC3C,KAAK,cAAc,QAAQ,IAC3B,KAAK,YAAY,cAAc,QAAQ,IACvC;;;AAKN,MAAM,kBAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,oBAAoB,OAAuC;CAClE,IAAI,OAAO;AACX,MAAK,MAAM,OAAO,OAAO;AAEvB,MAAI,CAAC,gBAAgB,SAAS,IAAW,CAAE;EAE3C,MAAM,QAAQ,MAAM;AACpB,MAAI,UAAU,GAAI,SAAQ,IAAI;MACzB,SAAQ,IAAI,IAAI,IAAI,MAAM;;AAEjC,QAAO;;;;;ACnGT,IAAa,yBAAb,cAA4C,gBAAgB;;iBAChC;;;AAG5B,WAAW,uBAAuB"}
1	+ {"version":3,"file":"background.dev.js","names":["getTemplateHTML","styles"],"sources":["../src/define/background/player.ts","../inline-css:src/define/background/skin.js","../src/define/background/skin.ts","../src/media/background-video/index.ts","../src/define/media/background-video.ts"],"sourcesContent":["import { backgroundFeatures } from '@videojs/core/dom';\nimport { MediaContainerElement } from '../../media/container-element';\nimport { createPlayer } from '../../player/create-player';\nimport { MediaElement } from '../../ui/media-element';\nimport { safeDefine } from '../safe-define';\n\nconst { ProviderMixin } = createPlayer({\n features: backgroundFeatures,\n});\n\nexport class BackgroundVideoPlayerElement extends ProviderMixin(MediaElement) {\n static readonly tagName = 'background-video-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(BackgroundVideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n }\n}\n","export default \"background-video-player {\\n display: contents;\\n}\\n\\nbackground-video-skin {\\n --media-object-fit: cover;\\n position: relative;\\n display: block;\\n width: 100%;\\n min-width: 300px;\\n height: 100%;\\n min-height: 150px;\\n object-fit: var(--media-object-fit);\\n}\\n\\nbackground-video-skin > background-video {\\n position: absolute;\\n inset: 0;\\n width: 100%;\\n height: 100%;\\n object-fit: inherit;\\n}\\n\\nbackground-video-skin > img,\\nbackground-video-skin > picture {\\n width: 100%;\\n height: 100%;\\n object-fit: inherit;\\n}\\n\";","import { ReactiveElement } from '@videojs/element';\nimport { ensureGlobalStyle, namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport styles from './skin.css?inline';\n\nconst STYLES_ID = '__media-background-styles';\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n return /html/ `\n <media-container>\n <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n <slot name=\"media\"></slot>\n <slot></slot>\n </media-container>\n `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n static readonly tagName = 'background-video-skin';\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n\n constructor() {\n super();\n\n ensureGlobalStyle(STYLES_ID, styles);\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n }\n }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n }\n}\n","import type { Media } from '@videojs/core/dom';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nfunction getTemplateHTML(attrs: Record<string, string>) {\n return /html/ `\n <style>\n :host {\n position: relative;\n }\n\n video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: var(--media-object-fit, inherit);\n object-position: var(--media-object-position, 50% 50%);\n }\n </style>\n <slot></slot>\n <video ${serializeAttributes(attrs)}></video>\n `;\n}\n\n// Don't extend CustomMediaMixin to save some bytes, background videos don't need the full Media API.\nexport class BackgroundVideo extends MediaAttachMixin(HTMLElement) {\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n static get observedAttributes() {\n return ['src'];\n }\n\n constructor() {\n super();\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideo).shadowRootOptions);\n\n const attrs = {\n ...namedNodeMapToObject(this.attributes),\n ...(!this.hasAttribute('nomuted') && { muted: '' }),\n ...(!this.hasAttribute('noloop') && { loop: '' }),\n ...(!this.hasAttribute('noautoplay') && { autoplay: '' }),\n playsinline: '',\n disableremoteplayback: '',\n disablepictureinpicture: '',\n };\n\n this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n }\n\n // Neither Chrome or Firefox support setting the muted attribute\n // after using document.createElement.\n // Get around this by setting the muted property manually.\n this.target!.muted = !this.hasAttribute('nomuted');\n }\n\n // Register the inner <video> (not `this`) with the provider.\n getMediaTarget(): Media \| null {\n return this.target;\n }\n\n attributeChangedCallback(attrName: string, oldValue: string \| null, newValue: string \| null): void {\n if (attrName === 'src' && oldValue !== newValue) {\n this.target!.src = newValue ?? '';\n }\n }\n\n get target(): HTMLVideoElement \| null {\n return (\n this.querySelector(':scope > [slot=media]') ??\n this.querySelector('video') ??\n this.shadowRoot?.querySelector('video') ??\n null\n );\n }\n}\n\nconst VideoAttributes = [\n 'autoplay',\n 'controls',\n 'controlslist',\n 'crossorigin',\n 'disablepictureinpicture',\n 'disableremoteplayback',\n 'loop',\n 'muted',\n 'playsinline',\n 'preload',\n] as const;\n\nfunction serializeAttributes(attrs: Record<string, string>): string {\n let html = '';\n for (const key in attrs) {\n // Skip forwarding non native video attributes.\n if (!VideoAttributes.includes(key as any)) continue;\n\n const value = attrs[key];\n if (value === '') html += ` ${key}`;\n else html += ` ${key}=\"${value}\"`;\n }\n return html;\n}\n","import { BackgroundVideo } from '../../media/background-video';\nimport { safeDefine } from '../safe-define';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n static readonly tagName = 'background-video';\n}\n\nsafeDefine(BackgroundVideoElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n }\n}\n"],"mappings":";;;;;;AAMA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,oBACX,CAAC;AAEF,IAAa,+BAAb,cAAkD,cAAc,aAAa,CAAC;;iBAClD;;;AAI5B,WAAW,6BAA6B;AACxC,WAAW,sBAAsB;;;;AChBjC,mBAAe;;;;ACKf,MAAM,YAAY;AAElB,SAASA,kBAAgB,QAAgC;AACvD,QAAgB;;;;;;;;AASlB,IAAa,6BAAb,cAAgD,gBAAgB;;iBACpC;;;2BACC,EAAE,MAAM,QAA0B;;;yBACpCA;;CAEzB,cAAc;AACZ,SAAO;AAEP,oBAAkB,WAAWC,aAAO;AAEpC,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAkD,kBAAkB;AAC5F,QAAK,WAAY,YAAYD,kBAAgB,qBAAqB,KAAK,WAAW,CAAC;;;;AAKzF,WAAW,2BAA2B;;;;AC9BtC,SAAS,gBAAgB,OAA+B;AACtD,QAAgB;;;;;;;;;;;;;;;;aAgBL,oBAAoB,MAAM,CAAC;;;AAKxC,IAAa,kBAAb,cAAqC,iBAAiB,YAAY,CAAC;;2BACtC,EAAE,MAAM,QAA0B;;;yBACpC;;CACzB,WAAW,qBAAqB;AAC9B,SAAO,CAAC,MAAM;;CAGhB,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAuC,kBAAkB;GAEjF,MAAM,QAAQ;IACZ,GAAG,qBAAqB,KAAK,WAAW;IACxC,GAAI,CAAC,KAAK,aAAa,UAAU,IAAI,EAAE,OAAO,IAAI;IAClD,GAAI,CAAC,KAAK,aAAa,SAAS,IAAI,EAAE,MAAM,IAAI;IAChD,GAAI,CAAC,KAAK,aAAa,aAAa,IAAI,EAAE,UAAU,IAAI;IACxD,aAAa;IACb,uBAAuB;IACvB,yBAAyB;IAC1B;AAED,QAAK,WAAY,YAAY,gBAAgB,MAAM;;AAMrD,OAAK,OAAQ,QAAQ,CAAC,KAAK,aAAa,UAAU;;CAIpD,iBAA+B;AAC7B,SAAO,KAAK;;CAGd,yBAAyB,UAAkB,UAAyB,UAA+B;AACjG,MAAI,aAAa,SAAS,aAAa,SACrC,MAAK,OAAQ,MAAM,YAAY;;CAInC,IAAI,SAAkC;AACpC,SACE,KAAK,cAAc,wBAAwB,IAC3C,KAAK,cAAc,QAAQ,IAC3B,KAAK,YAAY,cAAc,QAAQ,IACvC;;;AAKN,MAAM,kBAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,oBAAoB,OAAuC;CAClE,IAAI,OAAO;AACX,MAAK,MAAM,OAAO,OAAO;AAEvB,MAAI,CAAC,gBAAgB,SAAS,IAAW,CAAE;EAE3C,MAAM,QAAQ,MAAM;AACpB,MAAI,UAAU,GAAI,SAAQ,IAAI;MACzB,SAAQ,IAAI,IAAI,IAAI,MAAM;;AAEjC,QAAO;;;;;ACnGT,IAAa,yBAAb,cAA4C,gBAAgB;;iBAChC;;;AAG5B,WAAW,uBAAuB"}

package/cdn/background.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{n as e,t}from"./media-attach-mixin-DuquRhAk.js";import{A as n,N as r,a as i,k as a,t as o}from"./create-player-C5ui1T2i.js";import{r as s}from"./shadow-styles-BYZ6q3Q4.js";import{d as c}from"./predicate-Cad5WV4q.js";const{ProviderMixin:l}=o({features:i});c(class extends l(n){static{this.tagName=`background-video-player`}}),c(a);var u=`background-video-player{display:contents}background-video-skin{--media-object-fit:cover;object-fit:var(--media-object-fit);width:100%;height:100%;display:block;position:relative}background-video-skin>background-video{object-fit:inherit;width:100%;height:100%;position:absolute;inset:0}background-video-skin>img,background-video-skin>picture{object-fit:inherit;width:100%;height:100%}`;function d(e){return`<media-container><slot name="media"></slot><slot></slot></media-container>`}c(class extends r{static{this.tagName=`background-video-skin`}static{this.shadowRootOptions={mode:`open`}}static{this.getTemplateHTML=d}constructor(){super(),s(`__media-background-styles`,u),this.shadowRoot||(this.attachShadow(this.constructor.shadowRootOptions),this.shadowRoot.innerHTML=d(e(this.attributes)))}});function f(e){return`<style> :host { position: relative; } video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--media-object-fit, inherit); object-position: var(--media-object-position, 50% 50%); } </style><slot></slot><video ${h(e)}></video>`}var p=class extends t(HTMLElement){static{this.shadowRootOptions={mode:`open`}}static{this.getTemplateHTML=f}static get observedAttributes(){return[`src`]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let t={...e(this.attributes),...!this.hasAttribute(`nomuted`)&&{muted:``},...!this.hasAttribute(`noloop`)&&{loop:``},...!this.hasAttribute(`noautoplay`)&&{autoplay:``},playsinline:``,disableremoteplayback:``,disablepictureinpicture:``};this.shadowRoot.innerHTML=f(t)}this.target.muted=!this.hasAttribute(`nomuted`)}getMediaTarget(){return this.target}attributeChangedCallback(e,t,n){e===`src`&&t!==n&&(this.target.src=n??``)}get target(){return this.querySelector(`:scope > [slot=media]`)??this.querySelector(`video`)??this.shadowRoot?.querySelector(`video`)??null}};const m=[`autoplay`,`controls`,`controlslist`,`crossorigin`,`disablepictureinpicture`,`disableremoteplayback`,`loop`,`muted`,`playsinline`,`preload`];function h(e){let t=``;for(let n in e){if(!m.includes(n))continue;let r=e[n];r===``?t+=` ${n}`:t+=` ${n}="${r}"`}return t}c(class extends p{static{this.tagName=`background-video`}});
+import{n as e,t}from"./media-attach-mixin-0gzahJxP.js";import{A as n,P as r,a as i,j as a,t as o}from"./create-player-B2W5yr5I.js";import{r as s}from"./shadow-styles-BYZ6q3Q4.js";import{f as c}from"./predicate-Dxl3IuYh.js";const{ProviderMixin:l}=o({features:i});c(class extends l(a){static{this.tagName=`background-video-player`}}),c(n);var u=`background-video-player{display:contents}background-video-skin{--media-object-fit:cover;object-fit:var(--media-object-fit);width:100%;min-width:300px;height:100%;min-height:150px;display:block;position:relative}background-video-skin>background-video{object-fit:inherit;width:100%;height:100%;position:absolute;inset:0}background-video-skin>img,background-video-skin>picture{object-fit:inherit;width:100%;height:100%}`;function d(e){return`<media-container><slot name="media"></slot><slot></slot></media-container>`}c(class extends r{static{this.tagName=`background-video-skin`}static{this.shadowRootOptions={mode:`open`}}static{this.getTemplateHTML=d}constructor(){super(),s(`__media-background-styles`,u),this.shadowRoot||(this.attachShadow(this.constructor.shadowRootOptions),this.shadowRoot.innerHTML=d(e(this.attributes)))}});function f(e){return`<style> :host { position: relative; } video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--media-object-fit, inherit); object-position: var(--media-object-position, 50% 50%); } </style><slot></slot><video ${h(e)}></video>`}var p=class extends t(HTMLElement){static{this.shadowRootOptions={mode:`open`}}static{this.getTemplateHTML=f}static get observedAttributes(){return[`src`]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let t={...e(this.attributes),...!this.hasAttribute(`nomuted`)&&{muted:``},...!this.hasAttribute(`noloop`)&&{loop:``},...!this.hasAttribute(`noautoplay`)&&{autoplay:``},playsinline:``,disableremoteplayback:``,disablepictureinpicture:``};this.shadowRoot.innerHTML=f(t)}this.target.muted=!this.hasAttribute(`nomuted`)}getMediaTarget(){return this.target}attributeChangedCallback(e,t,n){e===`src`&&t!==n&&(this.target.src=n??``)}get target(){return this.querySelector(`:scope > [slot=media]`)??this.querySelector(`video`)??this.shadowRoot?.querySelector(`video`)??null}};const m=[`autoplay`,`controls`,`controlslist`,`crossorigin`,`disablepictureinpicture`,`disableremoteplayback`,`loop`,`muted`,`playsinline`,`preload`];function h(e){let t=``;for(let n in e){if(!m.includes(n))continue;let r=e[n];r===``?t+=` ${n}`:t+=` ${n}="${r}"`}return t}c(class extends p{static{this.tagName=`background-video`}});
 //# sourceMappingURL=background.js.map

package/cdn/background.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"background.js","names":[],"sources":["../src/define/background/player.ts","../inline-css:src/define/background/skin.js","../src/define/background/skin.ts","../src/media/background-video/index.ts","../src/define/media/background-video.ts"],"sourcesContent":["import { backgroundFeatures } from '@videojs/core/dom';\nimport { MediaContainerElement } from '../../media/container-element';\nimport { createPlayer } from '../../player/create-player';\nimport { MediaElement } from '../../ui/media-element';\nimport { safeDefine } from '../safe-define';\n\nconst { ProviderMixin } = createPlayer({\n features: backgroundFeatures,\n});\n\nexport class BackgroundVideoPlayerElement extends ProviderMixin(MediaElement) {\n static readonly tagName = 'background-video-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(BackgroundVideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n }\n}\n","export default \"background-video-player{display:contents}background-video-skin{--media-object-fit:cover;object-fit:var(--media-object-fit);width:100%;height:100%;display:block;position:relative}background-video-skin>background-video{object-fit:inherit;width:100%;height:100%;position:absolute;inset:0}background-video-skin>img,background-video-skin>picture{object-fit:inherit;width:100%;height:100%}\";","import { ReactiveElement } from '@videojs/element';\nimport { ensureGlobalStyle, namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport styles from './skin.css?inline';\n\nconst STYLES_ID = '__media-background-styles';\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n return /html/ `\n <media-container>\n <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n <slot name=\"media\"></slot>\n <slot></slot>\n </media-container>\n `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n static readonly tagName = 'background-video-skin';\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n\n constructor() {\n super();\n\n ensureGlobalStyle(STYLES_ID, styles);\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n }\n }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n }\n}\n","import type { Media } from '@videojs/core/dom';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nfunction getTemplateHTML(attrs: Record<string, string>) {\n return /html/ `\n <style>\n :host {\n position: relative;\n }\n\n video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: var(--media-object-fit, inherit);\n object-position: var(--media-object-position, 50% 50%);\n }\n </style>\n <slot></slot>\n <video ${serializeAttributes(attrs)}></video>\n `;\n}\n\n// Don't extend CustomMediaMixin to save some bytes, background videos don't need the full Media API.\nexport class BackgroundVideo extends MediaAttachMixin(HTMLElement) {\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n static get observedAttributes() {\n return ['src'];\n }\n\n constructor() {\n super();\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideo).shadowRootOptions);\n\n const attrs = {\n ...namedNodeMapToObject(this.attributes),\n ...(!this.hasAttribute('nomuted') && { muted: '' }),\n ...(!this.hasAttribute('noloop') && { loop: '' }),\n ...(!this.hasAttribute('noautoplay') && { autoplay: '' }),\n playsinline: '',\n disableremoteplayback: '',\n disablepictureinpicture: '',\n };\n\n this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n }\n\n // Neither Chrome or Firefox support setting the muted attribute\n // after using document.createElement.\n // Get around this by setting the muted property manually.\n this.target!.muted = !this.hasAttribute('nomuted');\n }\n\n // Register the inner <video> (not `this`) with the provider.\n getMediaTarget(): Media \| null {\n return this.target;\n }\n\n attributeChangedCallback(attrName: string, oldValue: string \| null, newValue: string \| null): void {\n if (attrName === 'src' && oldValue !== newValue) {\n this.target!.src = newValue ?? '';\n }\n }\n\n get target(): HTMLVideoElement \| null {\n return (\n this.querySelector(':scope > [slot=media]') ??\n this.querySelector('video') ??\n this.shadowRoot?.querySelector('video') ??\n null\n );\n }\n}\n\nconst VideoAttributes = [\n 'autoplay',\n 'controls',\n 'controlslist',\n 'crossorigin',\n 'disablepictureinpicture',\n 'disableremoteplayback',\n 'loop',\n 'muted',\n 'playsinline',\n 'preload',\n] as const;\n\nfunction serializeAttributes(attrs: Record<string, string>): string {\n let html = '';\n for (const key in attrs) {\n // Skip forwarding non native video attributes.\n if (!VideoAttributes.includes(key as any)) continue;\n\n const value = attrs[key];\n if (value === '') html += ` ${key}`;\n else html += ` ${key}=\"${value}\"`;\n }\n return html;\n}\n","import { BackgroundVideo } from '../../media/background-video';\nimport { safeDefine } from '../safe-define';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n static readonly tagName = 'background-video';\n}\n\nsafeDefine(BackgroundVideoElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n }\n}\n"],"mappings":"+NAMA,KAAM,CAAE,iBAAkB,EAAa,CACrC,SAAU,EACX,CAAC,CAOF,EALA,cAAkD,EAAc,EAAa,AAAC,qBAClD,4BAIY,CACxC,EAAW,EAAsB,CChBjC,IAAA,EAAe,~~kYCOf~~,SAAS,EAAgB,EAAgC,CACvD,MAAgB,6EAoBlB,EAjBA,cAA+B,CAAA,qBACb,sDACG,CAAA,KAAA,OAAA,6BAClB,gBAGH,OAAO,CAEL,EAAO,4BAAsB,EAAO,mBAGpC,KAAA,aAAc,KAAA,YAAA,kBAAA,CACZ,KAAO,WAAA,UAAA,EAAA,EAAA,KAAA,WAAA,CAAA,IAKmB,CCxB9B,SAAS,EAAgB,EAA+B,CACtD,MAAgB,8OAAA,EAAA,EAAA,CAAA,WAIlB,IAAM,EAAN,cAAM,EAAA,YAAA,AAAA,yEAEM,EACV,WAAM,oBAAkB,CACtB,MAAI,CAAA,MAAQ,CAGd,aAAa,CAGX,GAFA,OAAI,CAEF,CAAA,KAAK,WAAA,CACN,KAAM,aAAK,KAAA,YAAA,kBAAA,CAEb,IAAA,EAAA,CACH,GAAA,EAAA,KAAA,WAAA,8CAEQ,GAAC,CAAA,KAAO,aAAA,SAAwB,EAAC,CAAK,KAAM,GAAC,CAC9C,GAAK,CAAC,KAAA,aAAgB,aAAQ,EAAA,CAAA,SAAiB,GAAA,CAC9C,YAAC,GACD,sBAAmB,GACnB,wBAAyB,GAC7B,gFAYF,gBAA8B,CAC5B,OAAO,KAAE,OAGX,yBAAM,EAA2B,EAAA,EAAA,CAC5B,IAAA,OAAA,IAAA,IAAA,KAAA,OAAA,IAAA,GAAA,IAKL,IAAI,QAAkC,CACpC,OACE,KAAK,cAAc,wBAAmB,EACxC,KAAK,cAAgB,QAAM,EAC7B,KAAA,YAAA,cAAA,QAAA,EAAA,gBAOA,WACA,WACA,eACA,cACA,kDAEA,OACA,QACA,cACA,UACD,CAED,SAAK,EAAA,EAAA,CACH,IAAA,EAAA,GACF,IAAA,IAAA,KAAA,EAAA,CAEA,GAAM,CAAA,EAAkB,SAAA,EAAA,CAAA,SAErB,IAAA,EAAS,EAAA,GACT,IAAa,GAAA,GAAA,IAAA,IACb,GAAY,IAAA,EAAA,IAAA,EAAA,GAEb,OAAC,EC9EH,EAJA,cAA4C,CAAgB,qBAChC,qBAGM"}
1	+ {"version":3,"file":"background.js","names":[],"sources":["../src/define/background/player.ts","../inline-css:src/define/background/skin.js","../src/define/background/skin.ts","../src/media/background-video/index.ts","../src/define/media/background-video.ts"],"sourcesContent":["import { backgroundFeatures } from '@videojs/core/dom';\nimport { MediaContainerElement } from '../../media/container-element';\nimport { createPlayer } from '../../player/create-player';\nimport { MediaElement } from '../../ui/media-element';\nimport { safeDefine } from '../safe-define';\n\nconst { ProviderMixin } = createPlayer({\n features: backgroundFeatures,\n});\n\nexport class BackgroundVideoPlayerElement extends ProviderMixin(MediaElement) {\n static readonly tagName = 'background-video-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(BackgroundVideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n }\n}\n","export default \"background-video-player{display:contents}background-video-skin{--media-object-fit:cover;object-fit:var(--media-object-fit);width:100%;min-width:300px;height:100%;min-height:150px;display:block;position:relative}background-video-skin>background-video{object-fit:inherit;width:100%;height:100%;position:absolute;inset:0}background-video-skin>img,background-video-skin>picture{object-fit:inherit;width:100%;height:100%}\";","import { ReactiveElement } from '@videojs/element';\nimport { ensureGlobalStyle, namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport styles from './skin.css?inline';\n\nconst STYLES_ID = '__media-background-styles';\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n return /html/ `\n <media-container>\n <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n <slot name=\"media\"></slot>\n <slot></slot>\n </media-container>\n `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n static readonly tagName = 'background-video-skin';\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n\n constructor() {\n super();\n\n ensureGlobalStyle(STYLES_ID, styles);\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n }\n }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n }\n}\n","import type { Media } from '@videojs/core/dom';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nfunction getTemplateHTML(attrs: Record<string, string>) {\n return /html/ `\n <style>\n :host {\n position: relative;\n }\n\n video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: var(--media-object-fit, inherit);\n object-position: var(--media-object-position, 50% 50%);\n }\n </style>\n <slot></slot>\n <video ${serializeAttributes(attrs)}></video>\n `;\n}\n\n// Don't extend CustomMediaMixin to save some bytes, background videos don't need the full Media API.\nexport class BackgroundVideo extends MediaAttachMixin(HTMLElement) {\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML = getTemplateHTML;\n static get observedAttributes() {\n return ['src'];\n }\n\n constructor() {\n super();\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof BackgroundVideo).shadowRootOptions);\n\n const attrs = {\n ...namedNodeMapToObject(this.attributes),\n ...(!this.hasAttribute('nomuted') && { muted: '' }),\n ...(!this.hasAttribute('noloop') && { loop: '' }),\n ...(!this.hasAttribute('noautoplay') && { autoplay: '' }),\n playsinline: '',\n disableremoteplayback: '',\n disablepictureinpicture: '',\n };\n\n this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n }\n\n // Neither Chrome or Firefox support setting the muted attribute\n // after using document.createElement.\n // Get around this by setting the muted property manually.\n this.target!.muted = !this.hasAttribute('nomuted');\n }\n\n // Register the inner <video> (not `this`) with the provider.\n getMediaTarget(): Media \| null {\n return this.target;\n }\n\n attributeChangedCallback(attrName: string, oldValue: string \| null, newValue: string \| null): void {\n if (attrName === 'src' && oldValue !== newValue) {\n this.target!.src = newValue ?? '';\n }\n }\n\n get target(): HTMLVideoElement \| null {\n return (\n this.querySelector(':scope > [slot=media]') ??\n this.querySelector('video') ??\n this.shadowRoot?.querySelector('video') ??\n null\n );\n }\n}\n\nconst VideoAttributes = [\n 'autoplay',\n 'controls',\n 'controlslist',\n 'crossorigin',\n 'disablepictureinpicture',\n 'disableremoteplayback',\n 'loop',\n 'muted',\n 'playsinline',\n 'preload',\n] as const;\n\nfunction serializeAttributes(attrs: Record<string, string>): string {\n let html = '';\n for (const key in attrs) {\n // Skip forwarding non native video attributes.\n if (!VideoAttributes.includes(key as any)) continue;\n\n const value = attrs[key];\n if (value === '') html += ` ${key}`;\n else html += ` ${key}=\"${value}\"`;\n }\n return html;\n}\n","import { BackgroundVideo } from '../../media/background-video';\nimport { safeDefine } from '../safe-define';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n static readonly tagName = 'background-video';\n}\n\nsafeDefine(BackgroundVideoElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n }\n}\n"],"mappings":"+NAMA,KAAM,CAAE,iBAAkB,EAAa,CACrC,SAAU,EACX,CAAC,CAOF,EALA,cAAkD,EAAc,EAAa,AAAC,qBAClD,4BAIY,CACxC,EAAW,EAAsB,CChBjC,IAAA,EAAe,maCOf,SAAS,EAAgB,EAAgC,CACvD,MAAgB,6EAoBlB,EAjBA,cAA+B,CAAA,qBACb,sDACG,CAAA,KAAA,OAAA,6BAClB,gBAGH,OAAO,CAEL,EAAO,4BAAsB,EAAO,mBAGpC,KAAA,aAAc,KAAA,YAAA,kBAAA,CACZ,KAAO,WAAA,UAAA,EAAA,EAAA,KAAA,WAAA,CAAA,IAKmB,CCxB9B,SAAS,EAAgB,EAA+B,CACtD,MAAgB,8OAAA,EAAA,EAAA,CAAA,WAIlB,IAAM,EAAN,cAAM,EAAA,YAAA,AAAA,yEAEM,EACV,WAAM,oBAAkB,CACtB,MAAI,CAAA,MAAQ,CAGd,aAAa,CAGX,GAFA,OAAI,CAEF,CAAA,KAAK,WAAA,CACN,KAAM,aAAK,KAAA,YAAA,kBAAA,CAEb,IAAA,EAAA,CACH,GAAA,EAAA,KAAA,WAAA,8CAEQ,GAAC,CAAA,KAAO,aAAA,SAAwB,EAAC,CAAK,KAAM,GAAC,CAC9C,GAAK,CAAC,KAAA,aAAgB,aAAQ,EAAA,CAAA,SAAiB,GAAA,CAC9C,YAAC,GACD,sBAAmB,GACnB,wBAAyB,GAC7B,gFAYF,gBAA8B,CAC5B,OAAO,KAAE,OAGX,yBAAM,EAA2B,EAAA,EAAA,CAC5B,IAAA,OAAA,IAAA,IAAA,KAAA,OAAA,IAAA,GAAA,IAKL,IAAI,QAAkC,CACpC,OACE,KAAK,cAAc,wBAAmB,EACxC,KAAK,cAAgB,QAAM,EAC7B,KAAA,YAAA,cAAA,QAAA,EAAA,gBAOA,WACA,WACA,eACA,cACA,kDAEA,OACA,QACA,cACA,UACD,CAED,SAAK,EAAA,EAAA,CACH,IAAA,EAAA,GACF,IAAA,IAAA,KAAA,EAAA,CAEA,GAAM,CAAA,EAAkB,SAAA,EAAA,CAAA,SAErB,IAAA,EAAS,EAAA,GACT,IAAa,GAAA,GAAA,IAAA,IACb,GAAY,IAAA,EAAA,IAAA,EAAA,GAEb,OAAC,EC9EH,EAJA,cAA4C,CAAgB,qBAChC,qBAGM"}

package/cdn/base-CaXY3kMA.js ADDED Viewed

@@ -0,0 +1,66 @@
+//#region ../icons/dist/element/base.js
+var MediaIconElement = class MediaIconElement extends HTMLElement {
+	static #families = /* @__PURE__ */ new Map();
+	static #loaders = /* @__PURE__ */ new Map();
+	static #loading = /* @__PURE__ */ new Map();
+	static #instances = /* @__PURE__ */ new Set();
+	static register(family, icons) {
+		const map = MediaIconElement.#families.get(family) ?? /* @__PURE__ */ new Map();
+		for (const [name, svg] of Object.entries(icons)) map.set(name, svg);
+		MediaIconElement.#families.set(family, map);
+		MediaIconElement.#renderFamily(family);
+	}
+	static registerLoader(family, load) {
+		MediaIconElement.#loaders.set(family, load);
+	}
+	static load(family) {
+		if (MediaIconElement.#families.has(family)) return Promise.resolve();
+		const pending = MediaIconElement.#loading.get(family);
+		if (pending) return pending;
+		const loader = MediaIconElement.#loaders.get(family);
+		if (!loader) return Promise.resolve();
+		const loading = Promise.resolve().then(() => loader()).then((icons) => {
+			if (icons) MediaIconElement.register(family, icons);
+		}).finally(() => MediaIconElement.#loading.delete(family));
+		MediaIconElement.#loading.set(family, loading);
+		return loading;
+	}
+	static #renderFamily(family) {
+		for (const icon of MediaIconElement.#instances) if (icon.#family === family) icon.#render();
+	}
+	static get observedAttributes() {
+		return ["name", "family"];
+	}
+	attributeChangedCallback() {
+		this.#render();
+	}
+	connectedCallback() {
+		MediaIconElement.#instances.add(this);
+		this.#render();
+	}
+	disconnectedCallback() {
+		MediaIconElement.#instances.delete(this);
+	}
+	get #family() {
+		return this.getAttribute("family") || "default";
+	}
+	#render() {
+		const name = this.getAttribute("name");
+		if (!name) return;
+		const family = this.#family;
+		const svg = MediaIconElement.#families.get(family)?.get(name);
+		if (!svg) {
+			if (MediaIconElement.#families.has(family)) return;
+			MediaIconElement.load(family).then(() => {
+				if (!this.isConnected || this.getAttribute("name") !== name || this.#family !== family || !MediaIconElement.#families.has(family)) return;
+				this.#render();
+			}, () => {});
+			return;
+		}
+		this.innerHTML = svg;
+	}
+};
+//#endregion
+export { MediaIconElement as t };
+//# sourceMappingURL=base-CaXY3kMA.js.map

package/cdn/base-CaXY3kMA.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base-CaXY3kMA.js","names":["#families","#loaders","#loading","#instances","#renderFamily","#family","#render"],"sources":["../../icons/dist/element/base.js"],"sourcesContent":["export class MediaIconElement extends HTMLElement {\n static #families = new Map();\n static #loaders = new Map();\n static #loading = new Map();\n static #instances = new Set();\n\n static register(family, icons) {\n const map = MediaIconElement.#families.get(family) ?? new Map();\n for (const [name, svg] of Object.entries(icons)) {\n map.set(name, svg);\n }\n MediaIconElement.#families.set(family, map);\n MediaIconElement.#renderFamily(family);\n }\n\n static registerLoader(family, load) {\n MediaIconElement.#loaders.set(family, load);\n }\n\n static load(family) {\n if (MediaIconElement.#families.has(family)) return Promise.resolve();\n\n const pending = MediaIconElement.#loading.get(family);\n if (pending) return pending;\n\n const loader = MediaIconElement.#loaders.get(family);\n if (!loader) return Promise.resolve();\n\n const loading = Promise.resolve()\n .then(() => loader())\n .then((icons) => {\n if (icons) MediaIconElement.register(family, icons);\n })\n .finally(() => MediaIconElement.#loading.delete(family));\n\n MediaIconElement.#loading.set(family, loading);\n return loading;\n }\n\n static #renderFamily(family) {\n for (const icon of MediaIconElement.#instances) {\n if (icon.#family === family) icon.#render();\n }\n }\n\n static get observedAttributes() {\n return ['name', 'family'];\n }\n\n attributeChangedCallback() {\n this.#render();\n }\n\n connectedCallback() {\n MediaIconElement.#instances.add(this);\n this.#render();\n }\n\n disconnectedCallback() {\n MediaIconElement.#instances.delete(this);\n }\n\n get #family() {\n return this.getAttribute('family') || 'default';\n }\n\n #render() {\n const name = this.getAttribute('name');\n if (!name) return;\n\n const family = this.#family;\n const icons = MediaIconElement.#families.get(family);\n const svg = icons?.get(name);\n if (!svg) {\n if (MediaIconElement.#families.has(family)) return;\n\n MediaIconElement.load(family).then(() => {\n if (\n !this.isConnected ||\n this.getAttribute('name') !== name ||\n this.#family !== family ||\n !MediaIconElement.#families.has(family)\n ) {\n return;\n }\n this.#render();\n }, () => {});\n return;\n }\n\n this.innerHTML = svg;\n }\n}\n"],"mappings":";AAAA,IAAa,mBAAb,MAAa,yBAAyB,YAAY;CAChD,QAAOA,2BAAY,IAAI,KAAK;CAC5B,QAAOC,0BAAW,IAAI,KAAK;CAC3B,QAAOC,0BAAW,IAAI,KAAK;CAC3B,QAAOC,4BAAa,IAAI,KAAK;CAE7B,OAAO,SAAS,QAAQ,OAAO;EAC7B,MAAM,MAAM,kBAAiBH,SAAU,IAAI,OAAO,oBAAI,IAAI,KAAK;AAC/D,OAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,MAAM,CAC7C,KAAI,IAAI,MAAM,IAAI;AAEpB,oBAAiBA,SAAU,IAAI,QAAQ,IAAI;AAC3C,oBAAiBI,aAAc,OAAO;;CAGxC,OAAO,eAAe,QAAQ,MAAM;AAClC,oBAAiBH,QAAS,IAAI,QAAQ,KAAK;;CAG7C,OAAO,KAAK,QAAQ;AAClB,MAAI,kBAAiBD,SAAU,IAAI,OAAO,CAAE,QAAO,QAAQ,SAAS;EAEpE,MAAM,UAAU,kBAAiBE,QAAS,IAAI,OAAO;AACrD,MAAI,QAAS,QAAO;EAEpB,MAAM,SAAS,kBAAiBD,QAAS,IAAI,OAAO;AACpD,MAAI,CAAC,OAAQ,QAAO,QAAQ,SAAS;EAErC,MAAM,UAAU,QAAQ,SAAS,CAC9B,WAAW,QAAQ,CAAC,CACpB,MAAM,UAAU;AACf,OAAI,MAAO,kBAAiB,SAAS,QAAQ,MAAM;IACnD,CACD,cAAc,kBAAiBC,QAAS,OAAO,OAAO,CAAC;AAE1D,oBAAiBA,QAAS,IAAI,QAAQ,QAAQ;AAC9C,SAAO;;CAGT,QAAOE,aAAc,QAAQ;AAC3B,OAAK,MAAM,QAAQ,kBAAiBD,UAClC,KAAI,MAAKE,WAAY,OAAQ,OAAKC,QAAS;;CAI/C,WAAW,qBAAqB;AAC9B,SAAO,CAAC,QAAQ,SAAS;;CAG3B,2BAA2B;AACzB,QAAKA,QAAS;;CAGhB,oBAAoB;AAClB,oBAAiBH,UAAW,IAAI,KAAK;AACrC,QAAKG,QAAS;;CAGhB,uBAAuB;AACrB,oBAAiBH,UAAW,OAAO,KAAK;;CAG1C,KAAIE,SAAU;AACZ,SAAO,KAAK,aAAa,SAAS,IAAI;;CAGxC,UAAU;EACR,MAAM,OAAO,KAAK,aAAa,OAAO;AACtC,MAAI,CAAC,KAAM;EAEX,MAAM,SAAS,MAAKA;EAEpB,MAAM,MADQ,kBAAiBL,SAAU,IAAI,OAAO,EACjC,IAAI,KAAK;AAC5B,MAAI,CAAC,KAAK;AACR,OAAI,kBAAiBA,SAAU,IAAI,OAAO,CAAE;AAE5C,oBAAiB,KAAK,OAAO,CAAC,WAAW;AACvC,QACE,CAAC,KAAK,eACN,KAAK,aAAa,OAAO,KAAK,QAC9B,MAAKK,WAAY,UACjB,CAAC,kBAAiBL,SAAU,IAAI,OAAO,CAEvC;AAEF,UAAKM,QAAS;YACP,GAAG;AACZ;;AAGF,OAAK,YAAY"}

package/cdn/base-JIGv_MlJ.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e=class e extends HTMLElement{static#e=new Map;static#t=new Map;static#n=new Map;static#r=new Set;static register(t,n){let r=e.#e.get(t)??new Map;for(let[e,t]of Object.entries(n))r.set(e,t);e.#e.set(t,r),e.#i(t)}static registerLoader(t,n){e.#t.set(t,n)}static load(t){if(e.#e.has(t))return Promise.resolve();let n=e.#n.get(t);if(n)return n;let r=e.#t.get(t);if(!r)return Promise.resolve();let i=Promise.resolve().then(()=>r()).then(n=>{n&&e.register(t,n)}).finally(()=>e.#n.delete(t));return e.#n.set(t,i),i}static#i(t){for(let n of e.#r)n.#a===t&&n.#o()}static get observedAttributes(){return[`name`,`family`]}attributeChangedCallback(){this.#o()}connectedCallback(){e.#r.add(this),this.#o()}disconnectedCallback(){e.#r.delete(this)}get#a(){return this.getAttribute(`family`)\|\|`default`}#o(){let t=this.getAttribute(`name`);if(!t)return;let n=this.#a,r=e.#e.get(n)?.get(t);if(!r){if(e.#e.has(n))return;e.load(n).then(()=>{!this.isConnected\|\|this.getAttribute(`name`)!==t\|\|this.#a!==n\|\|!e.#e.has(n)\|\|this.#o()},()=>{});return}this.innerHTML=r}};export{e as t};
2	+ //# sourceMappingURL=base-JIGv_MlJ.js.map

package/cdn/base-JIGv_MlJ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base-JIGv_MlJ.js","names":["#families","#loaders","#loading","#instances","#renderFamily","#family","#render"],"sources":["../../icons/dist/element/base.js"],"sourcesContent":["export class MediaIconElement extends HTMLElement {\n static #families = new Map();\n static #loaders = new Map();\n static #loading = new Map();\n static #instances = new Set();\n\n static register(family, icons) {\n const map = MediaIconElement.#families.get(family) ?? new Map();\n for (const [name, svg] of Object.entries(icons)) {\n map.set(name, svg);\n }\n MediaIconElement.#families.set(family, map);\n MediaIconElement.#renderFamily(family);\n }\n\n static registerLoader(family, load) {\n MediaIconElement.#loaders.set(family, load);\n }\n\n static load(family) {\n if (MediaIconElement.#families.has(family)) return Promise.resolve();\n\n const pending = MediaIconElement.#loading.get(family);\n if (pending) return pending;\n\n const loader = MediaIconElement.#loaders.get(family);\n if (!loader) return Promise.resolve();\n\n const loading = Promise.resolve()\n .then(() => loader())\n .then((icons) => {\n if (icons) MediaIconElement.register(family, icons);\n })\n .finally(() => MediaIconElement.#loading.delete(family));\n\n MediaIconElement.#loading.set(family, loading);\n return loading;\n }\n\n static #renderFamily(family) {\n for (const icon of MediaIconElement.#instances) {\n if (icon.#family === family) icon.#render();\n }\n }\n\n static get observedAttributes() {\n return ['name', 'family'];\n }\n\n attributeChangedCallback() {\n this.#render();\n }\n\n connectedCallback() {\n MediaIconElement.#instances.add(this);\n this.#render();\n }\n\n disconnectedCallback() {\n MediaIconElement.#instances.delete(this);\n }\n\n get #family() {\n return this.getAttribute('family') || 'default';\n }\n\n #render() {\n const name = this.getAttribute('name');\n if (!name) return;\n\n const family = this.#family;\n const icons = MediaIconElement.#families.get(family);\n const svg = icons?.get(name);\n if (!svg) {\n if (MediaIconElement.#families.has(family)) return;\n\n MediaIconElement.load(family).then(() => {\n if (\n !this.isConnected ||\n this.getAttribute('name') !== name ||\n this.#family !== family ||\n !MediaIconElement.#families.has(family)\n ) {\n return;\n }\n this.#render();\n }, () => {});\n return;\n }\n\n this.innerHTML = svg;\n }\n}\n"],"mappings":"AAAA,IAAa,EAAb,MAAa,UAAyB,WAAY,CAChD,OAAA,EAAmB,IAAI,IACvB,OAAA,EAAkB,IAAI,IACtB,OAAA,EAAkB,IAAI,IACtB,OAAA,EAAoB,IAAI,IAExB,OAAO,SAAS,EAAQ,EAAO,CAC7B,IAAM,EAAM,GAAA,EAA2B,IAAI,EAAO,EAAI,IAAI,IAC1D,IAAK,GAAM,CAAC,EAAM,KAAQ,OAAO,QAAQ,EAAM,CAC7C,EAAI,IAAI,EAAM,EAAI,CAEpB,GAAA,EAA2B,IAAI,EAAQ,EAAI,CAC3C,GAAA,EAA+B,EAAO,CAGxC,OAAO,eAAe,EAAQ,EAAM,CAClC,GAAA,EAA0B,IAAI,EAAQ,EAAK,CAG7C,OAAO,KAAK,EAAQ,CAClB,GAAI,GAAA,EAA2B,IAAI,EAAO,CAAE,OAAO,QAAQ,SAAS,CAEpE,IAAM,EAAU,GAAA,EAA0B,IAAI,EAAO,CACrD,GAAI,EAAS,OAAO,EAEpB,IAAM,EAAS,GAAA,EAA0B,IAAI,EAAO,CACpD,GAAI,CAAC,EAAQ,OAAO,QAAQ,SAAS,CAErC,IAAM,EAAU,QAAQ,SAAS,CAC9B,SAAW,GAAQ,CAAC,CACpB,KAAM,GAAU,CACX,GAAO,EAAiB,SAAS,EAAQ,EAAM,EACnD,CACD,YAAc,GAAA,EAA0B,OAAO,EAAO,CAAC,CAG1D,OADA,GAAA,EAA0B,IAAI,EAAQ,EAAQ,CACvC,EAGT,OAAA,EAAqB,EAAQ,CAC3B,IAAK,IAAM,KAAQ,GAAA,EACb,GAAA,IAAiB,GAAQ,GAAA,GAAc,CAI/C,WAAW,oBAAqB,CAC9B,MAAO,CAAC,OAAQ,SAAS,CAG3B,0BAA2B,CACzB,MAAA,GAAc,CAGhB,mBAAoB,CAClB,GAAA,EAA4B,IAAI,KAAK,CACrC,MAAA,GAAc,CAGhB,sBAAuB,CACrB,GAAA,EAA4B,OAAO,KAAK,CAG1C,IAAA,GAAc,CACZ,OAAO,KAAK,aAAa,SAAS,EAAI,UAGxC,IAAU,CACR,IAAM,EAAO,KAAK,aAAa,OAAO,CACtC,GAAI,CAAC,EAAM,OAEX,IAAM,EAAS,MAAA,EAET,EADQ,GAAA,EAA2B,IAAI,EAAO,EACjC,IAAI,EAAK,CAC5B,GAAI,CAAC,EAAK,CACR,GAAI,GAAA,EAA2B,IAAI,EAAO,CAAE,OAE5C,EAAiB,KAAK,EAAO,CAAC,SAAW,CAErC,CAAC,KAAK,aACN,KAAK,aAAa,OAAO,GAAK,GAC9B,MAAA,IAAiB,GACjB,CAAC,GAAA,EAA2B,IAAI,EAAO,EAIzC,MAAA,GAAc,MACP,GAAG,CACZ,OAGF,KAAK,UAAY"}

package/cdn/compounds-CJ9NGNJr.js ADDED Viewed

@@ -0,0 +1,8 @@
+import{C as e,D as t,E as n,F as r,I as i,M as a,N as o,O as s,S as c,T as l,_ as u,b as d,c as f,d as p,f as m,g as h,h as g,j as _,k as v,l as y,m as b,n as x,p as ee,r as S,u as te,v as ne,w as re,x as ie,y as ae}from"./create-player-B2W5yr5I.js";import{t as C}from"./listen-DFX-0NbX.js";import{n as oe,t as se}from"./pick-CERGq1No.js";import{a as ce,f as w,l as T,n as le,o as ue,r as E,s as D,t as O,u as k}from"./predicate-Dxl3IuYh.js";import{t as de}from"./types-DRezN4yy.js";function fe(e){let t=e.closest(`[dir]`)?.getAttribute(`dir`);return t?t.toLowerCase()===`rtl`:getComputedStyle(e).direction===`rtl`}function pe(){return typeof CSS<`u`&&CSS.supports(`anchor-name: --a`)}function me(){return typeof navigator<`u`&&/mac/i.test(navigator.userAgent)}function he(e){try{e?.showPopover?.()}catch{}}function ge(e){try{e?.hidePopover?.()}catch{}}function A(e,t){for(let[n,r]of Object.entries(t))if(typeof r==`string`){let t=n.startsWith(`--`)?n:oe(n);e.style.setProperty(t,r)}}function _e(e,t){let n=t.trim();if(!n)return 0;let r=Number.parseFloat(n);if(Number.isNaN(r))return 0;if(/^-?\d*\.?\d+$/.test(n)||n.endsWith(`px`))return r;let i=e.ownerDocument,a=i?.documentElement;if(n.endsWith(`rem`))return r*(a&&Number.parseFloat(getComputedStyle(a).fontSize)||16);if(n.endsWith(`em`))return r*(e instanceof HTMLElement&&Number.parseFloat(getComputedStyle(e).fontSize)||16);if(!i)return r;let o=i.createElement(`div`);o.style.position=`absolute`,o.style.visibility=`hidden`,o.style.pointerEvents=`none`,o.style.inlineSize=n,o.style.blockSize=`0`,o.style.padding=`0`,o.style.border=`0`,o.style.inset=`0`;let s=i.body??i.documentElement;if(!s)return r;s.appendChild(o);let c=o.getBoundingClientRect().width;return o.remove(),Number.isFinite(c)?c:r}const j={transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};function M(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}function ve({transitionStarting:e,transitionEnding:t}){return{[j.transitionStarting]:e?``:void 0,[j.transitionEnding]:t?``:void 0}}var ye=class{static defaultProps={open:!1,defaultOpen:!1};setProps(e){}#e=null;#t=void 0;#n=void 0;setInput(e){this.#e=e}setTitleId(e){this.#t=e}setDescriptionId(e){this.#n=e}getState(){let e=this.#e;return{open:e.active,status:e.status,titleId:this.#t,descriptionId:this.#n,...M(e.status)}}getAttrs(e){return{role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":e.titleId,"aria-describedby":e.descriptionId}}};const be={open:`data-open`,...j};function N(e,t){let n={...t};for(let t in e)ue(e[t])||(n[t]=e[t]);return n}const xe={target:s,signals:new v,get:s,set:s};function P(e){let t=e.state(xe),n=Object.keys(t),r=n[0];return Object.assign(r?e=>{if(r in e)return se(e,n)}:()=>void 0,{displayName:e.name})}function Se(e,t,n){let r=n?.leading??!1,i=null,a,o=!1;function s(){i=setTimeout(()=>{i=null,o&&(o=!1,e(...a),s())},t)}let c=(...n)=>{if(a=n,r)i===null?(e(...a),s()):o=!0;else{if(i!==null)return;i=setTimeout(()=>{i=null,e(...a)},t)}};return c.cancel=()=>{i!==null&&(clearTimeout(i),i=null),o=!1},c}var Ce=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const we={visible:`data-visible`,userActive:`data-user-active`};var Te=class extends ye{setProps(){}},Ee=class{#e=null;#t;#n;constructor(e,t){this.#t=e,this.#n=t}arm(){this.clear(),this.#e=setTimeout(()=>{this.#e=null,this.#t()},this.#n())}clear(){this.#e!==null&&(clearTimeout(this.#e),this.#e=null)}close(){this.clear(),this.#t()}destroy(){this.clear()}},De=class{#e=new Set;register(e){return this.#e.add(e),()=>this.#e.delete(e)}show(e){for(let t of this.#e)t!==e&&t.close()}};function Oe(e){return e.closeDelay??800}function ke(e,t){return e.open||t.active}function Ae(e,t,n){let r=e.open?e:t;return{...r,open:e.open&&n.active,generation:e.open?e.generation:r.generation,...M(n.status)}}function F(e,t,n){return Math.max(t,Math.min(n,e))}function je(e,t,n){let r=Math.round((e-n)/t)*t+n,i=`${t}`.indexOf(`.`);return i===-1?r:Number(r.toFixed(`${t}`.length-i-1))}const Me=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}];function Ne(e){return E(e)&&Number.isFinite(e)}function Pe(e,t){return`${e} ${e===1?Me[t]?.singular:Me[t]?.plural}`}function Fe(e,t){if(!Ne(e))return`0:00`;let n=e<0,r=Math.abs(e),i=Math.floor(r/3600),a=Math.floor(r/60%60),o=Math.floor(r%60),s=t?Math.abs(t):0,c=Math.floor(s/3600),l=Math.floor(s/60%60),u=i>0||c>0,d=u||l>=10,f=u?`${i}:`:``,p=`${d&&a<10?`0`:``}${a}:`,m=o<10?`0${o}`:`${o}`;return`${n?`-`:``}${f}${p}${m}`}function Ie(e){if(!Ne(e))return``;let t=e<0,n=Math.abs(e),r=Math.floor(n/3600),i=Math.floor(n/60%60),a=Math.floor(n%60);return n===0?`${Pe(0,2)}${t?` remaining`:``}`:`${[r,i,a].map((e,t)=>e>0?Pe(e,t):null).filter(Boolean).join(`, `)}${t?` remaining`:``}`}function Le(e){if(!Ne(e))return`PT0S`;let t=Math.abs(e),n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=`PT`;return n>0&&(a+=`${n}H`),r>0&&(a+=`${r}M`),(i>0||a===`PT`)&&(a+=`${i}S`),a}const I={muted:`Muted`,volume:`Volume`,captionsOn:`Captions on`,captionsOff:`Captions off`,paused:`Paused`,playing:`Playing`,fullscreen:`Fullscreen`,exitFullscreen:`Exit fullscreen`,pictureInPicture:`Picture in picture`,exitPictureInPicture:`Exit picture in picture`};function Re(e){return e===`toggleMuted`||e===`volumeStep`}function ze(e){return e===`seekStep`||e===`seekToPercent`}function Be(e,t,n=I){switch(e.action){case`togglePaused`:{let e=t.paused===void 0?!0:!t.paused;return{status:e?`pause`:`play`,label:e?n.paused:n.playing,value:null,volumeLevel:null}}case`toggleMuted`:case`volumeStep`:return $e(e,t,n);case`toggleSubtitles`:{let e=t.subtitlesShowing===void 0?!0:!t.subtitlesShowing;return{status:e?`captions-on`:`captions-off`,label:e?n.captionsOn:n.captionsOff,value:null,volumeLevel:null}}case`toggleFullscreen`:{let e=t.fullscreen===void 0?!0:!t.fullscreen;return{status:e?`fullscreen`:`exit-fullscreen`,label:e?n.fullscreen:n.exitFullscreen,value:null,volumeLevel:null}}case`togglePictureInPicture`:{let e=t.pip===void 0?!0:!t.pip;return{status:e?`pip`:`exit-pip`,label:e?n.pictureInPicture:n.exitPictureInPicture,value:null,volumeLevel:null}}default:return null}}function Ve(e,t,n=I){let r=Be(e,t,n);return r?Re(e.action)?r.status===`volume-off`?n.muted:`${n.volume} ${r.value}`:r.label:null}function He(e){return e<=0?`off`:e<=.5?`low`:`high`}function Ue(e){return`${Math.round(F(e,0,1)*100)}%`}function We(e){return Fe(e.currentTime??0,e.duration)}function Ge(e){return e.value??e.label??``}function Ke(e){return e.value??``}function qe(e){return e.value??e.currentTime}function Je(e){return e.value===void 0?!e.key||e.key<`0`||e.key>`9`?null:Number(e.key)*10:F(e.value,0,100)}function Ye(e,t){if(e.action===`seekStep`&&e.value!==void 0){if(e.value>0)return`forward`;if(e.value<0)return`backward`}if(e.action===`seekToPercent`){let n=Je(e);if(n===null||t.duration===void 0||t.duration<=0)return null;let r=n/100*t.duration,i=t.currentTime??0;if(r>i)return`forward`;if(r<i)return`backward`}return null}function Xe(e,t){return e?!t||t.includes(e):!1}function Ze(e,t){let n=t.muted===!0,r=t.volume??0;if(e.action===`toggleMuted`)return{snapshotVolume:r,nextMuted:!n,nextVolume:r};if(e.action===`volumeStep`){let t=F(r+(e.value??0),0,1);return{snapshotVolume:r,nextMuted:n&&t<=0,nextVolume:t}}return{snapshotVolume:r,nextMuted:n,nextVolume:r}}function Qe(e,t){let n=e.nextMuted?`off`:He(e.nextVolume),r=e.nextMuted?`0%`:Ue(e.nextVolume);return{status:n===`off`?`volume-off`:n===`low`?`volume-low`:`volume-high`,label:n===`off`?t.muted:t.volume,value:r,volumeLevel:n}}function $e(e,t,n=I,r){return Qe(r??Ze(e,t),n)}const et={open:!1,generation:0,direction:null,count:0,seekTotal:0,value:null,currentTime:`0:00`,transitionStarting:!1,transitionEnding:!1};var tt=class{state=n({...et});#e={};#t=null;#n=new Ee(()=>{this.#t=null,this.state.patch({open:!1,direction:null,count:0,seekTotal:0,value:null})},()=>Oe(this.#e));setProps(e){this.#e=e}destroy(){this.#n.destroy()}close(){this.#n.close()}processEvent(e,t){if(!ze(e.action))return!1;let n=this.state.current,r=Ye(e,t),i=n.open&&e.action===`seekStep`&&n.direction===r;i||(this.#t=t.currentTime??null);let a=this.#r(e,t,i),o=i?n.seekTotal+Math.abs(a):Math.abs(a);return this.state.patch({open:!0,generation:n.generation+1,direction:r,count:i?n.count+1:1,seekTotal:o,value:e.action===`seekStep`&&o>0?`${o}s`:null,currentTime:We(t)}),this.#n.arm(),!0}#r(e,t,n){if(e.action!==`seekStep`||e.value===void 0)return 0;if(!n||this.#t===null)return e.value;let r=this.#t,i=t.duration??1/0,a=this.state.current.seekTotal,o=Math.abs(e.value);return(e.value<0?Math.max(0,r-a):Math.max(0,i-r-a))>=o?e.value:0}};const nt={open:`data-open`,direction:`data-direction`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var rt=class{state=n({label:null});#e={};#t=new Ee(()=>this.state.patch({label:null}),()=>Oe(this.#e));setProps(e){this.#e=e}destroy(){this.#t.destroy()}processEvent(e,t){let n=Ve(e,t,{...I,...this.#e.labels});return n?(this.state.patch({label:n}),this.#t.arm(),!0):!1}};const it={open:!1,generation:0,status:null,label:null,value:null,transitionStarting:!1,transitionEnding:!1};var at=class{state=n({...it});#e={};#t=new Ee(()=>this.state.patch({open:!1,status:null,label:null,value:null}),()=>Oe(this.#e));setProps(e){this.#e=e}destroy(){this.#t.destroy()}close(){this.#t.close()}processEvent(e,t){if(!Xe(e.action,this.#e.actions))return!1;let n=Be(e,t,{...I,...this.#e.labels});return n?(this.state.patch({open:!0,generation:this.state.current.generation+1,status:n.status,label:n.label,value:n.value}),this.#t.arm(),!0):!1}};const ot={open:`data-open`,status:`data-status`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`},st={open:!1,generation:0,level:null,value:null,fill:null,min:!1,max:!1,transitionStarting:!1,transitionEnding:!1};var ct=class{state=n({...st});#e={};#t=null;#n=null;#r=new Ee(()=>this.state.patch({open:!1,level:null,value:null,fill:null,min:!1,max:!1}),()=>Oe(this.#e));setProps(e){this.#e=e}destroy(){this.#r.destroy(),this.#c()}close(){this.#c(),this.#r.close()}processEvent(e,t){if(!Re(e.action))return!1;let n=this.state.current,r=Ze(e,t),i=$e(e,t,I,r),a=lt(e,r.snapshotVolume,r.nextVolume),o=a!==null&&n[a]===!0;return a||this.#c(),this.state.patch({open:!0,generation:n.generation+1,level:i.volumeLevel,value:i.value,fill:i.value,min:a===`min`&&!o,max:a===`max`&&!o}),a&&(o?this.#a(a):this.#i()),this.#r.arm(),!0}#i(){this.#o(),this.#t=setTimeout(()=>{this.#t=null,this.state.patch({min:!1,max:!1})},300)}#a(e){this.#c(),this.state.patch({min:!1,max:!1}),this.#n=setTimeout(()=>{this.#n=null,this.state.patch({[e]:!0}),this.#i()},0)}#o(){this.#t!==null&&(clearTimeout(this.#t),this.#t=null)}#s(){this.#n!==null&&(clearTimeout(this.#n),this.#n=null)}#c(){this.#o(),this.#s()}};function lt(e,t,n){return e.action!==`volumeStep`||e.value===void 0||e.value===0||n!==t?null:e.value<0?`min`:`max`}const ut={fill:`--media-volume-fill`},dt={open:`data-open`,level:`data-level`,min:`data-min`,max:`data-max`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var L=class e{static defaultProps={side:`bottom`,align:`start`,open:!1,defaultOpen:!1,closeOnEscape:!0,closeOnOutsideClick:!0,isSubmenu:!1};#e={...e.defaultProps};#t=null;get props(){return this.#e}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}setInput(e){this.#t=e}getState(){let e=this.#t,t=this.#e.isSubmenu;return{open:e.active,status:e.status,side:t?void 0:this.#e.side,align:t?void 0:this.#e.align,isSubmenu:t,...M(e.status)}}getTriggerAttrs(e,t){return{"aria-haspopup":`menu`,"aria-expanded":e.open?`true`:`false`,"aria-controls":t}}getContentAttrs(e){return{role:`menu`,tabIndex:-1,...!e.isSubmenu&&{popover:`manual`}}}};const ft={open:`data-open`,side:`data-side`,align:`data-align`,isSubmenu:`data-submenu`,...j},pt={item:`data-item`,highlighted:`data-highlighted`};var mt=class e{static defaultProps={label:``,disabled:!1};state=n({muted:!1,volumeLevel:`off`,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(O(t)){let n=t(e);if(n)return n}else if(t)return t;return e.muted?`Unmute`:`Mute`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return this.state.patch({muted:e.muted||e.volume===0,volumeLevel:ht(e)}),this.state.patch({label:this.getLabel(this.state.current)}),this.state.current}toggle(e){this.#e.disabled||e.toggleMuted()}};function ht(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const gt={muted:`data-muted`,volumeLevel:`data-volume-level`};var _t=class e{static defaultProps={label:``,disabled:!1};state=n({paused:!0,ended:!1,started:!1,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(O(t)){let n=t(e);if(n)return n}else if(t)return t;return e.ended?`Replay`:e.paused?`Play`:`Pause`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return this.state.patch({paused:e.paused,ended:e.ended,started:e.started}),this.state.patch({label:this.getLabel(this.state.current)}),this.state.current}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const vt={paused:`data-paused`,ended:`data-ended`,started:`data-started`};var R=class e{static defaultProps={side:`top`,align:`center`,modal:!1,closeOnEscape:!0,closeOnOutsideClick:!0,open:!1,defaultOpen:!1,openOnHover:!1,delay:300,closeDelay:0};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,modal:this.#e.modal,...M(e.status)}}getTriggerAttrs(e,t){return{"aria-expanded":e.open?`true`:`false`,"aria-haspopup":`dialog`,"aria-controls":t}}getPopupAttrs(e){return{popover:`manual`,role:`dialog`,"aria-modal":e.modal===!0?`true`:void 0}}};const yt={sideOffset:`--media-popover-side-offset`,alignOffset:`--media-popover-align-offset`,boundaryOffset:`--media-popover-boundary-offset`,anchorWidth:`--media-popover-anchor-width`,anchorHeight:`--media-popover-anchor-height`,availableWidth:`--media-popover-available-width`,availableHeight:`--media-popover-available-height`},bt={open:`data-open`,side:`data-side`,align:`data-align`,...j},xt=`data-popup`,St=`[${xt}]`;var Ct=class e{static defaultProps={label:``,step:1,largeStep:10,orientation:`horizontal`,disabled:!1,thumbAlignment:`center`,value:0,min:0,max:100};static defaultInput={pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1};#e={...e.defaultProps};#t={...e.defaultInput};get props(){return this.#e}get input(){return this.#t}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}setInput(e){this.#t=e}getSliderState(e){let{orientation:t,disabled:n,thumbAlignment:r}=this.#e,{pointerPercent:i,dragging:a,pointing:o,focused:s}=this.#t;return{value:e,fillPercent:this.percentFromValue(e),pointerPercent:i,dragging:a,pointing:o,interactive:a||o||s,orientation:t,disabled:n,thumbAlignment:r}}getLabel(e){let{label:t}=this.#e;if(O(t)){let n=t(e);if(n)return n}else if(t)return t;return``}getAttrs(e){return{role:`slider`,tabIndex:e.disabled?-1:0,autoComplete:`off`,"aria-label":this.getLabel(e),"aria-valuemin":this.#e.min,"aria-valuemax":this.#e.max,"aria-valuenow":e.value,"aria-orientation":e.orientation,"aria-disabled":e.disabled?`true`:void 0}}valueFromPercent(e){let{min:t,max:n,step:r}=this.#e;return je(F(t+e/100*(n-t),t,n),r,t)}rawValueFromPercent(e){let{min:t,max:n}=this.#e;return F(t+e/100*(n-t),t,n)}percentFromValue(e){let{min:t,max:n}=this.#e;return n===t?0:(e-t)/(n-t)*100}getStepPercent(){let{step:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}getLargeStepPercent(){let{largeStep:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}adjustPercentForAlignment(e,t,n){if(this.#e.thumbAlignment===`center`||n===0)return e;let r=t/n*100/2,i=r,a=100-r;return i+e/100*(a-i)}};const z={fill:`--media-slider-fill`,pointer:`--media-slider-pointer`,buffer:`--media-slider-buffer`},wt={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`};var Tt=class{findActiveThumbnail(e,t){if(e.length===0)return;let n=0,r=e.length-1,i;for(;n<=r;){let a=n+r>>>1,o=e[a];t>=o.startTime?(i=o,n=a+1):r=a-1}return i}parseConstraints(e){let t=parseFloat(e.minWidth),n=parseFloat(e.maxWidth),r=parseFloat(e.minHeight),i=parseFloat(e.maxHeight);return{minWidth:Number.isFinite(t)?t:0,maxWidth:Number.isFinite(n)?n:1/0,minHeight:Number.isFinite(r)?r:0,maxHeight:Number.isFinite(i)?i:1/0}}calculateScale(e,t,n){let{minWidth:r,maxWidth:i,minHeight:a,maxHeight:o}=n,s=Math.min(i/e,o/t),c=Math.max(r/e,a/t);return Number.isFinite(s)&&s<1?s:Number.isFinite(c)&&c>1?c:1}resize(e,t,n,r){let i=e.width??t,a=e.height??n;if(!i||!a)return;let o=this.calculateScale(i,a,r),s=e.coords?.x??0,c=e.coords?.y??0,l=o===1?0:1;return{scale:o,containerWidth:Math.max(0,Math.floor(i*o)-l*2),containerHeight:Math.max(0,Math.floor(a*o)-l*2),imageWidth:Math.ceil(t*o),imageHeight:Math.ceil(n*o),offsetX:Math.ceil(s*o)+l,offsetY:Math.ceil(c*o)+l}}getState(e,t,n){return{loading:e,error:t,hidden:!e&&!n}}getAttrs(e){return{role:`img`,"aria-hidden":`true`}}};const Et={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function Dt(e,t){let n=e.trim().split(`#`),r=n[0]??``,i=n[1],a=t?new URL(r,t).href:r;if(!i)return{url:a};let o=i.indexOf(`=`);if(o===-1)return{url:a};let s=i.slice(0,o),c=i.slice(o+1).split(`,`).map(Number),l={};for(let e=0;e<s.length;e++){let t=s[e],n=c[e];t&&E(n)&&!Number.isNaN(n)&&(l[t]=n)}let u={url:a};return E(l.w)&&(u.width=l.w),E(l.h)&&(u.height=l.h),E(l.x)&&E(l.y)&&(u.coords={x:l.x,y:l.y}),u}function Ot(e,t){let n=[];for(let r of e){let e=Dt(r.text,t),i={url:e.url,startTime:r.startTime,endTime:r.endTime};e.width&&(i.width=e.width),e.height&&(i.height=e.height),e.coords&&(i.coords=e.coords),n.push(i)}return n}const kt={current:`Current time`,duration:`Duration`,remaining:`Remaining`};var At=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}setMedia(e){this.#t=e}#n(){let e=this.#t,{type:t}=this.#e;switch(t){case`current`:return e.currentTime;case`duration`:return e.duration;case`remaining`:return e.currentTime-e.duration;default:return 0}}#r(){let e=this.#t,t=this.#n();return Fe(Math.abs(t),e.duration)}#i(){let{type:e}=this.#e,t=this.#n();return Ie(e===`remaining`?t<0?t:-Math.abs(t):t)}#a(){let e=this.#n();return Le(Math.abs(e))}getLabel(e){let{label:t}=this.#e;if(O(t)){let n=t(e);if(n)return n}else if(t)return t;return kt[this.#e.type]}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-valuetext":e.phrase}}getState(){let e=this.#n();return{type:this.#e.type,seconds:e,negative:this.#e.type===`remaining`&&e<0,text:this.#r(),phrase:this.#i(),datetime:this.#a()}}};const jt={type:`data-type`};var B=class e extends Ct{static defaultProps={...Ct.defaultProps,label:`Seek`,changeThrottle:100};#e={...e.defaultProps};#t=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps),super.setProps({...t,min:0})}setMedia(e){this.#t=e}getState(){let{duration:e,currentTime:t,seeking:n,buffered:r}=this.#t;super.setProps({...this.#e,min:0,max:e});let i=super.getSliderState(t),a=r.length>0?r[r.length-1][1]:0,o=e>0?a/e*100:0;return{...i,currentTime:t,duration:e,seeking:n,bufferPercent:o}}getLabel(e){return super.getLabel(e)||`Seek`}getAttrs(e){let t=super.getAttrs(e),n=e.dragging?this.rawValueFromPercent(e.pointerPercent):e.value,r=Ie(n),i=Ie(e.duration),a=i?`${r} of ${i}`:r;return{...t,"aria-valuenow":n,"aria-valuetext":a}}};const Mt={...wt,seeking:`data-seeking`};var V=class e{static defaultProps={side:`top`,align:`center`,open:!1,defaultOpen:!1,delay:600,closeDelay:0,disableHoverablePopup:!0,disabled:!1};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,...M(e.status)}}getPopupAttrs(e){return{popover:`manual`,role:`presentation`}}};const Nt={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,boundaryOffset:`--media-tooltip-boundary-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},Pt={open:`data-open`,side:`data-side`,align:`data-align`,...j};var Ft=class e{static defaultProps={delay:600,closeDelay:0,timeout:400};#e={...e.defaultProps};#t=0;#n=!1;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=N(t,e.defaultProps)}get delay(){return this.#e.delay}get closeDelay(){return this.#e.closeDelay}shouldSkipDelay(){return this.#n?!0:Date.now()-this.#t<this.#e.timeout}notifyOpen(){this.#n=!0}notifyClose(){this.#n=!1,this.#t=Date.now()}},H=class e extends Ct{static defaultProps={...Ct.defaultProps,label:`Volume`,wheelStep:5};#e=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(N(t,e.defaultProps))}setMedia(e){this.#e=e}getState(){let e=this.#e,{volume:t,muted:n}=e,r=n||t===0,{dragging:i,dragPercent:a}=this.input,o=t*100,s=i?this.valueFromPercent(a):o,c=super.getSliderState(s);return{...c,fillPercent:r?0:c.fillPercent,volume:t,muted:r,availability:e.volumeAvailability}}getWheelStepPercent(){let e=this.props,t=e.max-e.min;return t>0?e.wheelStep/t*100:0}getLabel(e){return super.getLabel(e)||`Volume`}getAttrs(e){let t=super.getAttrs(e),n=`${Math.round(e.value)} percent${e.muted?`, muted`:``}`;return{...t,"aria-valuetext":n}}};const It={...wt,availability:`data-availability`},Lt=l({name:`streamType`,state:()=>({streamType:de.UNKNOWN}),attach({target:t,signal:n,set:r}){let{media:i}=t;if(re(i)){let e=()=>r({streamType:i.streamType});e(),C(i,`streamtypechange`,e,{signal:n});return}if(!e(i))return;let a=()=>{let{duration:e}=i;return e===1/0?de.LIVE:Number.isFinite(e)&&e>0?de.ON_DEMAND:de.UNKNOWN},o=()=>r({streamType:a()});o(),C(i,`durationchange`,o,{signal:n}),C(i,`loadedmetadata`,o,{signal:n}),C(i,`emptied`,o,{signal:n}),c(i)&&C(i,`progress`,o,{signal:n})}}),Rt=P(ie),zt=P(ae),Bt=P(ne),Vt=P(u),Ht=P(h),Ut=P(g),Wt=P(b),Gt=P(ee),Kt=P(m);P(p),P(Lt);const qt=P(te),Jt=P(y),Yt=P(f),Xt={shift:`Shift`,ctrl:`Control`,alt:`Alt`,meta:`Meta`},Zt=[`ctrl`,`shift`,`alt`,`meta`];function Qt(e){return e.map(e=>{let t=[];for(let n of Zt)e.modifiers.has(n)&&t.push(Xt[n]);return t.push(e.originalKey),t.join(`+`)}).join(` `)}var $t=class{#e;#t=[];#n=0;#r=null;#i=null;#a=new Map;#o=new Set;#s=!1;constructor(e){this.#e=e}subscribe(e){return this.#o.add(e),()=>this.#o.delete(e)}add(e){let t=tn(e.keys),n={parsed:t,options:e,id:this.#n++};this.#t.push(n),this.#c(),e.action&&this.#p(e.action,t),e.target===`document`?this.#u():this.#l();let r=!1;return()=>{if(r)return;r=!0;let i=this.#t.indexOf(n);i!==-1&&this.#t.splice(i,1),e.action&&this.#m(e.action,t),this.#d()}}getAriaKeys(e){let t=this.#a.get(e);if(t?.length)return Qt(t)}destroy(){this.#s||(this.#s=!0,this.#r?.abort(),this.#r=null,this.#i?.abort(),this.#i=null,this.#t=[],this.#a.clear())}#c(){this.#t.sort((e,t)=>{let n=t.parsed[0].modifiers.size-e.parsed[0].modifiers.size;return n===0?e.id-t.id:n})}#l(){this.#r||(this.#r=new AbortController,C(this.#e,`keydown`,this.#f,{signal:this.#r.signal}))}#u(){this.#i||(this.#i=new AbortController,C(document,`keydown`,this.#f,{signal:this.#i.signal}))}#d(){let e=this.#t.some(e=>e.options.target!==`document`),t=this.#t.some(e=>e.options.target===`document`);e||(this.#r?.abort(),this.#r=null),t||(this.#i?.abort(),this.#i=null)}#f=e=>{if(e.key===`Unidentified`||i(e)||e.defaultPrevented)return;let t=r(e);for(let n of this.#t){let{options:r,parsed:i}=n;if(!r.disabled&&!(e.repeat&&r.repeatable===!1)&&r.target===`document`==(e.currentTarget===document)){for(let n of i)if(rn(n,e)&&!(t&&n.modifiers.size===0)){if(this.#o.size>0){let t={source:`hotkey`,action:r.action,value:r.value,event:e};for(let e of this.#o)try{e(t)}catch{}}e.preventDefault(),r.onActivate(e,n.originalKey);return}}}};#p(e,t){let n=this.#a.get(e);n||(n=[],this.#a.set(e,n)),n.push(...t)}#m(e,t){let n=this.#a.get(e);if(!n)return;let r=n.filter(e=>!t.includes(e));r.length===0?this.#a.delete(e):this.#a.set(e,r)}};const en=new Set([`shift`,`ctrl`,`alt`,`meta`]);function tn(e){if(e===`0-9`)return Array.from({length:10},(e,t)=>({modifiers:new Set,key:String(t),originalKey:String(t)}));let t=e.split(`+`),n=t.pop(),r=new Set;for(let e of t){let t=e.toLowerCase();t===`mod`?r.add(me()?`meta`:`ctrl`):en.has(t)&&r.add(t)}return[{modifiers:r,key:n===`Space`?` `:n.toLowerCase(),originalKey:n}]}function nn(e){return e.length===1&&!/[a-z]/i.test(e)}function rn(e,t){if(t.key===`Unidentified`||t.key.toLowerCase()!==e.key)return!1;let n=nn(t.key),r=n?t.shiftKey&&e.modifiers.has(`shift`):t.shiftKey,i=n?t.altKey&&e.modifiers.has(`alt`):t.altKey;return!(r!==e.modifiers.has(`shift`)||t.ctrlKey!==e.modifiers.has(`ctrl`)||i!==e.modifiers.has(`alt`)||t.metaKey!==e.modifiers.has(`meta`))}const an=new WeakMap;function on(e){return an.get(e)}function sn(e){let t=an.get(e);return t||(t=new $t(e),an.set(e,t)),t}function cn(e,t){return sn(e).add(t)}function ln(e){let{transition:t}=e,n=t.state,r=new AbortController,i=null;function a(){if(r.signal.aborted)return null;let{active:e,status:i}=n.current;return e&&i!==`ending`?null:(i===`ending`&&t.cancel(),t.open())}function o(e){let{active:i,status:a}=n.current;return r.signal.aborted||!i||a===`ending`?null:t.close(e)}function s(){if(c(),typeof document>`u`)return;i=new AbortController;let{signal:t}=i;C(document,`keydown`,l,{signal:t}),e.onDocumentActive?.(t)}function c(){i?.abort(),i=null}function l(t){t.key===`Escape`&&(t.defaultPrevented||n.current.active&&(e.closeOnEscape?.()??!0)&&e.onEscapeDismiss(t))}let u=n.subscribe(()=>{n.current.active?s():c()});r.signal.addEventListener(`abort`,()=>{u(),t.destroy(),c()});function d(){r.signal.aborted||r.abort()}return{input:n,open:a,close:o,signal:r.signal,destroy:d}}function un(e){let{onOpenChange:t}=e,n=null,r=null,i=null,a=ln({transition:e.transition,closeOnEscape:e.closeOnEscape,onEscapeDismiss(e){e.stopPropagation(),c()}}),o=a.input;function s(){r=document.activeElement;let i=a.open();i&&(t(!0),requestAnimationFrame(()=>{a.signal.aborted||!o.current.active||n?.focus()}),i.then(()=>{a.signal.aborted||!o.current.active||e.onOpenChangeComplete?.(!0)}))}function c(){let i=a.close(n);i&&(t(!1),i.then(()=>{a.signal.aborted||(r&&=(r.focus(),null),e.onOpenChangeComplete?.(!1))}))}function l(){if(u(),!n)return;i=new AbortController;let{signal:e}=i;C(n,`click`,d,{signal:e})}function u(){i?.abort(),i=null}function d(e){e.target instanceof HTMLButtonElement&&c()}function f(e){n=e,l()}return a.signal.addEventListener(`abort`,()=>{u(),n=null,r=null}),{input:o,open:s,close:c,setElement:f,destroy:a.destroy}}function dn(e){let{onActivate:t,isDisabled:n}=e;return{role:`button`,tabIndex:0,onClick(e){if(n()){e.preventDefault();return}t()},onPointerDown(e){n()&&e.preventDefault()},onMouseDown(e){n()&&e.preventDefault()},onKeyDown(e){if(e.target===e.currentTarget){if(n()){e.key!==`Tab`&&e.preventDefault();return}e.key===`Enter`?(e.preventDefault(),t()):e.key===` `&&e.preventDefault()}},onKeyUp(e){e.target===e.currentTarget&&(n()||e.key===` `&&t())}}}function fn(e){return{action:e.action,value:e.value,source:e.source,key:`key`in e.event?e.event.key:void 0}}function pn(e){if(!e)return{};let t=e.state,n=Jt(t);return{paused:Wt(t)?.paused,volume:Yt(t)?.volume,muted:Yt(t)?.muted,fullscreen:Vt(t)?.fullscreen,subtitlesShowing:qt(t)?.subtitlesShowing,pip:Ut(t)?.pip,currentTime:n?.currentTime,duration:n?.duration}}function mn(e,t){let n=e=>t(fn(e)),r=d(e).subscribe(n),i=sn(e).subscribe(n);return()=>{r(),i()}}const hn=new WeakMap;function gn(e){let t=hn.get(e);return t||(t=new De,hn.set(e,t)),t}function _n(e){let{onOpenChange:t,closeOnOutsideClick:n}=e,r=null,i=null,a=null,o=new Set,s=ln({transition:e.transition,closeOnEscape:e.closeOnEscape,onEscapeDismiss(e){e.preventDefault(),h(`escape`,e)},onDocumentActive(e){C(document,`pointerdown`,v,{capture:!0,signal:e})}}),c=s.input,l={close(e){h(e)}};function u(){a!==null&&(clearTimeout(a),a=null)}function d(){return globalThis.matchMedia?.(`(hover: hover)`)?.matches??!1}function f(){return d()?globalThis.matchMedia?.(`(pointer: fine)`)?.matches??!1:!1}function p(){return e.openOnHover?.()?d():!0}function m(n,r){let i=s.open();i&&(e.group?.()?.open(l),t(!0,r?{reason:n,event:r}:{reason:n}),i.then(()=>{s.signal.aborted||!c.current.active||e.onOpenChangeComplete?.(!0)}))}function h(n,r){let a=s.close(i);a&&(e.group?.()?.close(l),t(!1,r?{reason:n,event:r}:{reason:n}),a.then(()=>{s.signal.aborted||(ge(i),e.onOpenChangeComplete?.(!1))}))}function g(e=`click`){m(e)}function _(e=`click`){h(e)}function v(e){if(!n()||!c.current.active)return;let t=e.composedPath();r&&t.includes(r)||i&&t.includes(i)||h(`outside-click`,e)}s.signal.addEventListener(`abort`,()=>{e.group?.()?.close(l),u(),o.clear(),r=null,i=null});let y={onClick(e){p()&&(c.current.active&&c.current.status!==`ending`?h(`click`,e):m(`click`,e))},onPointerEnter(t){if(!e.openOnHover?.()||!d()||(u(),c.current.active))return;let n=e.delay?.()??300;a=setTimeout(()=>m(`hover`),n)},onPointerLeave(t){if(!e.openOnHover?.()||!d()||(u(),!c.current.active))return;let n=e.closeDelay?.()??0;a=setTimeout(()=>h(`hover`),n)},onFocusIn(t){if(e.openOnHover?.()){if(!f())return;m(`focus`)}},onFocusOut(t){let n=t.relatedTarget;n&&(r?.contains(n)||i?.contains(n))||e.openOnHover?.()&&h(`blur`)}},b={onPointerEnter(t){e.openOnHover?.()&&u()},onPointerLeave(t){if(!e.openOnHover?.()||o.size>0||(u(),!c.current.active))return;let n=e.closeDelay?.()??0;a=setTimeout(()=>h(`hover`),n)},onGotPointerCapture(e){o.add(e.pointerId)},onLostPointerCapture(e){o.delete(e.pointerId)},onFocusOut(e){let t=e.relatedTarget;t&&(r?.contains(t)||i?.contains(t))||h(`blur`)}};function x(e){r=e}function ee(e){!e&&i&&c.current.active&&ge(i),i=e,e&&c.current.active&&he(e)}return{input:c,triggerProps:y,popupProps:b,get triggerElement(){return r},setTriggerElement:x,setPopupElement:ee,open:g,close:_,destroy:s.destroy}}function vn(e){let{key:t}=e;return t===`ArrowDown`||t===`ArrowUp`||t===`ArrowLeft`||t===`ArrowRight`||t===`Home`||t===`End`||t===`Enter`||t===` `||t===`Escape`||t.length===1&&!e.ctrlKey&&!e.altKey&&!e.metaKey}function yn(e,t){return!e||!t?null:{side:e,align:t}}function bn(e,t=null){t?t.pop():e.close()}function xn(e){let t=[],r=null,i=null,a=null,o=``,s=null,c=0,l=null,u=n({stack:[],direction:`forward`});function d(e,t){let n=u.current.stack;n[n.length-1]?.menuId!==e&&u.patch({stack:[...n,{menuId:e,triggerId:t}],direction:`forward`})}function f(){let e=u.current.stack;e.length!==0&&u.patch({stack:e.slice(0,-1),direction:`back`})}function p(t,n){r!==t&&(r&&(r.tabIndex=-1,r.removeAttribute(pt.highlighted)),r=t,t&&(t.tabIndex=0,t.setAttribute(pt.highlighted,``),n?.focus!==!1&&(n?.preventScroll?t.focus({preventScroll:!0}):t.focus())),e.onHighlightChange?.(t))}function m(){r&&(r.tabIndex=-1,r.removeAttribute(pt.highlighted),r=null,e.onHighlightChange?.(null))}function h(e){p(t[0]??null,e)}function g(){return t.find(e=>e.matches(`[aria-checked="true"], [aria-selected="true"]`))??t[0]??null}function _(){s!==null&&(clearTimeout(s),s=null),o=``}function v(){cancelAnimationFrame(c),c=requestAnimationFrame(()=>{c=0,!(!b.input.current.active||b.input.current.status===`ending`||r)&&p(g())})}function y(e){o=o.length===1&&o.toLowerCase()===e.toLowerCase()?e:o+e,s!==null&&clearTimeout(s),s=setTimeout(_,500);let n=(r?t.indexOf(r):-1)+1,i=[...t.slice(n),...t.slice(0,n)],a=o.toLowerCase(),c=i.find(e=>(e.textContent?.trim().toLowerCase()??``).startsWith(a));c&&p(c)}let b=_n({transition:e.transition,onOpenChange(t,n){l=t?null:n.reason,e.onOpenChange(t,n),t?v():(m(),_(),u.patch({stack:[],direction:`forward`}))},onOpenChangeComplete(t){e.onOpenChangeComplete?.(t),!t&&l!==`imperative-action`&&l!==`group-open`&&i?.focus()},closeOnEscape:e.closeOnEscape,closeOnOutsideClick:e.closeOnOutsideClick,...e.group?{group:e.group}:{}}),x={onFocusOut:b.popupProps.onFocusOut,onKeyDown(e){let{key:n}=e;if(n!==`Escape`&&vn(e)&&!e.defaultPrevented&&e.preventDefault(),t.length!==0)switch(n){case`ArrowDown`:e.preventDefault(),p(t[((r?t.indexOf(r):-1)+1)%t.length]??null);break;case`ArrowUp`:{e.preventDefault();let n=r?t.indexOf(r):0;p(t[(n<=0?t.length:n)-1]??null);break}case`Home`:e.preventDefault(),p(t[0]??null);break;case`End`:e.preventDefault(),p(t[t.length-1]??null);break;case`Enter`:case` `:e.preventDefault(),r?.click();break;default:n.length===1&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&y(n)}}};function ee(e){let t=b.input.current;!t.active||t.status===`ending`||e.key!==`Escape`&&vn(e)&&(x.onKeyDown(e),e.stopPropagation())}function S(e){i=e,b.setTriggerElement(e)}function te(e){a=e,b.setPopupElement(e)}function ne(e,t){if(e===t)return 0;let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING?-1:n&Node.DOCUMENT_POSITION_PRECEDING?1:0}function re(e){return e.tabIndex=-1,e.setAttribute(pt.item,``),t.push(e),t.sort(ne),b.input.current.active&&b.input.current.status!==`ending`&&!r&&v(),()=>{let n=t.indexOf(e);n!==-1&&t.splice(n,1),r===e&&m()}}function ie(){cancelAnimationFrame(c),c=0,_(),b.destroy()}return{input:b.input,navigationInput:u,triggerProps:{onClick:b.triggerProps.onClick,onKeyDown:ee},contentProps:x,get triggerElement(){return i},get contentElement(){return a},setTriggerElement:S,setContentElement:te,registerItem:re,highlight:p,highlightFirstItem:h,push:d,pop:f,open:b.open,close:b.close,destroy:ie}}function U(e){e?.getBoundingClientRect()}function Sn(e,t,n,r){let i=e+n,a=t+r;return{x:e,y:t,width:n,height:r,top:t,right:i,bottom:a,left:e,toJSON(){return{x:e,y:t,width:n,height:r,top:t,right:i,bottom:a,left:e}}}}function Cn(e,t){let n=Math.max(e.left,t.left),r=Math.max(e.top,t.top),i=Math.min(e.right,t.right),a=Math.min(e.bottom,t.bottom);return Sn(n,r,Math.max(0,i-n),Math.max(0,a-r))}function wn(e){let t=document.documentElement.getBoundingClientRect();return e?Cn(t,e.getBoundingClientRect()):t}function Tn(e,t={}){if(!e)return null;if(!ce(e))return e;if(e===`viewport`)return null;if(e===`container`)return t.container??null;try{return(t.root??document).querySelector(e)}catch{return null}}const En={phase:`hidden`,direction:`forward`,triggerId:null};async function Dn(e){let t=e.getAnimations?.()??[];t.length&&await Promise.all(t.map(e=>e.finished)).catch(()=>{})}function On(e){e.querySelector(`[data-item]`)?.focus({preventScroll:!0})}function kn(e){return e===`entering`||e===`active`?`active`:`inactive`}function An(e){return{"data-menu-view":``,"data-menu-view-state":kn(e.phase),"data-direction":e.direction,...ve({transitionStarting:e.phase===`entering`,transitionEnding:e.phase===`exiting`}),"data-open":e.phase===`hidden`?void 0:``,hidden:e.phase===`hidden`}}function jn(e={}){let t=n(En),r=e.waitForAnimations??Dn,i=e.focusFirstItem??On,a=null,o=0,s=0,c=0,l=0,u=0,d=null;function f(){cancelAnimationFrame(s),cancelAnimationFrame(c),cancelAnimationFrame(l),s=0,c=0,l=0,u=0,d=null}function p(){let{phase:e}=t.current;!a||e!==`entering`&&e!==`exiting`||u===o&&d===e||(u=o,d=e,e===`entering`?m(o,a):h(o,a))}function m(e,n){U(n),s=requestAnimationFrame(()=>{e===o&&(c=requestAnimationFrame(()=>{e===o&&(U(n),t.patch({phase:`active`}),l=requestAnimationFrame(()=>{e===o&&i(n)}))}))})}function h(n,i){U(i),s=requestAnimationFrame(async()=>{if(await r(i),n!==o)return;let{direction:a,triggerId:s}=t.current;t.patch({phase:`hidden`,triggerId:null}),a===`back`&&e.restoreFocus?.(s)})}function g(e,n){o++,f(),t.patch({phase:`entering`,direction:e,triggerId:n}),p()}function _(e){o++,f(),t.patch({phase:`exiting`,direction:e}),p()}function v(e){a!==e&&(a=e,p())}function y({active:e,direction:n,triggerId:r=null}){let{phase:i}=t.current;e&&(i===`hidden`||i===`exiting`)?g(n,r):!e&&(i===`active`||i===`entering`)&&_(n)}function b(){o++,f(),a=null,t.patch(En)}return{input:t,setElement:v,sync:y,destroy:b}}const Mn=`active`,Nn=`inactive`,Pn=`data-menu-root-view`,Fn=[`position`,`top`,`right`,`bottom`,`left`,`width`,`height`,`min-width`,`max-width`],In=new WeakMap;function Ln(){return{"data-menu-viewport":``}}function Rn(){return{"data-menu-root-view":``,"data-menu-view":``}}function zn(e){let t=In.get(e);return t||(t={pending:null,phaseKeys:new WeakMap},In.set(e,t)),t}function Bn(e){return e?e.querySelector(`:scope > [data-menu-viewport]`)??e:null}function Vn(e,t){let n=Bn(e);return n&&n!==e?n:t?.parentElement&&e.contains(t.parentElement)?t.parentElement:e}function Hn(e){return e.querySelector(`:scope > [${Pn}]`)}function Un(e){return Array.from(e.children).find(e=>e instanceof HTMLElement&&e.hasAttribute(`data-menu-view`)&&!e.hasAttribute(Pn)&&!e.hidden&&!e.hasAttribute(j.transitionEnding))??null}function Wn(e){return e?.minWidth??160}function Gn(e){return Fn.map(t=>({property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}))}function Kn(e,t){for(let{property:n,value:r,priority:i}of t)r?e.style.setProperty(n,r,i):e.style.removeProperty(n)}function W(e,t){let n=Gn(e);try{e.style.setProperty(`position`,`absolute`),e.style.setProperty(`top`,`0px`),e.style.setProperty(`right`,`auto`),e.style.setProperty(`bottom`,`auto`),e.style.setProperty(`left`,`0px`),e.style.setProperty(`width`,`max-content`),e.style.setProperty(`height`,`auto`),e.style.setProperty(`min-width`,`${t}px`),e.style.setProperty(`max-width`,`none`),U(e);let n=e.getBoundingClientRect();return{width:Math.ceil(Math.max(t,n.width,e.scrollWidth)),height:Math.ceil(Math.max(n.height,e.scrollHeight))}}finally{Kn(e,n),U(e)}}function G(e,t){e.style.setProperty(`--media-menu-width`,`${t.width}px`),e.style.setProperty(`--media-menu-height`,`${t.height}px`)}function K(e,t){e.setAttribute(`data-menu-view-state`,t),t===Mn?e.setAttribute(`data-open`,``):e.removeAttribute(`data-open`)}function qn(e,t,n,r,i){let a=Wn(i),o=W(t,a);r.pending={entering:n,fromSize:o,toSize:W(n,a)},K(t,Mn),G(e,o),U(e)}function Jn(e,t,n,r,i){let a=Wn(i),o=r.pending?.entering===n?r.pending:{entering:n,fromSize:W(t,a),toSize:W(n,a)};r.pending=null,G(e,o.fromSize),U(t),K(t,Nn),U(t),G(e,o.toSize)}function Yn(e,t,n,r,i){r.pending=null;let a=Wn(i),o=W(n,a),s=W(t,a);G(e,o),K(t,Nn),U(t),K(t,Mn),U(t),G(e,s)}function Xn(e,t,n){if(!e||t)return;let r=Vn(e),i=Hn(r);if(!i||Un(r))return;let a=W(i,Wn(n));K(i,Mn),G(e,a)}function Zn(e,t,n,r){if(!e||!t)return;let i=Vn(e,t),a=Hn(i);if(!a)return;let o=zn(e),s=`${n.phase}:${n.direction}`;if(o.phaseKeys.get(t)!==s){if(o.phaseKeys.set(t,s),n.phase===`hidden`){o.phaseKeys.delete(t),Xn(e,Un(i)!==null,r);return}if(n.phase===`entering`){qn(e,a,t,o,r);return}if(n.phase===`active`){Jn(e,a,t,o,r);return}Yn(e,a,t,o,r)}}const Qn={sideOffset:0,alignOffset:0,boundaryOffset:0},$n={top:`bottom`,bottom:`top`,left:`right`,right:`left`};function er(e){return`${F(e,0,1/0)}px`}function tr(e,t,n,r,i,a,o){if(a===`start`)return i-(e+o);if(a===`end`)return t+o-r;let s=e+n/2+o;return Math.min(s-r,i-s)*2}function q(e,t,n,r,i,a,o=yt){if(pe())return{...rr(e,t,o),...n&&i?ir(n,i,t,a,o):{}};if(n&&r){let e=a??Qn;return{...ar(n,r,t,e),...i?ir(n,i,t,e,o):{},position:`fixed`,inset:`auto`,margin:`0`}}return{}}function nr(e){return pe()?{anchorName:`--${e}`}:{}}function rr(e,t,n=yt){let r=`var(${n.sideOffset}, 0px)`,i=`var(${n.alignOffset}, 0px)`,{side:a,align:o}=t,s={positionAnchor:`--${e}`,position:`fixed`,inset:`auto`,margin:`0`,justifySelf:`normal`,alignSelf:`normal`,marginInlineStart:`0`,marginBlockStart:`0`},c=$n[a];return a===`top`||a===`bottom`?(s[c]=`calc(anchor(${a}) + ${r})`,o===`start`?s.left=`calc(anchor(left) + ${i})`:o===`end`?s.right=`calc(anchor(right) + ${i})`:(s.justifySelf=`anchor-center`,s.marginInlineStart=i)):(s[c]=`calc(anchor(${a}) + ${r})`,o===`start`?s.top=`calc(anchor(top) + ${i})`:o===`end`?s.bottom=`calc(anchor(bottom) + ${i})`:(s.alignSelf=`anchor-center`,s.marginBlockStart=i)),s}function ir(e,t,n,r=Qn,i=yt){let a={},{side:o,align:s}=n,c=r.boundaryOffset??0,l=t.left+c,u=t.right-c,d=t.top+c,f=t.bottom-c;if(a[i.anchorWidth]=`${e.width}px`,a[i.anchorHeight]=`${e.height}px`,o===`top`||o===`bottom`){let t=o===`top`?e.top-d:f-e.bottom;a[i.availableHeight]=er(t-r.sideOffset),a[i.availableWidth]=er(tr(e.left,e.right,e.width,l,u,s,r.alignOffset))}else{let t=o===`left`?e.left-l:u-e.right;a[i.availableWidth]=er(t-r.sideOffset),a[i.availableHeight]=er(tr(e.top,e.bottom,e.height,d,f,s,r.alignOffset))}return a}function ar(e,t,n,r={sideOffset:0,alignOffset:0}){let{side:i,align:a}=n,{sideOffset:o,alignOffset:s}=r,c=0,l=0;return i===`top`?c=e.top-t.height-o:i===`bottom`?c=e.bottom+o:l=i===`left`?e.left-t.width-o:e.right+o,i===`top`||i===`bottom`?l=a===`start`?e.left+s:a===`end`?e.right-t.width+s:e.left+(e.width-t.width)/2+s:c=a===`start`?e.top+s:a===`end`?e.bottom-t.height+s:e.top+(e.height-t.height)/2+s,{top:`${c}px`,left:`${l}px`}}function or(e,t=yt){let n=getComputedStyle(e);return{sideOffset:_e(e,n.getPropertyValue(t.sideOffset)),alignOffset:_e(e,n.getPropertyValue(t.alignOffset)),boundaryOffset:_e(e,n.getPropertyValue(t.boundaryOffset))}}function sr(e){let t=e.getBoundingClientRect(),n=e.offsetWidth||t.width,r=e.offsetHeight||t.height;return Sn(t.left,t.top,n,r)}function cr(e,t,n,r){let i;return i=n===`vertical`?1-(e.clientY-t.top)/t.height:r?(t.right-e.clientX)/t.width:(e.clientX-t.left)/t.width,Number.isFinite(i)?F(i*100,0,100):0}function lr(e){let t=n({pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1}),r=new AbortController,i=e.changeThrottle??0,a=!1,o=!1,s=null,c=null,l=0,u=!1,d=i>0?Se(t=>e.onValueChange?.(t),i,{leading:!0}):null;function f(t,n){n&&d?d(t):e.onValueChange?.(t)}function p(){if(le(c))return;let t=c;c=null;try{e.getElement().releasePointerCapture(t)}catch{}}function m(){a?(u||e.onValueCommit?.(l),a=!1,t.patch({dragging:!1,pointing:!1}),e.onDragEnd?.()):t.patch({pointing:!1}),u=!1,h()}function h(){d?.cancel(),c=null,s=null}let g={onPointerDown(n){if(e.isDisabled())return;n.stopPropagation(),n.preventDefault();let r=e.getElement();s=r.getBoundingClientRect(),o=e.isRTL(),u=!1,p(),c=n.pointerId,r.setPointerCapture(n.pointerId);let i=cr(n,s,e.getOrientation(),o);a=!0,l=i,t.patch({pointing:!0,dragging:!0,pointerPercent:i,dragPercent:i}),e.onDragStart?.(),e.onValueChange?.(i),e.getThumbElement?.()?.focus({preventScroll:!0,focusVisible:!1})},onPointerMove(n){if(e.isDisabled())return;if(!le(c)){if(n.pointerType!==`touch`&&n.buttons===0){m();return}let r=cr(n,s,e.getOrientation(),o);l=r,t.patch({dragPercent:r,pointerPercent:r}),f(r,!0);return}let r=cr(n,e.getElement().getBoundingClientRect(),e.getOrientation(),e.isRTL());t.patch({pointing:!0,pointerPercent:r})},onPointerUp(t){if(e.isDisabled()||(t.stopPropagation(),le(c)))return;let n=cr(t,s,e.getOrientation(),o);d?.cancel(),e.onValueChange?.(n),e.onValueCommit?.(n),u=!0},onPointerLeave(){le(c)&&t.patch({pointing:!1})},onLostPointerCapture(){m()}},_={onKeyDown(n){if(e.isDisabled()){n.key!==`Tab`&&n.preventDefault();return}let r=e.getStepPercent(),i=e.getLargeStepPercent(),a=je(e.getPercent(),r,0),o=e.isRTL()?-1:1,s=n.shiftKey?i:r,c=null;switch(n.key){case`ArrowRight`:c=a+s*o;break;case`ArrowLeft`:c=a-s*o;break;case`ArrowUp`:c=a+s;break;case`ArrowDown`:c=a-s;break;case`PageUp`:c=a+i;break;case`PageDown`:c=a-i;break;case`Home`:c=0;break;case`End`:c=100;break;default:!n.metaKey&&!n.ctrlKey&&!n.altKey&&n.key>=`0`&&n.key<=`9`&&(c=Number(n.key)*10);break}c!==null&&(n.preventDefault(),c=F(c,0,100),t.patch({pointerPercent:c,dragPercent:c}),e.onValueChange?.(c),e.onValueCommit?.(c))},onFocus(){t.patch({focused:!0})},onBlur(){t.patch({focused:!1})}};function v(t){if(!e.adjustPercent||t.thumbAlignment!==`edge`)return t;let n=e.getElement(),r=e.getThumbElement?.();if(!r)return t;let i=t.orientation===`horizontal`,a=i?r.offsetWidth:r.offsetHeight,o=i?n.offsetWidth:n.offsetHeight;return{...t,fillPercent:e.adjustPercent(t.fillPercent,a,o),pointerPercent:e.adjustPercent(t.pointerPercent,a,o)}}let y=null;return e.onResize&&(y=new ResizeObserver(()=>e.onResize()),y.observe(e.getElement())),{input:t,rootProps:g,rootStyle:{touchAction:`none`,userSelect:`none`},thumbProps:_,adjustForAlignment:v,destroy(){r.signal.aborted||(r.abort(),y?.disconnect(),p(),h())}}}function ur(e){return{[z.fill]:`${e.fillPercent.toFixed(3)}%`,[z.pointer]:`${e.pointerPercent.toFixed(3)}%`}}function dr(e){return{...ur(e),[z.buffer]:`${e.bufferPercent.toFixed(3)}%`}}function fr(e,t){let n=e/2;return{position:`absolute`,left:t===`visible`?`calc(var(${z.pointer}) - ${n}px)`:`min(max(0px, calc(var(${z.pointer}) - ${n}px)), calc(100% - ${e}px))`,width:`max-content`,pointerEvents:`none`}}function pr(e){let{getContainer:t,getImg:n,onStateChange:r}=e,i=new Tt,a=new AbortController,o=a.signal,s=!1,c=!1,l=0,u=0,d=``,f=!1,p=null;function m(){let e=n();e&&(l=e.naturalWidth,u=e.naturalHeight),s=!1,c=!1,r()}function h(){s=!1,c=!0,r()}function g(e){C(e,`load`,m,{signal:o}),C(e,`error`,h,{signal:o})}function _(){if(!f){let e=n();e&&(g(e),f=!0)}if(!p){let e=t();e&&(p=new ResizeObserver(r),p.observe(e))}}function v(e){_();let t=e??``;t!==d&&(d=t,t?(s=!0,c=!1):(s=!1,c=!1,l=0,u=0))}function y(){_();let e=n();e?.complete&&d&&(e.naturalWidth>0?(l=e.naturalWidth,u=e.naturalHeight,s=!1,c=!1):(s=!1,c=!0),r())}function b(){a.abort(),p?.disconnect(),p=null}return{get loading(){return s},get error(){return c},get naturalWidth(){return l},get naturalHeight(){return u},readConstraints(){let e=t();return e?i.parseConstraints(getComputedStyle(e)):{minWidth:0,maxWidth:1/0,minHeight:0,maxHeight:1/0}},updateSrc:v,connect:y,destroy:b}}const mr={hover:`hover`,focus:`focus`,escape:`escape`,blur:`blur`,"imperative-action":`imperative-action`};function hr(e){let t={transition:e.transition,onOpenChange(t,n){let r=mr[n.reason];if(!r)return;let i=e.group?.();t?i?.notifyOpen():i?.notifyClose();let a=n.event?{reason:r,event:n.event}:{reason:r};e.onOpenChange(t,a)},closeOnEscape:()=>!0,closeOnOutsideClick:()=>!1,openOnHover:()=>!0,delay:()=>{let t=e.group?.();return t?.shouldSkipDelay()?0:e.delay?.()??t?.delay??600},closeDelay:()=>{let t=e.group?.();return e.closeDelay?.()??t?.closeDelay??0}};e.onOpenChangeComplete&&(t.onOpenChangeComplete=e.onOpenChangeComplete);let n=_n(t),r=!1,{onClick:i,...a}=n.triggerProps,o={...a,onPointerDown(){r=!0},onPointerEnter(t){e.disabled?.()||t.pointerType!==`touch`&&a.onPointerEnter(t)},onFocusIn(t){if(!e.disabled?.()){if(r){r=!1;return}a.onFocusIn(t)}}},s={...n.popupProps,onPointerEnter(t){e.disableHoverablePopup?.()||n.popupProps.onPointerEnter(t)}};return{...n,triggerProps:o,popupProps:s,get triggerElement(){return n.triggerElement},open:()=>n.open(`hover`),close:(e=`hover`)=>n.close(e)}}function J(){let e=n({active:!1,status:`idle`}),t=!1,r=0,i=0;function a(){return cancelAnimationFrame(r),cancelAnimationFrame(i),r=0,i=0,e.patch({active:!0,status:`starting`}),new Promise(n=>{r=requestAnimationFrame(()=>{r=0,i=requestAnimationFrame(()=>{if(i=0,t||!e.current.active)return n();e.patch({status:`idle`}),n()})})})}function o(n){return cancelAnimationFrame(r),cancelAnimationFrame(i),r=0,i=0,e.patch({status:`ending`}),new Promise(a=>{r=requestAnimationFrame(()=>{r=0,i=requestAnimationFrame(()=>{if(i=0,t)return a();gr(n).finally(()=>{if(t||e.current.status!==`ending`)return a();e.patch({active:!1,status:`idle`}),a()})})})})}function s(){cancelAnimationFrame(r),cancelAnimationFrame(i),r=0,i=0,e.current.status!==`idle`&&e.patch({status:`idle`})}return{state:e,open:a,close:o,cancel:s,destroy(){t||(t=!0,s())}}}function gr(e){if(!e)return Promise.resolve();let n=e.getAnimations?.()??[];return n.length===0?Promise.resolve():Promise.all(n.map(e=>e.finished)).then(t,t)}function _r(e){return{onWheel(t){if(e.isDisabled())return;let n=Math.sign(t.deltaY);if(n===0)return;t.preventDefault();let r=e.getStepPercent(),i=F(e.getPercent()-n*r,0,100);e.onValueChange?.(i)}}}function Y(e,t,n){let r=n?.signal;for(let[n,i]of Object.entries(t))O(i)&&n.startsWith(`on`)?C(e,n.slice(2).toLowerCase(),i,r?{signal:r}:void 0):ue(i)||i===!1?e.removeAttribute(n):i===!0?e.setAttribute(n,``):e.setAttribute(n,String(i))}function vr(e,t){if(!t)return!1;if(O(e.composedPath))return e.composedPath().includes(t);let n=e.target;return n instanceof Node&&t.contains(n)}function X(e,t,n){for(let r in t){if(n&&!(r in n))continue;let i=n?.[r]??yr(r),a=t[r];a===!0?e.setAttribute(i,``):a?e.setAttribute(i,String(a)):e.removeAttribute(i)}}function yr(e){return`data-${e.toLowerCase()}`}var br=class{#e;#t;constructor(e,t){this.#e=t,this.#t=new o(e,{context:D,subscribe:!0}),e.addController(this)}get value(){let e=this.#t.value?.container;if(e)return on(e)?.getAriaKeys(this.#e)}hostConnected(){}hostDisconnected(){}},xr=class extends _{constructor(...e){super(...e),this.disabled=!1,this.label=``,this.hotkeyAction=void 0,this.#e=null,this.#t=null}static{this.properties={label:{type:String},disabled:{type:Boolean}}}get $state(){return this.core.state}#e;#t;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.hotkeyAction&&!this.#t&&(this.#t=new br(this,this.hotkeyAction)),this.#e=new AbortController;let e=dn({onActivate:()=>this.activate(this.mediaState.value),isDisabled:()=>this.disabled||!this.mediaState.value});Y(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}getLabel(){return this.core.state.current.label||void 0}willUpdate(e){super.willUpdate(e),this.core.setProps?.(this)}update(e){super.update(e);let t=this.mediaState.value;if(!t)return;this.core.setMedia(t);let n=this.core.getState();Y(this,{...this.core.getAttrs?.(n),"aria-keyshortcuts":this.#t?.value}),X(this,n,this.stateAttrMap)}},Sr=class extends xr{constructor(...e){super(...e),this.core=new mt,this.stateAttrMap=gt,this.mediaState=new x(this,T,Yt),this.hotkeyAction=`toggleMuted`}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}},Cr=class extends xr{constructor(...e){super(...e),this.core=new _t,this.stateAttrMap=vt,this.mediaState=new x(this,T,Wt),this.hotkeyAction=`togglePaused`}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}},wr=class{#e;#t=null;#n=0;#r=null;#i=null;#a=null;constructor(e){this.#e=e,e.addController(this)}findTrigger(){return this.#e.id?this.#e.getRootNode().querySelector(`[commandfor="${this.#e.id}"]`):null}sync(e,t=null){if(!e||this.#t&&this.#i===e&&this.#a===t)return;this.cleanup(),this.#t=new AbortController,this.#i=e,this.#a=t;let{signal:n}=this.#t,r=e=>{e&&vr(e,this.#e)||(cancelAnimationFrame(this.#n),this.#n=requestAnimationFrame(()=>{n.aborted||this.#e.requestUpdate()}))};window.addEventListener(`scroll`,r,{capture:!0,passive:!0,signal:n}),window.addEventListener(`resize`,r,{signal:n}),typeof ResizeObserver==`function`&&(this.#r=new ResizeObserver(()=>{r()}),this.#r.observe(e),this.#r.observe(this.#e),t&&this.#r.observe(t)),r()}cleanup(){this.#t?.abort(),this.#t=null,this.#i=null,this.#a=null,cancelAnimationFrame(this.#n),this.#n=0,this.#r?.disconnect(),this.#r=null}hostDisconnected(){this.cleanup()}hostDestroyed(){this.cleanup()}};const Tr=Symbol(`@videojs/menu`),Er=Symbol(`@videojs/menu-radio-group`),Z=k(Tr),Dr=k(Er);var Or=class extends _{constructor(...e){super(...e),this.open=L.defaultProps.open,this.defaultOpen=L.defaultProps.defaultOpen,this.side=L.defaultProps.side,this.align=L.defaultProps.align,this.closeOnEscape=L.defaultProps.closeOnEscape,this.closeOnOutsideClick=L.defaultProps.closeOnOutsideClick,this.boundary=`container`,this.#e=new L,this.#t=new a(this,{context:Z}),this.#n=new wr(this),this.#r=new o(this,{context:D,subscribe:!0}),this.#i=new o(this,{context:Z,subscribe:!0}),this.#a=jn({focusFirstItem:()=>{this.#o?.highlightFirstItem({preventScroll:!0})},restoreFocus:e=>{let t=e?document.getElementById(e):null,n=this.parentElement?.querySelector(`[data-has-submenu][commandfor="${this.id}"]`);(t??n)?.focus({preventScroll:!0})}}),this.#o=null,this.#s=null,this.#c=null,this.#l=null,this.#u={stack:[],direction:`forward`},this.#d=null,this.#f=null,this.#p=null,this.#g=e=>{let t=vn(e),n=e.defaultPrevented;this.#o?.contentProps.onKeyDown(e);let r=this.#i.value??null;if(!r){if(e.key===`Escape`)return;t&&e.stopPropagation();return}let i=r.menu.navigationInput.current.stack,a=i[i.length-1]?.menuId===this.id,o=e.key===`ArrowLeft`||e.key===`Escape`;o&&a&&!n&&(e.preventDefault(),r.menu.pop()),t&&(!o||a)&&e.stopPropagation()},this.#_=e=>{this.#o?.contentProps.onFocusOut(e)}}static{this.tagName=`media-menu`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},boundary:{type:String}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;#l;#u;#d;#f;#p;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(xt,``),this.#d=new AbortController,this.#o=xn({transition:J(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,group:()=>this.#i.value?void 0:this.#r.value?.popupGroup}),this.#o.setContentElement(this),Y(this,{onKeyDown:this.#g,onFocusOut:this.#_},{signal:this.#d.signal}),this.#s?this.#s.track(this.#o.input):this.#s=new S(this,this.#o.input),this.#c?this.#c.track(this.#o.navigationInput):this.#c=new S(this,this.#o.navigationInput),this.#l?this.#l.track(this.#a.input):this.#l=new S(this,this.#a.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#o?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#y(),this.#o?.destroy(),this.#o=null,this.#d?.abort(),this.#d=null,this.#a.destroy()}close(e=`imperative-action`){this.#o?.close(e)}willUpdate(e){super.willUpdate(e);let t=(this.#i.value??null)!==null;if(this.#e.setProps({open:this.open,defaultOpen:this.defaultOpen,side:this.side,align:this.align,closeOnEscape:this.closeOnEscape,closeOnOutsideClick:this.closeOnOutsideClick,isSubmenu:t}),this.#o&&e.has(`open`)&&!t){let{active:e}=this.#o.input.current;this.open!==e&&(this.open?this.#o.open():this.#o.close())}}update(e){if(super.update(e),!this.#o)return;let t=this.#i.value??null,n=t!==null;this.#u=this.#o.navigationInput.current;let r=this.#o.input.current;this.#e.setInput(r);let i=this.#e.getState();n&&t?this.#h(t):this.#m(i);let a=t?.menu??null;this.#t.setValue({menu:this.#o,state:i,stateAttrMap:ft,navigation:this.#u,parentMenu:a})}#m(e){if(!this.#o)return;let t=this.#n.findTrigger();if(this.#v(t),Y(this,{...this.#e.getContentAttrs(e),...Ln()}),X(this,e,ft),e.open?he(this):ge(this),this.#p&&(Y(this.#p,this.#e.getTriggerAttrs(e,this.id)),A(this.#p,nr(this.id))),!e.open){this.#n.cleanup();return}Xn(this,this.#u.stack.length>0);let n=yn(e.side,e.align);if(!n)return;let r=this.#b(),i=this.#p?.getBoundingClientRect(),a=wn(r),o=or(this);if(pe())A(this,q(this.id,n,i,void 0,a,o));else{let e=sr(this);A(this,q(this.id,n,i,e,a,o))}this.#n.sync(this.#p,r)}#h(e){let t=e.navigation,n=t.stack[t.stack.length-1],r=(n?.menuId??null)===this.id;this.#a.setElement(this),this.#a.sync({active:r,direction:t.direction,triggerId:n?.triggerId??null});let i=this.#a.input.current;Y(this,{...An(i),role:`menu`,tabIndex:-1,"data-submenu":``}),Zn(e.menu.contentElement,this,i)}#g;#_;#v(e){e!==this.#p&&(this.#n.cleanup(),this.#y(),this.#p=e,this.#o?.setTriggerElement(e),e&&this.#o&&(this.#f=new AbortController,Y(e,this.#o.triggerProps,{signal:this.#f.signal})))}#y(){this.#p&&(Y(this.#p,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#p.style.removeProperty(`anchor-name`)),this.#f?.abort(),this.#f=null,this.#p=null}#b(){return Tn(this.boundary,{container:this.#r.value?.container??null,root:this.getRootNode()})}},kr=class extends _{constructor(...e){super(...e),this.checked=!1,this.forceMount=!1}static{this.tagName=`media-menu-item-indicator`}static{this.properties={checked:{type:Boolean},forceMount:{type:Boolean,attribute:`force-mount`}}}update(e){super.update(e);let t=!this.checked&&!this.forceMount;Y(this,{"aria-hidden":`true`,hidden:t})}},Ar=class extends _{constructor(...e){super(...e),this.value=``,this.label=void 0,this.#e=new o(this,{context:Z,subscribe:!0}),this.#t=new a(this,{context:Dr})}static{this.tagName=`media-menu-radio-group`}static{this.properties={value:{type:String},label:{type:String}}}#e;#t;update(e){super.update(e),Y(this,{role:`group`,"aria-label":this.label});let t=this.#e.value;t&&X(this,t.state,t.stateAttrMap),this.#t.setValue({value:this.value,onValueChange:e=>{this.value=e,this.dispatchEvent(new CustomEvent(`value-change`,{detail:{value:e},bubbles:!0}))}})}},jr=class extends _{constructor(...e){super(...e),this.value=``,this.disabled=!1,this.#e=new o(this,{context:Z,subscribe:!0}),this.#t=new o(this,{context:Dr,subscribe:!0}),this.#n=null,this.#r=!1,this.#i=null}static{this.tagName=`media-menu-radio-item`}static{this.properties={value:{type:String},disabled:{type:Boolean}}}#e;#t;#n;#r;#i;connectedCallback(){super.connectedCallback(),this.#n=new AbortController,this.#r=!1}disconnectedCallback(){super.disconnectedCallback(),this.#i?.(),this.#i=null,this.#n?.abort(),this.#n=null,this.#r=!1}update(e){super.update(e);let t=this.#e.value,n=this.#t.value;if(!t||!n||!this.#n)return;this.#r||(this.#r=!0,this.#i=t.menu.registerItem(this),Y(this,{onClick:()=>{let e=this.#e.value,t=this.#t.value;!e||!t||this.disabled||(t.onValueChange(this.value),bn(e.menu,e.parentMenu))},onPointerenter:()=>{let e=this.#e.value;this.disabled||e?.menu.highlight(this,{focus:!1})}},{signal:this.#n.signal}));let r=n.value===this.value;Y(this,{role:`menuitemradio`,"aria-checked":String(r),"aria-disabled":this.disabled?`true`:void 0}),X(this,t.state,t.stateAttrMap)}},Mr=class extends _{constructor(...e){super(...e),this.open=R.defaultProps.open,this.defaultOpen=R.defaultProps.defaultOpen,this.side=R.defaultProps.side,this.align=R.defaultProps.align,this.modal=R.defaultProps.modal,this.closeOnEscape=R.defaultProps.closeOnEscape,this.closeOnOutsideClick=R.defaultProps.closeOnOutsideClick,this.openOnHover=R.defaultProps.openOnHover,this.delay=R.defaultProps.delay,this.closeDelay=R.defaultProps.closeDelay,this.boundary=`container`,this.#e=new R,this.#t=new o(this,{context:D,subscribe:!0}),this.#n=new wr(this),this.#r=null,this.#i=null,this.#a=null,this.#o=null,this.#s=null}static{this.tagName=`media-popover`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},modal:{type:Boolean},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},openOnHover:{type:Boolean,attribute:`open-on-hover`},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},boundary:{type:String}}}#e;#t;#n;#r;#i;#a;#o;#s;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(xt,``),this.#a=new AbortController,this.#r=_n({transition:J(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,openOnHover:()=>this.openOnHover,delay:()=>this.delay,closeDelay:()=>this.closeDelay,group:()=>this.#t.value?.popupGroup}),this.#r.setPopupElement(this),Y(this,this.#r.popupProps,{signal:this.#a.signal}),this.#i?this.#i.track(this.#r.input):this.#i=new S(this,this.#r.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#r?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#a?.abort(),this.#a=null}destroyCallback(){this.#l(),this.#r?.destroy(),super.destroyCallback()}close(e=`imperative-action`){this.#r?.close(e)}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#r&&e.has(`open`)){let{active:e}=this.#r.input.current;this.open!==e&&(this.open?this.#r.open():this.#r.close())}}update(e){if(super.update(e),!this.#r)return;let t=this.#n.findTrigger();this.#c(t);let n=this.#r.input.current;this.#e.setInput(n);let r=this.#e.getState();if(Y(this,this.#e.getPopupAttrs(r)),X(this,r,bt),r.open?he(this):ge(this),this.#s&&(Y(this.#s,this.#e.getTriggerAttrs(r,this.id)),A(this.#s,nr(this.id))),!r.open){this.#n.cleanup();return}let i={side:r.side,align:r.align},a=this.#u(),o=this.#s?.getBoundingClientRect(),s=wn(a),c=or(this);if(pe())A(this,q(this.id,i,o,void 0,s,c));else{let e=sr(this);A(this,q(this.id,i,o,e,s,c))}this.#n.sync(this.#s,a)}#c(e){e!==this.#s&&(this.#n.cleanup(),this.#l(),this.#s=e,this.#r?.setTriggerElement(e),e&&this.#r&&(this.#o=new AbortController,Y(e,this.#r.triggerProps,{signal:this.#o.signal})))}#l(){this.#s&&(Y(this.#s,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#s.style.removeProperty(`anchor-name`)),this.#o?.abort(),this.#o=null,this.#s=null}#u(){return Tn(this.boundary,{container:this.#t.value?.container??null,root:this.getRootNode()})}};const Nr=k(Symbol(`@videojs/tooltip-group`));function Pr(e){return`$state`in e}var Fr=class extends _{constructor(...e){super(...e),this.open=V.defaultProps.open,this.defaultOpen=V.defaultProps.defaultOpen,this.side=V.defaultProps.side,this.align=V.defaultProps.align,this.delay=V.defaultProps.delay,this.closeDelay=V.defaultProps.closeDelay,this.disableHoverablePopup=V.defaultProps.disableHoverablePopup,this.disabled=V.defaultProps.disabled,this.boundary=`container`,this.#e=new V,this.#t=new o(this,{context:Nr}),this.#n=new o(this,{context:D,subscribe:!0}),this.#r=new wr(this),this.#i=null,this.#a=null,this.#o=null,this.#s=null,this.#c=null}static{this.tagName=`media-tooltip`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},disableHoverablePopup:{type:Boolean,attribute:`disable-hoverable-popup`},disabled:{type:Boolean},boundary:{type:String}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(xt,``),this.#o=new AbortController,this.#i=hr({transition:J(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},delay:()=>this.delay,closeDelay:()=>this.closeDelay,disableHoverablePopup:()=>this.disableHoverablePopup,disabled:()=>this.disabled,group:()=>this.#t.value}),this.#i.setPopupElement(this),Y(this,this.#i.popupProps,{signal:this.#o.signal}),this.#a?this.#a.track(this.#i.input):this.#a=new S(this,this.#i.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#i?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#d(),this.#i?.destroy(),this.#i=null,this.#o?.abort(),this.#o=null}close(e=`imperative-action`){this.#i?.close(e)}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#i&&e.has(`open`)){let{active:e}=this.#i.input.current;this.open!==e&&(this.open?this.#i.open():this.#i.close())}}update(e){if(super.update(e),!this.#i)return;let t=this.#r.findTrigger();this.#l(t);let n=this.#i.input.current;this.#e.setInput(n);let r=this.#e.getState();if(Y(this,this.#e.getPopupAttrs(r)),X(this,r,Pt),r.open?he(this):ge(this),this.#c&&A(this.#c,nr(this.id)),!r.open){this.#r.cleanup();return}let i={side:r.side,align:r.align},a=this.#f(),o=this.#c?.getBoundingClientRect(),s=wn(a),c=or(this,Nt);if(pe())A(this,q(this.id,i,o,void 0,s,c,Nt));else{let e=sr(this);A(this,q(this.id,i,o,e,s,c,Nt))}this.#r.sync(this.#c,a)}#l(e){e!==this.#c&&(this.#r.cleanup(),this.#d(),this.#c=e,this.#i?.setTriggerElement(e),e&&this.#i&&(this.#s=new AbortController,Y(e,this.#i.triggerProps,{signal:this.#s.signal}),Pr(e)&&(this.#u(e),e.$state.subscribe(()=>this.#u(e),{signal:this.#s.signal}))))}#u(e){this.textContent=e.getLabel()??``}#d(){this.#c&&this.#c.style.removeProperty(`anchor-name`),this.#s?.abort(),this.#s=null,this.#c=null}#f(){return Tn(this.boundary,{container:this.#n.value?.container??null,root:this.getRootNode()})}},Ir=class extends _{constructor(...e){super(...e),this.delay=Ft.defaultProps.delay,this.closeDelay=Ft.defaultProps.closeDelay,this.timeout=Ft.defaultProps.timeout,this.#e=new Ft,this.#t=new a(this,{context:Nr,initialValue:this.#e})}static{this.tagName=`media-tooltip-group`}static{this.properties={delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},timeout:{type:Number}}}#e;#t;update(e){super.update(e),this.#e.setProps(this),this.#t.setValue(this.#e)}};const Lr=k(Symbol(`@videojs/alert-dialog`));var Rr=class extends _{constructor(...e){super(...e),this.disabled=!1,this.#e=new o(this,{context:Lr,subscribe:!0}),this.#t=null}static{this.tagName=`media-alert-dialog-close`}static{this.properties={disabled:{type:Boolean}}}#e;#t;connectedCallback(){super.connectedCallback(),this.#t=new AbortController;let e=dn({onActivate:()=>this.#e.value?.close(),isDisabled:()=>this.disabled});Y(this,e,{signal:this.#t.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null}update(e){super.update(e);let t=this.#e.value;t&&X(this,t.state,t.stateAttrMap)}},Q=class extends _{update(e){super.update(e);let t=this.consumer.value;t&&X(this,t.state,t.stateAttrMap)}},zr=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:Lr,subscribe:!0})}static{this.tagName=`media-alert-dialog-description`}update(e){super.update(e);let t=this.consumer.value?.state.descriptionId;t&&(this.id=t)}},Br=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:Lr,subscribe:!0})}static{this.tagName=`media-alert-dialog-title`}update(e){super.update(e);let t=this.consumer.value?.state.titleId;t&&(this.id=t)}};const Vr=k(Symbol(`@videojs/controls`));var Hr=class extends _{static{this.tagName=`media-controls`}#e=new Ce;#t=new x(this,T,zt);#n=new a(this,{context:Vr});#r=!0;connectedCallback(){super.connectedCallback()}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();X(this,n,we),this.#n.setValue({state:n,stateAttrMap:we});let r=this.#r;this.#r=n.visible,r&&!n.visible&&this.#i()}#i(){for(let e of this.querySelectorAll(St)){let t=e;O(t.close)&&t.close(`imperative-action`)}}},Ur=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:Vr,subscribe:!0})}static{this.tagName=`media-controls-group`}connectedCallback(){super.connectedCallback(),(this.hasAttribute(`aria-label`)||this.hasAttribute(`aria-labelledby`))&&this.setAttribute(`role`,`group`)}};let Wr=0;var Gr=class extends _{static{this.tagName=`media-error-dialog`}#e=new Te;#t=new a(this,{context:Lr});#n=`vjs-error-dialog-title-${Wr++}`;#r=`vjs-error-dialog-desc-${Wr++}`;#i=new x(this,T,Bt);#a=null;#o=null;#s=null;constructor(){super(),this.#e.setTitleId(this.#n),this.#e.setDescriptionId(this.#r)}connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#a=un({transition:J(),onOpenChange:e=>{e||this.#i.value?.dismissError()}}),this.#a.setElement(this),this.#o?this.#o.track(this.#a.input):this.#o=new S(this,this.#a.input))}disconnectedCallback(){super.disconnectedCallback(),this.#a?.destroy(),this.#a=null}willUpdate(e){if(super.willUpdate(e),!this.#a)return;let t=this.#i.value,n=!!t?.error,{active:r}=this.#a.input.current;if(t?.error){let e=t.error.message?.trim();this.#s=e||null}let i=this.querySelector(`media-alert-dialog-description`);i&&(i.textContent=this.#s??`An error occurred. Please try again.`),n&&!r?this.#a.open():!n&&r&&this.#a.close()}update(e){if(super.update(e),!this.#a)return;let t=this.#a.input.current;this.#e.setInput(t);let n=this.#e.getState();Y(this,this.#e.getAttrs(n)),X(this,n,be),this.#t.setValue({state:n,stateAttrMap:be,close:()=>this.#a?.close()})}},Kr=class extends _{constructor(...e){super(...e),this.label=`Back`,this.#e=new o(this,{context:Z,subscribe:!0}),this.#t=null,this.#n=!1}static{this.tagName=`media-menu-back`}static{this.properties={label:{type:String}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;!t||!this.#t||(this.#n||(this.#n=!0,Y(this,{onClick:()=>{t.parentMenu?.pop()}},{signal:this.#t.signal})),Y(this,{role:`button`,"aria-label":this.label}),t&&X(this,t.state,t.stateAttrMap))}},qr=class extends _{constructor(...e){super(...e),this.checked=!1,this.disabled=!1,this.#e=new o(this,{context:Z,subscribe:!0}),this.#t=null,this.#n=!1,this.#r=null}static{this.tagName=`media-menu-checkbox-item`}static{this.properties={checked:{type:Boolean},disabled:{type:Boolean}}}#e;#t;#n;#r;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#r?.(),this.#r=null,this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;!t||!this.#t||(this.#n||(this.#n=!0,this.#r=t.menu.registerItem(this),Y(this,{onClick:()=>{!this.#e.value||this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`checked-change`,{detail:{checked:this.checked},bubbles:!0})))},onPointerenter:()=>{let e=this.#e.value;this.disabled||e?.menu.highlight(this,{focus:!1})}},{signal:this.#t.signal})),Y(this,{role:`menuitemcheckbox`,"aria-checked":String(this.checked),"aria-disabled":this.disabled?`true`:void 0}),X(this,t.state,t.stateAttrMap))}},Jr=class extends _{constructor(...e){super(...e),this.label=void 0,this.#e=new o(this,{context:Z,subscribe:!0})}static{this.tagName=`media-menu-group`}static{this.properties={label:{type:String}}}#e;update(e){super.update(e),Y(this,{role:`group`,"aria-label":this.label});let t=this.#e.value;t&&X(this,t.state,t.stateAttrMap)}},Yr=class extends _{constructor(...e){super(...e),this.disabled=!1,this.commandfor=void 0,this.#e=new o(this,{context:Z,subscribe:!0}),this.#t=null,this.#n=!1,this.#r=null}static{this.tagName=`media-menu-item`}static{this.properties={disabled:{type:Boolean},commandfor:{type:String}}}#e;#t;#n;#r;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#r?.(),this.#r=null,this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;if(!t||!this.#t)return;this.#n||(this.#n=!0,this.#r=t.menu.registerItem(this),Y(this,{onClick:e=>{let t=this.#e.value;if(!t||this.disabled)return;let n=this.commandfor;n?t.menu.push(n,this.id):(this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0})),bn(t.menu,t.parentMenu)),e.preventDefault()},onKeyDown:e=>{let t=this.#e.value;if(!t||this.disabled||e.key!==`ArrowRight`)return;let n=this.commandfor;n&&(t.menu.push(n,this.id),e.preventDefault())},onPointerenter:()=>{let e=this.#e.value;this.disabled||e?.menu.highlight(this,{focus:!1})}},{signal:this.#t.signal}));let n=!!this.commandfor,r=t.navigation.stack[t.navigation.stack.length-1]?.menuId??null,i=n?r===this.commandfor:void 0;Y(this,{role:`menuitem`,"aria-disabled":this.disabled?`true`:void 0,...n&&{"aria-haspopup":`menu`,"aria-expanded":i?`true`:`false`,"data-has-submenu":``}}),X(this,t.state,t.stateAttrMap)}},Xr=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:Z,subscribe:!0})}static{this.tagName=`media-menu-label`}},Zr=class extends _{static{this.tagName=`media-menu-separator`}#e=new o(this,{context:Z,subscribe:!0});update(e){super.update(e),Y(this,{role:`separator`});let t=this.#e.value;t&&X(this,t.state,t.stateAttrMap)}},Qr=class extends _{static{this.tagName=`media-menu-view`}update(e){super.update(e),Y(this,Rn())}},$r=class extends _{constructor(...e){super(...e),this.player=new x(this,T),this.container=new o(this,{context:D,callback:()=>this.#l(),subscribe:!0}),this.#e=null,this.#t=null,this.#n=null,this.#r=null,this.#i=0,this.#a=null}#e;#t;#n;#r;#i;#a;#o(){return this.#r??={close:()=>this.core.close()}}#s(){return this.#a??this.core.state.current}connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#a=this.core.state.current,this.#e=new AbortController,this.core.state.subscribe(()=>this.requestUpdate(),{signal:this.#e.signal}),this.transition.state.subscribe(()=>this.requestUpdate(),{signal:this.#e.signal}),this.hidden=!0,this.#l())}disconnectedCallback(){super.disconnectedCallback(),this.#t?.(),this.#n?.(),this.#t=null,this.#n=null,this.#e?.abort(),this.#e=null}destroyCallback(){this.#t?.(),this.#n?.(),this.core.destroy(),this.transition.destroy(),this.liveIndicator.remove(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.syncCoreProps()}update(e){super.update(e),this.#c();let t=this.core.state.current,n=this.transition.state.current;if(!ke(t,n)){this.liveIndicator.remove();return}let r=Ae(t,this.#s(),n);this.liveIndicator.render(r)}#c(){let e=this.core.state.current;if(e.open){this.#a=e,this.#i!==e.generation&&(this.#i=e.generation,this.transition.open());return}let{active:t,status:n}=this.transition.state.current;t&&n!==`ending`&&this.transition.close(this.liveIndicator.element)}#l(){this.#t?.(),this.#n?.(),this.#t=null,this.#n=null;let e=this.container.value?.container;if(!e)return;let t=gn(e),n=this.#o();this.#n=t.register(n),this.#t=mn(e,e=>{this.core.processEvent(e,pn(this.player.value))&&t.show(n)})}},ei=class{#e;#t;#n;constructor(e){this.#e=e.host,this.#t=e.dataAttrs,this.#n=e.render}get element(){return this.#e}render(e){return this.#e.hidden=!1,X(this.#e,e,this.#t),this.#n(this.#e,e),this.#e}remove(){this.#e.hidden=!0;for(let e in this.#t){let t=this.#t[e];t&&this.#e.removeAttribute(t)}}},ti=class extends $r{static{this.tagName=`media-seek-indicator`}static{this.properties={closeDelay:{type:Number,attribute:`close-delay`}}}#e=new tt;#t=J();#n=new ei({host:this,dataAttrs:nt,render:ni});get core(){return this.#e}get transition(){return this.#t}get liveIndicator(){return this.#n}syncCoreProps(){this.#e.setProps({closeDelay:this.closeDelay})}};function ni(e,t){let n=e.querySelector(`media-seek-indicator-value`);n&&(n.textContent=qe(t))}var ri=class extends _{static{this.tagName=`media-seek-indicator-value`}};const $=k(Symbol(`@videojs/slider`));var ii=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},ai=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-fill`}},oi=class extends _{constructor(...e){super(...e),this.overflow=`clamp`,this.#e=new o(this,{context:$,subscribe:!0}),this.#t=null,this.#n=0}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),this.#t=new ResizeObserver(([e])=>{this.#n=e.contentRect.width,this.#r()}),this.#t.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null}#r(){A(this,fr(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&X(this,t.state,t.stateAttrMap),this.#r()}},si=class extends _{static{this.tagName=`media-slider-thumb`}#e=new o(this,{context:$,subscribe:!0});#t=null;#n=!1;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;t&&(!this.#n&&this.#t&&(Y(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),Y(this,t.thumbAttrs),X(this,t.state,t.stateAttrMap))}},ci=class extends _{static{this.tagName=`media-thumbnail`}static{this.properties={time:{type:Number},crossOrigin:{type:String,attribute:`crossorigin`},loading:{type:String},fetchPriority:{type:String,attribute:`fetchpriority`}}}#e;#t;#n;#r;#i;#a;#o;constructor(){super(),this.time=0,this.#e=new Tt,this.#t=document.createElement(`img`),this.#n=new x(this,T,qt),this.#r=[],this.#o=null;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=`:host {
+  display: inline-block;
+  overflow: hidden;
+}
+img {
+  display: block;
+}`,e.appendChild(t),this.#t.alt=``,this.#t.setAttribute(`part`,`img`),this.#t.setAttribute(`aria-hidden`,`true`),this.#t.setAttribute(`decoding`,`async`),e.appendChild(this.#t)}get thumbnails(){return this.#i}set thumbnails(e){this.#i=e,this.requestUpdate()}connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#o=pr({getContainer:()=>this,getImg:()=>this.#t,onStateChange:()=>this.requestUpdate()}))}disconnectedCallback(){super.disconnectedCallback()}destroyCallback(){this.#o?.destroy(),super.destroyCallback()}update(e){if(super.update(e),this.#i)this.#r=this.#i;else{let e=this.#n.value;e!==this.#a&&(this.#a=e,this.#r=e&&e.thumbnailCues.length>0?Ot(e.thumbnailCues,e.thumbnailTrackSrc??void 0):[])}let t=this.#e.findActiveThumbnail(this.#r,this.time);if(Y(this.#t,{crossorigin:this.crossOrigin||void 0,loading:this.loading,fetchpriority:this.fetchPriority}),this.#o?.updateSrc(t?.url),!t){this.#t.removeAttribute(`src`),this.#c();let e=this.#e.getState(!1,!1,void 0);Y(this,this.#e.getAttrs(e)),X(this,e,Et);return}this.#t.getAttribute(`src`)!==t.url&&(this.#t.src=t.url);let n=this.#o,r=this.#e.getState(n?.loading??!1,n?.error??!1,t);if(Y(this,this.#e.getAttrs(r)),X(this,r,Et),n?.naturalWidth&&n.naturalHeight){let e=n.readConstraints(),r=this.#e.resize(t,n.naturalWidth,n.naturalHeight,e);r&&this.#s(r)}}#s(e){this.style.width=`${e.containerWidth}px`,this.style.height=`${e.containerHeight}px`;let t=this.#t.style;t.width=`${e.imageWidth}px`,t.height=`${e.imageHeight}px`,t.maxWidth=`none`,t.transform=e.offsetX||e.offsetY?`translate(-${e.offsetX}px, -${e.offsetY}px)`:``}#c(){this.style.width=``,this.style.height=``;let e=this.#t.style;e.width=``,e.height=``,e.maxWidth=``,e.transform=``}},li=class extends ci{static{this.tagName=`media-slider-thumbnail`}#e=new o(this,{context:$,subscribe:!0});update(e){let t=this.#e.value;t&&(this.time=t.pointerValue),super.update(e)}},ui=class extends Q{constructor(...e){super(...e),this.consumer=new o(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-track`}},di=class extends _{constructor(...e){super(...e),this.type=`current`,this.#e=new o(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-value`}static{this.properties={type:{type:String}}}#e;connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-live`,`off`)}update(e){super.update(e);let t=this.#e.value;if(!t)return;let n=this.type===`pointer`?t.pointerValue:t.state.value;this.textContent=t.formatValue?t.formatValue(n,this.type):String(Math.round(n)),X(this,t.state,t.stateAttrMap)}},fi=class extends _{static{this.tagName=`media-status-announcer`}static{this.properties={closeDelay:{type:Number,attribute:`close-delay`}}}#e=new rt;#t=new x(this,T);#n=new o(this,{context:D,callback:()=>this.#a(),subscribe:!0});#r=null;#i=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(`role`,`status`),this.#r=new AbortController,this.#e.state.subscribe(()=>this.requestUpdate(),{signal:this.#r.signal}),this.#a())}disconnectedCallback(){super.disconnectedCallback(),this.#i?.(),this.#i=null,this.#r?.abort(),this.#r=null}destroyCallback(){this.#i?.(),this.#e.destroy(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps({closeDelay:this.closeDelay})}update(e){super.update(e);let t=this.#e.state.current.label;t?this.setAttribute(`aria-label`,t):this.removeAttribute(`aria-label`)}#a(){this.#i?.(),this.#i=null;let e=this.#n.value?.container;e&&(this.#i=mn(e,e=>{this.#e.processEvent(e,pn(this.#t.value))}))}},pi=class extends $r{static{this.tagName=`media-status-indicator`}static{this.properties={actions:{type:String},closeDelay:{type:Number,attribute:`close-delay`}}}#e=new at;#t=J();#n=new ei({host:this,dataAttrs:ot,render:hi});get core(){return this.#e}get transition(){return this.#t}get liveIndicator(){return this.#n}syncCoreProps(){this.#e.setProps({actions:mi(this.actions),closeDelay:this.closeDelay})}};function mi(e){return e?.split(/[\s,]+/).filter(Boolean)}function hi(e,t){let n=e.querySelector(`media-status-indicator-value`);n&&(n.textContent=Ge(t))}var gi=class extends _{static{this.tagName=`media-status-indicator-value`}},_i=class extends _{constructor(...e){super(...e),this.type=At.defaultProps.type,this.negativeSign=At.defaultProps.negativeSign,this.label=At.defaultProps.label,this.#e=new At,this.#t=new x(this,T,Jt),this.#n=document.createElement(`span`),this.#r=document.createTextNode(``)}static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String}}}#e;#t;#n;#r;connectedCallback(){super.connectedCallback(),this.#n.parentNode||(this.#n.setAttribute(`aria-hidden`,`true`),this.#n.hidden=!0,this.appendChild(this.#n),this.appendChild(this.#r))}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();this.#n.hidden=!n.negative,this.#n.textContent=n.negative?this.negativeSign:``,this.#r.textContent=n.text,Y(this,this.#e.getAttrs(n)),X(this,n,jt)}},vi=class extends _{static{this.tagName=`media-time-group`}},yi=class extends _{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}},bi=class extends _{constructor(...e){super(...e),this.label=B.defaultProps.label,this.changeThrottle=B.defaultProps.changeThrottle,this.step=B.defaultProps.step,this.largeStep=B.defaultProps.largeStep,this.orientation=B.defaultProps.orientation,this.disabled=B.defaultProps.disabled,this.thumbAlignment=B.defaultProps.thumbAlignment,this.#e=new B,this.#t=new a(this,{context:$}),this.#n=new x(this,T,Jt),this.#r=new x(this,T,Rt),this.#i=null,this.#a=null}static{this.tagName=`media-time-slider`}static{this.properties={label:{type:String},changeThrottle:{type:Number,attribute:`change-throttle`},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e;#t;#n;#r;#i;#a;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#a=new AbortController;let e=this.#a.signal;this.#i=lr({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>fe(this),isDisabled:()=>this.disabled||!this.#n.value,getPercent:()=>{let e=this.#n.value;return e?this.#e.percentFromValue(e.currentTime):0},getStepPercent:()=>this.#e.getStepPercent(),getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueCommit:e=>{let t=this.#n.value;t&&t.seek(this.#e.rawValueFromPercent(e))},changeThrottle:this.changeThrottle,onDragStart:()=>{this.dispatchEvent(new CustomEvent(`drag-start`,{bubbles:!0}))},onDragEnd:()=>{this.dispatchEvent(new CustomEvent(`drag-end`,{bubbles:!0}))},adjustPercent:(e,t,n)=>this.#e.adjustPercentForAlignment(e,t,n),onResize:()=>this.requestUpdate()}),Y(this,this.#i.rootProps,{signal:e}),A(this,this.#i.rootStyle),this.#i.input.subscribe(()=>this.requestUpdate(),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this.#a?.abort(),this.#a=null}destroyCallback(){this.#i?.destroy(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){if(super.update(e),!this.#i)return;let t=this.#n.value,n=this.#r.value;if(!t)return;this.#e.setInput(this.#i.input.current);let r={...t,...n??{buffered:[],seekable:[]}};this.#e.setMedia(r);let i=this.#e.getState(),a=dr(this.#i.adjustForAlignment(i));A(this,a),X(this,i,Mt),this.#t.setValue({state:i,stateAttrMap:Mt,pointerValue:this.#e.valueFromPercent(i.pointerPercent),thumbAttrs:this.#e.getAttrs(i),thumbProps:this.#i.thumbProps,formatValue:e=>Fe(e,i.duration)})}},xi=class extends $r{static{this.tagName=`media-volume-indicator`}static{this.properties={closeDelay:{type:Number,attribute:`close-delay`}}}#e=new ct;#t=J();#n=new ei({host:this,dataAttrs:dt,render:Si});get core(){return this.#e}get transition(){return this.#t}get liveIndicator(){return this.#n}syncCoreProps(){this.#e.setProps({closeDelay:this.closeDelay})}};function Si(e,t){let n=e.querySelector(`media-volume-indicator-fill`),r=e.querySelector(`media-volume-indicator-value`);t.fill?n?.style.setProperty(ut.fill,t.fill):n?.style.removeProperty(ut.fill),r&&(r.textContent=Ke(t))}var Ci=class extends _{static{this.tagName=`media-volume-indicator-fill`}},wi=class extends _{static{this.tagName=`media-volume-indicator-value`}},Ti=class extends _{constructor(...e){super(...e),this.label=H.defaultProps.label,this.step=H.defaultProps.step,this.largeStep=H.defaultProps.largeStep,this.wheelStep=H.defaultProps.wheelStep,this.orientation=H.defaultProps.orientation,this.disabled=H.defaultProps.disabled,this.thumbAlignment=H.defaultProps.thumbAlignment,this.#e=new H,this.#t=new a(this,{context:$}),this.#n=new x(this,T,Yt),this.#r=null,this.#i=null}static{this.tagName=`media-volume-slider`}static{this.properties={label:{type:String},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},wheelStep:{type:Number,attribute:`wheel-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e;#t;#n;#r;#i;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#i=new AbortController;let e=this.#i.signal,t=()=>this.disabled||!this.#n.value,n=()=>(this.#n.value?.volume??0)*100,r=()=>this.#e.getStepPercent(),i=e=>this.#a(e);this.#r=lr({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>fe(this),isDisabled:t,getPercent:n,getStepPercent:r,getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueChange:i,onValueCommit:i,onDragStart:()=>{this.dispatchEvent(new CustomEvent(`drag-start`,{bubbles:!0}))},onDragEnd:()=>{this.dispatchEvent(new CustomEvent(`drag-end`,{bubbles:!0}))},adjustPercent:(e,t,n)=>this.#e.adjustPercentForAlignment(e,t,n),onResize:()=>this.requestUpdate()});let a=_r({isDisabled:t,getPercent:n,getStepPercent:()=>this.#e.getWheelStepPercent(),onValueChange:i});Y(this,this.#r.rootProps,{signal:e}),Y(this,a,{signal:e}),A(this,this.#r.rootStyle),this.#r.input.subscribe(()=>this.requestUpdate(),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this.#i?.abort(),this.#i=null}destroyCallback(){this.#r?.destroy(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){if(super.update(e),!this.#r)return;let t=this.#n.value;if(!t)return;this.#e.setInput(this.#r.input.current),this.#e.setMedia(t);let n=this.#e.getState(),r=ur(this.#r.adjustForAlignment(n));A(this,r),X(this,n,It),this.#t.setValue({state:n,stateAttrMap:It,pointerValue:this.#e.valueFromPercent(n.pointerPercent),thumbAttrs:this.#e.getAttrs(n),thumbProps:this.#r.thumbProps,formatValue:e=>`${Math.round(e)}%`})}#a(e){this.#n.value?.setVolume(this.#e.valueFromPercent(e)/100)}};function Ei(){w(Or),w(Kr),w(Yr),w(Xr),w(Zr),w(Jr),w(Ar),w(jr),w(qr),w(kr),w(Qr)}function Di(){w(Hr),w(Ur)}function Oi(){w(Gr),w(Rr),w(zr),w(Br)}function ki(){w(fi),w(pi),w(gi),w(xi),w(Ci),w(wi),w(ti),w(ri)}function Ai(){w(ai),w(oi),w(si),w(ui),w(di)}function ji(){w(_i),w(vi),w(yi)}function Mi(){w(bi),Ai(),w(ii),w(li)}function Ni(){w(Ti),Ai()}export{Jt as A,Vt as C,Gt as D,Wt as E,N as M,Kt as O,Rt as S,Ut as T,xr as _,ji as a,dn as b,Ir as c,jr as d,Ar as f,Sr as g,Cr as h,Ei as i,Yt as j,qt as k,Fr as l,Or as m,Oi as n,Mi as o,kr as p,ki as r,Ni as s,Di as t,Mr as u,X as v,Ht as w,cn as x,Y as y};
+//# sourceMappingURL=compounds-CJ9NGNJr.js.map