@nasa-terra/components 0.0.65 → 0.0.67

package/cdn/chunks/{chunk.JCQIEOOL.js → chunk.ALM4ROVQ.js}

@@ -1,11 +1,11 @@
 import {
   TerraIcon
-} from "./chunk.7BCZRW6T.js";
+} from "./chunks/chunk.LBV7LO5R.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/icon/icon.ts
 init_dirname();

package/cdn/chunks/{chunk.BXZTBSH6.js → chunk.AN7XDLAQ.js}

@@ -2,7 +2,7 @@ import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/utilities/environment.ts
 init_dirname();

package/cdn/chunks/{chunk.3SRLYD5E.js → chunk.AR433OU5.js}

@@ -1,11 +1,11 @@
 import {
   TerraVariableCombobox
-} from "./chunk.7TF5BL2A.js";
+} from "./chunks/chunk.ZKCAPBIO.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 init_dirname();

package/cdn/chunks/{chunk.FYLYLIDU.js → chunk.AYJGYMJF.js}

@@ -1,41 +1,41 @@
 import {
   c
-} from "./chunk.NFS2RDEX.js";
+} from "./chunks/chunk.QYAM63VA.js";
 import {
   h
-} from "./chunk.EDY6YM3Y.js";
+} from "./chunks/chunk.5KLDFMYR.js";
 import {
   combobox_styles_default
-} from "./chunk.H2ZXIXPU.js";
+} from "./chunks/chunk.2D6CASNX.js";
 import {
   clearSelection,
   walkToOption
-} from "./chunk.CRDKTZBT.js";
+} from "./chunks/chunk.YW5Z5NP7.js";
 import {
   n as n2
-} from "./chunk.QFJLPXXJ.js";
+} from "./chunks/chunk.SIRTZMTS.js";
 import {
   o
-} from "./chunk.CUQN55UX.js";
+} from "./chunks/chunk.WADYXPXH.js";
 import {
   Fuse
-} from "./chunk.WOK6C4SG.js";
+} from "./chunks/chunk.SH6FYKI4.js";
 import {
   watch
-} from "./chunk.ZEDYVCUT.js";
+} from "./chunks/chunk.DFBBXBGK.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.3FVCBUU5.js";
+} from "./chunks/chunk.7X6PMSIU.js";
 import {
   n,
   r
-} from "./chunk.KACZXI5J.js";
+} from "./chunks/chunk.A2ORHUBY.js";
 import {
   T,
   s,
   x
-} from "./chunk.LL3RMB25.js";
+} from "./chunks/chunk.G6J2SHDA.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -46,7 +46,7 @@ import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/combobox/combobox.component.ts
 init_dirname();

package/cdn/chunks/{chunk.T6ZRPLEM.js → chunk.B7SHXDZ3.js}

@@ -1,32 +1,32 @@
 import {
   spatial_picker_styles_default
-} from "./chunk.PDR3XIUD.js";
+} from "./chunks/chunk.I6ADTFLB.js";
 import {
   TerraMap
-} from "./chunk.YPQISKX3.js";
+} from "./chunks/chunk.ZEHACY4W.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.C7NEKS3B.js";
+} from "./chunks/chunk.WO4ZEE6U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.3FVCBUU5.js";
+} from "./chunks/chunk.7X6PMSIU.js";
 import {
   e,
   n,
   r
-} from "./chunk.KACZXI5J.js";
+} from "./chunks/chunk.A2ORHUBY.js";
 import {
   T,
   x
-} from "./chunk.LL3RMB25.js";
+} from "./chunks/chunk.G6J2SHDA.js";
 import {
   __decorateClass,
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/spatial-picker/spatial-picker.component.ts
 init_dirname();
@@ -50,6 +50,15 @@ var TerraSpatialPicker = class extends TerraElement {
     this.showMapOnFocus = false;
     this.error = "";
   }
+  setValue(value) {
+    try {
+      this.mapValue = parseBoundingBox(value);
+      this.error = "";
+      this._emitMapChange();
+    } catch (error) {
+      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
+    }
+  }
   _blur(e2) {
     try {
       this.mapValue = this.spatialInput.value ? parseBoundingBox(this.spatialInput.value) : [];

package/cdn/chunks/{chunk.77W4E4VM.js → chunk.BEETLPN7.js}

@@ -1,37 +1,37 @@
 import {
   DB_NAME,
   getDataByKey
-} from "./chunk.T24K5VZW.js";
+} from "./chunks/chunk.YCZ3B3CW.js";
 import {
   plot_toolbar_styles_default
-} from "./chunk.J4IIXP4W.js";
+} from "./chunks/chunk.QSV3LU4I.js";
 import {
   require_plotly_min
-} from "./chunk.O7ZKAFVG.js";
+} from "./chunks/chunk.PHJCZZWA.js";
 import {
   h
-} from "./chunk.EDY6YM3Y.js";
+} from "./chunks/chunk.5KLDFMYR.js";
 import {
   TerraButton
-} from "./chunk.23GAIRRD.js";
+} from "./chunks/chunk.4ZHXDI2Z.js";
 import {
   TerraIcon
-} from "./chunk.7BCZRW6T.js";
+} from "./chunks/chunk.LBV7LO5R.js";
 import {
   watch
-} from "./chunk.ZEDYVCUT.js";
+} from "./chunks/chunk.DFBBXBGK.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.3FVCBUU5.js";
+} from "./chunks/chunk.7X6PMSIU.js";
 import {
   e,
   n,
   r
-} from "./chunk.KACZXI5J.js";
+} from "./chunks/chunk.A2ORHUBY.js";
 import {
   x
-} from "./chunk.LL3RMB25.js";
+} from "./chunks/chunk.G6J2SHDA.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -40,7 +40,7 @@ import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/plot-toolbar/plot-toolbar.component.ts
 init_dirname();
