@nasa-terra/components 0.0.64 → 0.0.65

package/dist/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.64",
+  "version": "0.0.65",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -166,6 +166,28 @@
             ]
           }
         },
+        {
+          "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-button",
           "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
@@ -443,33 +465,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "catalog",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "value": { "type": "'giovanni'", "default": "'giovanni'" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "catalog",
-                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-                "type": "'giovanni'"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
-            ],
-            "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.",
@@ -565,83 +560,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-data-subsetter",
-          "description": "Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.\n---\n\n\n### **Events:**\n - **terra-subset-job-complete** - called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "collection-entry-id",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "show-collection-search",
-              "value": { "type": "boolean | undefined", "default": "true" }
-            },
-            { "name": "job-id", "value": { "type": "string | undefined" } },
-            {
-              "name": "bearer-token",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-subset-job-complete",
-              "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "collectionEntryId", "type": "string | undefined" },
-              { "name": "showCollectionSearch", "type": "boolean | undefined" },
-              { "name": "jobId", "type": "string | undefined" },
-              { "name": "bearerToken", "type": "string | undefined" },
-              {
-                "name": "collectionWithServices",
-                "type": "CollectionWithAvailableServices | undefined"
-              },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "expandedVariableGroups", "type": "Set<string>" },
-              { "name": "touchedFields", "type": "Set<string>" },
-              {
-                "name": "spatialSelection",
-                "type": "BoundingBox | LatLng | null"
-              },
-              {
-                "name": "selectedDateRange",
-                "type": "{ startDate: string | null; endDate: string | null }"
-              },
-              { "name": "selectedFormat", "type": "string" },
-              { "name": "cancelingGetData", "type": "boolean" },
-              {
-                "name": "selectedTab",
-                "type": "'web-links' | 'selected-params'"
-              },
-              { "name": "refineParameters", "type": "boolean" },
-              { "name": "showDownloadMenu", "type": "boolean" },
-              { "name": "renderedInDialog", "type": "boolean" },
-              {
-                "name": "collectionSearchType",
-                "type": "'collection' | 'variable' | 'all'"
-              },
-              { "name": "collectionSearchQuery", "type": "string | undefined" },
-              { "name": "collectionSearchLoading", "type": "boolean" },
-              {
-                "name": "collectionSearchResults",
-                "type": "Array<CmrSearchResult> | undefined"
-              },
-              { "name": "collectionLoading", "type": "boolean" },
-              { "name": "collectionAccordionOpen", "type": "boolean" },
-              { "name": "spatialPicker", "type": "TerraSpatialPicker" }
-            ],
-            "events": [
-              {
-                "name": "terra-subset-job-complete",
-                "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
-              }
-            ]
-          }
-        },
         {
           "name": "terra-data-rods",
           "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range of the date slider is updated",
@@ -737,23 +655,113 @@
           }
         },
         {
-          "name": "terra-chip",
-          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+          "name": "terra-data-subsetter",
+          "description": "Easily allow users to select, subset, and download NASA Earth science data collections with spatial, temporal, and variable filters.\n---\n\n\n### **Events:**\n - **terra-subset-job-complete** - called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)",
           "doc-url": "",
           "attributes": [
             {
-              "name": "size",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
+              "name": "collection-entry-id",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "show-collection-search",
+              "value": { "type": "boolean | undefined", "default": "true" }
+            },
+            { "name": "job-id", "value": { "type": "string | undefined" } },
+            {
+              "name": "bearer-token",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-subset-job-complete",
+              "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "collectionEntryId", "type": "string | undefined" },
+              { "name": "showCollectionSearch", "type": "boolean | undefined" },
+              { "name": "jobId", "type": "string | undefined" },
+              { "name": "bearerToken", "type": "string | undefined" },
+              {
+                "name": "collectionWithServices",
+                "type": "CollectionWithAvailableServices | undefined"
+              },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "expandedVariableGroups", "type": "Set<string>" },
+              { "name": "touchedFields", "type": "Set<string>" },
+              {
+                "name": "spatialSelection",
+                "type": "BoundingBox | LatLng | null"
+              },
+              {
+                "name": "selectedDateRange",
+                "type": "{ startDate: string | null; endDate: string | null }"
+              },
+              { "name": "selectedFormat", "type": "string" },
+              { "name": "cancelingGetData", "type": "boolean" },
+              {
+                "name": "selectedTab",
+                "type": "'web-links' | 'selected-params'"
+              },
+              { "name": "refineParameters", "type": "boolean" },
+              { "name": "showDownloadMenu", "type": "boolean" },
+              { "name": "renderedInDialog", "type": "boolean" },
+              {
+                "name": "collectionSearchType",
+                "type": "'collection' | 'variable' | 'all'"
+              },
+              { "name": "collectionSearchQuery", "type": "string | undefined" },
+              { "name": "collectionSearchLoading", "type": "boolean" },
+              {
+                "name": "collectionSearchResults",
+                "type": "Array<CmrSearchResult> | undefined"
+              },
+              { "name": "collectionLoading", "type": "boolean" },
+              { "name": "collectionAccordionOpen", "type": "boolean" },
+              { "name": "spatialPicker", "type": "TerraSpatialPicker" }
+            ],
+            "events": [
+              {
+                "name": "terra-subset-job-complete",
+                "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
               }
+            ]
+          }
+        },
+        {
+          "name": "terra-data-subsetter-history",
+          "description": "Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "'History'" }
+            },
+            { "name": "bearer-token", "value": { "type": "string" } },
+            {
+              "name": "always-show",
+              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
+              "value": { "type": "boolean" }
             }
           ],
