@nasa-terra/components 0.0.40 → 0.0.42

package/dist/chunks/{chunk.HMLHIPUF.js → chunk.BHWE3JOV.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.N7J6PIAG.js";
 import {
   TerraMap
-} from "./chunk.2M6WN77B.js";
+} from "./chunk.CEE5JWEL.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.UBBSTKSW.js";
+} from "./chunk.4ZCXZZM3.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.GPXKIUEG.js → chunk.BNFTF3AF.js}

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

package/dist/chunks/{chunk.2M6WN77B.js → chunk.CEE5JWEL.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.AAWOHDFX.js";
 import {
   Leaflet
-} from "./chunk.UBBSTKSW.js";
+} from "./chunk.4ZCXZZM3.js";
 import {
   leaflet_styles_default
 } from "./chunk.LELNKRPW.js";
 import {
   MapController
-} from "./chunk.SBTMIM4P.js";
+} from "./chunk.5BT4MERK.js";
 import {
   map_styles_default
 } from "./chunk.GR7XHOA3.js";
@@ -19,7 +19,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.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.IRMROGM5.js → chunk.CJXBG2L2.js}

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

package/dist/chunks/{chunk.ZK6BXJM2.js → chunk.D3CNBHKN.js}

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

package/dist/chunks/{chunk.ZY7333SG.js → chunk.DQAA5TRV.js}

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

package/dist/chunks/{chunk.26GCBU6L.js → chunk.DTUQ7OVY.js}

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

package/dist/chunks/{chunk.ZS53CVPI.js → chunk.EUQOUY73.js}

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

package/dist/chunks/{chunk.A2VBIBDB.js → chunk.FUNHBD3Q.js}

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

package/{cdn/chunks/chunk.56MSIBJC.js → dist/chunks/chunk.GSKVFMKR.js}

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

package/{cdn/chunks/chunk.FZ7VVHRU.js → dist/chunks/chunk.H4IGXIVH.js}

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

package/{cdn/chunks/chunk.6VPPNRMC.js → dist/chunks/chunk.H6OKMLB5.js}

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

package/dist/chunks/{chunk.MBEJXOQR.js → chunk.HPH7B5RV.js}

@@ -8,20 +8,20 @@ import {
 } from "./chunk.DW23TAF4.js";
 import {
   FetchController
-} from "./chunk.T3YDWJBU.js";
+} from "./chunk.JGRZMEMQ.js";
 import {
   icon_default
-} from "./chunk.FNVJAT2N.js";
+} from "./chunk.SDW6HUGX.js";
 import {
   button_default
-} from "./chunk.V747WCNA.js";
+} from "./chunk.YXL3ZYZS.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -77,6 +77,7 @@ var _TerraVariableKeywordSearch = class _TerraVariableKeywordSearch extends Terr
         return;
       }
       __privateGet(this, _selectOption).call(this, target);
+      __privateMethod(this, _handleSearch, handleSearch_fn).call(this, this.query);
     });
     __privateAdd(this, _handleKeydown, (event) => {
       var _a;

package/{cdn/chunks/chunk.5O3N4YQB.js → dist/chunks/chunk.IYIJ4JHT.js}

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

package/{cdn/chunks/chunk.RBUWWPTA.js → dist/chunks/chunk.J4TUNVY6.js}

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

package/dist/chunks/{chunk.T3YDWJBU.js → chunk.JGRZMEMQ.js}

@@ -1,3 +1,6 @@
+import {
+  getGraphQLClient
+} from "./chunk.XWRIA5G5.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";
+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://windmill-load-balancer-641499207.us-east-1.elb.amazonaws.com/api/r/giovanni/aesir-keywords"
-        );
-        if (!response.ok) {
-          throw apiError;
-        }
-        return await response.json();
-      },
+      task: async () => variableCatalog.getSearchKeywords(),
       args: () => []
     }));
   }

package/dist/chunks/{chunk.DIU4FMUD.js → chunk.JOL2QHUX.js}

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

package/dist/chunks/{chunk.WZZS6KZX.js → chunk.K2UQ5J5Y.js}

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

package/dist/chunks/{chunk.P4CJWP6V.js → chunk.KNYS36RI.js}

@@ -1,19 +1,19 @@
+import {
+  loader_default
+} from "./chunk.NS2XBY2W.js";
 import {
   login_styles_default
 } from "./chunk.UIYPAVP3.js";
-import {
-  loader_default
-} from "./chunk.MQIAGQXS.js";
 import {
   icon_default
-} from "./chunk.FNVJAT2N.js";
+} from "./chunk.SDW6HUGX.js";
 import {
   button_default
-} from "./chunk.V747WCNA.js";
+} from "./chunk.YXL3ZYZS.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __privateAdd,
   __privateGet,

package/dist/chunks/{chunk.MRIC7GU3.js → chunk.KXVLGKFP.js}

@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.XSRLMKQS.js → dist/chunks/chunk.LDXJZ2B3.js}

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

