/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
v4.33.18 */
import{P as n,Q as e,U as d,a as l,j as c,k as r}from"./3VKC6PRK.js";export default $geoscene.t(([{formatDate:v},{watch:y}])=>{var m=c`.geoscene-video-player__toolbar{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:0 calc(var(--geoscene-video-player-controls-spacing) / 2) calc(var(--geoscene-video-player-controls-spacing) / 2);font-size:var(--calcite-font-size--2)}.geoscene-video-player__toolbar-top-padding{padding-top:calc(var(--geoscene-video-player-controls-spacing) / 2)}.geoscene-video-player__timecode{display:flex;align-items:center;color:var(--calcite-color-text-3)}.geoscene-video-player__controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}.geoscene-video-player__live-icon{color:var(--calcite-color-status-danger)}.geoscene-video-player__controls-container{display:flex;align-items:center;gap:var(--calcite-spacing-md)}`,o="geoscene-video-player",i={playerControlsGroup:`${o}__controls-group`,playerTimecode:`${o}__timecode`,playerToolbar:`${o}__toolbar`,playerToolbarTopPadding:`${o}__toolbar-top-padding`,playerLiveIcon:`${o}__live-icon`,playerControlsContainer:`${o}__controls-container`};function p(t){return v(Math.round(t)*1e3,{minute:"2-digit",second:"2-digit"})}var s=class extends n{static{this.properties={_isLive:16,viewModel:0,messages:0,currentTime:9,duration:9,toggleMetadata:0}}static{this.styles=m}loaded(){this.manager.onLifecycle(()=>[y(()=>this.viewModel.layer?.isLive,a=>{this._isLive=a??void 0},{initial:!0})])}render(){let{messages:a}=this,g=this._isLive?i.playerToolbarTopPadding:null;return r`<div class=${e(l(i.playerToolbar,g))}><div class=${e(i.playerControlsContainer)}><geoscene-video-player-actions-group .messages=${a} .viewModel=${this.viewModel}></geoscene-video-player-actions-group>${this._isLive?r`<calcite-icon class=${e(i.playerLiveIcon)} icon=beacon></calcite-icon>`:null}<div class=${e(i.playerTimecode)}>${p(this.currentTime)} / ${p(this.duration)}</div></div><geoscene-video-player-controls-group class=${e(i.playerControlsGroup)} .messages=${a} .toggleMetadata=${()=>this.toggleMetadata()} .viewModel=${this.viewModel}></geoscene-video-player-controls-group></div>`}};d("geoscene-video-player-action-bar",s);return s},"intl","core/reactiveUtils")