@nasa-terra/components 0.0.53 → 0.0.54

package/cdn/chunks/{chunk.QIVU3UVU.js → chunk.3WD5HVRH.js}

@@ -16,7 +16,7 @@ var alert_styles_default = i`
         display: flex;
         align-items: stretch;
         background-color: var(--terra-panel-background-color);
-        border: solid var(--terra-panel-border-width) var(--sl-panel-border-color);
+        border: solid var(--terra-panel-border-width) var(--terra-panel-border-color);
         border-top-width: calc(var(--terra-panel-border-width) * 3);
         border-radius: var(--terra-border-radius-medium);
         font-family: var(--terra-font-sans);

package/{dist/chunks/chunk.A7OKAATM.js → cdn/chunks/chunk.4CGJGOCY.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.7F2DLFLG.js";
+} from "./chunk.OSJUFK2E.js";
 
 // src/components/date-range-slider/date-range-slider.ts
 var date_range_slider_default = TerraDateRangeSlider;

package/cdn/chunks/{chunk.6RS64LSV.js → chunk.4TLR4QQG.js}

@@ -1,26 +1,18 @@
 import {
   TerraVariableCombobox
-} from "./chunk.QLE3NTPL.js";
+} from "./chunk.Y6LDYM2S.js";
 import {
   TerraTimeSeries
-} from "./chunk.SRTZLLQ5.js";
+} from "./chunk.RYDOV244.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.XXZJFEAX.js";
 import {
   data_rods_styles_default
 } from "./chunk.2RXDDBWK.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.25HVLP5F.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.2TPQ7A7J.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
-import {
-  n,
-  r
-} from "./chunk.2FFSUM6T.js";
+} from "./chunk.OSJUFK2E.js";
 import {
   GiovanniVariableCatalog
 } from "./chunk.23M4SIVO.js";
@@ -30,6 +22,14 @@ import {
 import {
   getUTCDate
 } from "./chunk.EZMKGB3F.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.C5LFHOAP.js";
+import {
+  n,
+  r
+} from "./chunk.2FFSUM6T.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.6JHIJHTB.js";
 
 // src/components/data-rods/data-rods.component.ts
-var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn;
+var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn;
 var TerraDataRods = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -52,6 +52,7 @@ var TerraDataRods = class extends TerraElement {
     __privateAdd(this, _handleDateRangeSliderChangeEvent);
     __privateAdd(this, _handleVariableChange);
     __privateAdd(this, _handleMapChange);
+    __privateAdd(this, _handleTimeSeriesDateRangeChange);
     __privateAdd(this, _catalog, new GiovanniVariableCatalog());
     // @ts-expect-error
     __privateAdd(this, _fetchVariableTask, new h(this, {
@@ -102,6 +103,7 @@ var TerraDataRods = class extends TerraElement {
                 end-date=${this.endDate}
                 location=${this.location}
                 bearer-token=${this.bearerToken}
+                @terra-date-range-change=${__privateMethod(this, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn)}
             ></terra-time-series>
 
             <terra-date-range-slider
@@ -142,6 +144,11 @@ handleMapChange_fn = function(event) {
     this.location = `${latLng.lat.toFixed(4)},${latLng.lng.toFixed(4)}`;
   }
 };
+_handleTimeSeriesDateRangeChange = new WeakSet();
+handleTimeSeriesDateRangeChange_fn = function(event) {
+  this.startDate = event.detail.startDate;
+  this.endDate = event.detail.endDate;
+};
 TerraDataRods.styles = [component_styles_default, data_rods_styles_default];
 TerraDataRods.dependencies = {
   "terra-time-series": TerraTimeSeries,

package/cdn/chunks/{chunk.P5PLRHF4.js → chunk.4UYNOT7W.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.VZ3MBFKG.js";
+} from "./chunk.YCRGAL67.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.2UDWV64G.js → chunk.57MIDRIG.js}

@@ -1,6 +1,3 @@
-import {
-  alert_styles_default
-} from "./chunk.QIVU3UVU.js";
 import {
   HasSlotController
 } from "./chunk.6OAPBJRP.js";
@@ -13,12 +10,15 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e as e2,
   n,
   r
 } from "./chunk.2FFSUM6T.js";
+import {
+  alert_styles_default
+} from "./chunk.3WD5HVRH.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -50,11 +50,6 @@ var _TerraAlert = class _TerraAlert extends TerraElement {
     this.duration = Infinity;
     this.remainingTime = this.duration;
   }
-  static define(tag = "terra-alert") {
-    if (!customElements.get(tag)) {
-      customElements.define(tag, this);
-    }
-  }
   static get toastStack() {
     if (!this.currentToastStack) {
       this.currentToastStack = Object.assign(document.createElement("div"), {
@@ -115,6 +110,7 @@ var _TerraAlert = class _TerraAlert extends TerraElement {
     this.hide();
   }
   async handleOpenChange() {
+    this.base.hidden = !this.open;
     if (this.open) {
       this.emit("terra-show");
       if (this.duration < Infinity) {
@@ -206,13 +202,12 @@ var _TerraAlert = class _TerraAlert extends TerraElement {
                 </div>
 
                 ${this.closable ? x`
