@videojs/html 10.0.0-beta.12 → 10.0.0-beta.13

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 (56) hide show
  1. package/cdn/audio-minimal.dev.js +4 -4
  2. package/cdn/audio-minimal.js +1 -1
  3. package/cdn/audio.dev.js +4 -4
  4. package/cdn/audio.js +1 -1
  5. package/cdn/background.dev.js +3 -3
  6. package/cdn/background.js +1 -1
  7. package/cdn/{create-player-BoPlCSNw.js → create-player-C2h3JeGl.js} +2 -2
  8. package/cdn/{create-player-BoPlCSNw.js.map → create-player-C2h3JeGl.js.map} +1 -1
  9. package/cdn/{create-player-CA3KLZMe.js → create-player-i0Q36S9_.js} +2 -2
  10. package/cdn/{create-player-CA3KLZMe.js.map → create-player-i0Q36S9_.js.map} +1 -1
  11. package/cdn/{delegate-CSc5c0ZR.js → delegate-AoR5Pt_6.js} +2 -2
  12. package/cdn/{delegate-CSc5c0ZR.js.map → delegate-AoR5Pt_6.js.map} +1 -1
  13. package/cdn/{delegate-jczJeizF.js → delegate-odoSeh7c.js} +2 -2
  14. package/cdn/{delegate-jczJeizF.js.map → delegate-odoSeh7c.js.map} +1 -1
  15. package/cdn/{hls-DQ4glyHe.js → hls-CNDMNsEo.js} +2 -2
  16. package/cdn/hls-CNDMNsEo.js.map +1 -0
  17. package/cdn/{hls-C6htsSW4.js → hls-DHwATYV2.js} +4 -2
  18. package/cdn/hls-DHwATYV2.js.map +1 -0
  19. package/cdn/media/dash-video.dev.js +3 -3
  20. package/cdn/media/dash-video.js +1 -1
  21. package/cdn/media/hls-video.dev.js +3 -3
  22. package/cdn/media/hls-video.js +1 -1
  23. package/cdn/media/mux-video.dev.js +5 -5
  24. package/cdn/media/mux-video.dev.js.map +1 -1
  25. package/cdn/media/mux-video.js +1 -1
  26. package/cdn/media/mux-video.js.map +1 -1
  27. package/cdn/media/simple-hls-video.dev.js +3 -3
  28. package/cdn/media/simple-hls-video.js +1 -1
  29. package/cdn/{media-attach-mixin-BIrlT_tz.js → media-attach-mixin-ByJOWMNT.js} +2 -2
  30. package/cdn/{media-attach-mixin-BIrlT_tz.js.map → media-attach-mixin-ByJOWMNT.js.map} +1 -1
  31. package/cdn/{media-attach-mixin-Dsn4gxJA.js → media-attach-mixin-CkU58gjb.js} +2 -2
  32. package/cdn/{media-attach-mixin-Dsn4gxJA.js.map → media-attach-mixin-CkU58gjb.js.map} +1 -1
  33. package/cdn/{player-rkxd0mpV.js → player-BWRklsUx.js} +3 -3
  34. package/cdn/{player-rkxd0mpV.js.map → player-BWRklsUx.js.map} +1 -1
  35. package/cdn/player-DOTrw60d.js +2 -0
  36. package/cdn/{player-Dzvu8Tzs.js.map → player-DOTrw60d.js.map} +1 -1
  37. package/cdn/{poster-DqjXzMK_.js → poster-CRi_NWaR.js} +2 -2
  38. package/cdn/{poster-DqjXzMK_.js.map → poster-CRi_NWaR.js.map} +1 -1
  39. package/cdn/{poster-BPMPXyn3.js → poster-Ds1EOmmU.js} +4 -4
  40. package/cdn/{poster-BPMPXyn3.js.map → poster-Ds1EOmmU.js.map} +1 -1
  41. package/cdn/{safe-define-D26LrTu4.js → safe-define-Bw8JF08z.js} +11 -2
  42. package/cdn/{safe-define-D26LrTu4.js.map → safe-define-Bw8JF08z.js.map} +1 -1
  43. package/cdn/{safe-define-EEn8NTOG.js → safe-define-t0AGOouq.js} +2 -2
  44. package/cdn/{safe-define-EEn8NTOG.js.map → safe-define-t0AGOouq.js.map} +1 -1
  45. package/cdn/video-minimal.dev.js +4 -4
  46. package/cdn/video-minimal.js +1 -1
  47. package/cdn/video.dev.js +4 -4
  48. package/cdn/video.js +1 -1
  49. package/cdn/{volume-slider-CQ0Yq947.js → volume-slider-C7rEWi11.js} +2 -2
  50. package/cdn/{volume-slider-CQ0Yq947.js.map → volume-slider-C7rEWi11.js.map} +1 -1
  51. package/cdn/{volume-slider-BEXiB6_j.js → volume-slider-Dz_ND_4U.js} +3 -3
  52. package/cdn/{volume-slider-BEXiB6_j.js.map → volume-slider-Dz_ND_4U.js.map} +1 -1
  53. package/package.json +8 -8
  54. package/cdn/hls-C6htsSW4.js.map +0 -1
  55. package/cdn/hls-DQ4glyHe.js.map +0 -1
  56. package/cdn/player-Dzvu8Tzs.js +0 -2
