/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
import b from"./DJTW52JH.js";import{d as c}from"./IJQZON2Z.js";import{O as a,P as l,U as r,a as o,b as i}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{watch:d},{a:s}])=>{var v=o`.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)}`,t=class extends a{static{this.properties={_isLive:16,viewModel:0,messages:0,currentTime:9,duration:9,toggleMetadata:0,inline:5}}static{this.styles=v}loaded(){this.manager.onLifecycle(()=>[d(()=>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 n=this._isLive?s(this.currentTime):`${s(this.currentTime)} / ${s(this.duration)}`;return i`<div class=${l(c("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">${n}</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>`}};r("arcgis-video-player-action-bar",t);return t},"core/reactiveUtils",b)