/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
import{O as t,U as a,a as s,b as o}from"./IWZQMWZ5.js";import"./ALDX5YZO.js";var l=s`:host{min-width:100px;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.slider-progress-container{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress{--arcgis-internal-video-player-progress-width: 2px;appearance:none;position:absolute;top:calc(50% - var(--arcgis-internal-video-player-progress-width) / 2);left:var(--calcite-spacing-xs);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--calcite-spacing-xs) * 2);height:var(--arcgis-internal-video-player-progress-width)}.progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.slider{--calcite-slider-track-color: transparent;width:100%}`,i=class extends t{static{this.properties={viewModel:0,buffered:9,value:9}}static{this.styles=l}_onSliderInput({currentTarget:r}){if(typeof r.value=="number"){let e=r.value*this.viewModel.duration/100;this.viewModel.seekTo(e)}}render(){let{value:r,buffered:e}=this;return o`<div class="slider-progress-container" dir=ltr><progress class="progress" max=1 .value=${`${e}`}></progress><div class="slider"><calcite-slider max=100 min=0 .value=${r} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`}};a("arcgis-video-player-slider",i);export{i as VideoPlayerSlider};
