@nasa-terra/components 0.0.41 → 0.0.43

package/cdn/variable-catalog/giovanni-variable-catalog.d.ts

@@ -0,0 +1,4 @@
+import type { SearchKeywordsResponse, VariableCatalogInterface } from './types.js';
+export declare class GiovanniVariableCatalog implements VariableCatalogInterface {
+    getSearchKeywords(): Promise<SearchKeywordsResponse>;
+}

package/cdn/variable-catalog/queries.d.ts

@@ -0,0 +1 @@
+export declare const GET_SEARCH_KEYWORDS: import("graphql/language/ast.js").DocumentNode;

package/cdn/variable-catalog/types.d.ts

@@ -0,0 +1,10 @@
+export interface VariableCatalogInterface {
+    /**
+     * Fetches the list of search keywords
+     * @returns Promise containing the list of search keywords
+     */
+    getSearchKeywords(): Promise<SearchKeywordsResponse>;
+}
+export type SearchKeywordsResponse = {
+    id: string;
+};

package/cdn/vscode.html-custom-data.json

@@ -179,6 +179,26 @@
         }
       ]
     },
+    {
+      "name": "terra-chip",
+      "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+      "attributes": [
+        {
+          "name": "size",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/chip"
+        }
+      ]
+    },
     {
       "name": "terra-combobox",
       "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
@@ -231,26 +251,6 @@
         }
       ]
     },
-    {
-      "name": "terra-chip",
-      "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-      "attributes": [
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/chip"
-        }
-      ]
-    },
     {
       "name": "terra-date-picker",
       "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
@@ -289,29 +289,6 @@
         }
       ]
     },
-    {
-      "name": "terra-date-range-slider",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        { "name": "time-scale", "values": [{ "name": "TimeScale" }] },
-        { "name": "min-date", "values": [] },
-        { "name": "max-date", "values": [] },
-        {
-          "name": "start-date",
-          "description": "The start date for the time series plot.",
-          "values": []
-        },
-        { "name": "end-date", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "has-pips", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/date-range-slider"
-        }
-      ]
-    },
     {
       "name": "terra-dialog",
       "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
@@ -344,6 +321,29 @@
         }
       ]
     },
+    {
+      "name": "terra-date-range-slider",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "time-scale", "values": [{ "name": "TimeScale" }] },
+        { "name": "min-date", "values": [] },
+        { "name": "max-date", "values": [] },
+        {
+          "name": "start-date",
+          "description": "The start date for the time series plot.",
+          "values": []
+        },
+        { "name": "end-date", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "has-pips", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/date-range-slider"
+        }
+      ]
+    },
     {
       "name": "terra-icon",
       "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **terra-load** - Emitted when the icon has loaded.\n- **terra-error** - Emitted when the icon fails to load due to an error.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -310,6 +310,28 @@
             "events": []
           }
         },
+        {
+          "name": "terra-chip",
+          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The chip's label." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-combobox",
           "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
@@ -405,28 +427,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-chip",
-          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
-              }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The chip's label." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'small' | 'medium' | 'large'" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-date-picker",
           "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
@@ -528,55 +528,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-date-range-slider",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "time-scale",
-              "value": { "type": "TimeScale", "default": "'daily'" }
-            },
-            { "name": "min-date", "value": { "type": "string" } },
-            { "name": "max-date", "value": { "type": "string" } },
-            {
-              "name": "start-date",
-              "description": "The start date for the time series plot.",
-              "value": { "type": "string" }
-            },
-            { "name": "end-date", "value": { "type": "string" } },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "has-pips",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
-              { "name": "timeScale", "type": "TimeScale" },
-              { "name": "minDate", "type": "string" },
-              { "name": "maxDate", "type": "string" },
-              {
-                "name": "startDate",
-                "description": "The start date for the time series plot.",
-                "type": "string"
-              },
-              { "name": "endDate", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "hasPips", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-dialog",
           "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
@@ -650,6 +601,55 @@
             ]
           }
         },
+        {
+          "name": "terra-date-range-slider",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "time-scale",
+              "value": { "type": "TimeScale", "default": "'daily'" }
+            },
+            { "name": "min-date", "value": { "type": "string" } },
+            { "name": "max-date", "value": { "type": "string" } },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot.",
+              "value": { "type": "string" }
+            },
+            { "name": "end-date", "value": { "type": "string" } },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "has-pips",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
+              { "name": "timeScale", "type": "TimeScale" },
+              { "name": "minDate", "type": "string" },
+              { "name": "maxDate", "type": "string" },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot.",
+                "type": "string"
+              },
+              { "name": "endDate", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "hasPips", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-icon",
           "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **terra-load** - Emitted when the icon has loaded.\n- **terra-error** - Emitted when the icon fails to load due to an error.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
@@ -892,7 +892,7 @@
               {
                 "name": "shapes",
                 "description": "List of geojson shapes",
-                "type": "any"
+                "type": "ShapeFilesResponse"
               },
               { "name": "_mapController", "type": "MapController" }
             ],