@@ -74,13 +74,23 @@ var TerraPlotToolbar = class extends TerraElement {
     this.activeMenuItem = null;
   }
   render() {
+    const metadata = [
+      this.catalogVariable.dataProductInstrumentShortName,
+      this.catalogVariable.dataProductTimeInterval,
+      `[${this.catalogVariable.dataProductShortName}_${this.catalogVariable.dataProductVersion}]`
+    ].filter(Boolean).filter((value) => value.toLowerCase() !== "not applicable");
     return h(
       !this.catalogVariable ? x`<div class="spacer"></div>` : x` <header>
-                      <slot name="title">
-                          <h2 class="title">
-                              ${this.catalogVariable.dataFieldLongName}
-                          </h2>
-                      </slot>
+                      <div class="title-container">
+                          <slot name="title">
+                              <h2 class="title">
+                                  ${this.catalogVariable.dataFieldLongName}
+                              </h2>
+                          </slot>
+                          <slot name="subtitle">
+                              <h3 class="subtitle">${metadata.join(" \u2022 ")}</h3>
+                          </slot>
+                      </div>
 
                       <div class="toggles">
                           <terra-button

package/cdn/chunks/{chunk.WABCYOTD.js → chunk.BGLVCZY3.js}

@@ -1,11 +1,11 @@
 import {
   TerraPlot
-} from "./chunk.JY5D7TM7.js";
+} from "./chunks/chunk.XEMJXZSB.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/plot/plot.ts
 init_dirname();

package/cdn/chunks/chunk.BJM7AYHD.js

@@ -0,0 +1,29 @@
+import {
+  TerraButton
+} from "./chunks/chunk.4ZHXDI2Z.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/react/button/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-button";
+TerraButton.define("terra-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraButton,
+  react: React,
+  events: {},
+  displayName: "TerraButton"
+});
+var button_default = reactWrapper;
+
+export {
+  button_default
+};

package/cdn/chunks/chunk.BMYSNJ5Y.js

@@ -0,0 +1,33 @@
+import {
+  TerraIcon
+} from "./chunks/chunk.LBV7LO5R.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/react/icon/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-icon";
+TerraIcon.define("terra-icon");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraIcon,
+  react: React,
+  events: {
+    onTerraLoad: "terra-load",
+    onTerraError: "terra-error"
+  },
+  displayName: "TerraIcon"
+});
+var icon_default = reactWrapper;
+
+export {
+  icon_default
+};

package/cdn/chunks/{chunk.MUYS3VLW.js → chunk.BTHA6MW5.js}

@@ -1,16 +1,16 @@
 import {
   c
-} from "./chunk.NFS2RDEX.js";
+} from "./chunks/chunk.QYAM63VA.js";
 import {
   x
-} from "./chunk.LL3RMB25.js";
+} from "./chunks/chunk.G6J2SHDA.js";
 import {
   __spreadProps,
   __spreadValues,
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/variable-combobox/lib.ts
 init_dirname();

package/cdn/chunks/{chunk.YIT2FCRS.js → chunk.BUJXWH3P.js}

@@ -1,11 +1,11 @@
 import {
   i
-} from "./chunk.M73GHNHJ.js";
+} from "./chunks/chunk.IEPU7BCJ.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/loader/loader.styles.ts
 init_dirname();

package/cdn/chunks/chunk.BULMYDEP.js

@@ -0,0 +1,29 @@
+import {
+  TerraMap
+} from "./chunks/chunk.ZEHACY4W.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/react/map/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-map";
+TerraMap.define("terra-map");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraMap,
+  react: React,
+  events: {},
+  displayName: "TerraMap"
+});
+var map_default = reactWrapper;
+
+export {
+  map_default
+};

package/cdn/chunks/chunk.BYX67BVH.js

@@ -0,0 +1,52 @@
+import {
+  i
+} from "./chunks/chunk.IEPU7BCJ.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/components/time-average-map/time-average-map.styles.ts
+init_dirname();
+init_buffer();
+init_process();
+var time_average_map_styles_default = i`
+    :host {
+        display: block;
+        height: 800px;
+    }
+
+    #map {
+        width: 100%;
+        height: 100%;
+    }
+
+    #settings {
+        position: absolute;
+        bottom: 10px;
+        left: 10px;
+        background: rgba(255, 255, 255, 0.9);
+        padding: 8px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-family: monospace;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+        z-index: 10;
+        pointer-events: auto;
+    }
+
+    label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    input[type='range'] {
+        vertical-align: middle;
+    }
+`;
+
+export {
+  time_average_map_styles_default
+};

package/cdn/chunks/{chunk.6WGBX3KH.js → chunk.CEHJMGI2.js}

@@ -1,11 +1,11 @@
 import {
   i
-} from "./chunk.M73GHNHJ.js";
+} from "./chunks/chunk.IEPU7BCJ.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/browse-variables/browse-variables.styles.ts
 init_dirname();

package/cdn/chunks/{chunk.6CNJJQTP.js → chunk.CFGPZ6LM.js}

@@ -1,11 +1,11 @@
 import {
   formCollections
-} from "./chunk.XUOBHXPV.js";
+} from "./chunks/chunk.YW5PT7EB.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/utilities/form.ts
 init_dirname();

package/cdn/chunks/{chunk.S5LWJDD7.js → chunk.CGSPPAV3.js}

@@ -1,9 +1,9 @@
 import {
   HarmonyDataService
-} from "./chunk.XPUSLKRS.js";
+} from "./chunks/chunk.IVG4EK3Z.js";
 import {
   h
-} from "./chunk.3AZLGGEX.js";
+} from "./chunks/chunk.FYECVZ6L.js";
 import {
   __privateAdd,
   __privateGet,
@@ -12,7 +12,7 @@ import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/data-subsetter-history/data-subsetter-history.controller.ts
 init_dirname();

package/cdn/chunks/{chunk.VIFKXWLG.js → chunk.CHQYXPKD.js}

@@ -1,11 +1,11 @@
 import {
   i
-} from "./chunk.M73GHNHJ.js";
+} from "./chunks/chunk.IEPU7BCJ.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/button/button.styles.ts
 init_dirname();

package/cdn/chunks/chunk.CO5UJ4K6.js

@@ -0,0 +1,29 @@
+import {
+  TerraBrowseVariables
+} from "./chunks/chunk.4WQIXPMW.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/react/browse-variables/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-browse-variables";
+TerraBrowseVariables.define("terra-browse-variables");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraBrowseVariables,
+  react: React,
+  events: {},
+  displayName: "TerraBrowseVariables"
+});
+var browse_variables_default = reactWrapper;
+
+export {
+  browse_variables_default
+};

package/cdn/chunks/{chunk.ZEDYVCUT.js → chunk.DFBBXBGK.js}

@@ -3,7 +3,7 @@ import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/internal/watch.ts
 init_dirname();

package/cdn/chunks/{chunk.4H5D5LNS.js → chunk.DITMM3IZ.js}

@@ -1,11 +1,11 @@
 import {
   TerraPlotToolbar
-} from "./chunk.77W4E4VM.js";
+} from "./chunks/chunk.BEETLPN7.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/plot-toolbar/plot-toolbar.ts
 init_dirname();

package/cdn/chunks/{chunk.3XSRI7D6.js → chunk.DZWPNTZV.js}

@@ -1,11 +1,11 @@
 import {
   TerraChip
-} from "./chunk.4ZEPFSRR.js";
+} from "./chunks/chunk.VMNXW2GS.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/chip/chip.ts
 init_dirname();

package/cdn/chunks/chunk.EGJYQS6O.js

@@ -0,0 +1,29 @@
+import {
+  TerraSkeleton
+} from "./chunks/chunk.FUX7PYLQ.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/react/skeleton/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-skeleton";
+TerraSkeleton.define("terra-skeleton");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraSkeleton,
+  react: React,
+  events: {},
+  displayName: "TerraSkeleton"
+});
+var skeleton_default = reactWrapper;
+
+export {
+  skeleton_default
+};

package/cdn/chunks/{chunk.XIEATAX6.js → chunk.EGW4COEE.js}

@@ -2,7 +2,7 @@ import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/utilities/icon-library.ts
 init_dirname();

package/cdn/chunks/chunk.F34IXSTT.js

@@ -0,0 +1,32 @@
+import {
+  TerraLogin
+} from "./chunks/chunk.VL33IVL6.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunks/chunk.GOYMBVJP.js";
+
+// src/react/login/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-login";
+TerraLogin.define("terra-login");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraLogin,
+  react: React,
+  events: {
+    onTerraLogin: "terra-login"
+  },
+  displayName: "TerraLogin"
+});
+var login_default = reactWrapper;
+
+export {
+  login_default
+};

package/cdn/chunks/{chunk.TPKJOGOH.js → chunk.FEU4NFTL.js}

@@ -1,11 +1,11 @@
 import {
   i
-} from "./chunk.M73GHNHJ.js";
+} from "./chunks/chunk.IEPU7BCJ.js";
 import {
   init_buffer,
   init_dirname,
   init_process
-} from "./chunk.ES5U5CWG.js";
+} from "./chunks/chunk.GOYMBVJP.js";
 
 // src/components/time-series/time-series.styles.ts
 init_dirname();