-          "slots": [{ "name": "", "description": "The chip's label." }],
           "events": [],
           "js": {
             "properties": [
-              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+              { "name": "label", "type": "string" },
+              { "name": "bearerToken", "type": "string" },
+              {
+                "name": "alwaysShow",
+                "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
+                "type": "boolean"
+              },
+              { "name": "collapsed", "type": "boolean" },
+              { "name": "selectedJob", "type": "string | undefined" },
+              { "name": "hideCancelled", "type": "boolean" },
+              { "name": "dialog", "type": "TerraDialog" },
+              { "name": "_authController" }
             ],
             "events": []
           }
@@ -865,36 +873,36 @@
           }
         },
         {
-          "name": "terra-data-subsetter-history",
-          "description": "Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.\n---\n",
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "value": { "type": "string", "default": "'History'" }
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
             },
-            { "name": "bearer-token", "value": { "type": "string" } },
             {
-              "name": "always-show",
-              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
-              "value": { "type": "boolean" }
+              "name": "selected-variable-entry-ids",
+              "value": { "type": "string | undefined" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "label", "type": "string" },
-              { "name": "bearerToken", "type": "string" },
               {
-                "name": "alwaysShow",
-                "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
-                "type": "boolean"
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
               },
-              { "name": "collapsed", "type": "boolean" },
-              { "name": "selectedJob", "type": "string | undefined" },
-              { "name": "hideCancelled", "type": "boolean" },
-              { "name": "dialog", "type": "TerraDialog" },
-              { "name": "_authController" }
+              {
+                "name": "selectedVariableEntryIds",
+                "type": "string | undefined"
+              },
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
             ],
             "events": []
           }
@@ -1288,49 +1296,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-plot-toolbar",
-          "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": "catalogVariable", "value": { "type": "Variable" } },
-            { "name": "variableEntryId", "value": { "type": "string" } },
-            { "name": "plot", "value": { "type": "TerraPlot | undefined" } },
-            {
-              "name": "timeSeriesData",
-              "value": { "type": "Partial<Data>[] | Blob | undefined" }
-            },
-            { "name": "location", "value": { "type": "string" } },
-            { "name": "startDate", "value": { "type": "string" } },
-            { "name": "endDate", "value": { "type": "string" } },
-            { "name": "cacheKey", "value": { "type": "string" } },
-            { "name": "dataType", "value": { "type": "DataType" } }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "variableEntryId", "type": "string" },
-              { "name": "plot", "type": "TerraPlot | undefined" },
-              {
-                "name": "timeSeriesData",
-                "type": "Partial<Data>[] | Blob | undefined"
-              },
-              { "name": "location", "type": "string" },
-              { "name": "startDate", "type": "string" },
-              { "name": "endDate", "type": "string" },
-              { "name": "cacheKey", "type": "string" },
-              { "name": "dataType", "type": "DataType" },
-              { "name": "activeMenuItem", "type": "MenuNames" },
-              { "name": "menu", "type": "HTMLMenuElement" }
-            ],
-            "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.",
@@ -1396,6 +1361,49 @@
             "events": []
           }
         },
+        {
+          "name": "terra-plot-toolbar",
+          "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": "catalogVariable", "value": { "type": "Variable" } },
+            { "name": "variableEntryId", "value": { "type": "string" } },
+            { "name": "plot", "value": { "type": "TerraPlot | undefined" } },
+            {
+              "name": "timeSeriesData",
+              "value": { "type": "Partial<Data>[] | Blob | undefined" }
+            },
+            { "name": "location", "value": { "type": "string" } },
+            { "name": "startDate", "value": { "type": "string" } },
+            { "name": "endDate", "value": { "type": "string" } },
+            { "name": "cacheKey", "value": { "type": "string" } },
+            { "name": "dataType", "value": { "type": "DataType" } }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "variableEntryId", "type": "string" },
+              { "name": "plot", "type": "TerraPlot | undefined" },
+              {
+                "name": "timeSeriesData",
+                "type": "Partial<Data>[] | Blob | undefined"
+              },
+              { "name": "location", "type": "string" },
+              { "name": "startDate", "type": "string" },
+              { "name": "endDate", "type": "string" },
+              { "name": "cacheKey", "type": "string" },
+              { "name": "dataType", "type": "DataType" },
+              { "name": "activeMenuItem", "type": "MenuNames" },
+              { "name": "menu", "type": "HTMLMenuElement" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-spatial-picker",
           "description": "A component that allows input of coordinates and rendering of map.\n---\n",
@@ -1544,12 +1552,75 @@
                 "type": "boolean"
               },
               { "name": "mapValue", "type": "any" },
