@nasa-terra/components 0.0.69 → 0.0.71

package/cdn/web-types.json

@@ -1,69 +1,11 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.69",
+  "version": "0.0.71",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
-        {
-          "name": "terra-accordion",
-          "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "summary",
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "open",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "showArrow",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot for accordion content."
-            },
-            {
-              "name": "summary",
-              "description": "The summary/header for the accordion (optional, overrides summary property)"
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-accordion-toggle",
-              "description": "emitted when the accordion opens or closes"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "summary",
-                "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-                "type": "string"
-              },
-              {
-                "name": "open",
-                "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-                "type": "boolean"
-              },
-              { "name": "showArrow", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "terra-accordion-toggle",
-                "description": "emitted when the accordion opens or closes"
-              }
-            ]
-          }
-        },
         {
           "name": "terra-alert",
           "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
@@ -500,6 +442,100 @@
             "events": []
           }
         },
+        {
+          "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",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variable-entry-id",
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "variable",
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" 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" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-date-range-change",
+              "description": "Emitted whenever the date range of the date slider is updated"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "variableEntryId",
+                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
+              },
+              {
+                "name": "variable",
+                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
+              },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "endDate",
+                "description": "The end date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.",
+                "type": "string | undefined"
+              },
+              {
+                "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": "catalogVariable", "type": "Variable" }
+            ],
+            "events": [
+              {
+                "name": "terra-date-range-change",
+                "description": "Emitted whenever the date range of the date slider is updated"
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -596,95 +632,59 @@
           }
         },
         {
-          "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",
+          "name": "terra-accordion",
+          "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variable-entry-id",
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "collection",
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "variable",
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
+              "name": "summary",
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "value": { "type": "string" }
             },
             {
-              "name": "start-date",
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
+              "name": "open",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "end-date",
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
-            },
+              "name": "showArrow",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
             {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.",
-              "value": { "type": "string | undefined" }
+              "name": "",
+              "description": "The default slot for accordion content."
             },
             {
-              "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": "summary",
+              "description": "The summary/header for the accordion (optional, overrides summary property)"
             }
           ],
           "events": [
             {
-              "name": "terra-date-range-change",
-              "description": "Emitted whenever the date range of the date slider is updated"
+              "name": "terra-accordion-toggle",
+              "description": "emitted when the accordion opens or closes"
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "variableEntryId",
-                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "collection",
-                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "variable",
-                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "startDate",
-                "description": "The start date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "endDate",
-                "description": "The end date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "location",
-                "description": "The point location in \"lat,lon\" format.",
-                "type": "string | undefined"
+                "name": "summary",
+                "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+                "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": "open",
+                "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+                "type": "boolean"
               },
-              { "name": "catalogVariable", "type": "Variable" }
+              { "name": "showArrow", "type": "boolean" }
             ],
             "events": [
               {
-                "name": "terra-date-range-change",
-                "description": "Emitted whenever the date range of the date slider is updated"
+                "name": "terra-accordion-toggle",
+                "description": "emitted when the accordion opens or closes"
               }
             ]
           }
@@ -767,17 +767,66 @@
           }
         },
         {
-          "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-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": "label",
-              "value": { "type": "string", "default": "'History'" }
+              "name": "time-scale",
+              "value": { "type": "TimeScale", "default": "'daily'" }
             },
-            { "name": "bearer-token", "value": { "type": "string" } },
+            { "name": "min-date", "value": { "type": "string" } },
+            { "name": "max-date", "value": { "type": "string" } },
             {
-              "name": "always-show",
+              "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-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" }
             }
@@ -907,55 +956,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",
@@ -1200,43 +1200,6 @@
             ]
           }
         },
-        {
-          "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": "{}"
-              }
-            },
-            {
-              "name": "data",
-              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "base", "type": "PlotlyHTMLElement" },
-              { "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",
@@ -1333,6 +1296,43 @@
             "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": "{}"
+              }
+            },
+            {
+              "name": "data",
+              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "base", "type": "PlotlyHTMLElement" },
+              { "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-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.",
@@ -1376,6 +1376,34 @@
             "events": []
           }
         },
+        {
+          "name": "terra-skeleton",
+          "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "rows", "value": { "type": "number", "default": "1" } },
+            {
+              "name": "effect",
+              "value": {
+                "type": "'pulse' | 'sheen' | 'none'",
+                "default": "'pulse'"
+              }
+            },
+            {
+              "name": "variableWidths",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "rows", "type": "number" },
+              { "name": "effect", "type": "'pulse' | 'sheen' | 'none'" },
+              { "name": "variableWidths", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-spatial-picker",
           "description": "A component that allows input of coordinates and rendering of map.\n---\n",
@@ -1531,98 +1559,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-skeleton",
-          "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            { "name": "rows", "value": { "type": "number", "default": "1" } },
-            {
-              "name": "effect",
-              "value": {
-                "type": "'pulse' | 'sheen' | 'none'",
-                "default": "'pulse'"
-              }
-            },
-            {
-              "name": "variableWidths",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "rows", "type": "number" },
-              { "name": "effect", "type": "'pulse' | 'sheen' | 'none'" },
-              { "name": "variableWidths", "type": "boolean" }
-            ],
-            "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": "colormaps", "type": "array" },
-              { "name": "colorMapName", "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": "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",
@@ -1740,6 +1676,70 @@
             ]
           }
         },
+        {
+          "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": "colormaps", "type": "array" },
+              { "name": "colorMapName", "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": "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-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.",