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