@nasa-terra/components 0.0.185 → 0.0.186

package/dist/chunks/chunk.EO7U6GTZ.js

@@ -0,0 +1,20 @@
+import{a as $}from"./chunk.7JZVKWGI.js";import{a as x,b as z}from"./chunk.IV5JC2HX.js";import{a as w,b as E,e as i}from"./chunk.INFVQQSJ.js";import{arrow as C,autoUpdate as P,computePosition as A,flip as L,offset as O,platform as y,shift as H,size as S}from"@floating-ui/dom";import{classMap as B}from"lit/directives/class-map.js";import{html as R}from"lit";import{offsetParent as M}from"composed-offset-position";import{property as s,query as k}from"lit/decorators.js";function j(d){return d!==null&&typeof d=="object"&&"getBoundingClientRect"in d&&("contextElement"in d?d.contextElement instanceof Element:!0)}var e=class extends z{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let t=this.anchorEl.getBoundingClientRect(),o=this.popup.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a=0,h=0,c=0,m=0,f=0,r=0,l=0,p=0;n?t.top<o.top?(a=t.left,h=t.bottom,c=t.right,m=t.bottom,f=o.left,r=o.top,l=o.right,p=o.top):(a=o.left,h=o.bottom,c=o.right,m=o.bottom,f=t.left,r=t.top,l=t.right,p=t.top):t.left<o.left?(a=t.right,h=t.top,c=o.left,m=o.top,f=t.right,r=t.bottom,l=o.left,p=o.bottom):(a=o.right,h=o.top,c=t.left,m=t.top,f=o.right,r=o.bottom,l=t.left,p=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${h}px`),this.style.setProperty("--hover-bridge-top-right-x",`${c}px`),this.style.setProperty("--hover-bridge-top-right-y",`${m}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${r}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${p}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||j(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){!this.anchorEl||!this.active||(this.cleanup=P(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>t())):t()})}reposition(){if(!this.active||!this.anchorEl)return;let t=[O({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(S({apply:({rects:n})=>{let a=this.sync==="width"||this.sync==="both",h=this.sync==="height"||this.sync==="both";this.popup.style.width=a?`${n.reference.width}px`:"",this.popup.style.height=h?`${n.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(L({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(H({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(S({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:n,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${n}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(C({element:this.arrowEl,padding:this.arrowPadding}));let o=this.strategy==="absolute"?n=>y.getOffsetParent(n,M):y.getOffsetParent;A(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:E(w({},y),{getOffsetParent:o})}).then(({x:n,y:a,middlewareData:h,placement:c})=>{let f={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];if(this.setAttribute("data-current-placement",c),Object.assign(this.popup.style,{left:`${n}px`,top:`${a}px`}),this.arrow){let r=h.arrow.x,l=h.arrow.y,p="",g="",b="",u="";if(this.arrowPlacement==="start"){let v=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";p=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",g="",u=v}else this.arrowPlacement==="end"?(g=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",u="",b=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(u=typeof r=="number"?"calc(50% - var(--arrow-size-diagonal))":"",p=typeof l=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(u=typeof r=="number"?`${r}px`:"",p=typeof l=="number"?`${l}px`:"");Object.assign(this.arrowEl.style,{top:p,right:g,bottom:b,left:u,[f]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.emit("terra-reposition")}render(){return R`
+            <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
+
+            <span
+                part="hover-bridge"
+                class=${B({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
+            ></span>
+
+            <div
+                part="popup"
+                class=${B({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
+            >
+                <slot></slot>
+                ${this.arrow?R`<div
+                          part="arrow"
+                          class="popup__arrow"
+                          role="presentation"
+                      ></div>`:""}
+            </div>
+        `}};e.styles=[x,$],i([k(".popup")],e.prototype,"popup",2),i([k(".popup__arrow")],e.prototype,"arrowEl",2),i([s()],e.prototype,"anchor",2),i([s({type:Boolean,reflect:!0})],e.prototype,"active",2),i([s({reflect:!0})],e.prototype,"placement",2),i([s({reflect:!0})],e.prototype,"strategy",2),i([s({type:Number})],e.prototype,"distance",2),i([s({type:Number})],e.prototype,"skidding",2),i([s({type:Boolean})],e.prototype,"arrow",2),i([s({attribute:"arrow-placement"})],e.prototype,"arrowPlacement",2),i([s({attribute:"arrow-padding",type:Number})],e.prototype,"arrowPadding",2),i([s({type:Boolean})],e.prototype,"flip",2),i([s({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map(o=>o.trim()).filter(o=>o!==""),toAttribute:t=>t.join(" ")}})],e.prototype,"flipFallbackPlacements",2),i([s({attribute:"flip-fallback-strategy"})],e.prototype,"flipFallbackStrategy",2),i([s({type:Object})],e.prototype,"flipBoundary",2),i([s({attribute:"flip-padding",type:Number})],e.prototype,"flipPadding",2),i([s({type:Boolean})],e.prototype,"shift",2),i([s({type:Object})],e.prototype,"shiftBoundary",2),i([s({attribute:"shift-padding",type:Number})],e.prototype,"shiftPadding",2),i([s({attribute:"auto-size"})],e.prototype,"autoSize",2),i([s()],e.prototype,"sync",2),i([s({type:Object})],e.prototype,"autoSizeBoundary",2),i([s({attribute:"auto-size-padding",type:Number})],e.prototype,"autoSizePadding",2),i([s({attribute:"hover-bridge",type:Boolean})],e.prototype,"hoverBridge",2);export{e as a};

package/dist/chunks/chunk.EQPXCBZU.js

@@ -0,0 +1,2 @@
+import{b as Tt}from"./chunk.43F6G3ZK.js";import{c as vt}from"./chunk.NZ2EQTLJ.js";import{a as kt}from"./chunk.URW5CT6H.js";import{b as dt}from"./chunk.6LAOJZS6.js";import{b as Ct}from"./chunk.FJ7JMZGK.js";import{c as St,d as It,e as Et}from"./chunk.7S57EA4V.js";import{a as J}from"./chunk.3FHTK4MP.js";import{a as mt}from"./chunk.IZZFNAC5.js";import{b as U,c as ht,d as ct}from"./chunk.BWCJXCND.js";import{a as C,b as O,f as p,g as u,h as k,i as h}from"./chunk.INFVQQSJ.js";var K=2e5,Y=1e3*60*60,z=Y*24;function Q(N,e,o){let a=o.getTime()-e.getTime();switch(N){case"half-hourly":return Math.floor(a/(Y/2))+1;case"hourly":return Math.floor(a/Y)+1;case"3-hourly":return Math.floor(a/(Y*3))+1;case"8-daily":return Math.floor(a/(z*8))+1;case"daily":return Math.floor(a/z)+1;case"weekly":return Math.floor(a/(z*7))+1;case"monthly":return Math.floor(a/(z*30))+1;default:throw new Error(`Unsupported time interval: ${N}`)}}function Lt(N,e,o){let a=Q(N,e,o);if(a<=K)return[{start:e,end:o}];let l=[],i=o.getTime()-e.getTime(),n=Math.ceil(a/K),s=Math.floor(i/n),m=new Date(e),r=i;for(;r>0;){let t=new Date(m.getTime()+s);t>o&&(t=o);let c=Q(N,m,t);if(c>K){let f=s*K/c;t=new Date(m.getTime()+f)}l.push({start:new Date(m),end:new Date(t)}),r=o.getTime()-t.getTime(),m=t}return l}import{initialState as Yt,Task as Nt}from"@lit/task";import*as Vt from"plotly.js-dist-min";var Qt=5e4,Xt="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",At=300,Gt=1e4,Ht={type:"scatter",mode:"lines"},V,w,G,P,$,j,M,v,_,Z,jt,tt,Ft,W,ut,B,ft,et,xt,at,Ot,L,q,rt,Ut,ot,qt,st,$t,it,Wt,nt,Bt,lt,Jt,F,X,D,y,_t=class{constructor(e){u(this,v);u(this,Z);u(this,tt);u(this,W);u(this,B);u(this,et);u(this,at);u(this,L);u(this,rt);u(this,ot);u(this,st);u(this,it);u(this,nt);u(this,lt);u(this,F);u(this,D);u(this,V,!1);u(this,w,new vt);u(this,G,new Et);u(this,P,void 0);u(this,$,void 0);u(this,j,void 0);u(this,M,void 0);this.emptyPlotData=[O(C({},Ht),{x:[],y:[]})];this.host=e,k(this,j,new Ct(this.host,{getCollectionEntryId:()=>h(this,st,$t).call(this),getBearerToken:()=>this.host.bearerToken})),k(this,M,new kt(this.host)),new Nt(e,{task:async(o,{signal:a})=>{var b;let{jobId:l}=this.host;if(console.log("Checking for jobId to hydrate host properties",l,this.host.startDate,this.host.endDate,this.host.location,this.host.bearerToken),!l||!this.host.bearerToken||this.host.startDate&&this.host.endDate&&this.host.location)return;let i=await It.getJobStatus(l,{bearerToken:this.host.bearerToken,signal:a}),n=dt.fromUrl(i.request),{startDate:s,endDate:m,location:r,variables:t,variableConceptIds:c}=n.options;if(s&&(this.host.startDate=s),m&&(this.host.endDate=m),r instanceof mt)this.host.location=`${r.lat},${r.lng}`;else if(r instanceof J){let[E,A,g,S]=[r.getWest(),r.getSouth(),r.getEast(),r.getNorth()];this.host.location=`${E},${A},${g},${S}`}let f=(b=t==null?void 0:t[0])!=null?b:c==null?void 0:c[0];f&&!this.host.variableEntryId&&(this.host.variableEntryId=f),console.log("Hydrated host properties from job status",{startDate:this.host.startDate,endDate:this.host.endDate,location:this.host.location}),this.host.requestUpdate()},args:()=>[this.host.jobId,this.host.bearerToken]}),this.task=new Nt(e,{task:async(o,{signal:a})=>{var s,m;if(console.log("Fetching time series data",{variables:h(this,v,_).call(this),startDate:this.host.startDate,endDate:this.host.endDate,location:this.host.location}),!h(this,v,_).call(this).length||!this.host.startDate||!this.host.endDate||!this.host.location)return console.log("Requirements not met to fetch the time series data "),h(this,v,_).call(this).map(t=>t.dataFieldId).join("|")!==p(this,$)&&(this.lastTaskValue=void 0),Yt;let l=h(this,v,_).call(this),i=await Promise.all(l.map(async r=>{var f;let t=await h(this,Z,jt).call(this,a,r),c=h(this,L,q).call(this,t.data,(f=t.metadata)==null?void 0:f.undef);return{variable:r,timeSeries:t,filteredData:c}}));this.metadata=(s=i[0])==null?void 0:s.timeSeries.metadata,k(this,$,h(this,v,_).call(this).map(r=>r.dataFieldId).join("|")),this.lastTaskValue=i.map(({variable:r,filteredData:t})=>{var c,f;return O(C({},Ht),{name:(f=(c=r.dataFieldLongName)!=null?c:r.dataFieldShortName)!=null?f:r.dataFieldId,hovertemplate:r.dataFieldUnits?`%{x}<br>%{y} ${r.dataFieldUnits}<extra>%{fullData.name}</extra>`:"%{x}<br>%{y}<extra>%{fullData.name}</extra>",x:t.map(b=>b.timestamp),y:t.map(b=>b.value)})});let n=i[0];return n?(this.host.emit("terra-time-series-data-change",{detail:{data:n.timeSeries,variable:n.variable,series:i.map(({variable:r,timeSeries:t})=>({variable:r,data:t})),startDate:ht(this.host.startDate),endDate:ht(this.host.endDate),location:this.host.location}}),p(this,P)&&h(this,lt,Jt).call(this,p(this,P)).catch(console.error),this.lastTaskValue):(m=this.lastTaskValue)!=null?m:this.emptyPlotData},args:()=>[this.host.catalogVariable,this.host.catalogVariables,this.host.startDate,this.host.endDate,this.host.location]})}render(e){return this.task.render(e)}getCacheKey(){return!this.host.location||!this.host.catalogVariable?"":this.getCacheKeyForVariable(this.host.catalogVariable)}getCacheKeyForVariable(e){return p(this,w).getCacheKeyForVariable(e.dataFieldId,this.host.location,this.host.environment)}confirmDataPointWarning(){k(this,V,!0),this.host.showDataPointWarning=!1}};V=new WeakMap,w=new WeakMap,G=new WeakMap,P=new WeakMap,$=new WeakMap,j=new WeakMap,M=new WeakMap,v=new WeakSet,_=function(){var e;return(e=this.host.catalogVariables)!=null&&e.length?this.host.catalogVariables:this.host.catalogVariable?[this.host.catalogVariable]:[]},Z=new WeakSet,jt=async function(e,o){var gt,bt,wt,Dt,yt;let a=this.host.startDate,l=this.host.endDate;if(!a||!l)throw new Error("Start and end date are required to fetch time series data");let i=d=>/T\d{2}:\d{2}/.test(d),n=U(a),s=U(l,!i(l)),m=this.getCacheKeyForVariable(o),r=o.dataFieldId;if(console.log("Loading time series for variable",o,this.host.startDate,this.host.endDate,this.host.location),this.host.jobId){let d=await h(this,B,ft).call(this,this.host.jobId,e);if(d.status==="failed"){let T=d.message||((bt=(gt=d.errors)==null?void 0:gt[0])==null?void 0:bt.message)||"The subset job failed",x=new Error(T);throw h(this,D,y).call(this,x,d.errors),x}if(d.status==="complete_with_errors"&&d.errors&&d.errors.length>0){let T=d.errors[0].message||"The subset job completed with errors",x=new Error(T);throw h(this,D,y).call(this,x,d.errors),x}let I=(wt=d.links.find(T=>T.rel==="data"))==null?void 0:wt.href;if(!I){let T=new Error("No data link found for Harmony job");throw h(this,D,y).call(this,T,d.errors),T}return k(this,P,this.host.jobId),h(this,W,ut).call(this,I,e)}let t=this.host.cache?await p(this,w).getValidCacheEntry(m):void 0,c=t!=null&&t.startDate?U(t.startDate):void 0,f=t!=null&&t.endDate?U(t.endDate,!0):void 0;if(console.log("Existing data?",t?"Yes":"No"),console.log("Is date range contained?",c&&f?ct(n,s,c,f):!1),console.log("Is cache valid?",p(this,w).isCacheValid(t)),t&&c&&f&&ct(n,s,c,f)&&p(this,w).isCacheValid(t)){console.log("Returning existing data from cache ",this.getCacheKey());let d=(Dt=t.metadata)==null?void 0:Dt.undef,I=h(this,L,q).call(this,t.data,d),T=O(C({},t),{data:I});return p(this,w).getDataInRange(T,n,s)}let b=p(this,w).calculateDataGaps(n,s,t);if(b.length===0&&t){let d=h(this,L,q).call(this,t.data,(yt=t.metadata)==null?void 0:yt.undef),I=O(C({},t),{data:d});return p(this,w).getDataInRange(I,n,s)}let A=(t!=null&&t.data?h(this,ot,qt).call(this,t.data):null)||o.dataProductTimeInterval||"daily",g=[];for(let d of b){let I=Lt(A,d.start,d.end);g.push(...I)}let S=await Promise.all(g.map(async d=>await h(this,tt,Ft).call(this,r,d.start,d.end,e,o))),R=(t==null?void 0:t.data)||[],H=(t==null?void 0:t.metadata)||{};for(let d of S)R=[...R,...d.data],H=C(C({},H),d.metadata);R=p(this,w).deduplicateByTimestamp(R);let pt={metadata:H,data:R};this.host.cache&&await p(this,w).storeConsolidatedData({cacheKey:m,variableEntryId:r,environment:this.host.environment,metadata:pt.metadata,data:R});let Kt=h(this,L,q).call(this,R,H==null?void 0:H.undef);return p(this,w).getDataInRange({metadata:pt.metadata,data:Kt},n,s)},tt=new WeakSet,Ft=async function(e,o,a,l,i){var b,E,A;if(!p(this,V)&&!h(this,rt,Ut).call(this,i,o,a))throw new Error("User cancelled data point warning");k(this,V,!1);let n=h(this,nt,Bt).call(this),s=n instanceof J,m=await h(this,it,Wt).call(this,l),r=new dt({collectionConceptId:m,location:n}).variable(e).dateRange(o.toISOString(),a.toISOString()).format("text/csv").label("terra-time-series");this.host.applicationId&&r.label(this.host.applicationId),r.addLabelsFromVariable(i),s&&r.average("area");let t;try{let g=await p(this,M).startJob({harmonyRequest:r,options:{signal:l,bearerToken:this.host.bearerToken,environment:this.host.environment}});t=g.jobID,k(this,P,t),this.host.emit("terra-harmony-job-status-update",{detail:g})}catch(g){throw h(this,D,y).call(this,g),g}let c=await h(this,B,ft).call(this,t,l);if(c.status==="failed"){let g=c.message||((E=(b=c.errors)==null?void 0:b[0])==null?void 0:E.message)||"The subset job failed",S=new Error(g);throw h(this,D,y).call(this,S,c.errors),S}if(c.status==="complete_with_errors"&&c.errors&&c.errors.length>0){let g=c.errors[0].message||"The subset job completed with errors",S=new Error(g);throw h(this,D,y).call(this,S,c.errors),S}let f=(A=c.links.find(g=>g.rel==="data"))==null?void 0:A.href;if(!f){let g=new Error("No data link found for Harmony job");throw h(this,D,y).call(this,g,c.errors),g}return h(this,W,ut).call(this,f,l)},W=new WeakSet,ut=async function(e,o){let a=e.replace("proxy-timeseries","timeseries"),l=`${Xt}?url=${encodeURIComponent(a)}`,i=await fetch(l,{signal:o,headers:C({},this.host.bearerToken?{Authorization:`Bearer ${this.host.bearerToken}`}:{})});if(!i.ok){let n=new Error(`Failed to fetch subset job link contents: ${i.statusText}`);throw h(this,D,y).call(this,n),n}return h(this,et,xt).call(this,await i.text())},B=new WeakSet,ft=async function(e,o){for(p(this,M).startPollForJobStatus(e,{bearerToken:this.host.bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=p(this,M).data;if(a&&this.host.emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===e&&St.has(a.status))return a;await h(this,F,X).call(this,At,o)}},et=new WeakSet,xt=function(e){let o=e.split(`
+`).map(s=>s.trim()).filter(Boolean),a={},l=[],i=!1,n=[];for(let s of o)if(i){let m=s.split(",");if(m.length===n.length){let r=[];for(let c=0;c<n.length;c++)r.push(m[c].trim());let t=h(this,at,Ot).call(this,r[0]);l.push({timestamp:t,value:r[1]})}}else{if(s.startsWith("Timestamp (UTC)")||s.startsWith("time,")){n=s.split(",").map(t=>t.trim()),i=!0;continue}let[m,r]=s.split(",");m&&r!==void 0&&(a[m.trim()]=r.trim())}return{metadata:a,data:l}},at=new WeakSet,Ot=function(e){try{let o=new Date(e);return Number.isNaN(o.getTime())?(console.warn("Invalid timestamp:",e),e):o.toISOString()}catch(o){return console.warn("Failed to normalize timestamp:",e,o),e}},L=new WeakSet,q=function(e,o){return o?e.filter(a=>{let l=a.value.trim(),i=String(o).trim();if(l===i)return!1;let n=parseFloat(l),s=parseFloat(i);return!(!Number.isNaN(n)&&!Number.isNaN(s)&&n===s)}):e},rt=new WeakSet,Ut=function(e,o,a){return this.host.estimatedDataPoints=Q(e.dataProductTimeInterval,o,a),this.host.estimatedDataPoints<Qt,!0},ot=new WeakSet,qt=function(e){if(e.length<2)return null;let o=[...e].sort((r,t)=>new Date(r.timestamp).getTime()-new Date(t.timestamp).getTime()),a=[];for(let r=1;r<Math.min(o.length,100);r++){let t=new Date(o[r-1].timestamp).getTime(),f=new Date(o[r].timestamp).getTime()-t;f>0&&a.push(f)}if(a.length===0)return null;let l=new Map;a.forEach(r=>{let t=Math.round(r/6e4)*6e4;l.set(t,(l.get(t)||0)+1)});let i=0,n=0;l.forEach((r,t)=>{r>n&&(n=r,i=t)});let s=1e3*60*60,m=s*24;return i<=s/2+6e4?"half-hourly":i<=s+6e4?"hourly":i<=s*3+6e4?"3-hourly":i<=m+6e4?"daily":i<=m*7+6e4?"weekly":"daily"},st=new WeakSet,$t=function(){if(this.host.collection)return this.host.collection;let e=this.host.catalogVariable;if(e)return`${e.dataProductShortName}_${e.dataProductVersion}`},it=new WeakSet,Wt=async function(e){var l;let o=Date.now();for(;Date.now()-o<Gt;){if(e.aborted)throw new Error("Request aborted while waiting for collection metadata");let i=p(this,j).conceptId;if(i)return i;if((l=p(this,j).collection)!=null&&l.isError){let n=new Error("Unable to load collection metadata needed for Harmony requests");throw h(this,D,y).call(this,n),n}await h(this,F,X).call(this,At,e)}let a=new Error("Timed out waiting for collection metadata needed for Harmony requests");throw h(this,D,y).call(this,a),a},nt=new WeakSet,Bt=function(){var n;let e=decodeURIComponent((n=this.host.location)!=null?n:""),o=e.split(",").map(s=>s.trim()),a=o.map(s=>Number(s));if(o.some(s=>s.length===0)||a.some(s=>Number.isNaN(s))){let s=new Error('Invalid location format. Expected "lat,lon" or "west,south,east,north".');throw this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:{status:400,code:"INVALID_LOCATION",message:s.message,context:e},bubbles:!0,composed:!0})),s}if(a.length===2)return new mt(a[0],a[1]);if(a.length===4)return new J(a);let i=new Error('Invalid location format. Expected "lat,lon" or "west,south,east,north".');throw this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:{status:400,code:"INVALID_LOCATION",message:i.message,context:e},bubbles:!0,composed:!0})),i},lt=new WeakSet,Jt=async function(e,o=1e3,a=200,l=200){var n;await h(this,F,X).call(this,o);let i=(n=this.host.plot)==null?void 0:n.base;if(i)try{let s=await Vt.toImage(i,{format:"jpeg",width:500,height:500}),m=new Image;m.src=s,await m.decode();let r=document.createElement("canvas");r.width=a,r.height=l;let t=r.getContext("2d");if(!t)return;t.drawImage(m,0,0,a,l);let c=await new Promise((f,b)=>r.toBlob(E=>E?f(E):b(new Error("toBlob failed")),"image/jpeg",.8));await p(this,G).store(e,c)}catch(s){console.error("Failed to capture time series thumbnail",s)}},F=new WeakSet,X=function(e,o){return new Promise((a,l)=>{let i=setTimeout(()=>{o&&o.removeEventListener("abort",n),a()},e),n=()=>{clearTimeout(i),l(new Error("Operation aborted"))};o&&o.addEventListener("abort",n,{once:!0})})},D=new WeakSet,y=function(e,o){let a=Tt(e,o);this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:a,bubbles:!0,composed:!0}))};export{Ht as a,_t as b};

package/dist/chunks/chunk.ERAEFUGS.js

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.Z4MRB553.js";import{a as i}from"./chunk.ATR343ZS.js";import{a as r,b as o}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{html as p}from"lit";import{property as s}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.rows=1;this.effect="pulse";this.variableWidths=!0}render(){return p`
+            ${new Array(parseInt(this.rows.toString())).fill(0).map(()=>p` <div
+                        part="base"
+                        class=${`skeleton ${this.effect==="pulse"?"skeleton--pulse":""} ${this.effect==="sheen"?"skeleton--sheen":""}`}
+                        style=${this.variableWidths?`width: ${l(60,100)}%`:""}
+                    >
+                        <div part="indicator" class="skeleton__indicator"></div>
+                    </div>`)}
+        `}};t.styles=[r,i],e([s()],t.prototype,"rows",2),e([s()],t.prototype,"effect",2),e([s({type:Boolean,reflect:!0})],t.prototype,"variableWidths",2);export{t as a};

package/dist/chunks/chunk.ETX4MKJV.js

@@ -0,0 +1,127 @@
+import{a as kt}from"./chunk.JMWO242R.js";import{a as Nt}from"./chunk.MR2JD62K.js";import{a as Ft}from"./chunk.BM6R6HEQ.js";import{a as dt}from"./chunk.EL5HO6Y2.js";import{b as Dt,c as Et}from"./chunk.43F6G3ZK.js";import{a as It}from"./chunk.VIDRLWQU.js";import{a as Lt}from"./chunk.4LOVBDNF.js";import{a as $t}from"./chunk.VT3U2SB7.js";import{a as Ct}from"./chunk.QDFHF7LY.js";import{a as Vt}from"./chunk.KMLEWPB5.js";import{c as ht}from"./chunk.BWCJXCND.js";import{a as St}from"./chunk.LUKXGRZX.js";import{a as vt}from"./chunk.FUEWS2BP.js";import{a as xt}from"./chunk.DZ3WN2JE.js";import{a as ct}from"./chunk.J5Q4TWEG.js";import{a as bt,b as wt}from"./chunk.IV5JC2HX.js";import{e as m,f as e,g as u,h as w,i as v}from"./chunk.INFVQQSJ.js";import{html as k,nothing as re}from"lit";import{property as C,state as S}from"lit/decorators.js";import{Map as ie,View as ne}from"ol";import Rt from"ol/layer/WebGLTile.js";import mt from"ol/layer/Vector.js";import jt from"ol/layer/Graticule.js";import se from"ol/source/OSM.js";import ut from"ol/source/Vector.js";import Pt from"ol/format/GeoJSON.js";import{Style as Gt,Stroke as X}from"ol/style.js";import le from"ol/interaction/Draw.js";import ce from"ol/geom/Point.js";import{getLength as he}from"ol/sphere.js";import de from"ol/Feature.js";import{TaskStatus as J}from"@lit/task";import{cache as me}from"lit/directives/cache.js";import{toLonLat as Mt,transformExtent as Bt}from"ol/proj.js";var $,d,x,R,j,P,I,G,F,z,A,O,Y,_t,K,Tt,Q,zt,Z,At,tt,Ot,et,Ut,at,qt,ot,Ht,rt,Wt,it,Xt,U,pt,nt,Jt,st,Yt,lt,Kt,h=class extends Ct(wt){constructor(){super(...arguments);u(this,Y);u(this,K);u(this,Q);u(this,Z);u(this,tt);u(this,et);u(this,at);u(this,ot);u(this,rt);u(this,it);u(this,U);u(this,nt);u(this,st);u(this,lt);this.long_name="";this.colorMapName="viridis";this.opacity=1;this.cache=!1;this.showHelp=!0;this.pixelValue="N/A";this.pixelCoordinates="N/A";this.metadata={};this.toggleState=!1;this.minimized=!1;this.noDataValue=-9999;this.min="0";this.max="1";this.legendValues=[];this.timeAverageMapError=null;u(this,$,new kt(this));u(this,d,null);u(this,x,null);u(this,R,null);u(this,j,null);u(this,P,null);u(this,I,null);u(this,G,null);u(this,F,null);u(this,z,null);this._authController=new $t(this);this.colormaps=["jet","hsv","hot","cool","spring","summer","autumn","winter","bone","copper","greys","YIGnBu","greens","YIOrRd","bluered","RdBu","picnic","rainbow","portland","blackbody","earth","electric","viridis","inferno","magma","plasma","warm","cool","bathymetry","cdom","chlorophyll","density","fressurface-blue","freesurface-red","oxygen","par","phase","salinity","temperature","turbidity","velocity-blue","velocity-green","cubhelix"];this.plotData={};this.layout={};this._fetchVariableTask=Ft(this,!1);u(this,A,t=>{let{status:a,code:r,message:o,context:i}=t.detail;this.timeAverageMapError={code:r||String(a),message:o,context:i}});u(this,O,async t=>{var r;if(!e(this,d)){console.warn("Map not initialized, cannot export image");return}let a=((r=t.detail)==null?void 0:r.format)||"png";try{await new Promise(b=>{e(this,d).once("rendercomplete",()=>{b()}),e(this,d).render()});let o=e(this,d).getViewport(),i=e(this,d).getSize();if(!i){console.warn("Map size is not available");return}let n=i[0],s=i[1],l=Array.from(o.querySelectorAll("canvas")),g=Array.from(o.querySelectorAll("svg"));if(l.length===0&&g.length===0){console.warn("Could not find map canvas or SVG elements");return}let f=document.createElement("canvas"),c=f.getContext("2d");if(!c){console.warn("Could not get canvas context");return}let p=80;f.width=n,f.height=s+p,c.fillStyle="#ffffff",c.fillRect(0,0,f.width,f.height);for(let b of l)c.drawImage(b,0,0,b.width,b.height,0,p,n,s);for(let b of g)try{let V=b.cloneNode(!0);V.hasAttribute("width")||V.setAttribute("width",String(n)),V.hasAttribute("height")||V.setAttribute("height",String(s));let E=new XMLSerializer().serializeToString(V),T=new Blob([E],{type:"image/svg+xml;charset=utf-8"}),M=URL.createObjectURL(T),N=new Image;await new Promise((_,gt)=>{N.onload=()=>{c.drawImage(N,0,p,n,s),URL.revokeObjectURL(M),_()},N.onerror=()=>{URL.revokeObjectURL(M),gt(new Error("Failed to load SVG image"))},N.src=M})}catch(V){console.warn("Failed to render SVG layer:",V)}let y=30,D=25;c.fillStyle="#000000",c.font="bold 18px Arial, sans-serif",c.textAlign="left",c.textBaseline="top";let L=v(this,K,Tt).call(this);v(this,Q,zt).call(this,c,L,n-40,16).forEach((b,V)=>{c.fillText(b,20,y+V*D)}),await v(this,Y,_t).call(this,c,p);let q=a==="jpg"?"image/jpeg":"image/png",H=a==="jpg"?"jpg":"png",W=a==="jpg"?.92:void 0;f.toBlob(b=>{if(!b){console.warn("Failed to create blob from canvas");return}let V=URL.createObjectURL(b),E=document.createElement("a"),T=this.location?`_${this.location.replace(/,/g,"_")}`:"",M=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",_=`${dt(this)||"map"}${T}${M}.${H}`;E.href=V,E.download=_,E.style.display="none",document.body.appendChild(E),E.click(),document.body.removeChild(E),URL.revokeObjectURL(V)},q,W)}catch(o){console.error("Error exporting map as PNG:",o)}})}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||e(this,$).jobStatusTask.run()}handlePlotOptionsChange(){this.emit("terra-plot-options-change",{detail:{colorMapName:this.colorMapName,opacity:this.opacity}})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-average-map-error",e(this,A)),this.addEventListener("terra-plot-toolbar-export-image",e(this,O))}async firstUpdated(){this.intializeMap(),this._fetchVariableTask.run()}updated(t){var r,o,i,n;super.updated(t);let a=(o=(r=e(this,$))==null?void 0:r.jobStatusTask)==null?void 0:o.status;if(a===J.PENDING&&this.timeAverageMapError&&(this.timeAverageMapError=null),a===J.ERROR&&!this.timeAverageMapError){let s=(n=(i=e(this,$))==null?void 0:i.jobStatusTask)==null?void 0:n.error;if(s){let l=Dt(s);if(l.isCancellation)return;this.timeAverageMapError={code:l.code,message:l.message,context:l.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-average-map-error",e(this,A)),this.removeEventListener("terra-plot-toolbar-export-image",e(this,O))}async captureMapThumbnail(t=200,a=200){if(!e(this,d))return;let r=e(this,d);try{await new Promise(y=>{r.once("rendercomplete",()=>y()),r.render()});let o=r.getViewport(),i=r.getSize();if(!i)return;let[n,s]=i,l=Array.from(o.querySelectorAll("canvas"));if(l.length===0)return;let g=document.createElement("canvas");g.width=n,g.height=s;let f=g.getContext("2d");if(!f)return;for(let y of l)y.width>0&&y.height>0&&f.drawImage(y,0,0,n,s);let c=document.createElement("canvas");c.width=t,c.height=a;let p=c.getContext("2d");return p?(p.drawImage(g,0,0,t,a),new Promise((y,D)=>c.toBlob(L=>L?y(L):D(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(o){console.error("Failed to capture map thumbnail",o);return}}async updateGeoTIFFLayer(t){var i;let a=URL.createObjectURL(t),{default:r}=await import("ol/source/GeoTIFF.js"),o=new r({sources:[{url:a,bands:[1],nodata:this.noDataValue}],wrapX:!0,interpolate:!1,normalize:!1});w(this,x,new Rt({source:o})),e(this,d)&&(e(this,d).addLayer(e(this,x)),await this.addSupportingLayersForGeoTIFF(o)),this.metadata=await this.fetchGeotiffMetadata(o),this.long_name=(i=this.metadata.long_name)!=null?i:"",e(this,d)&&e(this,x)&&(this.renderPixelValues(e(this,d),e(this,x)),this.applyColorToLayer(o,this.colorMapName),setTimeout(async()=>{var n;try{let s=await((n=e(this,x).getSource())==null?void 0:n.getView()),l=Bt(s.extent,s.projection,e(this,d).getView().getProjection());e(this,d).getView().fit(l,{padding:[50,50,50,50],duration:300})}catch(s){console.warn("Failed to fit map to GeoTIFF extent:",s)}},500))}intializeMap(){var a,r,o;let t=new Rt({source:new se});if(w(this,z,new jt({strokeStyle:new X({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),w(this,d,new ie({target:(r=(a=this.shadowRoot)==null?void 0:a.getElementById("map"))!=null?r:void 0,layers:[t,e(this,z)],view:new ne({center:[0,0],zoom:2,projection:"EPSG:3857"})})),e(this,d)){let i=new ResizeObserver(()=>{var s;(s=e(this,d))==null||s.updateSize()}),n=(o=this.shadowRoot)==null?void 0:o.getElementById("map");n&&i.observe(n)}}async addSupportingLayersForGeoTIFF(t){if(!e(this,d))return;e(this,R)&&(e(this,d).removeLayer(e(this,R)),w(this,R,null)),e(this,j)&&(e(this,d).removeLayer(e(this,j)),w(this,j,null)),e(this,P)&&(e(this,d).removeLayer(e(this,P)),w(this,P,null));let a;try{let i=await t.getView();i!=null&&i.extent&&(a=Bt(i.extent,i.projection,e(this,d).getView().getProjection()))}catch(i){console.warn("Could not get GeoTIFF extent for border clipping:",i)}w(this,R,new jt({extent:a,strokeStyle:new X({color:"rgba(0,0,0,0.5)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),e(this,d).addLayer(e(this,R));let r=new ut({url:"https://raw.githubusercontent.com/martynafford/natural-earth-geojson/refs/heads/master/10m/cultural/ne_10m_admin_1_states_provinces.json",format:new Pt});w(this,j,new mt({source:r,extent:a,style:new Gt({stroke:new X({color:"#222222",width:.75})})})),e(this,d).addLayer(e(this,j));let o=new ut({url:"https://raw.githubusercontent.com/nvkelso/natural-earth-vector/master/geojson/ne_10m_admin_0_countries.geojson",format:new Pt});w(this,P,new mt({source:o,extent:a,style:new Gt({stroke:new X({color:"#000000",width:1})})})),e(this,d).addLayer(e(this,P))}async fetchGeotiffMetadata(t){var g;await t.getView();let o=(g=t.sourceImagery_[0][0].fileDirectory)==null?void 0:g.GDAL_METADATA,s=new DOMParser().parseFromString(o,"application/xml").querySelectorAll("Item"),l={};for(let f=0;f<s.length;f++){let c=s[f],p=c.getAttribute("name"),y=c.textContent?c.textContent.trim():"";p&&(l[p]=y)}return console.log("Data obj: ",l),l}renderPixelValues(t,a){t.on("pointermove",r=>{let o=a.getData(r.pixel),i=Mt(r.coordinate);(!o||!(o instanceof Uint8Array||o instanceof Uint8ClampedArray||o instanceof Float32Array)||isNaN(o[0])||o[0]===0)&&(o=null);let n=o?Number(o[0]).toExponential(3):"N/A",s=i.map(l=>l.toFixed(3)).join(", ");this.pixelValue=n,this.pixelCoordinates=s})}getNoDataValue(t){let a=this.noDataValue;return t==null||t.getView().then(()=>{var o,i;let r=t.sourceImagery_[0][0];a=parseFloat((i=(o=r.fileDirectory)==null?void 0:o.GDAL_NODATA)!=null?i:this.noDataValue.toString())}),a}async getMinMax(t){await t.getView();let o=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],i=1/0,n=-1/0;for(let s=0;s<o.length;s++){let l=o[s];!isNaN(l)&&l!==this.getNoDataValue(t)&&(l<i&&(i=l),l>n&&(n=l))}return{min:i,max:n}}async getColorStops(t,a,r,o,i){let n=(r-a)/(o-1),s=new Array(o*2),{default:l}=await import("colormap"),g=l({colormap:t,nshades:o,format:"rgba"}),f=[];i&&g.reverse();for(let c=0;c<o;c++)s[c*2]=a+c*n,s[c*2+1]=g[c],f.push((a+c*n).toExponential(2));return this.generatePalette(g,f,a,r),s}generatePalette(t,a,r,o){this.legendValues=[];for(let i=t.length-1;i>0;i--){let n=parseFloat(a[i]);n>=r&&n<=o&&this.legendValues.push({value:a[i],rgb:t[i]})}this.min=r.toExponential(3),this.max=o.toExponential(3)}async applyColorToLayer(t,a){var n;var{min:r,max:o}=await this.getMinMax(t);let i={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(a,r,o,72,!1)]]};(n=e(this,x))==null||n.setStyle(i)}render(){var t,a,r,o;return k`
+            ${v(this,st,Yt).call(this)?k`
+                      <terra-alert
+                          class="no-data-alert"
+                          variant="danger"
+                          open
+                          closable
+                      >
+                          <terra-icon
+                              slot="icon"
+                              name="outline-exclamation-triangle"
+                              library="heroicons"
+                          ></terra-icon>
+                          The selected variable was not found in the catalog
+                      </terra-alert>
+                  `:""}
+            ${this.timeAverageMapError?k`
+                      <terra-alert
+                          class="error-alert"
+                          variant="danger"
+                          open
+                          closable
+                          @terra-after-hide=${()=>this.timeAverageMapError=null}
+                      >
+                          <terra-icon
+                              slot="icon"
+                              name="outline-exclamation-triangle"
+                              library="heroicons"
+                          ></terra-icon>
+                          ${v(this,lt,Kt).call(this,this.timeAverageMapError)}
+                      </terra-alert>
+                  `:""}
+            <div class="toolbar-container">
+                ${me(this.catalogVariable?k`<terra-plot-toolbar
+                              dataType="geotiff"
+                              .catalogVariable=${this.catalogVariable}
+                              .timeSeriesData=${(t=e(this,$).jobStatusTask)==null?void 0:t.value}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${e(this,$).getCacheKey()}
+                              .variableEntryId=${dt(this)}
+                              @show-opacity-value=${v(this,Z,At)}
+                              @show-color-map=${v(this,tt,Ot)}
+                              @show-check-box-toggle=${v(this,nt,Jt)}
+                              .pixelValue=${this.pixelValue}
+                              .pixelCoordinates=${this.pixelCoordinates}
+                              show-date-range
+                              .colormaps=${this.colormaps}
+                              .colorMapName=${this.colorMapName}
+                              .opacity=${this.opacity}
+                              .showHelp=${this.showHelp}
+                          ></terra-plot-toolbar>`:k`<div class="spacer"></div>`)}
+            </div>
+
+            <div class="map-container">
+                <div id="map">
+                    <div id="settings">
+                        <div>
+                            <strong>Value:</strong>
+                            <span id="pixelValue">${this.pixelValue}</span>
+                        </div>
+
+                        <div>
+                            <strong>Coordinate: </strong>
+                            <span id="cursorCoordinates"
+                                >${this.pixelCoordinates}</span
+                            >
+                        </div>
+                    </div>
+
+                    <div id="legend">
+                        <div class="stats" id="statsMax">${this.max}</div>
+                        <div class="palette">
+                            ${this.legendValues.map(i=>k`
+                                    <div
+                                        class="color-box"
+                                        style="background-color: rgba(${i.rgb})"
+                                        title="${i.value}"
+                                    ></div>
+                                `)}
+                        </div>
+                        <div class="stats" id="statsMin">${this.min}</div>
+                    </div>
+                </div>
+            </div>
+
+            ${this.harmonyJobId?k`
+                      <div class="harmony-job-link">
+                          <a
+                              href=${`https://harmony${this.environment==="uat"?".uat":""}.earthdata.nasa.gov/jobs/${this.harmonyJobId}`}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                          >
+                              Request Status: ${this.harmonyJobId}
+                          </a>
+                      </div>
+                  `:re}
+
+            <!-- Floating Popover for Plot -->
+            ${this.toggleState&&this.plotData&&Object.keys(this.plotData).length&&this.layout&&Object.keys(this.layout).length?k`
+                      <div class="plot-popover ${this.minimized?"minimized":""}">
+                          <terra-plot
+                              style="display: ${this.minimized?"none":"block"}"
+                              .data=${this.plotData}
+                              plotTitle="Data Profile"
+                              .layout=${this.layout}
+                          >
+                          </terra-plot>
+
+                          <terra-button
+                              class="minify-btn"
+                              @click=${v(this,rt,Wt)}
+                          >
+                              ${this.minimized?"Restore":"Minimize"}
+                          </terra-button>
+                      </div>
+                  `:null}
+
+            <dialog
+                ?open=${((r=(a=e(this,$))==null?void 0:a.jobStatusTask)==null?void 0:r.status)===J.PENDING}
+            >
+                <terra-loader indeterminate variant="orbit"></terra-loader>
+                <p>Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}&hellip;</p>
+                <terra-button @click=${v(this,et,Ut)}>Cancel</terra-button>
+            </dialog>
+        `}};$=new WeakMap,d=new WeakMap,x=new WeakMap,R=new WeakMap,j=new WeakMap,P=new WeakMap,I=new WeakMap,G=new WeakMap,F=new WeakMap,z=new WeakMap,A=new WeakMap,O=new WeakMap,Y=new WeakSet,_t=async function(t,a){var H,W;let r=(H=this.shadowRoot)==null?void 0:H.getElementById("legend");if(!r)return;let o=(W=this.shadowRoot)==null?void 0:W.getElementById("map");if(!o)return;let i=r.getBoundingClientRect(),n=o.getBoundingClientRect(),s=i.left-n.left,l=i.top-n.top+a,g=i.width,f=i.height;t.fillStyle="#ffffff",t.fillRect(s,l,g,f),t.strokeStyle="#cccccc",t.lineWidth=1,t.strokeRect(s,l,g,f);let c=window.getComputedStyle(r),p=parseFloat(c.fontSize)||12,y=c.fontFamily||"monospace",D=parseFloat(c.padding)||8,L=r.querySelector("#statsMax");L&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="top",t.fillText(L.textContent||"",s+g/2,l+D));let B=r.querySelector(".palette");if(B){let b=B.getBoundingClientRect(),V=b.left-n.left,E=b.top-n.top+a,T=b.width,M=Array.from(B.querySelectorAll("div")),N=E;for(let _ of M){let ft=_.getBoundingClientRect().height,yt=(_.getAttribute("style")||"").match(/background-color:\s*rgba?\(([^)]+)\)/);if(yt){let Qt=yt[1],[Zt,te,ee,ae=1]=Qt.split(",").map(oe=>parseFloat(oe.trim()));t.fillStyle=`rgba(${Zt}, ${te}, ${ee}, ${ae})`,t.fillRect(V,N,T,ft)}N+=ft}}let q=r.querySelector("#statsMin");q&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="bottom",t.fillText(q.textContent||"",s+g/2,l+f-D))},K=new WeakSet,Tt=function(){if(!this.catalogVariable)return"Time Averaged Map";let t=[];if(t.push("Time Averaged Map of"),this.catalogVariable.dataFieldLongName&&t.push(this.catalogVariable.dataFieldLongName),this.catalogVariable.dataProductTimeInterval&&this.catalogVariable.dataProductTimeInterval.toLowerCase()!=="not applicable"&&t.push(this.catalogVariable.dataProductTimeInterval),this.catalogVariable.dataProductSpatialResolution&&this.catalogVariable.dataProductSpatialResolution.toLowerCase()!=="not applicable"&&t.push(this.catalogVariable.dataProductSpatialResolution),this.catalogVariable.dataProductShortName){let a=`[${this.catalogVariable.dataProductShortName}`;this.catalogVariable.dataProductVersion&&(a+=` v${this.catalogVariable.dataProductVersion}`),a+="]",t.push(a)}if(this.startDate&&this.endDate){let a=ht(this.startDate),r=ht(this.endDate);t.push(`over ${a} - ${r}`)}return t.join(" ")},Q=new WeakSet,zt=function(t,a,r,o){t.font=`bold ${o}px Arial, sans-serif`;let i=a.split(" "),n=[],s=i[0];for(let l=1;l<i.length;l++){let g=i[l];t.measureText(s+" "+g).width<r?s+=" "+g:(n.push(s),s=g)}return n.push(s),n},Z=new WeakSet,At=function(t){this.opacity=t.detail,e(this,x)&&e(this,x).setOpacity(this.opacity)},tt=new WeakSet,Ot=function(t){let a=t.detail;e(this,x)&&e(this,x).getSource()&&(this.colorMapName=a,this.applyColorToLayer(e(this,x).getSource(),this.colorMapName))},et=new WeakSet,Ut=function(){var t;(t=e(this,$).jobStatusTask)==null||t.abort("Cancelled time averaged map request")},at=new WeakSet,qt=function(t){let a=he(t),r;return a>100?r=a/1e3/60:r=a/10,Math.max(2,Math.round(r))},ot=new WeakSet,Ht=function(t){let a=v(this,at,qt).call(this,t),r=[];for(let o=0;o<=a;o++){let i=o/a;r.push(t.getCoordinateAt(i))}return r},rt=new WeakSet,Wt=function(){this.minimized=!this.minimized},it=new WeakSet,Xt=function(){var t;this.toggleState=!1,e(this,d)&&e(this,F)&&e(this,G)&&(e(this,d).removeInteraction(e(this,F)),e(this,d).removeLayer(e(this,G))),(t=e(this,I))==null||t.clear(),w(this,F,null),w(this,G,null),w(this,I,null)},U=new WeakSet,pt=function(t){if(!e(this,d)||!e(this,x))return NaN;let a=e(this,d).getPixelFromCoordinate(t);if(!a)return NaN;let r=e(this,x).getData(a);if(!r)return NaN;if(r instanceof Uint8Array||r instanceof Uint8ClampedArray||r instanceof Float32Array)return isNaN(r[0])?NaN:r[0];if(r instanceof DataView){let o=r.getFloat32(0,!0);return isNaN(o)?NaN:o}return NaN},nt=new WeakSet,Jt=function(t){var a=t.detail;a?(this.toggleState=a,w(this,I,new ut({wrapX:!1})),w(this,G,new mt({source:e(this,I)})),w(this,F,new le({source:e(this,I),type:"LineString"})),e(this,d)&&(e(this,d).addLayer(e(this,G)),e(this,d).addInteraction(e(this,F)),e(this,F).on("drawend",r=>{var c;let o=r.feature.getGeometry(),i=v(this,ot,Ht).call(this,o),n=i.map(p=>new de({geometry:new ce(p)}));(c=e(this,I))==null||c.addFeatures(n);let s=i.map(p=>v(this,U,pt).call(this,p)),l=i.map((p,y)=>y),f=i.map(p=>{let[y,D]=Mt(p),L=v(this,U,pt).call(this,p),B=isNaN(L)?"N/A":L.toExponential(4);return[parseFloat(y.toFixed(2)),parseFloat(D.toFixed(2)),B]}).map((p,y)=>{let D=y,L=p[2];return`Index: ${D}<br>Value: ${L}<br>Coordinates: [${p[0]}, ${p[1]}]`});this.plotData=[{x:l,y:s,text:f,hoverinfo:"text",type:"scatter",mode:"lines+markers",line:{color:"blue"}}],this.layout={title:"Data Profile",xaxis:{title:"Point Index"},yaxis:{title:`Cloud Coverage (${this.metadata.units})`,tickformat:".2e"}}}))):v(this,it,Xt).call(this)},st=new WeakSet,Yt=function(){return this._fetchVariableTask.status!==J.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},lt=new WeakSet,Kt=function(t){return Et(t)},h.styles=[bt,Nt],h.dependencies={"terra-button":St,"terra-icon":xt,"terra-plot-toolbar":It,"terra-loader":Vt,"terra-plot":Lt,"terra-alert":vt},m([C({reflect:!0})],h.prototype,"collection",2),m([C({reflect:!0})],h.prototype,"variable",2),m([C({attribute:"start-date",reflect:!0})],h.prototype,"startDate",2),m([C({attribute:"end-date",reflect:!0})],h.prototype,"endDate",2),m([C({reflect:!0})],h.prototype,"location",2),m([C({attribute:"bearer-token",reflect:!1})],h.prototype,"bearerToken",2),m([C({type:String})],h.prototype,"long_name",2),m([C({type:String,attribute:"color-map-name",reflect:!0})],h.prototype,"colorMapName",2),m([C({type:Number})],h.prototype,"opacity",2),m([C({attribute:"application-id"})],h.prototype,"applicationId",2),m([C({type:Boolean})],h.prototype,"cache",2),m([C({attribute:"job-id"})],h.prototype,"jobId",2),m([C({type:Boolean,attribute:"show-help"})],h.prototype,"showHelp",2),m([S()],h.prototype,"catalogVariable",2),m([S()],h.prototype,"pixelValue",2),m([S()],h.prototype,"pixelCoordinates",2),m([S()],h.prototype,"metadata",2),m([S()],h.prototype,"toggleState",2),m([S()],h.prototype,"minimized",2),m([S()],h.prototype,"noDataValue",2),m([S()],h.prototype,"min",2),m([S()],h.prototype,"max",2),m([S()],h.prototype,"legendValues",2),m([S()],h.prototype,"timeAverageMapError",2),m([S()],h.prototype,"colormaps",2),m([S()],h.prototype,"plotData",2),m([S()],h.prototype,"layout",2),m([S()],h.prototype,"harmonyJobId",2),m([ct(["startDate","endDate","location","catalogVariable"])],h.prototype,"handlePropertyChange",1),m([ct(["colorMapName","opacity"])],h.prototype,"handlePlotOptionsChange",1);export{h as a};

package/dist/chunks/chunk.EUKHTAMF.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.3G6QKB5Z.js";import{a}from"./chunk.DZ3WN2JE.js";import{a as s,b as r}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{html as m}from"lit";import{property as o}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.open=!1;this.showArrow=!0}render(){return m`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow&&m`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `}handleToggle(n){let i=n.currentTarget;this.open=i.open,this.emit("terra-accordion-toggle",{detail:{open:this.open}})}};t.styles=[s,l],t.dependencies={"terra-icon":a},e([o()],t.prototype,"summary",2),e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({type:Boolean})],t.prototype,"showArrow",2);export{t as a};

package/dist/chunks/chunk.EXVLKJQM.js

@@ -0,0 +1,35 @@
+import{a as T}from"./chunk.EO7U6GTZ.js";import{a as L}from"./chunk.NP2QG5W4.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,b as E}from"./chunk.IV5JC2HX.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
+            <terra-popup
+                part="base"
+                exportparts="popup:base__popup"
+                id="dropdown"
+                placement=${this.placement}
+                distance=${this.distance}
+                skidding=${this.skidding}
+                strategy=${this.hoist?"fixed":"absolute"}
+                flip
+                shift
+                auto-size="vertical"
+                auto-size-padding="10"
+                sync=${b(this.sync?this.sync:void 0)}
+                class=${w({dropdown:!0,"dropdown--open":this.open})}
+            >
+                <slot
+                    name="trigger"
+                    slot="anchor"
+                    part="trigger"
+                    class="dropdown__trigger"
+                    @click=${this.handleTriggerClick}
+                    @keydown=${this.handleTriggerKeyDown}
+                    @keyup=${this.handleTriggerKeyUp}
+                    @slotchange=${this.handleTriggerSlotChange}
+                ></slot>
+
+                <div
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-labelledby="dropdown"
+                >
+                    <slot part="panel" class="dropdown__panel"></slot>
+                </div>
+            </terra-popup>
+        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.EYOQZDEF.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.TTS52RHY.js";var i=t;t.define("terra-status-indicator");export{i as a};