@nasa-terra/components 0.0.41 → 0.0.42

package/{dist/chunks/chunk.TJ7U47CT.js → cdn/chunks/chunk.MLEE3KVC.js}

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

package/cdn/chunks/{chunk.LYU4ZOHF.js → chunk.MUAWDIKB.js}

@@ -1,8 +1,11 @@
+import {
+  GiovanniGeoJsonShapes
+} from "./chunk.4MAXR3UU.js";
 import {
   __commonJS,
   __spreadValues,
   __toESM
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/leaflet/dist/leaflet-src.js
 var require_leaflet_src = __commonJS({
@@ -10458,6 +10461,7 @@ var Leaflet = class {
     this.listeners = [];
     this.isMapReady = false;
     this.handleShapeSelect = this.handleShapeSelect.bind(this);
+    this.geoJsonRepository = new GiovanniGeoJsonShapes();
   }
   // map initialization function
   initializeMap(container, options) {
@@ -10622,28 +10626,13 @@ var Leaflet = class {
     });
     return transformedShapes;
   }
-  async fetchSelectedShape(query) {
-    const url = new URL(
-      "https://lb.gesdisc.eosdis.nasa.gov/windmill/api/r/giovanni/geojson"
-    );
-    const [key, value] = query.split("=");
-    if (key && value) {
-      url.searchParams.append(key, value);
-    }
-    const data = await fetch(url.toString(), {
-      method: "GET",
-      mode: "cors"
-    });
-    const shape = await data.json();
-    return shape;
-  }
   async handleShapeSelect(event) {
     var _a;
     event.preventDefault();
     const selectedShape = event.target.value;
     if (!selectedShape)
       return;
-    const shapeGeoJson = await this.fetchSelectedShape(selectedShape);
+    const shapeGeoJson = await this.geoJsonRepository.getGeoJson(selectedShape);
     if ((_a = this.selectedGeoJson) == null ? void 0 : _a.hasLayer) {
       this.selectedGeoJson.remove();
     }

package/{dist/chunks/chunk.UXXVWEEZ.js → cdn/chunks/chunk.MX22SNRS.js}

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

package/cdn/chunks/{chunk.LMED4VAU.js → chunk.NR6DJDMD.js}

@@ -3,27 +3,27 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.2OYZKB7P.js";
+} from "./chunk.XG2SIOK7.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.LYU4ZOHF.js";
+} from "./chunk.MUAWDIKB.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   e,
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   x
 } from "./chunk.PQFHJHNO.js";
 import {
   __decorateClass
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/spatial-picker/spatial-picker.component.ts
 var TerraSpatialPicker = class extends TerraElement {

package/{dist/chunks/chunk.4OATNINX.js → cdn/chunks/chunk.NRWL7454.js}

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

package/cdn/chunks/{chunk.25M2W2FY.js → chunk.OODF3EN7.js}

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

package/cdn/chunks/{chunk.LQQVL3OK.js → chunk.OZMD6UWV.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.SHX63E7I.js";
+} from "./chunk.I44MNS72.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 var variable_combobox_default = TerraVariableCombobox;

package/cdn/chunks/{chunk.OYTPVFD4.js → chunk.QCZTZ2G4.js}

@@ -7,10 +7,10 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   n
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -18,7 +18,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateGet
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/chip/chip.component.ts
 var _handleRemoveClick;

package/{dist/chunks/chunk.JQX4IOFS.js → cdn/chunks/chunk.QIYZLBZL.js}

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

package/{dist/chunks/chunk.V7NXXH5Q.js → cdn/chunks/chunk.QMFOPTPG.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.7MN4TFVH.js";
+} from "./chunk.LS57LJUC.js";
 
 // src/react/variable-keyword-search/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.U7L2FN7F.js → chunk.QZV6EAIM.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/fuse.js/dist/fuse.mjs
 function isArray(value) {

package/{dist/chunks/chunk.CQQMWZAG.js → cdn/chunks/chunk.RGSWH76U.js}

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

package/{dist/chunks/chunk.5V2L23VN.js → cdn/chunks/chunk.RWSWLUWX.js}

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

package/cdn/chunks/{chunk.IOQ6NGSV.js → chunk.S65EWDQW.js}

@@ -1,50 +1,50 @@
 import {
   TerraVariableCombobox
-} from "./chunk.SHX63E7I.js";
+} from "./chunk.I44MNS72.js";
 import {
   spatial_picker_default
-} from "./chunk.O2YZHY6W.js";
+} from "./chunk.7FWVJMKC.js";
 import {
   TimeSeriesController,
   calculateDataPoints
-} from "./chunk.LLGXVXUH.js";
+} from "./chunk.ANZFZPPU.js";
 import {
   time_series_styles_default
 } from "./chunk.T6H2MZZI.js";
 import {
   TerraPlot,
   require_plotly_min
-} from "./chunk.COEEUQJZ.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.BQNMKH4V.js";
+} from "./chunk.WW7H6ZTG.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
+import {
+  TerraDateRangeSlider
+} from "./chunk.CBRTMMKP.js";
 import {
   TerraLoader
-} from "./chunk.WRTGMSXJ.js";
+} from "./chunk.WNKY3U3X.js";
 import {
   TerraIcon
-} from "./chunk.XI6PKUWW.js";
+} from "./chunk.ZQK7G6LH.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
 import {
   TerraButton
-} from "./chunk.FG7MUYYR.js";
+} from "./chunk.ISDS7VRC.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   e,
   n,
   r
