@nasa-terra/components 0.0.53 → 0.0.57

package/dist/chunks/{chunk.CRZR5BJI.js → chunk.2H2C22AH.js}

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

package/dist/chunks/{chunk.U6Y5XC7Y.js → chunk.2INHJZTB.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.IKDCFYUH.js";
+} from "./chunk.GUVOKEDY.js";
 
 // src/components/date-picker/date-picker.ts
 var date_picker_default = TerraDatePicker;

package/{cdn/chunks/chunk.4YQZGKJ7.js → dist/chunks/chunk.2SQW3KXS.js}

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

package/dist/chunks/{chunk.43S45WWI.js → chunk.3NHRFMH2.js}

@@ -1,10 +1,10 @@
 import {
   dialog_styles_default
-} from "./chunk.67EX34DL.js";
+} from "./chunk.EXZMC2ZJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -44,7 +44,9 @@ var TerraDialog = class extends TerraElement {
                 role="dialog"
                 style="width: ${this.width}"
             >
-                <slot></slot>
+                <div class="dialog-content">
+                    <slot></slot>
+                </div>
             </dialog>
         `;
   }

package/dist/chunks/{chunk.WLHYNUHM.js → chunk.3VWSO6SG.js}

@@ -7,11 +7,12 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   __decorateClass,
   __privateAdd,
   __privateGet,
+  __privateMethod,
   __privateSet,
   __spreadValues
 } from "./chunk.TVFCHGU3.js";
@@ -23,10 +24,11 @@ import {
   newPlot,
   Plots
 } from "plotly.js-dist-min";
-var _resizeObserver;
+var _resizeObserver, _handlePlotlyRelayout, handlePlotlyRelayout_fn;
 var TerraPlot = class extends TerraElement {
   constructor() {
     super(...arguments);
+    __privateAdd(this, _handlePlotlyRelayout);
     __privateAdd(this, _resizeObserver, void 0);
     this.layout = {};
     this.config = {};
@@ -60,6 +62,7 @@ var TerraPlot = class extends TerraElement {
       }, this.layout),
       __spreadValues({ responsive: true }, this.config)
     );
+    this.base.on("plotly_relayout", __privateMethod(this, _handlePlotlyRelayout, handlePlotlyRelayout_fn).bind(this));
   }
   render() {
     return html`<div part="base"></div>`;
@@ -70,6 +73,16 @@ var TerraPlot = class extends TerraElement {
   }
 };
 _resizeObserver = new WeakMap();
+_handlePlotlyRelayout = new WeakSet();
+handlePlotlyRelayout_fn = function(e) {
+  const detail = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, e["xaxis.range[0]"] && { xAxisMin: e["xaxis.range[0]"] }), e["xaxis.range[1]"] && { xAxisMax: e["xaxis.range[1]"] }), e["yaxis.range[0]"] && { yAxisMin: e["yaxis.range[0]"] }), e["yaxis.range[1]"] && { yAxisMax: e["yaxis.range[1]"] });
+  if (!Object.keys(detail).length) {
+    return;
+  }
+  this.emit("terra-plot-relayout", {
+    detail
+  });
+};
 TerraPlot.styles = [component_styles_default, plot_styles_default];
 __decorateClass([
   query('[part="base"]')

package/dist/chunks/{chunk.QVAN2K7E.js → chunk.3WKUS32S.js}

@@ -13,7 +13,7 @@ var alert_styles_default = css`
         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.DGDGO4B7.js → chunk.475SKMT7.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.A2QLZY2M.js";
+} from "./chunk.72NTKHPH.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/dist/chunks/{chunk.QVZCOSQG.js → chunk.4NHTYIQU.js}

@@ -1,17 +1,17 @@
-import {
-  combobox_styles_default
-} from "./chunk.7WL3WWGJ.js";
 import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
+import {
+  combobox_styles_default
+} from "./chunk.7WL3WWGJ.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.LIGYFBVJ.js → dist/chunks/chunk.4QU3HVRU.js}

@@ -1,17 +1,20 @@
 import {
   TerraDataSubsetter
-} from "./chunk.FYWRHDMM.js";
+} from "./chunk.OGIVLCOS.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/dist/chunks/{chunk.KRQ4AG3O.js → chunk.53K6XCW4.js}

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

package/dist/chunks/{chunk.ZI3DJGWN.js → chunk.5I3XU7AO.js}

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

package/dist/chunks/{chunk.RQ5ZXHVZ.js → chunk.6DQGT2UQ.js}

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

package/dist/chunks/{chunk.DLY7WEID.js → chunk.6WA47U54.js}

@@ -1,6 +1,6 @@
 import {
   alert_styles_default
-} from "./chunk.QVAN2K7E.js";
+} from "./chunk.3WKUS32S.js";
 import {
   HasSlotController
 } from "./chunk.6OAPBJRP.js";
