@nasa-terra/components 0.0.181 → 0.0.182

package/dist/chunks/chunk.FGAFF4GY.js

@@ -0,0 +1,8 @@
+import{a as c}from"./chunk.JXE6DOO5.js";import{a as u,b as a}from"./chunk.OTF3DTPS.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as h}from"lit";import{query as d}from"lit/decorators.js";var o=class extends a{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){let t=["menuitem","menuitemcheckbox"],s=e.composedPath(),n=s.find(r=>{var i;return t.includes(((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))||"")});if(!n||s.find(r=>{var i;return((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))==="menu"})!==this)return;let m=n;m.type==="checkbox"&&(m.checked=!m.checked),this.emit("terra-select",{detail:{item:m}})}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){let t=this.getCurrentItem();e.preventDefault(),e.stopPropagation(),t==null||t.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){let t=this.getAllItems(),s=this.getCurrentItem(),n=s?t.indexOf(s):0;t.length>0&&(e.preventDefault(),e.stopPropagation(),e.key==="ArrowDown"?n++:e.key==="ArrowUp"?n--:e.key==="Home"?n=0:e.key==="End"&&(n=t.length-1),n<0&&(n=t.length-1),n>t.length-1&&(n=0),this.setCurrentItem(t[n]),t[n].focus())}}handleMouseDown(e){let t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t)}handleSlotChange(){let e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var t;return e.tagName.toLowerCase()==="terra-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((t=e.getAttribute("role"))!=null?t:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(e=>!(e.inert||!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find(e=>e.getAttribute("tabindex")==="0")}setCurrentItem(e){this.getAllItems().forEach(s=>{s.setAttribute("tabindex",s===e?"0":"-1")})}render(){return h`
+            <slot
+                @slotchange=${this.handleSlotChange}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+                @mousedown=${this.handleMouseDown}
+            ></slot>
+        `}};o.styles=[u,c],l([d("slot")],o.prototype,"defaultSlot",2);export{o as a};

package/dist/chunks/chunk.FQ6VIV6W.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NW7UERHZ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-earthdata-login";e.define("terra-earthdata-login");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraLogin:"terra-login"},displayName:"TerraEarthdataLogin"}),g=o;export{g as a};

package/dist/chunks/chunk.FT7HZOCQ.js

@@ -0,0 +1,145 @@
+import{a as P}from"./chunk.OIUVQPNF.js";import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.OTF3DTPS.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.FXGSYMQ5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.25IJTRN2.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-dropdown";e.define("terra-dropdown");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraDropdown"}),i=n;export{i as a};

package/dist/chunks/chunk.G3TKMUU4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.46MIWFWF.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-file-upload";e.define("terra-file-upload");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur"},displayName:"TerraFileUpload"}),l=n;export{l as a};

package/dist/chunks/chunk.G7EZQRZI.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.3G6QKB5Z.js";import{a}from"./chunk.EXISX4DM.js";import{a as s,b as r}from"./chunk.OTF3DTPS.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.GHVDYLX5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.T3F226QD.js";var T=e;e.define("terra-tab");export{T as a};

package/dist/chunks/chunk.GIZLZV63.js

@@ -0,0 +1 @@
+import{a}from"./chunk.NW7UERHZ.js";var d=a;a.define("terra-earthdata-login");export{d as a};

package/dist/chunks/chunk.H2SGQQPI.js

