@nasa-terra/components 0.0.76 → 0.0.79

package/dist/web-types.json

@@ -1,396 +1,11 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.76",
+  "version": "0.0.79",
   "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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "open",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "closable",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "variant",
-              "description": "The alert's theme variant.",
-              "value": {
-                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'",
-                "default": "'primary'"
-              }
-            },
-            {
-              "name": "duration",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "value": { "type": "string", "default": "Infinity" }
-            },
-            {
-              "name": "countdown",
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "value": { "type": "'rtl' | 'ltr' | undefined" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The alert's main content." }],
-          "events": [
-            {
-              "name": "terra-show",
-              "description": "Emitted when the alert opens."
-            },
-            {
-              "name": "terra-after-show",
-              "description": "Emitted after the alert opens and all animations are complete."
-            },
-            {
-              "name": "terra-hide",
-              "description": "Emitted when the alert closes."
-            },
-            {
-              "name": "terra-after-hide",
-              "description": "Emitted after the alert closes and all animations are complete."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "base", "type": "HTMLElement" },
-              { "name": "countdownElement", "type": "HTMLElement" },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-                "type": "boolean"
-              },
-              {
-                "name": "closable",
-                "description": "Enables a close button that allows the user to dismiss the alert.",
-                "type": "boolean"
-              },
-              {
-                "name": "variant",
-                "description": "The alert's theme variant.",
-                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              {
-                "name": "duration",
-                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own."
-              },
-              {
-                "name": "countdown",
-                "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-                "type": "'rtl' | 'ltr' | undefined"
-              }
-            ],
-            "events": [
-              {
-                "name": "terra-show",
-                "description": "Emitted when the alert opens."
-              },
-              {
-                "name": "terra-after-show",
-                "description": "Emitted after the alert opens and all animations are complete."
-              },
-              {
-                "name": "terra-hide",
-                "description": "Emitted when the alert closes."
-              },
-              {
-                "name": "terra-after-hide",
-                "description": "Emitted after the alert closes and all animations are complete."
-              }
-            ]
-          }
-        },
-        {
-          "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-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'" }
-            },
-            {
-              "name": "selected-variable-entry-ids",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "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": "selectedVariableEntryIds",
-                "type": "string | undefined"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
-            ],
-            "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" },
-              { "name": "_fetchVariableTask" }
-            ],
-            "events": [
-              {
-                "name": "terra-date-range-change",
-                "description": "Emitted whenever the date range of the date slider is updated"
-              }
-            ]
-          }
-        },
         {
           "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.",
@@ -592,78 +207,273 @@
                 "type": "string"
               },
               {
-                "name": "value",
-                "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
-                "type": "string"
+                "name": "value",
+                "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is present.",
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              {
+                "name": "rel",
+                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+                "type": "string"
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "form",
+                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+                "type": "string"
+              },
+              {
+                "name": "formAction",
+                "description": "Used to override the form owner's `action` attribute.",
+                "type": "string"
+              },
+              {
+                "name": "formEnctype",
+                "description": "Used to override the form owner's `enctype` attribute.",
+                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+              },
+              {
+                "name": "formMethod",
+                "description": "Used to override the form owner's `method` attribute.",
+                "type": "'post' | 'get'"
+              },
+              {
+                "name": "formNoValidate",
+                "description": "Used to override the form owner's `novalidate` attribute.",
+                "type": "boolean"
+              },
+              {
+                "name": "formTarget",
+                "description": "Used to override the form owner's `target` attribute.",
+                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+              },
+              {
+                "name": "forDialog",
+                "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
+                "type": "string | undefined"
+              },
+              {
+                "name": "expanded",
+                "description": "if button is used to control another element on the page, such as an accordion or dialog, this state communicates whether the controlled element is expanded",
+                "type": "boolean"
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object"
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "closable",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "variant",
+              "description": "The alert's theme variant.",
+              "value": {
+                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "duration",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "value": { "type": "string", "default": "Infinity" }
+            },
+            {
+              "name": "countdown",
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "value": { "type": "'rtl' | 'ltr' | undefined" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The alert's main content." }],
+          "events": [
+            {
+              "name": "terra-show",
+              "description": "Emitted when the alert opens."
+            },
+            {
+              "name": "terra-after-show",
+              "description": "Emitted after the alert opens and all animations are complete."
+            },
+            {
+              "name": "terra-hide",
+              "description": "Emitted when the alert closes."
+            },
+            {
+              "name": "terra-after-hide",
+              "description": "Emitted after the alert closes and all animations are complete."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "base", "type": "HTMLElement" },
+              { "name": "countdownElement", "type": "HTMLElement" },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+                "type": "boolean"
               },
               {
-                "name": "href",
-                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-                "type": "string"
+                "name": "closable",
+                "description": "Enables a close button that allows the user to dismiss the alert.",
+                "type": "boolean"
               },
               {
-                "name": "target",
-                "description": "Tells the browser where to open the link. Only used when `href` is present.",
-                "type": "'_blank' | '_parent' | '_self' | '_top'"
+                "name": "variant",
+                "description": "The alert's theme variant.",
+                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
               {
-                "name": "rel",
-                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
-                "type": "string"
+                "name": "duration",
+                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own."
               },
               {
-                "name": "download",
-                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-                "type": "string | undefined"
-              },
+                "name": "countdown",
+                "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+                "type": "'rtl' | 'ltr' | undefined"
+              }
+            ],
+            "events": [
               {
-                "name": "form",
-                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-                "type": "string"
+                "name": "terra-show",
+                "description": "Emitted when the alert opens."
               },
               {
-                "name": "formAction",
-                "description": "Used to override the form owner's `action` attribute.",
-                "type": "string"
+                "name": "terra-after-show",
+                "description": "Emitted after the alert opens and all animations are complete."
               },
               {
-                "name": "formEnctype",
-                "description": "Used to override the form owner's `enctype` attribute.",
-                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+                "name": "terra-hide",
+                "description": "Emitted when the alert closes."
               },
               {
-                "name": "formMethod",
-                "description": "Used to override the form owner's `method` attribute.",
-                "type": "'post' | 'get'"
-              },
+                "name": "terra-after-hide",
+                "description": "Emitted after the alert closes and all animations are complete."
+              }
+            ]
+          }
+        },
+        {
+          "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": "formNoValidate",
-                "description": "Used to override the form owner's `novalidate` attribute.",
-                "type": "boolean"
+                "name": "summary",
+                "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+                "type": "string"
               },
               {
-                "name": "formTarget",
-                "description": "Used to override the form owner's `target` attribute.",
-                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | 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": "forDialog",
-                "description": "Used to connect this button to a dqialog on the page. Clicking the button will toggle the dialog's visiblity",
-                "type": "string | undefined"
-              },
+                "name": "terra-accordion-toggle",
+                "description": "emitted when the accordion opens or closes"
+              }
+            ]
+          }
+        },
+        {
+          "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'" }
+            },
+            {
+              "name": "selected-variable-entry-ids",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
               {
-                "name": "expanded",
-                "description": "if button is used to control another element on the page, such as an accordion or dialog, this state communicates whether the controlled element is expanded",
-                "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": "validity",
-                "description": "Gets the validity state object"
+                "name": "selectedVariableEntryIds",
+                "type": "string | undefined"
               },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message"
-              }
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
             ],
             "events": []
           }