@@ -10,7 +10,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";
@@ -44,11 +44,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"), {
@@ -109,6 +104,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) {
@@ -200,13 +196,12 @@ var _TerraAlert = class _TerraAlert extends TerraElement {
                 </div>
 
                 ${this.closable ? html`
-                          <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.A2QLZY2M.js → chunk.72NTKHPH.js}

@@ -2,32 +2,38 @@ import {
   DB_NAME,
   TimeSeriesController,
   getDataByKey
-} from "./chunk.BH6T35XA.js";
+} from "./chunk.U6R27WNU.js";
 import {
   time_series_styles_default
 } from "./chunk.K2IRF2QI.js";
 import {
   TerraPlot
-} from "./chunk.WLHYNUHM.js";
+} from "./chunk.3VWSO6SG.js";
+import {
+  TerraAlert
+} from "./chunk.6WA47U54.js";
 import {
   TerraLoader
-} from "./chunk.FWZVCL6J.js";
+} from "./chunk.RJFK2UWJ.js";
 import {
   TerraButton
-} from "./chunk.SLXHKQQV.js";
+} from "./chunk.PFZ63R73.js";
 import {
   TerraIcon
-} from "./chunk.DNVFMGDI.js";
+} from "./chunk.HTSJMJUI.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   GiovanniVariableCatalog
 } from "./chunk.HFD6TPE6.js";
+import {
+  formatDate
+} from "./chunk.KMN7L6QZ.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -42,7 +48,7 @@ import { downloadImage } from "plotly.js-dist-min";
 import { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { Task, TaskStatus } from "@lit/task";
-var _timeSeriesController, _catalog, _fetchVariableTask, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn;
+var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _handlePlotRelayout, handlePlotRelayout_fn;
 var TerraTimeSeries = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -65,7 +71,9 @@ var TerraTimeSeries = class extends TerraElement {
     __privateAdd(this, _renderHelpPanel);
     __privateAdd(this, _renderJupyterNotebookPanel);
     __privateAdd(this, _handleJupyterNotebookClick);
+    __privateAdd(this, _handlePlotRelayout);
     __privateAdd(this, _timeSeriesController, void 0);
+    this.quotaExceededOpen = false;
     this.showDataPointWarning = false;
     this.estimatedDataPoints = 0;
     this.activeMenuItem = null;
@@ -92,6 +100,12 @@ var TerraTimeSeries = class extends TerraElement {
       },
       args: () => [this.variableEntryId, this.collection, this.variable]
     }));
+    __privateAdd(this, _handleQuotaError, (event) => {
+      const { status } = event.detail;
+      if (status === 429) {
+        this.quotaExceededOpen = true;
+      }
+    });
   }
   handleFocus(_oldValue, newValue) {
     if (newValue === null) {
@@ -101,6 +115,10 @@ var TerraTimeSeries = class extends TerraElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    this.addEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
     __privateSet(this, _timeSeriesController, new TimeSeriesController(this, this.bearerToken));
     if (!document.getElementById("terra-jupyterlite-warmup-iframe")) {
       const iframe = document.createElement("iframe");
@@ -112,10 +130,38 @@ var TerraTimeSeries = class extends TerraElement {
       document.body.appendChild(iframe);
     }
   }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
+  }
   render() {
     var _a, _b;
     return html`
             <div class="plot-container" @mouseleave=${__privateMethod(this, _handleComponentLeave, handleComponentLeave_fn)}>
+                ${this.quotaExceededOpen ? html`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${() => this.quotaExceededOpen = false}
+                          >
+                              <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>
+                      ` : ""}
                 ${cache(
       this.catalogVariable ? html`
                               <header>
@@ -257,7 +303,11 @@ var TerraTimeSeries = class extends TerraElement {
       xaxis: {
         title: "Time",
         showgrid: false,
-        zeroline: false
+        zeroline: false,
+        range: (
+          // manually set the range as we may adjust it when we fetch new data as a user pans/zooms the plot
+          this.startDate && this.endDate ? [this.startDate, this.endDate] : void 0
+        )
       },
       yaxis: {
         title: __privateMethod(this, _getYAxisLabel, getYAxisLabel_fn).call(this),
@@ -273,6 +323,7 @@ var TerraTimeSeries = class extends TerraElement {
       modeBarButtonsToRemove: ["toImage", "zoom2d", "resetScale2d"],
       responsive: true
     }}
+                    @terra-plot-relayout=${__privateMethod(this, _handlePlotRelayout, handlePlotRelayout_fn)}
                 ></terra-plot>
             </div>
 
@@ -321,6 +372,7 @@ var TerraTimeSeries = class extends TerraElement {
 _timeSeriesController = new WeakMap();
 _catalog = new WeakMap();
 _fetchVariableTask = new WeakMap();
+_handleQuotaError = new WeakMap();
 _confirmDataPointWarning = new WeakSet();
 confirmDataPointWarning_fn = function() {
   __privateGet(this, _timeSeriesController).confirmDataPointWarning();
@@ -602,12 +654,37 @@ timeseries`,
     }, 500);
   });
 };
