@nasa-terra/components 0.0.63 → 0.0.65

package/cdn/chunks/{chunk.GZDS5VE4.js → chunk.NM4KGKQG.js}

@@ -1,31 +1,31 @@
 import {
   TerraVariableCombobox
-} from "./chunk.DM3VIPQI.js";
+} from "./chunk.7TF5BL2A.js";
 import {
   TerraTimeSeries
-} from "./chunk.OI3IKRHO.js";
+} from "./chunk.YMUOWBFO.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.LPP5UYKA.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.VA2DJOCU.js";
+} from "./chunk.4VLRV7TA.js";
 import {
   data_rods_styles_default
 } from "./chunk.JFG62QF5.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.T6ZRPLEM.js";
 import {
   GiovanniVariableCatalog
-} from "./chunk.22DVIRSW.js";
+} from "./chunk.E4Y3ZGGY.js";
 import {
   h
 } from "./chunk.3AZLGGEX.js";
 import {
   getUTCDate
-} from "./chunk.TZ27CWAV.js";
+} from "./chunk.VYOUAAH7.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.L6A3MX6M.js → chunk.NOHN7ZHK.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.RROXLGRY.js";
+} from "./chunk.MUDFTA3K.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.RY4ZS3E5.js → chunk.OMLDFSTP.js}

@@ -9,38 +9,38 @@ import {
 } from "./chunk.CUBZ2AR7.js";
 import {
   TimeAvgMapController
-} from "./chunk.XBUKV4PL.js";
+} from "./chunk.2UIKXGCO.js";
 import {
   time_average_map_styles_default
 } from "./chunk.LS7CBIGK.js";
 import {
   TerraPlotToolbar
-} from "./chunk.4JAK7DMV.js";
+} from "./chunk.77W4E4VM.js";
 import {
   AuthController
-} from "./chunk.VPJ3RWMH.js";
+} from "./chunk.6EEM6UIO.js";
 import {
   h
-} from "./chunk.EMLDT66I.js";
+} from "./chunk.EDY6YM3Y.js";
 import {
   GiovanniVariableCatalog
-} from "./chunk.22DVIRSW.js";
+} from "./chunk.E4Y3ZGGY.js";
 import {
   h as h2
 } from "./chunk.3AZLGGEX.js";
 import {
   TerraButton
-} from "./chunk.EMWMMMAM.js";
+} from "./chunk.23GAIRRD.js";
 import {
   TerraIcon
-} from "./chunk.5SYTJEQ5.js";
+} from "./chunk.7BCZRW6T.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.ASDVG6ZI.js → chunk.P6Z62GLD.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.75PZH4W2.js";
 import {
   skeleton_default
-} from "./chunk.LZSKCTIU.js";
+} from "./chunk.3SQ33WJL.js";
 import {
   skeleton_styles_default
 } from "./chunk.CJDWJPSB.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.Y6ERTCCJ.js → chunk.PDR3XIUD.js}

@@ -70,6 +70,12 @@ var spatial_picker_styles_default = i`
         height: 1rem;
         width: 1rem;
     }
+
+    .spatial-picker__error {
+        color: #a94442;
+        font-size: 0.8rem;
+        padding: 10px;
+    }
 `;
 
 export {

package/cdn/chunks/{chunk.IAVIA55D.js → chunk.PI4LM4FQ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.3AZLGGEX.js";
 import {
   getUTCDate
-} from "./chunk.TZ27CWAV.js";
+} from "./chunk.VYOUAAH7.js";
 import {
   getGraphQLClient
 } from "./chunk.KAJGV2AN.js";

package/cdn/chunks/{chunk.L3GGJBV6.js → chunk.QECLAEDS.js}

@@ -1,22 +1,22 @@
-import {
-  loader_default
-} from "./chunk.HTYIBTM5.js";
 import {
   login_styles_default
 } from "./chunk.PJUSGZQ3.js";
+import {
+  loader_default
+} from "./chunk.EY3Y2MKZ.js";
 import {
   AuthController
-} from "./chunk.VPJ3RWMH.js";
+} from "./chunk.6EEM6UIO.js";
 import {
   icon_default
-} from "./chunk.5QIMPBOI.js";
+} from "./chunk.JCQIEOOL.js";
 import {
   button_default
-} from "./chunk.DHVLQGDF.js";
+} from "./chunk.SDNJ6Y7P.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.SNX22ZUB.js → chunk.QOZ4FUY6.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.DCTD747F.js";
+} from "./chunk.EGIKXAEJ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.DHVLQGDF.js → chunk.SDNJ6Y7P.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.EMWMMMAM.js";
+} from "./chunk.23GAIRRD.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.UPPN2BJD.js → chunk.SHPI4DBO.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   n,
   r

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

