@nasa-terra/components 0.0.53 → 0.0.54

package/dist/chunks/{chunk.HDDKRXZX.js → chunk.CRZ7TUUO.js}

@@ -2,34 +2,34 @@ import {
   defaultSubsetFileMimeType,
   getFriendlyNameForMimeType
 } from "./chunk.SF6MBAEP.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.WYF3PXVO.js";
-import {
-  TerraDatePicker
-} from "./chunk.IKDCFYUH.js";
 import {
   DataSubsetterController
 } from "./chunk.JDQC6NXM.js";
 import {
   data_subsetter_styles_default
-} from "./chunk.7NTMVXIC.js";
+} from "./chunk.RQ2YIT2S.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.7XDBDSRE.js";
+import {
+  TerraDatePicker
+} from "./chunk.YHIGQ7X6.js";
 import {
   TerraAccordion
-} from "./chunk.GGUB2JVZ.js";
+} from "./chunk.VGZJOJYI.js";
 import {
   TerraIcon
-} from "./chunk.DNVFMGDI.js";
+} from "./chunk.FQNMT3RC.js";
+import {
+  getBasePath
+} from "./chunk.NQKBKXPW.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
-import {
-  getBasePath
-} from "./chunk.NQKBKXPW.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -994,13 +994,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 ? html`<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/dist/chunks/{chunk.U6Y5XC7Y.js → chunk.CWH2LJ7C.js}

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

package/dist/chunks/{chunk.3L2XDJOH.js → chunk.CYJHO3OP.js}

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

package/dist/chunks/{chunk.BAKHMLBF.js → chunk.DJSBT37Q.js}

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

package/dist/chunks/{chunk.BQ62RLR7.js → chunk.DUCS7DR4.js}

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

package/dist/chunks/{chunk.KRQ4AG3O.js → chunk.DUGD5OIQ.js}

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

package/dist/chunks/{chunk.TO2LNCEQ.js → chunk.E2VGHW6G.js}

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

package/{cdn/chunks/chunk.KMFGKZ5A.js → dist/chunks/chunk.E4LA3PS3.js}

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

package/{cdn/chunks/chunk.5IE6WY2F.js → dist/chunks/chunk.EI2M6QPT.js}

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

package/dist/chunks/{chunk.67EX34DL.js → chunk.EXZMC2ZJ.js}