package/cdn/video-minimal.js CHANGED
@@ -1,2 +1,2 @@
1
- import{o as e}from"./create-player-CA3KLZMe.js";import{g as t,h as n}from"./volume-slider-CQ0Yq947.js";import{t as r}from"./safe-define-EEn8NTOG.js";import"./poster-DqjXzMK_.js";import{t as i}from"./minimal-CKMdOXWm.js";var a=`.media-minimal-skin *,.media-minimal-skin :before,.media-minimal-skin :after{box-sizing:border-box}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{max-width:100%;display:block}.media-minimal-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{isolation:isolate;border-radius:var(--media-border-radius,.75rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;display:block;position:relative;container:media-root/inline-size;&>*{font-size:.75rem}@container media-root (width>48rem){&>*{font-size:.875rem}}}.media-minimal-skin ::slotted(video),.media-minimal-skin video{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;display:block}.media-minimal-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-minimal-skin video{border-radius:inherit}.media-minimal-skin:fullscreen ::slotted(video),.media-minimal-skin:fullscreen video{object-fit:contain}.media-minimal-skin .media-overlay{border-radius:inherit;backdrop-filter:blur()saturate();opacity:0;pointer-events:none;transition-property:opacity,backdrop-filter;transition-duration:var(--media-controls-transition-duration);background-image:linear-gradient(0deg,oklch(0% 0 0/.7),oklch(0% 0 0/.5) 7.5rem,oklch(0% 0 0/0));transition-timing-function:ease-out;position:absolute;inset:0}.media-minimal-skin .media-error~.media-overlay{transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay)}.media-minimal-skin .media-controls[data-visible]~.media-overlay,.media-minimal-skin .media-error[data-open]~.media-overlay{opacity:1}.media-minimal-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px)saturate(1.2)}.media-minimal-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}}.media-minimal-skin .media-error:not([data-open]){display:none}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-minimal-skin .media-error__actions{gap:.5rem;display:flex;&>*{flex:1}}.media-minimal-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-minimal-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));background-color:var(--media-controls-background-color);backdrop-filter:var(--media-controls-backdrop-filter);text-shadow:0 1px 0 var(--media-controls-current-shadow-color);align-items:center;display:flex;container:media-controls/inline-size}.media-minimal-skin .media-time-controls{flex-direction:row-reverse;flex:1;align-items:center;gap:.75rem;display:flex;container:media-time-controls/inline-size}.media-minimal-skin .media-time-group{align-items:center;gap:.25rem;display:flex}.media-minimal-skin .media-time{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:none}@container media-root (width>42rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time--duration,.media-minimal-skin .media-time-separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:inline}}.media-minimal-skin .media-button{outline-offset:-2px;will-change:scale;cursor:pointer;user-select:none;text-align:center;touch-action:manipulation;border:none;border-radius:.5rem;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;transition-property:background-color,outline-offset,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&:active{scale:.98}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}@supports (corner-shape:squircle){.media-minimal-skin .media-button{corner-shape:squircle;border-radius:1rem}}.media-minimal-skin .media-button--primary{color:oklch(0% 0 0);text-shadow:none;background:oklch(100% 0 0);font-weight:500}.media-minimal-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:0 0;&:hover,&:focus-visible,&[aria-expanded=true]{background:oklch(from currentColor l c h / .1)}}.media-minimal-skin .media-button--icon{aspect-ratio:1;width:2.375rem;padding:0;display:grid;&:active{scale:.9}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-minimal-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:10px;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}}.media-minimal-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) "×";font-variant-numeric:tabular-nums;width:4ch}}.media-minimal-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>42rem){gap:.125rem}}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin media-poster,.media-minimal-skin>img{pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.media-minimal-skin media-poster:not([data-visible]),.media-minimal-skin>img:not([data-visible]){opacity:0}.media-minimal-skin media-poster ::slotted(img){object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:var(--media-video-border-radius);width:100%;height:100%;position:absolute;inset:0}.media-minimal-skin>img{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:inherit}.media-minimal-skin:fullscreen media-poster ::slotted(img),.media-minimal-skin:fullscreen>img{object-fit:contain}.media-minimal-skin .media-preview{pointer-events:none;& .media-preview__thumbnail-wrapper{background-color:oklch(0% 0 0/.9);border-radius:.5rem;position:relative}& .media-preview__thumbnail{border-radius:inherit;display:block}& .media-preview__time{text-align:center;margin-top:.5rem;display:block}& .media-overlay{opacity:1}& .media-preview__spinner{opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%}& .media-preview__thumbnail,& .media-preview__spinner{transition:opacity .15s ease-out}&:has(.media-preview__thumbnail[data-loading]){& .media-preview__thumbnail{opacity:0}& .media-preview__spinner{opacity:1}}}.media-minimal-skin .media-slider{cursor:pointer;border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:2rem}&[data-orientation=vertical]{width:2rem;height:4.5rem}}.media-minimal-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;background-color:oklch(from currentColor l c h / .2);position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.1875rem}&[data-orientation=vertical]{width:.1875rem;height:100%}}.media-minimal-skin .media-slider__thumb{z-index:10;width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;transform-origin:50%;user-select:none;outline-offset:-2px;background-color:currentColor;border-radius:3.40282e38px;outline:2px solid #0000;transition-property:opacity,scale,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;translate:-50% -50%;scale:.7;&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{color:inherit;transition-property:scale,opacity,filter;transition-duration:var(--media-popup-transition-duration);transition-timing-function:var(--media-popup-transition-timing-function);border:0;margin:0;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.5}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}&:before{content:"";pointer-events:inherit;position:absolute}&[data-side=top]:before,&[data-side=bottom]:before{width:100%;inset-inline:0}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-minimal-skin .media-popover{&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-minimal-skin .media-tooltip{background-color:var(--media-tooltip-background-color);backdrop-filter:var(--media-tooltip-backdrop-filter);box-shadow:0 0 0 1px var(--media-tooltip-border-color), 0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);color:var(--media-tooltip-text-color);white-space:nowrap;border-radius:.5rem;padding:.25rem .5rem;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-minimal-skin .media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-minimal-skin{--media-caption-track-duration:var(--media-controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:-.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y:-5rem}@container media-root (width>42rem){&:has(.media-controls[data-visible])>*{--media-caption-track-y:-3rem}}}.media-minimal-skin video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);translate:0 var(--media-caption-track-y);z-index:1;font-family:inherit;scale:.98}.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,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{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,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-minimal-skin--video{--media-border-color:oklch(0% 0 0/.15);--media-video-border-radius:var(--media-border-radius,.75rem);--media-controls-background-color:transparent;--media-controls-transition-duration:.1s;--media-controls-transition-timing-function:ease-out;--media-error-dialog-transition-duration:.15s;--media-error-dialog-transition-delay:.1s;--media-error-dialog-transition-timing-function:ease-out;--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;--media-tooltip-background-color:oklch(100% 0 0/.1);--media-tooltip-border-color:transparent;--media-tooltip-backdrop-filter:blur(16px) saturate(1.5);--media-tooltip-text-color:currentColor;--media-tooltip-side-offset:.5rem;--media-popover-side-offset:1.5rem;background:oklch(0% 0 0);overflow:clip;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.15)}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-controls-background-color:oklch(0% 0 0);--media-tooltip-background-color:oklch(0% 0 0)}@container media-root (width>42rem){&>*{--media-popover-side-offset:0rem}}&:has(.media-controls:not([data-visible])){@media (pointer:fine){--media-controls-transition-duration:.3s}@media (pointer:coarse){--media-controls-transition-duration:.15s}@media (prefers-reduced-motion:reduce){--media-controls-transition-duration:50ms}}&:after{content:"";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none;position:absolute;inset:0}&:fullscreen{--media-border-radius:0}}.media-minimal-skin--video .media-error{z-index:20;pointer-events:none;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-minimal-skin--video .media-error__dialog{color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.5);max-width:16rem;transition-property:opacity,scale;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:var(--media-error-dialog-transition-timing-function);pointer-events:auto;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.media-minimal-skin--video .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.5}.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-minimal-skin--video .media-error__content{flex-direction:column;gap:.5rem;padding:.375rem 0;display:flex}.media-minimal-skin--video .media-error__title{font-size:1.125rem}.media-minimal-skin--video .media-error[data-open]~.media-controls{display:none}.media-minimal-skin--video .media-controls{bottom:.25rem;z-index:10;color:oklch(100% 0 0);transition-duration:var(--media-controls-transition-duration);transition-timing-function:var(--media-controls-transition-timing-function);border-radius:.75rem;flex-wrap:wrap;column-gap:.5rem;padding:.25rem;position:absolute;inset-inline:.25rem;@media (pointer:fine){will-change:translate, filter, opacity;transition-property:translate,filter,opacity}@media (pointer:coarse){will-change:translate, opacity;transition-property:translate,opacity}&:not([data-visible]){opacity:0;pointer-events:none;translate:0 100%;@media (pointer:fine){filter:blur(8px)}@media (prefers-reduced-motion:reduce){filter:blur();translate:0}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{text-align:left;flex:1}& .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width>42rem){bottom:.5rem;flex-wrap:nowrap;inset-inline:.5rem;& .media-time-controls{order:unset;flex:1}& .media-button-group:first-child,& .media-button-group:last-child{flex:none}}}.media-minimal-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-minimal-skin--video .media-slider__track{box-shadow:0 0 0 1px oklch(0% 0 0/.05)}.media-minimal-skin--video .media-popover--volume{background:0 0;border-radius:.75rem;padding-block:.75rem;@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){background:var(--media-controls-background-color)}}.media-minimal-skin--video .media-slider__preview{--media-preview-max-width:11rem;--media-preview-padding:-.5rem;--media-preview-inset:calc(100cqi - 100%);left:clamp(calc(var(--media-preview-max-width) / 2 + var(--media-preview-padding)), var(--media-slider-pointer), calc(100% - var(--media-preview-max-width) / 2 - var(--media-preview-padding) + var(--media-preview-inset)));opacity:0;filter:blur(8px);transform-origin:bottom;transition-property:scale,opacity,filter;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;bottom:100%;translate:-50%;scale:.8;@container media-root (width>42rem){bottom:calc(100% + .25rem);left:var(--media-slider-pointer)}& .media-preview__thumbnail-wrapper{position:relative;&:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 1px oklch(0% 0 0/.05),0 1px 3px oklch(0% 0 0/.2),0 1px 2px -1px oklch(0% 0 0/.2)}}& .media-preview__thumbnail{max-width:var(--media-preview-max-width)}&:has(.media-preview__thumbnail[data-loading]){max-height:6rem}}.media-minimal-skin--video .media-slider[data-pointing] .media-slider__preview:has([role=img]:not([data-hidden])){opacity:1;filter:blur();scale:1}`;function o(){return`<media-container class="media-minimal-skin media-minimal-skin--video"><slot name="media"></slot><slot></slot><media-poster><slot name="poster"></slot></media-poster><media-buffering-indicator class="media-buffering-indicator"> ${i(`spinner`,{class:`media-icon`})} </media-buffering-indicator><media-error-dialog class="media-error"><div class="media-error__dialog"><div class="media-error__content"><media-alert-dialog-title class="media-error__title">Something went wrong.</media-alert-dialog-title><media-alert-dialog-description class="media-error__description"></media-alert-dialog-description></div><div class="media-error__actions"><media-alert-dialog-close class="media-button media-button--primary">OK</media-alert-dialog-close></div></div></media-error-dialog><media-controls class="media-controls"><media-tooltip-group><div class="media-button-group"><media-play-button commandfor="play-tooltip" class="media-button media-button--subtle media-button--icon media-button--play"> ${i(`restart`,{class:`media-icon media-icon--restart`})} ${i(`play`,{class:`media-icon media-icon--play`})} ${i(`pause`,{class:`media-icon media-icon--pause`})} </media-play-button><media-tooltip id="play-tooltip" side="top" class="media-tooltip"><span class="media-tooltip-label media-tooltip-label--replay">Replay</span><span class="media-tooltip-label media-tooltip-label--play">Play</span><span class="media-tooltip-label media-tooltip-label--pause">Pause</span></media-tooltip><media-seek-button commandfor="seek-backward-tooltip" seconds="-10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${i(`seek`,{class:`media-icon media-icon--flipped`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-backward-tooltip" side="top" class="media-tooltip"> Seek backward 10 seconds </media-tooltip><media-seek-button commandfor="seek-forward-tooltip" seconds="10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${i(`seek`,{class:`media-icon`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-forward-tooltip" side="top" class="media-tooltip"> Seek forward 10 seconds </media-tooltip></div><div class="media-time-controls"><media-time-group class="media-time-group"><media-time type="current" class="media-time media-time--current"></media-time><media-time-separator class="media-time-separator"></media-time-separator><media-time type="duration" class="media-time media-time--duration"></media-time></media-time-group><media-time-slider class="media-slider"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill><media-slider-buffer class="media-slider__buffer"></media-slider-buffer></media-slider-track><media-slider-thumb class="media-slider__thumb"></media-slider-thumb><div class="media-preview media-slider__preview"><div class="media-preview__thumbnail-wrapper"><media-slider-thumbnail class="media-preview__thumbnail"></media-slider-thumbnail></div><media-slider-value type="pointer" class="media-time media-preview__time"></media-slider-value> ${i(`spinner`,{class:`media-preview__spinner media-icon`})} </div></media-time-slider></div><div class="media-button-group"><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><media-tooltip id="playback-rate-tooltip" side="top" class="media-tooltip"> Toggle playback rate </media-tooltip><media-mute-button commandfor="video-volume-popover" class="media-button media-button--subtle media-button--icon media-button--mute"> ${i(`volume-off`,{class:`media-icon media-icon--volume-off`})} ${i(`volume-low`,{class:`media-icon media-icon--volume-low`})} ${i(`volume-high`,{class:`media-icon media-icon--volume-high`})} </media-mute-button><media-popover id="video-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="media-popover media-popover--volume"><media-volume-slider class="media-slider" orientation="vertical" thumb-alignment="edge"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill></media-slider-track><media-slider-thumb class="media-slider__thumb media-slider__thumb--persistent"></media-slider-thumb></media-volume-slider></media-popover><media-captions-button commandfor="captions-tooltip" class="media-button media-button--subtle media-button--icon media-button--captions"> ${i(`captions-off`,{class:`media-icon media-icon--captions-off`})} ${i(`captions-on`,{class:`media-icon media-icon--captions-on`})} </media-captions-button><media-tooltip id="captions-tooltip" side="top" class="media-tooltip"> Toggle captions </media-tooltip><media-pip-button commandfor="pip-tooltip" class="media-button media-button--subtle media-button--icon media-button--pip"> ${i(`pip-enter`,{class:`media-icon media-icon--pip-enter`})} ${i(`pip-exit`,{class:`media-icon media-icon--pip-exit`})} </media-pip-button><media-tooltip id="pip-tooltip" side="top" class="media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-pip">Enter picture-in-picture</span><span class="media-tooltip-label media-tooltip-label--exit-pip">Exit picture-in-picture</span></media-tooltip><media-fullscreen-button commandfor="fullscreen-tooltip" class="media-button media-button--subtle media-button--icon media-button--fullscreen"> ${i(`fullscreen-enter`,{class:`media-icon media-icon--fullscreen-enter`})} ${i(`fullscreen-exit`,{class:`media-icon media-icon--fullscreen-exit`})} </media-fullscreen-button><media-tooltip id="fullscreen-tooltip" side="top" class="media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-fullscreen">Enter fullscreen</span><span class="media-tooltip-label media-tooltip-label--exit-fullscreen">Exit fullscreen</span></media-tooltip></div></media-tooltip-group></media-controls><div class="media-overlay"></div></media-container>`}r(class extends n(e){static{this.tagName=`video-minimal-skin`}static{this.styles=t(a)}static{this.getTemplateHTML=o}});
1
+ import{o as e}from"./create-player-i0Q36S9_.js";import{g as t,h as n}from"./volume-slider-C7rEWi11.js";import{t as r}from"./safe-define-t0AGOouq.js";import"./poster-CRi_NWaR.js";import{t as i}from"./minimal-CKMdOXWm.js";var a=`.media-minimal-skin *,.media-minimal-skin :before,.media-minimal-skin :after{box-sizing:border-box}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{max-width:100%;display:block}.media-minimal-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{isolation:isolate;border-radius:var(--media-border-radius,.75rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;display:block;position:relative;container:media-root/inline-size;&>*{font-size:.75rem}@container media-root (width>48rem){&>*{font-size:.875rem}}}.media-minimal-skin ::slotted(video),.media-minimal-skin video{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;display:block}.media-minimal-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-minimal-skin video{border-radius:inherit}.media-minimal-skin:fullscreen ::slotted(video),.media-minimal-skin:fullscreen video{object-fit:contain}.media-minimal-skin .media-overlay{border-radius:inherit;backdrop-filter:blur()saturate();opacity:0;pointer-events:none;transition-property:opacity,backdrop-filter;transition-duration:var(--media-controls-transition-duration);background-image:linear-gradient(0deg,oklch(0% 0 0/.7),oklch(0% 0 0/.5) 7.5rem,oklch(0% 0 0/0));transition-timing-function:ease-out;position:absolute;inset:0}.media-minimal-skin .media-error~.media-overlay{transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay)}.media-minimal-skin .media-controls[data-visible]~.media-overlay,.media-minimal-skin .media-error[data-open]~.media-overlay{opacity:1}.media-minimal-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px)saturate(1.2)}.media-minimal-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}}.media-minimal-skin .media-error:not([data-open]){display:none}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7;overflow-wrap:anywhere}.media-minimal-skin .media-error__actions{gap:.5rem;display:flex;&>*{flex:1}}.media-minimal-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-minimal-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));background-color:var(--media-controls-background-color);backdrop-filter:var(--media-controls-backdrop-filter);text-shadow:0 1px 0 var(--media-controls-current-shadow-color);align-items:center;display:flex;container:media-controls/inline-size}.media-minimal-skin .media-time-controls{flex-direction:row-reverse;flex:1;align-items:center;gap:.75rem;display:flex;container:media-time-controls/inline-size}.media-minimal-skin .media-time-group{align-items:center;gap:.25rem;display:flex}.media-minimal-skin .media-time{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:none}@container media-root (width>42rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time--duration,.media-minimal-skin .media-time-separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:inline}}.media-minimal-skin .media-button{outline-offset:-2px;will-change:scale;cursor:pointer;user-select:none;text-align:center;touch-action:manipulation;border:none;border-radius:.5rem;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;transition-property:background-color,outline-offset,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&:active{scale:.98}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}@supports (corner-shape:squircle){.media-minimal-skin .media-button{corner-shape:squircle;border-radius:1rem}}.media-minimal-skin .media-button--primary{color:oklch(0% 0 0);text-shadow:none;background:oklch(100% 0 0);font-weight:500}.media-minimal-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:0 0;&:hover,&:focus-visible,&[aria-expanded=true]{background:oklch(from currentColor l c h / .1)}}.media-minimal-skin .media-button--icon{aspect-ratio:1;width:2.375rem;padding:0;display:grid;&:active{scale:.9}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-minimal-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:10px;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}}.media-minimal-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) "×";font-variant-numeric:tabular-nums;width:4ch}}.media-minimal-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>42rem){gap:.125rem}}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin media-poster,.media-minimal-skin>img{pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.media-minimal-skin media-poster:not([data-visible]),.media-minimal-skin>img:not([data-visible]){opacity:0}.media-minimal-skin media-poster ::slotted(img){object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:var(--media-video-border-radius);width:100%;height:100%;position:absolute;inset:0}.media-minimal-skin>img{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:inherit}.media-minimal-skin:fullscreen media-poster ::slotted(img),.media-minimal-skin:fullscreen>img{object-fit:contain}.media-minimal-skin .media-preview{pointer-events:none;& .media-preview__thumbnail-wrapper{background-color:oklch(0% 0 0/.9);border-radius:.5rem;position:relative}& .media-preview__thumbnail{border-radius:inherit;display:block}& .media-preview__time{text-align:center;margin-top:.5rem;display:block}& .media-overlay{opacity:1}& .media-preview__spinner{opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%}& .media-preview__thumbnail,& .media-preview__spinner{transition:opacity .15s ease-out}&:has(.media-preview__thumbnail[data-loading]){& .media-preview__thumbnail{opacity:0}& .media-preview__spinner{opacity:1}}}.media-minimal-skin .media-slider{cursor:pointer;border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:2rem}&[data-orientation=vertical]{width:2rem;height:4.5rem}}.media-minimal-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;background-color:oklch(from currentColor l c h / .2);position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.1875rem}&[data-orientation=vertical]{width:.1875rem;height:100%}}.media-minimal-skin .media-slider__thumb{z-index:10;width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;transform-origin:50%;user-select:none;outline-offset:-2px;background-color:currentColor;border-radius:3.40282e38px;outline:2px solid #0000;transition-property:opacity,scale,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;translate:-50% -50%;scale:.7;&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{color:inherit;transition-property:scale,opacity,filter;transition-duration:var(--media-popup-transition-duration);transition-timing-function:var(--media-popup-transition-timing-function);border:0;margin:0;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.5}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}&:before{content:"";pointer-events:inherit;position:absolute}&[data-side=top]:before,&[data-side=bottom]:before{width:100%;inset-inline:0}&[data-side=top]:before{top:100%}&[data-side=bottom]:before{bottom:100%}&[data-side=left]:before,&[data-side=right]:before{height:100%;inset-block:0}&[data-side=left]:before{left:100%}&[data-side=right]:before{right:100%}}.media-minimal-skin .media-popover{&[data-side=top]:before,&[data-side=bottom]:before{height:var(--media-popover-side-offset)}&[data-side=left]:before,&[data-side=right]:before{width:var(--media-popover-side-offset)}}.media-minimal-skin .media-tooltip{background-color:var(--media-tooltip-background-color);backdrop-filter:var(--media-tooltip-backdrop-filter);box-shadow:0 0 0 1px var(--media-tooltip-border-color), 0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);color:var(--media-tooltip-text-color);white-space:nowrap;border-radius:.5rem;padding:.25rem .5rem;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-minimal-skin .media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-minimal-skin{--media-caption-track-duration:var(--media-controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:-.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y:-5rem}@container media-root (width>42rem){&:has(.media-controls[data-visible])>*{--media-caption-track-y:-3rem}}}.media-minimal-skin video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);translate:0 var(--media-caption-track-y);z-index:1;font-family:inherit;scale:.98}.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,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{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,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-minimal-skin--video{--media-border-color:oklch(0% 0 0/.15);--media-video-border-radius:var(--media-border-radius,.75rem);--media-controls-background-color:transparent;--media-controls-transition-duration:.1s;--media-controls-transition-timing-function:ease-out;--media-error-dialog-transition-duration:.15s;--media-error-dialog-transition-delay:.1s;--media-error-dialog-transition-timing-function:ease-out;--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;--media-tooltip-background-color:oklch(100% 0 0/.1);--media-tooltip-border-color:transparent;--media-tooltip-backdrop-filter:blur(16px) saturate(1.5);--media-tooltip-text-color:currentColor;--media-tooltip-side-offset:.5rem;--media-popover-side-offset:1.5rem;background:oklch(0% 0 0);overflow:clip;@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.15)}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){--media-controls-background-color:oklch(0% 0 0);--media-tooltip-background-color:oklch(0% 0 0)}@container media-root (width>42rem){&>*{--media-popover-side-offset:0rem}}&:has(.media-controls:not([data-visible])){@media (pointer:fine){--media-controls-transition-duration:.3s}@media (pointer:coarse){--media-controls-transition-duration:.15s}@media (prefers-reduced-motion:reduce){--media-controls-transition-duration:50ms}}&:after{content:"";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none;position:absolute;inset:0}&:fullscreen{--media-border-radius:0}}.media-minimal-skin--video .media-error{z-index:20;pointer-events:none;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-minimal-skin--video .media-error__dialog{color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.5);max-width:16rem;transition-property:opacity,scale;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:var(--media-error-dialog-transition-timing-function);pointer-events:auto;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.media-minimal-skin--video .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.5}.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-minimal-skin--video .media-error__content{flex-direction:column;gap:.5rem;padding:.375rem 0;display:flex}.media-minimal-skin--video .media-error__title{font-size:1.125rem}.media-minimal-skin--video .media-error[data-open]~.media-controls{display:none}.media-minimal-skin--video .media-controls{bottom:.25rem;z-index:10;color:oklch(100% 0 0);transition-duration:var(--media-controls-transition-duration);transition-timing-function:var(--media-controls-transition-timing-function);border-radius:.75rem;flex-wrap:wrap;column-gap:.5rem;padding:.25rem;position:absolute;inset-inline:.25rem;@media (pointer:fine){will-change:translate, filter, opacity;transition-property:translate,filter,opacity}@media (pointer:coarse){will-change:translate, opacity;transition-property:translate,opacity}&:not([data-visible]){opacity:0;pointer-events:none;translate:0 100%;@media (pointer:fine){filter:blur(8px)}@media (prefers-reduced-motion:reduce){filter:blur();translate:0}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{text-align:left;flex:1}& .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width>42rem){bottom:.5rem;flex-wrap:nowrap;inset-inline:.5rem;& .media-time-controls{order:unset;flex:1}& .media-button-group:first-child,& .media-button-group:last-child{flex:none}}}.media-minimal-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-minimal-skin--video .media-slider__track{box-shadow:0 0 0 1px oklch(0% 0 0/.05)}.media-minimal-skin--video .media-popover--volume{background:0 0;border-radius:.75rem;padding-block:.75rem;@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){background:var(--media-controls-background-color)}}.media-minimal-skin--video .media-slider__preview{--media-preview-max-width:11rem;--media-preview-padding:-.5rem;--media-preview-inset:calc(100cqi - 100%);left:clamp(calc(var(--media-preview-max-width) / 2 + var(--media-preview-padding)), var(--media-slider-pointer), calc(100% - var(--media-preview-max-width) / 2 - var(--media-preview-padding) + var(--media-preview-inset)));opacity:0;filter:blur(8px);transform-origin:bottom;transition-property:scale,opacity,filter;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;bottom:100%;translate:-50%;scale:.8;@container media-root (width>42rem){bottom:calc(100% + .25rem);left:var(--media-slider-pointer)}& .media-preview__thumbnail-wrapper{position:relative;&:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 1px oklch(0% 0 0/.05),0 1px 3px oklch(0% 0 0/.2),0 1px 2px -1px oklch(0% 0 0/.2)}}& .media-preview__thumbnail{max-width:var(--media-preview-max-width)}&:has(.media-preview__thumbnail[data-loading]){max-height:6rem}}.media-minimal-skin--video .media-slider[data-pointing] .media-slider__preview:has([role=img]:not([data-hidden])){opacity:1;filter:blur();scale:1}`;function o(){return`<media-container class="media-minimal-skin media-minimal-skin--video"><slot name="media"></slot><slot></slot><media-poster><slot name="poster"></slot></media-poster><media-buffering-indicator class="media-buffering-indicator"> ${i(`spinner`,{class:`media-icon`})} </media-buffering-indicator><media-error-dialog class="media-error"><div class="media-error__dialog"><div class="media-error__content"><media-alert-dialog-title class="media-error__title">Something went wrong.</media-alert-dialog-title><media-alert-dialog-description class="media-error__description"></media-alert-dialog-description></div><div class="media-error__actions"><media-alert-dialog-close class="media-button media-button--primary">OK</media-alert-dialog-close></div></div></media-error-dialog><media-controls class="media-controls"><media-tooltip-group><div class="media-button-group"><media-play-button commandfor="play-tooltip" class="media-button media-button--subtle media-button--icon media-button--play"> ${i(`restart`,{class:`media-icon media-icon--restart`})} ${i(`play`,{class:`media-icon media-icon--play`})} ${i(`pause`,{class:`media-icon media-icon--pause`})} </media-play-button><media-tooltip id="play-tooltip" side="top" class="media-tooltip"><span class="media-tooltip-label media-tooltip-label--replay">Replay</span><span class="media-tooltip-label media-tooltip-label--play">Play</span><span class="media-tooltip-label media-tooltip-label--pause">Pause</span></media-tooltip><media-seek-button commandfor="seek-backward-tooltip" seconds="-10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${i(`seek`,{class:`media-icon media-icon--flipped`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-backward-tooltip" side="top" class="media-tooltip"> Seek backward 10 seconds </media-tooltip><media-seek-button commandfor="seek-forward-tooltip" seconds="10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${i(`seek`,{class:`media-icon`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-forward-tooltip" side="top" class="media-tooltip"> Seek forward 10 seconds </media-tooltip></div><div class="media-time-controls"><media-time-group class="media-time-group"><media-time type="current" class="media-time media-time--current"></media-time><media-time-separator class="media-time-separator"></media-time-separator><media-time type="duration" class="media-time media-time--duration"></media-time></media-time-group><media-time-slider class="media-slider"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill><media-slider-buffer class="media-slider__buffer"></media-slider-buffer></media-slider-track><media-slider-thumb class="media-slider__thumb"></media-slider-thumb><div class="media-preview media-slider__preview"><div class="media-preview__thumbnail-wrapper"><media-slider-thumbnail class="media-preview__thumbnail"></media-slider-thumbnail></div><media-slider-value type="pointer" class="media-time media-preview__time"></media-slider-value> ${i(`spinner`,{class:`media-preview__spinner media-icon`})} </div></media-time-slider></div><div class="media-button-group"><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><media-tooltip id="playback-rate-tooltip" side="top" class="media-tooltip"> Toggle playback rate </media-tooltip><media-mute-button commandfor="video-volume-popover" class="media-button media-button--subtle media-button--icon media-button--mute"> ${i(`volume-off`,{class:`media-icon media-icon--volume-off`})} ${i(`volume-low`,{class:`media-icon media-icon--volume-low`})} ${i(`volume-high`,{class:`media-icon media-icon--volume-high`})} </media-mute-button><media-popover id="video-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="media-popover media-popover--volume"><media-volume-slider class="media-slider" orientation="vertical" thumb-alignment="edge"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill></media-slider-track><media-slider-thumb class="media-slider__thumb media-slider__thumb--persistent"></media-slider-thumb></media-volume-slider></media-popover><media-captions-button commandfor="captions-tooltip" class="media-button media-button--subtle media-button--icon media-button--captions"> ${i(`captions-off`,{class:`media-icon media-icon--captions-off`})} ${i(`captions-on`,{class:`media-icon media-icon--captions-on`})} </media-captions-button><media-tooltip id="captions-tooltip" side="top" class="media-tooltip"> Toggle captions </media-tooltip><media-pip-button commandfor="pip-tooltip" class="media-button media-button--subtle media-button--icon media-button--pip"> ${i(`pip-enter`,{class:`media-icon media-icon--pip-enter`})} ${i(`pip-exit`,{class:`media-icon media-icon--pip-exit`})} </media-pip-button><media-tooltip id="pip-tooltip" side="top" class="media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-pip">Enter picture-in-picture</span><span class="media-tooltip-label media-tooltip-label--exit-pip">Exit picture-in-picture</span></media-tooltip><media-fullscreen-button commandfor="fullscreen-tooltip" class="media-button media-button--subtle media-button--icon media-button--fullscreen"> ${i(`fullscreen-enter`,{class:`media-icon media-icon--fullscreen-enter`})} ${i(`fullscreen-exit`,{class:`media-icon media-icon--fullscreen-exit`})} </media-fullscreen-button><media-tooltip id="fullscreen-tooltip" side="top" class="media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-fullscreen">Enter fullscreen</span><span class="media-tooltip-label media-tooltip-label--exit-fullscreen">Exit fullscreen</span></media-tooltip></div></media-tooltip-group></media-controls><div class="media-overlay"></div></media-container>`}r(class extends n(e){static{this.tagName=`video-minimal-skin`}static{this.styles=t(a)}static{this.getTemplateHTML=o}});
2
2
  //# sourceMappingURL=video-minimal.js.map
