/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
import{b as n}from"./ZNBKMZP7.js";import{O as r,P as l,U as c,a,b as i}from"./7H4DKXI2.js";import"./ALDX5YZO.js";export default $arcgis.t(([{formatDate:v},{watch:g}])=>{var m=a`.toolbar{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2)}.timecode{color:var(--calcite-color-text-3);line-height:1.25rem}.controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}.live-icon{color:var(--calcite-color-status-danger)}.controls-container{display:flex;align-items:center;gap:var(--calcite-spacing-md)}`;function s(o){return v(Math.round(o)*1e3,{minute:"2-digit",second:"2-digit"})}var t=class extends r{static{this.properties={_isLive:16,viewModel:0,messages:0,currentTime:9,duration:9,toggleMetadata:0,inline:5}}static{this.styles=m}loaded(){this.manager.onLifecycle(()=>[g(()=>this.viewModel.layer?.isLive,e=>{this._isLive=e??void 0},{initial:!0})])}render(){let{messages:e}=this;this._isLive===void 0&&(this._isLive=this.viewModel.layer?.isLive);let d=this._isLive?s(this.currentTime):`${s(this.currentTime)} / ${s(this.duration)}`;return i`<div class=${l(n("toolbar"))}><div class="controls-container"><arcgis-video-player-actions-group .inline=${this.inline} .messages=${e} .viewModel=${this.viewModel}></arcgis-video-player-actions-group>${this._isLive?i`<calcite-icon class="live-icon" icon=beacon></calcite-icon>`:null}${!this.inline||this._isLive?i`<div class="timecode">${d}</div>`:null}</div>${this.inline?null:i`<arcgis-video-player-controls-group class="controls-group" .messages=${e} .toggleMetadata=${()=>this.toggleMetadata()} .viewModel=${this.viewModel}></arcgis-video-player-controls-group>`}</div>`}};c("arcgis-video-player-action-bar",t);return t},"intl","core/reactiveUtils")