@nasa-terra/components 0.0.64 → 0.0.66

package/cdn/chunks/{chunk.RLZRFF3I.js → chunk.2A2HFMGZ.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.LSITBA74.js → chunk.2QANHSCY.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.RKI4MNB2.js";
+} from "./chunk.5QLXSATY.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.IVH6LMFP.js → chunk.2VDC2CLR.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.DWB4WJKI.js";
+} from "./chunk.QJ4KM4TA.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.IGWX4N7H.js → chunk.3MIPIE6V.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.3AZLGGEX.js";
 import {
   authService
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   __privateAdd,
   __privateGet,

package/cdn/chunks/{chunk.R5KSJUJS.js → chunk.5EPVHMFA.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.V32IK76Z.js";
+} from "./chunk.T37LTQ4C.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.K5KGOR5O.js → chunk.5HS2P4QF.js}

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

package/cdn/chunks/{chunk.QBCKG623.js → chunk.5JKUUXXD.js}

@@ -22,7 +22,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   e as e2,
   n,

package/cdn/chunks/{chunk.EJSPSGLJ.js → chunk.5JLTH2LZ.js}

@@ -18,9 +18,14 @@ import {
 init_dirname();
 init_buffer();
 init_process();
-var _host, _catalog, _getCatalogRepository, getCatalogRepository_fn;
+var _host, _catalog, _selectVariables, selectVariables_fn, _getCatalogRepository, getCatalogRepository_fn;
 var BrowseVariablesController = class {
+  // TODO: fix this type, it should be VariableCatalogInterface
   constructor(host) {
+    /**
+     * Selects variables from the search response that are in the selectedVariableEntryIds list
+     */
+    __privateAdd(this, _selectVariables);
     __privateAdd(this, _getCatalogRepository);
     __privateAdd(this, _host, void 0);
     __privateAdd(this, _catalog, void 0);
@@ -35,6 +40,7 @@ var BrowseVariablesController = class {
             signal
           }
         );
+        __privateMethod(this, _selectVariables, selectVariables_fn).call(this, searchResponse);
         return searchResponse;
       },
       args: () => [__privateGet(this, _host).searchQuery, __privateGet(this, _host).selectedFacets]
@@ -58,6 +64,25 @@ var BrowseVariablesController = class {
 };
 _host = new WeakMap();
 _catalog = new WeakMap();
+_selectVariables = new WeakSet();
+selectVariables_fn = async function(searchResponse) {
+  if (!__privateGet(this, _host).selectedVariableEntryIds || __privateGet(this, _host).selectedVariables.length > 0) {
+    return;
+  }
+  const variableEntryIds = __privateGet(this, _host).selectedVariableEntryIds.split(",");
+  const variables = searchResponse.variables.filter((variable) => {
+    return variableEntryIds.includes(variable.dataFieldId) || variableEntryIds.includes(
+      `${variable.dataProductShortName}_${variable.dataProductVersion}_${variable.dataFieldShortName}`
+    );
+  });
+  const missingVariableIds = variableEntryIds.filter(
+    (id) => !variables.some((variable) => variable.dataFieldId === id)
+  );
+  const missingVariables = await Promise.all(
+    missingVariableIds.map((id) => __privateGet(this, _catalog).getVariable(id))
+  );
+  __privateGet(this, _host).selectedVariables = [...variables, ...missingVariables];
+};
 _getCatalogRepository = new WeakSet();
 getCatalogRepository_fn = function() {
   if (__privateGet(this, _host).catalog === "giovanni") {

package/cdn/chunks/{chunk.RKI4MNB2.js → chunk.5QLXSATY.js}

@@ -1,3 +1,9 @@
+import {
+  Leaflet
+} from "./chunk.C7NEKS3B.js";
+import {
+  leaflet_styles_default
+} from "./chunk.Z2YYVPVO.js";
 import {
   MapController
 } from "./chunk.26Y3U5MM.js";
@@ -7,12 +13,6 @@ import {
 import {
   leaflet_draw_styles_default
 } from "./chunk.ARB3UVS4.js";
-import {
-  Leaflet
-} from "./chunk.4IW2ACWY.js";
-import {
-  leaflet_styles_default
-} from "./chunk.Z2YYVPVO.js";
 import {
   h
 } from "./chunk.EDY6YM3Y.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.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", {

package/cdn/chunks/{chunk.2UXI7L3Z.js → chunk.6ZUOFZAK.js}

@@ -1,6 +1,6 @@
 import {
   TerraAlert
-} from "./chunk.W7KGG72U.js";
+} from "./chunk.SIQLNOLM.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.R7LPV4MK.js → chunk.76RNZX2A.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetterHistory
-} from "./chunk.NYOIWW7M.js";
+} from "./chunk.TIANXDJM.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.ZQQJXV5V.js → chunk.7IQH7BQC.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.QBCKG623.js";
+} from "./chunk.5JKUUXXD.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.7CI746RD.js → chunk.AOJTBQKP.js}

@@ -538,7 +538,7 @@ var TerraElement = class extends s {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.64";
+TerraElement.version = "0.0.66";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/{chunk.BOZ7KL3G.js → chunk.BI76W67M.js}

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

package/cdn/chunks/{chunk.ORTTHTRR.js → chunk.BOGE65ZY.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.JSIXNCNG.js";
+} from "./chunk.JDQ6TQCQ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.4IW2ACWY.js → chunk.C7NEKS3B.js}

@@ -10435,7 +10435,7 @@ function parseBoundingBox(inputString) {
   const coords = inputString.split(",");
   if (coords.length !== 2 && coords.length !== 4) {
     throw new Error(
-      'Input string must contain exactly two or four numerical values. e.g "9.51, 21.80" or "52.03, -9.38, 96.33, 32.90"'
+      'Input must contain exactly 2 or 4 numbers. e.g "9.51, 21.80" or "52.03, -9.38, 96.33, 32.90"'
     );
   }
   if (coords.length == 2) {
@@ -10507,7 +10507,7 @@ var Leaflet = class {
         this.map.setView(options.initialValue, 5);
         return;
       }
-      if (((_a = options.initialValue) == null ? void 0 : _a.length) > 0) {
+      if (options.initialValue && (((_a = options.initialValue) == null ? void 0 : _a.length) > 0 || "getNorthEast" in options.initialValue)) {
         L2.rectangle(options.initialValue, {
           stroke: true,
           color: "#3388ff",

package/cdn/chunks/{chunk.2IQ72HC2.js → chunk.CQUNIMB6.js}

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

package/cdn/chunks/{chunk.JFEIADEF.js → chunk.DV54QIG7.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk.SHDK2N2Y.js";
 import {
   TerraButton
-} from "./chunk.QBCKG623.js";
+} from "./chunk.5JKUUXXD.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.WZ6P7TO4.js → chunk.DYOCIII6.js}

@@ -1,16 +1,16 @@
-import {
-  plot_styles_default
-} from "./chunk.4VO545RN.js";
 import {
   require_plotly_min
 } from "./chunk.O7ZKAFVG.js";
+import {
+  plot_styles_default
+} from "./chunk.4VO545RN.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.QD6G5X25.js → chunk.E7LVY6QB.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.ZPQV5GSR.js";
+} from "./chunk.VON4E7FJ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.OAXQ6WW5.js → chunk.EXIJCLV5.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.WTOBFIYB.js";
+} from "./chunk.ZVC7SBSS.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.JJMS4YQI.js → chunk.FHFFLCE4.js}

@@ -1,3 +1,9 @@
+import {
+  c
+} from "./chunk.NFS2RDEX.js";
+import {
+  h
+} from "./chunk.EDY6YM3Y.js";
 import {
   combobox_styles_default
 } from "./chunk.H2ZXIXPU.js";
@@ -5,12 +11,6 @@ import {
   clearSelection,
   walkToOption
 } from "./chunk.CRDKTZBT.js";
-import {
-  c
-} from "./chunk.NFS2RDEX.js";
-import {
-  h
-} from "./chunk.EDY6YM3Y.js";
 import {
   n as n2
 } from "./chunk.QFJLPXXJ.js";
@@ -26,7 +26,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.LRZRZOOA.js → chunk.FP5FRSMY.js}

@@ -1,22 +1,22 @@
 import {
   loader_default
-} from "./chunk.XQ7X7Y6Z.js";
+} from "./chunk.T2KAO3UD.js";
 import {
   login_styles_default
 } from "./chunk.PJUSGZQ3.js";
 import {
   AuthController
-} from "./chunk.IGWX4N7H.js";
+} from "./chunk.3MIPIE6V.js";
 import {
   icon_default
-} from "./chunk.IVH6LMFP.js";
+} from "./chunk.2VDC2CLR.js";
 import {
   button_default
-} from "./chunk.ZQQJXV5V.js";
+} from "./chunk.7IQH7BQC.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.XOXD2WOT.js → chunk.FRSCLRYD.js}

@@ -10,7 +10,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.II36YEIQ.js → chunk.FUKHJNAX.js}

@@ -2,28 +2,28 @@ import {
   DB_NAME,
   getDataByKey
 } from "./chunk.T24K5VZW.js";
-import {
-  require_plotly_min
-} from "./chunk.O7ZKAFVG.js";
 import {
   plot_toolbar_styles_default
 } from "./chunk.J4IIXP4W.js";
+import {
+  require_plotly_min
+} from "./chunk.O7ZKAFVG.js";
 import {
   h
 } from "./chunk.EDY6YM3Y.js";
 import {
   TerraButton
-} from "./chunk.QBCKG623.js";
+} from "./chunk.5JKUUXXD.js";
 import {
   TerraIcon
-} from "./chunk.DWB4WJKI.js";
+} from "./chunk.QJ4KM4TA.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   e,
   n,