package/cdn/video.dev.js CHANGED
@@ -1,7 +1,7 @@
1
- import { I as selectTextTrack, n as PlayerController, o as ReactiveElement } from "./create-player-BoPlCSNw.js";
2
- import { d as CaptionsButtonDataAttrs, f as CaptionsButtonCore, g as createStyles, h as SkinMixin, n as MediaButtonElement } from "./volume-slider-BEXiB6_j.js";
3
- import { i as playerContext, t as safeDefine } from "./safe-define-D26LrTu4.js";
4
- import "./poster-BPMPXyn3.js";
1
+ import { I as selectTextTrack, n as PlayerController, o as ReactiveElement } from "./create-player-C2h3JeGl.js";
2
+ import { d as CaptionsButtonDataAttrs, f as CaptionsButtonCore, g as createStyles, h as SkinMixin, n as MediaButtonElement } from "./volume-slider-Dz_ND_4U.js";
3
+ import { i as playerContext, t as safeDefine } from "./safe-define-Bw8JF08z.js";
4
+ import "./poster-Ds1EOmmU.js";
5
5
  import { t as renderIcon } from "./default-CKnlVEjQ.js";
6
6
 
7
7
  //#region inline-css:src/define/video/skin.js
package/cdn/video.js CHANGED
@@ -1,2 +1,2 @@
1
- import{F as e,n as t,o as n}from"./create-player-CA3KLZMe.js";import{d as r,f as i,g as a,h as o,n as s}from"./volume-slider-CQ0Yq947.js";import{i as c,t as l}from"./safe-define-EEn8NTOG.js";import"./poster-DqjXzMK_.js";import{t as u}from"./default-CnBlD9BM.js";var d=`.media-default-skin *,.media-default-skin :before,.media-default-skin :after{box-sizing:border-box}.media-default-skin img,.media-default-skin video,.media-default-skin svg{max-width:100%;display:block}.media-default-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{isolation:isolate;border-radius:var(--media-border-radius,2rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;display:block;position:relative;container:media-root/inline-size;&>*{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 ::slotted(video),.media-default-skin video{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;display:block}.media-default-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-default-skin video{border-radius:inherit}.media-default-skin:fullscreen ::slotted(video),.media-default-skin:fullscreen video{object-fit:contain}.media-default-skin .media-overlay{border-radius:inherit;backdrop-filter:blur()saturate();opacity:0;pointer-events:none;transition-property:opacity,backdrop-filter;transition-duration:var(--media-controls-transition-duration);background-image:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.3),oklch(0% 0 0/.5));transition-timing-function:ease-out;position:absolute;inset:0}.media-default-skin .media-error~.media-overlay{transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay)}.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{opacity:1}.media-default-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px)saturate(1.5)}.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]{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-poster,.media-default-skin>img{pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.media-default-skin media-poster:not([data-visible]),.media-default-skin>img:not([data-visible]){opacity:0}.media-default-skin media-poster ::slotted(img){object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:var(--media-video-border-radius);width:100%;height:100%;position:absolute;inset:0}.media-default-skin>img{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:inherit}.media-default-skin:fullscreen media-poster ::slotted(img),.media-default-skin:fullscreen>img{object-fit:contain}.media-default-skin .media-preview{pointer-events:none;background-color:oklch(0% 0 0/.9);border-radius:.75rem;& .media-preview__thumbnail{border-radius:inherit;display:block;position:relative;overflow:clip;&:after{content:"";border-radius:inherit;background-image:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.3),oklch(0% 0 0/.8));position:absolute;inset:0}}& .media-preview__time{bottom:.5rem;text-align:center;position:absolute;inset-inline:0}& .media-overlay{opacity:1}& .media-preview__spinner{opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%}& .media-preview__thumbnail,& .media-preview__spinner{transition:opacity .15s ease-out}&:has(.media-preview__thumbnail[data-loading]){& .media-preview__thumbnail{opacity:0}& .media-preview__spinner{opacity: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-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-default-skin{--media-caption-track-duration:var(--media-controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:-.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y:-5.5rem}@container media-root (width>42rem){&:has(.media-controls[data-visible])>*{--media-caption-track-y:-3.5rem}}}.media-default-skin video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);translate:0 var(--media-caption-track-y);z-index:1;font-family:inherit;scale:.98}.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,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{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,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-default-skin--video{--media-spring-transition:linear(0, .034 1.5%, .763 9.7%, 1.066 13.9%, 1.198 19.9%, 1.184 21.8%, .963 37.5%, .997 50.9%, 1);--media-border-color:oklch(0% 0 0/.1);--media-surface-background-color:oklch(100% 0 0/.1);--media-surface-inner-border-color:oklch(100% 0 0/.05);--media-surface-outer-border-color:oklch(0% 0 0/.1);--media-surface-shadow-color:oklch(0% 0 0/.15);--media-surface-backdrop-filter:blur(16px) saturate(1.5);--media-video-border-radius:var(--media-border-radius,2rem);--media-controls-transition-duration:.1s;--media-controls-transition-timing-function:ease-out;--media-error-dialog-transition-duration:.35s;--media-error-dialog-transition-delay:.1s;--media-error-dialog-transition-timing-function:var(--media-spring-transition);--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;--media-tooltip-side-offset:.75rem;--media-popover-side-offset:.5rem;background:oklch(0% 0 0);@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-error-dialog-transition-timing-function:ease-out;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.15)}@media (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/.25);--media-surface-outer-border-color:transparent}&:has(.media-controls:not([data-visible])){@media (pointer:fine){--media-controls-transition-duration:.3s}@media (pointer:coarse){--media-controls-transition-duration:.15s}@media (prefers-reduced-motion:reduce){--media-controls-transition-duration:50ms}}&:after{content:"";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none;position:absolute;inset:0}&:fullscreen{--media-border-radius:0}}.media-default-skin--video .media-error{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-default-skin--video .media-error__dialog{color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.25);max-width:18rem;transition-property:opacity,scale;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:var(--media-error-dialog-transition-timing-function);border-radius:1.75rem;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.media-default-skin--video .media-error[data-starting-style] .media-error__dialog,.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.5}.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-default-skin--video .media-error__content{text-shadow:inherit;flex-direction:column;gap:.5rem;padding:.5rem .5rem .375rem;display:flex}.media-default-skin--video .media-error__title{font-size:1rem}.media-default-skin--video .media-controls{bottom:.5rem;z-index:10;color:var(--media-color-primary,oklch(100% 0 0));transition-duration:var(--media-controls-transition-duration);transition-timing-function:var(--media-controls-transition-timing-function);transform-origin:bottom;flex-wrap:wrap;position:absolute;inset-inline:.5rem;@media (pointer:fine){will-change:scale, filter, opacity;transition-property:scale,filter,opacity}@media (pointer:coarse){will-change:scale, opacity;transition-property:scale,opacity}&:not([data-visible]){opacity:0;pointer-events:none;scale:.9;@media (pointer:fine) and (prefers-reduced-motion:no-preference){filter:blur(8px)}@media (prefers-reduced-motion:reduce){scale:1}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{text-align:left;flex:1}& .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width>42rem){bottom:.75rem;flex-wrap:nowrap;column-gap:.125rem;padding:.25rem;inset-inline:.75rem;& .media-time-controls{order:unset;flex:1}& .media-button-group:first-child,& .media-button-group:last-child{flex:none}}}.media-default-skin--video .media-error[data-open]~.media-controls{display:none}.media-default-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-default-skin--video .media-slider__track{background-color:oklch(100% 0 0/.2);box-shadow:0 0 0 1px oklch(0% 0 0/.05)}.media-default-skin--video .media-slider__preview{--media-preview-max-width:11rem;--media-preview-padding:-1.125rem;--media-preview-inset:calc((100cqi - 100%) / 2);left:clamp(calc(var(--media-preview-max-width) / 2 + var(--media-preview-padding) - var(--media-preview-inset)), var(--media-slider-pointer), calc(100% - var(--media-preview-max-width) / 2 - var(--media-preview-padding) + var(--media-preview-inset)));opacity:0;filter:blur(8px);transform-origin:bottom;pointer-events:none;transition-property:scale,opacity,filter;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;bottom:calc(100% + 1.2rem);translate:-50%;scale:.8;& .media-preview__thumbnail{max-width:var(--media-preview-max-width)}&:has(.media-preview__thumbnail[data-loading]){max-height:6rem}}.media-default-skin--video .media-slider[data-pointing] .media-slider__preview:has([role=img]:not([data-hidden])){opacity:1;filter:blur();scale:1}`;l(class extends s{constructor(...n){super(...n),this.core=new i,this.stateAttrMap=r,this.mediaState=new t(this,c,e)}static{this.tagName=`media-captions-button`}activate(e){this.core.toggle(e)}});function f(){return`<media-container class="media-default-skin media-default-skin--video"><slot name="media"></slot><slot></slot><media-poster><slot name="poster"></slot></media-poster><media-buffering-indicator class="media-buffering-indicator"><div class="media-surface"> ${u(`spinner`,{class:`media-icon`})} </div></media-buffering-indicator><media-error-dialog class="media-error"><div class="media-error__dialog media-surface"><div class="media-error__content"><media-alert-dialog-title class="media-error__title">Something went wrong.</media-alert-dialog-title><media-alert-dialog-description class="media-error__description"></media-alert-dialog-description></div><div class="media-error__actions"><media-alert-dialog-close class="media-button media-button--primary">OK</media-alert-dialog-close></div></div></media-error-dialog><media-controls class="media-surface media-controls"><media-tooltip-group><div class="media-button-group"><media-play-button commandfor="play-tooltip" class="media-button media-button--subtle media-button--icon media-button--play"> ${u(`restart`,{class:`media-icon media-icon--restart`})} ${u(`play`,{class:`media-icon media-icon--play`})} ${u(`pause`,{class:`media-icon media-icon--pause`})} </media-play-button><media-tooltip id="play-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--replay">Replay</span><span class="media-tooltip-label media-tooltip-label--play">Play</span><span class="media-tooltip-label media-tooltip-label--pause">Pause</span></media-tooltip><media-seek-button commandfor="seek-backward-tooltip" seconds="-10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${u(`seek`,{class:`media-icon media-icon--flipped`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-backward-tooltip" side="top" class="media-surface media-tooltip"> Seek backward 10 seconds </media-tooltip><media-seek-button commandfor="seek-forward-tooltip" seconds="10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${u(`seek`,{class:`media-icon`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-forward-tooltip" side="top" class="media-surface media-tooltip"> Seek forward 10 seconds </media-tooltip></div><div class="media-time-controls"><media-time type="current" class="media-time"></media-time><media-time-slider class="media-slider"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill><media-slider-buffer class="media-slider__buffer"></media-slider-buffer></media-slider-track><media-slider-thumb class="media-slider__thumb"></media-slider-thumb><div class="media-surface media-preview media-slider__preview"><media-slider-thumbnail class="media-preview__thumbnail"></media-slider-thumbnail><media-slider-value type="pointer" class="media-time media-preview__time"></media-slider-value> ${u(`spinner`,{class:`media-preview__spinner media-icon`})} </div></media-time-slider><media-time type="duration" class="media-time"></media-time></div><div class="media-button-group"><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><media-tooltip id="playback-rate-tooltip" side="top" class="media-surface media-tooltip"> Toggle playback rate </media-tooltip><media-mute-button commandfor="video-volume-popover" class="media-button media-button--subtle media-button--icon media-button--mute"> ${u(`volume-off`,{class:`media-icon media-icon--volume-off`})} ${u(`volume-low`,{class:`media-icon media-icon--volume-low`})} ${u(`volume-high`,{class:`media-icon media-icon--volume-high`})} </media-mute-button><media-popover id="video-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="media-surface media-popover media-popover--volume"><media-volume-slider class="media-slider" orientation="vertical" thumb-alignment="edge"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill></media-slider-track><media-slider-thumb class="media-slider__thumb media-slider__thumb--persistent"></media-slider-thumb></media-volume-slider></media-popover><media-captions-button commandfor="captions-tooltip" class="media-button media-button--subtle media-button--icon media-button--captions"> ${u(`captions-off`,{class:`media-icon media-icon--captions-off`})} ${u(`captions-on`,{class:`media-icon media-icon--captions-on`})} </media-captions-button><media-tooltip id="captions-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--enable-captions">Enable captions</span><span class="media-tooltip-label media-tooltip-label--disable-captions">Disable captions</span></media-tooltip><media-pip-button commandfor="pip-tooltip" class="media-button media-button--subtle media-button--icon media-button--pip"> ${u(`pip-enter`,{class:`media-icon media-icon--pip-enter`})} ${u(`pip-exit`,{class:`media-icon media-icon--pip-exit`})} </media-pip-button><media-tooltip id="pip-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-pip">Enter picture-in-picture</span><span class="media-tooltip-label media-tooltip-label--exit-pip">Exit picture-in-picture</span></media-tooltip><media-fullscreen-button commandfor="fullscreen-tooltip" class="media-button media-button--subtle media-button--icon media-button--fullscreen"> ${u(`fullscreen-enter`,{class:`media-icon media-icon--fullscreen-enter`})} ${u(`fullscreen-exit`,{class:`media-icon media-icon--fullscreen-exit`})} </media-fullscreen-button><media-tooltip id="fullscreen-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-fullscreen">Enter fullscreen</span><span class="media-tooltip-label media-tooltip-label--exit-fullscreen">Exit fullscreen</span></media-tooltip></div></media-tooltip-group></media-controls><div class="media-overlay"></div></media-container>`}l(class extends o(n){static{this.tagName=`video-skin`}static{this.styles=a(d)}static{this.getTemplateHTML=f}});
1
+ import{F as e,n as t,o as n}from"./create-player-i0Q36S9_.js";import{d as r,f as i,g as a,h as o,n as s}from"./volume-slider-C7rEWi11.js";import{i as c,t as l}from"./safe-define-t0AGOouq.js";import"./poster-CRi_NWaR.js";import{t as u}from"./default-CnBlD9BM.js";var d=`.media-default-skin *,.media-default-skin :before,.media-default-skin :after{box-sizing:border-box}.media-default-skin img,.media-default-skin video,.media-default-skin svg{max-width:100%;display:block}.media-default-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{isolation:isolate;border-radius:var(--media-border-radius,2rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;display:block;position:relative;container:media-root/inline-size;&>*{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 ::slotted(video),.media-default-skin video{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;display:block}.media-default-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-default-skin video{border-radius:inherit}.media-default-skin:fullscreen ::slotted(video),.media-default-skin:fullscreen video{object-fit:contain}.media-default-skin .media-overlay{border-radius:inherit;backdrop-filter:blur()saturate();opacity:0;pointer-events:none;transition-property:opacity,backdrop-filter;transition-duration:var(--media-controls-transition-duration);background-image:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.3),oklch(0% 0 0/.5));transition-timing-function:ease-out;position:absolute;inset:0}.media-default-skin .media-error~.media-overlay{transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay)}.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{opacity:1}.media-default-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px)saturate(1.5)}.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]{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-poster,.media-default-skin>img{pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.media-default-skin media-poster:not([data-visible]),.media-default-skin>img:not([data-visible]){opacity:0}.media-default-skin media-poster ::slotted(img){object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:var(--media-video-border-radius);width:100%;height:100%;position:absolute;inset:0}.media-default-skin>img{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:inherit}.media-default-skin:fullscreen media-poster ::slotted(img),.media-default-skin:fullscreen>img{object-fit:contain}.media-default-skin .media-preview{pointer-events:none;background-color:oklch(0% 0 0/.9);border-radius:.75rem;& .media-preview__thumbnail{border-radius:inherit;display:block;position:relative;overflow:clip;&:after{content:"";border-radius:inherit;background-image:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.3),oklch(0% 0 0/.8));position:absolute;inset:0}}& .media-preview__time{bottom:.5rem;text-align:center;position:absolute;inset-inline:0}& .media-overlay{opacity:1}& .media-preview__spinner{opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%}& .media-preview__thumbnail,& .media-preview__spinner{transition:opacity .15s ease-out}&:has(.media-preview__thumbnail[data-loading]){& .media-preview__thumbnail{opacity:0}& .media-preview__spinner{opacity: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-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-default-skin{--media-caption-track-duration:var(--media-controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:-.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y:-5.5rem}@container media-root (width>42rem){&:has(.media-controls[data-visible])>*{--media-caption-track-y:-3.5rem}}}.media-default-skin video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);translate:0 var(--media-caption-track-y);z-index:1;font-family:inherit;scale:.98}.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,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{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,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-default-skin--video{--media-spring-transition:linear(0, .034 1.5%, .763 9.7%, 1.066 13.9%, 1.198 19.9%, 1.184 21.8%, .963 37.5%, .997 50.9%, 1);--media-border-color:oklch(0% 0 0/.1);--media-surface-background-color:oklch(100% 0 0/.1);--media-surface-inner-border-color:oklch(100% 0 0/.05);--media-surface-outer-border-color:oklch(0% 0 0/.1);--media-surface-shadow-color:oklch(0% 0 0/.15);--media-surface-backdrop-filter:blur(16px) saturate(1.5);--media-video-border-radius:var(--media-border-radius,2rem);--media-controls-transition-duration:.1s;--media-controls-transition-timing-function:ease-out;--media-error-dialog-transition-duration:.35s;--media-error-dialog-transition-delay:.1s;--media-error-dialog-transition-timing-function:var(--media-spring-transition);--media-popup-transition-duration:.1s;--media-popup-transition-timing-function:ease-out;--media-tooltip-side-offset:.75rem;--media-popover-side-offset:.5rem;background:oklch(0% 0 0);@media (prefers-reduced-motion:reduce){--media-error-dialog-transition-duration:50ms;--media-error-dialog-transition-delay:0s;--media-error-dialog-transition-timing-function:ease-out;--media-popup-transition-duration:0s}@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.15)}@media (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/.25);--media-surface-outer-border-color:transparent}&:has(.media-controls:not([data-visible])){@media (pointer:fine){--media-controls-transition-duration:.3s}@media (pointer:coarse){--media-controls-transition-duration:.15s}@media (prefers-reduced-motion:reduce){--media-controls-transition-duration:50ms}}&:after{content:"";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none;position:absolute;inset:0}&:fullscreen{--media-border-radius:0}}.media-default-skin--video .media-error{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-default-skin--video .media-error__dialog{color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.25);max-width:18rem;transition-property:opacity,scale;transition-duration:var(--media-error-dialog-transition-duration);transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:var(--media-error-dialog-transition-timing-function);border-radius:1.75rem;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.media-default-skin--video .media-error[data-starting-style] .media-error__dialog,.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.5}.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-default-skin--video .media-error__content{text-shadow:inherit;flex-direction:column;gap:.5rem;padding:.5rem .5rem .375rem;display:flex}.media-default-skin--video .media-error__title{font-size:1rem}.media-default-skin--video .media-controls{bottom:.5rem;z-index:10;color:var(--media-color-primary,oklch(100% 0 0));transition-duration:var(--media-controls-transition-duration);transition-timing-function:var(--media-controls-transition-timing-function);transform-origin:bottom;flex-wrap:wrap;position:absolute;inset-inline:.5rem;@media (pointer:fine){will-change:scale, filter, opacity;transition-property:scale,filter,opacity}@media (pointer:coarse){will-change:scale, opacity;transition-property:scale,opacity}&:not([data-visible]){opacity:0;pointer-events:none;scale:.9;@media (pointer:fine) and (prefers-reduced-motion:no-preference){filter:blur(8px)}@media (prefers-reduced-motion:reduce){scale:1}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{text-align:left;flex:1}& .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width>42rem){bottom:.75rem;flex-wrap:nowrap;column-gap:.125rem;padding:.25rem;inset-inline:.75rem;& .media-time-controls{order:unset;flex:1}& .media-button-group:first-child,& .media-button-group:last-child{flex:none}}}.media-default-skin--video .media-error[data-open]~.media-controls{display:none}.media-default-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-default-skin--video .media-slider__track{background-color:oklch(100% 0 0/.2);box-shadow:0 0 0 1px oklch(0% 0 0/.05)}.media-default-skin--video .media-slider__preview{--media-preview-max-width:11rem;--media-preview-padding:-1.125rem;--media-preview-inset:calc((100cqi - 100%) / 2);left:clamp(calc(var(--media-preview-max-width) / 2 + var(--media-preview-padding) - var(--media-preview-inset)), var(--media-slider-pointer), calc(100% - var(--media-preview-max-width) / 2 - var(--media-preview-padding) + var(--media-preview-inset)));opacity:0;filter:blur(8px);transform-origin:bottom;pointer-events:none;transition-property:scale,opacity,filter;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;bottom:calc(100% + 1.2rem);translate:-50%;scale:.8;& .media-preview__thumbnail{max-width:var(--media-preview-max-width)}&:has(.media-preview__thumbnail[data-loading]){max-height:6rem}}.media-default-skin--video .media-slider[data-pointing] .media-slider__preview:has([role=img]:not([data-hidden])){opacity:1;filter:blur();scale:1}`;l(class extends s{constructor(...n){super(...n),this.core=new i,this.stateAttrMap=r,this.mediaState=new t(this,c,e)}static{this.tagName=`media-captions-button`}activate(e){this.core.toggle(e)}});function f(){return`<media-container class="media-default-skin media-default-skin--video"><slot name="media"></slot><slot></slot><media-poster><slot name="poster"></slot></media-poster><media-buffering-indicator class="media-buffering-indicator"><div class="media-surface"> ${u(`spinner`,{class:`media-icon`})} </div></media-buffering-indicator><media-error-dialog class="media-error"><div class="media-error__dialog media-surface"><div class="media-error__content"><media-alert-dialog-title class="media-error__title">Something went wrong.</media-alert-dialog-title><media-alert-dialog-description class="media-error__description"></media-alert-dialog-description></div><div class="media-error__actions"><media-alert-dialog-close class="media-button media-button--primary">OK</media-alert-dialog-close></div></div></media-error-dialog><media-controls class="media-surface media-controls"><media-tooltip-group><div class="media-button-group"><media-play-button commandfor="play-tooltip" class="media-button media-button--subtle media-button--icon media-button--play"> ${u(`restart`,{class:`media-icon media-icon--restart`})} ${u(`play`,{class:`media-icon media-icon--play`})} ${u(`pause`,{class:`media-icon media-icon--pause`})} </media-play-button><media-tooltip id="play-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--replay">Replay</span><span class="media-tooltip-label media-tooltip-label--play">Play</span><span class="media-tooltip-label media-tooltip-label--pause">Pause</span></media-tooltip><media-seek-button commandfor="seek-backward-tooltip" seconds="-10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${u(`seek`,{class:`media-icon media-icon--flipped`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-backward-tooltip" side="top" class="media-surface media-tooltip"> Seek backward 10 seconds </media-tooltip><media-seek-button commandfor="seek-forward-tooltip" seconds="10" class="media-button media-button--subtle media-button--icon media-button--seek"> <span class="media-icon__container"> ${u(`seek`,{class:`media-icon`})} <span class="media-icon__label">10</span></span></media-seek-button><media-tooltip id="seek-forward-tooltip" side="top" class="media-surface media-tooltip"> Seek forward 10 seconds </media-tooltip></div><div class="media-time-controls"><media-time type="current" class="media-time"></media-time><media-time-slider class="media-slider"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill><media-slider-buffer class="media-slider__buffer"></media-slider-buffer></media-slider-track><media-slider-thumb class="media-slider__thumb"></media-slider-thumb><div class="media-surface media-preview media-slider__preview"><media-slider-thumbnail class="media-preview__thumbnail"></media-slider-thumbnail><media-slider-value type="pointer" class="media-time media-preview__time"></media-slider-value> ${u(`spinner`,{class:`media-preview__spinner media-icon`})} </div></media-time-slider><media-time type="duration" class="media-time"></media-time></div><div class="media-button-group"><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><media-tooltip id="playback-rate-tooltip" side="top" class="media-surface media-tooltip"> Toggle playback rate </media-tooltip><media-mute-button commandfor="video-volume-popover" class="media-button media-button--subtle media-button--icon media-button--mute"> ${u(`volume-off`,{class:`media-icon media-icon--volume-off`})} ${u(`volume-low`,{class:`media-icon media-icon--volume-low`})} ${u(`volume-high`,{class:`media-icon media-icon--volume-high`})} </media-mute-button><media-popover id="video-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="media-surface media-popover media-popover--volume"><media-volume-slider class="media-slider" orientation="vertical" thumb-alignment="edge"><media-slider-track class="media-slider__track"><media-slider-fill class="media-slider__fill"></media-slider-fill></media-slider-track><media-slider-thumb class="media-slider__thumb media-slider__thumb--persistent"></media-slider-thumb></media-volume-slider></media-popover><media-captions-button commandfor="captions-tooltip" class="media-button media-button--subtle media-button--icon media-button--captions"> ${u(`captions-off`,{class:`media-icon media-icon--captions-off`})} ${u(`captions-on`,{class:`media-icon media-icon--captions-on`})} </media-captions-button><media-tooltip id="captions-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--enable-captions">Enable captions</span><span class="media-tooltip-label media-tooltip-label--disable-captions">Disable captions</span></media-tooltip><media-pip-button commandfor="pip-tooltip" class="media-button media-button--subtle media-button--icon media-button--pip"> ${u(`pip-enter`,{class:`media-icon media-icon--pip-enter`})} ${u(`pip-exit`,{class:`media-icon media-icon--pip-exit`})} </media-pip-button><media-tooltip id="pip-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-pip">Enter picture-in-picture</span><span class="media-tooltip-label media-tooltip-label--exit-pip">Exit picture-in-picture</span></media-tooltip><media-fullscreen-button commandfor="fullscreen-tooltip" class="media-button media-button--subtle media-button--icon media-button--fullscreen"> ${u(`fullscreen-enter`,{class:`media-icon media-icon--fullscreen-enter`})} ${u(`fullscreen-exit`,{class:`media-icon media-icon--fullscreen-exit`})} </media-fullscreen-button><media-tooltip id="fullscreen-tooltip" side="top" class="media-surface media-tooltip"><span class="media-tooltip-label media-tooltip-label--enter-fullscreen">Enter fullscreen</span><span class="media-tooltip-label media-tooltip-label--exit-fullscreen">Exit fullscreen</span></media-tooltip></div></media-tooltip-group></media-controls><div class="media-overlay"></div></media-container>`}l(class extends o(n){static{this.tagName=`video-skin`}static{this.styles=a(d)}static{this.getTemplateHTML=f}});
2
2
  //# sourceMappingURL=video.js.map