@@ -20,7 +20,12 @@ var dialog_styles_default = css`
         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/dist/chunks/{chunk.DNVFMGDI.js → chunk.FQNMT3RC.js}

@@ -12,7 +12,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,

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

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

package/{cdn/chunks/chunk.5DKQRBZN.js → dist/chunks/chunk.HERNSNAA.js}

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

package/dist/chunks/{chunk.TF5MPUEH.js → chunk.JE23NVKW.js}

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

package/dist/chunks/{chunk.SLXHKQQV.js → chunk.JGD6YWMX.js}

@@ -14,7 +14,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -263,6 +263,7 @@ var TerraButton = class extends TerraElement {
 _handleDialogStateChange = new WeakSet();
 handleDialogStateChange_fn = function(e) {
   if (this.forDialog && this.forDialog === e.target.id) {
+    this.expanded = e.target.open;
   }
 };
 TerraButton.styles = [component_styles_default, button_styles_default];

package/dist/chunks/{chunk.E27YXBMX.js → chunk.JPOLIW2G.js}

@@ -14,17 +14,17 @@ import {
 } from "./chunk.HJGC45MW.js";
 import {
   icon_default
-} from "./chunk.CRZR5BJI.js";
+} from "./chunk.JUE4NRCW.js";
 import {
   button_default
-} from "./chunk.ZI3DJGWN.js";
+} from "./chunk.LCXFLOKM.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.CRZR5BJI.js → chunk.JUE4NRCW.js}

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

package/dist/chunks/{chunk.7NFT5ART.js → chunk.JYMLRSW2.js}

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

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

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

package/{cdn/chunks/chunk.IX3FU7LW.js → dist/chunks/chunk.KPC2TZNU.js}

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

package/{cdn/chunks/chunk.ECXWQIDQ.js → dist/chunks/chunk.L4CRWZ4F.js}

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

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

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

package/dist/chunks/{chunk.ZI3DJGWN.js → chunk.LCXFLOKM.js}

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

package/{cdn/chunks/chunk.B6YTTGSP.js → dist/chunks/chunk.LRMILCIN.js}

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

package/dist/chunks/{chunk.OF2CXRSX.js → chunk.NETZ6TSP.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.QVZCOSQG.js → chunk.NZCJKLX4.js}

@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.C3ZO2T4M.js → dist/chunks/chunk.PK7DJRFD.js}

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

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

@@ -1,19 +1,19 @@
 import {
   loader_default
-} from "./chunk.RQ5ZXHVZ.js";
+} from "./chunk.R5NJ3F7B.js";
 import {
   login_styles_default
 } from "./chunk.UIYPAVP3.js";
 import {
   icon_default
-} from "./chunk.CRZR5BJI.js";
+} from "./chunk.JUE4NRCW.js";
 import {
   button_default
-} from "./chunk.ZI3DJGWN.js";
+} from "./chunk.LCXFLOKM.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __privateAdd,
   __privateGet,

package/dist/chunks/{chunk.WLHYNUHM.js → chunk.Q24S6SO4.js}

@@ -7,11 +7,12 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.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/{cdn/chunks/chunk.MJOS7DJT.js → dist/chunks/chunk.R275GZJP.js}

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

package/dist/chunks/{chunk.RQ5ZXHVZ.js → chunk.R5NJ3F7B.js}

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

package/dist/chunks/{chunk.I533JNF6.js → chunk.RBLEZ6LY.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.7F2DLFLG.js";
+} from "./chunk.4ZVV7AJM.js";
 
 // src/react/date-range-slider/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.7NTMVXIC.js → chunk.RQ2YIT2S.js}

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

package/dist/chunks/{chunk.FV3CJUU7.js → chunk.RTDW6K4K.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.5NA7WX55.js → chunk.SPMJZKMX.js}

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

package/dist/chunks/{chunk.ZAFEQXY3.js → chunk.TNIQC64I.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.FV3CJUU7.js";
+} from "./chunk.RTDW6K4K.js";
 
 // src/react/chip/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.UATKNBZS.js → chunk.TV4JDPQZ.js}

@@ -1,34 +1,34 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.VKOQTQOM.js";
+} from "./chunk.BE5TDNTD.js";
 import {
   TerraSkeleton
-} from "./chunk.OF2CXRSX.js";
+} from "./chunk.NETZ6TSP.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.FWZVCL6J.js";
+} from "./chunk.5XYM225J.js";
 import {
   TerraButton
-} from "./chunk.SLXHKQQV.js";
+} from "./chunk.JGD6YWMX.js";
+import {
+  BrowseVariablesController
+} from "./chunk.IU5SV56O.js";
+import {
+  browse_variables_styles_default
+} from "./chunk.DNBZHQCS.js";
 import {
   TerraIcon
-} from "./chunk.DNVFMGDI.js";
+} from "./chunk.FQNMT3RC.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
-import {
-  BrowseVariablesController
-} from "./chunk.IU5SV56O.js";
-import {
-  browse_variables_styles_default
-} from "./chunk.DNBZHQCS.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __objRest,

package/dist/chunks/{chunk.BH6T35XA.js → chunk.U6R27WNU.js}

@@ -320,6 +320,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/dist/chunks/{chunk.43S45WWI.js → chunk.UDYW3JVU.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.Y4EIAFP6.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.GSJX5TID.js → chunk.UFLWSRJS.js}

@@ -19,7 +19,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.B44THGJN.js → dist/chunks/chunk.UWPAP7DD.js}

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

package/{cdn/chunks/chunk.7S5AAIY4.js → dist/chunks/chunk.V4A4MJMQ.js}

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

package/dist/chunks/{chunk.GGUB2JVZ.js → chunk.VGZJOJYI.js}

@@ -1,13 +1,13 @@
+import {
+  TerraIcon
+} from "./chunk.FQNMT3RC.js";
 import {
   accordion_styles_default
 } from "./chunk.Z3GLEDYM.js";
-import {
-  TerraIcon
-} from "./chunk.DNVFMGDI.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.R44HGSGT.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";