package/dist/chunks/{chunk.Z2ELMSYN.js → chunk.M6QZS4UJ.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniRepository
-} from "./chunk.D3IGIATM.js";
+} from "./chunk.TNVTVMRS.js";
 import {
   __privateAdd,
   __privateGet,

package/{cdn/chunks/chunk.CB4NTZIT.js → dist/chunks/chunk.M6R5AG7U.js}

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

package/dist/chunks/{chunk.PYQF2X37.js → chunk.MC6B7NQH.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.UEEVZ7FV.js";
+} from "./chunk.77WVGP37.js";
 
 // src/react/date-picker/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.SQHR3ZCR.js → dist/chunks/chunk.MIMZJ6IP.js}

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

package/{cdn/chunks/chunk.QORWAVV6.js → dist/chunks/chunk.MQVOSN5I.js}

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

package/{cdn/chunks/chunk.GZUF7R2X.js → dist/chunks/chunk.MZLJ2SW2.js}

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

package/{cdn/chunks/chunk.L5OP3IFK.js → dist/chunks/chunk.NOK72OMX.js}

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

package/{cdn/chunks/chunk.2XYNLO3T.js → dist/chunks/chunk.NS2XBY2W.js}

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

package/dist/chunks/{chunk.6NFTQBAG.js → chunk.P53EA62V.js}

@@ -1,9 +1,9 @@
 import {
   TerraVariableCombobox
-} from "./chunk.W3JB6EN2.js";
+} from "./chunk.6BC7KDU7.js";
 import {
   spatial_picker_default
-} from "./chunk.GPXKIUEG.js";
+} from "./chunk.BNFTF3AF.js";
 import {
   TimeSeriesController,
   calculateDataPoints
@@ -13,26 +13,26 @@ import {
 } from "./chunk.5EHGVGXV.js";
 import {
   TerraPlot
-} from "./chunk.DIU4FMUD.js";
+} from "./chunk.JOL2QHUX.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.NGGIBOGM.js";
+} from "./chunk.7V3PWSYC.js";
 import {
   TerraLoader
-} from "./chunk.E2OGXHG2.js";
+} from "./chunk.6CVD44CG.js";
 import {
   TerraIcon
-} from "./chunk.Q6ULCJ5A.js";
+} from "./chunk.ZAG3VX64.js";
 import {
   TerraButton
-} from "./chunk.6OHX7MFV.js";
+} from "./chunk.P7N5DB3S.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.6OHX7MFV.js → chunk.P7N5DB3S.js}

@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.3L732GCE.js → dist/chunks/chunk.PL2E7TDA.js}

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

package/dist/chunks/{chunk.OBSBNTPE.js → chunk.QWGGWP3G.js}

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

package/dist/chunks/{chunk.27RXIW7H.js → chunk.RNKJDMGE.js}

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

package/dist/chunks/{chunk.FNVJAT2N.js → chunk.SDW6HUGX.js}

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

package/{cdn/chunks/chunk.D3IGIATM.js → dist/chunks/chunk.TNVTVMRS.js}

@@ -1,5 +1,5 @@
 // src/components/browse-variables/repositories/giovanni.repository.ts
-var GIOVANNI_CATALOG_URL = "https://windmill-load-balancer-641499207.us-east-1.elb.amazonaws.com/api/r/giovanni/catalog";
+var GIOVANNI_CATALOG_URL = "https://lb.gesdisc.eosdis.nasa.gov/windmill/api/r/giovanni/catalog";
 var GiovanniRepository = class {
   async searchVariablesAndFacets(query, selectedFacets, options) {
     var _a;

package/{cdn/chunks/chunk.7T5YSU5Z.js → dist/chunks/chunk.TPITM5XY.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.3XSEBVBX.js";
+} from "./chunk.6BC7KDU7.js";
 
 // src/react/variable-combobox/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.ORBMIL2S.js → chunk.TQBOEKS6.js}

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

package/{cdn/chunks/chunk.QCAHWIQS.js → dist/chunks/chunk.TRBPFDIW.js}

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

package/dist/chunks/chunk.XWRIA5G5.js

@@ -0,0 +1,63 @@
+// src/lib/graphql-client.ts
+import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
+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/{cdn/chunks/chunk.BET4SRAZ.js → dist/chunks/chunk.YXL3ZYZS.js}

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

package/dist/chunks/{chunk.Q6ULCJ5A.js → chunk.ZAG3VX64.js}

@@ -1,18 +1,18 @@
+import {
+  icon_styles_default
+} from "./chunk.7VUSSQRI.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.7DOMZGX7.js";
-import {
-  icon_styles_default
-} from "./chunk.7VUSSQRI.js";
+} from "./chunk.MDRUDBRH.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.KCG2W75N.js";
+} from "./chunk.7QFQWJUX.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.YGW24TS3.js → dist/chunks/chunk.ZUEBNW2J.js}

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