@nasa-terra/components 0.0.191 → 0.0.193

package/dist/chunks/chunk.RI5QWEFJ.js

@@ -0,0 +1,55 @@
+import{a as c}from"./chunk.T2FIFNZX.js";import{a as m}from"./chunk.URTV3MIW.js";import{a as p}from"./chunk.X5OPH5X7.js";import{b as u}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.ROAJDBWY.js";import{e}from"./chunk.INFVQQSJ.js";import{property as l,query as y,state as v}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import{html as i}from"lit";import{ifDefined as o}from"lit/directives/if-defined.js";import{live as C}from"lit/directives/live.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new u(this,{value:r=>r.value,defaultValue:r=>r.defaultValue,setValue:(r,a)=>r.value=a});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.name="";this.value="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.label="";this.hideLabel=!1;this.helpText="";this.resize="vertical";this.defaultValue="";this.form=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-input")}handleChange(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.emit("terra-blur")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}checkValidity(){return this.textarea.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.textarea.reportValidity()}setCustomValidity(r){this.textarea.setCustomValidity(r),this.formControlController.updateValidity()}focus(r){this.textarea.focus(r)}blur(){this.textarea.blur()}select(){this.textarea.select()}setSelectionRange(r,a,b="none"){this.textarea.setSelectionRange(r,a,b)}render(){let r=this.hasSlotController.test("help-text"),a=this.helpText?!0:!!r;return i`
+            <div
+                class=${f({"form-control":!0,"form-control--has-help-text":a})}
+            >
+                ${this.label?i`
+                          <label
+                              for="textarea"
+                              part="form-control-label"
+                              class=${this.hideLabel?"textarea__label textarea__label--hidden":"textarea__label"}
+                          >
+                              ${this.label}
+                              ${this.required?i`<span class="textarea__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div
+                    part="base"
+                    class=${f({textarea:!0,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--resize-none":this.resize==="none","textarea--resize-both":this.resize==="both","textarea--resize-horizontal":this.resize==="horizontal","textarea--resize-vertical":this.resize==="vertical"})}
+                >
+                    <textarea
+                        part="textarea"
+                        id="textarea"
+                        class="textarea__control"
+                        name=${o(this.name||void 0)}
+                        ?disabled=${this.disabled}
+                        ?readonly=${this.readonly}
+                        ?required=${this.required}
+                        placeholder=${o(this.placeholder||void 0)}
+                        minlength=${o(this.minlength)}
+                        maxlength=${o(this.maxlength)}
+                        rows=${o(this.rows)}
+                        cols=${o(this.cols)}
+                        .value=${C(this.value)}
+                        autocomplete=${o(this.autocomplete)}
+                        aria-describedby="help-text"
+                        @input=${this.handleInput}
+                        @change=${this.handleChange}
+                        @invalid=${this.handleInvalid}
+                        @focus=${this.handleFocus}
+                        @blur=${this.handleBlur}
+                    ></textarea>
+                </div>
+
+                <div
+                    aria-hidden=${a?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};t.styles=[h,p,c],e([y(".textarea__control")],t.prototype,"textarea",2),e([v()],t.prototype,"hasFocus",2),e([l()],t.prototype,"name",2),e([l()],t.prototype,"value",2),e([l()],t.prototype,"placeholder",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([l({type:Boolean,reflect:!0})],t.prototype,"required",2),e([l()],t.prototype,"autocomplete",2),e([l({type:Number})],t.prototype,"minlength",2),e([l({type:Number})],t.prototype,"maxlength",2),e([l({type:Number})],t.prototype,"rows",2),e([l({type:Number})],t.prototype,"cols",2),e([l()],t.prototype,"label",2),e([l({attribute:"hide-label",type:Boolean})],t.prototype,"hideLabel",2),e([l({attribute:"help-text"})],t.prototype,"helpText",2),e([l({reflect:!0})],t.prototype,"resize",2),e([m("value")],t.prototype,"defaultValue",2),e([l({reflect:!0})],t.prototype,"form",2),e([n("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/dist/chunks/chunk.RIZXW6RX.js

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

package/dist/chunks/chunk.ROAJDBWY.js

@@ -0,0 +1,300 @@
+import{a as g,e as o,f as l,g as d,h as m,i as y}from"./chunk.INFVQQSJ.js";import{css as x}from"lit";var M=x`
+    :host {
+        box-sizing: border-box;
+        display: none;
+    }
+
+    :host *,
+    :host *::before,
+    :host *::after {
+        box-sizing: inherit;
+    }
+
+    :host {
+        background-color: var(--background-color);
+        color: var(--color);
+    }
+
+    [hidden] {
+        display: none !important;
+    }
+
+    /* Horizon Design System Font Classes */
+
+    /* Display Fonts */
+
+    .display-120 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-100 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 6.25rem; /* 100px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-80 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 5rem; /* 80px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-72 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 4.5rem; /* 72px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-60 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3.75rem; /* 60px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-48 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-41 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.563rem; /* 41px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    /* Heading Fonts */
+
+    .heading-36-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-36-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-29-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-29-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-22-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /* 22px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-22-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /*22px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-18-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-18-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-16-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-16-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-14-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-14-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-12-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-12-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-11-semi-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-semi-bold);
+    }
+
+    /* Body Fonts */
+
+    .body-18 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-16 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-14 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-12 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-11 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    /* Number & Label Fonts */
+
+    .number-240 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 15rem; /* 240px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-120 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-48 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-36 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: 500;
+    }
+
+    .number-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: 500;
+    }
+
+    .label-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-12 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    /* Forms */
+
+    /* Input Field */
+
+    select,
+    .input {
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        color: var(--terra-input-text-default);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        background-color: var(--terra-input-background-default);
+        border: var(--terra-input-border-width) solid
+            var(--terra-input-border-default);
+        border-radius: var(--terra-input-border-radius);
+    }
+
+    label,
+    .input-label {
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        color: var(--terra-input-label-color);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-input-label-line-height);
+    }
+
+    /* Elements */
+
+    a {
+        text-decoration: underline;
+        text-decoration-color: var(--terra-text-link-default);
+        text-decoration-style: dashed;
+        text-decoration-thickness: 0.05em;
+        text-underline-offset: 0.25rem;
+        color: var(--terra-text-link-default);
+    }
+
+    /* UTILITY CSS */
+    .sr-only {
+        block-size: 1px;
+        border-width: 0;
+        clip: rect(0, 0, 0, 0);
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        white-space: nowrap;
+        width: 1px;
+    }
+`;import{LitElement as T}from"lit";import{property as v,state as z}from"lit/decorators.js";var r,h,u,p,b,n=class extends T{constructor(){super();d(this,h);d(this,p);this.environment="prod";this.isVisible=!1;d(this,r,void 0);Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}connectedCallback(){super.connectedCallback(),y(this,h,u).call(this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=l(this,r))==null||e.disconnect(),m(this,r,void 0)}firstVisible(){}emit(e,t){let i=new CustomEvent(e,g({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){let f=customElements.get(e);if(!f){customElements.define(e,class extends t{},i);return}let a=" (unknown version)",s=a;"version"in t&&t.version&&(a=" v"+t.version),"version"in f&&f.version&&(s=" v"+f.version),!(a&&s&&a===s)&&console.warn(`Attempted to register <${e}>${a}, but <${e}>${s} has already been registered.`)}};r=new WeakMap,h=new WeakSet,u=function(){if(!l(this,r)){if(this.isVisible=y(this,p,b).call(this),this.isVisible){this.firstVisible();return}if(!("IntersectionObserver"in window)){this.isVisible=!0,this.firstVisible();return}m(this,r,new IntersectionObserver(e=>{var t;e.some(i=>i.isIntersecting)&&((t=l(this,r))==null||t.disconnect(),m(this,r,void 0),this.isVisible=!0,setTimeout(()=>this.firstVisible(),500))},{root:null,threshold:0})),l(this,r).observe(this)}},p=new WeakSet,b=function(){if(!this.isConnected)return!1;let e=this.getBoundingClientRect(),t=getComputedStyle(this);return e.width>0&&e.height>0&&t.display!=="none"&&t.visibility!=="hidden"},n.version="0.0.193",n.dependencies={},o([v()],n.prototype,"dir",2),o([v()],n.prototype,"lang",2),o([v()],n.prototype,"environment",2),o([v()],n.prototype,"bearerToken",2),o([z()],n.prototype,"isVisible",2);export{M as a,n as b};

package/dist/chunks/chunk.ROAOJBFK.js

@@ -0,0 +1,122 @@
+import{a as B}from"./chunk.XQRSTVBA.js";import{a as R}from"./chunk.2FKZOYDM.js";import{a as I,b as f}from"./chunk.ON5BCN2P.js";import{a as J}from"./chunk.VT3U2SB7.js";import{c as g,g as _,k as E}from"./chunk.4ZVIPOSQ.js";import{a as $}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.A6NLAVBJ.js";import{c as v}from"./chunk.BWCJXCND.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as L}from"./chunk.INQGHKNR.js";import{a as k,b as x}from"./chunk.ROAJDBWY.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.RQ3NX5RH.js

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

package/dist/chunks/chunk.RUF3MKNX.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.VPMFNONT.js";var b=r;r.define("terra-breadcrumbs");export{b as a};

package/dist/chunks/chunk.RUSJEFXJ.js

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

package/dist/chunks/chunk.RVPN4DT6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6NXYV57F.js";var s=e;e.define("terra-browse-variables");export{s as a};

package/dist/chunks/chunk.RX7B6M24.js

@@ -0,0 +1,23 @@
+import{a as c}from"./chunk.HRA64EJO.js";import{a as h}from"./chunk.INQGHKNR.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as r,b as n}from"./chunk.ROAJDBWY.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as f}from"lit";import{property as d,query as p,state as o}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.isInitialized=!1;this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){this.isInitialized?customElements.whenDefined("terra-select").then(()=>{let l=this.closest("terra-select");l&&l.handleDefaultSlotChange()}):this.isInitialized=!0}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){typeof this.value!="string"&&(this.value=String(this.value))}getTextLabel(){let l=this.childNodes,i="";return[...l].forEach(s=>{s.nodeType===Node.ELEMENT_NODE&&(s.hasAttribute("slot")||(i+=s.textContent)),s.nodeType===Node.TEXT_NODE&&(i+=s.textContent)}),i.trim()}render(){return f`
+            <div
+                part="base"
+                class=${u({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
+                @mouseenter=${this.handleMouseEnter}
+                @mouseleave=${this.handleMouseLeave}
+            >
+                <terra-icon
+                    part="checked-icon"
+                    class="option__check"
+                    name="outline-check"
+                    library="heroicons"
+                    aria-hidden="true"
+                ></terra-icon>
+                <slot part="prefix" name="prefix" class="option__prefix"></slot>
+                <slot
+                    part="label"
+                    class="option__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+                <slot part="suffix" name="suffix" class="option__suffix"></slot>
+            </div>
+        `}};e.styles=[r,c],e.dependencies={"terra-icon":h},t([p(".option__label")],e.prototype,"defaultSlot",2),t([o()],e.prototype,"current",2),t([o()],e.prototype,"selected",2),t([o()],e.prototype,"hasHover",2),t([d({reflect:!0})],e.prototype,"value",2),t([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("selected")],e.prototype,"handleSelectedChange",1),t([a("value")],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.SAJXSVRR.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CD5ZQXGV.js";import{a as e,b as o}from"./chunk.ROAJDBWY.js";import{html as m}from"lit";var t=class extends o{render(){return m`<slot></slot>`}};t.styles=[e,r];export{t as a};

package/dist/chunks/chunk.SKHJAFUM.js

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

package/dist/chunks/chunk.SRIQOJ4R.js

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

package/dist/chunks/chunk.SVLWTIBE.js

@@ -0,0 +1 @@
+import{a as y}from"./chunk.IN7ZOX6F.js";import{g as f,i as d}from"./chunk.INFVQQSJ.js";var _="https://api.giovanni.earthdata.nasa.gov/",A="https://sjldutoe6c.execute-api.us-east-1.amazonaws.com/default/harmony-proxy",N="daac-bin/catalogServices.pl",h={observations:"dataProductObservation",disciplines:"dataFieldDiscipline",measurements:"dataFieldMeasurement",platformInstruments:"dataProductPlatformInstrument",spatialResolutions:"dataProductSpatialResolution",temporalResolutions:"dataProductTimeInterval",wavelengths:"dataFieldWavelength",depths:"dataFieldDepth",specialFeatures:"specialFeatures",portals:"dataFieldTags"},b,w,l,c,v,O,F=class{constructor(){f(this,b);f(this,l);f(this,v)}async getConfiguredVariables(e){return(await d(this,b,w).call(this,"configured-variables",e)).configured_variables}async getShapeFiles(e){let t=await d(this,l,c).call(this,"daac-bin/getProvisionedShapefiles.py",e);return Object.keys(t.info).map(n=>({shapefileID:n,title:t.info[n].title,sourceName:t.info[n].sourceName,sourceURL:t.info[n].sourceURL,shapes:d(this,v,O).call(this,t.info[n].shapes,n)}))}async getGeoJson(e,t){return d(this,l,c).call(this,`daac-bin/getGeoJSON.py?shape=${e}`,t)}async searchVariables(e,t){var m,R,S;let n=new URLSearchParams({version:"2.2",facet:"true","facet.sort":"index",wt:"json",rows:(m=e==null?void 0:e.rows)!=null?m:"200",start:"0"});if((R=e==null?void 0:e.variableEntryIds)!=null&&R.length){let s=e.variableEntryIds.map(r=>`dataFieldId:"${r.replace(/\./g,"_")}"`).join(" OR ");n.append("q",`(${s}) AND dataFieldActive:true`),n.append("q.op","AND"),n.set("rows",e.variableEntryIds.length.toString())}else e!=null&&e.q?(n.append("q",`dataFieldActive:true AND dataFieldKeywordsText:(${e.q})`),n.append("q.op","AND")):n.append("q","dataFieldActive:true");if(e!=null&&e.filter)for(let[s,r]of Object.entries(e.filter)){let o=h[s];o&&n.append("fq",`${o}:(${r.map(p=>`"${p}"`).join(" OR ")})`)}for(let s of Object.values(h))n.append("facet.field",s);let a=await d(this,l,c).call(this,`${N}?${n.toString()}`,t),i=a.response.docs;if(!((S=e==null?void 0:e.variableEntryIds)!=null&&S.length)){let s=await this.getConfiguredVariables(t);if(s.length>0){let r=new Set(s);i=i.filter(o=>o.dataFieldId&&r.has(o.dataFieldId))}}let g=Object.entries(a.facet_counts.facet_fields).map(([s,r])=>{var P,q;let o=(q=(P=Object.entries(h).find(([,u])=>u===s))==null?void 0:P[0])!=null?q:s,p=[];for(let u=0;u<r.length;u+=2)p.push({name:r[u],count:r[u+1]});return{category:o,values:p}});return{count:i.length,total:a.response.numFound,variables:i,facets:g}}async getVariable(e,t){var a;return(a=(await this.searchVariables({variableEntryIds:[e]},t)).variables[0])!=null?a:null}async getSearchKeywords(e){var n;return(n=(await d(this,l,c).call(this,"daac-bin/aesir_proxy.pl/terms?terms.fl=dataFieldKeywords&terms.limit=-1&wt=json&terms.sort=count",e)).terms)==null?void 0:n.dataFieldKeywords.flatMap((a,i)=>i%2===0?[{id:a}]:[])}};b=new WeakSet,w=function(e,t){return y.get(`${_}${e}`,t)},l=new WeakSet,c=function(e,t){return y.get(`${A}/giovanni.gsfc.nasa.gov/giovanni/${e}`,t)},v=new WeakSet,O=function(e,t){return Object.keys(e).map(n=>{let a=e[n],i=null;return t==="lakes"?i=a.values[2]:t==="gpmLandMask"||t==="gpmSeaMask"?i=a.values.find(g=>typeof g=="string"&&g.includes("deg")):t==="state_dept_countries_2017"||t==="world_regions"||t==="major_world_basins"?i=a.values[1]:t==="tl_2014_us_state"&&(i=a.values[6]),{name:i,shapeID:n,shapefileID:t}})};var V=new F,I=V;export{I as a};

package/dist/chunks/chunk.T2BWAH5M.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.KWHNDO3M.js";import{f as H}from"./chunk.4ZVIPOSQ.js";import{a as T}from"./chunk.3OKIF2KP.js";import{a as c}from"./chunk.BF5VMLO3.js";import{a as B}from"./chunk.IN7ZOX6F.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};