+              { "name": "error", "type": "string" },
               { "name": "spatialInput", "type": "HTMLInputElement" },
               { "name": "map", "type": "TerraMap" }
             ],
             "events": []
           }
         },
+        {
+          "name": "terra-time-average-map",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+              "value": { "type": "string | undefined" }
+            },
+            { "name": "variable", "value": { "type": "string | undefined" } },
+            { "name": "start-date", "value": { "type": "string | undefined" } },
+            { "name": "end-date", "value": { "type": "string | undefined" } },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "long_name",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+                "type": "string | undefined"
+              },
+              { "name": "variable", "type": "string | undefined" },
+              { "name": "startDate", "type": "string | undefined" },
+              { "name": "endDate", "type": "string | undefined" },
+              {
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+                "type": "string | undefined"
+              },
+              { "name": "activeMenuItem", "type": "any" },
+              {
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string"
+              },
+              { "name": "long_name", "type": "string" },
+              { "name": "menu", "type": "HTMLMenuElement" },
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "_authController" },
+              {
+                "name": "_fetchVariableTask",
+                "description": "anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-time-series",
           "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range is modified\n- **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni",
@@ -1640,6 +1711,7 @@
                 "type": "string | undefined"
               },
               { "name": "plot", "type": "TerraPlot" },
+              { "name": "plotToolbar", "type": "TerraPlotToolbar" },
               { "name": "catalogVariable", "type": "Variable" },
               {
                 "name": "showDataPointWarning",
@@ -1667,65 +1739,101 @@
           }
         },
         {
-          "name": "terra-time-average-map",
-          "description": "\n---\n",
+          "name": "terra-variable-combobox",
+          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\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": "collection",
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
-              "value": { "type": "string | undefined" }
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Variables'" }
             },
-            { "name": "variable", "value": { "type": "string | undefined" } },
-            { "name": "start-date", "value": { "type": "string | undefined" } },
-            { "name": "end-date", "value": { "type": "string | undefined" } },
             {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "value": { "type": "string | undefined" }
+              "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": "use-tags",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+              "value": { "type": "string" }
             },
             {
               "name": "bearer-token",
               "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
               "value": { "type": "string" }
-            },
+            }
+          ],
+          "events": [
             {
-              "name": "long_name",
-              "value": { "type": "string", "default": "''" }
+              "name": "terra-combobox-change",
+              "description": "Emitted when an option is selected."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "collection",
-                "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
-                "type": "string | undefined"
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
               },
-              { "name": "variable", "type": "string | undefined" },
-              { "name": "startDate", "type": "string | undefined" },
-              { "name": "endDate", "type": "string | undefined" },
               {
-                "name": "location",
-                "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-                "type": "string | undefined"
+                "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": "useTags",
+                "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+                "type": "string"
               },
-              { "name": "activeMenuItem", "type": "any" },
               {
                 "name": "bearerToken",
                 "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
                 "type": "string"
               },
-              { "name": "long_name", "type": "string" },
-              { "name": "menu", "type": "HTMLMenuElement" },
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "_authController" },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              { "name": "searchResults", "type": "ListItem[]" },
+              { "name": "tags", "type": "string[]" },
+              { "name": "tagContainerWidth", "type": "number" }
+            ],
+            "events": [
               {
-                "name": "_fetchVariableTask",
-                "description": "anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata"
+                "name": "terra-combobox-change",
+                "description": "Emitted when an option is selected."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
@@ -1809,104 +1917,6 @@
               }
             ]
           }
-        },
-        {
-          "name": "terra-variable-combobox",
-          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\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 Variables'" }
-            },
-            {
-              "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": "use-tags",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "value",
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-combobox-change",
-              "description": "Emitted when an option is selected."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "label",
-                "description": "Label 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": "useTags",
-                "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-                "type": "boolean"
-              },
-              {
-                "name": "value",
-                "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-                "type": "string"
-              },
-              {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-                "type": "string"
-              },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              { "name": "searchResults", "type": "ListItem[]" },
-              { "name": "tags", "type": "string[]" },
-              { "name": "tagContainerWidth", "type": "number" }
-            ],
-            "events": [
-              {
-                "name": "terra-combobox-change",
-                "description": "Emitted when an option is selected."
-              }
-            ]
-          }
         }
       ]
     }