package/cdn/{volume-slider-CQ0Yq947.js → volume-slider-C7rEWi11.js} RENAMED
@@ -1,4 +1,4 @@
1
- import{A as e,C as t,D as n,E as r,F as i,G as a,H as o,I as s,J as c,K as l,L as u,N as d,O as f,P as ee,S as p,T as te,U as ne,V as m,W as h,_ as re,a as g,b as ie,c as _,d as v,f as ae,g as oe,h as se,i as ce,l as y,m as le,n as b,p as ue,q as x,r as S,s as C,u as w,v as de,w as fe,x as T,y as E}from"./create-player-CA3KLZMe.js";import{a as D,i as O,t as k}from"./safe-define-EEn8NTOG.js";function A(e,t){let n={...t};for(let t in e)c(e[t])||(n[t]=e[t]);return n}function j(e){let t=e.closest(`[dir]`)?.getAttribute(`dir`);return t?t.toLowerCase()===`rtl`:getComputedStyle(e).direction===`rtl`}var pe=`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}`,me=`media-tooltip-group{display:contents}:host{display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}`;const M=`__media-styles`;function he(){let e=globalThis.document;if(!e||e.getElementById(M))return;let t=e.createElement(`style`);t.id=M,t.textContent=pe,e.head.appendChild(t)}function ge(e){return globalThis.CSSStyleSheet!==void 0&&e instanceof globalThis.CSSStyleSheet}function _e(e){return typeof e==`string`?e:Array.from(e.cssRules).map(e=>e.cssText).join(`
1
+ import{A as e,C as t,D as n,E as r,F as i,G as a,H as o,I as s,J as c,K as l,L as u,N as d,O as f,P as ee,S as p,T as te,U as ne,V as m,W as h,_ as re,a as g,b as ie,c as _,d as v,f as ae,g as oe,h as se,i as ce,l as y,m as le,n as b,p as ue,q as x,r as S,s as C,u as w,v as de,w as fe,x as T,y as E}from"./create-player-i0Q36S9_.js";import{a as D,i as O,t as k}from"./safe-define-t0AGOouq.js";function A(e,t){let n={...t};for(let t in e)c(e[t])||(n[t]=e[t]);return n}function j(e){let t=e.closest(`[dir]`)?.getAttribute(`dir`);return t?t.toLowerCase()===`rtl`:getComputedStyle(e).direction===`rtl`}var pe=`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}`,me=`media-tooltip-group{display:contents}:host{display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}`;const M=`__media-styles`;function he(){let e=globalThis.document;if(!e||e.getElementById(M))return;let t=e.createElement(`style`);t.id=M,t.textContent=pe,e.head.appendChild(t)}function ge(e){return globalThis.CSSStyleSheet!==void 0&&e instanceof globalThis.CSSStyleSheet}function _e(e){return typeof e==`string`?e:Array.from(e.cssRules).map(e=>e.cssText).join(`
2
2
  `)}function ve(e,t){if(t.every(ge)&&`adoptedStyleSheets`in e){e.adoptedStyleSheets=t;return}let n=e.ownerDocument;for(let r of t.map(_e)){let t=n.createElement(`style`);t.textContent=r,e.appendChild(t)}}const ye=N(me);function be(e){class t extends e{static{this.shadowRootOptions={mode:`open`}}constructor(...e){if(super(...e),he(),!this.shadowRoot){let e=this.constructor;this.attachShadow(e.shadowRootOptions),e.getTemplateHTML&&(this.shadowRoot.innerHTML=e.getTemplateHTML());let t=[ye];e.styles&&t.push(e.styles),ve(this.shadowRoot,t)}}}return t}function N(e){if(globalThis.CSSStyleSheet===void 0)return e;let t=new globalThis.CSSStyleSheet;return t.replaceSync(e),t}k(ce);function P(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}var xe=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,...P(e.status)}}getAttrs(e){return{role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":e.titleId,"aria-describedby":e.descriptionId}}};const F={open:`data-open`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var Se=class e{static defaultProps={delay:500};state=a({visible:!1});#e={...e.defaultProps};#t=null;setProps(t){this.#e=A(t,e.defaultProps)}destroy(){this.#n()}update(e){let t=e.waiting&&!e.paused;t&&!this.state.current.visible&&!this.#t?this.#t=setTimeout(()=>{this.#t=null,this.state.patch({visible:!0})},this.#e.delay):t||(this.#n(),this.state.patch({visible:!1}))}#n(){this.#t!==null&&(clearTimeout(this.#t),this.#t=null)}};const Ce={visible:`data-visible`};var we=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(t)){let n=t(e);if(n)return n}else if(t)return t;return e.subtitlesShowing?`Disable captions`:`Enable captions`}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{subtitlesShowing:e.subtitlesShowing,availability:e.textTrackList.some(e=>e.kind===`captions`||e.kind===`subtitles`)?`available`:`unavailable`}}toggle(e){this.#e.disabled||e.toggleSubtitles()}};const Te={subtitlesShowing:`data-active`,availability:`data-availability`};var Ee=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const De={visible:`data-visible`,userActive:`data-user-active`};var Oe=class extends xe{setProps(){}},ke=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(t)){let n=t(e);if(n)return n}else if(t)return t;return e.fullscreen?`Exit fullscreen`:`Enter fullscreen`}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{fullscreen:e.fullscreen,availability:e.fullscreenAvailability}}async toggle(e){if(!this.#e.disabled&&e.fullscreenAvailability===`available`)try{e.fullscreen?await e.exitFullscreen():await e.requestFullscreen()}catch{}}};const Ae={fullscreen:`data-fullscreen`,availability:`data-availability`};var je=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(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{muted:e.muted||e.volume===0,volumeLevel:Me(e)}}toggle(e){this.#e.disabled||e.toggleMuted()}};function Me(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const Ne={muted:`data-muted`,volumeLevel:`data-volume-level`};var Pe=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(t)){let n=t(e);if(n)return n}else if(t)return t;return e.pip?`Exit picture-in-picture`:`Enter picture-in-picture`}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{pip:e.pip,availability:e.pipAvailability}}async toggle(e){if(!this.#e.disabled&&e.pipAvailability===`available`)try{e.pip?await e.exitPictureInPicture():await e.requestPictureInPicture()}catch{}}};const Fe={pip:`data-pip`,availability:`data-availability`};var Ie=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(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{paused:e.paused,ended:e.ended,started:e.started}}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const Le={paused:`data-paused`,ended:`data-ended`,started:`data-started`};var Re=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(t)){let n=t(e);if(n)return n}else if(t)return t;return`Playback rate ${e.rate}`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{rate:this.#t.playbackRate}}cycle(e){if(this.#e.disabled)return;let{playbackRates:t,playbackRate:n}=e;if(t.length===0)return;let r=t.indexOf(n),i=r===-1?t.find(e=>e>n)??t[0]:t[(r+1)%t.length];e.setPlaybackRate(i)}};const ze={rate:`data-rate`};var I=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=A(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,...P(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 Be={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var Ve=class{#e=null;setMedia(e){this.#e=e}getState(){return{visible:!this.#e.started}}};const He={visible:`data-visible`};var Ue=class e{static defaultProps={seconds:30,label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(l(t)){let n=t(e);if(n)return n}else if(t)return t;let n=Math.abs(this.#e.seconds);return e.direction===`backward`?`Seek backward ${n} seconds`:`Seek forward ${n} seconds`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{seeking:this.#t.seeking,direction:this.#e.seconds<0?`backward`:`forward`}}async seek(e){this.#e.disabled||await e.seek(e.currentTime+this.#e.seconds)}};const We={seeking:`data-seeking`,direction:`data-direction`};var L=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=A(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(l(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 ie(E(t+e/100*(n-t),t,n),r,t)}rawValueFromPercent(e){let{min:t,max:n}=this.#e;return E(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 Ge={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`},Ke={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function qe(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&&x(n)&&!Number.isNaN(n)&&(l[t]=n)}let u={url:a};return x(l.w)&&(u.width=l.w),x(l.h)&&(u.height=l.h),x(l.x)&&x(l.y)&&(u.coords={x:l.x,y:l.y}),u}function Je(e,t){let n=[];for(let r of e){let e=qe(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 R=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}];function z(e){return x(e)&&Number.isFinite(e)}function B(e,t){return`${e} ${e===1?R[t]?.singular:R[t]?.plural}`}function V(e,t){if(!z(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}:`:``,ee=`${d&&a<10?`0`:``}${a}:`,p=o<10?`0${o}`:`${o}`;return`${n?`-`:``}${f}${ee}${p}`}function H(e){if(!z(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?`${B(0,2)}${t?` remaining`:``}`:`${[r,i,a].map((e,t)=>e>0?B(e,t):null).filter(Boolean).join(`, `)}${t?` remaining`:``}`}function Ye(e){if(!z(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 Xe={current:`Current time`,duration:`Duration`,remaining:`Remaining`};var U=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=A(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 V(Math.abs(t),e.duration)}#i(){let{type:e}=this.#e,t=this.#n();return H(e===`remaining`?t<0?t:-Math.abs(t):t)}#a(){let e=this.#n();return Ye(Math.abs(e))}getLabel(e){let{label:t}=this.#e;if(l(t)){let n=t(e);if(n)return n}else if(t)return t;return Xe[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 Ze={type:`data-type`};var W=class e extends L{static defaultProps={...L.defaultProps,label:`Seek`,commitThrottle:100};#e={...e.defaultProps};#t=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){this.#e=A(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,{dragging:i,dragPercent:a}=this.input;super.setProps({...this.#e,min:0,max:e});let o=i?E(a/100*e,0,e):t,s=super.getSliderState(o),c=r.length>0?r[r.length-1][1]:0,l=e>0?c/e*100:0;return{...s,currentTime:t,duration:e,seeking:n,bufferPercent:l}}getLabel(e){return super.getLabel(e)||`Seek`}getAttrs(e){let t=super.getAttrs(e),n=H(e.value),r=H(e.duration),i=r?`${n} of ${r}`:n;return{...t,"aria-valuetext":i}}};const G={...Ge,seeking:`data-seeking`};var K=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=A(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,...P(e.status)}}getTriggerAttrs(e,t){return{"aria-describedby":e.open?t:void 0}}getPopupAttrs(e){return{popover:`manual`,role:`tooltip`}}};const q={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},Qe={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var J=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=A(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()}},Y=class e extends L{static defaultProps={...L.defaultProps,label:`Volume`};#e=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(A(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}}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 $e={...Ge,availability:`data-availability`};var X=class extends g{constructor(...e){super(...e),this.disabled=!1,this.label=``}static{this.properties={label:{type:String},disabled:{type:Boolean}}}#e=null;connectedCallback(){super.connectedCallback(),this.#e=new AbortController;let e=r({onActivate:()=>this.activate(this.mediaState.value),isDisabled:()=>this.disabled||!this.mediaState.value});w(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}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();w(this,this.core.getAttrs?.(n)??{}),y(this,n,this.stateAttrMap)}};const Z=D(Symbol(`@videojs/alert-dialog`));var et=class extends g{constructor(...e){super(...e),this.disabled=!1}static{this.tagName=`media-alert-dialog-close`}static{this.properties={disabled:{type:Boolean}}}#e=new _(this,{context:Z,subscribe:!0});#t=null;connectedCallback(){super.connectedCallback(),this.#t=new AbortController;let e=r({onActivate:()=>this.#e.value?.close(),isDisabled:()=>this.disabled});w(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&&y(this,t.state,t.stateAttrMap)}},Q=class extends g{update(e){super.update(e);let t=this.consumer.value;t&&y(this,t.state,t.stateAttrMap)}},tt=class extends Q{constructor(...e){super(...e),this.consumer=new _(this,{context:Z,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)}},nt=class extends Q{constructor(...e){super(...e),this.consumer=new _(this,{context:Z,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)}};let rt=0;k(class extends g{static{this.tagName=`media-error-dialog`}#e=new Oe;#t=new C(this,{context:Z});#n=`vjs-error-dialog-title-${rt++}`;#r=`vjs-error-dialog-desc-${rt++}`;#i=new b(this,O,e);#a=null;#o=null;#s=null;constructor(){super(),this.#e.setTitleId(this.#n),this.#e.setDescriptionId(this.#r)}connectedCallback(){super.connectedCallback(),this.#a=n({transition:v(),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;t?.error&&(this.#s=t.error.message?.trim()||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();w(this,this.#e.getAttrs(n)),y(this,n,F),this.#t.setValue({state:n,stateAttrMap:F,close:()=>this.#a?.close()})}}),k(et),k(tt),k(nt),k(class extends X{constructor(...e){super(...e),this.core=new je,this.stateAttrMap=Ne,this.mediaState=new b(this,O,u)}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}}),k(class extends X{constructor(...e){super(...e),this.core=new Ie,this.stateAttrMap=Le,this.mediaState=new b(this,O,d)}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}}),k(class extends X{constructor(...e){super(...e),this.core=new Re,this.stateAttrMap=ze,this.mediaState=new b(this,O,ee)}static{this.tagName=`media-playback-rate-button`}activate(e){this.core.cycle(e)}}),k(class extends g{constructor(...e){super(...e),this.open=I.defaultProps.open,this.defaultOpen=I.defaultProps.defaultOpen,this.side=I.defaultProps.side,this.align=I.defaultProps.align,this.modal=I.defaultProps.modal,this.closeOnEscape=I.defaultProps.closeOnEscape,this.closeOnOutsideClick=I.defaultProps.closeOnOutsideClick,this.openOnHover=I.defaultProps.openOnHover,this.delay=I.defaultProps.delay,this.closeDelay=I.defaultProps.closeDelay}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`}}}#e=new I;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=0;#c=null;#l=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#r=new AbortController,this.#t=te({transition:v(),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}),this.#t.setPopupElement(this),w(this,this.#t.popupProps,{signal:this.#r.signal}),this.#n?this.#n.track(this.#t.input):this.#n=new S(this,this.#t.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#t?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#m(),this.#r?.abort(),this.#r=null}destroyCallback(){this.#m(),this.#f(),this.#t?.destroy(),super.destroyCallback()}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#t&&e.has(`open`)){let{active:e}=this.#t.input.current;this.open!==e&&(this.open?this.#t.open():this.#t.close())}}update(e){if(super.update(e),!this.#t)return;let n=this.#u();this.#d(n);let r=this.#t.input.current;this.#e.setInput(r);let i=this.#e.getState();if(w(this,this.#e.getPopupAttrs(i)),y(this,i,Be),i.open?ne(this):o(this),this.#a&&(w(this.#a,this.#e.getTriggerAttrs(i,this.id)),m(this.#a,T(this.id))),!i.open){this.#m();return}let a={side:i.side,align:i.align};if(h())m(this,p(this.id,a));else{let e=this.#a?.getBoundingClientRect(),n=t(this),r=document.documentElement.getBoundingClientRect(),i=fe(this);m(this,p(this.id,a,e,n,r,i))}this.#p()}#u(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#d(e){e!==this.#a&&(this.#m(),this.#f(),this.#a=e,this.#t?.setTriggerElement(e),e&&this.#t&&(this.#i=new AbortController,w(e,this.#t.triggerProps,{signal:this.#i.signal})))}#f(){this.#a&&(w(this.#a,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#a.style.removeProperty(`anchor-name`)),this.#i?.abort(),this.#i=null,this.#a=null}#p(){if(h())return;let e=this.#a;if(!e||this.#o&&this.#l===e)return;this.#m(),this.#o=new AbortController,this.#l=e;let{signal:t}=this.#o,n=()=>{cancelAnimationFrame(this.#s),this.#s=requestAnimationFrame(()=>{t.aborted||this.requestUpdate()})};window.addEventListener(`scroll`,n,{capture:!0,passive:!0,signal:t}),window.addEventListener(`resize`,n,{signal:t}),typeof ResizeObserver==`function`&&(this.#c=new ResizeObserver(()=>{n()}),this.#c.observe(e),this.#c.observe(this)),n()}#m(){this.#o?.abort(),this.#o=null,this.#l=null,cancelAnimationFrame(this.#s),this.#s=0,this.#c?.disconnect(),this.#c=null}}),k(class extends X{constructor(...e){super(...e),this.seconds=Ue.defaultProps.seconds,this.core=new Ue,this.stateAttrMap=We,this.mediaState=new b(this,O,s)}static{this.tagName=`media-seek-button`}static{this.properties={...X.properties,seconds:{type:Number}}}activate(e){this.core.seek(e)}});var it=class extends g{static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String}}}#e=new U;#t=new b(this,O,s);#n=document.createElement(`span`);#r=document.createTextNode(``);constructor(){super(),this.type=U.defaultProps.type,this.negativeSign=U.defaultProps.negativeSign,this.label=U.defaultProps.label,this.#n.setAttribute(`aria-hidden`,`true`),this.#n.hidden=!0,this.appendChild(this.#n),this.appendChild(this.#r)}connectedCallback(){super.connectedCallback()}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,w(this,this.#e.getAttrs(n)),y(this,n,Ze)}},at=class extends g{static{this.tagName=`media-time-group`}},ot=class extends g{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}};k(it),k(at),k(ot);const $=D(Symbol(`@videojs/slider`));var st=class extends Q{constructor(...e){super(...e),this.consumer=new _(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},ct=class extends Q{constructor(...e){super(...e),this.consumer=new _(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-fill`}},lt=class extends g{constructor(...e){super(...e),this.overflow=`clamp`}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e=new _(this,{context:$,subscribe:!0});#t=null;#n=0;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(){m(this,oe(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&y(this,t.state,t.stateAttrMap),this.#r()}},ut=class extends g{static{this.tagName=`media-slider-thumb`}#e=new _(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&&(w(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),w(this,t.thumbAttrs),y(this,t.state,t.stateAttrMap))}},dt=class extends g{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=new le;#t=document.createElement(`img`);#n=new b(this,O,i);#r=[];#i;#a;#o=null;constructor(){super(),this.time=0;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=`:host {
