@arcgis/map-components
Version:
ArcGIS Map Components
2 lines • 2.5 kB
JavaScript
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import{O as o,U as d,a as s,b as t}from"./WUJCCZQC.js";import"./3TTFCHAA.js";export default $arcgis.t(([{watch:c}])=>{var n=s`.table{display:flex;flex-direction:column;border-top:1px solid var(--calcite-color-border-1)}.row{display:flex;flex-direction:row;border-bottom:1px solid var(--calcite-color-border-1);border-right:1px solid var(--calcite-color-border-1)}.data{flex:1;border-left:1px solid var(--calcite-color-border-1);padding:5px}.empty-state{width:100%;max-inline-size:unset;transition-duration:0ms;margin-top:var(--calcite-spacing-md)}`,e=class extends o{constructor(){super(...arguments),this._disabled=!1,this._hasMetadata=!1,this._missionInfo={},this._platformInfo={},this._frameInfo={}}static{this.properties={_disabled:16,_hasMetadata:16,_missionInfo:16,_platformInfo:16,_frameInfo:16,viewModel:0,messages:0}}static{this.styles=n}loaded(){this.manager.onLifecycle(()=>[c(()=>this.viewModel.state,a=>{this._disabled=a==="not-ready"||a==="waiting"},{initial:!0}),c(()=>[this.viewModel.metadata?.missionInfo,this.viewModel.metadata?.platformInfo,this.viewModel.metadata?.frameInfo],()=>{let{metadata:a}=this.viewModel;if(this._hasMetadata=!!a,!this._hasMetadata)return;let{missionInfo:i,platformInfo:r,frameInfo:l}=a;this._missionInfo=i,this._platformInfo=r,this._frameInfo=l},{initial:!0})])}render(){let{messages:a}=this;return this._disabled||!this._hasMetadata?t`<calcite-tile class="empty-state" .description=${a.metadataDescription} .heading=${a.metadataNotLoaded}></calcite-tile>`:t`<calcite-block .heading=${a.metadata} expanded><calcite-accordion appearance=solid selection-mode=single><calcite-accordion-item .heading=${a.missionInfo}><div class="table">${Object.keys(this._missionInfo).map(i=>t`<div class="row"><div class="data">${i}</div><div class="data">${this._missionInfo[i]}</div></div>`)}</div></calcite-accordion-item><calcite-accordion-item .heading=${a.platformInfo}><div class="table">${Object.keys(this._platformInfo).map(i=>t`<div class="row"><div class="data">${i}</div><div class="data">${this._platformInfo[i]}</div></div>`)}</div></calcite-accordion-item><calcite-accordion-item .heading=${a.frameInfo}><div class="table">${Object.keys(this._frameInfo).map(i=>t`<div class="row"><div class="data">${i}</div><div class="data">${this._frameInfo[i]}</div></div>`)}</div></calcite-accordion-item></calcite-accordion></calcite-block>`}};d("arcgis-video-player-metadata",e);return e},"core/reactiveUtils")