+_handlePlotRelayout = new WeakSet();
+handlePlotRelayout_fn = function(e) {
+  let changed = false;
+  if (e.detail.xAxisMin) {
+    this.startDate = formatDate(e.detail.xAxisMin);
+    changed = true;
+  }
+  if (e.detail.xAxisMax) {
+    this.endDate = formatDate(e.detail.xAxisMax);
+    changed = true;
+  }
+  if (changed) {
+    this.dispatchEvent(
+      new CustomEvent("terra-date-range-change", {
+        detail: {
+          startDate: this.startDate,
+          endDate: this.endDate
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
 TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
 TerraTimeSeries.dependencies = {
   "terra-plot": TerraPlot,
   "terra-loader": TerraLoader,
   "terra-icon": TerraIcon,
-  "terra-button": TerraButton
+  "terra-button": TerraButton,
+  "terra-alert": TerraAlert
 };
 __decorateClass([
   property({ attribute: "variable-entry-id", reflect: true })
@@ -647,6 +724,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], TerraTimeSeries.prototype, "catalogVariable", 2);
+__decorateClass([
+  state()
+], TerraTimeSeries.prototype, "quotaExceededOpen", 2);
 __decorateClass([
   state()
 ], TerraTimeSeries.prototype, "showDataPointWarning", 2);

package/{cdn/chunks/chunk.G6DIOURT.js → dist/chunks/chunk.7GLQWJK6.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.QCGNAB7F.js";
+} from "./chunk.K2OECBH7.js";
 
 // src/components/chip/chip.ts
 var chip_default = TerraChip;

package/dist/chunks/{chunk.QQRC2LRM.js → chunk.7I7FV5V6.js}

@@ -1,22 +1,22 @@
 import {
   TerraVariableCombobox
-} from "./chunk.E27YXBMX.js";
+} from "./chunk.UISGE46E.js";
 import {
   TerraTimeSeries
-} from "./chunk.A2QLZY2M.js";
-import {
-  data_rods_styles_default
-} from "./chunk.DLDCSRJP.js";
+} from "./chunk.72NTKHPH.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.7F2DLFLG.js";
+} from "./chunk.XYUQQFJK.js";
 import {
   TerraSpatialPicker
-} from "./chunk.WYF3PXVO.js";
+} from "./chunk.UNNCE3S5.js";
+import {
+  data_rods_styles_default
+} from "./chunk.DLDCSRJP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   GiovanniVariableCatalog
 } from "./chunk.HFD6TPE6.js";
@@ -34,7 +34,7 @@ import {
 import { property, state } from "lit/decorators.js";
 import { html } from "lit";
 import { Task } from "@lit/task";
-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);
@@ -45,6 +45,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 Task(this, {
@@ -95,6 +96,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
@@ -135,6 +137,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/dist/chunks/{chunk.7NFT5ART.js → chunk.7PZLE7WX.js}

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

package/{cdn/chunks/chunk.P7YVDGTI.js → dist/chunks/chunk.7SKAII2U.js}

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

package/{cdn/chunks/chunk.AVVGDACI.js → dist/chunks/chunk.7SKR3DTI.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.66O6GDYQ.js";
+} from "./chunk.B6TYAQ54.js";
 
 // src/components/login/login.ts
 var login_default = TerraLogin;

package/dist/chunks/{chunk.5SHIUY5G.js → chunk.B6TYAQ54.js}

@@ -1,19 +1,19 @@
 import {
   loader_default
-} from "./chunk.RQ5ZXHVZ.js";
+} from "./chunk.6DQGT2UQ.js";
 import {
   login_styles_default
 } from "./chunk.UIYPAVP3.js";
 import {
   icon_default
-} from "./chunk.CRZR5BJI.js";
+} from "./chunk.2H2C22AH.js";
 import {
   button_default
-} from "./chunk.ZI3DJGWN.js";
+} from "./chunk.5I3XU7AO.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   __privateAdd,
   __privateGet,

package/dist/chunks/{chunk.CQZQUK25.js → chunk.BREB2M6W.js}

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

package/dist/chunks/{chunk.JDQC6NXM.js → chunk.BXREOMJU.js}

@@ -355,6 +355,11 @@ var DataSubsetterController = class {
           setTimeout(() => {
             this.jobStatusTask.run();
           }, JOB_STATUS_POLL_MILLIS);
+        } else if (job) {
+          console.log("Subset job completed ", job);
+          __privateGet(this, _host).emit("terra-subset-job-complete", {
+            detail: job
+          });
         }
         return job;
       },

package/{cdn/chunks/chunk.U3NYXUF6.js → dist/chunks/chunk.D3GOFEBX.js}

@@ -1,17 +1,20 @@
 import {
   TerraDataRods
-} from "./chunk.6RS64LSV.js";
+} from "./chunk.7I7FV5V6.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.5NA7WX55.js → chunk.DU2FUZ6P.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.WYF3PXVO.js";
+} from "./chunk.UNNCE3S5.js";
 
 // src/components/spatial-picker/spatial-picker.ts
 var spatial_picker_default = TerraSpatialPicker;

package/dist/chunks/{chunk.GSJX5TID.js → chunk.DYUQW4CK.js}

@@ -19,7 +19,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.NDZ4YZIO.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -122,6 +122,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() {