@nasa-terra/components 0.0.3 → 0.0.5

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.3",
+  "version": "0.0.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -269,96 +269,23 @@
           }
         },
         {
-          "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.",
+          "name": "terra-chip",
+          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Items'" }
-            },
-            {
-              "name": "name",
-              "description": "name the combobox with this.",
-              "value": { "type": "string", "default": "'Item'" }
-            },
-            {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "status",
-              "description": "status of the content",
-              "value": {
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
-                "default": "'INITIAL'"
-              }
-            },
-            {
-              "name": "content",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "name": "size",
               "value": {
-                "type": "Content",
-                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
               }
             }
           ],
+          "slots": [{ "name": "", "description": "The chip's label." }],
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "name",
-                "description": "name the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
-              },
-              {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
-              },
-              {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
-              },
-              {
-                "name": "status",
-                "description": "status of the content",
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
-              },
-              {
-                "name": "content",
-                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-                "type": "Content"
-              },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              {
-                "name": "searchResults",
-                "type": "GroupedListItem[] | ListItem[]"
-              }
+              { "name": "size", "type": "'small' | 'medium' | 'large'" }
             ],
             "events": []
           }
@@ -412,6 +339,104 @@
             "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "src",
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "label",
+              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "library",
+              "description": "The name of a registered custom icon library.",
+              "value": {
+                "type": "'default' | 'heroicons' | string",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "color",
+              "description": "The CSS color to assign to the SVG.",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "font-size",
+              "description": "The CSS font-size to assign to the SVG.",
+              "value": { "type": "string | null", "default": "null" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-load",
+              "description": "Emitted when the icon has loaded."
+            },
+            {
+              "name": "terra-error",
+              "description": "Emitted when the icon fails to load due to an error."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "svg",
+                "type": "SVGElement | HTMLTemplateResult | null"
+              },
+              {
+                "name": "name",
+                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "src",
+                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "label",
+                "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+                "type": "string"
+              },
+              {
+                "name": "library",
+                "description": "The name of a registered custom icon library.",
+                "type": "'default' | 'heroicons' | string"
+              },
+              {
+                "name": "color",
+                "description": "The CSS color to assign to the SVG.",
+                "type": "string | null"
+              },
+              {
+                "name": "fontSize",
+                "description": "The CSS font-size to assign to the SVG.",
+                "type": "string | null"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-load",
+                "description": "Emitted when the icon has loaded."
+              },
+              {
+                "name": "terra-error",
+                "description": "Emitted when the icon fails to load due to an error."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-loader",
           "description": "Loaders are used to indicate there is content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -485,66 +510,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-plot",
-          "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "plotTitle", "value": { "type": "string | undefined" } },
-            {
-              "name": "layout",
-              "value": {
-                "type": "Partial<Layout> | undefined",
-                "default": "{}"
-              }
-            },
-            {
-              "name": "config",
-              "value": {
-                "type": "Partial<Config> | undefined",
-                "default": "{\n        modeBarButtonsToAdd: [\n            {\n                name: 'Download Data',\n                title: 'Download plot data as a CSV file',\n                icon: Icons.disk,\n                click: () => {\n                    this.downloadCSV()\n                },\n            },\n        ],\n    }"
-              }
-            },
-            {
-              "name": "data",
-              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "plotData", "type": "Array<Plot>" },
-              { "name": "base", "type": "HTMLElement" },
-              { "name": "plotTitle", "type": "string | undefined" },
-              { "name": "layout", "type": "Partial<Layout> | undefined" },
-              { "name": "config", "type": "Partial<Config> | undefined" },
-              { "name": "data", "type": "Array<Partial<Data>>" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-map",
           "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -629,101 +594,41 @@
           }
         },
         {
-          "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.",
+          "name": "terra-plot",
+          "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
+            { "name": "plotTitle", "value": { "type": "string | undefined" } },
             {
-              "name": "name",
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "src",
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "label",
-              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "library",
-              "description": "The name of a registered custom icon library.",
+              "name": "layout",
               "value": {
-                "type": "'default' | 'heroicons' | string",
-                "default": "'default'"
+                "type": "Partial<Layout> | undefined",
+                "default": "{}"
               }
             },
             {
-              "name": "color",
-              "description": "The CSS color to assign to the SVG.",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "font-size",
-              "description": "The CSS font-size to assign to the SVG.",
-              "value": { "type": "string | null", "default": "null" }
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-load",
-              "description": "Emitted when the icon has loaded."
+              "name": "config",
+              "value": {
+                "type": "Partial<Config> | undefined",
+                "default": "{\n        modeBarButtonsToAdd: [\n            {\n                name: 'Download Data',\n                title: 'Download plot data as a CSV file',\n                icon: Icons.disk,\n                click: () => {\n                    this.downloadCSV()\n                },\n            },\n        ],\n    }"
+              }
             },
             {
-              "name": "terra-error",
-              "description": "Emitted when the icon fails to load due to an error."
+              "name": "data",
+              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
             }
           ],
+          "events": [],
           "js": {
             "properties": [
-              {
-                "name": "svg",
-                "type": "SVGElement | HTMLTemplateResult | null"
-              },
-              {
-                "name": "name",
-                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "src",
-                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "label",
-                "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
-                "type": "string"
-              },
-              {
-                "name": "library",
-                "description": "The name of a registered custom icon library.",
-                "type": "'default' | 'heroicons' | string"
-              },
-              {
-                "name": "color",
-                "description": "The CSS color to assign to the SVG.",
-                "type": "string | null"
-              },
-              {
-                "name": "fontSize",
-                "description": "The CSS font-size to assign to the SVG.",
-                "type": "string | null"
-              }
+              { "name": "plotData", "type": "Array<Plot>" },
+              { "name": "base", "type": "HTMLElement" },
+              { "name": "plotTitle", "type": "string | undefined" },
+              { "name": "layout", "type": "Partial<Layout> | undefined" },
+              { "name": "config", "type": "Partial<Config> | undefined" },
+              { "name": "data", "type": "Array<Partial<Data>>" }
             ],
-            "events": [
-              {
-                "name": "terra-load",
-                "description": "Emitted when the icon has loaded."
-              },
-              {
-                "name": "terra-error",
-                "description": "Emitted when the icon fails to load due to an error."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -832,6 +737,101 @@
             "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
+            },
+            {
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "status",
+              "description": "status of the content",
+              "value": {
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
+              }
+            },
+            {
+              "name": "content",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "value": {
+                "type": "Content",
+                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "name the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "status",
+                "description": "status of the content",
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              {
+                "name": "content",
+                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+                "type": "Content"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              {
+                "name": "searchResults",
+                "type": "GroupedListItem[] | ListItem[]"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-time-series",
           "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n",

package/dist/chunks/{chunk.FOD357NT.js → chunk.4GDIGEDX.js}

@@ -1,31 +1,31 @@
 import {
   TimeSeriesController
-} from "./chunk.2RJXTLAA.js";
+} from "./chunk.YCC37YOJ.js";
 import {
   time_series_styles_default
 } from "./chunk.GPUFE4ML.js";
 import {
   TerraVariableCombobox
-} from "./chunk.IOP7DABN.js";
+} from "./chunk.LKJO5ZKO.js";
 import {
   spatial_picker_default
-} from "./chunk.HSPKB2MG.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.MMYKMN6B.js";
+} from "./chunk.VKJOGCTL.js";
 import {
   TerraPlot
-} from "./chunk.PRBM2XXL.js";
+} from "./chunk.AXZYCENM.js";
 import {
   TerraLoader
-} from "./chunk.B7L6K56Y.js";
+} from "./chunk.TXYWM53V.js";
+import {
+  TerraDateRangeSlider
+} from "./chunk.4HSZ6UUB.js";
 import {
   watch
 } from "./chunk.ZK7QVWBI.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.PSTXVQB5.js";
+} from "./chunk.7YDHTY4H.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.MMYKMN6B.js → chunk.4HSZ6UUB.js}

@@ -1,19 +1,19 @@
 import {
   isValidDate
 } from "./chunk.OIDMX5LU.js";
-import {
-  date_range_slider_styles_default
-} from "./chunk.OU4UPMYR.js";
 import {
   mergeTooltips
 } from "./chunk.KW4TJM4C.js";
+import {
+  date_range_slider_styles_default
+} from "./chunk.OU4UPMYR.js";
 import {
   watch
 } from "./chunk.ZK7QVWBI.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.PSTXVQB5.js";
+} from "./chunk.7YDHTY4H.js";
 import {
   __decorateClass
 } from "./chunk.RYPAZDXE.js";

