@nasa-terra/components 0.0.186 → 0.0.188

package/dist/chunks/chunk.JF67CVCP.js

@@ -0,0 +1,38 @@
+import{a as b}from"./chunk.4V7RXLNV.js";import{a as S}from"./chunk.C7ILTTDA.js";import{a as y}from"./chunk.QDFHF7LY.js";import{b as f,c as B}from"./chunk.K63TORTJ.js";import{a as g}from"./chunk.BF5VMLO3.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as p,b as w}from"./chunk.EBSZILKQ.js";import{e as t,f as a,g as d,h as m}from"./chunk.INFVQQSJ.js";import{html as h,nothing as u}from"lit";import{property as i,query as C,state as v}from"lit/decorators.js";import{cache as x}from"lit/directives/cache.js";import{map as P}from"lit/directives/map.js";var n,o=class extends y(w){constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!1;this.showMouseCoordinates=!1;this.hasShapeSelector=!1;this.showGraticule=!1;this.showBoundingBoxSelection=!1;this.showPointSelection=!1;this.showPolygonSelection=!1;this.showCircleSelection=!1;this.staticMode=!1;this.noWorldWrap=!1;this.spatialConstraints="-180, -90, 180, 90";this.fitToValue=!1;this.cursorCoordinates=[0,0];this.shapeLoading=!1;d(this,n,void 0);this.shapesQuery=new g(this,()=>f())}zoomChanged(){var e;(e=a(this,n))==null||e.setZoom(this.zoom)}set hasCoordTracker(e){console.warn('The "has-coord-tracker" property is deprecated. Please use "show-mouse-coordinates" instead.'),this.showMouseCoordinates=e}get hasCoordTracker(){return this.showMouseCoordinates}showGraticuleChanged(){var e;(e=a(this,n))==null||e.toggleLayerVisibility("graticule",this.showGraticule)}set hideBoundingBoxSelection(e){console.warn('The "hide-bounding-box-selection" property is deprecated. Please use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!e}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(e){console.warn('The "hide-point-selection" property is deprecated. Please use "show-point-selection" instead.'),this.showPointSelection=!e}get hidePointSelection(){return!this.showPointSelection}drawButtonSelectionChanged(){var e;(e=a(this,n))==null||e.updateDrawToolbarVisibility({showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection})}valueChanged(e,c){var s;(s=a(this,n))==null||s.setValue(c)}async firstUpdated(){m(this,n,new b(this.mapElement,{zoom:this.zoom,minZoom:this.minZoom,maxZoom:this.maxZoom,showGraticule:this.showGraticule,showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection,noWorldWrap:this.noWorldWrap,value:this.value,fitToValue:this.fitToValue,getGeoJson:e=>this.queryClient.fetchQuery(B(e)),onMouseMove:e=>{this.cursorCoordinates=e},onDraw:e=>{this.emit("terra-map-change",{detail:e})},onShapeLoading:e=>{this.shapeLoading=e}}))}selectTemplate(){var c;let e=(c=this.shapesQuery.result)==null?void 0:c.data;return h`
+            <select
+                class="map__select form-control"
+                @change=${s=>{var l;return(l=a(this,n))==null?void 0:l.handleShapeSelect(s)}}
+            >
+                <option value="">Select a Shape...</option>
+
+                ${x(P(e!=null?e:void 0,s=>h`<optgroup label="${s.title}">
+                            ${s.shapes.map(l=>h`
+                                    <option
+                                        value="${l.shapefileID}/${l.shapeID}"
+                                    >
+                                        ${l.name}
+                                    </option>
+                                `)}
+                        </optgroup> `))}
+            </select>
+        `}render(){return h`
+            ${this.hasShapeSelector?this.selectTemplate():u}
+            <div part="map" class=${`map ${this.staticMode?"static":""}`}>
+                ${this.showMouseCoordinates?h`
+                          <div id="mouse-info">
+                              <div>
+                                  <strong
+                                      >lat: ${this.cursorCoordinates[1].toFixed(2)},
+                                      lng:
+                                      ${this.cursorCoordinates[0].toFixed(2)}</strong
+                                  >
+                              </div>
+                          </div>
+                      `:u}
+                ${this.shapeLoading?h`
+                          <div class="map__loading-overlay">
+                              <div class="map__spinner"></div>
+                          </div>
+                      `:u}
+            </div>
+        `}};n=new WeakMap,o.styles=[p,S],t([i({attribute:"min-zoom",type:Number})],o.prototype,"minZoom",2),t([i({attribute:"max-zoom",type:Number})],o.prototype,"maxZoom",2),t([i({type:Number})],o.prototype,"zoom",2),t([r("zoom")],o.prototype,"zoomChanged",1),t([i({attribute:"has-navigation",type:Boolean})],o.prototype,"hasNavigation",2),t([i({attribute:"show-mouse-coordinates",type:Boolean})],o.prototype,"showMouseCoordinates",2),t([i({attribute:"has-coord-tracker",type:Boolean})],o.prototype,"hasCoordTracker",1),t([i({attribute:"has-shape-selector",type:Boolean})],o.prototype,"hasShapeSelector",2),t([i({attribute:"show-graticule",type:Boolean})],o.prototype,"showGraticule",2),t([r("showGraticule")],o.prototype,"showGraticuleChanged",1),t([i({attribute:"show-bounding-box-selection",type:Boolean})],o.prototype,"showBoundingBoxSelection",2),t([i({attribute:"hide-bounding-box-selection",type:Boolean})],o.prototype,"hideBoundingBoxSelection",1),t([i({attribute:"show-point-selection",type:Boolean})],o.prototype,"showPointSelection",2),t([i({attribute:"hide-point-selection",type:Boolean})],o.prototype,"hidePointSelection",1),t([i({attribute:"show-polygon-selection",type:Boolean})],o.prototype,"showPolygonSelection",2),t([i({attribute:"show-circle-selection",type:Boolean})],o.prototype,"showCircleSelection",2),t([i({type:Boolean})],o.prototype,"staticMode",2),t([i({attribute:"no-world-wrap",type:Boolean})],o.prototype,"noWorldWrap",2),t([i({attribute:"spatial-constraints"})],o.prototype,"spatialConstraints",2),t([i({type:String})],o.prototype,"value",2),t([i({type:Boolean,attribute:"fit-to-feature"})],o.prototype,"fitToValue",2),t([C('[part="map"]')],o.prototype,"mapElement",2),t([v()],o.prototype,"cursorCoordinates",2),t([v()],o.prototype,"shapeLoading",2),t([r(["showBoundingBoxSelection","showPointSelection","showPolygonSelection","showCircleSelection"])],o.prototype,"drawButtonSelectionChanged",1),t([r("value")],o.prototype,"valueChanged",1);export{o as a};

package/dist/chunks/chunk.JKV4JITR.js

@@ -0,0 +1,115 @@
+import{a as J}from"./chunk.22TWFDJS.js";import{a as R,b as S,c as q,e as E,f as N,g as z}from"./chunk.A6SIGE3C.js";import{a as X}from"./chunk.KGZZ7BN3.js";import{a as j}from"./chunk.AKA2QFDM.js";import{a as K}from"./chunk.7XEN6ICO.js";import{a as P}from"./chunk.J5Q4TWEG.js";import{a as A,b as G}from"./chunk.EBSZILKQ.js";import{a as O,b as U,e as r,f as t,g as n,h as c,i as D}from"./chunk.INFVQQSJ.js";import Z from"fuse.js";import{LitElement as V,html as h,nothing as y}from"lit";import{property as p,state as L}from"lit/decorators.js";import{cache as _}from"lit/directives/cache.js";import{map as C}from"lit/directives/map.js";import{ref as F}from"lit/directives/ref.js";var o,u,g,d,f,m,x,b,k,T,M,w,v,$,H,Y,s=class s extends G{constructor(){super(...arguments);n(this,H);n(this,o,null);n(this,u,void 0);n(this,g,[]);n(this,d,null);n(this,f,null);n(this,m,null);n(this,x,null);this.label="Search for Variables";this.hideHelp=!1;this.hideLabel=!1;this.useTags=!1;this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];this.tags=[];this.tagContainerWidth=0;n(this,b,a=>{this.emit("terra-combobox-change",{detail:JSON.parse(a)})});n(this,k,()=>{var a;this.isExpanded=!this.isExpanded,(a=t(this,o))==null||a.focus()});n(this,T,a=>{var i;let e=a.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(i=t(this,f))==null?void 0:i.search(e.value).map(({item:l})=>l)});n(this,M,a=>{let e=a.composedPath(),[i]=e.filter(l=>l.role==="option");i&&t(this,$).call(this,i)});n(this,w,a=>{var e;switch(a.key){case"ArrowDown":{if(E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),a.altKey)break;N(t(this,m),t(this,o),"next");break}case"ArrowUp":{E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),N(t(this,m),t(this,o),"previous");break}case"Enter":{t(this,$).call(this,(e=t(this,m))==null?void 0:e.currentNode);break}case"Escape":{E(t(this,o),t(this,d)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});n(this,v,a=>{a.composedPath().some(l=>l.localName===s.tagName)||(this.isExpanded=!1)});n(this,$,a=>{let{longName:e,eventDetail:i}=a.dataset;this.query=`${e}`,t(this,b).call(this,i),this.isExpanded=!1,E(t(this,o),t(this,d)),this.useTags&&(this.tags=[`${e}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery)})}async valueChanged(a,e){var W,B;if(a===e)return;await t(this,u).taskComplete;let i=z(this.value),l=(W=t(this,u).value)==null?void 0:W.find(I=>i===I.entryId);l&&(this.query=l.longName,this.searchResults=(B=t(this,f))==null?void 0:B.search(this.query).map(({item:I})=>I),t(this,b).call(this,l.eventDetail),this.useTags&&(this.tags=[`${l.longName}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery))}connectedCallback(){super.connectedCallback(),c(this,u,new J(this,this.bearerToken)),globalThis.addEventListener("click",t(this,v))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,v))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var a;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">
+                ${this.useTags?h`<div
+                          ${F(e=>{var i;e&&((i=t(this,x))!=null||c(this,x,e),this.tagContainerWidth=e.getBoundingClientRect().width)})}
+                          class="tag-container"
+                          id="tag-container"
+                      >
+                          ${C(this.tags,(e,i)=>D(this,H,Y).call(this,e,i))}
+                      </div>`:y}
+                <input
+                    ${F(e=>{var i;e&&((i=t(this,o))!=null||c(this,o,e))})}
+                    autocomplete="off"
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    style=${this.useTags?`padding-inline-start: calc(${this.tagContainerWidth}px + 0.25rem);`:y}
+                    aria-describedby=${this.useTags?"tag-container":y}
+                    placeholder=${this.useTags?y:(a=this.placeholder)!=null?a:`${this.label}\u2026`}
+                    .value=${this.useTags?s.initialQuery:this.query}
+                    @input=${t(this,T)}
+                    @keydown=${t(this,w)}
+                    @click=${t(this,k)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Variables"
+                    class="combobox-button"
+                    id="combobox-button"
+                    variant="text"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,k)}
+                >
+                    ${["COMPLETE","ERROR"].includes(t(this,u).taskStatus)?h`<terra-icon
+                              class="chevron"
+                              name="chevron-down"
+                          ></terra-icon>`: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?y:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              tabindex=${this.isExpanded?"-1 ":"0"}
+                              target="_blank"
+                              >extended search syntax
+                              <terra-icon
+                                  name="outline-arrow-top-right-on-square"
+                                  library="heroicons"
+                              ></terra-icon></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${F(e=>{var i;e&&((i=t(this,d))!=null||c(this,d,e),c(this,m,document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,l=>l.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Variables Matching ${this.query}`:"Variables"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,u).render({initial:()=>h`<li class="updating">Updating List of Variables</li>`,pending:()=>h`<li class="updating">Updating List of Variables</li>`,complete:e=>{let i=e.filter(l=>!(l.collectionShortName==="GPM_3IMERGHH"&&l.collectionVersion==="06"));return c(this,g,i),c(this,f,new Z(t(this,g),{findAllMatches:!0,keys:["entryId","longName","name","standardName","units"],useExtendedSearch:!0})),_(this.query===s.initialQuery?C(S(q(t(this,g))),R):C(S(q(this.searchResults)),R))},error:e=>h`<li class="error" data-tree-walker="filter_skip">
+                            ${e}
+                        </li>`})}
+            </ul>
+        </search>`}};o=new WeakMap,u=new WeakMap,g=new WeakMap,d=new WeakMap,f=new WeakMap,m=new WeakMap,x=new WeakMap,b=new WeakMap,k=new WeakMap,T=new WeakMap,M=new WeakMap,w=new WeakMap,v=new WeakMap,$=new WeakMap,H=new WeakSet,Y=function(a,e){return h`
+            <terra-button
+                size="small"
+                variant="default"
+                outline
+                class="tag"
+                title=${a}
+                aria-label=${`Clear tag ${a}`}
+                @click=${()=>{this.tags=[],this.clear(),setTimeout(()=>{var i;this.tagContainerWidth=(i=t(this,x))==null?void 0:i.getBoundingClientRect().width},100)}}
+                title=${a}
+            >
+                ${a}
+                <terra-icon
+                    class="tag-icon"
+                    slot="suffix"
+                    name="outline-x-circle"
+                    library="heroicons"
+                ></terra-icon>
+            </terra-button>
+        `},s.dependencies={"terra-button":K,"terra-icon":j},s.styles=[A,X],s.shadowRootOptions=U(O({},V.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-combobox",s.initialQuery="",r([p()],s.prototype,"label",2),r([p()],s.prototype,"placeholder",2),r([p({attribute:"hide-help",type:Boolean,reflect:!0})],s.prototype,"hideHelp",2),r([p({attribute:"hide-label",type:Boolean,reflect:!0})],s.prototype,"hideLabel",2),r([p({attribute:"use-tags",type:Boolean,reflect:!0})],s.prototype,"useTags",2),r([p()],s.prototype,"value",2),r([p({attribute:"bearer-token",reflect:!1})],s.prototype,"bearerToken",2),r([L()],s.prototype,"isExpanded",2),r([L()],s.prototype,"query",2),r([L()],s.prototype,"searchResults",2),r([L()],s.prototype,"tags",2),r([L()],s.prototype,"tagContainerWidth",2),r([P("value")],s.prototype,"valueChanged",1);var Q=s;export{Q as a};

package/dist/chunks/chunk.JO73N37Q.js

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

package/dist/chunks/chunk.JZ76QPPW.js

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

package/dist/chunks/chunk.KGY6Y4DR.js

@@ -0,0 +1 @@
+import{a}from"./chunk.BODIPZIM.js";var n=a;a.define("terra-pagination");export{n as a};

package/dist/chunks/chunk.KUDERI2M.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ECUPQPMI.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.LAN4FYHK.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JKV4JITR.js";import*as o from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-variable-combobox";e.define("terra-variable-combobox");var t=r({tagName:a,elementClass:e,react:o,events:{onTerraComboboxChange:"terra-combobox-change"},displayName:"TerraVariableCombobox"}),C=t;export{C as a};

package/dist/chunks/chunk.LC4WH54W.js

@@ -0,0 +1 @@
+import{a as M,b as H,c as R}from"./chunk.ISMI3XBI.js";import{a as G}from"./chunk.A77DDYFZ.js";import{a as y}from"./chunk.J5Q4TWEG.js";import{a as C,b as w}from"./chunk.EBSZILKQ.js";import{e as l,f as L,g as a,h as A,i as u}from"./chunk.INFVQQSJ.js";import{property as n,state as O}from"lit/decorators.js";import{isTemplateResult as x}from"lit/directive-helpers.js";var c=Symbol(),f=Symbol(),v,S=new Map,h,b,V,m,E,d,k,s=class extends w{constructor(){super(...arguments);a(this,b);a(this,m);a(this,d);a(this,h,!1);this.svg=null;this.label="";this.library="default";this.color=null;this.fontSize=null}connectedCallback(){super.connectedCallback(),M(this)}firstUpdated(){A(this,h,!0),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),H(this)}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var g;let{url:e,fromLibrary:o}=u(this,m,E).call(this),i=o?R(this.library):void 0;if(!e){this.svg=null;return}let r=S.get(e);if(r||(r=u(this,b,V).call(this,e),S.set(e,r)),!L(this,h))return;let t=await r;if(t===f&&S.delete(e),e===u(this,m,E).call(this).url){if(x(t)){this.svg=t;return}switch(t){case f:case c:this.svg=null,this.emit("terra-error");break;default:this.svg=t.cloneNode(!0),(g=i==null?void 0:i.mutator)==null||g.call(i,this.svg),this.emit("terra-load")}}}render(){return u(this,d,k).call(this),this.svg}};h=new WeakMap,b=new WeakSet,V=async function(e){var i;let o;try{if(o=await fetch(e,{mode:"cors"}),!o.ok)return o.status===410?c:f}catch(r){return f}try{let r=document.createElement("div");r.innerHTML=await o.text();let t=r.firstElementChild;if(((i=t==null?void 0:t.tagName)==null?void 0:i.toLowerCase())!=="svg")return c;v||(v=new DOMParser);let p=v.parseFromString(t.outerHTML,"text/html").body.querySelector("svg");return p?(p.part.add("svg"),document.adoptNode(p)):c}catch(r){return c}},m=new WeakSet,E=function(){let e=R(this.library);return this.name&&e?{url:e.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}},d=new WeakSet,k=function(){let o=[{attribute:"color",property:this.color},{attribute:"font-size",property:this.fontSize}].reduce((i,{attribute:r,property:t})=>(typeof t=="string"&&t.length>0&&(i+=` ${r}: ${t};`),this.removeAttribute(r),i),`${this.style.cssText}`);o.length>0&&this.setAttribute("style",o)},s.styles=[C,G],l([O()],s.prototype,"svg",2),l([n({reflect:!0})],s.prototype,"name",2),l([n()],s.prototype,"src",2),l([n()],s.prototype,"label",2),l([n({reflect:!0})],s.prototype,"library",2),l([n()],s.prototype,"color",2),l([n({attribute:"font-size"})],s.prototype,"fontSize",2),l([y("label")],s.prototype,"handleLabelChange",1),l([y(["name","src","library"])],s.prototype,"setIcon",1);export{s as a};

package/dist/chunks/chunk.LDV2ZADV.js

@@ -0,0 +1,127 @@
+import{a as kt}from"./chunk.VYBWO7SD.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.P3TUPYJL.js";import{a as Lt}from"./chunk.YKNOPG45.js";import{a as $t}from"./chunk.VT3U2SB7.js";import{a as Ct}from"./chunk.QDFHF7LY.js";import{a as Vt}from"./chunk.6AJD3EGC.js";import{c as ht}from"./chunk.BWCJXCND.js";import{a as St}from"./chunk.ZORILGBU.js";import{a as xt}from"./chunk.LC4WH54W.js";import{a as vt}from"./chunk.3JICBNSC.js";import{a as ct}from"./chunk.J5Q4TWEG.js";import{a as bt,b as wt}from"./chunk.EBSZILKQ.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.LELHYD6O.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZNSBJSLZ.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-radio-group";e.define("terra-radio-group");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraRadioGroup"}),E=a;export{E as a};

package/dist/chunks/chunk.LV6LKZXP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VQ4I6PUR.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tab";e.define("terra-tab");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClose:"terra-close"},displayName:"TerraTab"}),f=o;export{f as a};

package/dist/chunks/chunk.M2Q2IB3F.js

@@ -0,0 +1 @@
+import{a}from"./chunk.ETRX7GIB.js";var f=a;a.define("terra-avatar");export{f as a};

package/dist/chunks/chunk.MBOEIFFU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YRNKJ2HR.js";var l=e;e.define("terra-date-range-slider");export{l as a};

package/dist/chunks/chunk.MGGT4F4V.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LDV2ZADV.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-time-average-map";e.define("terra-time-average-map");var m=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraTimeAverageMap"}),c=m;export{c as a};

package/dist/chunks/chunk.MIQ462RT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2SQ55YCX.js";var n=e;e.define("terra-menu-item");export{n as a};

package/dist/chunks/chunk.MIYCM3S4.js

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

package/dist/chunks/chunk.MJELKCGN.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.SRDW6MAE.js";import{a as c}from"./chunk.LC4WH54W.js";import{a,b as n}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as i}from"lit";import{property as p}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.state="upcoming";this.title="";this.hideCheckmark=!1}getStepperVariant(){let s=this.closest("terra-stepper");return s&&s.variant||"default"}render(){let r=this.getStepperVariant()==="condensed",o=this.state==="completed",d=this.state==="current";return i`
+            <div
+                part="base"
+                class=${m({"stepper-step":!0,"stepper-step--default":!r,"stepper-step--condensed":r,"stepper-step--completed":o,"stepper-step--current":d,"stepper-step--upcoming":this.state==="upcoming"})}
+            >
+                <div part="bar" class="stepper-step__bar"></div>
+                ${r?"":i`
+                          <div part="content" class="stepper-step__content">
+                              <div part="title" class="stepper-step__title">
+                                  ${o&&!this.hideCheckmark?i`
+                                            <terra-icon
+                                                part="icon"
+                                                name="solid-check"
+                                                library="heroicons"
+                                                class="stepper-step__icon"
+                                            ></terra-icon>
+                                        `:""}
+                                  ${this.title}
+                              </div>
+                              <div part="caption" class="stepper-step__caption">
+                                  <slot></slot>
+                              </div>
+                          </div>
+                      `}
+            </div>
+        `}};t.styles=[a,l],t.dependencies={"terra-icon":c},e([p({reflect:!0})],t.prototype,"state",2),e([p()],t.prototype,"title",2),e([p({type:Boolean,reflect:!0,attribute:"hide-checkmark"})],t.prototype,"hideCheckmark",2);export{t as a};

package/dist/chunks/chunk.MU2SJMJW.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.ZNSBJSLZ.js";var t=r;r.define("terra-radio-group");export{t as a};

package/dist/chunks/chunk.MX6JDNUP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7JDC2RFP.js";var o=e;e.define("terra-stepper");export{o as a};

package/dist/chunks/chunk.N7G5YAKM.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QEAIGKVS.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-harmony-history";e.define("terra-harmony-history");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraHarmonyJobSelect:"terra-harmony-job-select",onTerraHarmonyJobDelete:"terra-harmony-job-delete"},displayName:"TerraHarmonyHistory"}),l=a;export{l as a};

package/dist/chunks/chunk.NMBMRCQQ.js

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

package/dist/chunks/chunk.NMV24LJW.js

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.CV2D3MDN.js";import{a as s,b as a}from"./chunk.EBSZILKQ.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as l}from"lit/directives/class-map.js";import{html as n}from"lit";import{property as e}from"lit/decorators.js";var t=class extends a{constructor(){super(...arguments);this.variant="primary";this.pill=!1;this.pulse=!1}render(){return n`
+            <span
+                part="base"
+                class=${l({badge:!0,"badge--primary":this.variant==="primary","badge--success":this.variant==="success","badge--neutral":this.variant==="neutral","badge--warning":this.variant==="warning","badge--info":this.variant==="info","badge--danger":this.variant==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+                role="status"
+            >
+                <slot></slot>
+            </span>
+        `}};t.styles=[s,i],r([e({reflect:!0})],t.prototype,"variant",2),r([e({type:Boolean,reflect:!0})],t.prototype,"pill",2),r([e({type:Boolean,reflect:!0})],t.prototype,"pulse",2);export{t as a};

package/dist/chunks/chunk.NN2CA7SE.js

@@ -0,0 +1,41 @@
+function o(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` 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.187" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render a time averaged map"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeAverageMap
+map = TerraTimeAverageMap()
+map.collection='${e.catalogVariable.dataFieldId.replace(`_${e.catalogVariable.dataFieldAccessName}`,"")}'
+map.variable = '${e.catalogVariable.dataFieldAccessName}'
+map.startDate = '${e.startDate}'
+map.endDate = '${e.endDate}'
+map.location = '${e.location}'
+
+map`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the map GeoTIFF bytes
+`,`
+`,"Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",`
+`,"Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:`import rasterio
+from rasterio.io import MemoryFile
+from io import BytesIO
+import matplotlib.pyplot as plt
+
+# map.data contains the rendered GeoTIFF as bytes
+# Ensure the map has rendered before accessing data
+if not map.data:
+    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
+else:
+    with MemoryFile(map.data) as memfile:
+        with memfile.open() as dataset:
+            # You can now work with the dataset as if it were opened from a file
+            print(f"Driver: {dataset.driver}")
+            print(f"CRS: {dataset.crs}")
+            print(f"Bounds: {dataset.bounds}")
+            data = dataset.read(1)
+            print(f"Data shape: {data.shape}")
+
+            # Example of creating a figure and displaying the data
+            plt.figure(figsize=(10, 8))
+            plt.imshow(data, cmap='viridis')  # You can change the colormap
+            plt.colorbar(label='Values')
+            plt.title('GeoTIFF Visualization')
+            plt.xlabel('X')
+            plt.ylabel('Y')
+            plt.show()`}]}export{o as a};

package/dist/chunks/chunk.NS26626Q.js

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