@nasa-terra/components 0.0.186 → 0.0.187

package/dist/chunks/chunk.OFYUUKSD.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.MESCQ4C7.js";import{a as K}from"./chunk.DYVJMMCX.js";import{a as P}from"./chunk.J5Q4TWEG.js";import{a as A,b as G}from"./chunk.AQD2424J.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.OH5I5TIC.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.BQRNRGEV.js";var o=r;r.define("terra-scroll-hint");export{o as a};

package/dist/chunks/chunk.P3W6GEDD.js

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

@@ -0,0 +1 @@
+import{a as m}from"./chunk.MJJLSP6W.js";import{f as H}from"./chunk.GE7UDDDW.js";import{a as T}from"./chunk.K63TORTJ.js";import{a as c}from"./chunk.BF5VMLO3.js";import{a as B}from"./chunk.LLYICQ3I.js";import{b as x}from"./chunk.7J2F6HQM.js";import{a as l,b as a,f as i,g as o,h as s,i as G}from"./chunk.INFVQQSJ.js";function V(n,e){return{queryKey:["cmr","collection",n],queryFn:async({signal:t})=>m.getCollectionByEntryId(n,a(l({},e),{signal:t})),enabled:!!n}}function _(n,e){return{queryKey:["cmr","granules",n],queryFn:async({signal:t})=>m.searchGranules(n,a(l({},e),{signal:t})),enabled:!!n.collectionEntryId||!!n.collectionConceptId}}function k(n,e){return{queryKey:["cmr","variables",n],queryFn:async({signal:t})=>m.searchVariables(n,a(l({},e),{signal:t})),enabled:!!n.collectionConceptId}}function $(n,e){return{queryKey:["cmr","sampling",n],queryFn:async({signal:t})=>n?m.getSamplingOfGranules(n,a(l({},e),{signal:t})):null,enabled:!!n}}var U="https://disc.gsfc.nasa.gov/api/",I,j,E=class{constructor(){o(this,I)}async getCollectionByEntryId(e,t){if(!e)throw new x({message:"`collectionEntryId` is required"});return G(this,I,j).call(this,`/metadata/dataset/${e}`,t)}};I=new WeakSet,j=function(e,t){return B.get(`${U}${e}`,t)};var L=new E,F=L;function K(n,e){return{queryKey:["gesdisc","collection",n.collectionEntryId],queryFn:async({signal:t})=>F.getCollectionByEntryId(n.collectionEntryId,a(l({},e),{signal:t})),enabled:!!n.collectionEntryId&&z(n.collectionConceptId)}}function z(n){var e;return(e=n==null?void 0:n.endsWith("GES_DISC"))!=null?e:!1}var u,p,h,f,y,C,b,q,v,O,R,W=class{constructor(e,t){this.host=e;this.config=t;o(this,u,void 0);o(this,p,void 0);o(this,h,void 0);o(this,f,void 0);o(this,y,void 0);o(this,C,void 0);o(this,b,void 0);o(this,q,void 0);o(this,v,void 0);o(this,O,void 0);o(this,R,new Set);this.host.addController(this),s(this,u,new c(this.host,()=>V(this.config.getCollectionEntryId()))),s(this,p,new c(this.host,()=>H(this.conceptId,{bearerToken:this.config.getBearerToken()}))),s(this,h,new c(this.host,()=>k({collectionConceptId:this.conceptId}))),s(this,f,new c(this.host,()=>K({collectionEntryId:this.config.getCollectionEntryId(),collectionConceptId:this.conceptId}))),s(this,y,new c(this.host,()=>$(this.config.getCollectionEntryId()))),s(this,C,new c(this.host,T))}hostConnected(){}hostDisconnected(){}get conceptId(){var e,t;return(t=(e=i(this,u).result)==null?void 0:e.data)==null?void 0:t.meta["concept-id"]}get collection(){return i(this,u).result}get capabilities(){return i(this,p).result}get variables(){return i(this,h).result}get gesDiscCollection(){return i(this,f).result}get sampling(){return i(this,y).result}get giovanniVariables(){var t,r;let e=(r=(t=i(this,C).result)==null?void 0:t.data)!=null?r:void 0;return e!==i(this,O)&&(s(this,O,e),s(this,R,new Set(e!=null?e:[]))),i(this,R)}get isLoadingCollection(){var e,t;return(t=(e=i(this,u).result)==null?void 0:e.isLoading)!=null?t:!1}get hasCapabilitiesError(){var e,t;return(t=(e=i(this,p).result)==null?void 0:e.isError)!=null?t:!1}get isSubDaily(){var e,t,r;return(r=(t=(e=i(this,y).result)==null?void 0:e.data)==null?void 0:t.isSubDaily)!=null?r:!1}get hasGranules(){var e,t,r;return(r=(t=(e=i(this,y).result)==null?void 0:e.data)==null?void 0:t.hasGranules)!=null?r:!1}get spatialConstraints(){var r,d,g,Q,D;let e=(D=(Q=(g=(d=(r=i(this,u).result)==null?void 0:r.data)==null?void 0:d.umm.SpatialExtent)==null?void 0:g.HorizontalSpatialDomain)==null?void 0:Q.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 r,d,g;let e=(r=i(this,p).result)==null?void 0:r.data,t=(d=i(this,u).result)==null?void 0:d.data;if(!(!e||!t))return(e!==i(this,q)||t!==i(this,v))&&(s(this,q,e),s(this,v,t),s(this,b,a(l({},e),{granuleCount:(g=t.meta["granule-count"])!=null?g:0,collection:t.umm}))),i(this,b)}};u=new WeakMap,p=new WeakMap,h=new WeakMap,f=new WeakMap,y=new WeakMap,C=new WeakMap,b=new WeakMap,q=new WeakMap,v=new WeakMap,O=new WeakMap,R=new WeakMap;export{_ as a,W as b};

package/dist/chunks/chunk.P5SHBTCA.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3UXNU45N.js";import*as t from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var r="terra-date-picker";e.define("terra-date-picker");var n=a({tagName:r,elementClass:e,react:t,events:{onTerraDateRangeChange:"terra-date-range-change"},displayName:"TerraDatePicker"}),i=n;export{i as a};

package/dist/chunks/chunk.P64XGTXA.js

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

package/dist/chunks/chunk.PIW5B5RH.js

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

package/dist/chunks/chunk.PLOCLQY6.js

@@ -0,0 +1,122 @@
+import{a as B}from"./chunk.ZPCJ3TPE.js";import{a as R}from"./chunk.2FKZOYDM.js";import{a as I,b as f}from"./chunk.RK65WAF3.js";import{a as J}from"./chunk.VT3U2SB7.js";import{c as g,g as _,k as E}from"./chunk.GE7UDDDW.js";import{a as $}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.TGGBDRNU.js";import{c as v}from"./chunk.BWCJXCND.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as L}from"./chunk.M6UJ3FOI.js";import{a as k,b as x}from"./chunk.AQD2424J.js";import{a as p,e as n}from"./chunk.INFVQQSJ.js";import{html as h,nothing as z}from"lit";import{property as c,query as A,state as m}from"lit/decorators.js";var Q=108;function V(b){if(!b)return"";let l=new Date(b);if(l.getUTCHours()!==0||l.getUTCMinutes()!==0||l.getUTCSeconds()!==0){let e=l.getUTCFullYear(),a=String(l.getUTCMonth()+1).padStart(2,"0"),i=String(l.getUTCDate()).padStart(2,"0"),r=String(l.getUTCHours()).padStart(2,"0"),o=String(l.getUTCMinutes()).padStart(2,"0");return`${e}-${a}-${i} ${r}:${o} UTC`}return v(l,"yyyy-MM-dd")}var s=class extends $(x){constructor(){super(...arguments);this.limit=20;this.removeLabelsOnDelete=!1;this._boundDataChangeHandler=()=>{clearTimeout(this._refreshPage1Timer),this._refreshPage1Timer=window.setTimeout(()=>{this._refreshPage1()},500)};this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new J(this);this._removeLabelsOnDeleteMutation=new I(this,E());this.jobsQuery=new D(this,()=>_(p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,a;let t=(a=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?a:400;return Math.max(1,Math.floor(t/Q))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var r,o;let a=Math.floor(e/this.limit)+1,i=e%this.limit;return(o=(r=this._loadedPages.get(a))==null?void 0:r[i])!=null?o:null})}connectedCallback(){super.connectedCallback(),typeof window!="undefined"&&(window.addEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.addEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect(),typeof window!="undefined"&&(window.removeEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.removeEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}updated(t){var a;super.updated(t);let e=(a=this.jobsQuery.result)==null?void 0:a.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _refreshPage1(){await this.queryClient.invalidateQueries({queryKey:["harmony","jobs",p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{})]})}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let a=await this.queryClient.fetchQuery(_(p({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,a.jobs),this._loadedPages=i}finally{let a=new Set(this._pendingPages);a.delete(t),this._pendingPages=a}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,a=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=a;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var d,w,y;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let a=e!==null&&!g.has(e.status),i=e!=null&&e.request?f.fromUrl(e.request):null,r=document.createElement("div");if(i){let T=i.getLabelByPrefix("instrument-short-name"),C=i.getLabelByPrefix("time-interval"),S=i.getLabelByPrefix("units"),P=i.getLabelByPrefix("collection"),u=[];T&&u.push(T),C&&u.push(C),S&&u.push(S),P&&u.push(P),r.style.lineHeight="1.3",r.style.fontSize="12px",r.style.padding="5px",r.innerHTML=`
+                <div class="font-weight-semibold tooltip-row">${(d=i.getLabelByPrefix("variable-display-name"))!=null?d:e==null?void 0:e.jobID}</div>
+                <div class="text-gray-300 mb-1 tooltip-row">${u.join(" \u2022 ")}</div>
+                ${i.options.startDate&&i.options.endDate?`
+                    <div class="text-gray-300 tooltip-row">
+                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
+                        ${V(i.options.startDate)} to ${V(i.options.endDate)}
+                    </div>
+                `:""}
+                <div class="text-gray-300 mb-1 tooltip-row">
+                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
+                    ${(w=i.options.location)==null?void 0:w.toString()}
+                </div>
+                ${a?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
+                        Last updated: ${v((y=i.getLabelByPrefix("updated-at"))!=null?y:new Date)}
+                        </div>`}
+                
+            `}r.slot="content";let o=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(r),this._tooltip.popup.anchor=o,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(r),this._tooltip.popup.anchor=o,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var r;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(r=this.filterByLabels)==null?void 0:r.split(",").map(o=>o.trim()).filter(Boolean);this._optimisticallyRemoveJob(e.jobID),this.removeLabelsOnDelete&&(i!=null&&i.length)?await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}}),await this._refreshPage1()}_optimisticallyRemoveJob(t){let e=new Map(this._loadedPages);for(let[a,i]of e){let r=i.filter(o=>o.jobID!==t);r.length!==i.length&&(e.set(a,r),this._totalCount=Math.max(0,this._totalCount-1))}this._loadedPages=e}_renderThumbnail(t){var r,o;let e=t===null||!g.has(t.status),a=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=f.fromUrl((r=t==null?void 0:t.request)!=null?r:"");return h`
+            <div
+                part="thumbnail"
+                class="thumbnail"
+                @click=${()=>this._handleThumbnailClick(t)}
+                @mouseenter=${d=>this._showTooltip(d,t)}
+                @mouseleave=${this._hideTooltip}
+            >
+                <div class="thumbnail-inner">
+                    ${a?h`<img
+                              class="thumbnail-img"
+                              src=${a}
+                              alt=""
+                              aria-hidden="true"
+                          />`:h`<terra-icon
+                              library="heroicons"
+                              name=${i.getTerraIcon()}
+                              style="font-size: 1.5rem"
+                          ></terra-icon>`}
+                    ${e?h`<div class="loading-overlay">
+                              <terra-loader
+                                  indeterminate
+                                  variant="small"
+                              ></terra-loader>
+                          </div>`:z}
+                </div>
+                ${t?h`<button
+                          class="delete-button"
+                          aria-label="Delete job"
+                          ?disabled=${(o=this._removeLabelsOnDeleteMutation.result)==null?void 0:o.isPending}
+                          @click=${d=>this._handleDeleteClick(d,t)}
+                      >
+                          ×
+                      </button>`:z}
+            </div>
+        `}render(){var r;let t=this._allJobs,e=this._scrollIndex<=0,a=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((r=this.jobsQuery.result)==null?void 0:r.status)==="pending";return h`
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll left"
+                ?disabled=${e}
+                @click=${this._scrollLeft}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M15 19l-7-7 7-7"
+                    />
+                </svg>
+            </button>
+
+            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
+                <div
+                    part="track"
+                    class="track"
+                    style="transform: translateX(-${this._scrollIndex*Q}px)"
+                >
+                    ${i?h`<div class="empty-state">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>`:t.map(o=>this._renderThumbnail(o))}
+                </div>
+            </div>
+
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll right"
+                ?disabled=${a}
+                @click=${this._scrollRight}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M9 5l7 7-7 7"
+                    />
+                </svg>
+            </button>
+
+            <terra-tooltip
+                trigger="manual"
+                placement="top"
+                hoist
+                interactive
+                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
+                @mouseleave=${this._hideTooltip}
+            ></terra-tooltip>
+        `}};s.styles=[k,R],s.dependencies={"terra-loader":M,"terra-tooltip":B,"terra-icon":L},n([c({attribute:"bearer-token"})],s.prototype,"bearerToken",2),n([c({type:Number})],s.prototype,"limit",2),n([c({attribute:"filter-by-labels"})],s.prototype,"filterByLabels",2),n([c({type:Boolean,attribute:"remove-labels-on-delete"})],s.prototype,"removeLabelsOnDelete",2),n([m()],s.prototype,"_scrollIndex",2),n([m()],s.prototype,"_totalCount",2),n([m()],s.prototype,"_loadedPages",2),n([m()],s.prototype,"_pendingPages",2),n([A('[part="viewport"]')],s.prototype,"_viewportEl",2),n([A("terra-tooltip")],s.prototype,"_tooltip",2);export{s as a};

package/dist/chunks/chunk.PQNNBX3K.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7FAIMGF2.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tabs";e.define("terra-tabs");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraTabShow:"terra-tab-show",onTerraTabHide:"terra-tab-hide"},displayName:"TerraTabs"}),b=o;export{b as a};

package/dist/chunks/chunk.Q5BWORMC.js

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.DSG7TPJW.js";import{a as i,b as g}from"./chunk.AQD2424J.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as b}from"lit";import{property as m,query as f,state as h}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";var r=class extends g{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!0)}handleBlur(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!1)}handleMouseOver(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!0)}handleMouseOut(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o&&(o.toggleAttribute("data-terra-button-group__button",!0),o.toggleAttribute("data-terra-button-group__button--first",n===0),o.toggleAttribute("data-terra-button-group__button--inner",n>0&&n<e.length-1),o.toggleAttribute("data-terra-button-group__button--last",n===e.length-1),o.toggleAttribute("data-terra-button-group__button--radio",o.tagName.toLowerCase()==="terra-radio-button"))})}render(){return b`
+            <div
+                part="base"
+                class="button-group"
+                role=${this.disableRole?"presentation":"group"}
+                aria-label=${p(this.label||void 0)}
+                @focusout=${this.handleBlur}
+                @focusin=${this.handleFocus}
+                @mouseover=${this.handleMouseOver}
+                @mouseout=${this.handleMouseOut}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};r.styles=[i,d],l([f("slot")],r.prototype,"defaultSlot",2),l([h()],r.prototype,"disableRole",2),l([m()],r.prototype,"label",2);function a(s){var e;let u="terra-button, terra-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{r as a};

package/dist/chunks/chunk.Q5JF6TSW.js

@@ -0,0 +1,4 @@
+import{a as C}from"./chunk.3JIMAXOF.js";import{a as $}from"./chunk.I25C5FOV.js";import{a as S}from"./chunk.VT3U2SB7.js";import{a as y}from"./chunk.MESCQ4C7.js";import{a as M}from"./chunk.DYVJMMCX.js";import{a as f,b}from"./chunk.AQD2424J.js";import{e as l,f as e,g as u,i as c}from"./chunk.INFVQQSJ.js";import{html as a}from"lit";import{property as i}from"lit/decorators.js";var t,n,_,s=class extends b{constructor(){super(...arguments);u(this,n);this.buttonLabel="Earthdata Login";u(this,t,new S(this))}login(){e(this,t).login()}logout(){e(this,t).logout()}render(){var o;if((o=e(this,t).state.user)!=null&&o.uid){let r=this.querySelector('template[slot="logged-in"]');return a`${r?r.content.cloneNode(!0):a`<slot name="logged-in" .user=${e(this,t).state.user}
+                      >${c(this,n,_).call(this,this.loggedInMessage)}</slot
+                  >`}`}return e(this,t).state.isLoading?a`<slot name="loading">${this.loadingMessage}</slot>`:a` <slot name="logged-out">${this.loggedOutMessage}</slot
+            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`}};t=new WeakMap,n=new WeakSet,_=function(o){var r,m,g,p,d,h;return(o!=null?o:"").replace("{username}",(m=(r=e(this,t).state.user)==null?void 0:r.uid)!=null?m:"").replace("{first_name}",(p=(g=e(this,t).state.user)==null?void 0:g.first_name)!=null?p:"").replace("{last_name}",(h=(d=e(this,t).state.user)==null?void 0:d.last_name)!=null?h:"")},s.dependencies={"terra-button":M,"terra-icon":y,"terra-loader":$},s.styles=[f,C],l([i({attribute:"button-label"})],s.prototype,"buttonLabel",2),l([i({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),l([i({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),l([i({attribute:"loading-message"})],s.prototype,"loadingMessage",2);export{s as a};

package/dist/chunks/chunk.QZZOJWMV.js

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

@@ -0,0 +1 @@
+import{a as r}from"./chunk.PLOCLQY6.js";var m=r;r.define("terra-harmony-history");export{m as a};

package/dist/chunks/chunk.RK65WAF3.js

@@ -0,0 +1 @@
+import{a as d,b as P}from"./chunk.GE7UDDDW.js";import{a as I}from"./chunk.3FHTK4MP.js";import{a as x}from"./chunk.IZZFNAC5.js";import{b as N}from"./chunk.7J2F6HQM.js";import{a as $,f as r,g as v,h as m}from"./chunk.INFVQQSJ.js";import{MutationObserver as G}from"@tanstack/query-core";var c,g,B=class{constructor(e,t){this.host=e;v(this,c,void 0);v(this,g,void 0);this.host.addController(this),m(this,c,new G(e.queryClient,t))}mutate(e){return r(this,c).mutate(e)}reset(){r(this,c).reset(),this.host.requestUpdate()}hostConnected(){m(this,g,r(this,c).subscribe(e=>{this.result=e,this.host.requestUpdate()}))}hostDisconnected(){var e;(e=r(this,g))==null||e.call(this),m(this,g,void 0)}};c=new WeakMap,g=new WeakMap;var s,O=class O{constructor(e){v(this,s,void 0);var t;m(this,s,$({},e)),r(this,s).variables=void 0,(t=e==null?void 0:e.variables)==null||t.forEach(n=>{this.variable(n)}),e!=null&&e.environment&&this.environment(e.environment.toUpperCase())}get requestUrl(){return`${this.baseUrl}?${this.params}`}get baseUrl(){let{environment:e,collectionConceptId:t,variableConceptIds:n,variables:a}=r(this,s);if(!t)throw new N({message:"Collection concept id is required"});let l=P[e!=null?e:d.PROD],o=a!=null&&a.length?"parameter_vars":Array.isArray(n)?n.join(","):n;return`${l}/${t}/ogc-api-coverages/1.0.0/collections/${o||"all"}/coverage/rangeset`}get params(){let e=new URLSearchParams,{location:t,startDate:n,endDate:a,format:l,labels:o,variables:h,average:y,anonymous:f,dimensions:u}=r(this,s);return t instanceof x?e.append("point",`${t.lng},${t.lat}`):t instanceof I&&(e.append("subset",`lat(${t.getSouth()}:${t.getNorth()})`),e.append("subset",`lon(${t.getWest()}:${t.getEast()})`)),n&&e.append("subset",`time("${n}":"${a!=null?a:n}")`),u&&u.length>0&&u.forEach(i=>{e.append("subset",`${i.name}(${i.min}:${i.max})`)}),l&&e.append("format",l),o==null||o.forEach(i=>{e.append("label",i)}),h==null||h.forEach(i=>{e.append("variable",i)}),y&&e.append("average",y),f&&e.append("maxResults","10"),e.toString()}get options(){return r(this,s)}set(e){return m(this,s,$($({},r(this,s)),e)),this}getLabelByPrefix(e){var a;let t=(a=r(this,s).labels)==null?void 0:a.find(l=>l.startsWith(`${e}:`)),n=t?t.split(":")[1].trim():void 0;return n!=="NOT APPLICABLE"?n:void 0}environment(e){return this.set({environment:e})}collection(e){return this.set({collectionConceptId:e})}variable(e){var t,n;return this.isVariableConceptId(e)?this.set({variableConceptIds:[...(t=r(this,s).variableConceptIds)!=null?t:[],e]}):this.set({variables:[...(n=r(this,s).variables)!=null?n:[],e]})}location(e){return this.set({location:e})}dateRange(e,t){return this.set({startDate:e,endDate:t})}startDate(e){return this.set({startDate:e})}endDate(e){return this.set({endDate:e})}format(e){return this.set({format:e})}label(e){var t;return this.set({labels:[...(t=r(this,s).labels)!=null?t:[],e]})}addLabelsFromVariable(e){return this.label(`collection: ${e.dataProductShortName}_${e.dataProductVersion}`),this.label(`variable-display-name: ${e.dataFieldLongName||e.dataFieldId}`),this.label(`instrument-short-name: ${e.dataProductInstrumentShortName}`),this.label(`time-interval: ${e.dataProductTimeInterval}`),this.label(`units: ${e.dataFieldUnits}`),this}average(e){return this.set({average:e})}dimension(e){var t;return this.set({dimensions:[...(t=r(this,s).dimensions)!=null?t:[],e]})}skipPreview(e){return this.set({skipPreview:e})}isVariableConceptId(e){return/^V\d+-.+$/.test(e)}getTerraIcon(){var e;return(e=this.options.labels)!=null&&e.includes("terra-time-average-map")?"outline-map":"outline-chart-bar"}static fromUrl(e){var M,H,F;if(!e)return new O;let t=new URL(e),n;t.origin===P[d.PROD]?n=d.PROD:t.origin===P[d.UAT]&&(n=d.UAT);let a=t.pathname.split("/"),l=a[1]||void 0,o=a[5],h;o&&o!=="parameter_vars"&&o!=="all"&&(h=o.split(","));let y=t.searchParams.getAll("subset"),f,u,i,C,q,A,L=[];for(let p of y){let b=p.match(/^lat\((.+):(.+)\)$/),E=p.match(/^lon\((.+):(.+)\)$/),w=p.match(/^time\("(.+)":"(.+)"\)$/),R=p.match(/^(\w+)\((.+):(.+)\)$/);b?(f=parseFloat(b[1]),u=parseFloat(b[2])):E?(i=parseFloat(E[1]),C=parseFloat(E[2])):w?(q=w[1],A=w[2]):R&&L.push({name:R[1],min:parseFloat(R[2]),max:parseFloat(R[3])})}let D;f!==void 0&&u!==void 0&&i!==void 0&&C!==void 0&&(D=new I([i,f,C,u]));let U=t.searchParams.get("point");if(U){let[p,b]=U.split(",").map(Number);D=new x(b,p)}let j=(M=t.searchParams.get("format"))!=null?M:void 0,T=(H=t.searchParams.getAll("label"))!=null?H:void 0,k=T&&T.length>0?T:void 0,V=t.searchParams.getAll("variable"),Q=(F=t.searchParams.get("average"))!=null?F:void 0,W=t.searchParams.get("maxResults")==="10"?!0:void 0;return new O({environment:n,collectionConceptId:l,variableConceptIds:h,variables:V.length>0?V:void 0,location:D,startDate:q,endDate:A,format:j,labels:k,average:Q,anonymous:W,dimensions:L.length>0?L:void 0})}};s=new WeakMap;var S=O;export{B as a,S as b};

package/dist/chunks/chunk.ROKQWNRH.js

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

package/dist/chunks/chunk.RVWGOPKC.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.186" "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};

package/dist/chunks/chunk.S3GIHJIB.js

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

package/dist/chunks/chunk.S4PACNTU.js

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

package/dist/chunks/chunk.SFDXJ74H.js

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

package/dist/chunks/chunk.SG436XSY.js

@@ -0,0 +1,8 @@
+import{a as i}from"./chunk.RRKWNEL7.js";import{a as n,b as p}from"./chunk.AQD2424J.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.SISNEJRL.js

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

package/dist/chunks/chunk.SPLNIK3Q.js

@@ -0,0 +1,80 @@
+import{a as d}from"./chunk.XWET63TO.js";import{a as b}from"./chunk.M6UJ3FOI.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as u,b as h}from"./chunk.AQD2424J.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.SPZQNS4F.js

@@ -0,0 +1,55 @@
+import{a as r}from"./chunk.2BKQXNED.js";import{a as i,b as e}from"./chunk.AQD2424J.js";import{e as a}from"./chunk.INFVQQSJ.js";import{property as t}from"lit/decorators.js";import{html as o}from"lit";var l=class extends e{constructor(){super(...arguments);this.fullWidth=!1}render(){return o`
+            <nav class="navbar" aria-label="Main navigation">
+                <ul class="nav-list">
+                    <li><a href="#home">Home</a></li>
+                    <li><a href="#news">News</a></li>
+                    <li class="dropdown">
+                        <button
+                            class="dropbtn"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            id="megamenu-button"
+                        >
+                            Dropdown
+                            <i class="fa fa-caret-down" aria-hidden="true"></i>
+                        </button>
+                        <div
+                            class="dropdown-content"
+                            id="megamenu"
+                            role="region"
+                            aria-labelledby="megamenu-button"
+                        >
+                            <div class="header">
+                                <h2>Mega Menu</h2>
+                            </div>
+                            <div class="row">
+                                <div class="column">
+                                    <h3>Category 1</h3>
+                                    <ul>
+                                        <li><a href="#">Link 1</a></li>
+                                        <li><a href="#">Link 2</a></li>
+                                        <li><a href="#">Link 3</a></li>
+                                    </ul>
+                                </div>
+                                <div class="column">
+                                    <h3>Category 2</h3>
+                                    <ul>
+                                        <li><a href="#">Link 1</a></li>
+                                        <li><a href="#">Link 2</a></li>
+                                        <li><a href="#">Link 3</a></li>
+                                    </ul>
+                                </div>
+                                <div class="column">
+                                    <h3>Category 3</h3>
+                                    <ul>
+                                        <li><a href="#">Link 1</a></li>
+                                        <li><a href="#">Link 2</a></li>
+                                        <li><a href="#">Link 3</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </nav>
+        `}};l.styles=[i,r],a([t({type:Boolean,reflect:!0,attribute:"full-width"})],l.prototype,"fullWidth",2);export{l as a};

package/dist/chunks/chunk.SW54SUCY.js

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

package/dist/chunks/chunk.T4C6ZHT5.js

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

package/dist/chunks/chunk.TAEUAPKY.js

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

package/dist/chunks/chunk.TE3BRZMM.js

@@ -0,0 +1 @@
+import{a as b}from"./chunk.ETT4EB7D.js";import{a as u}from"./chunk.J5Q4TWEG.js";import{a as m,b as x}from"./chunk.AQD2424J.js";import{a as s,b as c,e as i,f as y,g as p,h,i as f}from"./chunk.INFVQQSJ.js";import{property as l,query as D}from"lit/decorators.js";import{html as A}from"lit";import*as n from"plotly.js-dist-min";var o,r,g,e=class extends x{constructor(){super(...arguments);p(this,r);p(this,o,void 0);this.layout={};this.config={};this.data=[];this.colors=["#1f77b4","#ff7f0e","#2ca02c","#d62728","#9467bd","#8c564b","#e377c2","#7f7f7f","#bcbd22","#17becf"]}handleDataChange(){this.updatePlotWithData()}firstUpdated(){h(this,o,new ResizeObserver(()=>{n.Plots.resize(this.base)})),y(this,o).observe(this.base),this.data.length&&this.updatePlotWithData()}disconnectedCallback(){super.disconnectedCallback(),y(this,o).disconnect()}updatePlotWithData(){if(!this.base)return;let t=this.data.map((a,P)=>{let v=this.colors[P%this.colors.length];if(!a.type||a.type==="scatter"){let d=a;return c(s({type:"scatter",mode:"lines"},d),{line:s({color:v},d.line||{})})}return a});n.newPlot(this.base,t,s({title:{text:this.plotTitle}},this.layout),s({responsive:!0},this.config)),this.base.on("plotly_relayout",f(this,r,g).bind(this))}render(){return A`<div part="base"></div>`}updated(){var t,a;(a=(t=this.shadowRoot)==null?void 0:t.querySelector(".gtitle"))==null||a.part.add("plot-title")}};o=new WeakMap,r=new WeakSet,g=function(t){let a=s(s(s(s({},t["xaxis.range[0]"]&&{xAxisMin:t["xaxis.range[0]"]}),t["xaxis.range[1]"]&&{xAxisMax:t["xaxis.range[1]"]}),t["yaxis.range[0]"]&&{yAxisMin:t["yaxis.range[0]"]}),t["yaxis.range[1]"]&&{yAxisMax:t["yaxis.range[1]"]});Object.keys(a).length&&this.emit("terra-plot-relayout",{detail:a})},e.styles=[m,b],i([D('[part="base"]')],e.prototype,"base",2),i([l()],e.prototype,"plotTitle",2),i([l()],e.prototype,"layout",2),i([l()],e.prototype,"config",2),i([l({type:Array})],e.prototype,"data",2),i([l({type:Array})],e.prototype,"colors",2),i([u("data")],e.prototype,"handleDataChange",1);export{e as a};