@nasa-terra/components 0.0.53 → 0.0.54

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

@@ -1,41 +1,41 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.XYM7DLPS.js";
+} from "./chunk.UA2PIKHW.js";
 import {
   TerraSkeleton
-} from "./chunk.SFG6BGI6.js";
+} from "./chunk.7V2LW54F.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.32W6J6AF.js";
+} from "./chunk.HRTKXUXQ.js";
 import {
   TerraButton
-} from "./chunk.ZQDMMP6X.js";
+} from "./chunk.RMZFGHSG.js";
+import {
+  BrowseVariablesController
+} from "./chunk.DPC5A37S.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  browse_variables_styles_default
+} from "./chunk.4EVDB43F.js";
 import {
   TerraIcon
-} from "./chunk.FOR62X7R.js";
+} from "./chunk.JU7676XZ.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 {
-  BrowseVariablesController
-} from "./chunk.DPC5A37S.js";
-import {
-  s
-} from "./chunk.UGTZ22DI.js";
-import {
-  browse_variables_styles_default
-} from "./chunk.4EVDB43F.js";
 import {
   T,
   x

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

@@ -1,6 +1,9 @@
 import {
   c
-} from "./chunk.6WMXHA2J.js";
+} from "./chunk.PZRCJWJ4.js";
+import {
+  h
+} from "./chunk.QB5SASDL.js";
 import {
   combobox_styles_default
 } from "./chunk.USC76EZL.js";
@@ -8,15 +11,12 @@ import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
-import {
-  h
-} from "./chunk.FKLQEDIX.js";
 import {
   Fuse
 } from "./chunk.QZV6EAIM.js";
 import {
   n as n2
-} from "./chunk.262RZKG2.js";
+} from "./chunk.2XCNCXGV.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -26,7 +26,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/{dist/chunks/chunk.VE3COXRN.js → cdn/chunks/chunk.M4BZUFWE.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.IKDCFYUH.js";
+} from "./chunk.FHUEFTED.js";
 
 // src/react/date-picker/index.ts
 import * as React from "react";

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

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

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

@@ -1,10 +1,10 @@
 import {
   TerraAlert
-} from "./chunk.2UDWV64G.js";
+} from "./chunk.57MIDRIG.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.25HVLP5F.js → chunk.OSJUFK2E.js}

@@ -1,26 +1,26 @@
 import {
   format
 } from "./chunk.FCGFGTMF.js";
+import {
+  mergeTooltips
+} from "./chunk.KW4TJM4C.js";
 import {
   date_range_slider_styles_default
 } from "./chunk.WTMN7OUL.js";
 import {
-  mergeTooltips
-} from "./chunk.KW4TJM4C.js";
+  isValidDate
+} from "./chunk.EZMKGB3F.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n
 } from "./chunk.2FFSUM6T.js";
-import {
-  isValidDate
-} from "./chunk.EZMKGB3F.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";

package/cdn/chunks/{chunk.QCGNAB7F.js → chunk.Q47YWESJ.js}

@@ -7,7 +7,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.CMFROAGD.js → chunk.QPYAOML5.js}

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

package/cdn/chunks/{chunk.FVNQDVSU.js → chunk.RLRLPCXE.js}

@@ -1,15 +1,20 @@
-import {
-  e as e5,
-  n as n3
-} from "./chunk.262RZKG2.js";
 import {
   n as n2,
   o,
   s as s2
 } from "./chunk.GNSDRDLV.js";
+import {
+  e as e5,
+  n as n3
+} from "./chunk.2XCNCXGV.js";
 import {
   o as o2
 } from "./chunk.QEA4QW6G.js";
+import {
+  e as e4,
+  f,
+  m
+} from "./chunk.6NYH4BZ2.js";
 import {
   e as e2
 } from "./chunk.YVSJQ4KD.js";
@@ -18,11 +23,6 @@ import {
   i,
   t
 } from "./chunk.UP75L23G.js";
