@nasa-terra/components 0.0.53 → 0.0.57

package/{dist/chunks/chunk.BLS652FJ.js → cdn/chunks/chunk.IL6BKW2Q.js}

@@ -1,17 +1,20 @@
 import {
   TerraDataSubsetter
-} from "./chunk.HDDKRXZX.js";
+} from "./chunk.UISZLUBJ.js";
 
 // src/react/data-subsetter/index.ts
 import * as React from "react";
 import { createComponent } from "@lit/react";
+import "@lit/react";
 var tagName = "terra-data-subsetter";
 TerraDataSubsetter.define("terra-data-subsetter");
 var reactWrapper = createComponent({
   tagName,
   elementClass: TerraDataSubsetter,
   react: React,
-  events: {},
+  events: {
+    onTerraSubsetJobComplete: "terra-subset-job-complete"
+  },
   displayName: "TerraDataSubsetter"
 });
 var data_subsetter_default = reactWrapper;

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

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

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

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

package/cdn/chunks/{chunk.AOKWX7Z7.js → chunk.JUWCKFMZ.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.66O6GDYQ.js";
+} from "./chunk.6XN43KQJ.js";
 
 // src/react/login/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.5KLM57QY.js → cdn/chunks/chunk.JZMMJJXA.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.43S45WWI.js";
+} from "./chunk.TUPD24MF.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";

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

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

package/cdn/chunks/{chunk.UBW72CYZ.js → chunk.KKAIKPSG.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetter
-} from "./chunk.FYWRHDMM.js";
+} from "./chunk.UISZLUBJ.js";
 
 // src/components/data-subsetter/data-subsetter.ts
 var data_subsetter_default = TerraDataSubsetter;

package/cdn/chunks/{chunk.2TPQ7A7J.js → chunk.KYGMPYSO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.R24K6QI4.js";
+} from "./chunk.O6OUQQHE.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   e,
   n,
@@ -123,6 +123,9 @@ var TerraSpatialPicker = class extends TerraElement {
     if (this.initialValue) {
       this.mapValue = this.initialValue === "" ? [] : parseBoundingBox(this.initialValue);
     }
+    setTimeout(() => {
+      this.invalidateSize();
+    }, 500);
   }
   renderMap() {
     return x`<terra-map
@@ -192,6 +195,10 @@ var TerraSpatialPicker = class extends TerraElement {
             </div>
         `;
   }
