@nasa-terra/components 0.0.26 → 0.0.27

package/cdn/chunks/{chunk.H7QEWEBY.js → chunk.2EP6X7H4.js}

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

package/cdn/chunks/{chunk.XCU6YMPU.js → chunk.3BQLBGAB.js}

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

package/cdn/chunks/{chunk.Q5HMW6TJ.js → chunk.3CPIZ7XC.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.NLGYM5TP.js";
+} from "./chunk.6B2CMDFX.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZUDEKNN6.js → chunk.4VMBYUQG.js}

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

package/cdn/chunks/{chunk.V2OTUB7Z.js → chunk.5A5THIAK.js}

@@ -26,7 +26,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.NLGYM5TP.js → chunk.6B2CMDFX.js}

@@ -7,19 +7,19 @@ import {
   o,
   s
 } from "./chunk.GNSDRDLV.js";
+import {
+  watch
+} from "./chunk.CBV7M6CJ.js";
 import {
   button_styles_default
 } from "./chunk.YVG2XG3L.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
-import {
-  watch
-} from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e as e2,
   n as n2,

package/{dist/chunks/chunk.57W5VBEO.js → cdn/chunks/chunk.6WHJPANS.js}

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

package/cdn/chunks/{chunk.C5FGIZP6.js → chunk.776MMOY4.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.RFS2YAFQ.js → chunk.7EDQMH5E.js}

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

package/cdn/chunks/{chunk.6J75BP7M.js → chunk.7I2H4W3E.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.5YUWKJCI.js";
+} from "./chunk.J33E2LPE.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e,
   n,

package/{dist/chunks/chunk.5DBTQCSS.js → cdn/chunks/chunk.7INZ24UK.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.GAC7ING2.js";
+} from "./chunk.5A5THIAK.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.7PZBUHYR.js → chunk.AB6RIBJG.js}

@@ -16,7 +16,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.FPDMMBW3.js → chunk.APMCUBER.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.4P3HFU2W.js → chunk.AX3WTC6L.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.C5FGIZP6.js";
+} from "./chunk.776MMOY4.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = TerraDialog;

package/cdn/chunks/{chunk.XG57XCVO.js → chunk.B5OXZP3H.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.MNJC4JAE.js → chunk.C27REBHU.js}

@@ -10,7 +10,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n
 } from "./chunk.QCK7PTWV.js";

package/{dist/chunks/chunk.Z3UHCKI6.js → cdn/chunks/chunk.CMWYK2C7.js}

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

package/cdn/chunks/{chunk.DBZQEOZ6.js → chunk.D757NAOK.js}

@@ -1,6 +1,6 @@
 import {
   icon_default
-} from "./chunk.U35LI4FR.js";
+} from "./chunk.YFEH5TEE.js";
 import {
   FetchController
 } from "./chunk.VEENI5ZG.js";
@@ -23,14 +23,14 @@ import {
 } from "./chunk.QEA4QW6G.js";
 import {
   button_default
-} from "./chunk.EAQZEXSN.js";
+} from "./chunk.N6XSGHUX.js";
 import {
   watch
 } from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.7TA5PWO7.js → chunk.HUE2DUG3.js}

@@ -1,16 +1,16 @@
-import {
-  chip_styles_default
-} from "./chunk.Y4WP4EBM.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n
 } from "./chunk.QCK7PTWV.js";
+import {
+  chip_styles_default
+} from "./chunk.Y4WP4EBM.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";

package/cdn/chunks/{chunk.VOHHSPSQ.js → chunk.INMFTJ6I.js}

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

package/cdn/chunks/{chunk.PEK237NB.js → chunk.IY43AGCC.js}

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

package/cdn/chunks/{chunk.5YUWKJCI.js → chunk.J33E2LPE.js}

@@ -1,3 +1,6 @@
+import {
+  map_styles_default
+} from "./chunk.TZK42POE.js";
 import {
   leaflet_draw_styles_default
 } from "./chunk.KJ4BZBTX.js";
@@ -10,9 +13,6 @@ import {
 import {
   MapController
 } from "./chunk.SBTMIM4P.js";
-import {
-  map_styles_default
-} from "./chunk.TZK42POE.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e,
   n,

package/{dist/chunks/chunk.BO5W5LTB.js → cdn/chunks/chunk.JC5WZPYZ.js}

@@ -1,6 +1,6 @@
 import {
   TerraGiovanniSearch
-} from "./chunk.YCV4LGKI.js";
+} from "./chunk.D757NAOK.js";
 
 // src/react/giovanni-search/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.V5GY4VGG.js → chunk.JFREYY32.js}

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

package/{dist/chunks/chunk.N6A7YKMO.js → cdn/chunks/chunk.JHK5SN6C.js}

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

package/{dist/chunks/chunk.X2Z2VINK.js → cdn/chunks/chunk.JJGEI6AB.js}

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