@@ -691,109 +501,175 @@
           }
         },
         {
-          "name": "terra-date-picker",
-          "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
+          "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": "id", "value": { "type": "string" } },
-            {
-              "name": "range",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "min-date", "value": { "type": "string | undefined" } },
-            { "name": "max-date", "value": { "type": "string | undefined" } },
-            { "name": "start-date", "value": { "type": "string | undefined" } },
-            { "name": "end-date", "value": { "type": "string | undefined" } },
-            {
-              "name": "default-date",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "allow-input",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "alt-format",
-              "value": { "type": "string", "default": "'F j, Y'" }
-            },
-            {
-              "name": "alt-input",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
-              "name": "alt-input-class",
-              "value": { "type": "string", "default": "''" }
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
             },
             {
-              "name": "date-format",
-              "value": { "type": "string", "default": "'Y-m-d'" }
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
             },
             {
-              "name": "enable-time",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
             },
             {
-              "name": "time-24hr",
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "week-numbers",
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "static",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "status",
+              "description": "status of the content",
+              "value": {
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
+              }
             },
             {
-              "name": "position",
+              "name": "content",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
               "value": {
-                "type": "'auto' | 'above' | 'below'",
-                "default": "'auto'"
+                "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-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": "show-months",
-              "value": { "type": "number", "default": "1" }
+              "name": "collection-entry-id",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "hide-label",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "show-collection-search",
+              "value": { "type": "boolean | undefined", "default": "true" }
             },
+            { "name": "job-id", "value": { "type": "string | undefined" } },
             {
-              "name": "label",
-              "value": { "type": "string", "default": "'Select Date'" }
+              "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)"
             }
           ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
           "js": {
             "properties": [
+              { "name": "collectionEntryId", "type": "string | undefined" },
+              { "name": "showCollectionSearch", "type": "boolean | undefined" },
+              { "name": "jobId", "type": "string | undefined" },
+              { "name": "bearerToken", "type": "string | undefined" },
               {
-                "name": "selectedDates",
-                "type": "{\n        startDate: string | null\n        endDate: string | null\n    }"
+                "name": "collectionWithServices",
+                "type": "CollectionWithAvailableServices | undefined"
               },
-              { "name": "id", "type": "string" },
-              { "name": "range", "type": "boolean" },
-              { "name": "minDate", "type": "string | undefined" },
-              { "name": "maxDate", "type": "string | undefined" },
-              { "name": "startDate", "type": "string | undefined" },
-              { "name": "endDate", "type": "string | undefined" },
-              { "name": "defaultDate", "type": "string | undefined" },
-              { "name": "allowInput", "type": "boolean" },
-              { "name": "altFormat", "type": "string" },
-              { "name": "altInput", "type": "boolean" },
-              { "name": "altInputClass", "type": "string" },
-              { "name": "dateFormat", "type": "string" },
-              { "name": "enableTime", "type": "boolean" },
-              { "name": "time24hr", "type": "boolean" },
-              { "name": "weekNumbers", "type": "boolean" },
-              { "name": "static", "type": "boolean" },
-              { "name": "position", "type": "'auto' | 'above' | 'below'" },
-              { "name": "showMonths", "type": "number" },
-              { "name": "hideLabel", "type": "boolean" },
-              { "name": "label", "type": "string" }
+              { "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": []
+            "events": [
+              {
+                "name": "terra-subset-job-complete",
+                "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
+              }
+            ]
           }
         },
         {
@@ -831,6 +707,101 @@
             "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" },
+              { "name": "_fetchVariableTask" }
+            ],
+            "events": [
+              {
+                "name": "terra-date-range-change",
+                "description": "Emitted whenever the date range of the date slider is updated"
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -881,80 +852,109 @@
           }
         },
         {
-          "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)",
+          "name": "terra-date-picker",
+          "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
           "doc-url": "",
           "attributes": [
+            { "name": "id", "value": { "type": "string" } },
+            {
+              "name": "range",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "min-date", "value": { "type": "string | undefined" } },
+            { "name": "max-date", "value": { "type": "string | undefined" } },
+            { "name": "start-date", "value": { "type": "string | undefined" } },
+            { "name": "end-date", "value": { "type": "string | undefined" } },
+            {
+              "name": "default-date",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "allow-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-format",
+              "value": { "type": "string", "default": "'F j, Y'" }
+            },
+            {
+              "name": "alt-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-input-class",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "date-format",
+              "value": { "type": "string", "default": "'Y-m-d'" }
+            },
+            {
+              "name": "enable-time",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "time-24hr",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "week-numbers",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
-              "name": "collection-entry-id",
-              "value": { "type": "string | undefined" }
+              "name": "static",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "show-collection-search",
-              "value": { "type": "boolean | undefined", "default": "true" }
+              "name": "position",
+              "value": {
+                "type": "'auto' | 'above' | 'below'",
+                "default": "'auto'"
+              }
             },
-            { "name": "job-id", "value": { "type": "string | undefined" } },
             {
-              "name": "bearer-token",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "events": [
+              "name": "show-months",
+              "value": { "type": "number", "default": "1" }
+            },
             {
-              "name": "terra-subset-job-complete",
-              "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
+              "name": "hide-label",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "'Select Date'" }
             }
           ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
           "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": "selectedDates",
+                "type": "{\n        startDate: string | null\n        endDate: string | null\n    }"
               },
-              { "name": "collectionLoading", "type": "boolean" },
-              { "name": "collectionAccordionOpen", "type": "boolean" },
-              { "name": "spatialPicker", "type": "TerraSpatialPicker" }
+              { "name": "id", "type": "string" },
+              { "name": "range", "type": "boolean" },
+              { "name": "minDate", "type": "string | undefined" },
+              { "name": "maxDate", "type": "string | undefined" },
+              { "name": "startDate", "type": "string | undefined" },
+              { "name": "endDate", "type": "string | undefined" },
+              { "name": "defaultDate", "type": "string | undefined" },
+              { "name": "allowInput", "type": "boolean" },
+              { "name": "altFormat", "type": "string" },
+              { "name": "altInput", "type": "boolean" },
+              { "name": "altInputClass", "type": "string" },
+              { "name": "dateFormat", "type": "string" },
+              { "name": "enableTime", "type": "boolean" },
+              { "name": "time24hr", "type": "boolean" },
+              { "name": "weekNumbers", "type": "boolean" },
+              { "name": "static", "type": "boolean" },
+              { "name": "position", "type": "'auto' | 'above' | 'below'" },
+              { "name": "showMonths", "type": "number" },
+              { "name": "hideLabel", "type": "boolean" },
+              { "name": "label", "type": "string" }
             ],
-            "events": [
-              {
-                "name": "terra-subset-job-complete",
-                "description": "called when a subset job enters a final state (e.g. successful, failed, completed_with_errors)"
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -1175,6 +1175,32 @@
             "events": []
           }
         },
+        {
+          "name": "terra-login",
+          "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "button-label",
+              "value": { "type": "string", "default": "'Earthdata Login'" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-login",
+              "description": "Emitted when a bearer token has been received from EDL."
+            }
+          ],
+          "js": {
+            "properties": [{ "name": "buttonLabel", "type": "string" }],
+            "events": [
+              {
+                "name": "terra-login",
+                "description": "Emitted when a bearer token has been received from EDL."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-map",
           "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -1271,32 +1297,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-login",
-          "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "button-label",
-              "value": { "type": "string", "default": "'Earthdata Login'" }
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-login",
-              "description": "Emitted when a bearer token has been received from EDL."
-            }
-          ],
-          "js": {
-            "properties": [{ "name": "buttonLabel", "type": "string" }],
-            "events": [
-              {
-                "name": "terra-login",
-                "description": "Emitted when a bearer token has been received from EDL."
-              }
-            ]
-          }
-        },
         {
           "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.",
@@ -1561,59 +1561,6 @@
             "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": "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": "long_name", "type": "string" },
-              { "name": "activeMenuItem", "type": "any" },
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "colormaps", "type": "array" },
-              { "name": "colorMapName", "type": "string" },
-              { "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",
@@ -1830,6 +1777,59 @@
             ]
           }
         },
+        {
+          "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": "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": "long_name", "type": "string" },
+              { "name": "activeMenuItem", "type": "any" },
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "colormaps", "type": "array" },
+              { "name": "colorMapName", "type": "string" },
+              { "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-keyword-search",
           "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host 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.",