@instructure/studio-player 0.2.14 → 0.3.0

package/dist/StudioPlayer/hooks/useCallbackOnKey.d.ts

@@ -0,0 +1,2 @@
+export declare function useCallbackOnKey(callbacks: Record<string, (e: KeyboardEvent) => void>): void;
+export declare function useCallbackOnEsc(callback: (e: KeyboardEvent) => void): void;

package/dist/en-p8Xpb7Qg.js

@@ -0,0 +1,111 @@
+const n = "Action", o = "Annotations", t = "Auto ({{quality}}p)", e = "Back", s = "Captions", c = "Caption font size menu", E = "Caption language menu", A = "Captions Menu", a = "Font Size", S = "Caption Language: {{language}}", T = "Close", _ = "Comments", O = "Continue", C = "Decrease Playback Speed", N = "Decrease Volume by {{percent}}%", P = "Down Arrow", u = "Enter Fullscreen", L = "Exit Fullscreen", U = "Increase Playback Speed", R = "Increase Volume by {{percent}}%", r = "Invert Colors", l = "Jump to specific percentage (1-10%, 2-20%, etc)", I = "Jump to Start", p = "Keyboard Shortcuts", M = "Language", i = "Left Arrow", g = "Main Menu", G = "Mute", d = "Muted", D = "Next Caption Language", y = "Off", m = "On Top", F = "Pause", K = "Play", V = "Playback Speed", b = "Playback Speed: {{speed}}x", k = "Previous Caption Language", Y = "Quality", B = "Quality Menu", f = "Reset Playback Speed", w = "Right Arrow", W = "Seek backward: {{seconds}} seconds", x = "Seek forward: {{seconds}} seconds", J = "Settings", Q = "Shortcut", h = "Space", v = "Playback speed menu", H = "Toggle Captions", z = "Toggle Muted", X = "Toggle Play/Pause", Z = "Up Arrow", q = "Volume", j = "Volume: {{volume}}%", $ = {
+  ACTION: n,
+  ANNOTATIONS: o,
+  AUTO: t,
+  BACK: e,
+  CAPTIONS: s,
+  CAPTIONS_FONT_SIZE_MENU: c,
+  CAPTIONS_LANGUAGE_MENU: E,
+  CAPTIONS_MENU: A,
+  CAPTION_FONT_SIZE: a,
+  CAPTION_LANGUAGE: S,
+  CLOSE: T,
+  COMMENTS: _,
+  CONTINUE: O,
+  DECREASE_PLAYBACK_SPEED: C,
+  DECREASE_VOLUME: N,
+  DOWN_ARROW: P,
+  ENTER_FULLSCREEN: u,
+  EXIT_FULLSCREEN: L,
+  INCREASE_PLAYBACK_SPEED: U,
+  INCREASE_VOLUME: R,
+  INVERT_COLORS: r,
+  JUMP_TO_PERCENTAGE: l,
+  JUMP_TO_START: I,
+  KEYBOARD_SHORTCUTS: p,
+  LANGUAGE: M,
+  LEFT_ARROW: i,
+  MAIN_MENU: g,
+  MUTE: G,
+  MUTED: d,
+  NEXT_CAPTION_LANGUAGE: D,
+  OFF: y,
+  ON_TOP: m,
+  PAUSE: F,
+  PLAY: K,
+  PLAYBACK_SPEED: V,
+  PLAYBACK_SPEED_MESSAGE: b,
+  PREVIOUS_CAPTION_LANGUAGE: k,
+  QUALITY: Y,
+  QUALITY_MENU: B,
+  RESET_PLAYBACK_SPEED: f,
+  RIGHT_ARROW: w,
+  SEEK_BACKWARD: W,
+  SEEK_FORWARD: x,
+  SETTINGS: J,
+  SHORTCUT: Q,
+  SPACE: h,
+  SPEED_MENU: v,
+  TOGGLE_CAPTIONS: H,
+  TOGGLE_MUTED: z,
+  TOGGLE_PLAY_PAUSE: X,
+  UP_ARROW: Z,
+  VOLUME: q,
+  VOLUME_VALUE: j
+};
+export {
+  n as ACTION,
+  o as ANNOTATIONS,
+  t as AUTO,
+  e as BACK,
+  s as CAPTIONS,
+  c as CAPTIONS_FONT_SIZE_MENU,
+  E as CAPTIONS_LANGUAGE_MENU,
+  A as CAPTIONS_MENU,
+  a as CAPTION_FONT_SIZE,
+  S as CAPTION_LANGUAGE,
+  T as CLOSE,
+  _ as COMMENTS,
+  O as CONTINUE,
+  C as DECREASE_PLAYBACK_SPEED,
+  N as DECREASE_VOLUME,
+  P as DOWN_ARROW,
+  u as ENTER_FULLSCREEN,
+  L as EXIT_FULLSCREEN,
+  U as INCREASE_PLAYBACK_SPEED,
+  R as INCREASE_VOLUME,
+  r as INVERT_COLORS,
+  l as JUMP_TO_PERCENTAGE,
+  I as JUMP_TO_START,
+  p as KEYBOARD_SHORTCUTS,
+  M as LANGUAGE,
+  i as LEFT_ARROW,
+  g as MAIN_MENU,
+  G as MUTE,
+  d as MUTED,
+  D as NEXT_CAPTION_LANGUAGE,
+  y as OFF,
+  m as ON_TOP,
+  F as PAUSE,
+  K as PLAY,
+  V as PLAYBACK_SPEED,
+  b as PLAYBACK_SPEED_MESSAGE,
+  k as PREVIOUS_CAPTION_LANGUAGE,
+  Y as QUALITY,
+  B as QUALITY_MENU,
+  f as RESET_PLAYBACK_SPEED,
+  w as RIGHT_ARROW,
+  W as SEEK_BACKWARD,
+  x as SEEK_FORWARD,
+  J as SETTINGS,
+  Q as SHORTCUT,
+  h as SPACE,
+  v as SPEED_MENU,
+  H as TOGGLE_CAPTIONS,
+  z as TOGGLE_MUTED,
+  X as TOGGLE_PLAY_PAUSE,
+  Z as UP_ARROW,
+  q as VOLUME,
+  j as VOLUME_VALUE,
+  $ as default
+};