@@ -70,6 +70,9 @@ var TerraPlotToolbar = class extends TerraElement {
     }
     this.menu.focus();
   }
+  closeMenu() {
+    this.activeMenuItem = null;
+  }
   render() {
     return h(
       !this.catalogVariable ? x`<div class="spacer"></div>` : x` <header>

package/cdn/chunks/{chunk.755FQY3M.js → chunk.H6F3VHB2.js}

@@ -1,31 +1,31 @@
-import {
-  TerraVariableCombobox
-} from "./chunk.CH7CM4WG.js";
 import {
   TerraTimeSeries
-} from "./chunk.JSIXNCNG.js";
+} from "./chunk.JDQ6TQCQ.js";
 import {
-  TerraDateRangeSlider
-} from "./chunk.OOJ6KQXC.js";
+  TerraVariableCombobox
+} from "./chunk.R4TNI2PU.js";
 import {
-  TerraSpatialPicker
-} from "./chunk.WTOBFIYB.js";
+  TerraDateRangeSlider
+} from "./chunk.SUU6GE6N.js";
 import {
   data_rods_styles_default
 } from "./chunk.JFG62QF5.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.ZVC7SBSS.js";
 import {
   GiovanniVariableCatalog
 } from "./chunk.E4Y3ZGGY.js";
-import {
-  getUTCDate
-} from "./chunk.VYOUAAH7.js";
 import {
   h
 } from "./chunk.3AZLGGEX.js";
+import {
+  getUTCDate
+} from "./chunk.VYOUAAH7.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.JLDKV2NB.js → chunk.HZHS4RMI.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.OOJ6KQXC.js";
+} from "./chunk.SUU6GE6N.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.JSIXNCNG.js → chunk.JDQ6TQCQ.js}

@@ -1,47 +1,47 @@
 import {
   TimeSeriesController
-} from "./chunk.665QSS6M.js";
+} from "./chunk.FK35YOPT.js";
 import {
   time_series_styles_default
 } from "./chunk.TPKJOGOH.js";
-import {
-  TerraPlot
-} from "./chunk.WZ6P7TO4.js";
 import {
   TerraPlotToolbar
-} from "./chunk.II36YEIQ.js";
+} from "./chunk.FUKHJNAX.js";
+import {
+  TerraPlot
+} from "./chunk.DYOCIII6.js";
 import {
   AuthController
-} from "./chunk.IGWX4N7H.js";
+} from "./chunk.3MIPIE6V.js";
 import {
   h
 } from "./chunk.EDY6YM3Y.js";
 import {
   TerraLoader
-} from "./chunk.77BTAFB3.js";
+} from "./chunk.TAW4DCZW.js";
 import {
   GiovanniVariableCatalog
 } from "./chunk.E4Y3ZGGY.js";
-import {
-  formatDate
-} from "./chunk.VYOUAAH7.js";
 import {
   h as h2,
   s
 } from "./chunk.3AZLGGEX.js";
+import {
+  formatDate
+} from "./chunk.VYOUAAH7.js";
 import {
   TerraButton
-} from "./chunk.QBCKG623.js";
+} from "./chunk.5JKUUXXD.js";
 import {
   TerraIcon
-} from "./chunk.DWB4WJKI.js";
+} from "./chunk.QJ4KM4TA.js";
 import {
   TerraAlert
-} from "./chunk.W7KGG72U.js";
+} from "./chunk.SIQLNOLM.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.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.6YDRYXMY.js → chunk.JIBQZDEG.js}

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

package/cdn/chunks/{chunk.JQICLV3P.js → chunk.K3JEGUHG.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.XZXJLHTQ.js";
 import {
   icon_default
-} from "./chunk.IVH6LMFP.js";
+} from "./chunk.2VDC2CLR.js";
 import {
   n as n2
 } from "./chunk.QFJLPXXJ.js";
@@ -23,14 +23,14 @@ import {
 } from "./chunk.WOK6C4SG.js";
 import {
   button_default
-} from "./chunk.ZQQJXV5V.js";
+} from "./chunk.7IQH7BQC.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.TTKA3KTH.js → chunk.M7WGJM54.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.RLZRFF3I.js";
+} from "./chunk.2A2HFMGZ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.U5556MHN.js → chunk.MOVW5G4G.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.CUBZ2AR7.js";
 import {
   TimeAvgMapController
-} from "./chunk.U5XB7PAD.js";
+} from "./chunk.2UIKXGCO.js";
 import {
   time_average_map_styles_default
 } from "./chunk.LS7CBIGK.js";
 import {
   TerraPlotToolbar
-} from "./chunk.II36YEIQ.js";
+} from "./chunk.FUKHJNAX.js";
 import {
   AuthController
-} from "./chunk.IGWX4N7H.js";
+} from "./chunk.3MIPIE6V.js";
 import {
   h
 } from "./chunk.EDY6YM3Y.js";
@@ -30,17 +30,17 @@ import {
 } from "./chunk.3AZLGGEX.js";
 import {
   TerraButton
-} from "./chunk.QBCKG623.js";
+} from "./chunk.5JKUUXXD.js";
 import {
   TerraIcon
-} from "./chunk.DWB4WJKI.js";
+} from "./chunk.QJ4KM4TA.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.7CI746RD.js";
+} from "./chunk.AOJTBQKP.js";
 import {
   e,
   n,