-import {
-  e as e4,
-  f,
-  m
-} from "./chunk.6NYH4BZ2.js";
 import {
   e as e3,
   n,

package/cdn/chunks/{chunk.ZQDMMP6X.js → chunk.RMZFGHSG.js}

@@ -22,7 +22,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e as e2,
   n,
@@ -272,6 +272,7 @@ var TerraButton = class extends TerraElement {
 _handleDialogStateChange = new WeakSet();
 handleDialogStateChange_fn = function(e3) {
   if (this.forDialog && this.forDialog === e3.target.id) {
+    this.expanded = e3.target.open;
   }
 };
 TerraButton.styles = [component_styles_default, button_styles_default];

package/cdn/chunks/{chunk.SRTZLLQ5.js → chunk.RYDOV244.js}

@@ -2,45 +2,51 @@ import {
   DB_NAME,
   TimeSeriesController,
   getDataByKey
-} from "./chunk.VH6TLJG7.js";
+} from "./chunk.GJIEQWA2.js";
 import {
   time_series_styles_default
 } from "./chunk.Y7I2RXN6.js";
 import {
   TerraPlot,
   require_plotly_min
-} from "./chunk.PNYTGKX5.js";
+} from "./chunk.WSTDOGZY.js";
 import {
   h
-} from "./chunk.FKLQEDIX.js";
+} from "./chunk.QB5SASDL.js";
 import {
   TerraLoader
-} from "./chunk.32W6J6AF.js";
+} from "./chunk.HRTKXUXQ.js";
 import {
   TerraButton
-} from "./chunk.ZQDMMP6X.js";
+} from "./chunk.RMZFGHSG.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.23M4SIVO.js";
+import {
+  h as h2,
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  formatDate
+} from "./chunk.EZMKGB3F.js";
 import {
   TerraIcon
-} from "./chunk.FOR62X7R.js";
+} from "./chunk.JU7676XZ.js";
+import {
+  TerraAlert
+} from "./chunk.57MIDRIG.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  GiovanniVariableCatalog
-} from "./chunk.23M4SIVO.js";
-import {
-  h as h2,
-  s
-} from "./chunk.UGTZ22DI.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -55,7 +61,7 @@ import {
 
 // src/components/time-series/time-series.component.ts
 var import_plotly = __toESM(require_plotly_min(), 1);
-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);
@@ -78,7 +84,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;
@@ -105,6 +113,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) {
@@ -114,6 +128,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");
@@ -125,10 +143,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 x`
             <div class="plot-container" @mouseleave=${__privateMethod(this, _handleComponentLeave, handleComponentLeave_fn)}>
+                ${this.quotaExceededOpen ? x`
+                          <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>
+                      ` : ""}
                 ${h(
       this.catalogVariable ? x`
                               <header>
@@ -270,7 +316,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),
@@ -286,6 +336,7 @@ var TerraTimeSeries = class extends TerraElement {
       modeBarButtonsToRemove: ["toImage", "zoom2d", "resetScale2d"],
       responsive: true
     }}
+                    @terra-plot-relayout=${__privateMethod(this, _handlePlotRelayout, handlePlotRelayout_fn)}
                 ></terra-plot>
             </div>
 
