@nasa-terra/components 0.0.41 → 0.0.43

package/dist/chunks/chunk.JLXZN5GQ.js

@@ -0,0 +1,104 @@
+import {
+  getGraphQLClient
+} from "./chunk.WPCLXFDR.js";
+
+// src/geojson/queries.ts
+import { gql } from "@apollo/client/core";
+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/{cdn/chunks/chunk.735YCMFI.js → dist/chunks/chunk.JTXEL73L.js}

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

package/{cdn/chunks/chunk.V6RXG64A.js → dist/chunks/chunk.KD3R2URP.js}

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

package/dist/chunks/{chunk.TSO5JUC6.js → chunk.KOMSLHFU.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.HXVWQUMB.js → chunk.LNGXE27U.js}

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

package/dist/chunks/{chunk.JK3NE7V7.js → chunk.MILUFBKY.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.ZN6GTQ4Q.js → chunk.MS3DCXPP.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.CJY47WKG.js → chunk.MZHCB5V5.js}

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

package/{cdn/chunks/chunk.Y2BLVXGG.js → dist/chunks/chunk.N2FQ2MRM.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.IOQ6NGSV.js";
+} from "./chunk.4TEZ5QPN.js";
 
 // src/react/time-series/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.T732F32P.js → chunk.NDYEIMNI.js}

@@ -14,17 +14,17 @@ import {
 } from "./chunk.5LMWCV76.js";
 import {
   icon_default
-} from "./chunk.F6SZURWK.js";
+} from "./chunk.WSTFOCG3.js";
 import {
   button_default
-} from "./chunk.FLBYXXGM.js";
+} from "./chunk.SZGKWCF3.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.5SOMR4JY.js → chunk.NL2R2NSO.js}

@@ -1,3 +1,6 @@
+import {
+  getGraphQLClient
+} from "./chunk.WPCLXFDR.js";
 import {
   __privateAdd,
   __privateGet,
@@ -6,23 +9,42 @@ import {
 
 // src/components/variable-keyword-search/variable-keyword-search.controller.ts
 import { Task, TaskStatus } from "@lit/task";
-var apiError = new Error(
-  "Failed to fetch the data required to make a list of searchable items."
-);
+
+// src/variable-catalog/queries.ts
+import { gql } from "@apollo/client/core";
+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 _apiTask;
 var FetchController = class {
   constructor(host) {
     __privateAdd(this, _apiTask, void 0);
+    const variableCatalog = new GiovanniVariableCatalog();
     __privateSet(this, _apiTask, new Task(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/dist/chunks/{chunk.EZYN4OMM.js → chunk.O5QN7EQO.js}

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

package/dist/chunks/{chunk.B7VRZAQT.js → chunk.OFKYTBNH.js}

@@ -1,17 +1,17 @@
+import {
+  combobox_styles_default
+} from "./chunk.7WL3WWGJ.js";
 import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
-import {
-  combobox_styles_default
-} from "./chunk.7WL3WWGJ.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.FFIBXQPT.js → chunk.OMJNBUCH.js}

@@ -1,28 +1,28 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.7MN4TFVH.js";
+} from "./chunk.ZLAVT4EU.js";
 import {
   TerraSkeleton
-} from "./chunk.TSO5JUC6.js";
+} from "./chunk.KOMSLHFU.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.ZN6GTQ4Q.js";
+} from "./chunk.MS3DCXPP.js";
 import {
   TerraIcon
-} from "./chunk.7CA3HE3L.js";
+} from "./chunk.TCMWMNOB.js";
 import {
   TerraButton
-} from "./chunk.TOGLI5RU.js";
+} from "./chunk.7P5EOY66.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   BrowseVariablesController
 } from "./chunk.M6QZS4UJ.js";
@@ -99,6 +99,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 === TaskStatus.PENDING && // only show the loader when doing a fetch
@@ -389,6 +390,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
@@ -428,8 +430,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.26OW2N3C.js → dist/chunks/chunk.OOLLCVNR.js}

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

package/dist/chunks/{chunk.RZS4OUZG.js → chunk.QDWCCDUY.js}

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

package/dist/chunks/{chunk.DZAAXOBI.js → chunk.QHNJQDE5.js}

@@ -360,7 +360,7 @@ var TerraElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.41";
+TerraElement.version = "0.0.43";
 TerraElement.dependencies = {};
 __decorateClass([
   property()

package/{cdn/chunks/chunk.42O4XPCF.js → dist/chunks/chunk.QIA6DTTP.js}

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

package/dist/chunks/{chunk.BLY26RDT.js → chunk.QM5FOCP6.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.ZG2SPSJQ.js → chunk.RXZPXAB4.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.N7J6PIAG.js";
 import {
   TerraMap
-} from "./chunk.MDG6YMDT.js";
+} from "./chunk.X4377OEL.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.7JPISDEY.js";
+} from "./chunk.4AOEB4BK.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.FLBYXXGM.js → chunk.SZGKWCF3.js}

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

package/{cdn/chunks/chunk.7TLWU32Z.js → dist/chunks/chunk.T6R6HWM7.js}

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

package/dist/chunks/{chunk.7CA3HE3L.js → chunk.TCMWMNOB.js}

@@ -12,7 +12,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.QT5B4IOQ.js → chunk.TWPOB6FJ.js}

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