-                          <button
-                              class="terra-alert__close-button"
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
                               @click=${this.handleCloseClick}
-                              aria-label="Close"
-                          >
-                              x
-                          </button>
+                          ></terra-icon>
                       ` : ""}
 
                 <div role="timer" class="alert__timer">${this.remainingTime}</div>

package/{dist/chunks/chunk.BMXRPN3G.js → cdn/chunks/chunk.5EPQ2F3Z.js}

@@ -1,6 +1,6 @@
 import {
   TerraAlert
-} from "./chunk.DLY7WEID.js";
+} from "./chunk.57MIDRIG.js";
 
 // src/react/alert/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.ECA2Y7HR.js → cdn/chunks/chunk.5R5S72WP.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.WLHYNUHM.js";
+} from "./chunk.WSTDOGZY.js";
 
 // src/components/plot/plot.ts
 var plot_default = TerraPlot;

package/cdn/chunks/{chunk.R24K6QI4.js → chunk.63NRAEUK.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.VHHIJXG2.js";
 import {
   h
-} from "./chunk.FKLQEDIX.js";
+} from "./chunk.QB5SASDL.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.DRO43W2Q.js → chunk.65NEAPRC.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.32W6J6AF.js";
+} from "./chunk.HRTKXUXQ.js";
 
 // src/react/loader/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.3EMZ7G5B.js → chunk.6V3KMAUQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.XYM7DLPS.js";
+} from "./chunk.UA2PIKHW.js";
 
 // src/react/variable-keyword-search/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.SFG6BGI6.js → chunk.7V2LW54F.js}

@@ -1,6 +1,6 @@
 import {
   skeleton_default
-} from "./chunk.FVNQDVSU.js";
+} from "./chunk.RLRLPCXE.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
@@ -10,7 +10,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/cdn/chunks/{chunk.L7N566HD.js → chunk.A47BXY2K.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.FOR62X7R.js";
+} from "./chunk.JU7676XZ.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.5VVBRICA.js → cdn/chunks/chunk.A4OQOF46.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.WYF3PXVO.js";
+} from "./chunk.XXZJFEAX.js";
 
 // src/react/spatial-picker/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.ZRD3ZNCG.js → cdn/chunks/chunk.AHEQYW27.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.GSJX5TID.js";
+} from "./chunk.63NRAEUK.js";
 
 // src/components/map/map.ts
 var map_default = TerraMap;

package/{dist/chunks/chunk.N25BS4ZB.js → cdn/chunks/chunk.APQ42B2U.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.WLHYNUHM.js";
+} from "./chunk.WSTDOGZY.js";
 
 // src/react/plot/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.JLUCY2KC.js → chunk.ARWRM2JC.js}

@@ -23,7 +23,12 @@ var dialog_styles_default = i`
         position: fixed;
         inset: 0px;
         z-index: var(--terra-dialog-z-index);
