@nasa-terra/components 0.0.41 → 0.0.43

package/cdn/chunks/{chunk.QCK7PTWV.js → chunk.2FFSUM6T.js}

@@ -5,7 +5,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/@lit/reactive-element/decorators/property.js
 var o = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };

package/cdn/chunks/{chunk.7ON5L6GX.js → chunk.2GGZHPMT.js}

@@ -4,16 +4,16 @@ import {
 import {
   h
 } from "./chunk.QB5SASDL.js";
+import {
+  combobox_styles_default
+} from "./chunk.USC76EZL.js";
 import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
-import {
-  combobox_styles_default
-} from "./chunk.USC76EZL.js";
 import {
   Fuse
-} from "./chunk.U7L2FN7F.js";
+} from "./chunk.QZV6EAIM.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -22,15 +22,15 @@ import {
 } from "./chunk.2XCNCXGV.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   s,
@@ -43,7 +43,7 @@ import {
   __privateSet,
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/lit-html/directives/choose.js
 var r2 = (r3, o2, t) => {

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

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

package/cdn/chunks/{chunk.EY6FPKCN.js → chunk.3JPFQJXJ.js}

@@ -1,23 +1,23 @@
 import {
   loader_default
-} from "./chunk.PIBX75LE.js";
+} from "./chunk.WQQBVCL5.js";
 import {
   login_styles_default
 } from "./chunk.5P7TDN4M.js";
 import {
   icon_default
-} from "./chunk.PCVOJ7H6.js";
+} from "./chunk.TVULBZN7.js";
 import {
   e,
   n
 } from "./chunk.2XCNCXGV.js";
 import {
   button_default
-} from "./chunk.ED2ABFTH.js";
+} from "./chunk.XJVNZTEE.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
@@ -29,7 +29,7 @@ import {
   __privateAdd,
   __privateGet,
   __privateMethod
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/login/login.component.ts
 var _clientID, _formRef, _serverURL, _loginTask, _getAccessCode, getAccessCode_fn, _exchangeCodeForAccessToken, exchangeCodeForAccessToken_fn, _handleSubmit, handleSubmit_fn, _handleKeypress, handleKeypress_fn, _clearForm, clearForm_fn;

package/cdn/chunks/chunk.4MAXR3UU.js

@@ -0,0 +1,104 @@
+import {
+  getGraphQLClient,
+  gql
+} from "./chunk.MERDVJWH.js";
+
+// src/geojson/queries.ts
+var GET_SHAPE_FILES = gql`
+    query {
+        shapeFiles {
+            categories {
+                shapefileID
+                title
+                sourceName
+                sourceURL
+                shapes {
+                    name
+                    shapeID
+                    shapefileID
+                }
+            }
+        }
+    }
+`;
+var GET_GEOJSON_SHAPE = gql`
+    query GetGeoJsonShape($shape: String!) {
+        getGeoJsonShape(shape: $shape) {
+            type
+            features {
+                type
+                geometry {
+                    type
+                    coordinates
+                }
+                properties {
+                    TYPE
+                    RIVER
+                    USE_1
+                    USE_2
+                    USE_3
+                    ELEV_M
+                    COUNTRY
+                    GLWD_ID
+                    LAT_DEG
+                    VOL_SRC
+                    AREA_SKM
+                    DAM_NAME
+                    DAM_YEAR
+                    LONG_DEG
+                    LRS_AREA
+                    PERIM_KM
+                    POLY_SRC
+                    gShapeID
+                    LAKE_NAME
+                    LRS_CATCH
+                    MGLD_AREA
+                    MGLD_TYPE
+                    NEAR_CITY
+                    SEC_CNTRY
+                    CATCH_TSKM
+                    DAM_HEIGHT
+                    INFLOW_CMS
+                    LRS_AR_SRC
+                    VOLUME_CKM
+                }
+            }
+        }
+    }
+`;
+
+// src/geojson/giovanni-geojson.ts
+var GiovanniGeoJsonShapes = class {
+  async getShapeFiles() {
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: GET_SHAPE_FILES,
+      fetchPolicy: "cache-first"
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to fetch shape files: ${response.errors[0].message}`
+      );
+    }
+    return response.data.shapeFiles;
+  }
+  async getGeoJson(query) {
+    const client = await getGraphQLClient();
+    const shapeId = query.replace("shape=", "");
+    const response = await client.query({
+      query: GET_GEOJSON_SHAPE,
+      variables: {
+        shape: shapeId
+      },
+      fetchPolicy: "cache-first"
+    });
+    if (response.errors) {
+      throw new Error(`Failed to fetch GeoJSON: ${response.errors[0].message}`);
+    }
+    return response.data.getGeoJsonShape;
+  }
+};
+
+export {
+  GiovanniGeoJsonShapes
+};

package/{dist/chunks/chunk.UDJOM6ZC.js → cdn/chunks/chunk.4T3FDB6X.js}

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

package/cdn/chunks/{chunk.O2YZHY6W.js → chunk.4XFHUWXK.js}

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

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

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

package/cdn/chunks/{chunk.BQNMKH4V.js → chunk.5TCPFCD2.js}

@@ -12,21 +12,21 @@ import {
 } from "./chunk.WTMN7OUL.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   e,
   n
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
 import {
   __decorateClass
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // node_modules/nouislider/dist/nouislider.mjs
 var PipsMode;

package/cdn/chunks/{chunk.MR27IH5Z.js → chunk.6JHIJHTB.js}

@@ -24,6 +24,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 var __restKey = (key) => typeof key === "symbol" ? key : key + "";
 var __objRest = (source, exclude) => {
   var target = {};
@@ -37,7 +44,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __commonJS = (cb, mod) => function __require() {
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
@@ -145,6 +152,7 @@ var __yieldStar = (value) => {
 export {
   __spreadValues,
   __spreadProps,
+  __require,
   __restKey,
   __objRest,
   __commonJS,

package/cdn/chunks/{chunk.CBV7M6CJ.js → chunk.6MMTW476.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/internal/watch.ts
 function watch(propertyName, options) {

package/cdn/chunks/{chunk.GIDA35DI.js → chunk.7BF65WWU.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.7ON5L6GX.js";
+} from "./chunk.2GGZHPMT.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.FPQPBFGJ.js → chunk.7HEVEWEJ.js}

@@ -1,35 +1,35 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.4TIVDUMT.js";
+} from "./chunk.S4INEVCC.js";
 import {
   TerraSkeleton
-} from "./chunk.4YFGXJN2.js";
+} from "./chunk.FROJF7FV.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.WRTGMSXJ.js";
+} from "./chunk.WI5HA4EV.js";
 import {
   TerraIcon
-} from "./chunk.XI6PKUWW.js";
+} from "./chunk.TY7DVGTP.js";
 import {
   TerraButton
-} from "./chunk.FG7MUYYR.js";
+} from "./chunk.FBCYHMRV.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   BrowseVariablesController
-} from "./chunk.RIHGXZ32.js";
+} from "./chunk.BKOLMPIY.js";
 import {
   s
 } from "./chunk.UGTZ22DI.js";
@@ -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/{dist/chunks/chunk.5MTMT6EZ.js → cdn/chunks/chunk.7SSKWW2H.js}

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

package/cdn/chunks/{chunk.LLGXVXUH.js → chunk.ANZFZPPU.js}

@@ -14,7 +14,7 @@ import {
   __privateSet,
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/lib/dataset.ts
 var MAX_DATAPOINTS_PER_REQUEST = 2e5;

package/cdn/chunks/{chunk.RIHGXZ32.js → chunk.BKOLMPIY.js}

@@ -9,7 +9,7 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/browse-variables/browse-variables.controller.ts
 var _host, _catalog, _getCatalogRepository, getCatalogRepository_fn;

package/cdn/chunks/{chunk.SDAAIGR7.js → chunk.BRFSUY5D.js}

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

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

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

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

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

package/{dist/chunks/chunk.YBKNHKHJ.js → cdn/chunks/chunk.D2R6EOTB.js}

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

package/cdn/chunks/{chunk.SHX63E7I.js → chunk.D7BYLJCK.js}

@@ -1,6 +1,6 @@
 import {
   FetchController
-} from "./chunk.F2OI3ZXQ.js";
+} from "./chunk.SNULTXLY.js";
 import {
   variable_combobox_styles_default
 } from "./chunk.RU6G6JLS.js";
@@ -11,16 +11,16 @@ import {
   removeEmptyCollections,
   renderSearchResult,
   walkToOption
-} from "./chunk.JXGOY6TG.js";
+} from "./chunk.ZU6ADSVN.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
 import {
   icon_default
-} from "./chunk.PCVOJ7H6.js";
+} from "./chunk.TVULBZN7.js";
 import {
   Fuse
-} from "./chunk.U7L2FN7F.js";
+} from "./chunk.QZV6EAIM.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -29,18 +29,18 @@ import {
 } from "./chunk.2XCNCXGV.js";
 import {
   button_default
-} from "./chunk.ED2ABFTH.js";
+} from "./chunk.XJVNZTEE.js";
 import {
   watch
-} from "./chunk.CBV7M6CJ.js";
+} from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   n,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   T,
   s,
@@ -54,7 +54,7 @@ import {
   __privateSet,
   __spreadProps,
   __spreadValues
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/variable-combobox/variable-combobox.component.ts
 var _combobox, _fetchController, _searchableList, _listbox, _searchEngine, _walker, _tagContainer, _dispatchChange, _handleButtonClick, _handleComboboxChange, _handleOptionClick, _handleKeydown, _manageListboxVisibility, _selectOption, _renderTags, renderTags_fn;

package/cdn/chunks/{chunk.FVKOPOS6.js → chunk.E6NS2XK6.js}

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

package/cdn/chunks/{chunk.D4L6W2EM.js → chunk.ELAWVWEZ.js}

@@ -1,3 +1,7 @@
+import {
+  getGraphQLClient,
+  gql
+} from "./chunk.MERDVJWH.js";
 import {
   h,
   s
@@ -6,26 +10,42 @@ import {
   __privateAdd,
   __privateGet,
   __privateSet
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
+
+// src/variable-catalog/queries.ts
+var GET_SEARCH_KEYWORDS = gql`
+    query {
+        aesirKeywords {
+            id
+        }
+    }
+`;
+
+// src/variable-catalog/giovanni-variable-catalog.ts
+var GiovanniVariableCatalog = class {
+  async getSearchKeywords() {
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: GET_SEARCH_KEYWORDS,
+      fetchPolicy: "cache-first"
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to fetch search keywords: ${response.errors[0].message}`
+      );
+    }
+    return response.data.aesirKeywords;
+  }
+};
 
 // src/components/variable-keyword-search/variable-keyword-search.controller.ts
