@videojs/html 10.1.0 → 10.3.0

package/dist/dev/internal/skins/compat-audio/skin.css

@@ -182,7 +182,11 @@
 
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop {
     z-index: 40;
+    transition-property: opacity;
+    transition-duration: .15s;
+    transition-duration: var(--media-duration-slower);
     background-color: #000000bf;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
     position: absolute;
     inset: 0;
   }
@@ -191,6 +195,18 @@
     display: none;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop[data-ending-style] {
+    transition-duration: var(--media-duration);
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop[data-scope="document"] {
+    position: fixed;
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop:is([data-starting-style], [data-ending-style]) {
+    opacity: 0;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-close {
     height: calc(var(--media-spacing) * 8);
     width: auto;
@@ -215,8 +231,12 @@
     background-color: var(--media-popover);
     padding: calc(var(--media-spacing) * 5);
     color: var(--media-popover-foreground);
+    transition-property: opacity, scale;
+    transition-duration: .15s;
+    transition-duration: var(--media-duration-slower);
     border-radius: .5rem;
     outline-style: none;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
     display: grid;
     position: absolute;
     top: 50%;
@@ -236,6 +256,15 @@
     outline-color: var(--media-ring);
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup[data-ending-style] {
+    transition-duration: var(--media-duration);
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup[data-scope="document"] {
+    max-height: calc(100dvh - 2rem);
+    position: fixed;
+  }
+
   @media (forced-colors: active) {
     :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup {
       border: 1px solid canvastext;
@@ -248,6 +277,11 @@
     }
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup:is([data-starting-style], [data-ending-style]) {
+    scale: var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);
+    opacity: 0;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-title {
     font-size: 1.125rem;
     font-weight: 700;
@@ -263,6 +297,43 @@
     overflow: hidden;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button {
+    align-items: center;
+    gap: calc(var(--media-spacing) * 1.5);
+    font-size: calc(var(--media-spacing) * 2.75);
+    letter-spacing: .05em;
+    text-transform: uppercase;
+    grid-auto-flow: column;
+    font-weight: 600;
+    width: auto !important;
+    padding-inline: calc(var(--media-spacing) * 2.5) !important;
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button-dot {
+    width: calc(var(--media-spacing) * 2);
+    height: calc(var(--media-spacing) * 2);
+    opacity: .4;
+    transition-property: background-color, opacity;
+    transition-duration: .15s;
+    transition-duration: var(--media-duration);
+    background-color: currentColor;
+    border-radius: 9999px;
+    flex-shrink: 0;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
+    display: inline-block;
+  }
+
+  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button)[data-live-edge] .media-live-button-dot {
+    opacity: 1;
+    background-color: #f43f5e;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button-dot {
+      transition-property: none;
+    }
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-popup {
     color: inherit;
     border-style: solid;
@@ -409,66 +480,6 @@
     }
   }
 
-  :where(.media-skin[data-theme="compat"][data-preset="audio"]) :where(.media-airplay-button)[data-airplay-state="connected"] .media-airplay-button-enter-icon, :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-airplay-button-exit-icon {
-    display: none;
-  }
-
-  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-airplay-button)[data-airplay-state="connected"] .media-airplay-button-exit-icon {
-    display: block;
-  }
-
-  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-button-icon {
-    width: calc(var(--media-spacing) * 4.5);
-    height: calc(var(--media-spacing) * 4.5);
-    grid-row-start: 1;
-    grid-column-start: 1;
-  }
-
-  :where(.media-skin[data-theme="compat"][data-preset="audio"]) :where(.media-captions-button)[data-active] .media-captions-button-off-icon, :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-captions-button-on-icon {
-    display: none;
-  }
-
-  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-captions-button)[data-active] .media-captions-button-on-icon {
-    display: block;
-  }
-
-  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button {
-    align-items: center;
-    gap: calc(var(--media-spacing) * 1.5);
-    font-size: calc(var(--media-spacing) * 2.75);
-    letter-spacing: .05em;
-    text-transform: uppercase;
-    grid-auto-flow: column;
-    font-weight: 600;
-    width: auto !important;
-    padding-inline: calc(var(--media-spacing) * 2.5) !important;
-  }
-
-  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button-dot {
-    width: calc(var(--media-spacing) * 2);
-    height: calc(var(--media-spacing) * 2);
-    opacity: .4;
-    transition-property: background-color, opacity;
-    transition-duration: .15s;
-    transition-duration: var(--media-duration);
-    background-color: currentColor;
-    border-radius: 9999px;
-    flex-shrink: 0;
-    transition-timing-function: cubic-bezier(0, 0, .2, 1);
-    display: inline-block;
-  }
-
-  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button)[data-live-edge] .media-live-button-dot {
-    opacity: 1;
-    background-color: #f43f5e;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-live-button-dot {
-      transition-property: none;
-    }
-  }
-
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-button-icon-base {
     width: calc(var(--media-spacing) * 4.5);
     height: calc(var(--media-spacing) * 4.5);
@@ -781,6 +792,13 @@
     display: block;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-button-icon {
+    width: calc(var(--media-spacing) * 4.5);
+    height: calc(var(--media-spacing) * 4.5);
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-mute-button-high-icon {
     display: none;
   }
@@ -906,7 +924,7 @@
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-backdrop {
     pointer-events: none;
     z-index: 10;
-    background-image: linear-gradient(to top, #000000b3, #0003, #00000080);
+    background-image: var(--media-controls-gradient);
     position: absolute;
     inset: 0;
   }
@@ -1330,6 +1348,10 @@
     outline: 2px solid;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-menu-radio-item[data-custom] {
+    font-style: italic;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-menu-radio-item[data-highlighted] {
     background-color: var(--media-button-highlight);
   }
@@ -1352,6 +1374,20 @@
     font-variant-numeric: tabular-nums;
   }
 
+  @supports not (text-fit: shrink) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-playback-rate-button {
+      font-size: min(1em, calc(4em / (var(--media-playback-rate-length, 3) + 1)));
+    }
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-playback-rate-button-label {
+    text-align: center;
+    white-space: nowrap;
+    text-fit: shrink;
+    width: 80%;
+    min-width: 0;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-menu-content {
     overscroll-behavior: none;
     max-height: 100%;
@@ -1512,7 +1548,6 @@
   }
 
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-audio, :where(.media-skin[data-theme="compat"][data-preset="audio"]).media-audio {
-    aspect-ratio: auto;
     background-color: var(--media-background);
     box-shadow: 0 0 #0000,
       0 0 #0000,
@@ -1525,6 +1560,9 @@
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-container, :where(.media-skin[data-theme="compat"][data-preset="audio"]).media-container {
     border-radius: var(--media-video-border-radius);
     width: 100%;
+    min-width: 0;
+    height: 100%;
+    min-height: 0;
     font-family: var(--media-font-family, "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif);
     font-size: calc(var(--media-spacing) * 3.25);
     color: var(--media-foreground);
@@ -1554,6 +1592,17 @@
     outline-style: solid;
     outline-color: var(--media-ring);
   }
+
+  .media-container > slot::slotted(video), :scope.media-container > slot::slotted(video) {
+    border-radius: inherit;
+    object-fit: var(--media-object-fit, contain);
+    object-position: var(--media-object-position, center);
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    display: block;
+    height: 100% !important;
+  }
 }
 
 @layer utilities;
@@ -1571,7 +1620,7 @@
     --media-accent: var(--media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));
     --media-accent-foreground: var(--media-accent-text-color, currentColor);
     --media-muted: oklch(100% 0 0 / .15);
-    --media-muted-foreground: oklch(100% 0 0 / .65);
+    --media-muted-foreground: color-mix(in oklab, var(--media-foreground) 65%, transparent);
     --media-border: oklch(0% 0 0 / .1);
     --media-ring: oklch(100% 0 0);
     --media-backdrop: oklch(0% 0 0);
@@ -1584,9 +1633,9 @@
     --media-shadow-current-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));
     --media-shadow-subtle-current-color: color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);
     --media-text-shadow-dialog: 0 1px 0 #00000040;
-    --media-backdrop-filter-surface: blur(16px) saturate(110%);
+    --media-backdrop-filter-surface: blur(16px) saturate(125%);
     --media-backdrop-filter-indicator: blur(8px);
-    --media-backdrop-filter-dialog: blur(16px) saturate(110%);
+    --media-backdrop-filter-dialog: blur(16px) saturate(125%);
     --media-control-corner-shape: round;
     --media-control-radius: 99px;
     --media-control-size: calc(var(--media-spacing) * 9);
@@ -1691,6 +1740,7 @@
     --media-controls-foreground: var(--media-foreground);
     --media-popover: var(--media-controls);
     --media-popover-foreground: var(--media-foreground);
+    --media-muted: oklch(0% 0 0 / .1);
     --media-surface-border: oklch(0% 0 0 / .05);
     --media-primary: var(--media-accent-color, var(--media-foreground));
     --media-border: oklch(0% 0 0 / .1);
@@ -1709,6 +1759,7 @@
       --media-foreground: light-dark(oklch(0% 0 0), oklch(100% 0 0));
       --media-controls: light-dark(oklch(100% 0 0 / .5), oklch(0% 0 0 / .4));
       --media-border: light-dark(oklch(0% 0 0 / .1), oklch(100% 0 0 / .1));
+      --media-muted: light-dark(oklch(0% 0 0 / .1), oklch(100% 0 0 / .1));
       --media-default-accent-color: light-dark(oklch(0% 0 0), oklch(100% 0 0));
       --media-default-accent-text-color: light-dark(oklch(100% 0 0), oklch(0% 0 0));
       --media-internal-accent-text-fallback: light-dark(oklch(100% 0 0), oklch(0% 0 0));

package/dist/dev/internal/skins/compat-audio/template.js

@@ -94,8 +94,20 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
+<media-time-group class="media-time-group">
+<media-time class="media-time-toggle" type="current" toggle>
+</media-time>
+<media-time class="media-time-current-value" type="current">
+</media-time>
+<media-time-separator class="media-time-separator">
+</media-time-separator>
+<media-time class="media-time-duration-value" type="duration">
+</media-time>
+</media-time-group>
+</media-controls-group>
+<media-controls-group class="video-controls-group">
 <media-playback-rate-button commandfor="vjs-qLzMuG8D-0-popup" class="media-button media-playback-rate-button" id="vjs-0wiMTNy2-0-4-trigger">
-<span data-part="value">
+<span data-part="value" class="media-playback-rate-button-label">
 </span>
 </media-playback-rate-button>
 <media-tooltip trigger="vjs-0wiMTNy2-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
@@ -117,37 +129,13 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-playback-rate-radio-group>
 </media-menu-content>
 </media-menu>
-<media-time-group class="media-time-group">
-<media-time class="media-time-toggle" type="current" toggle>
-</media-time>
-<media-time class="media-time-current-value" type="current">
-</media-time>
-<media-time-separator class="media-time-separator">
-</media-time-separator>
-<media-time class="media-time-duration-value" type="duration">
-</media-time>
-</media-time-group>
-</media-controls-group>
-<media-controls-group class="video-controls-group">
-<media-captions-button class="media-button media-captions-button" id="vjs-0wiMTNy2-0-5-trigger">
-<media-icon family="compat" name="captions-off" class="media-button-icon media-captions-button-off-icon">
-</media-icon>
-<media-icon family="compat" name="captions-on" class="media-button-icon media-captions-button-on-icon">
-</media-icon>
-</media-captions-button>
-<media-tooltip trigger="vjs-0wiMTNy2-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
-<media-tooltip-label>
-</media-tooltip-label>
-<media-tooltip-shortcut class="media-tooltip-shortcut">
-</media-tooltip-shortcut>
-</media-tooltip>
-<media-mute-button commandfor="vjs-DTtRMRFm-0-popup" class="media-button media-mute-button" id="vjs-0wiMTNy2-0-6-trigger">
+<media-mute-button commandfor="vjs-DTtRMRFm-0-popup" class="media-button media-mute-button" id="vjs-0wiMTNy2-0-5-trigger">
 <media-icon family="compat" name="volume-off" class="media-button-icon media-mute-button-off-icon">
 </media-icon>
 <media-icon family="compat" name="volume-high" class="media-button-icon media-mute-button-high-icon">
 </media-icon>
 </media-mute-button>
-<media-tooltip trigger="vjs-0wiMTNy2-0-6-trigger" delay="0" disabled side="top" sticky class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-5-trigger" delay="0" disabled side="top" sticky class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
@@ -163,18 +151,6 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-slider-thumb>
 </media-volume-slider>
 </media-volume-popover>
-<media-airplay-button class="media-button media-airplay-button" id="vjs-0wiMTNy2-0-7-trigger">
-<media-icon family="compat" name="airplay-enter" class="media-button-icon media-airplay-button-enter-icon">
-</media-icon>
-<media-icon family="compat" name="airplay-exit" class="media-button-icon media-airplay-button-exit-icon">
-</media-icon>
-</media-airplay-button>
-<media-tooltip trigger="vjs-0wiMTNy2-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
-<media-tooltip-label>
-</media-tooltip-label>
-<media-tooltip-shortcut class="media-tooltip-shortcut">
-</media-tooltip-shortcut>
-</media-tooltip>
 </media-controls-group>
 </media-controls-group>
 </div>

package/dist/dev/internal/skins/compat-audio/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/compat-audio/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container media-audio\" data-theme=\"compat\" data-preset=\"audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-buffering-indicator class=\"video-controls-buffering\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<div class=\"video-controls-slider-row\">\n<media-time-slider class=\"media-time-slider\" thumb-alignment=\"edge\">\n<media-time-slider-chapters class=\"media-time-slider-chapters\">\n<template>\n<div class=\"media-time-slider-chapter\">\n<media-slider-track class=\"media-time-slider-track media-time-slider-audio-track\">\n<media-slider-buffer class=\"media-time-slider-buffer media-time-slider-audio-buffer\">\n</media-slider-buffer>\n<media-slider-fill class=\"media-time-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n</div>\n</template>\n</media-time-slider-chapters>\n<media-slider-thumb class=\"media-time-slider-thumb\">\n</media-slider-thumb>\n<media-slider-preview class=\"media-time-slider-preview\">\n<media-slider-thumbnail class=\"media-slider-thumbnail\">\n<img alt=\"\" aria-hidden=\"true\" decoding=\"async\" class=\"media-slider-thumbnail-image\">\n</media-slider-thumbnail>\n<div class=\"media-time-slider-preview-meta media-time-slider-audio-preview-meta\">\n<div class=\"media-time-slider-preview-label\">\n<media-slider-value class=\"media-time-slider-value\" type=\"pointer\">\n</media-slider-value>\n<media-time-slider-chapter-title class=\"media-time-slider-chapter-title\">\n</media-time-slider-chapter-title>\n</div>\n</div>\n</media-slider-preview>\n</media-time-slider>\n</div>\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-0wiMTNy2-0-trigger\">\n<media-icon family=\"compat\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"-10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-2-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon media-seek-button-backward-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-backward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-2-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-3-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-forward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-playback-rate-button commandfor=\"vjs-qLzMuG8D-0-popup\" class=\"media-button media-playback-rate-button\" id=\"vjs-0wiMTNy2-0-4-trigger\">\n<span data-part=\"value\">\n</span>\n</media-playback-rate-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-text token=\"menu.speed\">Speed</media-text>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup\" id=\"vjs-qLzMuG8D-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-playback-rate-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-indicator\">\n<media-icon family=\"compat\" name=\"check\" class=\"media-menu-radio-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-playback-rate-radio-group>\n</media-menu-content>\n</media-menu>\n<media-time-group class=\"media-time-group\">\n<media-time class=\"media-time-toggle\" type=\"current\" toggle>\n</media-time>\n<media-time class=\"media-time-current-value\" type=\"current\">\n</media-time>\n<media-time-separator class=\"media-time-separator\">\n</media-time-separator>\n<media-time class=\"media-time-duration-value\" type=\"duration\">\n</media-time>\n</media-time-group>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-captions-button class=\"media-button media-captions-button\" id=\"vjs-0wiMTNy2-0-5-trigger\">\n<media-icon family=\"compat\" name=\"captions-off\" class=\"media-button-icon media-captions-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"captions-on\" class=\"media-button-icon media-captions-button-on-icon\">\n</media-icon>\n</media-captions-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-5-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-mute-button commandfor=\"vjs-DTtRMRFm-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-0wiMTNy2-0-6-trigger\">\n<media-icon family=\"compat\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-6-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup\" id=\"vjs-DTtRMRFm-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n<media-airplay-button class=\"media-button media-airplay-button\" id=\"vjs-0wiMTNy2-0-7-trigger\">\n<media-icon family=\"compat\" name=\"airplay-enter\" class=\"media-button-icon media-airplay-button-enter-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"airplay-exit\" class=\"media-button-icon media-airplay-button-exit-icon\">\n</media-icon>\n</media-airplay-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-7-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n</media-controls-group>\n</media-controls-group>\n</div>\n</media-tooltip-group>\n</media-controls-content>\n</media-buffering-indicator>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowRight\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowLeft\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"l\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"j\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"0-9\" action=\"seekToPercent\">\n</media-hotkey>\n<media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\">\n</media-hotkey>\n<media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\">\n</media-hotkey>\n<media-hotkey keys=\"&gt;\" action=\"speedUp\">\n</media-hotkey>\n<media-hotkey keys=\"&lt;\" action=\"speedDown\">\n</media-hotkey>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAmNT"}
+{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/compat-audio/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container media-audio\" data-theme=\"compat\" data-preset=\"audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-buffering-indicator class=\"video-controls-buffering\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<div class=\"video-controls-slider-row\">\n<media-time-slider class=\"media-time-slider\" thumb-alignment=\"edge\">\n<media-time-slider-chapters class=\"media-time-slider-chapters\">\n<template>\n<div class=\"media-time-slider-chapter\">\n<media-slider-track class=\"media-time-slider-track media-time-slider-audio-track\">\n<media-slider-buffer class=\"media-time-slider-buffer media-time-slider-audio-buffer\">\n</media-slider-buffer>\n<media-slider-fill class=\"media-time-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n</div>\n</template>\n</media-time-slider-chapters>\n<media-slider-thumb class=\"media-time-slider-thumb\">\n</media-slider-thumb>\n<media-slider-preview class=\"media-time-slider-preview\">\n<media-slider-thumbnail class=\"media-slider-thumbnail\">\n<img alt=\"\" aria-hidden=\"true\" decoding=\"async\" class=\"media-slider-thumbnail-image\">\n</media-slider-thumbnail>\n<div class=\"media-time-slider-preview-meta media-time-slider-audio-preview-meta\">\n<div class=\"media-time-slider-preview-label\">\n<media-slider-value class=\"media-time-slider-value\" type=\"pointer\">\n</media-slider-value>\n<media-time-slider-chapter-title class=\"media-time-slider-chapter-title\">\n</media-time-slider-chapter-title>\n</div>\n</div>\n</media-slider-preview>\n</media-time-slider>\n</div>\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-0wiMTNy2-0-trigger\">\n<media-icon family=\"compat\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"-10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-2-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon media-seek-button-backward-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-backward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-2-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-3-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-forward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-time-group class=\"media-time-group\">\n<media-time class=\"media-time-toggle\" type=\"current\" toggle>\n</media-time>\n<media-time class=\"media-time-current-value\" type=\"current\">\n</media-time>\n<media-time-separator class=\"media-time-separator\">\n</media-time-separator>\n<media-time class=\"media-time-duration-value\" type=\"duration\">\n</media-time>\n</media-time-group>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-playback-rate-button commandfor=\"vjs-qLzMuG8D-0-popup\" class=\"media-button media-playback-rate-button\" id=\"vjs-0wiMTNy2-0-4-trigger\">\n<span data-part=\"value\" class=\"media-playback-rate-button-label\">\n</span>\n</media-playback-rate-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-text token=\"menu.speed\">Speed</media-text>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup\" id=\"vjs-qLzMuG8D-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-playback-rate-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-indicator\">\n<media-icon family=\"compat\" name=\"check\" class=\"media-menu-radio-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-playback-rate-radio-group>\n</media-menu-content>\n</media-menu>\n<media-mute-button commandfor=\"vjs-DTtRMRFm-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-0wiMTNy2-0-5-trigger\">\n<media-icon family=\"compat\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-5-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup\" id=\"vjs-DTtRMRFm-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n</media-controls-group>\n</media-controls-group>\n</div>\n</media-tooltip-group>\n</media-controls-content>\n</media-buffering-indicator>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowRight\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowLeft\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"l\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"j\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"0-9\" action=\"seekToPercent\">\n</media-hotkey>\n<media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\">\n</media-hotkey>\n<media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\">\n</media-hotkey>\n<media-hotkey keys=\"&gt;\" action=\"speedUp\">\n</media-hotkey>\n<media-hotkey keys=\"&lt;\" action=\"speedDown\">\n</media-hotkey>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA2LT"}

package/dist/dev/internal/skins/compat-live-audio/register.d.ts

@@ -18,11 +18,9 @@ import "../../../define/ui/play-button.js";
 import "../../../define/ui/tooltip.js";
 import "../../../define/ui/tooltip-label.js";
 import "../../../define/ui/tooltip-shortcut.js";
-import "../../../define/ui/captions-button.js";
 import "../../../define/ui/mute-button.js";
 import "../../../define/ui/volume-popover.js";
 import "../../../define/ui/volume-slider.js";
-import "../../../define/ui/airplay-button.js";
 import "../../../define/ui/hotkey.js";
 import "../../../define/ui/status-announcer.js";
 import "../../../define/ui/live-button.js";

package/dist/dev/internal/skins/compat-live-audio/register.js

@@ -1,9 +1,5 @@
 import "../../../define/i18n.js";
 import { registerIcons } from "../../../icons/element/register/index.js";
-import { airPlayEnterIcon } from "../../../icons/dist/html/compat/airplay-enter.js";
-import { airPlayExitIcon } from "../../../icons/dist/html/compat/airplay-exit.js";
-import { captionsOffIcon } from "../../../icons/dist/html/compat/captions-off.js";
-import { captionsOnIcon } from "../../../icons/dist/html/compat/captions-on.js";
 import { pauseIcon } from "../../../icons/dist/html/compat/pause.js";
 import { playIcon } from "../../../icons/dist/html/compat/play.js";
 import { restartIcon } from "../../../icons/dist/html/compat/restart.js";
@@ -21,7 +17,6 @@ import "../../../define/ui/controls.js";
 import "../../../define/ui/controls-content.js";
 import "../../../define/ui/tooltip-group.js";
 import "../../../define/ui/controls-group.js";
-import "../../../define/ui/airplay-button.js";
 import "../../../define/ui/tooltip.js";
 import "../../../define/ui/tooltip-label.js";
 import "../../../define/ui/tooltip-shortcut.js";
@@ -32,16 +27,11 @@ import "../../../define/ui/slider-thumb.js";
 import "../../../define/ui/mute-button.js";
 import "../../../define/ui/volume-popover.js";
 import "../../../define/ui/volume-slider.js";
-import "../../../define/ui/captions-button.js";
 import "../../../define/ui/hotkey.js";
 import "../../../define/ui/status-announcer.js";
 import "../../../define/ui/live-button.js";
 //#region src/internal/skins/compat-live-audio/register.ts
 registerIcons("compat", {
-	"airplay-enter": airPlayEnterIcon,
-	"airplay-exit": airPlayExitIcon,
-	"captions-off": captionsOffIcon,
-	"captions-on": captionsOnIcon,
 	pause: pauseIcon,
 	play: playIcon,
 	restart: restartIcon,

package/dist/dev/internal/skins/compat-live-audio/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","names":["airPlayEnterIconCompat","airPlayExitIconCompat","captionsOffIconCompat","captionsOnIconCompat","pauseIconCompat","playIconCompat","restartIconCompat","volumeHighIconCompat","volumeOffIconCompat"],"sources":["../../../../../src/internal/skins/compat-live-audio/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/live-button';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/status-announcer';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon as airPlayEnterIconCompat,\n  airPlayExitIcon as airPlayExitIconCompat,\n  captionsOffIcon as captionsOffIconCompat,\n  captionsOnIcon as captionsOnIconCompat,\n  pauseIcon as pauseIconCompat,\n  playIcon as playIconCompat,\n  restartIcon as restartIconCompat,\n  volumeHighIcon as volumeHighIconCompat,\n  volumeOffIcon as volumeOffIconCompat,\n} from '../../../icons/compat';\n\nregisterIcons('compat', {\n  'airplay-enter': airPlayEnterIconCompat,\n  'airplay-exit': airPlayExitIconCompat,\n  'captions-off': captionsOffIconCompat,\n  'captions-on': captionsOnIconCompat,\n  pause: pauseIconCompat,\n  play: playIconCompat,\n  restart: restartIconCompat,\n  'volume-high': volumeHighIconCompat,\n  'volume-off': volumeOffIconCompat,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,cAAc,UAAU;CACtB,iBAAiBA;CACjB,gBAAgBC;CAChB,gBAAgBC;CAChB,eAAeC;CACf,OAAOC;CACP,MAAMC;CACN,SAASC;CACT,eAAeC;CACf,cAAcC;AAChB,CAAC"}
+{"version":3,"file":"register.js","names":["pauseIconCompat","playIconCompat","restartIconCompat","volumeHighIconCompat","volumeOffIconCompat"],"sources":["../../../../../src/internal/skins/compat-live-audio/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/live-button';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/status-announcer';\nimport { registerIcons } from '../../../icons';\nimport {\n  pauseIcon as pauseIconCompat,\n  playIcon as playIconCompat,\n  restartIcon as restartIconCompat,\n  volumeHighIcon as volumeHighIconCompat,\n  volumeOffIcon as volumeOffIconCompat,\n} from '../../../icons/compat';\n\nregisterIcons('compat', {\n  pause: pauseIconCompat,\n  play: playIconCompat,\n  restart: restartIconCompat,\n  'volume-high': volumeHighIconCompat,\n  'volume-off': volumeOffIconCompat,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,cAAc,UAAU;CACtB,OAAOA;CACP,MAAMC;CACN,SAASC;CACT,eAAeC;CACf,cAAcC;AAChB,CAAC"}