-} from "./chunk.QCK7PTWV.js";
-import {
-  s
-} from "./chunk.UGTZ22DI.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   x
@@ -57,7 +57,7 @@ import {
   __privateMethod,
   __privateSet,
   __toESM
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/dayjs/dayjs.min.js
 var require_dayjs_min = __commonJS({

package/{dist/chunks/chunk.HC22UMDI.js → cdn/chunks/chunk.SMJEL5SP.js}

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

package/cdn/chunks/{chunk.F2OI3ZXQ.js → chunk.SNULTXLY.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.JXGOY6TG.js";
+} from "./chunk.ZU6ADSVN.js";
 import {
   h,
   s
@@ -10,7 +10,7 @@ import {
   __privateGet,
   __privateSet,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/variable-combobox/variable-combobox.controller.ts
 var apiError = new Error(

package/{dist/chunks/chunk.VRXNNLUF.js → cdn/chunks/chunk.TS6P5KMM.js}

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

package/{dist/chunks/chunk.JXIMEJZ6.js → cdn/chunks/chunk.TYD6OMVH.js}

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

package/cdn/chunks/{chunk.ZJZHZQHZ.js → chunk.U76BSYRS.js}

@@ -1,6 +1,6 @@
 import {
   n
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   s
 } from "./chunk.PQFHJHNO.js";
@@ -10,7 +10,7 @@ import {
 import {
   __decorateClass,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/styles/component.styles.ts
 var component_styles_default = i`
@@ -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.41";
+TerraElement.version = "0.0.42";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/{chunk.ED2ABFTH.js → chunk.VV63KQST.js}

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

package/cdn/chunks/{chunk.WRTGMSXJ.js → chunk.WNKY3U3X.js}

@@ -7,18 +7,18 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   x
 } from "./chunk.PQFHJHNO.js";
 import {
   __decorateClass
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/loader/loader.component.ts
 var TerraLoader = class extends TerraElement {

package/cdn/chunks/{chunk.YMMLPLAZ.js → chunk.WQDJNX2I.js}

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

package/cdn/chunks/{chunk.COEEUQJZ.js → chunk.WW7H6ZTG.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.PRXO3ACA.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   e,
   n
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -23,7 +23,7 @@ import {
   __privateSet,
   __spreadValues,
   __toESM
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/plotly.js-dist-min/plotly.min.js
 var require_plotly_min = __commonJS({

package/cdn/chunks/{chunk.FPQPBFGJ.js → chunk.XB3OTEJA.js}

@@ -1,41 +1,41 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.4TIVDUMT.js";
+} from "./chunk.LS57LJUC.js";
 import {
   TerraSkeleton
-} from "./chunk.4YFGXJN2.js";
+} from "./chunk.JQ2ZRSPI.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.WRTGMSXJ.js";
+} from "./chunk.WNKY3U3X.js";
 import {
   TerraIcon
-} from "./chunk.XI6PKUWW.js";
+} from "./chunk.ZQK7G6LH.js";
+import {
+  BrowseVariablesController
+} from "./chunk.BKOLMPIY.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  browse_variables_styles_default
+} from "./chunk.4EVDB43F.js";
 import {
   TerraButton
-} from "./chunk.FG7MUYYR.js";
+} from "./chunk.ISDS7VRC.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   n,
   r
-} from "./chunk.QCK7PTWV.js";
-import {
-  BrowseVariablesController
-} from "./chunk.RIHGXZ32.js";
-import {
-  s
-} from "./chunk.UGTZ22DI.js";
-import {
-  browse_variables_styles_default
-} from "./chunk.4EVDB43F.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   x
@@ -49,7 +49,7 @@ import {
   __restKey,
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/browse-variables/browse-variables.component.ts
 var _controller, _selectFacetField, selectFacetField_fn, _clearFacet, clearFacet_fn, _unselectFacetField, unselectFacetField_fn, _handleVariableSelection, handleVariableSelection_fn, _renderCategorySelect, renderCategorySelect_fn, _renderFacet, renderFacet_fn, _renderVariablesBrowse, renderVariablesBrowse_fn;
@@ -107,6 +107,7 @@ var TerraBrowseVariables = class extends TerraElement {
   handleSearch(e) {
     this.selectedFacets = {};
     this.searchQuery = e.detail;
+    this.showVariablesBrowse = true;
   }
   render() {
     const showLoader = __privateGet(this, _controller).task.status === s.PENDING && // only show the loader when doing a fetch
@@ -397,6 +398,7 @@ renderVariablesBrowse_fn = function() {
       const input = e.currentTarget;
       __privateMethod(this, _handleVariableSelection, handleVariableSelection_fn).call(this, variable, input.checked);
     }}
+                                                style="display: none;"
                                             />
                                             <strong
                                                 >${variable.dataFieldLongName}</strong
@@ -436,8 +438,10 @@ renderVariablesBrowse_fn = function() {
                                         </sl-drawer>
 
                                         <terra-button
-                                            @click=${(_event) => {
-      const drawer = this.renderRoot.querySelector(
+                                            @click=${(event) => {
+      var _a;
+      const button = event.currentTarget;
+      const drawer = (_a = button.closest(".variable")) == null ? void 0 : _a.querySelector(
         "sl-drawer"
       );
       drawer.show();

package/cdn/chunks/{chunk.2OYZKB7P.js → chunk.XG2SIOK7.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.KJ4BZBTX.js";
 import {
   Leaflet
-} from "./chunk.LYU4ZOHF.js";
+} from "./chunk.MUAWDIKB.js";
 import {
   leaflet_styles_default
 } from "./chunk.VHHIJXG2.js";
 import {
   MapController
-} from "./chunk.IINRXAQ4.js";
+} from "./chunk.M4BZHL67.js";
 import {
   map_styles_default
 } from "./chunk.TZK42POE.js";
@@ -21,16 +21,16 @@ import {
 } from "./chunk.QEA4QW6G.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   e,
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   x
@@ -40,7 +40,7 @@ import {
   __privateAdd,
   __privateMethod,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/map/map.component.ts
 var _markDynamicLeafletContent, markDynamicLeafletContent_fn;
@@ -106,18 +106,12 @@ var TerraMap = class extends TerraElement {
                 <option value="">Select a Shape...</option>
 
                 ${h(
-      o((_a = this.shapes) == null ? void 0 : _a.available, (parentShape) => {
-        var _a2, _b;
-        const shapes = this.map.transformShapeData(
-          (_a2 = this.shapes) == null ? void 0 : _a2.info[parentShape]
-        );
-        return x`<optgroup
-                            label="${(_b = this.shapes) == null ? void 0 : _b.info[parentShape].title}"
-                        >
-                            ${shapes.map((shape) => {
+      o((_a = this.shapes) == null ? void 0 : _a.categories, (category) => {
+        return x`<optgroup label="${category.title}">
+                            ${category.shapes.map((shape) => {
           return x`
                                     <option
-                                        value="shape=${shape.shapefileID}/${shape.gShapeID}"
+                                        value="shape=${shape.shapefileID}/${shape.shapeID}"
                                     >
                                         ${shape.name}
                                     </option>

package/cdn/chunks/{chunk.IJECJM4B.js → chunk.XQ3A36HQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.4TIVDUMT.js";
+} from "./chunk.LS57LJUC.js";
 
 // src/components/variable-keyword-search/variable-keyword-search.ts
 var variable_keyword_search_default = TerraVariableKeywordSearch;

package/cdn/chunks/{chunk.5LUW7D6O.js → chunk.XZGF7NVJ.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/internal/form.ts
 var formCollections = /* @__PURE__ */ new WeakMap();

package/cdn/chunks/{chunk.EXWNYWOI.js → chunk.YV37V6WL.js}

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

package/{dist/chunks/chunk.A2XPPZNT.js → cdn/chunks/chunk.Z7PF6UJR.js}

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

package/cdn/chunks/{chunk.XI6PKUWW.js → chunk.ZQK7G6LH.js}

@@ -1,32 +1,32 @@
+import {
+  icon_styles_default
+} from "./chunk.4XR5KYKG.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.7DOMZGX7.js";
-import {
-  icon_styles_default
-} from "./chunk.4XR5KYKG.js";
+} from "./chunk.MDRUDBRH.js";
 import {
   e
 } from "./chunk.6NYH4BZ2.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.U76BSYRS.js";
 import {
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   __decorateClass,
   __privateAdd,
   __privateGet,
   __privateMethod,
   __privateSet
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/icon/icon.component.ts
 var CACHEABLE_ERROR = Symbol();

package/cdn/chunks/{chunk.JXGOY6TG.js → chunk.ZU6ADSVN.js}

@@ -7,7 +7,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/variable-combobox/lib.ts
 function renderSearchResult(listItem, index) {