package/dist/chunks/{chunk.JMG3QFOG.js → chunk.37HULH6M.js}

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

package/dist/chunks/{chunk.7JPISDEY.js → chunk.4AOEB4BK.js}

@@ -1,3 +1,6 @@
+import {
+  GiovanniGeoJsonShapes
+} from "./chunk.JLXZN5GQ.js";
 import {
   __spreadValues
 } from "./chunk.TVFCHGU3.js";
@@ -48,6 +51,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) {
@@ -212,28 +216,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.4FHMLZYD.js → chunk.4CGQC6VG.js}

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

package/dist/chunks/{chunk.VHV2YP53.js → chunk.4TEZ5QPN.js}

@@ -1,9 +1,9 @@
 import {
   TerraVariableCombobox
-} from "./chunk.T732F32P.js";
+} from "./chunk.NDYEIMNI.js";
 import {
   spatial_picker_default
-} from "./chunk.JW4CEDWX.js";
+} from "./chunk.UPG6O57L.js";
 import {
   TimeSeriesController,
   calculateDataPoints
@@ -13,26 +13,26 @@ import {
 } from "./chunk.5EHGVGXV.js";
 import {
   TerraPlot
-} from "./chunk.BLY26RDT.js";
+} from "./chunk.QM5FOCP6.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.M6G3QZKD.js";
+} from "./chunk.H22DYLKA.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 {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.TPT5NZ7L.js → chunk.4XAV4ODI.js}

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

package/{cdn/chunks/chunk.KWDNMQ4H.js → dist/chunks/chunk.5SCGJTRA.js}

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

package/{cdn/chunks/chunk.WVSGKSGA.js → dist/chunks/chunk.67I5KKLX.js}

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

package/dist/chunks/{chunk.4SFT7GOY.js → chunk.6YWP3FBT.js}

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

package/dist/chunks/{chunk.TOGLI5RU.js → chunk.7P5EOY66.js}

@@ -8,7 +8,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   button_styles_default
 } from "./chunk.APJOA6RL.js";

package/dist/chunks/{chunk.VE46GVRC.js → chunk.AFI6EDPJ.js}

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

package/{cdn/chunks/chunk.M2YFVC7C.js → dist/chunks/chunk.CPI32ZAZ.js}

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

package/{cdn/chunks/chunk.DKFGH322.js → dist/chunks/chunk.E4LMDFCL.js}

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

package/{cdn/chunks/chunk.HID27GLU.js → dist/chunks/chunk.E4PWWMRO.js}

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

package/dist/chunks/{chunk.I26TW3QK.js → chunk.ENYPV32S.js}

@@ -1,19 +1,19 @@
 import {
   loader_default
-} from "./chunk.4SFT7GOY.js";
+} from "./chunk.6YWP3FBT.js";
 import {
   login_styles_default
 } from "./chunk.UIYPAVP3.js";
 import {
   icon_default
-} from "./chunk.F6SZURWK.js";
+} from "./chunk.WSTFOCG3.js";
 import {
   button_default
-} from "./chunk.FLBYXXGM.js";
+} from "./chunk.SZGKWCF3.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DZAAXOBI.js";
+} from "./chunk.QHNJQDE5.js";
 import {
   __privateAdd,
   __privateGet,

package/dist/chunks/{chunk.VRXZNBLL.js → chunk.FAYNPOTP.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.P6VXFXFN.js → dist/chunks/chunk.FLB4JM62.js}

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

package/dist/chunks/{chunk.NZCNCEVF.js → chunk.GHEMW42S.js}

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

package/dist/chunks/{chunk.M6G3QZKD.js → chunk.H22DYLKA.js}

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

package/{cdn/chunks/chunk.XKGPBMSX.js → dist/chunks/chunk.H7YVB7XB.js}

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

package/{cdn/chunks/chunk.4PENHXYX.js → dist/chunks/chunk.HJTPJ2RC.js}

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

package/dist/chunks/chunk.HTQT6WW4.js

@@ -0,0 +1,21 @@
+import {
+  GiovanniGeoJsonShapes
+} from "./chunk.JLXZN5GQ.js";
+
+// src/components/map/map.controller.ts
+var MapController = class {
+  constructor(host) {
+    this.host = host;
+    this.geoJsonShapes = new GiovanniGeoJsonShapes();
+    this.host.addController(this);
+  }
+  async hostConnected() {
+    if (this.host.hasShapeSelector) {
+      this.host.shapes = await this.geoJsonShapes.getShapeFiles();
+    }
+  }
+};
+
+export {
+  MapController
+};

package/dist/chunks/{chunk.5NJX4HGN.js → chunk.JFAR45NP.js}

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

package/dist/chunks/{chunk.NLIA6VK3.js → chunk.JGX3UBBP.js}

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