@nasa-terra/components 0.0.179 → 0.0.181

package/dist/chunks/chunk.O7IVXZBJ.js

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

package/dist/chunks/chunk.OAYJFXJ7.js

@@ -0,0 +1,37 @@
+import{a as n}from"./chunk.CUJNKBC6.js";import{a as l}from"./chunk.6PEAAW4E.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.OILCN37O.js";import{a as u}from"./chunk.EP7VZEIL.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as a,query as c,state as f}from"lit/decorators.js";var t=class t extends d{constructor(){super(...arguments);this.hasSlotController=new l(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.appearance="filled";this.duration=1/0;this.remainingTime=this.duration}static get toastStack(){return this.currentToastStack||(this.currentToastStack=Object.assign(document.createElement("div"),{className:"terra-toast-stack"})),this.currentToastStack}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100))}pauseAutoHide(){var i;(i=this.countdownAnimation)==null||i.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var i;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.remainingTime),this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100),(i=this.countdownAnimation)==null||i.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){let{countdownElement:i}=this,p="100%",v="0";this.countdownAnimation=i.animate([{width:p},{width:v}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.duration<1/0&&this.restartAutoHide(),this.emit("terra-after-show")):(this.emit("terra-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.emit("terra-after-hide"))}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,n(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,n(this,"terra-after-hide")}async toast(){return new Promise(i=>{this.handleCountdownChange(),t.toastStack.parentElement===null&&document.body.append(t.toastStack),t.toastStack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("terra-after-hide",()=>{t.toastStack.removeChild(this),i(),t.toastStack.querySelector("terra-alert")===null&&t.toastStack.remove()},{once:!0})})}render(){return s`
+            <div
+                part="base"
+                class=${m({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-countdown":!!this.countdown,"alert--has-icon":this.hasSlotController.test("icon"),"alert--primary":this.variant==="primary","alert--success":this.variant==="success","alert--neutral":this.variant==="neutral","alert--warning":this.variant==="warning","alert--danger":this.variant==="danger","alert--filled":this.appearance==="filled","alert--white":this.appearance==="white"})}
+                role="alert"
+                aria-hidden=${this.open?"false":"true"}
+                @mouseenter=${this.pauseAutoHide}
+                @mouseleave=${this.resumeAutoHide}
+            >
+                <div part="icon" class="alert__icon">
+                    <slot name="icon"></slot>
+                </div>
+
+                <div part="message" class="alert__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleCloseClick}
+                          ></terra-icon>
+                      `:""}
+
+                <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+                ${this.countdown?s`
+                          <div
+                              class=${m({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+                          >
+                              <div class="alert__countdown-elapsed"></div>
+                          </div>
+                      `:""}
+            </div>
+        `}};t.styles=[h,u],e([c('[part~="base"]')],t.prototype,"base",2),e([c(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),e([a({type:Boolean,reflect:!0})],t.prototype,"open",2),e([a({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([a({reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0})],t.prototype,"appearance",2),e([a({type:Number})],t.prototype,"duration",2),e([a({type:String,reflect:!0})],t.prototype,"countdown",2),e([f()],t.prototype,"remainingTime",2),e([r("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([r("duration")],t.prototype,"handleDurationChange",1);var o=t;export{o as a};

package/dist/chunks/chunk.OBKNMV5D.js

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

package/dist/chunks/chunk.ODZ5RFHN.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.FL6IFTRN.js";import{a as l,b as n}from"./chunk.OILCN37O.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as e}from"lit";import{property as a}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.current=!1}render(){let s=!!this.href;return e`
+            <span
+                part="base"
+                class=${p({breadcrumb:!0,"breadcrumb--current":this.current,"breadcrumb--link":s})}
+            >
+                ${s?e`
+                          <a
+                              part="link"
+                              class="breadcrumb__link"
+                              href=${this.href}
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </a>
+                      `:e`
+                          <span
+                              part="label"
+                              class="breadcrumb__label"
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </span>
+                      `}
+            </span>
+        `}};t.styles=[l,o],r([a()],t.prototype,"href",2),r([a({type:Boolean,reflect:!0})],t.prototype,"current",2);export{t as a};

package/dist/chunks/chunk.OGQJH54I.js

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

package/dist/chunks/chunk.OILCN37O.js

@@ -0,0 +1,299 @@
+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-color);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        background-color: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        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: #585858;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 0.05em;
+        text-underline-offset: 0.25rem;
+        color: var(--terra-color-carbon-60);
+    }
+
+    /* 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 s=customElements.get(e);if(!s){customElements.define(e,class extends t{},i);return}let a=" (unknown version)",f=a;"version"in t&&t.version&&(a=" v"+t.version),"version"in s&&s.version&&(f=" v"+s.version),!(a&&f&&a===f)&&console.warn(`Attempted to register <${e}>${a}, but <${e}>${f} 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.181",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.OWXXS6QM.js