+  invalidateSize() {
+    var _a;
+    (_a = this.map) == null ? void 0 : _a.invalidateSize();
+  }
 };
 TerraSpatialPicker.styles = [component_styles_default, spatial_picker_styles_default];
 TerraSpatialPicker.dependencies = {
@@ -248,6 +255,9 @@ __decorateClass([
 __decorateClass([
   e(".spatial-picker__input")
 ], TerraSpatialPicker.prototype, "spatialInput", 2);
+__decorateClass([
+  e("terra-map")
+], TerraSpatialPicker.prototype, "map", 2);
 
 export {
   TerraSpatialPicker

package/cdn/chunks/{chunk.UKQCOWLU.js → chunk.KYGXDWBN.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.32W6J6AF.js";
+} from "./chunk.FXMM2J3O.js";
 
 // src/components/loader/loader.ts
 var loader_default = TerraLoader;

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

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

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

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

package/cdn/chunks/{chunk.CMFROAGD.js → chunk.MOPKDTUH.js}

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.7LR3A5ZW.js";
+} from "./chunk.3GDRLCFJ.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = TerraAccordion;

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

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

package/cdn/chunks/{chunk.3R6XYEOH.js → chunk.NZVF3KEQ.js}

@@ -1,10 +1,10 @@
 import {
   TerraAlert
-} from "./chunk.2UDWV64G.js";
+} from "./chunk.S7VGNGJS.js";
 
 // src/components/alert/alert.ts
 var alert_default = TerraAlert;
-TerraAlert.define("terra-button");
+TerraAlert.define("terra-alert");
 
 export {
   alert_default

package/cdn/chunks/{chunk.R24K6QI4.js → chunk.O6OUQQHE.js}

@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   e,
   n,
@@ -133,6 +133,10 @@ var TerraMap = class extends TerraElement {
             <div part="map" id="map" class="map"></div>
         `;
   }
+  invalidateSize() {
+    console.log("invalidate size ", this.map.map);
+    this.map.map.invalidateSize();
+  }
 };
 _markDynamicLeafletContent = new WeakSet();
 markDynamicLeafletContent_fn = function() {

package/cdn/chunks/{chunk.I5WLJ5L3.js → chunk.OLM4HKUA.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.SRTZLLQ5.js";
+} from "./chunk.BYIFODNK.js";
 
 // src/react/time-series/index.ts
 import * as React from "react";
@@ -13,6 +13,7 @@ var reactWrapper = createComponent({
   elementClass: TerraTimeSeries,
   react: React,
   events: {
+    onTerraDateRangeChange: "terra-date-range-change",
     onTerraTimeSeriesDataChange: "terra-time-series-data-change"
   },
   displayName: "TerraTimeSeries"

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

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

package/cdn/chunks/{chunk.YIPEL4RB.js → chunk.Q3FAV5GP.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.25HVLP5F.js";
+} from "./chunk.FIPOAXAY.js";
 
 // src/react/date-range-slider/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ODSJ642O.js → chunk.QB4ZCP24.js}

@@ -1,28 +1,28 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.XYM7DLPS.js";
+} from "./chunk.Y76HNA6A.js";
 import {
   TerraSkeleton
-} from "./chunk.SFG6BGI6.js";
+} from "./chunk.33B2TQYG.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.32W6J6AF.js";
+} from "./chunk.FXMM2J3O.js";
 import {
   TerraButton
-} from "./chunk.ZQDMMP6X.js";
+} from "./chunk.4C43ZWOM.js";
 import {
   TerraIcon
-} from "./chunk.FOR62X7R.js";
+} from "./chunk.V27A5DRW.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.DRO43W2Q.js → chunk.QJ6CNPBQ.js}

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

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

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

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

@@ -1,17 +1,20 @@
 import {
   TerraDataRods
-} from "./chunk.QQRC2LRM.js";
+} from "./chunk.TVCMCVZE.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/cdn/chunks/{chunk.QCGNAB7F.js → chunk.RODS4RBS.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

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

@@ -1,6 +1,6 @@
 import {
   alert_styles_default
-} from "./chunk.QIVU3UVU.js";
+} from "./chunk.3WD5HVRH.js";
 import {
   HasSlotController
 } from "./chunk.6OAPBJRP.js";
@@ -13,7 +13,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   e as e2,
   n,
@@ -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/cdn/chunks/{chunk.AZZ2NMUW.js → chunk.SMNV3ZSF.js}

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

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

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

package/cdn/chunks/{chunk.IR66XQLB.js → chunk.TBAYYTLI.js}

@@ -1,16 +1,16 @@
-import {
-  c
-} from "./chunk.6WMXHA2J.js";
-import {
-  combobox_styles_default
-} from "./chunk.USC76EZL.js";
 import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
+import {
+  c
+} from "./chunk.6WMXHA2J.js";
 import {
   h
 } from "./chunk.FKLQEDIX.js";
+import {
+  combobox_styles_default
+} from "./chunk.USC76EZL.js";
 import {
   Fuse
 } from "./chunk.QZV6EAIM.js";
@@ -26,7 +26,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.SSTISPFD.js → chunk.TUPD24MF.js}

@@ -1,10 +1,10 @@
 import {
   dialog_styles_default
-} from "./chunk.JLUCY2KC.js";
+} from "./chunk.ARWRM2JC.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   e,
   n
@@ -49,7 +49,9 @@ var TerraDialog = class extends TerraElement {
                 role="dialog"
                 style="width: ${this.width}"
             >
-                <slot></slot>
+                <div class="dialog-content">
+                    <slot></slot>
+                </div>
             </dialog>
         `;
   }

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

@@ -1,22 +1,22 @@
 import {
   TerraVariableCombobox
-} from "./chunk.QLE3NTPL.js";
+} from "./chunk.6XPU6E2S.js";
 import {
   TerraTimeSeries
-} from "./chunk.SRTZLLQ5.js";
-import {
-  data_rods_styles_default
-} from "./chunk.2RXDDBWK.js";
+} from "./chunk.BYIFODNK.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.25HVLP5F.js";
+} from "./chunk.FIPOAXAY.js";
 import {
   TerraSpatialPicker
-} from "./chunk.2TPQ7A7J.js";
+} from "./chunk.KYGMPYSO.js";
+import {
+  data_rods_styles_default
+} from "./chunk.2RXDDBWK.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.6PUQ3DDO.js";
 import {
   n,
   r
@@ -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,