@arcgis/map-components
Version:
ArcGIS Map Components
5 lines (4 loc) • 1.99 kB
JavaScript
/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
See https://js.arcgis.com/4.33/esri/copyright.txt for details.
v4.33.13 */
import{P as t,Q as e,U as d,j as l,k as c}from"./HX57SHRL.js";var p=l`.arcgis-video-player__slider-progress-container{position:relative;z-index:1;width:100%}.arcgis-video-player__progress{--esri-video-player-progress-width: 2px;appearance:none;display:block;position:absolute;top:calc(50% - var(--esri-video-player-progress-width) / 2);left:var(--esri-video-player-controls-spacing);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--esri-video-player-controls-spacing) * 2);height:var(--esri-video-player-progress-width)}.arcgis-video-player__progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.arcgis-video-player__progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__slider{--calcite-slider-track-color: transparent;background-color:var(--calcite-color-foreground-1);padding:calc(var(--esri-video-player-controls-spacing) / 4) calc(var(--esri-video-player-controls-spacing) / 2)}`,o="arcgis-video-player",i={progress:`${o}__progress`,slider:`${o}__slider`,sliderProgressContainer:`${o}__slider-progress-container`},a=class extends t{static{this.properties={viewModel:0,buffered:9,value:9}}static{this.styles=p}_onSliderInput({currentTarget:r}){if(typeof r.value=="number"){let s=r.value*this.viewModel.duration/100;this.viewModel.seekTo(s)}}render(){let{value:r,buffered:s}=this;return c`<div class=${e(i.sliderProgressContainer)}><progress class=${e(i.progress)} max=1 .value=${`${s}`}></progress><div class=${e(i.slider)}><calcite-slider max=100 min=0 .value=${r} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`}};d("arcgis-video-player-slider",a);export{a as VideoPlayerSlider};