package/dist/index-C1To2Xmm.css

@@ -0,0 +1 @@
+._annotation-overlay_1kxzn_1{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;z-index:1;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center}._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))}}._comments-overlay_1puzm_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-1);display:flex;align-items:end;pointer-events:none}._comments-container_1puzm_10{display:flex;flex-direction:column;gap:.25rem;width:15.625rem}@container player (width >= 900px) and (height >= 640px){._comments-container_1puzm_10{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_1puzm_1{justify-content:end}}._comment_1puzm_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer;border:1px solid #666;pointer-events:auto}@container player (width >= 720px) and (height >= 540px){._comment_1puzm_1{grid-template-areas:"text text" "avatar name"}}._comment-text_1puzm_47{grid-area:text;color:var(--comments-color);font-size:var(--comments-font-size-small);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;-webkit-user-select:none;user-select:none}@container player (height >= 400px){._comment-text_1puzm_47{-webkit-line-clamp:2;line-clamp:2}}@container player (width >= 900px) and (height >= 640px){._comment-text_1puzm_47{font-size:var(--comments-font-size-normal)}}._comment-author-avatar_1puzm_70{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:1.25rem;height:1.25rem;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (width >= 900px) and (height >= 640px){._comment-author-avatar_1puzm_70{width:1.875rem;height:1.875rem}}._comment-author-name_1puzm_89{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-small);font-weight:700;line-height:1.5;display:none}@container player (width >= 720px) and (height >= 540px){._comment-author-name_1puzm_89{display:inline}}@container player (width >= 900px) and (height >= 640px){._comment-author-name_1puzm_89{font-size:var(--comments-font-size-normal)}}._root_1x28e_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 >= 420px) and (height <= 300px){._root_1x28e_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_1x28e_1,[data-darkmode=true]._root_1x28e_1{background-color:#000}._left-controls_1x28e_28{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_1x28e_34{display:flex;gap:.25rem;grid-area:right-controls}._indicators_1x28e_40{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_1x28e_40{font-size:1rem}}@container player (width >= 420px) and (height <= 300px){div._normal-timeline_1x28e_49{display:none}}div._compact-timeline_1x28e_55{display:none}@container player (width >= 420px) and (height <= 300px){div._compact-timeline_1x28e_55{display:flex;padding-bottom:0}}._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}._switch-track_1d65g_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s;box-shadow:#d7dade 0 0 0 .0625rem inset}._switch-thumb_1d65g_12{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_1d65g_26{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_1d65g_32{display:flex;align-items:center;border:none;background-color:transparent;text-align:left;font-family:inherit;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_1d65g_32[aria-checked=true] ._switch-track_1d65g_1{background-color:#03893d}._switch-body_1d65g_32[aria-checked=true] ._switch-icon_1d65g_26{color:#03893d}._switch-body_1d65g_32[aria-checked=true] ._switch-thumb_1d65g_12{transform:translate(1rem,.125rem)}._switch-body_1d65g_32:hover,._switch-body_1d65g_32:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_1d65g_32:hover,._switch-body_1d65g_32:focus-visible) ._switch-track_1d65g_1{background-color:#e8e8e8}._switch-label_1d65g_73{flex-grow:1}._menu-icon_1d65g_77{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_1lrzf_1{display:flex;flex-direction:column}._menu-heading_1lrzf_6{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_1lrzf_22{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_1lrzf_28{display:block}._menu-item_1lrzf_28{-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;color:inherit}._menu-item_1lrzf_28:hover,._menu-item_1lrzf_28:focus-visible{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_1lrzf_28[aria-checked=true] ._check-icon_1lrzf_22{visibility:visible}._menu-back-button_1lrzf_61{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_1lrzf_61:hover,._menu-back-button_1lrzf_61:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._settings-menu_7d0td_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))}._settings-menu_7d0td_1:focus-visible{outline:2px solid var(--settings-menu-focus-color, #0078d4)}._arrow_7d0td_19{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_dr03d_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_dr03d_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_dr03d_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_dr03d_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_dr03d_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_dr03d_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_dr03d_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_dr03d_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_dr03d_1 table) th,:is(._keyboard-shortcuts-overlay_dr03d_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_dr03d_1 table) th,:is(._keyboard-shortcuts-overlay_dr03d_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_dr03d_1 table) th,:is(._keyboard-shortcuts-overlay_dr03d_1 table) td{font-size:1rem}}._keyboard-shortcuts-overlay_dr03d_1 ._screen-reader-content_dr03d_66{width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;top:0;inset-inline-start:0;overflow:hidden;clip:rect(0 0 0 0);border:0}._keyboard-shortcuts-button_dr03d_80{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;pointer-events:none;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_dr03d_80:focus-visible{opacity:1;pointer-events:auto}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_dr03d_80{display:none}._close-button_dr03d_106{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}button._play-pause-button_1834v_1{border:none;background:none}@media (max-width: 425px) and (hover: none){button._play-pause-button_1834v_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_1vli4_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_1vli4_1{visibility:visible}}._small-layout-button_1vli4_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_1vli4_24,._small-layout-icon-pause_1vli4_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_1vli4_36{display:none}[data-fullscreen] ._full-screen-close-icon_1vli4_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;-webkit-user-select:none;user-select:none}[data-fullscreen][data-playing] ._full-screen-close-icon_1vli4_36,[data-media-player][data-playing] ._small-layout-button_1vli4_14{animation:_fade-out_1vli4_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_1vli4_24,[data-media-player][data-paused] ._small-layout-icon-pause_1vli4_30{display:none}@keyframes _fade-out_1vli4_1{0%{opacity:1}to{opacity:0}}._time-indicator_1rlpb_1{display:flex;color:#556572;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1rlpb_1,[data-darkmode=true] ._time-indicator_1rlpb_1{color:#fff}._comment-markers_49pse_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none}@container player (width >= 420px) and (height <= 300px){._comment-markers_49pse_1{display:none}}._comment-marker_49pse_1{position:absolute;height:100%;background:linear-gradient(90deg,#2b7abc,#abd9ff);border-radius:.125rem}._timeline-wrapper_49pse_21{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-1);grid-area:slider;padding-bottom:.375rem}._timeline-wrapper_49pse_21:has(._comment-markers_49pse_1){padding-bottom:0}._track_49pse_35{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_49pse_48{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_49pse_62{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_49pse_62[data-active] ._track_49pse_35{border-radius:var(--radius-2);height:.625rem}._root_49pse_62[data-focus] ._track_49pse_35{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_49pse_62[data-active] ._thumb_49pse_48{opacity:1}._track-inner_49pse_92{position:absolute;will-change:width;height:100%}._progress_49pse_98{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_49pse_104{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_49pse_62,[data-darkmode=true] ._root_49pse_62) ._track_49pse_35{background-color:#333}:is([data-fullscreen] ._root_49pse_62,[data-darkmode=true] ._root_49pse_62) ._progress_49pse_98{background-color:#666}._pins_49pse_121{display:flex;position:relative;height:2rem;width:100%;-webkit-user-select:none;user-select:none;margin-top:var(--spacing-1)}@container player (width >= 420px) and (height <= 300px){._pins_49pse_121{display:none}}._pin-button_49pse_134{display:flex;background-color:transparent;border:none;padding:0;position:absolute;transform:translate(-50%);cursor:pointer;transition:transform .2s ease-out;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._pin-button_49pse_134:hover{transform:translate(-50%) scale(1.25);z-index:1}._annotation-pin_49pse_154{fill:var(--pin-color-1);stroke:var(--pin-color-2)}._quiz-pin_49pse_159{fill:var(--pin-color-2);stroke:none}._annotation-pin-child_49pse_164{fill:var(--pin-color-3)}._quiz-pin-child_49pse_168{fill:#fff;font-size:.875rem}._interactive-pin-container_49pse_173{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--spacing-1)}@container player (width >= 420px) and (height <= 300px){._interactive-pin-container_49pse_173{display:none}}._interactive-pin-wrapper_49pse_183{position:relative;width:100%;height:100%}._interactive-pin-icon_49pse_189{transform-box:fill-box;transform-origin:center;transition:transform .2s ease-out}._interactive-pin-icon_49pse_189[data-open=true]{transform:rotate(45deg)}._interactive-pin_49pse_173{filter:drop-shadow(0 3px 6px rgba(0 0 0 / .16)) drop-shadow(0 3px 6px rgba(0 0 0 / .1))}._interactive-pin_49pse_173>._bg_49pse_203{fill:var(--timeline-thumb-color)}._interactive-pin_49pse_173>._symbol_49pse_207{stroke:var(--controls-layout-bg-color)}._interactive-pin-button_49pse_212{position:absolute;cursor:pointer;transform:translate(-50%);background-color:transparent;border:none;padding:0;display:flex;z-index:1;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._interactive-pin-button_49pse_212:hover ._interactive-pin_49pse_173>._bg_49pse_203{fill:#225f92}._interactive-pin-menu_49pse_232{display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-menu-bg-color, white);padding:.75rem .5rem;border-radius:var(--radius-2);width:169px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._interactive-pin-menu-item_49pse_246{font-family:inherit;font-size:14px;text-rendering:geometricprecision;display:flex;align-items:center;gap:.25rem;color:var(--pin-color-3);padding:4px 6px;border-radius:var(--radius-2);border:1px solid #d7dade;background-color:var(--pin-color-1);cursor:pointer}._interactive-pin-menu-item_49pse_246:hover{background-color:#e8eaec}._arrow_49pse_267{fill:#fff}._wrapper_12cb0_1{display:flex;align-items:center}._track_12cb0_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_12cb0_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_12cb0_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}:is([data-fullscreen],[data-darkmode=true]) ._track_12cb0_6{background-color:#666}:is([data-fullscreen],[data-darkmode=true]) ._track-fill_12cb0_32,:is([data-fullscreen],[data-darkmode=true]) ._thumb_12cb0_18{background-color:#f5f5f5}._root_12cb0_51{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_12cb0_51{display:none}}._root_12cb0_51[data-active] ._track_12cb0_6{border-radius:.125rem;height:.3125rem}._root_12cb0_51[data-focus]{outline:none}._root_12cb0_51[data-focus] ._track_12cb0_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_12cb0_51[data-active] ._thumb_12cb0_18{opacity:1}._wrapper_12cb0_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;--comments-background-color: rgba(0 0 0 / .8);--comments-color: white;--comments-font-size-small: .75rem;--comments-font-size-normal: .875rem;--comments-author-color: #c7cdd1;--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;--action-buttons-color: #0374b5;--action-buttons-hover-color: #235f93;--action-buttons-border-color: #025483;--pin-color-1: #f2f4f4;--pin-color-2: #556572;--pin-color-3: #273540;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-player]:focus-visible{outline:2px solid var(--focus-outline-color)}[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)}}:is([data-fullscreen],[data-darkmode=true]) .controls-button-icon{color:#fff}:is([data-fullscreen],[data-darkmode=true]) .controls-button[data-hover],:is([data-fullscreen],[data-darkmode=true]) .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/kl-Drx4juMa.js

@@ -0,0 +1,111 @@
+const o = "qeq", I = "ghItlh", E = "jIghoS ({{quality}}p)", n = "qa' yIbuS", t = "yIngwIj", c = "yIqIHbe'mey QapDaq vIghro'", s = "Hol QapDaq vIghro'", A = "QapDaq vIghro'", S = "lo'ta'", _ = "yIngwIj Hol: {{language}}", T = "chaw'", O = "qechmey", N = "taH", a = "yIjDu' qachDaq jIqeq", e = "tInwIj qachDaq HablI' veS", q = "SoQmey 'ugh", U = "nIvbogh jIpIj", h = "jIqeqpuma' jIpIj", C = "yIjDu' qachDaq Qab", P = "tInwIj qachDaq Qab", D = "lujmuS mewbeH", L = "jItuvHa'wI' (1-10%, 2-20%, ghob)", R = "yItlhutlhmeH jIjlo'", u = "pu'chuqHom nIHneHmey", j = "Hol", l = "chay' SoQ", y = "ghu' vIghro'", g = "ghll", H = "batlh", G = "qel yIngwIj Hol", m = "Hoch", M = "QI'ta' qorDaq", v = "Qo'noS", Q = "yItlh", b = "yIjDu' veS", w = "yIjDu' veS: {{speed}}x", p = "yIngwIj Hol tInmoH", r = "HIQ", K = "qel vIghro'", Y = "yIjDu' qachDaq reset", B = "SoQmey 'ugh", F = "Hovmey yIbuS: {{seconds}}", V = "yIbuS: {{seconds}}", W = "nIvbogh", d = "pu'chuqHom", x = "mIw", J = "vIqID vIghro'", X = "yIngwIj lo'ta' nIbuS", Z = "mIw tImlaw'", f = "qeq je muSmeH nIvbogh", i = "QoQ SoQ", k = "qur", z = "tInwIj: {{volume}}%", $ = {
+  ACTION: o,
+  ANNOTATIONS: I,
+  AUTO: E,
+  BACK: n,
+  CAPTIONS: t,
+  CAPTIONS_FONT_SIZE_MENU: c,
+  CAPTIONS_LANGUAGE_MENU: s,
+  CAPTIONS_MENU: A,
+  CAPTION_FONT_SIZE: S,
+  CAPTION_LANGUAGE: _,
+  CLOSE: T,
+  COMMENTS: O,
+  CONTINUE: N,
+  DECREASE_PLAYBACK_SPEED: a,
+  DECREASE_VOLUME: e,
+  DOWN_ARROW: q,
+  ENTER_FULLSCREEN: U,
+  EXIT_FULLSCREEN: h,
+  INCREASE_PLAYBACK_SPEED: C,
+  INCREASE_VOLUME: P,
+  INVERT_COLORS: D,
+  JUMP_TO_PERCENTAGE: L,
+  JUMP_TO_START: R,
+  KEYBOARD_SHORTCUTS: u,
+  LANGUAGE: j,
+  LEFT_ARROW: l,
+  MAIN_MENU: y,
+  MUTE: g,
+  MUTED: H,
+  NEXT_CAPTION_LANGUAGE: G,
+  OFF: m,
+  ON_TOP: M,
+  PAUSE: v,
+  PLAY: Q,
+  PLAYBACK_SPEED: b,
+  PLAYBACK_SPEED_MESSAGE: w,
+  PREVIOUS_CAPTION_LANGUAGE: p,
+  QUALITY: r,
+  QUALITY_MENU: K,
+  RESET_PLAYBACK_SPEED: Y,
+  RIGHT_ARROW: B,
+  SEEK_BACKWARD: F,
+  SEEK_FORWARD: V,
+  SETTINGS: W,
+  SHORTCUT: d,
+  SPACE: x,
+  SPEED_MENU: J,
+  TOGGLE_CAPTIONS: X,
+  TOGGLE_MUTED: Z,
+  TOGGLE_PLAY_PAUSE: f,
+  UP_ARROW: i,
+  VOLUME: k,
+  VOLUME_VALUE: z
+};
+export {
+  o as ACTION,
+  I as ANNOTATIONS,
+  E as AUTO,
+  n as BACK,
+  t as CAPTIONS,
+  c as CAPTIONS_FONT_SIZE_MENU,
+  s as CAPTIONS_LANGUAGE_MENU,
+  A as CAPTIONS_MENU,
+  S as CAPTION_FONT_SIZE,
+  _ as CAPTION_LANGUAGE,
+  T as CLOSE,
+  O as COMMENTS,
+  N as CONTINUE,
+  a as DECREASE_PLAYBACK_SPEED,
+  e as DECREASE_VOLUME,
+  q as DOWN_ARROW,
+  U as ENTER_FULLSCREEN,
+  h as EXIT_FULLSCREEN,
+  C as INCREASE_PLAYBACK_SPEED,
+  P as INCREASE_VOLUME,
+  D as INVERT_COLORS,
+  L as JUMP_TO_PERCENTAGE,
+  R as JUMP_TO_START,
+  u as KEYBOARD_SHORTCUTS,
+  j as LANGUAGE,
+  l as LEFT_ARROW,
+  y as MAIN_MENU,
+  g as MUTE,
+  H as MUTED,
+  G as NEXT_CAPTION_LANGUAGE,
+  m as OFF,
+  M as ON_TOP,
+  v as PAUSE,
+  Q as PLAY,
+  b as PLAYBACK_SPEED,
+  w as PLAYBACK_SPEED_MESSAGE,
+  p as PREVIOUS_CAPTION_LANGUAGE,
+  r as QUALITY,
+  K as QUALITY_MENU,
+  Y as RESET_PLAYBACK_SPEED,
+  B as RIGHT_ARROW,
+  F as SEEK_BACKWARD,
+  V as SEEK_FORWARD,
+  W as SETTINGS,
+  d as SHORTCUT,
+  x as SPACE,
+  J as SPEED_MENU,
+  X as TOGGLE_CAPTIONS,
+  Z as TOGGLE_MUTED,
+  f as TOGGLE_PLAY_PAUSE,
+  i as UP_ARROW,
+  k as VOLUME,
+  z as VOLUME_VALUE,
+  $ as default
+};