@nasa-terra/components 0.0.185 → 0.0.187

package/dist/chunks/chunk.EEWHJT32.js

@@ -0,0 +1,636 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: block;
+    }
+
+    .date-picker {
+        position: relative;
+        width: 100%;
+    }
+
+    .date-picker__dropdown-wrapper {
+        position: relative;
+    }
+
+    terra-dropdown {
+        width: 100%;
+    }
+
+    /* Styles for dropdown panel content */
+    terra-dropdown::part(panel) {
+        padding: 0;
+    }
+
+    terra-dropdown .date-picker__dropdown {
+        position: static;
+        box-shadow: none;
+        border: none;
+        margin: 0;
+    }
+
+    .date-picker__icon {
+        display: var(--terra-datepicker-icon-display, block);
+        flex-shrink: 0;
+        color: var(--terra-input-icon-color);
+        cursor: pointer;
+    }
+
+    /* Make the terra-input look clickable */
+    terra-input {
+        cursor: pointer;
+    }
+
+    terra-input::part(base) {
+        cursor: pointer;
+    }
+
+    terra-input::part(input) {
+        cursor: pointer;
+    }
+
+    .date-picker__dropdown {
+        display: flex;
+        flex-direction: column;
+        background: var(--terra-panel-background-color);
+        border-radius: var(--terra-border-radius-large);
+        box-shadow: var(--terra-shadow-large);
+        overflow: hidden;
+    }
+
+    /* For inline mode, position absolutely */
+    .date-picker--inline .date-picker__dropdown {
+        position: static;
+        box-shadow: none;
+        border: var(--terra-panel-border-width) solid var(--terra-panel-border-color);
+    }
+
+    .date-picker--inline {
+        width: auto;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .date-picker--inline terra-input {
+        width: auto;
+        display: inline-block;
+        min-width: 280px;
+    }
+
+    .date-picker--inline terra-input::part(base) {
+        width: auto;
+        min-width: 280px;
+    }
+
+    .date-picker__inputs {
+        display: flex;
+        gap: var(--terra-spacing-medium);
+        align-items: flex-start;
+    }
+
+    .date-picker--inline .date-picker__inputs {
+        margin-bottom: var(--terra-spacing-medium);
+    }
+
+    .date-picker--split-inputs .date-picker__inputs {
+        width: 100%;
+    }
+
+    .date-picker--split-inputs .date-picker__inputs terra-input {
+        flex: 1;
+    }
+
+    .date-picker--inline.date-picker--split-inputs .date-picker__inputs {
+        width: auto;
+    }
+
+    .date-picker--inline.date-picker--split-inputs .date-picker__inputs terra-input {
+        flex: none;
+        width: auto;
+        min-width: 280px;
+    }
+
+    .date-picker--inline .date-picker__dropdown-wrapper {
+        position: static;
+        width: fit-content;
+        display: inline-block;
+    }
+
+    .date-picker__dropdown--inline {
+        position: static;
+        top: auto;
+        left: auto;
+        z-index: auto;
+        box-shadow: none;
+        border: var(--terra-panel-border-width) solid var(--terra-panel-border-color);
+        margin-top: 0;
+        overflow: visible;
+        width: fit-content;
+        min-width: fit-content;
+        max-width: fit-content;
+    }
+
+    .date-picker__content {
+        display: flex;
+    }
+
+    .date-picker__dropdown--inline .date-picker__content {
+        width: fit-content;
+        min-width: fit-content;
+    }
+
+    .date-picker__sidebar {
+        display: flex;
+        flex-direction: column;
+        width: 10rem;
+        padding: var(--terra-spacing-x-small);
+        background: var(--terra-color-carbon-5);
+        border-right: var(--terra-panel-border-width) solid
+            var(--terra-panel-border-color);
+        flex-shrink: 0;
+        justify-content: space-between;
+    }
+
+    .date-picker__preset {
+        display: block;
+        width: 100%;
+        padding: var(--terra-spacing-x-small) var(--terra-spacing-small);
+        text-align: left;
+        background: transparent;
+        border: none;
+        border-radius: var(--terra-border-radius-medium);
+        font-size: var(--terra-font-size-small);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-70);
+        cursor: pointer;
+        transition: background-color var(--terra-transition-fast);
+    }
+
+    .date-picker__preset:hover {
+        background: var(--terra-color-carbon-10);
+    }
+
+    .date-picker__preset:focus {
+        outline: none;
+        background: var(--terra-menu-item-background-color-focus);
+        color: var(--terra-color-spacesuit-white);
+    }
+
+    .date-picker__calendars {
+        display: flex;
+        gap: var(--terra-spacing-medium);
+        padding: var(--terra-spacing-medium);
+    }
+
+    .calendar {
+        display: flex;
+        flex-direction: column;
+        min-width: 280px;
+    }
+
+    .calendar__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--terra-spacing-medium);
+        padding: 0 var(--terra-spacing-x-small);
+    }
+
+    .calendar__month-year {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .calendar__month-dropdown-wrapper {
+        position: relative;
+    }
+
+    .calendar__month-button {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-2x-small);
+        padding: var(--terra-spacing-x-small) var(--terra-spacing-small);
+        background: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        border-radius: var(--terra-border-radius-medium);
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-semibold);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-90);
+        cursor: pointer;
+        transition: all var(--terra-transition-fast);
+    }
+
+    .calendar__month-button:hover {
+        background: var(--terra-input-background-color-hover);
+        border-color: var(--terra-input-border-color-hover);
+    }
+
+    .calendar__month-icon {
+        color: var(--terra-input-icon-color);
+    }
+
+    .calendar__month-dropdown {
+        position: absolute;
+        top: calc(100% + var(--terra-spacing-2x-small));
+        left: 0;
+        z-index: var(--terra-z-index-tooltip);
+        min-width: 140px;
+        max-height: 280px;
+        overflow-y: auto;
+        background: var(--terra-panel-background-color);
+        border: var(--terra-panel-border-width) solid var(--terra-panel-border-color);
+        border-radius: var(--terra-border-radius-medium);
+        box-shadow: var(--terra-shadow-large);
+        padding: var(--terra-spacing-2x-small);
+    }
+
+    .calendar__month-option {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-x-small);
+        width: 100%;
+        padding: var(--terra-spacing-x-small) var(--terra-spacing-small);
+        background: transparent;
+        border: none;
+        border-radius: var(--terra-border-radius-small);
+        font-size: var(--terra-font-size-small);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-70);
+        text-align: left;
+        cursor: pointer;
+        transition: background-color var(--terra-transition-fast);
+    }
+
+    .calendar__month-option:hover {
+        background: var(--terra-color-carbon-10);
+    }
+
+    .calendar__month-option--selected {
+        background: var(--terra-menu-item-background-color-focus);
+        color: var(--terra-color-spacesuit-white);
+        font-weight: var(--terra-font-weight-semibold);
+    }
+
+    .calendar__month-check {
+        flex-shrink: 0;
+        color: var(--terra-color-spacesuit-white);
+    }
+
+    .calendar__year-input-wrapper {
+        position: relative;
+        display: flex;
+        align-items: center;
+    }
+
+    .calendar__year-input {
+        width: 75px;
+        padding: var(--terra-spacing-x-small) var(--terra-spacing-large)
+            var(--terra-spacing-x-small) var(--terra-spacing-small);
+        background: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        border-radius: var(--terra-border-radius-medium);
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-semibold);
+        font-family: var(--terra-input-font-family);
+        color: var(--terra-input-color);
+        text-align: center;
+        -moz-appearance: textfield;
+    }
+
+    .calendar__year-input::-webkit-outer-spin-button,
+    .calendar__year-input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .calendar__year-input:hover {
+        background: var(--terra-input-background-color-hover);
+        border-color: var(--terra-input-border-color-hover);
+    }
+
+    .calendar__year-input:focus {
+        outline: none;
+        border-color: var(--terra-input-border-color-focus);
+        background: var(--terra-input-background-color-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width)
+            var(--terra-input-focus-ring-color);
+    }
+
+    .calendar__year-spinners {
+        position: absolute;
+        right: var(--terra-spacing-2x-small);
+        display: flex;
+        flex-direction: column;
+        gap: 1px;
+    }
+
+    .calendar__year-spinner {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.25rem;
+        height: 0.875rem;
+        padding: 0;
+        background: transparent;
+        border: none;
+        border-radius: var(--terra-border-radius-small);
+        color: var(--terra-input-icon-color);
+        cursor: pointer;
+        transition: all var(--terra-transition-fast);
+    }
+
+    .calendar__year-spinner:hover {
+        background: var(--terra-color-carbon-10);
+        color: var(--terra-color-carbon-90);
+    }
+
+    .calendar__year-spinner:active {
+        background: var(--terra-color-carbon-20);
+    }
+
+    .calendar__nav {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        padding: 0;
+        background: transparent;
+        border: none;
+        border-radius: var(--terra-border-radius-medium);
+        color: var(--terra-color-carbon-60);
+        cursor: pointer;
+        transition: all var(--terra-transition-fast);
+    }
+
+    .calendar__nav:hover {
+        background: var(--terra-color-carbon-10);
+        color: var(--terra-color-carbon-90);
+    }
+
+    .calendar__nav:focus {
+        outline: none;
+        background: var(--terra-color-carbon-10);
+    }
+
+    .calendar__weekdays {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        gap: var(--terra-spacing-2x-small);
+        margin-bottom: var(--terra-spacing-x-small);
+    }
+
+    .calendar__weekday {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 2rem;
+        font-size: var(--terra-font-size-x-small);
+        font-weight: var(--terra-font-weight-semibold);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-50);
+        text-transform: uppercase;
+    }
+
+    .calendar__days {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        gap: var(--terra-spacing-2x-small);
+    }
+
+    .calendar__day {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 2.5rem;
+        padding: 0;
+        background: transparent;
+        border: none;
+        border-radius: var(--terra-border-radius-medium);
+        font-size: var(--terra-font-size-small);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-90);
+        cursor: pointer;
+        transition: all var(--terra-transition-fast);
+        position: relative;
+    }
+
+    .calendar__day:hover:not(.calendar__day--disabled) {
+        background: var(--terra-color-carbon-10);
+    }
+
+    .calendar__day--outside {
+        color: var(--terra-color-carbon-40);
+    }
+
+    .calendar__day--disabled {
+        color: var(--terra-color-carbon-30);
+        cursor: not-allowed;
+    }
+
+    .calendar__day--selected {
+        background: var(--terra-color-nasa-blue) !important;
+        color: var(--terra-color-spacesuit-white) !important;
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .calendar__day--start {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    .calendar__day--end {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    .calendar__day--in-range {
+        background: var(--terra-color-nasa-blue-tint);
+        color: var(--terra-color-carbon-90);
+        border-radius: 0;
+    }
+
+    .calendar__day--hover-range {
+        background: var(--terra-color-carbon-5);
+        border-radius: 0;
+    }
+
+    .calendar__day--start.calendar__day--in-range {
+        border-top-left-radius: var(--terra-border-radius-medium);
+        border-bottom-left-radius: var(--terra-border-radius-medium);
+    }
+
+    .calendar__day--end.calendar__day--in-range {
+        border-top-right-radius: var(--terra-border-radius-medium);
+        border-bottom-right-radius: var(--terra-border-radius-medium);
+    }
+
+    .date-picker__separator {
+        color: var(--terra-color-carbon-40);
+    }
+
+    /* Time Picker Styles */
+    .date-picker__time {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--terra-spacing-medium);
+        padding: var(--terra-spacing-medium);
+        border-top: var(--terra-panel-border-width) solid
+            var(--terra-panel-border-color);
+        background: var(--terra-color-carbon-5);
+        width: 100%;
+    }
+
+    .date-picker__time-section {
+        display: flex;
+        align-items: center;
+    }
+
+    .date-picker__time-inputs {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .date-picker__time-input-group {
+        position: relative;
+        display: flex;
+        align-items: center;
+    }
+
+    .date-picker__time-input {
+        width: 55px;
+        padding: var(--terra-spacing-x-small) var(--terra-spacing-large)
+            var(--terra-spacing-x-small) var(--terra-spacing-small);
+        background: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        border-radius: var(--terra-border-radius-medium);
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-semibold);
+        font-family: var(--terra-input-font-family);
+        color: var(--terra-input-color);
+        text-align: center;
+        -moz-appearance: textfield;
+    }
+
+    .date-picker__time-input::-webkit-outer-spin-button,
+    .date-picker__time-input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .date-picker__time-input:hover {
+        border-color: var(--terra-input-border-color-hover);
+    }
+
+    .date-picker__time-input:focus {
+        outline: none;
+        border-color: var(--terra-input-border-color-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width)
+            var(--terra-input-focus-ring-color);
+    }
+
+    .date-picker__time-spinners {
+        position: absolute;
+        right: var(--terra-spacing-2x-small);
+        display: flex;
+        flex-direction: column;
+        gap: 1px;
+    }
+
+    .date-picker__time-spinner {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.25rem;
+        height: 0.875rem;
+        padding: 0;
+        background: transparent;
+        border: none;
+        border-radius: var(--terra-border-radius-small);
+        color: var(--terra-input-icon-color);
+        cursor: pointer;
+        transition: all var(--terra-transition-fast);
+    }
+
+    .date-picker__time-spinner:hover {
+        background: var(--terra-color-carbon-20);
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .date-picker__time-spinner:active {
+        background: var(--terra-color-carbon-30);
+    }
+
+    .date-picker__time-separator {
+        font-size: var(--terra-font-size-large);
+        font-weight: var(--terra-font-weight-bold);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-60);
+    }
+
+    .date-picker__time-period {
+        padding: var(--terra-spacing-x-small) var(--terra-spacing-small);
+        background: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        border-radius: var(--terra-border-radius-medium);
+        font-size: var(--terra-font-size-x-small);
+        font-weight: var(--terra-font-weight-bold);
+        font-family: var(--terra-font-family--inter);
+        color: var(--terra-color-carbon-70);
+        cursor: pointer;
+        transition: all var(--terra-transition-fast);
+        text-transform: uppercase;
+    }
+
+    .date-picker__time-period:hover {
+        background: var(--terra-color-carbon-5);
+        border-color: var(--terra-input-border-color-hover);
+    }
+
+    .date-picker__time-period:active {
+        background: var(--terra-color-carbon-10);
+    }
+
+    /* Responsive adjustments */
+    @media (max-width: 768px) {
+        .date-picker__dropdown {
+            flex-direction: column;
+        }
+
+        .date-picker__sidebar {
+            width: 100%;
+            border-right: none;
+            border-bottom: var(--terra-panel-border-width) solid
+                var(--terra-panel-border-color);
+        }
+
+        .date-picker__calendars {
+            flex-direction: column;
+        }
+
+        .date-picker__time {
+            flex-direction: column;
+        }
+    }
+
+    .dropdown-header {
+        display: flex;
+        justify-content: flex-end;
+        padding: 4px 6px;
+    }
+
+    .date-picker__close-btn {
+        border: none;
+        background: transparent;
+        font-size: 18px;
+        cursor: pointer;
+        line-height: 1;
+    }
+
+    .date-picker__close-btn:hover {
+        opacity: 0.7;
+    }
+`;export{i as a};

package/dist/chunks/chunk.EL5HO6Y2.js

@@ -0,0 +1 @@
+function i(r){var e,t;if((e=r.variableEntryIds)!=null&&e.length)return r.variableEntryIds[0];if(!(!r.variableEntryId&&!(r.collection&&r.variable)))return(t=r.variableEntryId)!=null?t:`${r.collection}_${r.variable}`}function b(r){var t;if((t=r.variableEntryIds)!=null&&t.length)return[...new Set(r.variableEntryIds.map(a=>a.trim()).filter(Boolean))];let e=i(r);return e?[e]:[]}export{i as a,b};

package/dist/chunks/chunk.EQTA7MZT.js

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

package/dist/chunks/chunk.FSTVJG4P.js

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

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

package/dist/chunks/chunk.FURB3OUK.js

@@ -0,0 +1,2 @@
+import{b as Tt}from"./chunk.43F6G3ZK.js";import{c as vt}from"./chunk.NZ2EQTLJ.js";import{a as kt}from"./chunk.UHM5JVWJ.js";import{b as dt}from"./chunk.RK65WAF3.js";import{b as Ct}from"./chunk.P46NR7KP.js";import{c as St,d as It,e as Et}from"./chunk.GE7UDDDW.js";import{a as J}from"./chunk.3FHTK4MP.js";import{a as mt}from"./chunk.IZZFNAC5.js";import{b as U,c as ht,d as ct}from"./chunk.BWCJXCND.js";import{a as C,b as O,f as p,g as u,h as k,i as h}from"./chunk.INFVQQSJ.js";var K=2e5,Y=1e3*60*60,z=Y*24;function Q(N,e,o){let a=o.getTime()-e.getTime();switch(N){case"half-hourly":return Math.floor(a/(Y/2))+1;case"hourly":return Math.floor(a/Y)+1;case"3-hourly":return Math.floor(a/(Y*3))+1;case"8-daily":return Math.floor(a/(z*8))+1;case"daily":return Math.floor(a/z)+1;case"weekly":return Math.floor(a/(z*7))+1;case"monthly":return Math.floor(a/(z*30))+1;default:throw new Error(`Unsupported time interval: ${N}`)}}function Lt(N,e,o){let a=Q(N,e,o);if(a<=K)return[{start:e,end:o}];let l=[],i=o.getTime()-e.getTime(),n=Math.ceil(a/K),s=Math.floor(i/n),m=new Date(e),r=i;for(;r>0;){let t=new Date(m.getTime()+s);t>o&&(t=o);let c=Q(N,m,t);if(c>K){let f=s*K/c;t=new Date(m.getTime()+f)}l.push({start:new Date(m),end:new Date(t)}),r=o.getTime()-t.getTime(),m=t}return l}import{initialState as Yt,Task as Nt}from"@lit/task";import*as Vt from"plotly.js-dist-min";var Qt=5e4,Xt="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",At=300,Gt=1e4,Ht={type:"scatter",mode:"lines"},V,w,G,P,$,j,M,v,_,Z,jt,tt,Ft,W,ut,B,ft,et,xt,at,Ot,L,q,rt,Ut,ot,qt,st,$t,it,Wt,nt,Bt,lt,Jt,F,X,D,y,_t=class{constructor(e){u(this,v);u(this,Z);u(this,tt);u(this,W);u(this,B);u(this,et);u(this,at);u(this,L);u(this,rt);u(this,ot);u(this,st);u(this,it);u(this,nt);u(this,lt);u(this,F);u(this,D);u(this,V,!1);u(this,w,new vt);u(this,G,new Et);u(this,P,void 0);u(this,$,void 0);u(this,j,void 0);u(this,M,void 0);this.emptyPlotData=[O(C({},Ht),{x:[],y:[]})];this.host=e,k(this,j,new Ct(this.host,{getCollectionEntryId:()=>h(this,st,$t).call(this),getBearerToken:()=>this.host.bearerToken})),k(this,M,new kt(this.host)),new Nt(e,{task:async(o,{signal:a})=>{var b;let{jobId:l}=this.host;if(console.log("Checking for jobId to hydrate host properties",l,this.host.startDate,this.host.endDate,this.host.location,this.host.bearerToken),!l||!this.host.bearerToken||this.host.startDate&&this.host.endDate&&this.host.location)return;let i=await It.getJobStatus(l,{bearerToken:this.host.bearerToken,signal:a}),n=dt.fromUrl(i.request),{startDate:s,endDate:m,location:r,variables:t,variableConceptIds:c}=n.options;if(s&&(this.host.startDate=s),m&&(this.host.endDate=m),r instanceof mt)this.host.location=`${r.lat},${r.lng}`;else if(r instanceof J){let[E,A,g,S]=[r.getWest(),r.getSouth(),r.getEast(),r.getNorth()];this.host.location=`${E},${A},${g},${S}`}let f=(b=t==null?void 0:t[0])!=null?b:c==null?void 0:c[0];f&&!this.host.variableEntryId&&(this.host.variableEntryId=f),console.log("Hydrated host properties from job status",{startDate:this.host.startDate,endDate:this.host.endDate,location:this.host.location}),this.host.requestUpdate()},args:()=>[this.host.jobId,this.host.bearerToken]}),this.task=new Nt(e,{task:async(o,{signal:a})=>{var s,m;if(console.log("Fetching time series data",{variables:h(this,v,_).call(this),startDate:this.host.startDate,endDate:this.host.endDate,location:this.host.location}),!h(this,v,_).call(this).length||!this.host.startDate||!this.host.endDate||!this.host.location)return console.log("Requirements not met to fetch the time series data "),h(this,v,_).call(this).map(t=>t.dataFieldId).join("|")!==p(this,$)&&(this.lastTaskValue=void 0),Yt;let l=h(this,v,_).call(this),i=await Promise.all(l.map(async r=>{var f;let t=await h(this,Z,jt).call(this,a,r),c=h(this,L,q).call(this,t.data,(f=t.metadata)==null?void 0:f.undef);return{variable:r,timeSeries:t,filteredData:c}}));this.metadata=(s=i[0])==null?void 0:s.timeSeries.metadata,k(this,$,h(this,v,_).call(this).map(r=>r.dataFieldId).join("|")),this.lastTaskValue=i.map(({variable:r,filteredData:t})=>{var c,f;return O(C({},Ht),{name:(f=(c=r.dataFieldLongName)!=null?c:r.dataFieldShortName)!=null?f:r.dataFieldId,hovertemplate:r.dataFieldUnits?`%{x}<br>%{y} ${r.dataFieldUnits}<extra>%{fullData.name}</extra>`:"%{x}<br>%{y}<extra>%{fullData.name}</extra>",x:t.map(b=>b.timestamp),y:t.map(b=>b.value)})});let n=i[0];return n?(this.host.emit("terra-time-series-data-change",{detail:{data:n.timeSeries,variable:n.variable,series:i.map(({variable:r,timeSeries:t})=>({variable:r,data:t})),startDate:ht(this.host.startDate),endDate:ht(this.host.endDate),location:this.host.location}}),p(this,P)&&h(this,lt,Jt).call(this,p(this,P)).catch(console.error),this.lastTaskValue):(m=this.lastTaskValue)!=null?m:this.emptyPlotData},args:()=>[this.host.catalogVariable,this.host.catalogVariables,this.host.startDate,this.host.endDate,this.host.location]})}render(e){return this.task.render(e)}getCacheKey(){return!this.host.location||!this.host.catalogVariable?"":this.getCacheKeyForVariable(this.host.catalogVariable)}getCacheKeyForVariable(e){return p(this,w).getCacheKeyForVariable(e.dataFieldId,this.host.location,this.host.environment)}confirmDataPointWarning(){k(this,V,!0),this.host.showDataPointWarning=!1}};V=new WeakMap,w=new WeakMap,G=new WeakMap,P=new WeakMap,$=new WeakMap,j=new WeakMap,M=new WeakMap,v=new WeakSet,_=function(){var e;return(e=this.host.catalogVariables)!=null&&e.length?this.host.catalogVariables:this.host.catalogVariable?[this.host.catalogVariable]:[]},Z=new WeakSet,jt=async function(e,o){var gt,bt,wt,Dt,yt;let a=this.host.startDate,l=this.host.endDate;if(!a||!l)throw new Error("Start and end date are required to fetch time series data");let i=d=>/T\d{2}:\d{2}/.test(d),n=U(a),s=U(l,!i(l)),m=this.getCacheKeyForVariable(o),r=o.dataFieldId;if(console.log("Loading time series for variable",o,this.host.startDate,this.host.endDate,this.host.location),this.host.jobId){let d=await h(this,B,ft).call(this,this.host.jobId,e);if(d.status==="failed"){let T=d.message||((bt=(gt=d.errors)==null?void 0:gt[0])==null?void 0:bt.message)||"The subset job failed",x=new Error(T);throw h(this,D,y).call(this,x,d.errors),x}if(d.status==="complete_with_errors"&&d.errors&&d.errors.length>0){let T=d.errors[0].message||"The subset job completed with errors",x=new Error(T);throw h(this,D,y).call(this,x,d.errors),x}let I=(wt=d.links.find(T=>T.rel==="data"))==null?void 0:wt.href;if(!I){let T=new Error("No data link found for Harmony job");throw h(this,D,y).call(this,T,d.errors),T}return k(this,P,this.host.jobId),h(this,W,ut).call(this,I,e)}let t=this.host.cache?await p(this,w).getValidCacheEntry(m):void 0,c=t!=null&&t.startDate?U(t.startDate):void 0,f=t!=null&&t.endDate?U(t.endDate,!0):void 0;if(console.log("Existing data?",t?"Yes":"No"),console.log("Is date range contained?",c&&f?ct(n,s,c,f):!1),console.log("Is cache valid?",p(this,w).isCacheValid(t)),t&&c&&f&&ct(n,s,c,f)&&p(this,w).isCacheValid(t)){console.log("Returning existing data from cache ",this.getCacheKey());let d=(Dt=t.metadata)==null?void 0:Dt.undef,I=h(this,L,q).call(this,t.data,d),T=O(C({},t),{data:I});return p(this,w).getDataInRange(T,n,s)}let b=p(this,w).calculateDataGaps(n,s,t);if(b.length===0&&t){let d=h(this,L,q).call(this,t.data,(yt=t.metadata)==null?void 0:yt.undef),I=O(C({},t),{data:d});return p(this,w).getDataInRange(I,n,s)}let A=(t!=null&&t.data?h(this,ot,qt).call(this,t.data):null)||o.dataProductTimeInterval||"daily",g=[];for(let d of b){let I=Lt(A,d.start,d.end);g.push(...I)}let S=await Promise.all(g.map(async d=>await h(this,tt,Ft).call(this,r,d.start,d.end,e,o))),R=(t==null?void 0:t.data)||[],H=(t==null?void 0:t.metadata)||{};for(let d of S)R=[...R,...d.data],H=C(C({},H),d.metadata);R=p(this,w).deduplicateByTimestamp(R);let pt={metadata:H,data:R};this.host.cache&&await p(this,w).storeConsolidatedData({cacheKey:m,variableEntryId:r,environment:this.host.environment,metadata:pt.metadata,data:R});let Kt=h(this,L,q).call(this,R,H==null?void 0:H.undef);return p(this,w).getDataInRange({metadata:pt.metadata,data:Kt},n,s)},tt=new WeakSet,Ft=async function(e,o,a,l,i){var b,E,A;if(!p(this,V)&&!h(this,rt,Ut).call(this,i,o,a))throw new Error("User cancelled data point warning");k(this,V,!1);let n=h(this,nt,Bt).call(this),s=n instanceof J,m=await h(this,it,Wt).call(this,l),r=new dt({collectionConceptId:m,location:n}).variable(e).dateRange(o.toISOString(),a.toISOString()).format("text/csv").label("terra-time-series");this.host.applicationId&&r.label(this.host.applicationId),r.addLabelsFromVariable(i),s&&r.average("area");let t;try{let g=await p(this,M).startJob({harmonyRequest:r,options:{signal:l,bearerToken:this.host.bearerToken,environment:this.host.environment}});t=g.jobID,k(this,P,t),this.host.emit("terra-harmony-job-status-update",{detail:g})}catch(g){throw h(this,D,y).call(this,g),g}let c=await h(this,B,ft).call(this,t,l);if(c.status==="failed"){let g=c.message||((E=(b=c.errors)==null?void 0:b[0])==null?void 0:E.message)||"The subset job failed",S=new Error(g);throw h(this,D,y).call(this,S,c.errors),S}if(c.status==="complete_with_errors"&&c.errors&&c.errors.length>0){let g=c.errors[0].message||"The subset job completed with errors",S=new Error(g);throw h(this,D,y).call(this,S,c.errors),S}let f=(A=c.links.find(g=>g.rel==="data"))==null?void 0:A.href;if(!f){let g=new Error("No data link found for Harmony job");throw h(this,D,y).call(this,g,c.errors),g}return h(this,W,ut).call(this,f,l)},W=new WeakSet,ut=async function(e,o){let a=e.replace("proxy-timeseries","timeseries"),l=`${Xt}?url=${encodeURIComponent(a)}`,i=await fetch(l,{signal:o,headers:C({},this.host.bearerToken?{Authorization:`Bearer ${this.host.bearerToken}`}:{})});if(!i.ok){let n=new Error(`Failed to fetch subset job link contents: ${i.statusText}`);throw h(this,D,y).call(this,n),n}return h(this,et,xt).call(this,await i.text())},B=new WeakSet,ft=async function(e,o){for(p(this,M).startPollForJobStatus(e,{bearerToken:this.host.bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=p(this,M).data;if(a&&this.host.emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===e&&St.has(a.status))return a;await h(this,F,X).call(this,At,o)}},et=new WeakSet,xt=function(e){let o=e.split(`
+`).map(s=>s.trim()).filter(Boolean),a={},l=[],i=!1,n=[];for(let s of o)if(i){let m=s.split(",");if(m.length===n.length){let r=[];for(let c=0;c<n.length;c++)r.push(m[c].trim());let t=h(this,at,Ot).call(this,r[0]);l.push({timestamp:t,value:r[1]})}}else{if(s.startsWith("Timestamp (UTC)")||s.startsWith("time,")){n=s.split(",").map(t=>t.trim()),i=!0;continue}let[m,r]=s.split(",");m&&r!==void 0&&(a[m.trim()]=r.trim())}return{metadata:a,data:l}},at=new WeakSet,Ot=function(e){try{let o=new Date(e);return Number.isNaN(o.getTime())?(console.warn("Invalid timestamp:",e),e):o.toISOString()}catch(o){return console.warn("Failed to normalize timestamp:",e,o),e}},L=new WeakSet,q=function(e,o){return o?e.filter(a=>{let l=a.value.trim(),i=String(o).trim();if(l===i)return!1;let n=parseFloat(l),s=parseFloat(i);return!(!Number.isNaN(n)&&!Number.isNaN(s)&&n===s)}):e},rt=new WeakSet,Ut=function(e,o,a){return this.host.estimatedDataPoints=Q(e.dataProductTimeInterval,o,a),this.host.estimatedDataPoints<Qt,!0},ot=new WeakSet,qt=function(e){if(e.length<2)return null;let o=[...e].sort((r,t)=>new Date(r.timestamp).getTime()-new Date(t.timestamp).getTime()),a=[];for(let r=1;r<Math.min(o.length,100);r++){let t=new Date(o[r-1].timestamp).getTime(),f=new Date(o[r].timestamp).getTime()-t;f>0&&a.push(f)}if(a.length===0)return null;let l=new Map;a.forEach(r=>{let t=Math.round(r/6e4)*6e4;l.set(t,(l.get(t)||0)+1)});let i=0,n=0;l.forEach((r,t)=>{r>n&&(n=r,i=t)});let s=1e3*60*60,m=s*24;return i<=s/2+6e4?"half-hourly":i<=s+6e4?"hourly":i<=s*3+6e4?"3-hourly":i<=m+6e4?"daily":i<=m*7+6e4?"weekly":"daily"},st=new WeakSet,$t=function(){if(this.host.collection)return this.host.collection;let e=this.host.catalogVariable;if(e)return`${e.dataProductShortName}_${e.dataProductVersion}`},it=new WeakSet,Wt=async function(e){var l;let o=Date.now();for(;Date.now()-o<Gt;){if(e.aborted)throw new Error("Request aborted while waiting for collection metadata");let i=p(this,j).conceptId;if(i)return i;if((l=p(this,j).collection)!=null&&l.isError){let n=new Error("Unable to load collection metadata needed for Harmony requests");throw h(this,D,y).call(this,n),n}await h(this,F,X).call(this,At,e)}let a=new Error("Timed out waiting for collection metadata needed for Harmony requests");throw h(this,D,y).call(this,a),a},nt=new WeakSet,Bt=function(){var n;let e=decodeURIComponent((n=this.host.location)!=null?n:""),o=e.split(",").map(s=>s.trim()),a=o.map(s=>Number(s));if(o.some(s=>s.length===0)||a.some(s=>Number.isNaN(s))){let s=new Error('Invalid location format. Expected "lat,lon" or "west,south,east,north".');throw this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:{status:400,code:"INVALID_LOCATION",message:s.message,context:e},bubbles:!0,composed:!0})),s}if(a.length===2)return new mt(a[0],a[1]);if(a.length===4)return new J(a);let i=new Error('Invalid location format. Expected "lat,lon" or "west,south,east,north".');throw this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:{status:400,code:"INVALID_LOCATION",message:i.message,context:e},bubbles:!0,composed:!0})),i},lt=new WeakSet,Jt=async function(e,o=1e3,a=200,l=200){var n;await h(this,F,X).call(this,o);let i=(n=this.host.plot)==null?void 0:n.base;if(i)try{let s=await Vt.toImage(i,{format:"jpeg",width:500,height:500}),m=new Image;m.src=s,await m.decode();let r=document.createElement("canvas");r.width=a,r.height=l;let t=r.getContext("2d");if(!t)return;t.drawImage(m,0,0,a,l);let c=await new Promise((f,b)=>r.toBlob(E=>E?f(E):b(new Error("toBlob failed")),"image/jpeg",.8));await p(this,G).store(e,c)}catch(s){console.error("Failed to capture time series thumbnail",s)}},F=new WeakSet,X=function(e,o){return new Promise((a,l)=>{let i=setTimeout(()=>{o&&o.removeEventListener("abort",n),a()},e),n=()=>{clearTimeout(i),l(new Error("Operation aborted"))};o&&o.addEventListener("abort",n,{once:!0})})},D=new WeakSet,y=function(e,o){let a=Tt(e,o);this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:a,bubbles:!0,composed:!0}))};export{Ht as a,_t as b};

package/dist/chunks/chunk.GE7UDDDW.js

@@ -0,0 +1 @@
+import{b as S}from"./chunk.SJ7SUN6N.js";import{a as F}from"./chunk.LLYICQ3I.js";import{b as T}from"./chunk.7J2F6HQM.js";import{a as u,b as d,g as y,i as l}from"./chunk.INFVQQSJ.js";var _="3",f={PROD:"PROD",UAT:"UAT"},A={[f.PROD]:"https://harmony.earthdata.nasa.gov",[f.UAT]:"https://harmony.uat.earthdata.nasa.gov",ANONYMOUS_ACCESS:"https://sjldutoe6c.execute-api.us-east-1.amazonaws.com/default/harmony-proxy"},E={[f.PROD]:"https://api.giovanni.earthdata.nasa.gov",[f.UAT]:"https://api.giovanni.uat.earthdata.nasa.gov"};var w=new Set(["successful","failed","canceled","complete_with_errors"]);var b,m,h,N,v,I,O,L,C,H,x=class{constructor(){y(this,b);y(this,h);y(this,v);y(this,O);y(this,C)}async getCollectionCapabilities(e,t){if(!e)throw new T({message:"`collectionConceptId` is required"});let r=await l(this,b,m).call(this,`capabilities?collectionId=${e}&version=${_}`,t);return r.variables=this.addConceptIdToVariables(r.variables),r.configuredOutputFormats=this.getOutputFormatOptions(r),r}async getJobs(e,t){let r=new URLSearchParams;return e!=null&&e.page&&r.append("page",e.page.toString()),e!=null&&e.limit&&r.append("limit",e.limit.toString()),e!=null&&e.label&&r.append("label",e.label),l(this,b,m).call(this,`jobs?${r.toString()}`,t)}async createJob(e,t){return l(this,b,m).call(this,e.requestUrl,t)}async getJobStatus(e,t){return l(this,b,m).call(this,`jobs/${e}`,t)}async removeJobLabels(e,t){let r=`${A[f.PROD]}/labels`;return F.delete(r,{body:{jobID:e.jobIDs,label:e.labels},headers:u({"Content-Type":"application/json"},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`}),signal:t==null?void 0:t.signal})}async cancelJob(e,t){return l(this,b,m).call(this,`jobs/${e}/cancel`,t)}async fetchUrl(e,t){let r=e.replace(E.PROD,"").replace(E.UAT,"");return l(this,b,m).call(this,r,t)}addConceptIdToVariables(e){return e.map(t=>{let r=t.href.match(/\/concepts\/(V\d+-\w+)$/);return r&&(t.conceptId=r[1]),t})}getOutputFormatOptions(e){let t=l(this,v,I).call(this,e),r=l(this,h,N).call(this,e),n=r?l(this,C,H).call(this,e):[];if(r&&!t)return n;let o=[];return l(this,O,L).call(this,e).forEach(p=>{let i=p,s=`Download data in ${p} format`;switch(p){case"application/x-hdf":case"application/octet-stream":i="HDF-EOS5",s="Download data in HDF-EOS5 format";break;case"application/x-netcdf4":case"application/netcdf":i="NetCDF",s="Download data in NetCDF format";break;case"application/x-netcdf4;profile=opendap_url":i="OPeNDAP URL (x-netcdf4)",s="Download data in OPeNDAP URL (x-netcdf4) format";break;case"text/csv":i="CSV",s="Download data in CSV format";break;case"image/tiff":case"image/tif":i="TIFF",s="Download data in TIFF format";break;case"image/png":i="PNG",s="Download data in PNG format";break;case"image/jpg":case"image/jpeg":i="JPEG",s="Download data in JPEG format";break;case"application/shapefile+zip":i="Shapefile+zip",s="Download data in Shapefile+zip format";break;case"application/x-zarr":i="ZARR",s="Download data in ZARR format";break;default:i=p,s=`Download data in ${p} format`}o.push({key:p,label:i,description:s})}),r&&t&&o.push(...n),o}};b=new WeakSet,m=function(e,t){let r=A[f.PROD];return t!=null&&t.bearerToken||(r=A.ANONYMOUS_ACCESS),e.startsWith("http")||(e=`${r}/${e}`),F.get(e,{signal:t==null?void 0:t.signal,headers:u({},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})})},h=new WeakSet,N=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(n=>n.name.toLowerCase().includes("giovanni")))!=null?r:!1},v=new WeakSet,I=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(n=>!n.name.toLowerCase().includes("giovanni")))!=null?r:!1},O=new WeakSet,L=function(e){if(!(e!=null&&e.services))return[];let t=e.services.filter(o=>!o.name.toLowerCase().includes("giovanni")),r=new Set;t.forEach(o=>{var c;(c=o.capabilities.outputFormats)==null||c.forEach(p=>{r.add(p)})});let n=Array.from(r);return n.includes("application/netcdf")&&n.includes("application/x-netcdf4")?n.filter(o=>o!=="application/netcdf"):n},C=new WeakSet,H=function(e){let t=[];return e.services.forEach(r=>{let n=r.name.toLowerCase();n.includes("giovanni-time-series")&&t.push({key:"text/csv",label:"CSV (point-based time series; one file)",description:"Single variable plotted over time",isGiovanniFormat:!0}),n.includes("giovanni-averaging")&&t.push({key:"image/tiff",label:"GeoTIFF (time-averaged map; one file)",description:"Time averaged representation as map",isGiovanniFormat:!0},{key:"text/csv",label:"CSV (area-averaged time series; one file)",description:"Area averaged data over time",isGiovanniFormat:!0})}),t.filter((r,n,o)=>o.findIndex(c=>c.label===r.label)===n)};var g=new x;var R=class{async store(e,t){await S(async r=>{let n={harmonyJobId:e,blob:t,createdAt:Date.now()};await r.put("thumbnails",n)})}async get(e){return S(async t=>{let r=await t.get("thumbnails",e);return r==null?void 0:r.blob})}async delete(e){await S(async t=>{await t.delete("thumbnails",e)})}};var k=3e3,q=1e4,G=new R;function U(a){return!!(a&&a!=="new")}function ae(a,e){return{queryKey:["harmony","capabilities",a],queryFn:async({signal:t})=>g.getCollectionCapabilities(a,d(u({},e),{signal:t})),enabled:!!a}}function ne(a,e){return{queryKey:["harmony","jobs",a],queryFn:async({signal:t})=>{let r=await g.getJobs(a,d(u({},e),{signal:t})),n=await Promise.all(r.jobs.map(async o=>{let c=await G.get(o.jobID);return c?d(u({},o),{thumbnailBlob:c}):o}));return d(u({},r),{jobs:n})},enabled:!!(e!=null&&e.bearerToken),refetchInterval:()=>a!=null&&a.page&&a.page!==1?!1:q}}function oe(a,e){return{queryKey:["harmony","jobs",a],queryFn:async({signal:t})=>U(a)?g.getJobStatus(a,d(u({},e),{signal:t})):null,enabled:U(a),refetchInterval:t=>{var n;let r=(n=t.state.data)==null?void 0:n.status;return r&&w.has(r)?!1:k},staleTime:0,gcTime:0}}function ie(){return{mutationFn:({harmonyRequest:a,options:e})=>g.createJob(a,e)}}function se(){return{mutationFn:({jobId:a,options:e})=>g.cancelJob(a,e)}}function le(){return{mutationFn:({jobIDs:a,labels:e,options:t})=>g.removeJobLabels({jobIDs:a,labels:e},t)}}export{f as a,A as b,w as c,g as d,R as e,ae as f,ne as g,oe as h,ie as i,se as j,le as k};