@@ -334,6 +385,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();
@@ -615,12 +667,37 @@ timeseries`,
     }, 500);
   });
 };
+_handlePlotRelayout = new WeakSet();
+handlePlotRelayout_fn = function(e2) {
+  let changed = false;
+  if (e2.detail.xAxisMin) {
+    this.startDate = formatDate(e2.detail.xAxisMin);
+    changed = true;
+  }
+  if (e2.detail.xAxisMax) {
+    this.endDate = formatDate(e2.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([
   n({ attribute: "variable-entry-id", reflect: true })
@@ -660,6 +737,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], TerraTimeSeries.prototype, "catalogVariable", 2);
+__decorateClass([
+  r()
+], TerraTimeSeries.prototype, "quotaExceededOpen", 2);
 __decorateClass([
   r()
 ], TerraTimeSeries.prototype, "showDataPointWarning", 2);

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

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

package/cdn/chunks/{chunk.XAJZNITQ.js → chunk.S7IYZ4I2.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.IR66XQLB.js";
+} from "./chunk.LGIRLCP2.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = TerraCombobox;

package/{dist/chunks/chunk.HM3ZTCTP.js → cdn/chunks/chunk.SIKKQP6I.js}

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

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

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

package/cdn/chunks/{chunk.DXUHDNR2.js → chunk.TKK6BNTA.js}

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

package/cdn/chunks/{chunk.XYM7DLPS.js → chunk.UA2PIKHW.js}

@@ -11,16 +11,16 @@ import {
 } from "./chunk.NMJ34B6C.js";
 import {
   icon_default
-} from "./chunk.HDUTNK76.js";
+} from "./chunk.C4JLG2E7.js";
 import {
   button_default
-} from "./chunk.PYENVYVD.js";
+} from "./chunk.BWXDVL76.js";
 import {
   Fuse
 } from "./chunk.QZV6EAIM.js";
 import {
   n as n2
-} from "./chunk.262RZKG2.js";
+} from "./chunk.2XCNCXGV.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -30,7 +30,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

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

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

package/cdn/chunks/{chunk.VE5TVT6L.js → chunk.VU7EHZH7.js}

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

package/{dist/chunks/chunk.MNJWY2UW.js → cdn/chunks/chunk.VZMSGFJM.js}

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.GGUB2JVZ.js";
+} from "./chunk.EEMK3EBJ.js";
 
 // src/react/accordion/index.ts
 import * as React from "react";

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

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.SRTZLLQ5.js";
+} from "./chunk.RYDOV244.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.IW5LSMO4.js → chunk.WOVNGDEJ.js}

@@ -12,7 +12,9 @@ var data_subsetter_styles_default = i`
         box-sizing: border-box;
     }
 
-    .container {
+    :host .container {
+        font-size: 16px;
+        text-align: left;
         max-width: 1200px;
         margin: 0 auto;
         padding: 20px;

package/cdn/chunks/{chunk.PNYTGKX5.js → chunk.WSTDOGZY.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.FS3ZYOYJ.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n
@@ -20,6 +20,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateGet,
+  __privateMethod,
   __privateSet,
   __spreadValues,
   __toESM
@@ -88172,10 +88173,11 @@ var require_plotly_min = __commonJS({
 
 // src/components/plot/plot.component.ts
 var import_plotly = __toESM(require_plotly_min(), 1);
-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 = {};
@@ -88209,6 +88211,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 x`<div part="base"></div>`;
@@ -88219,6 +88222,16 @@ var TerraPlot = class extends TerraElement {
   }
 };
 _resizeObserver = new WeakMap();
+_handlePlotlyRelayout = new WeakSet();
+handlePlotlyRelayout_fn = function(e2) {
+  const detail = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, e2["xaxis.range[0]"] && { xAxisMin: e2["xaxis.range[0]"] }), e2["xaxis.range[1]"] && { xAxisMax: e2["xaxis.range[1]"] }), e2["yaxis.range[0]"] && { yAxisMin: e2["yaxis.range[0]"] }), e2["yaxis.range[1]"] && { yAxisMax: e2["yaxis.range[1]"] });
+  if (!Object.keys(detail).length) {
+    return;
+  }
+  this.emit("terra-plot-relayout", {
+    detail
+  });
+};
 TerraPlot.styles = [component_styles_default, plot_styles_default];
 __decorateClass([
   e('[part="base"]')

package/cdn/chunks/{chunk.SSTISPFD.js → chunk.XQWGD4D7.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.C5LFHOAP.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>
         `;
   }