package/cdn/chunks/{chunk.PLNSRGRU.js → chunk.KEID4MM2.js}

@@ -1,18 +1,18 @@
 import {
   TerraSkeleton
-} from "./chunk.MNJC4JAE.js";
+} from "./chunk.C27REBHU.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.XG57XCVO.js";
+} from "./chunk.B5OXZP3H.js";
 import {
   TerraGiovanniSearch
-} from "./chunk.DBZQEOZ6.js";
+} from "./chunk.D757NAOK.js";
 import {
   TerraIcon
-} from "./chunk.TLIHKASV.js";
+} from "./chunk.XSKGTVPJ.js";
 import {
   BrowseVariablesController
 } from "./chunk.GJXX5TSE.js";
@@ -24,11 +24,14 @@ import {
 } from "./chunk.4Y2XZHOW.js";
 import {
   TerraButton
-} from "./chunk.NLGYM5TP.js";
+} from "./chunk.6B2CMDFX.js";
+import {
+  watch
+} from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n,
   r
@@ -49,7 +52,7 @@ import {
 } from "./chunk.MR27IH5Z.js";
 
 // src/components/browse-variables/browse-variables.component.ts
-var _controller, _selectFacetField, selectFacetField_fn, _clearFacet, clearFacet_fn, _unselectFacetField, unselectFacetField_fn, _renderCategorySelect, renderCategorySelect_fn, _renderFacet, renderFacet_fn, _renderVariablesBrowse, renderVariablesBrowse_fn;
+var _controller, _selectFacetField, selectFacetField_fn, _clearFacet, clearFacet_fn, _unselectFacetField, unselectFacetField_fn, _handleVariableSelection, handleVariableSelection_fn, _renderCategorySelect, renderCategorySelect_fn, _renderFacet, renderFacet_fn, _renderVariablesBrowse, renderVariablesBrowse_fn;
 var TerraBrowseVariables = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -60,14 +63,23 @@ var TerraBrowseVariables = class extends TerraElement {
     __privateAdd(this, _selectFacetField);
     __privateAdd(this, _clearFacet);
     __privateAdd(this, _unselectFacetField);
+    __privateAdd(this, _handleVariableSelection);
     __privateAdd(this, _renderCategorySelect);
     __privateAdd(this, _renderFacet);
     __privateAdd(this, _renderVariablesBrowse);
     this.catalog = "giovanni";
     this.selectedFacets = {};
+    this.selectedVariables = [];
     this.showVariablesBrowse = false;
     __privateAdd(this, _controller, new BrowseVariablesController(this));
   }
+  handleSelectedVariablesChange() {
+    this.emit("terra-variables-change", {
+      detail: {
+        selectedVariables: this.selectedVariables
+      }
+    });
+  }
   reset() {
     this.searchQuery = "";
     this.selectedFacets = {};
@@ -157,6 +169,22 @@ unselectFacetField_fn = function(facet, field) {
     [facet]: filteredFields
   });
 };
+_handleVariableSelection = new WeakSet();
+handleVariableSelection_fn = function(variable, checked) {
+  const variableIsSelected = this.selectedVariables.find(
+    (v) => v.dataFieldLongName === variable.dataFieldLongName
+  );
+  if (checked && !variableIsSelected) {
+    this.selectedVariables = [].concat(
+      this.selectedVariables,
+      variable
+    );
+  } else if (!checked && variableIsSelected) {
+    this.selectedVariables = this.selectedVariables.filter(
+      (v) => v.dataFieldLongName !== variable.dataFieldLongName
+    );
+  }
+};
 _renderCategorySelect = new WeakSet();
 renderCategorySelect_fn = function() {
   var _a, _b;
@@ -362,7 +390,14 @@ renderVariablesBrowse_fn = function() {
                                 >
                                     <div class="variable">
                                         <label>
-                                            <input type="checkbox" />
+                                            <input
+                                                data-variable=${variable}
+                                                type="checkbox"
+                                                @change=${(e) => {
+      const input = e.currentTarget;
+      __privateMethod(this, _handleVariableSelection, handleVariableSelection_fn).call(this, variable, input.checked);
+    }}
+                                            />
                                             <strong
                                                 >${variable.dataFieldLongName}</strong
                                             ><br />
@@ -447,9 +482,15 @@ __decorateClass([
 __decorateClass([
   r()
 ], TerraBrowseVariables.prototype, "selectedFacets", 2);
+__decorateClass([
+  r()
+], TerraBrowseVariables.prototype, "selectedVariables", 2);
 __decorateClass([
   r()
 ], TerraBrowseVariables.prototype, "showVariablesBrowse", 2);
+__decorateClass([
+  watch("selectedVariables")
+], TerraBrowseVariables.prototype, "handleSelectedVariablesChange", 1);
 
 export {
   TerraBrowseVariables

package/cdn/chunks/{chunk.K5J4AMTL.js → chunk.KGIZUXTM.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.PLNSRGRU.js";
+} from "./chunk.KEID4MM2.js";
 
 // src/react/browse-variables/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.M23LLNBH.js → chunk.LCMO3FGJ.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.MNJC4JAE.js";
+} from "./chunk.C27REBHU.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.GYUNWNI5.js → cdn/chunks/chunk.N6XSGHUX.js}

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

package/cdn/chunks/{chunk.TCP35LGY.js → chunk.NCKLIX6G.js}

@@ -1,44 +1,44 @@
+import {
+  TerraVariableCombobox
+} from "./chunk.OUYLFA5S.js";
+import {
+  spatial_picker_default
+} from "./chunk.2EP6X7H4.js";
 import {
   TimeSeriesController
-} from "./chunk.U43KGD3Q.js";
+} from "./chunk.KUK7T7OL.js";
 import {
   time_series_styles_default
 } from "./chunk.CNP3J6CH.js";
-import {
-  spatial_picker_default
-} from "./chunk.H7QEWEBY.js";
-import {
-  TerraVariableCombobox
-} from "./chunk.BTRRDJYE.js";
 import {
   TerraPlot,
   require_plotly_min
-} from "./chunk.FPDMMBW3.js";
+} from "./chunk.APMCUBER.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.7PZBUHYR.js";
 import {
   TerraLoader
-} from "./chunk.XG57XCVO.js";
+} from "./chunk.B5OXZP3H.js";
 import {
   TerraIcon
-} from "./chunk.TLIHKASV.js";
+} from "./chunk.XSKGTVPJ.js";
 import {
   s
 } from "./chunk.UGTZ22DI.js";