@@ -0,0 +1,126 @@
+import{a as Lt}from"./chunk.OZ4SZSLD.js";import{a as Dt}from"./chunk.MR2JD62K.js";import{a as lt,b as Ct}from"./chunk.PKC6WTWN.js";import{b as wt,c as xt}from"./chunk.5SIVM4DR.js";import{a as Vt}from"./chunk.PPSCVLKZ.js";import{a as vt}from"./chunk.DDT4SEKP.js";import{a as St}from"./chunk.VT3U2SB7.js";import{a as Et}from"./chunk.QDFHF7LY.js";import{a as bt}from"./chunk.TQGIFDYA.js";import{a as yt}from"./chunk.PAOPYU6H.js";import{c as st}from"./chunk.BWCJXCND.js";import{a as gt}from"./chunk.E74KOQ6O.js";import{a as ft}from"./chunk.EXISX4DM.js";import{a as nt}from"./chunk.J5Q4TWEG.js";import{a as pt,b as ut}from"./chunk.OTF3DTPS.js";import{e as m,f as i,g as u,h as C,i as v}from"./chunk.INFVQQSJ.js";import{html as k,nothing as Zt}from"lit";import{property as E,state as x}from"lit/decorators.js";import{Map as te,View as ee}from"ol";import $t from"ol/layer/WebGLTile.js";import It from"ol/layer/Vector.js";import ae from"ol/layer/Graticule.js";import oe from"ol/source/OSM.js";import Ft from"ol/source/Vector.js";import ie from"ol/format/GeoJSON.js";import{Style as re,Stroke as Nt}from"ol/style.js";import ne from"ol/interaction/Draw.js";import se from"ol/geom/Point.js";import{getLength as le}from"ol/sphere.js";import ce from"ol/Feature.js";import{TaskStatus as H}from"@lit/task";import{cache as de}from"lit/directives/cache.js";import{toLonLat as kt,transformExtent as Rt}from"ol/proj.js";var $,h,w,R,I,P,F,B,A,z,W,Pt,J,jt,X,Mt,Y,Gt,K,Tt,Q,Bt,Z,At,tt,zt,et,Ot,at,_t,O,ct,ot,Ut,it,qt,rt,Ht,d=class extends Et(ut){constructor(){super(...arguments);u(this,W);u(this,J);u(this,X);u(this,Y);u(this,K);u(this,Q);u(this,Z);u(this,tt);u(this,et);u(this,at);u(this,O);u(this,ot);u(this,it);u(this,rt);this.long_name="";this.colorMapName="viridis";this.opacity=1;this.noCache=!1;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 Lt(this));u(this,h,null);u(this,w,null);u(this,R,null);u(this,I,null);u(this,P,null);u(this,F,null);u(this,B,null);this._authController=new St(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=Ct(this,!1);u(this,A,t=>{let{status:a,code:o,message:e,context:r}=t.detail;this.timeAverageMapError={code:o||String(a),message:e,context:r}});u(this,z,async t=>{var o;if(!i(this,h)){console.warn("Map not initialized, cannot export image");return}let a=((o=t.detail)==null?void 0:o.format)||"png";try{await new Promise(b=>{i(this,h).once("rendercomplete",()=>{b()}),i(this,h).render()});let e=i(this,h).getViewport(),r=i(this,h).getSize();if(!r){console.warn("Map size is not available");return}let n=r[0],s=r[1],l=Array.from(e.querySelectorAll("canvas")),g=Array.from(e.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 S=b.cloneNode(!0);S.hasAttribute("width")||S.setAttribute("width",String(n)),S.hasAttribute("height")||S.setAttribute("height",String(s));let L=new XMLSerializer().serializeToString(S),T=new Blob([L],{type:"image/svg+xml;charset=utf-8"}),j=URL.createObjectURL(T),N=new Image;await new Promise((G,dt)=>{N.onload=()=>{c.drawImage(N,0,p,n,s),URL.revokeObjectURL(j),G()},N.onerror=()=>{URL.revokeObjectURL(j),dt(new Error("Failed to load SVG image"))},N.src=j})}catch(S){console.warn("Failed to render SVG layer:",S)}let y=30,D=25;c.fillStyle="#000000",c.font="bold 18px Arial, sans-serif",c.textAlign="left",c.textBaseline="top";let V=v(this,J,jt).call(this);v(this,X,Mt).call(this,c,V,n-40,16).forEach((b,S)=>{c.fillText(b,20,y+S*D)}),await v(this,W,Pt).call(this,c,p);let _=a==="jpg"?"image/jpeg":"image/png",U=a==="jpg"?"jpg":"png",q=a==="jpg"?.92:void 0;f.toBlob(b=>{if(!b){console.warn("Failed to create blob from canvas");return}let S=URL.createObjectURL(b),L=document.createElement("a"),T=this.location?`_${this.location.replace(/,/g,"_")}`:"",j=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",G=`${lt(this)||"map"}${T}${j}.${U}`;L.href=S,L.download=G,L.style.display="none",document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(S)},_,q)}catch(e){console.error("Error exporting map as PNG:",e)}})}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||i(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",i(this,A)),this.addEventListener("terra-plot-toolbar-export-image",i(this,z))}async firstUpdated(){this.intializeMap(),this._fetchVariableTask.run()}updated(t){var o,e,r,n;super.updated(t);let a=(e=(o=i(this,$))==null?void 0:o.jobStatusTask)==null?void 0:e.status;if(a===H.PENDING&&this.timeAverageMapError&&(this.timeAverageMapError=null),a===H.ERROR&&!this.timeAverageMapError){let s=(n=(r=i(this,$))==null?void 0:r.jobStatusTask)==null?void 0:n.error;if(s){let l=wt(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",i(this,A)),this.removeEventListener("terra-plot-toolbar-export-image",i(this,z))}async captureMapThumbnail(t=200,a=200){if(!i(this,h))return;let o=i(this,h);try{await new Promise(y=>{o.once("rendercomplete",()=>y()),o.render()});let e=o.getViewport(),r=o.getSize();if(!r)return;let[n,s]=r,l=Array.from(e.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(V=>V?y(V):D(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(e){console.error("Failed to capture map thumbnail",e);return}}async updateGeoTIFFLayer(t){var r;let a=URL.createObjectURL(t),{default:o}=await import("ol/source/GeoTIFF.js"),e=new o({sources:[{url:a,bands:[1],nodata:this.noDataValue}],wrapX:!0,interpolate:!1,normalize:!1});C(this,w,new $t({source:e})),i(this,h)&&(i(this,h).addLayer(i(this,w)),i(this,R)&&(i(this,h).removeLayer(i(this,R)),C(this,R,null)),await this.addBordersLayerForGeoTIFF(e)),this.metadata=await this.fetchGeotiffMetadata(e),this.long_name=(r=this.metadata.long_name)!=null?r:"",i(this,h)&&i(this,w)&&(this.renderPixelValues(i(this,h),i(this,w)),this.applyColorToLayer(e,this.colorMapName),setTimeout(async()=>{var n;try{let s=await((n=i(this,w).getSource())==null?void 0:n.getView()),l=Rt(s.extent,s.projection,i(this,h).getView().getProjection());i(this,h).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,o,e;let t=new $t({source:new oe});if(C(this,B,new ae({strokeStyle:new Nt({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),C(this,h,new te({target:(o=(a=this.shadowRoot)==null?void 0:a.getElementById("map"))!=null?o:void 0,layers:[t,i(this,B)],view:new ee({center:[0,0],zoom:2,projection:"EPSG:3857"})})),i(this,h)){let r=new ResizeObserver(()=>{var s;(s=i(this,h))==null||s.updateSize()}),n=(e=this.shadowRoot)==null?void 0:e.getElementById("map");n&&r.observe(n)}}async addBordersLayerForGeoTIFF(t){if(!i(this,h))return;let a;try{let e=await t.getView();e!=null&&e.extent&&(a=Rt(e.extent,e.projection,i(this,h).getView().getProjection()))}catch(e){console.warn("Could not get GeoTIFF extent for border clipping:",e)}let o=new Ft({url:"https://raw.githubusercontent.com/nvkelso/natural-earth-vector/master/geojson/ne_10m_admin_0_countries.geojson",format:new ie});C(this,R,new It({source:o,extent:a,style:new re({stroke:new Nt({color:"#000000",width:1})})})),i(this,h).addLayer(i(this,R))}async fetchGeotiffMetadata(t){var g;await t.getView();let e=(g=t.sourceImagery_[0][0].fileDirectory)==null?void 0:g.GDAL_METADATA,s=new DOMParser().parseFromString(e,"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",o=>{let e=a.getData(o.pixel),r=kt(o.coordinate);(!e||!(e instanceof Uint8Array||e instanceof Uint8ClampedArray||e instanceof Float32Array)||isNaN(e[0])||e[0]===0)&&(e=null);let n=e?Number(e[0]).toExponential(3):"N/A",s=r.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 e,r;let o=t.sourceImagery_[0][0];a=parseFloat((r=(e=o.fileDirectory)==null?void 0:e.GDAL_NODATA)!=null?r:this.noDataValue.toString())}),a}async getMinMax(t){await t.getView();let e=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],r=1/0,n=-1/0;for(let s=0;s<e.length;s++){let l=e[s];!isNaN(l)&&l!==this.getNoDataValue(t)&&(l<r&&(r=l),l>n&&(n=l))}return{min:r,max:n}}async getColorStops(t,a,o,e,r){let n=(o-a)/(e-1),s=new Array(e*2),{default:l}=await import("colormap"),g=l({colormap:t,nshades:e,format:"rgba"}),f=[];r&&g.reverse();for(let c=0;c<e;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,o),s}generatePalette(t,a,o,e){this.legendValues=[];for(let r=t.length-1;r>0;r--){let n=parseFloat(a[r]);n>=o&&n<=e&&this.legendValues.push({value:a[r],rgb:t[r]})}this.min=o.toExponential(3),this.max=e.toExponential(3)}async applyColorToLayer(t,a){var n;var{min:o,max:e}=await this.getMinMax(t);let r={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(a,o,e,72,!1)]]};(n=i(this,w))==null||n.setStyle(r)}render(){var t,a,o,e;return k`
+            ${v(this,it,qt).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,rt,Ht).call(this,this.timeAverageMapError)}
+                      </terra-alert>
+                  `:""}
+            <div class="toolbar-container">
+                ${de(this.catalogVariable?k`<terra-plot-toolbar
+                              dataType="geotiff"
+                              .catalogVariable=${this.catalogVariable}
+                              .timeSeriesData=${(t=i(this,$).jobStatusTask)==null?void 0:t.value}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${i(this,$).getCacheKey()}
+                              .variableEntryId=${lt(this)}
+                              @show-opacity-value=${v(this,Y,Gt)}
+                              @show-color-map=${v(this,K,Tt)}
+                              @show-check-box-toggle=${v(this,ot,Ut)}
+                              .pixelValue=${this.pixelValue}
+                              .pixelCoordinates=${this.pixelCoordinates}
+                              show-date-range
+                              .colormaps=${this.colormaps}
+                              .colorMapName=${this.colorMapName}
+                              .opacity=${this.opacity}
+                          ></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(r=>k`
+                                    <div
+                                        class="color-box"
+                                        style="background-color: rgba(${r.rgb})"
+                                        title="${r.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>
+                  `:Zt}
+
+            <!-- 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,et,Ot)}
+                          >
+                              ${this.minimized?"Restore":"Minimize"}
+                          </terra-button>
+                      </div>
+                  `:null}
+
+            <dialog
+                ?open=${((o=(a=i(this,$))==null?void 0:a.jobStatusTask)==null?void 0:o.status)===H.PENDING}
+            >
+                <terra-loader indeterminate variant="orbit"></terra-loader>
+                <p>Plotting ${(e=this.catalogVariable)==null?void 0:e.dataFieldId}&hellip;</p>
+                <terra-button @click=${v(this,Q,Bt)}>Cancel</terra-button>
+            </dialog>
+        `}};$=new WeakMap,h=new WeakMap,w=new WeakMap,R=new WeakMap,I=new WeakMap,P=new WeakMap,F=new WeakMap,B=new WeakMap,A=new WeakMap,z=new WeakMap,W=new WeakSet,Pt=async function(t,a){var U,q;let o=(U=this.shadowRoot)==null?void 0:U.getElementById("legend");if(!o)return;let e=(q=this.shadowRoot)==null?void 0:q.getElementById("map");if(!e)return;let r=o.getBoundingClientRect(),n=e.getBoundingClientRect(),s=r.left-n.left,l=r.top-n.top+a,g=r.width,f=r.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(o),p=parseFloat(c.fontSize)||12,y=c.fontFamily||"monospace",D=parseFloat(c.padding)||8,V=o.querySelector("#statsMax");V&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="top",t.fillText(V.textContent||"",s+g/2,l+D));let M=o.querySelector(".palette");if(M){let b=M.getBoundingClientRect(),S=b.left-n.left,L=b.top-n.top+a,T=b.width,j=Array.from(M.querySelectorAll("div")),N=L;for(let G of j){let ht=G.getBoundingClientRect().height,mt=(G.getAttribute("style")||"").match(/background-color:\s*rgba?\(([^)]+)\)/);if(mt){let Wt=mt[1],[Jt,Xt,Yt,Kt=1]=Wt.split(",").map(Qt=>parseFloat(Qt.trim()));t.fillStyle=`rgba(${Jt}, ${Xt}, ${Yt}, ${Kt})`,t.fillRect(S,N,T,ht)}N+=ht}}let _=o.querySelector("#statsMin");_&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="bottom",t.fillText(_.textContent||"",s+g/2,l+f-D))},J=new WeakSet,jt=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=st(this.startDate),o=st(this.endDate);t.push(`over ${a} - ${o}`)}return t.join(" ")},X=new WeakSet,Mt=function(t,a,o,e){t.font=`bold ${e}px Arial, sans-serif`;let r=a.split(" "),n=[],s=r[0];for(let l=1;l<r.length;l++){let g=r[l];t.measureText(s+" "+g).width<o?s+=" "+g:(n.push(s),s=g)}return n.push(s),n},Y=new WeakSet,Gt=function(t){this.opacity=t.detail,i(this,w)&&i(this,w).setOpacity(this.opacity)},K=new WeakSet,Tt=function(t){let a=t.detail;i(this,w)&&i(this,w).getSource()&&(this.colorMapName=a,this.applyColorToLayer(i(this,w).getSource(),this.colorMapName))},Q=new WeakSet,Bt=function(){var t;(t=i(this,$).jobStatusTask)==null||t.abort("Cancelled time averaged map request")},Z=new WeakSet,At=function(t){let a=le(t),o;return a>100?o=a/1e3/60:o=a/10,Math.max(2,Math.round(o))},tt=new WeakSet,zt=function(t){let a=v(this,Z,At).call(this,t),o=[];for(let e=0;e<=a;e++){let r=e/a;o.push(t.getCoordinateAt(r))}return o},et=new WeakSet,Ot=function(){this.minimized=!this.minimized},at=new WeakSet,_t=function(){var t;this.toggleState=!1,i(this,h)&&i(this,F)&&i(this,P)&&(i(this,h).removeInteraction(i(this,F)),i(this,h).removeLayer(i(this,P))),(t=i(this,I))==null||t.clear(),C(this,F,null),C(this,P,null),C(this,I,null)},O=new WeakSet,ct=function(t){if(!i(this,h)||!i(this,w))return NaN;let a=i(this,h).getPixelFromCoordinate(t);if(!a)return NaN;let o=i(this,w).getData(a);if(!o)return NaN;if(o instanceof Uint8Array||o instanceof Uint8ClampedArray||o instanceof Float32Array)return isNaN(o[0])?NaN:o[0];if(o instanceof DataView){let e=o.getFloat32(0,!0);return isNaN(e)?NaN:e}return NaN},ot=new WeakSet,Ut=function(t){var a=t.detail;a?(this.toggleState=a,C(this,I,new Ft({wrapX:!1})),C(this,P,new It({source:i(this,I)})),C(this,F,new ne({source:i(this,I),type:"LineString"})),i(this,h)&&(i(this,h).addLayer(i(this,P)),i(this,h).addInteraction(i(this,F)),i(this,F).on("drawend",o=>{var c;let e=o.feature.getGeometry(),r=v(this,tt,zt).call(this,e),n=r.map(p=>new ce({geometry:new se(p)}));(c=i(this,I))==null||c.addFeatures(n);let s=r.map(p=>v(this,O,ct).call(this,p)),l=r.map((p,y)=>y),f=r.map(p=>{let[y,D]=kt(p),V=v(this,O,ct).call(this,p),M=isNaN(V)?"N/A":V.toExponential(4);return[parseFloat(y.toFixed(2)),parseFloat(D.toFixed(2)),M]}).map((p,y)=>{let D=y,V=p[2];return`Index: ${D}<br>Value: ${V}<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,at,_t).call(this)},it=new WeakSet,qt=function(){return this._fetchVariableTask.status!==H.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},rt=new WeakSet,Ht=function(t){return xt(t)},d.styles=[pt,Dt],d.dependencies={"terra-button":yt,"terra-icon":ft,"terra-plot-toolbar":Vt,"terra-loader":bt,"terra-plot":vt,"terra-alert":gt},m([E({reflect:!0})],d.prototype,"collection",2),m([E({reflect:!0})],d.prototype,"variable",2),m([E({attribute:"start-date",reflect:!0})],d.prototype,"startDate",2),m([E({attribute:"end-date",reflect:!0})],d.prototype,"endDate",2),m([E({reflect:!0})],d.prototype,"location",2),m([E({attribute:"bearer-token",reflect:!1})],d.prototype,"bearerToken",2),m([E({type:String})],d.prototype,"long_name",2),m([E({type:String,attribute:"color-map-name",reflect:!0})],d.prototype,"colorMapName",2),m([E({type:Number})],d.prototype,"opacity",2),m([E({attribute:"application-id"})],d.prototype,"applicationId",2),m([E({type:Boolean,attribute:"no-cache"})],d.prototype,"noCache",2),m([x()],d.prototype,"catalogVariable",2),m([x()],d.prototype,"pixelValue",2),m([x()],d.prototype,"pixelCoordinates",2),m([x()],d.prototype,"metadata",2),m([x()],d.prototype,"toggleState",2),m([x()],d.prototype,"minimized",2),m([x()],d.prototype,"noDataValue",2),m([x()],d.prototype,"min",2),m([x()],d.prototype,"max",2),m([x()],d.prototype,"legendValues",2),m([x()],d.prototype,"timeAverageMapError",2),m([x()],d.prototype,"colormaps",2),m([x()],d.prototype,"plotData",2),m([x()],d.prototype,"layout",2),m([x()],d.prototype,"harmonyJobId",2),m([nt(["startDate","endDate","location","catalogVariable"])],d.prototype,"handlePropertyChange",1),m([nt(["colorMapName","opacity"])],d.prototype,"handlePlotOptionsChange",1);export{d as a};

package/dist/chunks/chunk.H4FARZ53.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WSSQCROT.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-dialog";e.define("terra-dialog");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraDialogShow:"terra-dialog-show",onTerraDialogAfterShow:"terra-dialog-after-show",onTerraDialogHide:"terra-dialog-hide",onTerraDialogAfterHide:"terra-dialog-after-hide",onTerraDialogInitialFocus:"terra-dialog-initial-focus",onTerraDialogRequestClose:"terra-dialog-request-close"},displayName:"TerraDialog"}),p=o;export{p as a};

package/dist/chunks/chunk.H6PC5SSG.js

@@ -0,0 +1,8 @@
+import{a as i}from"./chunk.RRKWNEL7.js";import{a as n,b as p}from"./chunk.OTF3DTPS.js";import{e as o}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as m}from"lit";import{property as f,query as c}from"lit/decorators.js";var t=class extends p{constructor(){super(...arguments);this.variant="default"}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach((d,a)=>{let s=h(d);s&&(s.toggleAttribute("data-terra-stepper__step",!0),s.toggleAttribute("data-terra-stepper__step--first",a===0),s.toggleAttribute("data-terra-stepper__step--last",a===e.length-1))})}render(){return m`
+            <div
+                part="base"
+                class=${u({stepper:!0,"stepper--default":this.variant==="default","stepper--condensed":this.variant==="condensed"})}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};t.styles=[n,i],o([c("slot")],t.prototype,"defaultSlot",2),o([f({reflect:!0})],t.prototype,"variant",2);function h(r){var e;let l="terra-stepper-step";return(e=r.closest(l))!=null?e:r.querySelector(l)}export{t as a};

package/dist/chunks/chunk.HDPC44EI.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.SEODWXYC.js";var m=e;e.define("terra-map");export{m as a};

package/dist/chunks/chunk.HJJKMAXZ.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.25IJTRN2.js";var p=r;r.define("terra-dropdown");export{p as a};

package/dist/chunks/chunk.HRG3YIXF.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.DN2W7CXP.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-breadcrumb";e.define("terra-breadcrumb");var m=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraBreadcrumb"}),d=m;export{d as a};

package/dist/chunks/chunk.HTTWDTCN.js

@@ -0,0 +1 @@
+import{a}from"./chunk.EY7CGJXP.js";var i=a;a.define("terra-data-grid");export{i as a};

package/dist/chunks/chunk.I6KMV3PH.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BXSXRNLA.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-badge";e.define("terra-badge");var o=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraBadge"}),d=o;export{d as a};

package/dist/chunks/chunk.IAZ53T5N.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.XA74HUUF.js";import*as e from"react";import{createComponent as a}from"@lit/react";var r="terra-status-indicator";t.define("terra-status-indicator");var o=a({tagName:r,elementClass:t,react:e,events:{},displayName:"TerraStatusIndicator"}),p=o;export{p as a};

package/dist/chunks/chunk.IECIA36P.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4EI5AQ55.js";var t=e;e.define("terra-toggle");export{t as a};

package/dist/chunks/chunk.IFRRAZJZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZJQMVD74.js";var i=e;e.define("terra-login");export{i as a};

package/dist/chunks/chunk.ILWARFBK.js

@@ -0,0 +1,80 @@
+import{a as d}from"./chunk.XWET63TO.js";import{a as b}from"./chunk.EXISX4DM.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as u,b as h}from"./chunk.OTF3DTPS.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as c,state as f}from"lit/decorators.js";import{html as r}from"lit";import{classMap as m}from"lit/directives/class-map.js";var i=class extends h{constructor(){super(...arguments);this.current=1;this.total=1;this.variant="full";this.centered=!1;this._visiblePages=[]}handlePropsChange(){this._updateVisiblePages()}connectedCallback(){super.connectedCallback(),this._updateVisiblePages()}_updateVisiblePages(){let t=[],a=Math.max(1,this.total),n=Math.max(1,Math.min(this.current,a));if(this.variant==="simple"){this._visiblePages=[];return}if(a<=7)for(let e=1;e<=a;e++)t.push(e);else if(t.push(1),n<=4){for(let e=2;e<=5;e++)t.push(e);t.push(-1),t.push(a)}else if(n>=a-3){t.push(-1);for(let e=a-4;e<=a;e++)t.push(e)}else{t.push(-1);for(let e=n-1;e<=n+1;e++)t.push(e);t.push(-1),t.push(a)}this._visiblePages=t}_handlePageClick(t){t===this.current||t<1||t>this.total||(this.current=t,this._updateVisiblePages(),this.emit("terra-page-change",{detail:{page:t}}))}_handlePrevClick(){this.current>1&&this._handlePageClick(this.current-1)}_handleNextClick(){this.current<this.total&&this._handlePageClick(this.current+1)}render(){let t=Math.max(1,this.total),a=Math.max(1,Math.min(this.current,t)),n=a===1,e=a===t,_=this.variant==="full";return r`
+            <div
+                part="base"
+                class=${m({pagination:!0,"pagination--centered":this.centered,"pagination--left":this.variant==="full"&&!this.centered,"pagination--simple":this.variant==="simple"})}
+            >
+                <nav part="nav" class="pagination__nav">
+                    <button
+                        part="prev"
+                        class="pagination__button pagination__button--prev"
+                        ?disabled=${n}
+                        @click=${this._handlePrevClick}
+                        aria-label="Previous page"
+                    >
+                        ${this.variant==="simple"?r`
+                                  <terra-icon
+                                      name="chevron-left"
+                                      library="default"
+                                  ></terra-icon>
+                                  <span class="pagination__button-text"
+                                      >Previous</span
+                                  >
+                              `:r`
+                                  <terra-icon
+                                      name="chevron-left"
+                                      library="default"
+                                  ></terra-icon>
+                              `}
+                    </button>
+
+                    ${_?r`
+                              ${this._visiblePages.map(l=>{if(l===-1)return r`
+                                          <span
+                                              part="ellipsis"
+                                              class="pagination__ellipsis"
+                                              aria-hidden="true"
+                                              >…</span
+                                          >
+                                      `;let o=l===a;return r`
+                                      <button
+                                          part=${o?"button-current button":"button"}
+                                          class=${m({pagination__button:!0,"pagination__button--page":!0,"pagination__button--current":o})}
+                                          ?disabled=${o}
+                                          @click=${()=>this._handlePageClick(l)}
+                                          aria-label=${`Page ${l}`}
+                                          aria-current=${o?"page":void 0}
+                                      >
+                                          ${l}
+                                      </button>
+                                  `})}
+                          `:""}
+
+                    <button
+                        part="next"
+                        class="pagination__button pagination__button--next"
+                        ?disabled=${e}
+                        @click=${this._handleNextClick}
+                        aria-label="Next page"
+                    >
+                        ${this.variant==="simple"?r`
+                                  <span class="pagination__button-text">Next</span>
+                                  <terra-icon
+                                      name="chevron-right"
+                                      library="default"
+                                  ></terra-icon>
+                              `:r`
+                                  <terra-icon
+                                      name="chevron-right"
+                                      library="default"
+                                  ></terra-icon>
+                              `}
+                    </button>
+                </nav>
+
+                ${this.variant==="full"&&!this.centered?r`
+                          <div part="slot" class="pagination__slot">
+                              <slot></slot>
+                          </div>
+                      `:""}
+            </div>
+        `}};i.styles=[u,d],i.dependencies={"terra-icon":b},s([c({type:Number})],i.prototype,"current",2),s([c({type:Number})],i.prototype,"total",2),s([c({reflect:!0})],i.prototype,"variant",2),s([c({type:Boolean})],i.prototype,"centered",2),s([f()],i.prototype,"_visiblePages",2),s([p(["current","total","variant"])],i.prototype,"handlePropsChange",1);export{i as a};

package/dist/chunks/chunk.IO5RP4LZ.js

@@ -0,0 +1,43 @@
+import{a as m}from"./chunk.ACPZYKOT.js";import{a as p}from"./chunk.JR4CVT6A.js";import{a as u}from"./chunk.52AIVMJA.js";import{a as d}from"./chunk.TQGIFDYA.js";import{a as o,b as l}from"./chunk.6PEAAW4E.js";import{a as h}from"./chunk.EXISX4DM.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.OTF3DTPS.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as k}from"lit/directives/class-map.js";import{html as b}from"lit";import{property as i,query as f}from"lit/decorators.js";var e=class extends c{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new o(this,"submenu");this.submenuController=new p(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return l(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let r=this.submenuController.isExpanded();return b`
+            <div
+                id="anchor"
+                part="base"
+                class=${k({"menu-item":!0,"menu-item--rtl":!1,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":r})}
+                ?aria-haspopup="${this.isSubmenu()}"
+                ?aria-expanded="${!!r}"
+            >
+                <span part="checked-icon" class="menu-item__check">
+                    <terra-icon
+                        name="solid-check"
+                        library="heroicons"
+                        aria-hidden="true"
+                    ></terra-icon>
+                </span>
+
+                <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+                <slot
+                    part="label"
+                    class="menu-item__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+
+                <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+                <span part="submenu-icon" class="menu-item__chevron">
+                    <terra-icon
+                        name=${"chevron-right"}
+                        library="system"
+                        aria-hidden="true"
+                    ></terra-icon>
+                </span>
+
+                ${this.submenuController.renderSubmenu()}
+                ${this.loading?b`
+                          <terra-loader
+                              part="spinner"
+                              exportparts="base:spinner__base"
+                          ></terra-loader>
+                      `:""}
+            </div>
+        `}};e.styles=[n,m],e.dependencies={"terra-icon":h,"terra-popup":u,"terra-loader":d},t([f("slot:not([name])")],e.prototype,"defaultSlot",2),t([f(".menu-item")],e.prototype,"menuItem",2),t([i()],e.prototype,"type",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("type")],e.prototype,"handleTypeChange",1);export{e as a};

package/dist/chunks/chunk.ITLR4NVV.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.E74KOQ6O.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

package/dist/chunks/chunk.J6LC4XO6.js

@@ -0,0 +1 @@
+import{a}from"./chunk.7XVQ23TB.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as l,b as r}from"./chunk.OTF3DTPS.js";import{e}from"./chunk.INFVQQSJ.js";import{property as s}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,a],e([s({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([o("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/dist/chunks/chunk.JFAE577A.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZKKAJVQK.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-card";e.define("terra-card");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraCard"}),d=o;export{d as a};

package/dist/chunks/chunk.JHNY5UC5.js

@@ -0,0 +1 @@
+import{a as b,g as W,m as y}from"./chunk.NH6VLJ6J.js";import{b as C,c as M}from"./chunk.7J2F6HQM.js";import{a as r,b as u,f as o,g as s,h as c,i as g}from"./chunk.INFVQQSJ.js";var se="https://cmr.earthdata.nasa.gov/search/",D,$,A,L,Q=class{constructor(){s(this,D);s(this,A)}async getCollection(e,t,n){return this.getCollectionByEntryId(`${e}_${t}`,n)}async getCollectionByEntryId(e,t){if(!e)throw new C({message:"`collectionEntryId` is required"});let n=await g(this,D,$).call(this,`collections.umm_json?entry_id=${e}&include_granule_counts=true`,t);if(!n.items.length)throw new M({message:`Collection ${e} was not found`});return n.items[0]}async searchVariables(e,t){var n;if(!e.collectionConceptId)throw new C({message:"`collectionConceptId` is required"});return g(this,D,$).call(this,`variables.umm_json?keyword=${e.collectionConceptId}&page_size=${(n=e.pageSize)!=null?n:200}`,t)}async getSamplingOfGranules(e,t){var z,j,F,H,K,P,N;let[n,m]=await Promise.all([this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"asc"},t),this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"desc"},t)]),l=(z=n.items[0])==null?void 0:z.umm,a=(j=l==null?void 0:l.TemporalExtent)==null?void 0:j.RangeDateTime,d=(a==null?void 0:a.BeginningDateTime)!=null&&a.EndingDateTime!=null?(new Date(a.EndingDateTime).getTime()-new Date(a.BeginningDateTime).getTime())/(1e3*60*60)<24:!1;return{minDate:(F=a==null?void 0:a.BeginningDateTime)==null?void 0:F.toString(),maxDate:(N=(P=(K=(H=m.items[0])==null?void 0:H.umm.TemporalExtent)==null?void 0:K.RangeDateTime)==null?void 0:P.BeginningDateTime)==null?void 0:N.toString(),isSubDaily:d,hasGranules:n.hits>0}}async searchGranules(e,t){var m,l,a,d;if(!e.collectionEntryId&&!e.collectionConceptId)throw new C({message:"`collectionEntryId` or `collectionConceptId` is required to search granules"});let n=new URLSearchParams(r(r(r(r(r(r(r(r(r(r({},e.collectionEntryId&&{"entry_id[]":e.collectionEntryId}),e.collectionConceptId&&{collection_concept_id:e.collectionConceptId}),e.pageSize&&{page_size:e.pageSize.toString()}),e.pageNum&&{page_num:e.pageNum.toString()}),e.offset&&{offset:e.offset.toString()}),e.sortBy&&{"sort_key[]":g(this,A,L).call(this,e.sortBy,(m=e.sortDirection)!=null?m:"asc")}),e.search&&{"granule_ur[]":`*${e.search}*`,"options[granule_ur][pattern]":"true"}),e.startDate&&e.endDate&&{temporal:`${e.startDate},${e.endDate}`}),((l=e.location)==null?void 0:l.type)==="bbox"&&{bounding_box:e.location.bounds.toBBoxString()}),((a=e.cloudCover)==null?void 0:a.min)!==void 0&&((d=e.cloudCover)==null?void 0:d.max)!==void 0&&{cloud_cover:`${e.cloudCover.min},${e.cloudCover.max}`}));return g(this,D,$).call(this,`granules.umm_json?${n.toString()}`,t)}};D=new WeakSet,$=function(e,t){return b.get(`${se}${e}`,u(r({},t),{headers:r(r({},t==null?void 0:t.headers),(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})}))},A=new WeakSet,L=function(e,t){let n=e;switch(e){case"title":case"umm.GranuleUR":n="granuleUr";break;case"size":case"umm.DataGranule.Size":n="dataSize";break;case"timeStart":case"umm.TemporalExtent.RangeDateTime.BeginningDateTime":n="startDate";break;case"timeEnd":case"umm.TemporalExtent.RangeDateTime.EndingDateTime":n="endDate";break}return`${t==="asc"?"+":"-"}${n}`};var ae=new Q,S=ae;function J(i,e){return{queryKey:["cmr","collection",i],queryFn:async({signal:t})=>S.getCollectionByEntryId(i,u(r({},e),{signal:t})),enabled:!!i}}function ve(i,e){return{queryKey:["cmr","granules",i],queryFn:async({signal:t})=>S.searchGranules(i,u(r({},e),{signal:t})),enabled:!!i.collectionEntryId||!!i.collectionConceptId}}function X(i,e){return{queryKey:["cmr","variables",i],queryFn:async({signal:t})=>S.searchVariables(i,u(r({},e),{signal:t})),enabled:!!i.collectionConceptId}}function Y(i,e){return{queryKey:["cmr","sampling",i],queryFn:async({signal:t})=>i?S.getSamplingOfGranules(i,u(r({},e),{signal:t})):null,enabled:!!i}}var le="https://api.giovanni.earthdata.nasa.gov/",U,Z,V=class{constructor(){s(this,U)}async getConfiguredVariables(e){return(await g(this,U,Z).call(this,"configured-variables",e)).configured_variables}};U=new WeakSet,Z=function(e,t){return b.get(`${le}${e}`,t)};var ce=new V,ee=ce;function te(){return{queryKey:["giovanni","configuredVariables"],queryFn:async({signal:i})=>ee.getConfiguredVariables({signal:i})}}var ue="https://disc.gsfc.nasa.gov/api/",_,ne,k=class{constructor(){s(this,_)}async getCollectionByEntryId(e,t){if(!e)throw new C({message:"`collectionEntryId` is required"});return g(this,_,ne).call(this,`/metadata/dataset/${e}`,t)}};_=new WeakSet,ne=function(e,t){return b.get(`${ue}${e}`,t)};var me=new k,ie=me;function re(i,e){return{queryKey:["gesdisc","collection",i.collectionEntryId],queryFn:async({signal:t})=>ie.getCollectionByEntryId(i.collectionEntryId,u(r({},e),{signal:t})),enabled:!!i.collectionEntryId&&ge(i.collectionConceptId)}}function ge(i){var e;return(e=i==null?void 0:i.endsWith("GES_DISC"))!=null?e:!1}var p,h,T,w,f,x,I,E,B,O,G,oe=class{constructor(e,t){this.host=e;this.config=t;s(this,p,void 0);s(this,h,void 0);s(this,T,void 0);s(this,w,void 0);s(this,f,void 0);s(this,x,void 0);s(this,I,void 0);s(this,E,void 0);s(this,B,void 0);s(this,O,void 0);s(this,G,new Set);this.host.addController(this),c(this,p,new y(this.host,()=>J(this.config.getCollectionEntryId()))),c(this,h,new y(this.host,()=>W(this.conceptId,{bearerToken:this.config.getBearerToken()}))),c(this,T,new y(this.host,()=>X({collectionConceptId:this.conceptId}))),c(this,w,new y(this.host,()=>re({collectionEntryId:this.config.getCollectionEntryId(),collectionConceptId:this.conceptId}))),c(this,f,new y(this.host,()=>Y(this.config.getCollectionEntryId()))),c(this,x,new y(this.host,te))}hostConnected(){}hostDisconnected(){}get conceptId(){var e,t;return(t=(e=o(this,p).result)==null?void 0:e.data)==null?void 0:t.meta["concept-id"]}get collection(){return o(this,p).result}get capabilities(){return o(this,h).result}get variables(){return o(this,T).result}get gesDiscCollection(){return o(this,w).result}get sampling(){return o(this,f).result}get giovanniVariables(){var t,n;let e=(n=(t=o(this,x).result)==null?void 0:t.data)!=null?n:void 0;return e!==o(this,O)&&(c(this,O,e),c(this,G,new Set(e!=null?e:[]))),o(this,G)}get isLoadingCollection(){var e,t;return(t=(e=o(this,p).result)==null?void 0:e.isLoading)!=null?t:!1}get hasCapabilitiesError(){var e,t;return(t=(e=o(this,h).result)==null?void 0:e.isError)!=null?t:!1}get isSubDaily(){var e,t,n;return(n=(t=(e=o(this,f).result)==null?void 0:e.data)==null?void 0:t.isSubDaily)!=null?n:!1}get hasGranules(){var e,t,n;return(n=(t=(e=o(this,f).result)==null?void 0:e.data)==null?void 0:t.hasGranules)!=null?n:!1}get spatialConstraints(){var n,m,l,a,d;let e=(d=(a=(l=(m=(n=o(this,p).result)==null?void 0:n.data)==null?void 0:m.umm.SpatialExtent)==null?void 0:l.HorizontalSpatialDomain)==null?void 0:a.Geometry)==null?void 0:d.BoundingRectangles;if(!(e!=null&&e.length))return"-180, -90, 180, 90";let t=e[0];return`${t.WestBoundingCoordinate}, ${t.SouthBoundingCoordinate}, ${t.EastBoundingCoordinate}, ${t.NorthBoundingCoordinate}`}get collectionInfo(){var n,m,l;let e=(n=o(this,h).result)==null?void 0:n.data,t=(m=o(this,p).result)==null?void 0:m.data;if(!(!e||!t))return(e!==o(this,E)||t!==o(this,B))&&(c(this,E,e),c(this,B,t),c(this,I,u(r({},e),{granuleCount:(l=t.meta["granule-count"])!=null?l:0,collection:t.umm}))),o(this,I)}};p=new WeakMap,h=new WeakMap,T=new WeakMap,w=new WeakMap,f=new WeakMap,x=new WeakMap,I=new WeakMap,E=new WeakMap,B=new WeakMap,O=new WeakMap,G=new WeakMap;export{ve as a,oe as b};

package/dist/chunks/chunk.JIFY72GY.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.H2SGQQPI.js";var p=e;e.define("terra-time-average-map");export{p as a};

package/dist/chunks/chunk.JMHCKJE6.js

@@ -0,0 +1,12 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components` and `anywidget` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.181" "anywidget==0.9.15"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render the subsetter"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraDataSubsetter
+subsetter = TerraDataSubsetter()
+
+${e.collectionEntryId?`subsetter.collectionEntryId = '${e.collectionEntryId}'
+`:""}${e.jobId?`subsetter.jobId = '${e.jobId}'
+`:""}${e.environment?`subsetter.environment = '${e.environment}'`:""}
+subsetter`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Download the files
+`,`
+`,"Once the subset job completes, you can download the files:"]},{id:"870c1384-e706-48ee-ba07-fd552a949868",cell_type:"code",source:"subsetter.job['links']",metadata:{trusted:!0},outputs:[],execution_count:null}]}export{r as a};