@nasa-terra/components 0.0.189 → 0.0.192

package/dist/chunks/chunk.JDUOQDJ3.js

@@ -0,0 +1,100 @@
+import{a as R}from"./chunk.Z2P5VVB5.js";import{a as J}from"./chunk.DF6IRZMZ.js";import{a as L}from"./chunk.GJG2G54S.js";import{a as $}from"./chunk.VT3U2SB7.js";import{g as I}from"./chunk.4ZVIPOSQ.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.I6BL3WPE.js";import{a as b,b as C}from"./chunk.WEMSJJQN.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as y,query as S,state as u}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var p,q,m,N,g,D,h,v,r=class extends w(C){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new k(this,()=>I({page:1},{bearerToken:this.bearerToken}));this._authController=new $(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.jobs.length>0;return i?a`
+            <div class="${this.collapsed?"collapsed":""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${i?a`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${t=>{this.hideCancelled=t.target.checked}}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          `:A}
+
+                    <div class="history-list">
+                        ${s?i?n(this,p,q).call(this,s):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.show()}}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>`:a`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `:A}};p=new WeakSet,q=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,v).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${n(this,g,D).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${n(this,m,N).call(this,e,f)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${d}%; background-color: ${t}"
+                        >
+                            ${l}
+                        </div>
+                    </div>
+                </div>
+            `}):a`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${e=>{var t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},m=new WeakSet,N=function(s,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
+                </div>
+                <div>${new Date(s.createdAt).toLocaleString()}</div>
+            </div>
+        `},g=new WeakSet,D=function(s){var e;let i=n(this,h,v).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,v=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":E,"terra-data-subsetter":J,"terra-dialog":L},r.styles=[b,R],o([y()],r.prototype,"label",2),o([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),o([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([S('[part~="dialog"]')],r.prototype,"dialog",2),o([S('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.JE6M4M4S.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.WEMSJJQN.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

package/dist/chunks/chunk.JUJ7Y22D.js

@@ -0,0 +1,74 @@
+import{b as A,c as u,d as v}from"./chunk.6WTTSLOK.js";import{a as Q}from"./chunk.NA26KJ6N.js";import{a as W}from"./chunk.PZYBNPV6.js";import{a as O}from"./chunk.SP77OFFN.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as N}from"./chunk.S74OFI5C.js";import{a as U}from"./chunk.J5Q4TWEG.js";import{a as R,b as F}from"./chunk.WEMSJJQN.js";import{a as q,b as C,e as o,f as t,g as l,h as m,i as d}from"./chunk.INFVQQSJ.js";import z from"fuse.js";import{LitElement as B,html as E,nothing as D}from"lit";import{property as b,state as $}from"lit/decorators.js";import{map as G}from"lit/directives/map.js";import{ref as P}from"lit/directives/ref.js";var a,g,r,L,c,k,M,H,f,y,p,x,T,j,s=class s extends w(F){constructor(){super(...arguments);l(this,p);l(this,T);l(this,a,null);l(this,g,new Q(this));l(this,r,null);l(this,L,null);l(this,c,null);this.label="Enter search terms (e.g., precipitation, AOD)";this.hideLabel=!0;this.searchConfig={keys:["id"],useExtendedSearch:!0};this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];l(this,k,i=>{var n;let e=i.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(n=t(this,L))==null?void 0:n.search(e.value).map(({item:h})=>h)});l(this,M,i=>{let e=i.composedPath(),[n]=e.filter(h=>h.role==="option");n&&(t(this,y).call(this,n),d(this,p,x).call(this,this.query))});l(this,H,i=>{var e;switch(i.key){case"ArrowDown":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"next");break}case"ArrowUp":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"previous");break}case"Enter":{let n=(e=t(this,c))==null?void 0:e.currentNode;n.role==="option"&&t(this,y).call(this,n),d(this,p,x).call(this,this.query);break}case"Escape":{u(t(this,a),t(this,r)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});l(this,f,i=>{i.composedPath().some(h=>h.localName===s.tagName)||(this.isExpanded=!1)});l(this,y,i=>{this.query=i.id,this.emit("terra-variable-keyword-search-change",{detail:i.id}),this.isExpanded=!1,u(t(this,a),t(this,r))})}async valueChanged(i,e){this.query=e}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,f))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var i;return E`<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">
+                <terra-button
+                    @click=${()=>d(this,p,x).call(this,this.query)}
+                    aria-label=${this.query?`Search for ${this.query}.`:"Enter search term to enable search."}
+                    circle
+                    class="search-button search-input-button"
+                    outline
+                    tabindex="-1"
+                    type="button"
+                >
+                    <slot name="label">
+                        <terra-icon
+                            font-size="1.5em"
+                            library="heroicons"
+                            name="outline-magnifying-glass"
+                        ></terra-icon>
+                    </slot>
+                </terra-button>
+
+                <input
+                    ${P(e=>{var n;e&&((n=t(this,a))!=null||m(this,a,e))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    autocomplete="off"
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(i=this.placeholder)!=null?i:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,k)}
+                    @keydown=${t(this,H)}
+                />
+
+                ${this.query.length?E`<terra-button
+                          @click=${()=>d(this,T,j).call(this)}
+                          aria-label="Clear the searched term and start over."
+                          circle
+                          class="clear-button search-input-button"
+                          outline
+                          tabindex="-1"
+                          type="button"
+                      >
+                          <slot name="label">
+                              <terra-icon
+                                  font-size="1.5em"
+                                  library="heroicons"
+                                  name="outline-x-circle"
+                              ></terra-icon>
+                          </slot>
+                      </terra-button>`:D}
+            </div>
+
+            <ul
+                ${P(e=>{var n;e&&((n=t(this,r))!=null||m(this,r,e))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Keywords Matching ${this.query}`:"Keywords"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,g).render({initial:()=>E`<li class="updating">Updating List of Keywords</li>`,pending:()=>E`<li class="updating">Updating List of Keywords</li>`,complete:e=>(m(this,L,new z(e,this.searchConfig)),m(this,c,document.createTreeWalker(t(this,r),NodeFilter.SHOW_ELEMENT,n=>{var h;return["option","listbox"].includes((h=n.role)!=null?h:"")?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})),G(this.searchResults,A)),error:e=>E`<li class="error">${e}</li>`})}
+            </ul>
+        </search>`}};a=new WeakMap,g=new WeakMap,r=new WeakMap,L=new WeakMap,c=new WeakMap,k=new WeakMap,M=new WeakMap,H=new WeakMap,f=new WeakMap,y=new WeakMap,p=new WeakSet,x=function(i){i.length&&this.emit("terra-search",{detail:this.query})},T=new WeakSet,j=function(){var i;this.query=s.initialQuery,this.emit("terra-search",{detail:this.query}),u(t(this,a),t(this,r)),(i=t(this,a))==null||i.focus()},s.dependencies={"terra-button":N,"terra-icon":O},s.styles=[R,W],s.shadowRootOptions=C(q({},B.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-keyword-search",s.initialQuery="",o([b()],s.prototype,"label",2),o([b()],s.prototype,"placeholder",2),o([b({attribute:"hide-label",type:Boolean})],s.prototype,"hideLabel",2),o([b({reflect:!1,type:Object})],s.prototype,"searchConfig",2),o([b()],s.prototype,"value",2),o([$()],s.prototype,"isExpanded",2),o([$()],s.prototype,"query",2),o([$()],s.prototype,"searchResults",2),o([U("value")],s.prototype,"valueChanged",1);var I=s;export{I as a};

package/dist/chunks/chunk.JUOXUMZT.js

@@ -0,0 +1,17 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: block;
+        position: relative;
+        background: var(--terra-container-menu-bg);
+        border: solid var(--terra-container-menu-border-width)
+            var(--terra-container-menu-border);
+        border-radius: var(--terra-container-panel-border-radius);
+        padding: var(--terra-spacing-x-small) 0;
+        overflow: auto;
+        overscroll-behavior: none;
+    }
+
+    ::slotted(terra-divider) {
+        --spacing: var(--terra-spacing-x-small);
+    }
+`;export{i as a};

package/dist/chunks/chunk.JZYLEEB7.js

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

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

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

package/dist/chunks/chunk.KGXZLDN7.js

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

package/dist/chunks/chunk.KIZLB2ZY.js

@@ -0,0 +1 @@
+import{b as f}from"./chunk.EL5HO6Y2.js";import{b as d}from"./chunk.BWCJXCND.js";import{a as g}from"./chunk.SVLWTIBE.js";import{a as u,b as m}from"./chunk.INFVQQSJ.js";import{Task as p}from"@lit/task";var c=new Map,s=new Map;function b(e){let i,t;if(e.dataProductBeginDateTime&&e.dataProductEndDateTime){let r=Math.abs(new Date(e.dataProductEndDateTime).getTime()-new Date(e.dataProductBeginDateTime).getTime()),o=Math.floor(r*.75),a=Math.abs(new Date(e.dataProductBeginDateTime).getTime()+o);i=d(a),t=d(e.dataProductEndDateTime)}return m(u({},e),{exampleInitialStartDate:i,exampleInitialEndDate:t,dataFieldShortName:!e.dataFieldShortName||e.dataFieldShortName===""?e.dataFieldAccessName:e.dataFieldShortName})}function V(e,i){return!e||e.length!==i.length?!1:e.every((t,r)=>t.dataFieldId===i[r].dataFieldId)}function D(e,i){var r,o,a,l;let t=i[0];t&&(e.startDate=(o=e.startDate)!=null?o:(r=t.exampleInitialStartDate)==null?void 0:r.toISOString(),e.endDate=(l=e.endDate)!=null?l:(a=t.exampleInitialEndDate)==null?void 0:a.toISOString(),e.catalogVariable=t,V(e.catalogVariables,i)||(e.catalogVariables=[...i]),e.variableEntryId=t.dataFieldId)}function M(e,i=!0){return new p(e,{task:async t=>{let r=f(e);if(console.debug("Fetch variables ",r),!r.length)return;let o=(await Promise.all(r.map(async a=>{if(c.has(a))return console.debug("Using cached variable ",a),c.get(a);if(s.has(a))return console.debug("Waiting for pending request for variable ",a),await s.get(a);let l=g.getVariable(a).then(n=>n?b(n):null).catch(n=>(console.warn("Failed to fetch variable",a,n),null));s.set(a,l);try{let n=await l;return console.debug("Found variable ",n),n?(c.set(a,n),n):null}finally{s.delete(a)}}))).filter(Boolean);o.length&&D(e,o)},args:()=>{var t;return[e.variableEntryId,(t=e.variableEntryIds)==null?void 0:t.join("|"),e.collection,e.variable]},autoRun:i})}export{M as a};

package/dist/chunks/chunk.KMMLLCHB.js

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

package/dist/chunks/chunk.KPFANSAS.js

@@ -0,0 +1,107 @@
+import{css as o}from"lit";var i=o`
+    :host {
+        --max-width: 20rem;
+        --hide-delay: 0ms;
+        --show-delay: 150ms;
+
+        display: contents;
+    }
+
+    .tooltip {
+        --arrow-size: var(--terra-tooltip-arrow-size);
+        --arrow-color: var(--terra-tooltip-background-color);
+    }
+
+    .tooltip::part(popup) {
+        z-index: var(--terra-z-index-tooltip);
+    }
+
+    .tooltip[placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .tooltip[placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    .tooltip[placement^='left']::part(popup) {
+        transform-origin: right;
+    }
+
+    .tooltip[placement^='right']::part(popup) {
+        transform-origin: left;
+    }
+
+    .tooltip__body {
+        display: block;
+        width: max-content;
+        max-width: var(--max-width);
+        border-radius: var(--terra-tooltip-border-radius);
+        background-color: var(--terra-tooltip-background-color);
+        box-shadow: var(--terra-popover-shadow);
+        font-family: var(--terra-tooltip-font-family);
+        font-size: var(--terra-tooltip-font-size);
+        font-weight: var(--terra-tooltip-font-weight);
+        line-height: var(--terra-tooltip-line-height);
+        text-align: start;
+        white-space: normal;
+        color: var(--terra-tooltip-color);
+        padding: var(--terra-tooltip-padding);
+        pointer-events: none;
+        user-select: none;
+        -webkit-user-select: none;
+    }
+
+    :host([interactive]) .tooltip__body {
+        pointer-events: auto;
+        user-select: text;
+        -webkit-user-select: text;
+    }
+
+    .tooltip__image {
+        display: none;
+    }
+
+    .tooltip__image ::slotted(*) {
+        display: block;
+    }
+
+    :host([variant='popover']) .tooltip__body {
+        /* Popovers are card-like panels with richer content */
+        width: auto;
+        min-width: 260px;
+        max-width: 320px;
+        border-radius: var(--terra-popover-border-radius);
+        background-color: var(--terra-popover-background-color);
+        color: var(--terra-popover-color);
+        font-family: var(--terra-popover-font-family);
+        font-size: var(--terra-popover-font-size);
+        font-weight: var(--terra-popover-font-weight);
+        line-height: var(--terra-popover-line-height);
+        padding: var(--terra-popover-padding);
+        box-shadow: var(--terra-popover-shadow);
+        overflow: hidden;
+        pointer-events: auto; /* allow interactive content such as links and buttons */
+    }
+
+    :host([variant='popover']) .tooltip {
+        --arrow-size: var(--terra-popover-arrow-size);
+        --arrow-color: var(--terra-popover-background-color);
+    }
+
+    :host([variant='popover']) .tooltip__image {
+        display: block;
+        margin: calc(-1 * var(--terra-popover-padding));
+        margin-bottom: var(--terra-popover-padding);
+    }
+
+    :host([variant='popover']) .tooltip__image ::slotted(img),
+    :host([variant='popover']) .tooltip__image ::slotted(picture),
+    :host([variant='popover']) .tooltip__image ::slotted(video) {
+        width: 100%;
+        max-height: 260px;
+        object-fit: cover;
+        border-top-left-radius: var(--terra-popover-border-radius);
+        border-top-right-radius: var(--terra-popover-border-radius);
+    }
+`;export{i as a};

package/dist/chunks/chunk.KPNCPULO.js

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

package/dist/chunks/chunk.KQD2HFDR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.SYEGBJVG.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-select";e.define("terra-select");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraClear:"terra-clear",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide",onTerraInvalid:"terra-invalid"},displayName:"TerraSelect"}),T=a;export{T as a};

package/dist/chunks/chunk.KRHZH55I.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VFE2HBPZ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-popup";e.define("terra-popup");var p=r({tagName:o,elementClass:e,react:t,events:{onTerraReposition:"terra-reposition"},displayName:"TerraPopup"}),f=p;export{f as a};

package/dist/chunks/chunk.KTSFHPUH.js

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

package/dist/chunks/chunk.KWHNDO3M.js

@@ -0,0 +1 @@
+import{a as E}from"./chunk.IN7ZOX6F.js";import{b as h,c as w}from"./chunk.7J2F6HQM.js";import{a as o,b as v,g as T,i as D}from"./chunk.INFVQQSJ.js";var B="https://cmr.earthdata.nasa.gov/search/",m,C,b,U,f=class{constructor(){T(this,m);T(this,b)}async getCollection(e,t,n){return this.getCollectionByEntryId(`${e}_${t}`,n)}async getCollectionByEntryId(e,t){if(!e)throw new h({message:"`collectionEntryId` is required"});let n=await D(this,m,C).call(this,`collections.umm_json?entry_id=${e}&include_granule_counts=true`,t);if(!n.items.length)throw new w({message:`Collection ${e} was not found`});return n.items[0]}async searchVariables(e,t){var n;if(!e.collectionConceptId)throw new h({message:"`collectionConceptId` is required"});return D(this,m,C).call(this,`variables.umm_json?keyword=${e.collectionConceptId}&page_size=${(n=e.pageSize)!=null?n:200}`,t)}async getSamplingOfGranules(e,t){var i,c,g,u,d,p,y;let[n,s]=await Promise.all([this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"asc"},t),this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"desc"},t)]),a=(i=n.items[0])==null?void 0:i.umm,r=(c=a==null?void 0:a.TemporalExtent)==null?void 0:c.RangeDateTime,l=(r==null?void 0:r.BeginningDateTime)!=null&&r.EndingDateTime!=null?(new Date(r.EndingDateTime).getTime()-new Date(r.BeginningDateTime).getTime())/(1e3*60*60)<24:!1;return{minDate:(g=r==null?void 0:r.BeginningDateTime)==null?void 0:g.toString(),maxDate:(y=(p=(d=(u=s.items[0])==null?void 0:u.umm.TemporalExtent)==null?void 0:d.RangeDateTime)==null?void 0:p.BeginningDateTime)==null?void 0:y.toString(),isSubDaily:l,hasGranules:n.hits>0}}async searchGranules(e,t){var s,a,r,l;if(!e.collectionEntryId&&!e.collectionConceptId)throw new h({message:"`collectionEntryId` or `collectionConceptId` is required to search granules"});let n=new URLSearchParams(o(o(o(o(o(o(o(o(o(o({},e.collectionEntryId&&{"entry_id[]":e.collectionEntryId}),e.collectionConceptId&&{collection_concept_id:e.collectionConceptId}),e.pageSize&&{page_size:e.pageSize.toString()}),e.pageNum&&{page_num:e.pageNum.toString()}),e.offset&&{offset:e.offset.toString()}),e.sortBy&&{"sort_key[]":D(this,b,U).call(this,e.sortBy,(s=e.sortDirection)!=null?s:"asc")}),e.search&&{"granule_ur[]":`*${e.search}*`,"options[granule_ur][pattern]":"true"}),e.startDate&&e.endDate&&{temporal:`${e.startDate},${e.endDate}`}),((a=e.location)==null?void 0:a.type)==="bbox"&&{bounding_box:e.location.bounds.toBBoxString()}),((r=e.cloudCover)==null?void 0:r.min)!==void 0&&((l=e.cloudCover)==null?void 0:l.max)!==void 0&&{cloud_cover:`${e.cloudCover.min},${e.cloudCover.max}`}));return D(this,m,C).call(this,`granules.umm_json?${n.toString()}`,t)}async getCollectionCitation(e,t){var a,r,l;let s=(await this.getCollectionByEntryId(e,t)).umm;if(!((a=s.CollectionCitations)!=null&&a.length))throw new Error(`No collection citations found for ${e}`);return{doi:{doi:(l=(r=s.DOI)==null?void 0:r.DOI)!=null?l:""},collectionCitations:s.CollectionCitations.map(i=>{var c,g,u,d,p,y,R,S,x,I;return{creator:(c=i.Creator)!=null?c:"",editor:(g=i.Editor)!=null?g:"",dataPresentationForm:(u=i.DataPresentationForm)!=null?u:"",onlineResource:{linkage:(p=(d=i.OnlineResource)==null?void 0:d.Linkage)!=null?p:""},publisher:(y=i.Publisher)!=null?y:"",title:(R=i.Title)!=null?R:"",seriesName:(S=i.SeriesName)!=null?S:"",releaseDate:i.ReleaseDate?String(i.ReleaseDate):"",version:(x=i.Version)!=null?x:"",releasePlace:(I=i.ReleasePlace)!=null?I:""}})}}};m=new WeakSet,C=function(e,t){return E.get(`${B}${e}`,v(o({},t),{headers:o(o({},t==null?void 0:t.headers),(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})}))},b=new WeakSet,U=function(e,t){let n=e;switch(e){case"title":case"umm.GranuleUR":n="granuleUr";break;case"size":case"umm.DataGranule.Size":n="dataSize";break;case"timeStart":case"umm.TemporalExtent.RangeDateTime.BeginningDateTime":n="startDate";break;case"timeEnd":case"umm.TemporalExtent.RangeDateTime.EndingDateTime":n="endDate";break}return`${t==="asc"?"+":"-"}${n}`};var G=new f,N=G;export{N as a};

package/dist/chunks/chunk.L2WWAWYC.js

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

package/dist/chunks/chunk.L3PZPPIQ.js

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

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

package/dist/chunks/chunk.L5AER4HL.js

@@ -0,0 +1,111 @@
+import{css as e}from"lit";var o=e`
+    :host {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+    }
+
+    .stepper-step {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+    }
+
+    .stepper-step--default {
+        position: relative;
+    }
+
+    .stepper-step--condensed {
+        flex-direction: row;
+    }
+
+    .stepper-step__bar {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 4px;
+        background-color: var(--terra-stepper-background-color);
+        transition: background-color var(--terra-transition-medium);
+    }
+
+    .stepper-step--default .stepper-step__bar {
+        height: 4px;
+        margin-bottom: var(--terra-spacing-small);
+    }
+
+    .stepper-step--condensed .stepper-step__bar {
+        flex: 1;
+        height: 4px;
+    }
+
+    /* Completed state */
+    .stepper-step--completed .stepper-step__bar {
+        background-color: var(--terra-stepper-complete-color);
+    }
+
+    /* Current state */
+    .stepper-step--current .stepper-step__bar {
+        background-color: var(--terra-stepper-current-color);
+    }
+
+    /* Upcoming state */
+    .stepper-step--upcoming .stepper-step__bar {
+        background-color: var(--terra-stepper-upcoming-color);
+    }
+
+    .stepper-step__icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.25rem;
+        height: 1.25rem;
+        color: var(--terra-color-spacesuit-white);
+        background-color: var(--terra-color-bg-success-bold);
+        border-radius: 50%;
+        padding: 0.25rem;
+        margin-right: var(--terra-spacing-x-small);
+        flex-shrink: 0;
+    }
+
+    .stepper-step__content {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .stepper-step__title {
+        display: flex;
+        align-items: center;
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-line-height-normal);
+        color: var(--terra-color-carbon-90);
+        transition: color var(--terra-transition-medium);
+    }
+
+    .stepper-step--completed .stepper-step__title {
+        color: var(--terra-text-secondary);
+    }
+
+    .stepper-step--current .stepper-step__title {
+        color: var(--terra-stepper-current-color);
+    }
+
+    .stepper-step--upcoming .stepper-step__title {
+        color: var(--terra-text-secondary);
+    }
+
+    .stepper-step__caption {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: var(--terra-font-size-x-small);
+        font-weight: var(--terra-font-weight-normal);
+        line-height: var(--terra-line-height-normal);
+        color: var(--terra-text-tertiary);
+        margin-top: var(--terra-spacing-x-small);
+    }
+
+    .stepper-step__caption:empty {
+        display: none;
+    }
+`;export{o as a};