+import {
+  TerraDateRangeSlider
+} from "./chunk.AB6RIBJG.js";
 import {
   TerraButton
-} from "./chunk.NLGYM5TP.js";
+} from "./chunk.6B2CMDFX.js";
 import {
   watch
 } from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.G6BCFX7H.js → chunk.NDD5BDEF.js}

@@ -3,24 +3,24 @@ import {
 } from "./chunk.5P7TDN4M.js";
 import {
   loader_default
-} from "./chunk.P2F6DDWJ.js";
+} from "./chunk.OJ7IX4PR.js";
 import {
   icon_default
-} from "./chunk.U35LI4FR.js";
+} from "./chunk.YFEH5TEE.js";
 import {
   e,
   n
 } from "./chunk.2XCNCXGV.js";
-import {
-  button_default
-} from "./chunk.EAQZEXSN.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
+import {
+  button_default
+} from "./chunk.N6XSGHUX.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   T,
   x

package/{dist/chunks/chunk.B5HKOLNS.js → cdn/chunks/chunk.NKYBIYSM.js}

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

package/cdn/chunks/{chunk.A3E2LIAV.js → chunk.O6YRXXE4.js}

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

package/cdn/chunks/{chunk.P2F6DDWJ.js → chunk.OJ7IX4PR.js}

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

package/cdn/chunks/{chunk.XC2AJXDM.js → chunk.OMEZ6VK5.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.7PZBUHYR.js";
+} from "./chunk.AB6RIBJG.js";
 
 // src/components/date-range-slider/date-range-slider.ts
 var date_range_slider_default = TerraDateRangeSlider;

package/cdn/chunks/{chunk.BTRRDJYE.js → chunk.OUYLFA5S.js}

@@ -1,6 +1,3 @@
-import {
-  variable_combobox_styles_default
-} from "./chunk.SWEK2UAG.js";
 import {
   FetchController
 } from "./chunk.KRV3QC6E.js";
@@ -11,12 +8,15 @@ import {
   renderSearchResult,
   walkToOption
 } from "./chunk.MJY6U2Q2.js";
+import {
+  variable_combobox_styles_default
+} from "./chunk.SWEK2UAG.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
 import {
   icon_default
-} from "./chunk.U35LI4FR.js";
+} from "./chunk.YFEH5TEE.js";
 import {
   Fuse
 } from "./chunk.U7L2FN7F.js";
@@ -28,14 +28,14 @@ import {
 } from "./chunk.QEA4QW6G.js";
 import {
   button_default
-} from "./chunk.EAQZEXSN.js";
+} from "./chunk.N6XSGHUX.js";
 import {
   watch
 } from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ESFWCSLU.js";
+} from "./chunk.PBHXHHF2.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.ESFWCSLU.js → chunk.PBHXHHF2.js}

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

package/cdn/chunks/{chunk.HRKAFTTC.js → chunk.S7WMZG4U.js}

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

package/{dist/chunks/chunk.IZEUBMQD.js → cdn/chunks/chunk.SEIYXIZL.js}

@@ -1,6 +1,6 @@
 import {
   TerraGiovanniSearch
-} from "./chunk.YCV4LGKI.js";
+} from "./chunk.D757NAOK.js";
 
 // src/components/giovanni-search/giovanni-search.ts
 var giovanni_search_default = TerraGiovanniSearch;