package/dist/chunks/{chunk.JW4CEDWX.js → chunk.UPG6O57L.js}

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

package/{cdn/chunks/chunk.ATUQZ7AH.js → dist/chunks/chunk.V7QPBR74.js}

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

package/{cdn/chunks/chunk.2JQ2EBOZ.js → dist/chunks/chunk.W2CS6IVI.js}

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

package/dist/chunks/chunk.WPCLXFDR.js

@@ -0,0 +1,63 @@
+// src/lib/graphql-client.ts
+import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client/core";
+import { CachePersistor } from "apollo3-cache-persist";
+import localforage from "localforage";
+localforage.config({
+  name: "terra-general-cache",
+  storeName: "terra-general-cache-store",
+  description: "General cache for the Terra Component Library"
+});
+var GraphQLClientManager = class _GraphQLClientManager {
+  constructor() {
+    const cache = new InMemoryCache();
+    const persistor = new CachePersistor({
+      cache,
+      storage: {
+        getItem: async (key) => {
+          return await localforage.getItem(key);
+        },
+        setItem: async (key, value) => {
+          return await localforage.setItem(key, value);
+        },
+        removeItem: async (key) => {
+          return await localforage.removeItem(key);
+        }
+      },
+      debug: false
+    });
+    this.client = new ApolloClient({
+      link: new HttpLink({
+        uri: "https://u2u5qu332rhmxpiazjcqz6gkdm.appsync-api.us-east-1.amazonaws.com/graphql",
+        headers: {
+          "x-api-key": "da2-hg7462xbijdjvocfgx2xlxuytq"
+        }
+      }),
+      cache,
+      defaultOptions: {
+        query: {
+          fetchPolicy: "cache-first"
+        }
+      }
+    });
+    this.initializationPromise = persistor.restore().catch((error) => {
+      console.error("Error restoring Apollo cache:", error);
+    });
+  }
+  static getInstance() {
+    if (!_GraphQLClientManager.instance) {
+      _GraphQLClientManager.instance = new _GraphQLClientManager();
+    }
+    return _GraphQLClientManager.instance;
+  }
+  async getClient() {
+    await this.initializationPromise;
+    return this.client;
+  }
+};
+async function getGraphQLClient() {
+  return await GraphQLClientManager.getInstance().getClient();
+}
+
+export {
+  getGraphQLClient
+};

package/dist/chunks/{chunk.F6SZURWK.js → chunk.WSTFOCG3.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.7CA3HE3L.js";
+} from "./chunk.TCMWMNOB.js";
 
 // src/components/icon/icon.ts
 var icon_default = TerraIcon;

package/dist/chunks/{chunk.MDG6YMDT.js → chunk.X4377OEL.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.AAWOHDFX.js";
 import {
   Leaflet
-} from "./chunk.7JPISDEY.js";
+} from "./chunk.4AOEB4BK.js";
 import {
   leaflet_styles_default
 } from "./chunk.LELNKRPW.js";
 import {
   MapController
-} from "./chunk.IINRXAQ4.js";
+} from "./chunk.HTQT6WW4.js";
 import {
   map_styles_default
 } from "./chunk.GR7XHOA3.js";
@@ -19,7 +19,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -95,18 +95,12 @@ var TerraMap = class extends TerraElement {
                 <option value="">Select a Shape...</option>
 
                 ${cache(
-      map((_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 html`<optgroup
-                            label="${(_b = this.shapes) == null ? void 0 : _b.info[parentShape].title}"
-                        >
-                            ${shapes.map((shape) => {
+      map((_a = this.shapes) == null ? void 0 : _a.categories, (category) => {
+        return html`<optgroup label="${category.title}">
+                            ${category.shapes.map((shape) => {
           return html`
                                     <option
-                                        value="shape=${shape.shapefileID}/${shape.gShapeID}"
+                                        value="shape=${shape.shapefileID}/${shape.shapeID}"
                                     >
                                         ${shape.name}
                                     </option>

package/dist/chunks/{chunk.6RGYYQXM.js → chunk.XR6W57RO.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.DSPBUNBE.js → dist/chunks/chunk.YQPJQSUN.js}

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

package/dist/chunks/{chunk.WUT6GQIO.js → chunk.YS5RGF3Z.js}

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