@instructure/studio-player 0.1.4 → 0.1.5

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 (3) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/studio-player.es.js +111 -111
  3. package/package.json +13 -14
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- ._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._root_zdwuq_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 500px) and (height <= 300px){._root_zdwuq_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_zdwuq_1{background-color:#000}._left-controls_zdwuq_27{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_zdwuq_33{display:flex;gap:.25rem;grid-area:right-controls}._indicators_zdwuq_39{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_zdwuq_39{font-size:1rem}}@container player (width >= 500px) and (height <= 300px){div._normal-timeline_zdwuq_48{display:none}}div._compact-timeline_zdwuq_54{display:none}@container player (width >= 500px) and (height <= 300px){div._compact-timeline_zdwuq_54{display:flex}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_rqjaq_1,._menu-options_rqjaq_6{display:flex;flex-direction:column}._menu-heading_rqjaq_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_rqjaq_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_rqjaq_33{display:block}._menu-item_rqjaq_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:1rem;line-height:1.5;font-family:inherit}._menu-item_rqjaq_33:hover,._menu-item_rqjaq_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_rqjaq_33[aria-checked=true] ._check-icon_rqjaq_27{visibility:visible}._menu-back-button_rqjaq_65{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-back-button_rqjaq_65:hover,._menu-back-button_rqjaq_65:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._switch-track_8rjat_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_8rjat_11{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_8rjat_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_8rjat_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_8rjat_31[aria-checked=true] ._switch-track_8rjat_1{background-color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-icon_8rjat_25{color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-thumb_8rjat_11{transform:translate(1rem,.125rem)}._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible) ._switch-track_8rjat_1{background-color:#e8e8e8}._switch-label_8rjat_68{flex-grow:1}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_v4lbu_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_v4lbu_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}._keyboard-shortcuts-overlay_uwwbr_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center}._keyboard-shortcuts-overlay_uwwbr_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_uwwbr_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_uwwbr_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_uwwbr_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_uwwbr_67:focus-visible{opacity:1}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_uwwbr_67{display:none}._close-button_uwwbr_91{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}@media (max-width: 425px){button._play-pause-button_1owe7_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_xbovu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px){._small-layout-overlay_xbovu_1{visibility:visible}}._small-layout-button_xbovu_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_xbovu_24,._small-layout-icon-pause_xbovu_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_xbovu_36{display:none}[data-fullscreen] ._full-screen-close-icon_xbovu_36{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer}[data-fullscreen][data-playing] ._full-screen-close-icon_xbovu_36,[data-media-player][data-playing] ._small-layout-button_xbovu_14{animation:_fade-out_xbovu_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_xbovu_24,[data-media-player][data-paused] ._small-layout-icon-pause_xbovu_30{display:none}@keyframes _fade-out_xbovu_1{0%{opacity:1}to{opacity:0}}._time-indicator_1wsym_1{display:flex;color:#556572}[data-fullscreen] ._time-indicator_1wsym_1{color:#fff}._timeline-wrapper_j9z56_1{display:flex;align-items:center;padding:0 var(--spacing-1);grid-area:slider}._track_j9z56_8{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_j9z56_19{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_j9z56_33{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_j9z56_33[data-active] ._track_j9z56_8{border-radius:var(--radius-2);height:.625rem}._root_j9z56_33[data-focus] ._track_j9z56_8{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_j9z56_33[data-active] ._thumb_j9z56_19{opacity:1}._track-inner_j9z56_63{position:absolute;will-change:width;height:100%}._progress_j9z56_69{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_j9z56_75{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_j9z56_33) ._track_j9z56_8{background-color:#333}:is([data-fullscreen] ._root_j9z56_33) ._progress_j9z56_69{background-color:#666}._wrapper_ulntk_1{display:flex;align-items:center}._track_ulntk_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_ulntk_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_ulntk_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}[data-fullscreen] ._track_ulntk_6{background-color:#666}[data-fullscreen] ._track-fill_ulntk_32,[data-fullscreen] ._thumb_ulntk_18{background-color:#f5f5f5}._root_ulntk_50{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_ulntk_50{display:none}}._root_ulntk_50[data-active] ._track_ulntk_6{border-radius:.125rem;height:.3125rem}._root_ulntk_50[data-focus]{outline:none}._root_ulntk_50[data-focus] ._track_ulntk_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_ulntk_50[data-active] ._thumb_ulntk_18{opacity:1}._wrapper_ulntk_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}[data-fullscreen] .controls-button-icon{color:#fff}[data-fullscreen] .controls-button[data-hover],[data-fullscreen] .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}
1
+ ._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._root_zdwuq_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 500px) and (height <= 300px){._root_zdwuq_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_zdwuq_1{background-color:#000}._left-controls_zdwuq_27{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_zdwuq_33{display:flex;gap:.25rem;grid-area:right-controls}._indicators_zdwuq_39{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_zdwuq_39{font-size:1rem}}@container player (width >= 500px) and (height <= 300px){div._normal-timeline_zdwuq_48{display:none}}div._compact-timeline_zdwuq_54{display:none}@container player (width >= 500px) and (height <= 300px){div._compact-timeline_zdwuq_54{display:flex}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_rqjaq_1,._menu-options_rqjaq_6{display:flex;flex-direction:column}._menu-heading_rqjaq_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_rqjaq_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_rqjaq_33{display:block}._menu-item_rqjaq_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:1rem;line-height:1.5;font-family:inherit}._menu-item_rqjaq_33:hover,._menu-item_rqjaq_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_rqjaq_33[aria-checked=true] ._check-icon_rqjaq_27{visibility:visible}._menu-back-button_rqjaq_65{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-back-button_rqjaq_65:hover,._menu-back-button_rqjaq_65:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._switch-track_8rjat_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_8rjat_11{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_8rjat_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_8rjat_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_8rjat_31[aria-checked=true] ._switch-track_8rjat_1{background-color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-icon_8rjat_25{color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-thumb_8rjat_11{transform:translate(1rem,.125rem)}._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible) ._switch-track_8rjat_1{background-color:#e8e8e8}._switch-label_8rjat_68{flex-grow:1}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_v4lbu_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_v4lbu_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}._keyboard-shortcuts-overlay_uwwbr_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center}._keyboard-shortcuts-overlay_uwwbr_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_uwwbr_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_uwwbr_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_uwwbr_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_uwwbr_67:focus-visible{opacity:1}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_uwwbr_67{display:none}._close-button_uwwbr_91{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}@media (max-width: 425px) and (hover: none){button._play-pause-button_kyuc5_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_38qhb_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px) and (hover: none){._small-layout-overlay_38qhb_1{visibility:visible}}._small-layout-button_38qhb_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_38qhb_24,._small-layout-icon-pause_38qhb_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_38qhb_36{display:none}[data-fullscreen] ._full-screen-close-icon_38qhb_36{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer}[data-fullscreen][data-playing] ._full-screen-close-icon_38qhb_36,[data-media-player][data-playing] ._small-layout-button_38qhb_14{animation:_fade-out_38qhb_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_38qhb_24,[data-media-player][data-paused] ._small-layout-icon-pause_38qhb_30{display:none}@keyframes _fade-out_38qhb_1{0%{opacity:1}to{opacity:0}}._time-indicator_1wsym_1{display:flex;color:#556572}[data-fullscreen] ._time-indicator_1wsym_1{color:#fff}._timeline-wrapper_j9z56_1{display:flex;align-items:center;padding:0 var(--spacing-1);grid-area:slider}._track_j9z56_8{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_j9z56_19{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_j9z56_33{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_j9z56_33[data-active] ._track_j9z56_8{border-radius:var(--radius-2);height:.625rem}._root_j9z56_33[data-focus] ._track_j9z56_8{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_j9z56_33[data-active] ._thumb_j9z56_19{opacity:1}._track-inner_j9z56_63{position:absolute;will-change:width;height:100%}._progress_j9z56_69{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_j9z56_75{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_j9z56_33) ._track_j9z56_8{background-color:#333}:is([data-fullscreen] ._root_j9z56_33) ._progress_j9z56_69{background-color:#666}._wrapper_d2nt6_1{display:flex;align-items:center}._track_d2nt6_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_d2nt6_16{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_d2nt6_30{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}[data-fullscreen] ._track_d2nt6_6{background-color:#666}[data-fullscreen] ._track-fill_d2nt6_30,[data-fullscreen] ._thumb_d2nt6_16{background-color:#f5f5f5}._root_d2nt6_48{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_d2nt6_48{display:none}}._root_d2nt6_48[data-active] ._track_d2nt6_6{border-radius:.125rem;height:.3125rem}._root_d2nt6_48[data-focus]{outline:none}._root_d2nt6_48[data-focus] ._track_d2nt6_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_d2nt6_48[data-active] ._thumb_d2nt6_16{opacity:1}._wrapper_d2nt6_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}[data-fullscreen] .controls-button-icon{color:#fff}[data-fullscreen] .controls-button[data-hover],[data-fullscreen] .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}
package/dist/studio-player.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as a, Fragment as Q } from "react/jsx-runtime";
2
- import { Spinner as j, useMediaState as m, isTrackCaptionKind as de, useMediaRemote as O, Track as he, Captions as me, usePlaybackRateOptions as _e, useCaptionOptions as pe, useVideoQualityOptions as be, useMediaStore as W, FullscreenButton as J, useMediaPlayer as fe, PlayButton as ge, Poster as ke, Time as A, TimeSlider as B, MuteButton as we, VolumeSlider as S, MediaPlayer as Ce, MediaProvider as ve } from "@vidstack/react";
3
- import { createContext as X, useContext as i, useCallback as d, useEffect as G, useState as v, useMemo as Y, useRef as ye } from "react";
4
- import { useFloating as Le, autoUpdate as Me, flip as Ne, arrow as xe, useDismiss as Ie, useInteractions as Be, FloatingFocusManager as He, FloatingArrow as Ve } from "@floating-ui/react";
2
+ import { Spinner as Z, useMediaState as m, isTrackCaptionKind as ue, useMediaRemote as $, Track as he, Captions as me, usePlaybackRateOptions as _e, useCaptionOptions as pe, useVideoQualityOptions as be, useMediaStore as W, FullscreenButton as J, useMediaPlayer as fe, PlayButton as ge, Poster as ke, Time as A, TimeSlider as B, MuteButton as we, VolumeSlider as S, MediaPlayer as Ce, MediaProvider as ve } from "@vidstack/react";
3
+ import { createContext as X, useContext as i, useCallback as u, useEffect as G, useState as v, useMemo as Y, useRef as ye } from "react";
4
+ import { useFloating as Le, autoUpdate as Me, flip as Ne, arrow as Ie, useDismiss as xe, useInteractions as Be, FloatingFocusManager as He, FloatingArrow as Ve } from "@floating-ui/react";
5
5
  import './index.css';const Te = "_media-buffering-indicator_1fwjr_1", Pe = "_media-buffering-spinner_1fwjr_17", Se = "_media-buffering-spin_1fwjr_17", Re = "_media-buffering-track_1fwjr_22", Fe = "_media-buffering-track-fill_1fwjr_27", R = {
6
6
  "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
7
7
  mediaBufferingIndicator: Te,
@@ -14,11 +14,11 @@ import './index.css';const Te = "_media-buffering-indicator_1fwjr_1", Pe = "_med
14
14
  "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
15
15
  mediaBufferingTrackFill: Fe
16
16
  };
17
- function Ze() {
18
- return /* @__PURE__ */ e("div", { className: R.mediaBufferingIndicator, children: /* @__PURE__ */ a(j.Root, { className: R.mediaBufferingSpinner, size: 96, children: [
19
- /* @__PURE__ */ e(j.Track, { className: R.mediaBufferingTrack, width: 8 }),
17
+ function qe() {
18
+ return /* @__PURE__ */ e("div", { className: R.mediaBufferingIndicator, children: /* @__PURE__ */ a(Z.Root, { className: R.mediaBufferingSpinner, size: 96, children: [
19
+ /* @__PURE__ */ e(Z.Track, { className: R.mediaBufferingTrack, width: 8 }),
20
20
  /* @__PURE__ */ e(
21
- j.TrackFill,
21
+ Z.TrackFill,
22
22
  {
23
23
  className: R.mediaBufferingTrackFill,
24
24
  width: 8
@@ -33,10 +33,10 @@ const p = X(null), ee = (t) => /* @__PURE__ */ a("svg", { width: 24, height: 24,
33
33
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ e("rect", { width: 24, height: 24, fill: "white" }) }) }),
34
34
  /* @__PURE__ */ e("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ e("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
35
35
  ] });
36
- function je() {
37
- const t = m("hasCaptions"), n = m("textTrack"), o = n && de(n), c = O(), s = i(p), r = d(
38
- (u) => {
39
- c.toggleCaptions(u.nativeEvent);
36
+ function Ze() {
37
+ const t = m("hasCaptions"), n = m("textTrack"), o = n && ue(n), c = $(), s = i(p), r = u(
38
+ (d) => {
39
+ c.toggleCaptions(d.nativeEvent);
40
40
  },
41
41
  [c]
42
42
  );
@@ -52,10 +52,10 @@ function je() {
52
52
  }
53
53
  ) : null;
54
54
  }
55
- const $e = "_captions_13epz_1", Oe = {
56
- captions: $e
55
+ const je = "_captions_13epz_1", $e = {
56
+ captions: je
57
57
  };
58
- function qe({ captions: t }) {
58
+ function Oe({ captions: t }) {
59
59
  const n = m("hasCaptions"), o = i(p);
60
60
  return /* @__PURE__ */ a(Q, { children: [
61
61
  t.map((c) => /* @__PURE__ */ e(
@@ -79,7 +79,7 @@ function qe({ captions: t }) {
79
79
  "--captions-color": o != null && o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
80
80
  "--captions-background-color": o != null && o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
81
81
  },
82
- children: /* @__PURE__ */ e(me, { className: Oe.captions })
82
+ children: /* @__PURE__ */ e(me, { className: $e.captions })
83
83
  }
84
84
  ) : null
85
85
  ] });
@@ -101,13 +101,13 @@ function Qe() {
101
101
  /* @__PURE__ */ e(E, { className: M.normalTimeline }),
102
102
  /* @__PURE__ */ a("div", { className: M.leftControls, children: [
103
103
  /* @__PURE__ */ e(hn, {}),
104
- /* @__PURE__ */ e(On, {})
104
+ /* @__PURE__ */ e($n, {})
105
105
  ] }),
106
106
  /* @__PURE__ */ e("div", { className: M.indicators, children: /* @__PURE__ */ e(Mn, {}) }),
107
107
  /* @__PURE__ */ e(E, { className: M.compactTimeline }),
108
108
  /* @__PURE__ */ a("div", { className: M.rightControls, children: [
109
- /* @__PURE__ */ e(je, {}),
110
- /* @__PURE__ */ e(Zt, {}),
109
+ /* @__PURE__ */ e(Ze, {}),
110
+ /* @__PURE__ */ e(qt, {}),
111
111
  /* @__PURE__ */ e(Yt, {})
112
112
  ] })
113
113
  ] });
@@ -132,7 +132,7 @@ function T({ label: t, hint: n, onClick: o, Icon: c }) {
132
132
  }
133
133
  const tt = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
134
134
  function nt() {
135
- const t = i(b), n = m("playbackRate"), o = d(() => {
135
+ const t = i(b), n = m("playbackRate"), o = u(() => {
136
136
  t && t.setPage("speed");
137
137
  }, [t]);
138
138
  return t ? /* @__PURE__ */ e(
@@ -146,7 +146,7 @@ function nt() {
146
146
  ) : null;
147
147
  }
148
148
  function ot() {
149
- const t = i(b), n = m("hasCaptions"), o = m("textTrack"), c = d(() => {
149
+ const t = i(b), n = m("hasCaptions"), o = m("textTrack"), c = u(() => {
150
150
  t && t.setPage("captions");
151
151
  }, [t]);
152
152
  return t && n ? /* @__PURE__ */ e(
@@ -168,7 +168,7 @@ const at = (t) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0
168
168
  ] })
169
169
  ] });
170
170
  function ct() {
171
- const t = i(b), n = m("autoQuality"), o = m("quality"), c = d(() => {
171
+ const t = i(b), n = m("autoQuality"), o = m("quality"), c = u(() => {
172
172
  t && t.setPage("quality");
173
173
  }, [t]);
174
174
  return t && o ? /* @__PURE__ */ e(
@@ -203,17 +203,17 @@ function it() {
203
203
  /* @__PURE__ */ e(ct, {})
204
204
  ] });
205
205
  }
206
- const Z = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), P = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), x = [0.5, 0.75, 1, 1.25, 1.5, 2], rt = [
206
+ const q = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), P = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), I = [0.5, 0.75, 1, 1.25, 1.5, 2], rt = [
207
207
  { label: "50%", value: 0.5 },
208
208
  { label: "100%", value: 1 },
209
209
  { label: "200%", value: 2 },
210
210
  { label: "300%", value: 3 },
211
211
  { label: "400%", value: 4 }
212
- ], ut = "_menu-container_rqjaq_1", dt = "_menu-options_rqjaq_6", ht = "_menu-heading_rqjaq_11", mt = "_check-icon_rqjaq_27", _t = "_menu-item-label_rqjaq_33", pt = "_menu-item_rqjaq_33", bt = "_menu-back-button_rqjaq_65", l = {
212
+ ], dt = "_menu-container_rqjaq_1", ut = "_menu-options_rqjaq_6", ht = "_menu-heading_rqjaq_11", mt = "_check-icon_rqjaq_27", _t = "_menu-item-label_rqjaq_33", pt = "_menu-item_rqjaq_33", bt = "_menu-back-button_rqjaq_65", l = {
213
213
  "menu-container": "_menu-container_rqjaq_1",
214
- menuContainer: ut,
214
+ menuContainer: dt,
215
215
  "menu-options": "_menu-options_rqjaq_6",
216
- menuOptions: dt,
216
+ menuOptions: ut,
217
217
  "menu-heading": "_menu-heading_rqjaq_11",
218
218
  menuHeading: ht,
219
219
  "check-icon": "_check-icon_rqjaq_27",
@@ -227,7 +227,7 @@ const Z = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0
227
227
  };
228
228
  function ft() {
229
229
  const t = i(b), n = _e({
230
- rates: x,
230
+ rates: I,
231
231
  normalLabel: "1x"
232
232
  });
233
233
  return y(t == null ? void 0 : t.backToMain), t ? /* @__PURE__ */ a("div", { className: l.menuContainer, children: [
@@ -255,7 +255,7 @@ function ft() {
255
255
  },
256
256
  className: l.menuItem,
257
257
  children: [
258
- /* @__PURE__ */ e(Z, { className: l.checkIcon }),
258
+ /* @__PURE__ */ e(q, { className: l.checkIcon }),
259
259
  /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: c })
260
260
  ]
261
261
  },
@@ -264,7 +264,7 @@ function ft() {
264
264
  ] }) : null;
265
265
  }
266
266
  function gt() {
267
- const t = i(b), n = m("textTrack"), o = d(() => {
267
+ const t = i(b), n = m("textTrack"), o = u(() => {
268
268
  t && t.setPage("captionLanguage");
269
269
  }, [t]);
270
270
  return t ? /* @__PURE__ */ e(
@@ -277,7 +277,7 @@ function gt() {
277
277
  ) : null;
278
278
  }
279
279
  function kt() {
280
- const t = i(p), n = i(b), o = d(() => {
280
+ const t = i(p), n = i(b), o = u(() => {
281
281
  n && n.setPage("captionFontSize");
282
282
  }, [n]);
283
283
  return n && t ? /* @__PURE__ */ e(
@@ -306,7 +306,7 @@ function ne({
306
306
  checked: n = !1,
307
307
  onClick: o
308
308
  }) {
309
- const c = d(
309
+ const c = u(
310
310
  (s) => {
311
311
  (s.key === "Enter" || s.key === " ") && (o == null || o());
312
312
  },
@@ -328,7 +328,7 @@ function ne({
328
328
  }
329
329
  );
330
330
  }
331
- function xt() {
331
+ function It() {
332
332
  const t = i(p);
333
333
  return t ? /* @__PURE__ */ e(
334
334
  ne,
@@ -339,7 +339,7 @@ function xt() {
339
339
  }
340
340
  ) : null;
341
341
  }
342
- function It() {
342
+ function xt() {
343
343
  const t = i(p);
344
344
  return t ? /* @__PURE__ */ e(
345
345
  ne,
@@ -368,8 +368,8 @@ function Bt() {
368
368
  /* @__PURE__ */ e("strong", { className: l.menuHeading, children: "Captions" }),
369
369
  /* @__PURE__ */ e(gt, {}),
370
370
  /* @__PURE__ */ e(kt, {}),
371
- /* @__PURE__ */ e(xt, {}),
372
- /* @__PURE__ */ e(It, {})
371
+ /* @__PURE__ */ e(It, {}),
372
+ /* @__PURE__ */ e(xt, {})
373
373
  ] }) : null;
374
374
  }
375
375
  function Ht() {
@@ -399,7 +399,7 @@ function Ht() {
399
399
  },
400
400
  className: l.menuItem,
401
401
  children: [
402
- /* @__PURE__ */ e(Z, { className: l.checkIcon }),
402
+ /* @__PURE__ */ e(q, { className: l.checkIcon }),
403
403
  /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: c })
404
404
  ]
405
405
  },
@@ -434,7 +434,7 @@ function Vt() {
434
434
  },
435
435
  className: l.menuItem,
436
436
  children: [
437
- /* @__PURE__ */ e(Z, { className: l.checkIcon }),
437
+ /* @__PURE__ */ e(q, { className: l.checkIcon }),
438
438
  /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: o.label })
439
439
  ]
440
440
  },
@@ -458,18 +458,18 @@ function Tt() {
458
458
  }
459
459
  ),
460
460
  /* @__PURE__ */ e("strong", { className: l.menuHeading, children: "Quality" }),
461
- /* @__PURE__ */ e("div", { role: "menu", className: l.menuOptions, children: n.map(({ value: c, label: s, select: r, selected: u }) => /* @__PURE__ */ a(
461
+ /* @__PURE__ */ e("div", { role: "menu", className: l.menuOptions, children: n.map(({ value: c, label: s, select: r, selected: d }) => /* @__PURE__ */ a(
462
462
  "button",
463
463
  {
464
464
  type: "button",
465
465
  role: "menuitemradio",
466
- "aria-checked": c === "auto" && o || u && !o,
466
+ "aria-checked": c === "auto" && o || d && !o,
467
467
  onClick: () => {
468
468
  r(), t.backToMain(), t.toggle();
469
469
  },
470
470
  className: l.menuItem,
471
471
  children: [
472
- /* @__PURE__ */ e(Z, { className: l.checkIcon }),
472
+ /* @__PURE__ */ e(q, { className: l.checkIcon }),
473
473
  /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: s })
474
474
  ]
475
475
  },
@@ -486,41 +486,41 @@ const Pt = {
486
486
  quality: Tt
487
487
  };
488
488
  function St() {
489
- const [t, n] = v("main"), [o, c] = v(!1), s = d(() => {
490
- c((I) => !I);
491
- }, []), r = d((I) => {
492
- n(I);
493
- }, []), u = d(() => {
489
+ const [t, n] = v("main"), [o, c] = v(!1), s = u(() => {
490
+ c((x) => !x);
491
+ }, []), r = u((x) => {
492
+ n(x);
493
+ }, []), d = u(() => {
494
494
  n("captions");
495
- }, []), f = d(() => {
495
+ }, []), f = u(() => {
496
496
  n("main");
497
497
  }, []), g = Y(() => Pt[t], [t]), h = ye(null), { refs: C, floatingStyles: L, context: k } = Le({
498
498
  open: o,
499
- onOpenChange: (I) => {
500
- c(I), f();
499
+ onOpenChange: (x) => {
500
+ c(x), f();
501
501
  },
502
502
  placement: "top-end",
503
503
  whileElementsMounted: Me,
504
504
  middleware: [
505
505
  Ne(),
506
- xe({
506
+ Ie({
507
507
  element: h
508
508
  })
509
509
  ]
510
- }), ie = Ie(k, { escapeKey: !1 }), { getReferenceProps: re, getFloatingProps: ue } = Be([ie]);
510
+ }), ie = xe(k, { escapeKey: !1 }), { getReferenceProps: re, getFloatingProps: de } = Be([ie]);
511
511
  return {
512
512
  Page: g,
513
513
  open: o,
514
514
  toggle: s,
515
515
  setPage: r,
516
- backToCaptions: u,
516
+ backToCaptions: d,
517
517
  backToMain: f,
518
518
  arrowRef: h,
519
519
  refs: C,
520
520
  floatingStyles: L,
521
521
  context: k,
522
522
  getReferenceProps: re,
523
- getFloatingProps: ue
523
+ getFloatingProps: de
524
524
  };
525
525
  }
526
526
  const Rt = "_settings-menu_hxlsv_1", Ft = "_arrow_hxlsv_15", K = {
@@ -528,7 +528,7 @@ const Rt = "_settings-menu_hxlsv_1", Ft = "_arrow_hxlsv_15", K = {
528
528
  settingsMenu: Rt,
529
529
  arrow: Ft
530
530
  };
531
- function Zt() {
531
+ function qt() {
532
532
  const {
533
533
  Page: t,
534
534
  arrowRef: n,
@@ -536,7 +536,7 @@ function Zt() {
536
536
  backToMain: c,
537
537
  context: s,
538
538
  floatingStyles: r,
539
- getFloatingProps: u,
539
+ getFloatingProps: d,
540
540
  getReferenceProps: f,
541
541
  open: g,
542
542
  refs: h,
@@ -564,7 +564,7 @@ function Zt() {
564
564
  className: K.settingsMenu,
565
565
  ref: h.setFloating,
566
566
  style: r,
567
- ...u(),
567
+ ...d(),
568
568
  children: [
569
569
  /* @__PURE__ */ e(
570
570
  b.Provider,
@@ -588,19 +588,19 @@ function Zt() {
588
588
  }
589
589
  function oe(t, n = 1e3) {
590
590
  return function() {
591
- const c = m("lastKeyboardAction"), [s, r] = v(!1), u = d(() => r(!1), []);
591
+ const c = m("lastKeyboardAction"), [s, r] = v(!1), d = u(() => r(!1), []);
592
592
  return G(() => {
593
593
  r(!!c);
594
- const f = setTimeout(u, n);
594
+ const f = setTimeout(d, n);
595
595
  return () => clearTimeout(f);
596
596
  }, [c, n]), s ? /* @__PURE__ */ e(t, {}) : null;
597
597
  };
598
598
  }
599
- const q = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), z = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), ae = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), ce = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), se = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), jt = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), $t = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), Ot = "_feedback-overlay_v4lbu_1", qt = "_feedback-message_v4lbu_14", zt = "_feedback-icon_v4lbu_30", At = "_feedback-icon-animation_v4lbu_1", _ = {
599
+ const O = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), z = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), ae = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), ce = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), se = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Zt = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), jt = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), $t = "_feedback-overlay_v4lbu_1", Ot = "_feedback-message_v4lbu_14", zt = "_feedback-icon_v4lbu_30", At = "_feedback-icon-animation_v4lbu_1", _ = {
600
600
  "feedback-overlay": "_feedback-overlay_v4lbu_1",
601
- feedbackOverlay: Ot,
601
+ feedbackOverlay: $t,
602
602
  "feedback-message": "_feedback-message_v4lbu_14",
603
- feedbackMessage: qt,
603
+ feedbackMessage: Ot,
604
604
  "feedback-icon": "_feedback-icon_v4lbu_30",
605
605
  feedbackIcon: zt,
606
606
  "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
@@ -611,7 +611,7 @@ function Kt() {
611
611
  const t = W();
612
612
  switch ((o = t.lastKeyboardAction) == null ? void 0 : o.action) {
613
613
  case "togglePaused":
614
- return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: t.paused ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(z, {}) });
614
+ return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: t.paused ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e(z, {}) });
615
615
  case "toggleCaptions":
616
616
  case "nextCaptionLanguage":
617
617
  case "previousCaptionLanguage":
@@ -622,10 +622,10 @@ function Kt() {
622
622
  return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: t.muted || t.volume === 0 ? /* @__PURE__ */ e(ae, {}) : t.volume >= 0.5 ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(ce, {}) });
623
623
  case "seekForward":
624
624
  case "seekForward10":
625
- return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e(jt, { className: "right" }) });
625
+ return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e(Zt, { className: "right" }) });
626
626
  case "seekBackward":
627
627
  case "seekBackward10":
628
- return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e($t, { className: "left" }) });
628
+ return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e(jt, { className: "left" }) });
629
629
  default:
630
630
  return null;
631
631
  }
@@ -690,12 +690,12 @@ const en = "_gestures-container_1fn3b_1", tn = "_gesture_1fn3b_1", D = {
690
690
  gesture: tn
691
691
  };
692
692
  function nn() {
693
- const t = O(), n = () => {
693
+ const t = $(), n = () => {
694
694
  t.togglePaused();
695
695
  };
696
696
  return /* @__PURE__ */ e("div", { className: D.gesturesContainer, children: /* @__PURE__ */ e("div", { "aria-hidden": !0, className: D.gesture, onClick: n }) });
697
697
  }
698
- const on = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), le = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), an = "_keyboard-shortcuts-overlay_uwwbr_1", cn = "_keyboard-shortcuts-button_uwwbr_67", sn = "_close-button_uwwbr_91", $ = {
698
+ const on = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), le = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), an = "_keyboard-shortcuts-overlay_uwwbr_1", cn = "_keyboard-shortcuts-button_uwwbr_67", sn = "_close-button_uwwbr_91", j = {
699
699
  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_uwwbr_1",
700
700
  keyboardShortcutsOverlay: an,
701
701
  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_uwwbr_67",
@@ -711,7 +711,7 @@ function ln({ onClose: t }) {
711
711
  return /* @__PURE__ */ a(
712
712
  "div",
713
713
  {
714
- className: $.keyboardShortcutsOverlay,
714
+ className: j.keyboardShortcutsOverlay,
715
715
  tabIndex: 0,
716
716
  ref: n,
717
717
  children: [
@@ -721,7 +721,7 @@ function ln({ onClose: t }) {
721
721
  "button",
722
722
  {
723
723
  type: "button",
724
- className: $.closeButton,
724
+ className: j.closeButton,
725
725
  onClick: t,
726
726
  "aria-label": "Close",
727
727
  children: /* @__PURE__ */ e(le, {})
@@ -813,11 +813,11 @@ function ln({ onClose: t }) {
813
813
  );
814
814
  }
815
815
  function rn() {
816
- const [t, n] = v(!1), [o, c] = v(!1), [s, r] = v(!1), u = i(p), f = m("playing"), g = O(), h = d(() => {
817
- n(!0), u == null || u.disableInteractions(), f && (r(!0), g.pause());
818
- }, [f, g, u]), C = d(() => {
819
- n(!1), c(!0), u == null || u.enableInteractions(), s && (r(!1), g.play());
820
- }, [s, g, u]), L = d(
816
+ const [t, n] = v(!1), [o, c] = v(!1), [s, r] = v(!1), d = i(p), f = m("playing"), g = $(), h = u(() => {
817
+ n(!0), d == null || d.disableInteractions(), f && (r(!0), g.pause());
818
+ }, [f, g, d]), C = u(() => {
819
+ n(!1), c(!0), d == null || d.enableInteractions(), s && (r(!1), g.play());
820
+ }, [s, g, d]), L = u(
821
821
  (k) => o && (k == null ? void 0 : k.focus()),
822
822
  [o]
823
823
  );
@@ -827,16 +827,16 @@ function rn() {
827
827
  ref: L,
828
828
  "aria-label": "Keyboard shortcuts",
829
829
  type: "button",
830
- className: $.keyboardShortcutsButton,
830
+ className: j.keyboardShortcutsButton,
831
831
  onClick: h,
832
832
  tabIndex: 0,
833
833
  children: /* @__PURE__ */ e(on, {})
834
834
  }
835
835
  );
836
836
  }
837
- const un = "_play-pause-button_1owe7_1", dn = {
838
- "play-pause-button": "_play-pause-button_1owe7_1",
839
- playPauseButton: un
837
+ const dn = "_play-pause-button_kyuc5_1", un = {
838
+ "play-pause-button": "_play-pause-button_kyuc5_1",
839
+ playPauseButton: dn
840
840
  };
841
841
  function hn() {
842
842
  const t = fe(), n = i(p), o = m("paused");
@@ -844,14 +844,14 @@ function hn() {
844
844
  ge,
845
845
  {
846
846
  tabIndex: n != null && n.state.interactionsDisabled ? -1 : 0,
847
- className: `${dn.playPauseButton} controls-button`,
847
+ className: `${un.playPauseButton} controls-button`,
848
848
  onKeyDown: (c) => {
849
849
  c.key === " " && (t == null || t.$state.lastKeyboardAction.set({
850
850
  action: "togglePaused",
851
851
  event: c.nativeEvent
852
852
  }));
853
853
  },
854
- children: o ? /* @__PURE__ */ e(z, { className: "controls-button-icon" }) : /* @__PURE__ */ e(q, { className: "controls-button-icon" })
854
+ children: o ? /* @__PURE__ */ e(z, { className: "controls-button-icon" }) : /* @__PURE__ */ e(O, { className: "controls-button-icon" })
855
855
  }
856
856
  ) : null;
857
857
  }
@@ -862,18 +862,18 @@ function pn({ src: t }) {
862
862
  const n = m("source");
863
863
  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ e(ke, { src: t, className: _n.poster });
864
864
  }
865
- const bn = "_small-layout-overlay_xbovu_1", fn = "_small-layout-button_xbovu_14", gn = "_small-layout-icon-play_xbovu_24", kn = "_small-layout-icon-pause_xbovu_30", wn = "_full-screen-close-icon_xbovu_36", Cn = "_fade-out_xbovu_1", H = {
866
- "small-layout-overlay": "_small-layout-overlay_xbovu_1",
865
+ const bn = "_small-layout-overlay_38qhb_1", fn = "_small-layout-button_38qhb_14", gn = "_small-layout-icon-play_38qhb_24", kn = "_small-layout-icon-pause_38qhb_30", wn = "_full-screen-close-icon_38qhb_36", Cn = "_fade-out_38qhb_1", H = {
866
+ "small-layout-overlay": "_small-layout-overlay_38qhb_1",
867
867
  smallLayoutOverlay: bn,
868
- "small-layout-button": "_small-layout-button_xbovu_14",
868
+ "small-layout-button": "_small-layout-button_38qhb_14",
869
869
  smallLayoutButton: fn,
870
- "small-layout-icon-play": "_small-layout-icon-play_xbovu_24",
870
+ "small-layout-icon-play": "_small-layout-icon-play_38qhb_24",
871
871
  smallLayoutIconPlay: gn,
872
- "small-layout-icon-pause": "_small-layout-icon-pause_xbovu_30",
872
+ "small-layout-icon-pause": "_small-layout-icon-pause_38qhb_30",
873
873
  smallLayoutIconPause: kn,
874
- "full-screen-close-icon": "_full-screen-close-icon_xbovu_36",
874
+ "full-screen-close-icon": "_full-screen-close-icon_38qhb_36",
875
875
  fullScreenCloseIcon: wn,
876
- "fade-out": "_fade-out_xbovu_1",
876
+ "fade-out": "_fade-out_38qhb_1",
877
877
  fadeOut: Cn
878
878
  };
879
879
  function vn() {
@@ -881,7 +881,7 @@ function vn() {
881
881
  /* @__PURE__ */ e(J, { className: H.fullScreenCloseIcon, children: /* @__PURE__ */ e(le, {}) }),
882
882
  /* @__PURE__ */ a("i", { className: H.smallLayoutButton, children: [
883
883
  /* @__PURE__ */ e(z, { className: H.smallLayoutIconPlay }),
884
- /* @__PURE__ */ e(q, { className: H.smallLayoutIconPause })
884
+ /* @__PURE__ */ e(O, { className: H.smallLayoutIconPause })
885
885
  ] })
886
886
  ] });
887
887
  }
@@ -896,11 +896,11 @@ function Mn() {
896
896
  /* @__PURE__ */ e(A, { type: "duration" })
897
897
  ] });
898
898
  }
899
- const Nn = "_timeline-wrapper_j9z56_1", xn = "_track_j9z56_8", In = "_thumb_j9z56_19", Bn = "_root_j9z56_33", Hn = "_track-inner_j9z56_63", Vn = "_progress_j9z56_69", Tn = "_track-fill_j9z56_75", w = {
899
+ const Nn = "_timeline-wrapper_j9z56_1", In = "_track_j9z56_8", xn = "_thumb_j9z56_19", Bn = "_root_j9z56_33", Hn = "_track-inner_j9z56_63", Vn = "_progress_j9z56_69", Tn = "_track-fill_j9z56_75", w = {
900
900
  "timeline-wrapper": "_timeline-wrapper_j9z56_1",
901
901
  timelineWrapper: Nn,
902
- track: xn,
903
- thumb: In,
902
+ track: In,
903
+ thumb: xn,
904
904
  root: Bn,
905
905
  "track-inner": "_track-inner_j9z56_63",
906
906
  trackInner: Hn,
@@ -925,15 +925,15 @@ function E({ className: t }) {
925
925
  }
926
926
  ) });
927
927
  }
928
- const Rn = "_wrapper_ulntk_1", Fn = "_track_ulntk_6", Zn = "_thumb_ulntk_18", jn = "_track-fill_ulntk_32", $n = "_root_ulntk_50", V = {
928
+ const Rn = "_wrapper_d2nt6_1", Fn = "_track_d2nt6_6", qn = "_thumb_d2nt6_16", Zn = "_track-fill_d2nt6_30", jn = "_root_d2nt6_48", V = {
929
929
  wrapper: Rn,
930
930
  track: Fn,
931
- thumb: Zn,
932
- "track-fill": "_track-fill_ulntk_32",
933
- trackFill: jn,
934
- root: $n
931
+ thumb: qn,
932
+ "track-fill": "_track-fill_d2nt6_30",
933
+ trackFill: Zn,
934
+ root: jn
935
935
  };
936
- function On() {
936
+ function $n() {
937
937
  const t = m("volume"), n = m("muted"), o = i(p);
938
938
  return /* @__PURE__ */ a("div", { className: V.wrapper, children: [
939
939
  /* @__PURE__ */ e(
@@ -957,7 +957,7 @@ function On() {
957
957
  )
958
958
  ] });
959
959
  }
960
- const qn = {}, U = {
960
+ const On = {}, U = {
961
961
  togglePaused: ["Space", "Enter", "k"],
962
962
  seekForward: ["ArrowRight"],
963
963
  seekBackward: ["ArrowLeft"],
@@ -995,8 +995,8 @@ const qn = {}, U = {
995
995
  decreasePlaybackRate: {
996
996
  keys: ["a"],
997
997
  onKeyUp({ event: t, player: n, remote: o }) {
998
- const s = x.indexOf(n.playbackRate) - 1;
999
- s >= 0 && (o.changePlaybackRate(x[s]), n.$state.lastKeyboardAction.set({
998
+ const s = I.indexOf(n.playbackRate) - 1;
999
+ s >= 0 && (o.changePlaybackRate(I[s]), n.$state.lastKeyboardAction.set({
1000
1000
  action: "decreasePlaybackRate",
1001
1001
  event: t
1002
1002
  }));
@@ -1005,8 +1005,8 @@ const qn = {}, U = {
1005
1005
  increasePlaybackRate: {
1006
1006
  keys: ["d"],
1007
1007
  onKeyUp({ event: t, player: n, remote: o }) {
1008
- const s = x.indexOf(n.playbackRate) + 1;
1009
- s < x.length && (o.changePlaybackRate(x[s]), n.$state.lastKeyboardAction.set({
1008
+ const s = I.indexOf(n.playbackRate) + 1;
1009
+ s < I.length && (o.changePlaybackRate(I[s]), n.$state.lastKeyboardAction.set({
1010
1010
  action: "increasePlaybackRate",
1011
1011
  event: t
1012
1012
  }));
@@ -1046,7 +1046,7 @@ function zn({ hideFullScreen: t }) {
1046
1046
  captionPositionOnTop: !1,
1047
1047
  captionsInvertColors: !1,
1048
1048
  interactionsDisabled: !1
1049
- }), c = d(
1049
+ }), c = u(
1050
1050
  (h) => {
1051
1051
  o((C) => ({
1052
1052
  ...C,
@@ -1054,22 +1054,22 @@ function zn({ hideFullScreen: t }) {
1054
1054
  }));
1055
1055
  },
1056
1056
  []
1057
- ), s = d(() => {
1057
+ ), s = u(() => {
1058
1058
  o((h) => ({
1059
1059
  ...h,
1060
1060
  captionPositionOnTop: !h.captionPositionOnTop
1061
1061
  }));
1062
- }, []), r = d(() => {
1062
+ }, []), r = u(() => {
1063
1063
  o((h) => ({
1064
1064
  ...h,
1065
1065
  captionsInvertColors: !h.captionsInvertColors
1066
1066
  }));
1067
- }, []), u = d(() => {
1067
+ }, []), d = u(() => {
1068
1068
  o((h) => ({
1069
1069
  ...h,
1070
1070
  interactionsDisabled: !1
1071
1071
  }));
1072
- }, []), f = d(() => {
1072
+ }, []), f = u(() => {
1073
1073
  o((h) => ({
1074
1074
  ...h,
1075
1075
  interactionsDisabled: !0
@@ -1084,7 +1084,7 @@ function zn({ hideFullScreen: t }) {
1084
1084
  setCaptionsFontSizeMultiplier: c,
1085
1085
  toggleCaptionPositionOnTop: s,
1086
1086
  toggleCaptionsInvertColors: r,
1087
- enableInteractions: u,
1087
+ enableInteractions: d,
1088
1088
  disableInteractions: f,
1089
1089
  hideFullScreen: t
1090
1090
  },
@@ -1098,21 +1098,21 @@ function Un({
1098
1098
  thumbnail: c,
1099
1099
  hideFullScreen: s = !1
1100
1100
  }) {
1101
- const { contextValue: r, shortcuts: u } = zn({ hideFullScreen: s });
1101
+ const { contextValue: r, shortcuts: d } = zn({ hideFullScreen: s });
1102
1102
  return /* @__PURE__ */ e(p.Provider, { value: r, children: /* @__PURE__ */ a(
1103
1103
  Ce,
1104
1104
  {
1105
1105
  title: t,
1106
1106
  src: n,
1107
- keyShortcuts: u,
1107
+ keyShortcuts: d,
1108
1108
  playsInline: !0,
1109
1109
  keyDisabled: r.state.interactionsDisabled,
1110
1110
  children: [
1111
1111
  /* @__PURE__ */ e(rn, {}),
1112
- /* @__PURE__ */ a(ve, { className: qn.mediaProvider, children: [
1113
- /* @__PURE__ */ e(Ze, {}),
1112
+ /* @__PURE__ */ a(ve, { className: On.mediaProvider, children: [
1113
+ /* @__PURE__ */ e(qe, {}),
1114
1114
  /* @__PURE__ */ e(pn, { src: c }),
1115
- /* @__PURE__ */ e(qe, { captions: o }),
1115
+ /* @__PURE__ */ e(Oe, { captions: o }),
1116
1116
  /* @__PURE__ */ e(Qt, {}),
1117
1117
  /* @__PURE__ */ e(vn, {}),
1118
1118
  /* @__PURE__ */ e(nn, {})
@@ -1124,6 +1124,6 @@ function Un({
1124
1124
  }
1125
1125
  export {
1126
1126
  rt as CAPTION_FONT_SIZE_MULTIPLIERS,
1127
- x as PLAYBACK_RATES,
1127
+ I as PLAYBACK_RATES,
1128
1128
  Un as StudioPlayer
1129
1129
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/studio-player",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "private": false,
5
5
  "description": "Next generation media player for Instructure",
6
6
  "module": "./dist/studio-player.es.js",
@@ -15,18 +15,6 @@
15
15
  "types": "./dist/index.d.ts"
16
16
  }
17
17
  },
18
- "scripts": {
19
- "build": "vite build",
20
- "build-storybook": "storybook build",
21
- "check:types": "tsc --noEmit",
22
- "lint": "pnpm check:types && eslint",
23
- "storybook": "storybook dev -p 6006",
24
- "test": "vitest",
25
- "test:ci": "vitest --reporter=basic --disable-console-intercept --no-watch",
26
- "stylelint": "stylelint 'src/**/*.css'",
27
- "stylelint:fix": "stylelint 'src/**/*.css' --fix",
28
- "prepare": "husky"
29
- },
30
18
  "lint-staged": {
31
19
  "*.css": "pnpm stylelint"
32
20
  },
@@ -76,5 +64,16 @@
76
64
  "@vidstack/react": "^1.12.11",
77
65
  "react": "^18.3.1",
78
66
  "react-dom": "^18.3.1"
67
+ },
68
+ "scripts": {
69
+ "build": "vite build",
70
+ "build-storybook": "storybook build",
71
+ "check:types": "tsc --noEmit",
72
+ "lint": "pnpm check:types && eslint",
73
+ "storybook": "storybook dev -p 6006",
74
+ "test": "vitest",
75
+ "test:ci": "vitest --reporter=basic --disable-console-intercept --no-watch",
76
+ "stylelint": "stylelint 'src/**/*.css'",
77
+ "stylelint:fix": "stylelint 'src/**/*.css' --fix"
79
78
  }
80
- }
79
+ }