-var apiError = new Error(
-  "Failed to fetch the data required to make a list of searchable items."
-);
 var _apiTask;
 var FetchController = class {
   constructor(host) {
     __privateAdd(this, _apiTask, void 0);
+    const variableCatalog = new GiovanniVariableCatalog();
     __privateSet(this, _apiTask, new h(host, {
-      task: async () => {
-        const response = await fetch(
-          "https://lb.gesdisc.eosdis.nasa.gov/windmill/api/r/giovanni/aesir-keywords"
-        );
-        if (!response.ok) {
-          throw apiError;
-        }
-        return await response.json();
-      },
+      task: async () => variableCatalog.getSearchKeywords(),
       args: () => []
     }));
   }

package/cdn/chunks/{chunk.2ITUJEQD.js → chunk.ESMJ3XDS.js}

@@ -4,11 +4,11 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   e,
   n
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -16,7 +16,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateMethod
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/components/dialog/dialog.component.ts
 var _handleBackdropClick, handleBackdropClick_fn;

package/cdn/chunks/{chunk.FG7MUYYR.js → chunk.FBCYHMRV.js}

@@ -1,27 +1,27 @@
 import {
   FormControlController,
   validValidityState
-} from "./chunk.5LUW7D6O.js";
+} from "./chunk.XZGF7NVJ.js";
 import {
   n,
   o,
   s
 } from "./chunk.GNSDRDLV.js";
+import {
+  watch
+} from "./chunk.6MMTW476.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
-import {
-  watch
-} from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.ZJZHZQHZ.js";
+} from "./chunk.OGI7F4SN.js";
 import {
   e as e2,
   n as n2,
   r
-} from "./chunk.QCK7PTWV.js";
+} from "./chunk.2FFSUM6T.js";
 import {
   button_styles_default
 } from "./chunk.YVG2XG3L.js";
@@ -29,7 +29,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateMethod
-} from "./chunk.MR27IH5Z.js";
+} from "./chunk.6JHIJHTB.js";
 
 // src/internal/slot.ts
 var HasSlotController = class {