-        max-width: 100%;
+        max-width: 90vh;
+    }
+
+    .dialog-content {
+        max-height: 90vh;
+        overflow: auto;
     }
 `;
 

package/cdn/chunks/{chunk.SXNVHR5M.js → chunk.BMTQUUZA.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.ODSJ642O.js";
+} from "./chunk.L3AEI44F.js";
 
 // src/react/browse-variables/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.PYENVYVD.js → chunk.BWXDVL76.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.ZQDMMP6X.js";
+} from "./chunk.RMZFGHSG.js";
 
 // src/components/button/button.ts
 var button_default = TerraButton;

package/cdn/chunks/{chunk.HDUTNK76.js → chunk.C4JLG2E7.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.FOR62X7R.js";
+} from "./chunk.JU7676XZ.js";
 
 // src/components/icon/icon.ts
 var icon_default = TerraIcon;

package/cdn/chunks/{chunk.FS3ZYOYJ.js → chunk.C5LFHOAP.js}

@@ -366,7 +366,7 @@ var TerraElement = class extends s {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.53";
+TerraElement.version = "0.0.54";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/{chunk.XUPAIJOR.js → chunk.D5JLZTKH.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.XYM7DLPS.js";
+} from "./chunk.UA2PIKHW.js";
 
 // src/components/variable-keyword-search/variable-keyword-search.ts
 var variable_keyword_search_default = TerraVariableKeywordSearch;

package/cdn/chunks/{chunk.GQZQZ2HS.js → chunk.DLW6XK4F.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.SSTISPFD.js";
+} from "./chunk.XQWGD4D7.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = TerraDialog;

package/cdn/chunks/{chunk.7LR3A5ZW.js → chunk.EEMK3EBJ.js}

@@ -1,13 +1,13 @@
+import {
+  TerraIcon
+} from "./chunk.JU7676XZ.js";
 import {
   accordion_styles_default
 } from "./chunk.CPHER7LT.js";
-import {
-  TerraIcon
-} from "./chunk.FOR62X7R.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/cdn/chunks/{chunk.223WZP6H.js → chunk.FHUEFTED.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk.PSAJO4PE.js";
 import {
   TerraButton
-} from "./chunk.ZQDMMP6X.js";
+} from "./chunk.RMZFGHSG.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.AZZ2NMUW.js → chunk.FZ4GONRL.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.QLE3NTPL.js";
+} from "./chunk.Y6LDYM2S.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 var variable_combobox_default = TerraVariableCombobox;

package/{dist/chunks/chunk.UOGBFLVH.js → cdn/chunks/chunk.FZOEXPP3.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.A2QLZY2M.js";
+} from "./chunk.RYDOV244.js";
 
 // src/components/time-series/time-series.ts
 var time_series_default = TerraTimeSeries;

package/{dist/chunks/chunk.Z6VGIT4W.js → cdn/chunks/chunk.GGXXOHFY.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.OF2CXRSX.js";
+} from "./chunk.7V2LW54F.js";
 
 // src/components/skeleton/skeleton.ts
 var skeleton_default = TerraSkeleton;

package/cdn/chunks/{chunk.VH6TLJG7.js → chunk.GJIEQWA2.js}

@@ -559,6 +559,16 @@ fetchTimeSeriesChunk_fn = async function(variableEntryId, startDate, endDate, si
     }, __privateGet(this, _bearerToken) ? { Authorization: `Bearer: ${__privateGet(this, _bearerToken)}` } : {})
   });
   if (!response.ok) {
+    this.host.dispatchEvent(
+      new CustomEvent("terra-time-series-error", {
+        detail: {
+          status: response.status,
+          message: response.statusText
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
     throw new Error(
       `Failed to fetch time series data: ${response.statusText}`
     );

package/cdn/chunks/{chunk.XQK25A5Y.js → chunk.H4H7OUFN.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.IR66XQLB.js";
+} from "./chunk.LGIRLCP2.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.FYWRHDMM.js → chunk.H6N7RGVX.js}

@@ -2,38 +2,38 @@ import {
   defaultSubsetFileMimeType,
   getFriendlyNameForMimeType
 } from "./chunk.SF6MBAEP.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.2TPQ7A7J.js";
-import {
-  TerraDatePicker
-} from "./chunk.223WZP6H.js";
 import {
   DataSubsetterController
 } from "./chunk.K5CSW352.js";
 import {
   data_subsetter_styles_default
-} from "./chunk.IW5LSMO4.js";
+} from "./chunk.WOVNGDEJ.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.XXZJFEAX.js";
+import {
+  TerraDatePicker
+} from "./chunk.FHUEFTED.js";
 import {
   TerraAccordion
-} from "./chunk.7LR3A5ZW.js";
+} from "./chunk.EEMK3EBJ.js";
 import {
   TerraIcon
-} from "./chunk.FOR62X7R.js";
+} from "./chunk.JU7676XZ.js";
+import {
+  getBasePath
+} from "./chunk.NQKBKXPW.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  getBasePath
-} from "./chunk.NQKBKXPW.js";
 import {
   T,
   x
@@ -1000,13 +1000,13 @@ renderJobStatus_fn = function() {
 
                 <div class="job-info">
                     Job ID:
-                    <span class="job-id"
-                        ><a
-                            href="https://harmony.earthdata.nasa.gov/jobs/${__privateGet(this, _controller).currentJob.jobID}"
-                            target="_blank"
-                            >${__privateGet(this, _controller).currentJob.jobID}</a
-                        ></span
-                    >
+                    <span class="job-id">
+                        ${this.bearerToken ? x`<a
+                                  href="https://harmony.earthdata.nasa.gov/jobs/${__privateGet(this, _controller).currentJob.jobID}"
+                                  target="_blank"
+                                  >${__privateGet(this, _controller).currentJob.jobID}</a
+                              >` : __privateGet(this, _controller).currentJob.jobID}
+                    </span>
                     <span class="info-icon">?</span>
                 </div>
             </div>

package/cdn/chunks/{chunk.YTH6FKWR.js → chunk.HKX3J5XS.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.ODSJ642O.js";
+} from "./chunk.L3AEI44F.js";
 
 // src/components/browse-variables/browse-variables.ts
 var browse_variables_default = TerraBrowseVariables;

package/cdn/chunks/{chunk.32W6J6AF.js → chunk.HRTKXUXQ.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.66O6GDYQ.js → chunk.IDWSR352.js}

@@ -1,26 +1,26 @@
 import {
   loader_default
-} from "./chunk.UKQCOWLU.js";
+} from "./chunk.TBDMUEOL.js";
 import {
   login_styles_default
 } from "./chunk.5P7TDN4M.js";
 import {
   icon_default
-} from "./chunk.HDUTNK76.js";
+} from "./chunk.C4JLG2E7.js";
 import {
   button_default
-} from "./chunk.PYENVYVD.js";
+} from "./chunk.BWXDVL76.js";
 import {
   e,
   n
-} from "./chunk.262RZKG2.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.2XCNCXGV.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.C5LFHOAP.js";
 import {
   T,
   x

package/cdn/chunks/{chunk.LCPWWHRW.js → chunk.IJMWPNJQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.SFG6BGI6.js";
+} from "./chunk.7V2LW54F.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.LIGYFBVJ.js → chunk.J2N3IO5I.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetter
-} from "./chunk.FYWRHDMM.js";
+} from "./chunk.H6N7RGVX.js";
 
 // src/react/data-subsetter/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.OYPYQ42W.js → cdn/chunks/chunk.JG376LYS.js}

@@ -1,17 +1,20 @@
 import {
   TerraDataRods
-} from "./chunk.QQRC2LRM.js";
+} from "./chunk.4TLR4QQG.js";
 
 // src/react/data-rods/index.ts
 import * as React from "react";
 import { createComponent } from "@lit/react";
+import "@lit/react";
 var tagName = "terra-data-rods";
 TerraDataRods.define("terra-data-rods");
 var reactWrapper = createComponent({
   tagName,
   elementClass: TerraDataRods,
   react: React,
-  events: {},
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change"
+  },
   displayName: "TerraDataRods"
 });
 var data_rods_default = reactWrapper;

package/{dist/chunks/chunk.GVEKK7CF.js → cdn/chunks/chunk.JQNOS35D.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.E27YXBMX.js";
+} from "./chunk.Y6LDYM2S.js";
 
 // src/react/variable-combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.FOR62X7R.js → chunk.JU7676XZ.js}

@@ -15,7 +15,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/{dist/chunks/chunk.2RKHDDU2.js → cdn/chunks/chunk.K46LNZ4Y.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.SLXHKQQV.js";
+} from "./chunk.RMZFGHSG.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.NJIZMOG7.js → cdn/chunks/chunk.KOWNZ7CT.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.GSJX5TID.js";
+} from "./chunk.63NRAEUK.js";
 
 // src/react/map/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.6QIHYJP5.js → cdn/chunks/chunk.KQDNPTPO.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataRods
-} from "./chunk.QQRC2LRM.js";
+} from "./chunk.4TLR4QQG.js";
 
 // src/components/data-rods/data-rods.ts
 var data_rods_default = TerraDataRods;