@@ -0,0 +1,100 @@
+import{a as L}from"./chunk.U2FNXZ4T.js";import{a as $}from"./chunk.BQ7I5O2H.js";import{a as S}from"./chunk.UM535KIO.js";import{a as J}from"./chunk.7W27XF6C.js";import{a as I}from"./chunk.VT3U2SB7.js";import{a as w}from"./chunk.S3WSRAXA.js";import{a as E,b as k}from"./chunk.OILCN37O.js";import{e as l,f,g as n,i as d}from"./chunk.INFVQQSJ.js";import{property as y,query as R,state as p}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var h,m,D,g,N,v,q,u,b,r=class extends k{constructor(){super(...arguments);n(this,m);n(this,g);n(this,v);n(this,u);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;n(this,h,new S(this));this._authController=new I(this)}connectedCallback(){super.connectedCallback(),this.addController(f(this,h))}toggleCollapsed(){this.collapsed=!this.collapsed}render(){let t=f(this,h).jobs,i=t&&t.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=${e=>{this.hideCancelled=e.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">
+                        ${t?i?d(this,m,D).call(this,t):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${e=>{var s;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(s=this.dialog)==null||s.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}};h=new WeakMap,m=new WeakSet,D=function(t){let i=t.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,s)=>new Date(s.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let s="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?s="#28a745":e.status==="failed"?s="#dc3545":e.status==="canceled"&&(s="#ffc107");let o=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,c=e.status==="failed"||e.status==="canceled"?100:e.progress,C=d(this,u,b).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${d(this,v,q).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${d(this,g,N).call(this,e,C)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${c}%; background-color: ${s}"
+                        >
+                            ${o}
+                        </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 s;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(s=this.dialog)==null||s.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},g=new WeakSet,N=function(t,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:t.jobID}
+                </div>
+                <div>${new Date(t.createdAt).toLocaleString()}</div>
+            </div>
+        `},v=new WeakSet,q=function(t){var e;let i=d(this,u,b).call(this,t.labels||[]);this.selectedJob=t.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},u=new WeakSet,b=function(t){try{return Object.fromEntries(t.map(i=>{let[e,...s]=i.split(":"),o=s.join(":").trim(),c=o;if(o.startsWith("{")||o.startsWith("["))try{c=JSON.parse(o)}catch(C){c=o}return[e.trim(),c]}))}catch(i){return{}}},r.dependencies={"terra-icon":w,"terra-data-subsetter":L,"terra-dialog":$},r.styles=[E,J],l([y()],r.prototype,"label",2),l([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),l([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),l([p()],r.prototype,"collapsed",2),l([p()],r.prototype,"selectedJob",2),l([p()],r.prototype,"selectedCollectionEntryId",2),l([p()],r.prototype,"hideCancelled",2),l([R('[part~="dialog"]')],r.prototype,"dialog",2),l([R('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.PABCKGCM.js

@@ -0,0 +1,140 @@
+import{b as S}from"./chunk.PKC6WTWN.js";import{b as _}from"./chunk.RBE5AOEF.js";import{b as O,c as W}from"./chunk.5SIVM4DR.js";import{a as R}from"./chunk.M24MU27S.js";import{a as G}from"./chunk.UQXFJXT2.js";import{a as B}from"./chunk.6XF647QW.js";import{a as F}from"./chunk.VT3U2SB7.js";import{a as U}from"./chunk.QDFHF7LY.js";import{a as N}from"./chunk.E6LODOVJ.js";import{a as M}from"./chunk.NJTQ2K6F.js";import{c as C}from"./chunk.BWCJXCND.js";import{a as L}from"./chunk.S3WSRAXA.js";import{a as I}from"./chunk.OAYJFXJ7.js";import{a as q,b as A}from"./chunk.OILCN37O.js";import{e,f as i,g as c,i as h}from"./chunk.INFVQQSJ.js";import{html as d,nothing as tt}from"lit";import{property as l,query as j,state as g}from"lit/decorators.js";import{TaskStatus as p}from"@lit/task";import{cache as at}from"lit/directives/cache.js";var et={fromAttribute:u=>{if(!u)return[];try{let b=JSON.parse(u);if(Array.isArray(b))return b.map(a=>String(a).trim()).filter(Boolean)}catch(b){}return u.split(",").map(b=>b.trim()).filter(Boolean)},toAttribute:u=>u!=null&&u.length?JSON.stringify(u):null},s,m,y,H,v,Y,E,z,$,J,x,K,D,Q,k,X,V,Z,P,T,t=class extends U(A){constructor(){super(...arguments);c(this,y);c(this,v);c(this,E);c(this,$);c(this,x);c(this,D);c(this,k);c(this,V);c(this,P);c(this,s,new _(this));this.variableEntryIds=[];this.showCitation=!1;this.disableAutoFetch=!1;this.mobileView=!1;this.hideToolbar=!1;this.catalogVariables=[];this.quotaExceededOpen=!1;this.timeSeriesError=null;this.showDataPointWarning=!1;this.estimatedDataPoints=0;this._authController=new F(this);this._fetchVariableTask=S(this);c(this,m,a=>{let{status:r,code:o,message:n,context:f}=a.detail;this.timeSeriesError={code:o||String(r),message:n,context:f},r===429&&(this.quotaExceededOpen=!0)})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-series-error",i(this,m))}updated(a){super.updated(a);let r=i(this,s).task.status;if(r===p.PENDING&&this.timeSeriesError&&(this.timeSeriesError=null),r===p.ERROR&&!this.timeSeriesError){let o=i(this,s).task.error;if(o){let n=O(o);if(n.isCancellation)return;this.timeSeriesError={code:n.code,message:n.message,context:n.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-series-error",i(this,m))}render(){var a,r,o;return d`
+            <div class="plot-container" @mouseleave=${h(this,$,J)}>
+                ${this.quotaExceededOpen?d`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${()=>this.quotaExceededOpen=!1}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              You've exceeded your request quota. Please
+                              <a
+                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
+                                  >contact the help desk</a
+                              >
+                              for further assistance.
+                          </terra-alert>
+                      `:""}
+                ${this.hideToolbar?tt:at(this.catalogVariable?d`<terra-plot-toolbar
+                                    .catalogVariable=${this.catalogVariable}
+                                    .plot=${this.plot}
+                                    .timeSeriesData=${(a=i(this,s).lastTaskValue)!=null?a:i(this,s).emptyPlotData}
+                                    .location=${this.location}
+                                    .startDate=${this.startDate}
+                                    .endDate=${this.endDate}
+                                    .cacheKey=${i(this,s).getCacheKey()}
+                                    .variableEntryId=${this.variableEntryId}
+                                    .showCitation=${this.showCitation}
+                                    .mobileView=${this.mobileView}
+                                    .productLabel=${this.productLabel}
+                                >
+                                    <slot name="help-links" slot="help-links"></slot>
+                                </terra-plot-toolbar>`:d`<div class="spacer"></div>`)}
+                ${h(this,D,Q).call(this)?d`
+                          <terra-alert
+                              class="no-data-alert"
+                              variant="warning"
+                              open
+                              closable
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-information-circle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              We couldn't find available data for your selection. Try
+                              widening your area or changing the date range to find
+                              more results.
+                          </terra-alert>
+                      `:""}
+                ${h(this,k,X).call(this)?d`
+                          <terra-alert
+                              class="no-data-alert"
+                              variant="danger"
+                              open
+                              closable
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              The selected variable was not found in the catalog
+                          </terra-alert>
+                      `:""}
+                ${this.timeSeriesError?d`
+                          <terra-alert
+                              class="error-alert"
+                              variant="danger"
+                              open
+                              closable
+                              @terra-after-hide=${()=>this.timeSeriesError=null}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              ${h(this,V,Z).call(this,this.timeSeriesError)}
+                          </terra-alert>
+                      `:""}
+
+                <terra-plot
+                    exportparts="base:plot__base, plot-title:plot__title"
+                    .data=${(r=i(this,s).lastTaskValue)!=null?r:i(this,s).emptyPlotData}
+                    .layout="${{xaxis:{title:"Time",showgrid:!1,zeroline:!1,range:this.startDate&&this.endDate?[this.startDate,this.endDate]:void 0},yaxis:{title:h(this,x,K).call(this),showline:!1},title:{text:this.catalogVariable&&this.location?`${this.catalogVariable.dataProductShortName}${this.catalogVariables.length>1?` (${this.catalogVariables.length} variables)`:""} @ ${this.location}`:null}}}"
+                    .config=${{displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["toImage","zoom2d","resetScale2d"],responsive:!0}}
+                    @terra-plot-relayout=${h(this,P,T)}
+                ></terra-plot>
+            </div>
+
+            <dialog
+                ?open=${i(this,s).task.status===p.PENDING||this._fetchVariableTask.status===p.PENDING}
+            >
+                <terra-loader indeterminate></terra-loader>
+
+                ${i(this,s).task.status===p.PENDING?d`<p>
+                          ${this.catalogVariables.length>1?`Plotting ${this.catalogVariables.length} variables\u2026`:`Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}\u2026`}
+                      </p>`:d`<p>Preparing plot&hellip;</p>`}
+
+                <terra-button @click=${h(this,E,z)}>Cancel</terra-button>
+            </dialog>
+
+            <dialog ?open=${this.showDataPointWarning} class="quota-dialog">
+                <h2>This is a large request</h2>
+
+                <p>
+                    You are requesting approximately
+                    ${this.estimatedDataPoints.toLocaleString()} data points.
+                </p>
+
+                <p>
+                    Requesting large amounts of data may cause you to reach your
+                    monthly quota limit.
+                </p>
+
+                <p>Would you still like to proceed with this request?</p>
+
+                <div class="dialog-buttons">
+                    <terra-button
+                        @click=${h(this,v,Y)}
+                        variant="default"
+                    >
+                        Cancel
+                    </terra-button>
+
+                    <terra-button
+                        @click=${h(this,y,H)}
+                        variant="primary"
+                    >
+                        Proceed
+                    </terra-button>
+                </div>
+            </dialog>
+        `}};s=new WeakMap,m=new WeakMap,y=new WeakSet,H=function(){i(this,s).confirmDataPointWarning(),i(this,s).task.run()},v=new WeakSet,Y=function(){this.showDataPointWarning=!1},E=new WeakSet,z=function(){var a;console.log("Aborting data load"),(a=i(this,s).task)==null||a.abort("Cancelled time series request")},$=new WeakSet,J=function(a){var o;if(this.mobileView)return;let r=a.relatedTarget;this.contains(r)||(o=this.plotToolbar)==null||o.closeMenu()},x=new WeakSet,K=function(){var o;let a=(this.catalogVariables.length?this.catalogVariables.map(n=>n.dataFieldUnits):[(o=this.catalogVariable)==null?void 0:o.dataFieldUnits]).filter(Boolean),r=[...new Set(a)];if(r.length)return r.join(", ")},D=new WeakSet,Q=function(){var w;if(i(this,s).task.status!==p.COMPLETE)return!1;let r=(w=i(this,s).lastTaskValue)!=null?w:i(this,s).emptyPlotData;if(r.length===0)return!0;let o=r[0],n="x"in o?o.x:void 0,f="y"in o?o.y:void 0;return!!(!n||!f||Array.isArray(n)&&n.length===0||Array.isArray(f)&&f.length===0)},k=new WeakSet,X=function(){return this._fetchVariableTask.status!==p.COMPLETE?!1:!!(this.variableEntryId||this.variableEntryIds.length||this.collection&&this.variable)&&!this.catalogVariable},V=new WeakSet,Z=function(a){return W(a)},P=new WeakSet,T=function(a){if(this.disableAutoFetch)return;let r=!1;a.detail.xAxisMin&&(this.startDate=C(a.detail.xAxisMin),r=!0),a.detail.xAxisMax&&(this.endDate=C(a.detail.xAxisMax),r=!0),r&&this.dispatchEvent(new CustomEvent("terra-date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate},bubbles:!0,composed:!0}))},t.styles=[q,R],t.dependencies={"terra-plot":B,"terra-loader":N,"terra-icon":L,"terra-button":M,"terra-alert":I,"terra-plot-toolbar":G},e([l({attribute:"variable-entry-id",reflect:!0})],t.prototype,"variableEntryId",2),e([l({attribute:"variable-entry-ids",converter:et})],t.prototype,"variableEntryIds",2),e([l({reflect:!0})],t.prototype,"collection",2),e([l({reflect:!0})],t.prototype,"variable",2),e([l({attribute:"start-date",reflect:!0})],t.prototype,"startDate",2),e([l({attribute:"end-date",reflect:!0})],t.prototype,"endDate",2),e([l({reflect:!0})],t.prototype,"location",2),e([l({type:Boolean,attribute:"show-citation"})],t.prototype,"showCitation",2),e([l({attribute:"application-citation"})],t.prototype,"applicationCitation",2),e([l({type:Boolean,attribute:"disable-auto-fetch"})],t.prototype,"disableAutoFetch",2),e([l({attribute:"bearer-token",reflect:!1})],t.prototype,"bearerToken",2),e([l({attribute:"mobile-view",type:Boolean,reflect:!0})],t.prototype,"mobileView",2),e([l({attribute:"hide-toolbar",type:Boolean,reflect:!0})],t.prototype,"hideToolbar",2),e([l({attribute:"product-label",reflect:!0})],t.prototype,"productLabel",2),e([l({attribute:"application-id"})],t.prototype,"applicationId",2),e([j("terra-plot")],t.prototype,"plot",2),e([j("terra-plot-toolbar")],t.prototype,"plotToolbar",2),e([g()],t.prototype,"catalogVariable",2),e([g()],t.prototype,"catalogVariables",2),e([g()],t.prototype,"quotaExceededOpen",2),e([g()],t.prototype,"timeSeriesError",2),e([g()],t.prototype,"showDataPointWarning",2),e([g()],t.prototype,"estimatedDataPoints",2);export{t as a};

package/dist/chunks/chunk.PAEUAUNV.js

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