package/dist/chunks/{chunk.7DFKM3M3.js → chunk.5NORITET.js}

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

package/{cdn/chunks/chunk.RXDN2NM7.js → dist/chunks/chunk.5PU55V3S.js}

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

package/dist/chunks/{chunk.S2WDTAIJ.js → chunk.5TSS4VKC.js}

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

package/{cdn/chunks/chunk.JUCL53DU.js → dist/chunks/chunk.5U5H2J7Y.js}

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

package/dist/chunks/{chunk.GWHZAFS3.js → chunk.665T4BPT.js}

@@ -20,7 +20,7 @@ var FetchController = class {
     __privateSet(this, _apiTask, new Task(host, {
       task: async () => {
         const response = await fetch(
-          isLocalHost ? "http://localhost:9000/variables" : "https://dev.gesdisc.eosdis.nasa.gov/~jdcarlso/collection+variable.json"
+          isLocalHost ? "http://localhost:9000/variables" : "https://uui-test.gesdisc.eosdis.nasa.gov/api/proxy/dev/~jdcarlso/collection+variable.json"
         );
         if (!response.ok) {
           throw apiError;

package/dist/chunks/{chunk.YRZFOIW4.js → chunk.6DPQZ5Q7.js}

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

package/dist/chunks/{chunk.JL4ZDCDW.js → chunk.7FMILJBA.js}

@@ -1,17 +1,17 @@
+import {
+  watch
+} from "./chunk.ZK7QVWBI.js";
+import {
+  combobox_styles_default
+} from "./chunk.JFU3ZCDL.js";
 import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
-import {
-  watch
-} from "./chunk.ZK7QVWBI.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.PSTXVQB5.js";
-import {
-  combobox_styles_default
-} from "./chunk.JFU3ZCDL.js";
+} from "./chunk.7YDHTY4H.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.PSTXVQB5.js → chunk.7YDHTY4H.js}

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