3
3
  display: inline-block;
4
4
  overflow: hidden;
@@ -6,4 +6,4 @@ import{A as e,C as t,D as n,E as r,F as i,G as a,H as o,I as s,J as c,K as l,L a
6
6
  img {
7
7
  display: block;
8
8
  }`,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=ue({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?Je(e.thumbnailCues,e.thumbnailTrackSrc??void 0):[])}let t=this.#e.findActiveThumbnail(this.#r,this.time);if(w(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);w(this,this.#e.getAttrs(e)),y(this,e,Ke);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(w(this,this.#e.getAttrs(r)),y(this,r,Ke),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=``}},ft=class extends dt{static{this.tagName=`media-slider-thumbnail`}#e=new _(this,{context:$,subscribe:!0});update(e){let t=this.#e.value;t&&(this.time=t.pointerValue),super.update(e)}},pt=class extends Q{constructor(...e){super(...e),this.consumer=new _(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-track`}},mt=class extends g{constructor(...e){super(...e),this.type=`current`}static{this.tagName=`media-slider-value`}static{this.properties={type:{type:String}}}#e=new _(this,{context:$,subscribe:!0});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)),y(this,t.state,t.stateAttrMap)}};k(class extends g{constructor(...e){super(...e),this.label=W.defaultProps.label,this.commitThrottle=W.defaultProps.commitThrottle,this.step=W.defaultProps.step,this.largeStep=W.defaultProps.largeStep,this.orientation=W.defaultProps.orientation,this.disabled=W.defaultProps.disabled,this.thumbAlignment=W.defaultProps.thumbAlignment}static{this.tagName=`media-time-slider`}static{this.properties={label:{type:String},commitThrottle:{type:Number,attribute:`commit-throttle`},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e=new W;#t=new C(this,{context:$});#n=new b(this,O,s);#r=new b(this,O,f);#i=null;#a=null;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#a=new AbortController;let e=this.#a.signal;this.#i=de({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>j(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))},commitThrottle:this.commitThrottle,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()}),w(this,this.#i.rootProps,{signal:e}),m(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=re(this.#i.adjustForAlignment(i));m(this,a),y(this,i,G),this.#t.setValue({state:i,stateAttrMap:G,pointerValue:this.#e.valueFromPercent(i.pointerPercent),thumbAttrs:this.#e.getAttrs(i),thumbProps:this.#i.thumbProps,formatValue:e=>V(e,i.duration)})}}),k(st),k(ct),k(lt),k(ut),k(ft),k(pt),k(mt);const ht=D(Symbol(`@videojs/tooltip-group`));k(class extends g{constructor(...e){super(...e),this.open=K.defaultProps.open,this.defaultOpen=K.defaultProps.defaultOpen,this.side=K.defaultProps.side,this.align=K.defaultProps.align,this.delay=K.defaultProps.delay,this.closeDelay=K.defaultProps.closeDelay,this.disableHoverablePopup=K.defaultProps.disableHoverablePopup,this.disabled=K.defaultProps.disabled}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}}}#e=new K;#t=new _(this,{context:ht});#n=null;#r=null;#i=null;#a=null;#o=null;#s=null;#c=0;#l=null;#u=null;connectedCallback(){super.connectedCallback(),this.#i=new AbortController,this.#n=ae({transition:v(),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.#n.setPopupElement(this),w(this,this.#n.popupProps,{signal:this.#i.signal}),this.#r?this.#r.track(this.#n.input):this.#r=new S(this,this.#n.input)}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#n?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#h(),this.#p(),this.#n?.destroy(),this.#n=null,this.#i?.abort(),this.#i=null}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#n&&e.has(`open`)){let{active:e}=this.#n.input.current;this.open!==e&&(this.open?this.#n.open():this.#n.close())}}update(e){if(super.update(e),!this.#n)return;let n=this.#d();this.#f(n);let r=this.#n.input.current;this.#e.setInput(r);let i=this.#e.getState();if(w(this,this.#e.getPopupAttrs(i)),y(this,i,Qe),i.open?ne(this):o(this),this.#o&&(w(this.#o,this.#e.getTriggerAttrs(i,this.id)),m(this.#o,T(this.id))),!i.open){this.#h();return}let a={side:i.side,align:i.align};if(h())m(this,p(this.id,a,void 0,void 0,void 0,void 0,q));else{let e=this.#o?.getBoundingClientRect(),n=t(this),r=document.documentElement.getBoundingClientRect(),i=fe(this,q);m(this,p(this.id,a,e,n,r,i,q))}this.#m()}#d(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#f(e){e!==this.#o&&(this.#h(),this.#p(),this.#o=e,this.#n?.setTriggerElement(e),e&&this.#n&&(this.#a=new AbortController,w(e,this.#n.triggerProps,{signal:this.#a.signal})))}#p(){this.#o&&(w(this.#o,{"aria-describedby":void 0}),this.#o.style.removeProperty(`anchor-name`)),this.#a?.abort(),this.#a=null,this.#o=null}#m(){if(h())return;let e=this.#o;if(!e||this.#s&&this.#u===e)return;this.#h(),this.#s=new AbortController,this.#u=e;let{signal:t}=this.#s,n=()=>{cancelAnimationFrame(this.#c),this.#c=requestAnimationFrame(()=>{t.aborted||this.requestUpdate()})};window.addEventListener(`scroll`,n,{capture:!0,passive:!0,signal:t}),window.addEventListener(`resize`,n,{signal:t}),typeof ResizeObserver==`function`&&(this.#l=new ResizeObserver(()=>{n()}),this.#l.observe(e),this.#l.observe(this)),n()}#h(){this.#s?.abort(),this.#s=null,this.#u=null,cancelAnimationFrame(this.#c),this.#c=0,this.#l?.disconnect(),this.#l=null}}),k(class extends g{constructor(...e){super(...e),this.delay=J.defaultProps.delay,this.closeDelay=J.defaultProps.closeDelay,this.timeout=J.defaultProps.timeout}static{this.tagName=`media-tooltip-group`}static{this.properties={delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},timeout:{type:Number}}}#e=new J;#t=new C(this,{context:ht,initialValue:this.#e});update(e){super.update(e),this.#e.setProps(this),this.#t.setValue(this.#e)}}),k(class extends g{constructor(...e){super(...e),this.label=Y.defaultProps.label,this.step=Y.defaultProps.step,this.largeStep=Y.defaultProps.largeStep,this.orientation=Y.defaultProps.orientation,this.disabled=Y.defaultProps.disabled,this.thumbAlignment=Y.defaultProps.thumbAlignment}static{this.tagName=`media-volume-slider`}static{this.properties={label:{type:String},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e=new Y;#t=new C(this,{context:$});#n=new b(this,O,u);#r=null;#i=null;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#i=new AbortController;let e=this.#i.signal;this.#r=de({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>j(this),isDisabled:()=>this.disabled||!this.#n.value,getPercent:()=>{let e=this.#n.value;return e?e.volume*100:0},getStepPercent:()=>this.#e.getStepPercent(),getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueChange:e=>{this.#a(e)},onValueCommit:e=>{this.#a(e)},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()}),w(this,this.#r.rootProps,{signal:e}),m(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=se(this.#r.adjustForAlignment(n));m(this,r),y(this,n,$e),this.#t.setValue({state:n,stateAttrMap:$e,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)}}),k(ct),k(lt),k(ut),k(pt),k(mt);export{Fe as a,ke as c,Te as d,we as f,N as g,be as h,Ve as i,De as l,Se as m,X as n,Pe as o,Ce as p,He as r,Ae as s,Q as t,Ee as u};
9
- //# sourceMappingURL=volume-slider-CQ0Yq947.js.map
9
+ //# sourceMappingURL=volume-slider-C7rEWi11.js.map