@@ -1,17 +1,17 @@
 import {
   spatial_picker_styles_default
-} from "./chunk.Y6ERTCCJ.js";
+} from "./chunk.PDR3XIUD.js";
 import {
   TerraMap
-} from "./chunk.BYKT2EGD.js";
+} from "./chunk.YPQISKX3.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.4IW2ACWY.js";
+} from "./chunk.C7NEKS3B.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   e,
   n,
@@ -48,8 +48,15 @@ var TerraSpatialPicker = class extends TerraElement {
     this.isExpanded = false;
     this.inline = false;
     this.showMapOnFocus = false;
+    this.error = "";
   }
   _blur(e2) {
+    try {
+      this.mapValue = this.spatialInput.value ? parseBoundingBox(this.spatialInput.value) : [];
+      this.error = "";
+    } catch (error) {
+      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
+    }
     this._emitMapChange();
     const relatedTarget = e2.relatedTarget;
     if (!(relatedTarget == null ? void 0 : relatedTarget.closest("terra-map"))) {
@@ -65,7 +72,11 @@ var TerraSpatialPicker = class extends TerraElement {
     this.isExpanded = !this.isExpanded;
   }
   _emitMapChange() {
-    const layer = this.map.getDrawLayer();
+    var _a;
+    const layer = (_a = this.map) == null ? void 0 : _a.getDrawLayer();
+    if (!layer) {
+      return;
+    }
     if ("getLatLng" in layer) {
       this.mapValue = layer.getLatLng();
       this.emit("terra-map-change", {
@@ -185,6 +196,7 @@ var TerraSpatialPicker = class extends TerraElement {
                         </svg>
                     </terra-button>
                 </div>
+                ${this.error ? x`<div class="spatial-picker__error">${this.error}</div>` : T}
                 ${expanded ? x`<div
                           style="${this.inline ? "position: static; width: 100%;" : ""}"
                       >
@@ -250,6 +262,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], TerraSpatialPicker.prototype, "mapValue", 2);
+__decorateClass([
+  r()
+], TerraSpatialPicker.prototype, "error", 2);
 __decorateClass([
   e(".spatial-picker__input")
 ], TerraSpatialPicker.prototype, "spatialInput", 2);

package/cdn/chunks/{chunk.V732TK5F.js → chunk.TCPWXBQQ.js}

@@ -1,16 +1,16 @@
 import {
   TerraIcon
-} from "./chunk.5SYTJEQ5.js";
+} from "./chunk.7BCZRW6T.js";
+import {
+  accordion_styles_default
+} from "./chunk.I4WNPQOC.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";
-import {
-  accordion_styles_default
-} from "./chunk.I4WNPQOC.js";
 import {
   x
 } from "./chunk.LL3RMB25.js";

package/cdn/chunks/{chunk.FEPS7FE6.js → chunk.VJD6555T.js}

@@ -1,18 +1,18 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.RROXLGRY.js";
+} from "./chunk.MUDFTA3K.js";
 import {
   TerraSkeleton
-} from "./chunk.ASDVG6ZI.js";
+} from "./chunk.P6Z62GLD.js";
 import {
   getRandomIntInclusive
 } from "./chunk.75PZH4W2.js";
 import {
   TerraLoader
-} from "./chunk.UPPN2BJD.js";
+} from "./chunk.SHPI4DBO.js";
 import {
   BrowseVariablesController
-} from "./chunk.RZAYZ5CG.js";
+} from "./chunk.5JLTH2LZ.js";
 import {
   s
 } from "./chunk.3AZLGGEX.js";
@@ -21,17 +21,17 @@ import {
 } from "./chunk.6WGBX3KH.js";
 import {
   TerraButton
-} from "./chunk.EMWMMMAM.js";
+} from "./chunk.23GAIRRD.js";
 import {
   TerraIcon
-} from "./chunk.5SYTJEQ5.js";
+} from "./chunk.7BCZRW6T.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   n,
   r
@@ -288,7 +288,8 @@ renderFacet_fn = function(facetKey, title, fields, open) {
                                       @change=${() => __privateMethod(this, _selectFacetField, selectFacetField_fn).call(this, facetKey, field.name)}
                                       ?checked=${(_a = this.selectedFacets[facetKey]) == null ? void 0 : _a.includes(field.name)}
                                   />
-                                  ${field.name} (${field.count})</label
+                                  ${field.name}
+                                  <!-- TODO: add count back in once we aren't filtering by Cloud Giovanni Catalog (or Cloud Giovanni supports all variables)(${field.count})--></label
                               >
                           </div>
                       ` : T;
@@ -312,8 +313,9 @@ renderVariablesBrowse_fn = function() {
   ];
   return x`<div class="scrollable variables-container">
             <header>
+                <!-- TODO: add back in once we aren't filtering by Cloud Giovanni Catalog (or Cloud Giovanni supports all variables) 
                 Showing ${__privateGet(this, _controller).total} variables
-                ${this.searchQuery ? `associated with '${this.searchQuery}'` : ""}
+                ${this.searchQuery ? `associated with '${this.searchQuery}'` : ""}-->
                 <!-- Sorting and Grouping feature still needs a UI / UX feature discussion.
                 <menu>
                     <li>
@@ -486,6 +488,9 @@ TerraBrowseVariables.dependencies = {
 __decorateClass([
   n()
 ], TerraBrowseVariables.prototype, "catalog", 2);
+__decorateClass([
+  n({ attribute: "selected-variable-entry-ids", reflect: true })
+], TerraBrowseVariables.prototype, "selectedVariableEntryIds", 2);
 __decorateClass([
   r()
 ], TerraBrowseVariables.prototype, "searchQuery", 2);

package/cdn/chunks/{chunk.TZ27CWAV.js → chunk.VYOUAAH7.js}

@@ -1,6 +1,3 @@
-import {
-  isValid
-} from "./chunk.GL52MTKN.js";
 import {
   __commonJS,
   __toESM,
@@ -468,6 +465,45 @@ var require_utc = __commonJS({
 init_dirname();
 init_buffer();
 init_process();
+
+// node_modules/date-fns/toDate.mjs
+init_dirname();
+init_buffer();
+init_process();
+function toDate(argument) {
+  const argStr = Object.prototype.toString.call(argument);
+  if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
+    return new argument.constructor(+argument);
+  } else if (typeof argument === "number" || argStr === "[object Number]" || typeof argument === "string" || argStr === "[object String]") {
+    return new Date(argument);
+  } else {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+}
+
+// node_modules/date-fns/isValid.mjs
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/date-fns/isDate.mjs
+init_dirname();
+init_buffer();
+init_process();
+function isDate(value) {
+  return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
+}
+
+// node_modules/date-fns/isValid.mjs
+function isValid(date) {
+  if (!isDate(date) && typeof date !== "number") {
+    return false;
+  }
+  const _date = toDate(date);
+  return !isNaN(Number(_date));
+}
+
+// src/utilities/date.ts
 var import_dayjs = __toESM(require_dayjs_min(), 1);
 var import_timezone = __toESM(require_timezone(), 1);
 var import_utc = __toESM(require_utc(), 1);
@@ -523,6 +559,8 @@ function isDateRangeContained(start1, end1, start2, end2) {
 }
 
 export {
+  toDate,
+  isValid,
   isValidDate,
   getUTCDate,
   formatDate,

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

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.CNKZ46WT.js";
+} from "./chunk.JY5D7TM7.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.MQXVUS5F.js → chunk.WBIDCSOL.js}

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.V732TK5F.js";
+} from "./chunk.TCPWXBQQ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.KVZYCETT.js → chunk.X3VZXLR7.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeAverageMap
-} from "./chunk.RY4ZS3E5.js";
+} from "./chunk.OMLDFSTP.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.T2JGMK2I.js → chunk.X5N7C225.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniVariableCatalog
-} from "./chunk.22DVIRSW.js";
+} from "./chunk.E4Y3ZGGY.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.TU7POBNP.js → chunk.XR5EZIHP.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.HMS35ZFE.js";
+} from "./chunk.MUYS3VLW.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.LHZZXITG.js → chunk.XULBJSSM.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetter
-} from "./chunk.SQJ2KJ53.js";
+} from "./chunk.ZBCDTERI.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.ZLMXPZHX.js → chunk.YDWFGZNL.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.SSB3SIB4.js";
+} from "./chunk.E357X2E5.js";
 import {
   DataSubsetterHistoryController
 } from "./chunk.S5LWJDD7.js";
@@ -9,17 +9,17 @@ import {
 } from "./chunk.GJZZSGUB.js";
 import {
   TerraDataSubsetter
-} from "./chunk.SQJ2KJ53.js";
+} from "./chunk.ZBCDTERI.js";
 import {
   AuthController
-} from "./chunk.VPJ3RWMH.js";
+} from "./chunk.6EEM6UIO.js";
 import {
   TerraIcon
-} from "./chunk.5SYTJEQ5.js";
+} from "./chunk.7BCZRW6T.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.OI3IKRHO.js → chunk.YMUOWBFO.js}

@@ -1,47 +1,47 @@
 import {
   TimeSeriesController
-} from "./chunk.WX2VNPHQ.js";
+} from "./chunk.FK35YOPT.js";
 import {
   time_series_styles_default
 } from "./chunk.TPKJOGOH.js";
 import {
   TerraPlotToolbar
-} from "./chunk.4JAK7DMV.js";
+} from "./chunk.77W4E4VM.js";
 import {
   TerraPlot
-} from "./chunk.CNKZ46WT.js";
+} from "./chunk.JY5D7TM7.js";
 import {
   AuthController
-} from "./chunk.VPJ3RWMH.js";
+} from "./chunk.6EEM6UIO.js";
 import {
   h
-} from "./chunk.EMLDT66I.js";
+} from "./chunk.EDY6YM3Y.js";
 import {
   TerraLoader
-} from "./chunk.UPPN2BJD.js";
+} from "./chunk.SHPI4DBO.js";
 import {
   GiovanniVariableCatalog
-} from "./chunk.22DVIRSW.js";
+} from "./chunk.E4Y3ZGGY.js";
 import {
   h as h2,
   s
 } from "./chunk.3AZLGGEX.js";
 import {
   formatDate
-} from "./chunk.TZ27CWAV.js";
+} from "./chunk.VYOUAAH7.js";
 import {
   TerraButton
-} from "./chunk.EMWMMMAM.js";
-import {
-  TerraAlert
-} from "./chunk.7GBQEWVK.js";
+} from "./chunk.23GAIRRD.js";
 import {
   TerraIcon
-} from "./chunk.5SYTJEQ5.js";
+} from "./chunk.7BCZRW6T.js";
+import {
+  TerraAlert
+} from "./chunk.IPSMZA3Y.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   e,
   n,
@@ -266,8 +266,10 @@ abortDataLoad_fn = function() {
 };
 _handleComponentLeave = new WeakSet();
 handleComponentLeave_fn = function(event) {
+  var _a;
   const relatedTarget = event.relatedTarget;
   if (!this.contains(relatedTarget)) {
+    (_a = this.plotToolbar) == null ? void 0 : _a.closeMenu();
   }
 };
 _getYAxisLabel = new WeakSet();
@@ -345,6 +347,9 @@ __decorateClass([
 __decorateClass([
   e("terra-plot")
 ], TerraTimeSeries.prototype, "plot", 2);
+__decorateClass([
+  e("terra-plot-toolbar")
+], TerraTimeSeries.prototype, "plotToolbar", 2);
 __decorateClass([
   r()
 ], TerraTimeSeries.prototype, "catalogVariable", 2);

package/cdn/chunks/{chunk.BYKT2EGD.js → chunk.YPQISKX3.js}

@@ -1,9 +1,3 @@
-import {
-  leaflet_draw_styles_default
-} from "./chunk.ARB3UVS4.js";
-import {
-  Leaflet
-} from "./chunk.4IW2ACWY.js";
 import {
   leaflet_styles_default
 } from "./chunk.Z2YYVPVO.js";
@@ -13,9 +7,15 @@ import {
 import {
   map_styles_default
 } from "./chunk.DX5ZMKGE.js";
+import {
+  leaflet_draw_styles_default
+} from "./chunk.ARB3UVS4.js";
+import {
+  Leaflet
+} from "./chunk.C7NEKS3B.js";
 import {
   h
-} from "./chunk.EMLDT66I.js";
+} from "./chunk.EDY6YM3Y.js";
 import {
   o
 } from "./chunk.CUQN55UX.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MLQTKEOU.js";
+} from "./chunk.3FVCBUU5.js";
 import {
   e,
   n,
@@ -86,14 +86,14 @@ var TerraMap = class extends TerraElement {
       hideBoundingBoxDrawTool: this.hideBoundingBoxSelection,
       hidePointSelectionDrawTool: this.hidePointSelection
     });
-    this.map.on(
-      "draw",
-      (layer) => this.emit("terra-map-change", {
+    this.map.on("draw", (layer) => {
+      this.emit("terra-map-change", {
         detail: __spreadValues({
-          cause: "draw"
+          cause: "draw",
+          type: "latLng" in layer ? "point" /* POINT */ : "bounds" in layer ? "bbox" /* BBOX */ : void 0
         }, layer)
-      })
-    );
+      });
+    });
     this.map.on(
       "clear",
       (_e) => this.emit("terra-map-change", {