@nasa-terra/components 0.0.77 → 0.0.80

package/cdn/custom-elements.json

@@ -4,414 +4,247 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "components/alert/alert.js",
+      "path": "components/accordion/accordion.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAlert",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the optional icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the alert's main content.",
-              "name": "message"
-            }
-          ],
+          "name": "TerraAccordion",
           "slots": [
             {
-              "description": "The alert's main content.",
+              "description": "The default slot for accordion content.",
               "name": ""
+            },
+            {
+              "description": "The summary/header for the accordion (optional, overrides summary property)",
+              "name": "summary"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "autoHideTimeout",
+              "name": "dependencies",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "remainingTimeInterval",
+              "name": "summary",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private"
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "attribute": "summary"
             },
             {
               "kind": "field",
-              "name": "countdownAnimation",
+              "name": "open",
               "type": {
-                "text": "Animation | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "currentToastStack",
+              "name": "showArrow",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "static": true
+              "default": "true",
+              "attribute": "showArrow"
             },
             {
-              "kind": "field",
-              "name": "toastStack",
+              "kind": "method",
+              "name": "handleToggle",
               "privacy": "private",
-              "static": true,
-              "readonly": true
-            },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
+              "description": "emitted when the accordion opens or closes",
+              "name": "terra-accordion-toggle",
+              "reactName": "onTerraAccordionToggle",
+              "eventName": "TerraAccordionToggleEvent"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "countdownElement",
+              "name": "summary",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "fieldName": "summary"
             },
             {
-              "kind": "field",
               "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "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.",
-              "attribute": "open",
-              "reflects": true
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "fieldName": "open"
             },
             {
-              "kind": "field",
-              "name": "closable",
+              "name": "showArrow",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
-            },
+              "default": "true",
+              "fieldName": "showArrow"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A collapsible content panel for showing and hiding content.",
+          "tagNameWithoutPrefix": "accordion",
+          "tagName": "terra-accordion",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://disc.gsfc.nasa.gov/components/accordion\n * @status experimental\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/accordion",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "terra-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAccordion",
+            "module": "components/accordion/accordion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/browse-variables/browse-variables.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraBrowseVariables",
+          "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "dependencies",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "object"
               },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "static": true,
+              "default": "{\n        'terra-variable-keyword-search': TerraVariableKeywordSearch,\n        'terra-button': TerraButton,\n        'terra-skeleton': TerraSkeleton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
             },
             {
               "kind": "field",
-              "name": "duration",
-              "default": "Infinity",
-              "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.",
-              "attribute": "duration"
+              "name": "catalog",
+              "type": {
+                "text": "'giovanni'"
+              },
+              "default": "'giovanni'",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "attribute": "catalog"
             },
             {
               "kind": "field",
-              "name": "countdown",
+              "name": "selectedVariableEntryIds",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "string | undefined"
               },
-              "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.",
-              "attribute": "countdown",
+              "attribute": "selected-variable-entry-ids",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
+              "name": "searchQuery",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "restartAutoHide",
-              "privacy": "private"
+              "kind": "field",
+              "name": "selectedFacets",
+              "type": {
+                "text": "SelectedFacets"
+              },
+              "default": "{}"
             },
             {
-              "kind": "method",
-              "name": "pauseAutoHide",
-              "privacy": "private"
+              "kind": "field",
+              "name": "selectedVariables",
+              "type": {
+                "text": "Variable[]"
+              },
+              "default": "[]"
             },
             {
-              "kind": "method",
-              "name": "resumeAutoHide",
-              "privacy": "private"
+              "kind": "field",
+              "name": "showVariablesBrowse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "handleCountdownChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "#controller",
+              "privacy": "private",
+              "default": "new BrowseVariablesController(this)"
             },
             {
               "kind": "method",
-              "name": "handleCloseClick",
-              "privacy": "private"
+              "name": "handleSelectedVariablesChange"
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "reset"
             },
             {
               "kind": "method",
-              "name": "handleDurationChange"
+              "name": "handleObservationChange"
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
+              "name": "toggleFacetSelect",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
-            },
-            {
-              "kind": "method",
-              "name": "toast",
-              "description": "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."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the alert opens.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
-            },
-            {
-              "description": "Emitted after the alert opens and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the alert closes.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
-            },
-            {
-              "description": "Emitted after the alert closes and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "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.",
-              "fieldName": "open"
-            },
-            {
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "fieldName": "closable"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "duration",
-              "default": "Infinity",
-              "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.",
-              "resolveInitializer": {
-                "module": "src/components/alert/alert.component.ts"
-              },
-              "fieldName": "duration"
-            },
-            {
-              "name": "countdown",
-              "type": {
-                "text": "'rtl' | 'ltr' | undefined"
-              },
-              "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.",
-              "fieldName": "countdown"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Alerts are used to display important messages inline or as toast notifications.",
-          "tagNameWithoutPrefix": "alert",
-          "tagName": "terra-alert",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
-          "documentation": "https://shoelace.style/components/alert",
-          "status": "stable",
-          "since": "2.0",
-          "animations": [
-            {
-              "name": "alert.show",
-              "description": "The animation to use when showing the alert."
-            },
-            {
-              "name": "alert.hide",
-              "description": "The animation to use when hiding the alert."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/browse-variables/browse-variables.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraBrowseVariables",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-variable-keyword-search': TerraVariableKeywordSearch,\n        'terra-button': TerraButton,\n        'terra-skeleton': TerraSkeleton,\n        'terra-icon': TerraIcon,\n        'terra-loader': TerraLoader,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "catalog",
-              "type": {
-                "text": "'giovanni'"
-              },
-              "default": "'giovanni'",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "attribute": "catalog"
-            },
-            {
-              "kind": "field",
-              "name": "selectedVariableEntryIds",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "selected-variable-entry-ids",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "searchQuery",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectedFacets",
-              "type": {
-                "text": "SelectedFacets"
-              },
-              "default": "{}"
-            },
-            {
-              "kind": "field",
-              "name": "selectedVariables",
-              "type": {
-                "text": "Variable[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "showVariablesBrowse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "#controller",
-              "privacy": "private",
-              "default": "new BrowseVariablesController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectedVariablesChange"
-            },
-            {
-              "kind": "method",
-              "name": "reset"
-            },
-            {
-              "kind": "method",
-              "name": "handleObservationChange"
-            },
-            {
-              "kind": "method",
-              "name": "toggleFacetSelect",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleSearch",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraVariableKeywordSearchChangeEvent"
-                  }
-                }
-              ]
+              "name": "handleSearch",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "TerraVariableKeywordSearchChangeEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -580,40 +413,93 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/accordion/accordion.js",
+      "path": "components/alert/alert.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAccordion",
-          "slots": [
+          "name": "TerraAlert",
+          "cssParts": [
             {
-              "description": "The default slot for accordion content.",
-              "name": ""
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The summary/header for the accordion (optional, overrides summary property)",
-              "name": "summary"
+              "description": "The container that wraps the optional icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the alert's main content.",
+              "name": "message"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The alert's main content.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "autoHideTimeout",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "summary",
+              "name": "remainingTimeInterval",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "attribute": "summary"
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "countdownAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "currentToastStack",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "toastStack",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "countdownElement",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
@@ -622,82 +508,196 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "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.",
               "attribute": "open",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "showArrow",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "attribute": "showArrow"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "default": "Infinity",
+              "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.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "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.",
+              "attribute": "countdown",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "remainingTime",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleToggle",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "restartAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "pauseAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "resumeAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCloseClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDurationChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the alert."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the alert"
+            },
+            {
+              "kind": "method",
+              "name": "toast",
+              "description": "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."
             }
           ],
           "events": [
             {
-              "description": "emitted when the accordion opens or closes",
-              "name": "terra-accordion-toggle",
-              "reactName": "onTerraAccordionToggle",
-              "eventName": "TerraAccordionToggleEvent"
+              "description": "Emitted when the alert opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the alert opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the alert closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after the alert closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "summary",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "fieldName": "summary"
+              "default": "false",
+              "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.",
+              "fieldName": "open"
             },
             {
-              "name": "open",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "fieldName": "open"
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
             },
             {
-              "name": "showArrow",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "true",
-              "fieldName": "showArrow"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "duration",
+              "default": "Infinity",
+              "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.",
+              "resolveInitializer": {
+                "module": "src/components/alert/alert.component.ts"
+              },
+              "fieldName": "duration"
+            },
+            {
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "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.",
+              "fieldName": "countdown"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A collapsible content panel for showing and hiding content.",
-          "tagNameWithoutPrefix": "accordion",
-          "tagName": "terra-accordion",
+          "summary": "Alerts are used to display important messages inline or as toast notifications.",
+          "tagNameWithoutPrefix": "alert",
+          "tagName": "terra-alert",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://disc.gsfc.nasa.gov/components/accordion\n * @status experimental\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/accordion",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
+          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://shoelace.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
+          "documentation": "https://shoelace.style/components/alert",
+          "status": "stable",
+          "since": "2.0",
+          "animations": [
+            {
+              "name": "alert.show",
+              "description": "The animation to use when showing the alert."
+            },
+            {
+              "name": "alert.hide",
+              "description": "The animation to use when hiding the alert."
+            }
           ]
         }
       ],
@@ -706,8 +706,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAccordion",
-            "module": "components/accordion/accordion.js"
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
           }
         }
       ]
@@ -1484,21 +1484,260 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/combobox.js",
+      "path": "components/data-rods/data-rods.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraCombobox",
-          "cssProperties": [
-            {
-              "description": "The height of the host element.",
-              "name": "--host-height"
-            },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
+          "name": "TerraDataRods",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "variableEntryId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "collection",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "attribute": "collection",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variable",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "attribute": "variable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "startDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "start-date",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "endDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "attribute": "end-date",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The point location in \"lat,lon\" format.",
+              "attribute": "location",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "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).",
+              "attribute": "bearer-token"
+            },
+            {
+              "kind": "field",
+              "name": "catalogVariable",
+              "type": {
+                "text": "Variable"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_fetchVariableTask"
+            },
+            {
+              "kind": "method",
+              "name": "#handleDateRangeSliderChangeEvent",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraDateRangeChangeEvent"
+                  }
+                }
+              ],
+              "description": "anytime the date range slider changes, update the start and end date"
+            },
+            {
+              "kind": "method",
+              "name": "#handleVariableChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraComboboxChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleMapChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TerraMapChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleTimeSeriesDateRangeChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted whenever the date range of the date slider is updated",
+              "name": "terra-date-range-change",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variable-entry-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "fieldName": "variableEntryId"
+            },
+            {
+              "name": "collection",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "fieldName": "collection"
+            },
+            {
+              "name": "variable",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "fieldName": "variable"
+            },
+            {
+              "name": "start-date",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "startDate"
+            },
+            {
+              "name": "end-date",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "fieldName": "endDate"
+            },
+            {
+              "name": "location",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The point location in \"lat,lon\" format.",
+              "fieldName": "location"
+            },
+            {
+              "name": "bearer-token",
+              "type": {
+                "text": "string"
+              },
+              "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).",
+              "fieldName": "bearerToken"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API",
+          "tagNameWithoutPrefix": "data-rods",
+          "tagName": "terra-data-rods",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n * @documentation https://disc.gsfc.nasa.gov/components/data-rods\n * @status mvp\n * @since 1.0\n *\n * @event terra-date-range-change - Emitted whenever the date range of the date slider is updated\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/data-rods",
+          "status": "mvp",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraDataRods",
+            "module": "components/data-rods/data-rods.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/combobox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraCombobox",
+          "cssProperties": [
+            {
+              "description": "The height of the host element.",
+              "name": "--host-height"
+            },
+            {
+              "description": "The height of the search help element.",
+              "name": "--help-height"
+            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -1840,260 +2079,21 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/data-rods/data-rods.js",
+      "path": "components/data-subsetter/data-subsetter.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraDataRods",
+          "name": "TerraDataSubsetter",
           "members": [
             {
               "kind": "field",
               "name": "dependencies",
               "type": {
-                "text": "object"
+                "text": "Record<string, typeof TerraElement>"
               },
               "static": true,
-              "default": "{\n        'terra-time-series': TerraTimeSeries,\n        'terra-date-range-slider': TerraDateRangeSlider,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-variable-combobox': TerraVariableCombobox,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "variableEntryId",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "attribute": "collection",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variable",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "attribute": "variable",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "startDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "endDate",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "end-date",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "location",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The point location in \"lat,lon\" format.",
-              "attribute": "location",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "bearerToken",
-              "type": {
-                "text": "string"
-              },
-              "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).",
-              "attribute": "bearer-token"
-            },
-            {
-              "kind": "field",
-              "name": "catalogVariable",
-              "type": {
-                "text": "Variable"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_fetchVariableTask"
-            },
-            {
-              "kind": "method",
-              "name": "#handleDateRangeSliderChangeEvent",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraDateRangeChangeEvent"
-                  }
-                }
-              ],
-              "description": "anytime the date range slider changes, update the start and end date"
-            },
-            {
-              "kind": "method",
-              "name": "#handleVariableChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraComboboxChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleMapChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TerraMapChangeEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleTimeSeriesDateRangeChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted whenever the date range of the date slider is updated",
-              "name": "terra-date-range-change",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variable-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
-            },
-            {
-              "name": "variable",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
-            },
-            {
-              "name": "start-date",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
-            },
-            {
-              "name": "end-date",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
-            },
-            {
-              "name": "location",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The point location in \"lat,lon\" format.",
-              "fieldName": "location"
-            },
-            {
-              "name": "bearer-token",
-              "type": {
-                "text": "string"
-              },
-              "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).",
-              "fieldName": "bearerToken"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API",
-          "tagNameWithoutPrefix": "data-rods",
-          "tagName": "terra-data-rods",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n * @documentation https://disc.gsfc.nasa.gov/components/data-rods\n * @status mvp\n * @since 1.0\n *\n * @event terra-date-range-change - Emitted whenever the date range of the date slider is updated\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/data-rods",
-          "status": "mvp",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraDataRods",
-            "module": "components/data-rods/data-rods.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/data-subsetter/data-subsetter.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraDataSubsetter",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "Record<string, typeof TerraElement>"
-              },
-              "static": true,
-              "default": "{\n        'terra-accordion': TerraAccordion,\n        'terra-date-picker': TerraDatePicker,\n        'terra-icon': TerraIcon,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-login': TerraLogin,\n    }"
+              "default": "{\n        'terra-accordion': TerraAccordion,\n        'terra-date-picker': TerraDatePicker,\n        'terra-icon': TerraIcon,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-login': TerraLogin,\n    }"
             },
             {
               "kind": "field",
@@ -2819,7 +2819,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "attribute": "allow-input"
             },
             {
@@ -3013,7 +3013,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "fieldName": "allowInput"
             },
             {
@@ -4147,395 +4147,418 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/map/map.js",
+      "path": "components/plot-toolbar/plot-toolbar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraMap",
-          "members": [
+          "name": "TerraPlotToolbar",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "minZoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum zoom level of the map.",
-              "attribute": "min-zoom"
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
             },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "maxZoom",
+              "name": "dependencies",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "default": "23",
-              "description": "Maximum zoom level of the map.",
-              "attribute": "max-zoom"
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n        'terra-map': TerraMap,\n    }"
             },
             {
               "kind": "field",
-              "name": "zoom",
+              "name": "catalogVariable",
               "type": {
-                "text": "number"
+                "text": "Variable"
               },
-              "default": "1",
-              "description": "Initial map zoom level",
-              "attribute": "zoom"
+              "attribute": "catalogVariable"
             },
             {
               "kind": "field",
-              "name": "hasNavigation",
+              "name": "variableEntryId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "has map navigation toolbar",
-              "attribute": "has-navigation"
+              "attribute": "variableEntryId"
             },
             {
               "kind": "field",
-              "name": "hasCoordTracker",
+              "name": "plot",
               "type": {
-                "text": "boolean"
+                "text": "TerraPlot | undefined"
               },
-              "default": "false",
-              "description": "has coordinate tracker",
-              "attribute": "has-coord-tracker"
+              "attribute": "plot"
             },
             {
               "kind": "field",
-              "name": "hasShapeSelector",
+              "name": "timeSeriesData",
+              "type": {
+                "text": "Partial<Data>[] | Blob | undefined"
+              },
+              "attribute": "timeSeriesData"
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "location"
+            },
+            {
+              "kind": "field",
+              "name": "startDate",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "startDate"
+            },
+            {
+              "kind": "field",
+              "name": "endDate",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "endDate"
+            },
+            {
+              "kind": "field",
+              "name": "cacheKey",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "cacheKey"
+            },
+            {
+              "kind": "field",
+              "name": "dataType",
+              "type": {
+                "text": "DataType"
+              },
+              "attribute": "dataType"
+            },
+            {
+              "kind": "field",
+              "name": "showLocation",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "has shape selector",
-              "attribute": "has-shape-selector"
+              "default": "true",
+              "attribute": "show-location"
             },
             {
               "kind": "field",
-              "name": "hideBoundingBoxSelection",
+              "name": "activeMenuItem",
               "type": {
-                "text": "boolean | undefined"
+                "text": "MenuNames"
               },
-              "attribute": "hide-bounding-box-selection"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "hidePointSelection",
+              "name": "showLocationTooltip",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "attribute": "hide-point-selection"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "locationMapValue",
               "type": {
                 "text": "any"
               },
-              "default": "[]",
-              "attribute": "value"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "mapElement",
+              "name": "#tooltipTimeout",
+              "privacy": "private",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "number | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "menu",
+              "type": {
+                "text": "HTMLMenuElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "_authController",
+              "default": "new AuthController(this)"
+            },
             {
               "kind": "method",
-              "name": "valueChanged",
+              "name": "handleFocus",
               "parameters": [
                 {
                   "name": "_oldValue",
                   "type": {
-                    "text": "any"
+                    "text": "MenuNames"
                   }
                 },
                 {
                   "name": "newValue",
                   "type": {
-                    "text": "any"
+                    "text": "MenuNames"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "map",
-              "default": "new Leaflet()"
-            },
-            {
-              "kind": "field",
-              "name": "shapes",
-              "type": {
-                "text": "ShapeFilesResponse"
-              },
-              "description": "List of geojson shapes"
+              "kind": "method",
+              "name": "closeMenu"
             },
             {
-              "kind": "field",
-              "name": "_mapController",
-              "type": {
-                "text": "MapController"
-              },
-              "default": "new MapController(this)"
+              "kind": "method",
+              "name": "#handleLocationMouseEnter"
             },
             {
               "kind": "method",
-              "name": "getDrawLayer"
+              "name": "#handleLocationMouseLeave"
             },
             {
               "kind": "method",
-              "name": "#markDynamicLeafletContent"
+              "name": "#getLocationIcon"
             },
             {
               "kind": "method",
-              "name": "selectTemplate"
+              "name": "#handleActiveMenuItem",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "invalidateSize"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "min-zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum zoom level of the map.",
-              "fieldName": "minZoom"
+              "name": "#handleMenuLeave",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "max-zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "23",
-              "description": "Maximum zoom level of the map.",
-              "fieldName": "maxZoom"
+              "kind": "method",
+              "name": "#renderInfoPanel"
             },
             {
-              "name": "zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Initial map zoom level",
-              "fieldName": "zoom"
+              "kind": "method",
+              "name": "#renderDownloadPanel"
             },
             {
-              "name": "has-navigation",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "has map navigation toolbar",
-              "fieldName": "hasNavigation"
+              "kind": "method",
+              "name": "#renderHelpPanel"
             },
             {
-              "name": "has-coord-tracker",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "has coordinate tracker",
-              "fieldName": "hasCoordTracker"
+              "kind": "method",
+              "name": "#renderJupyterNotebookPanel"
             },
             {
-              "name": "has-shape-selector",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "has shape selector",
-              "fieldName": "hasShapeSelector"
+              "kind": "method",
+              "name": "#handleJupyterNotebookClick"
             },
             {
-              "name": "hide-bounding-box-selection",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "fieldName": "hideBoundingBoxSelection"
+              "kind": "method",
+              "name": "#sendDataToJupyterNotebook",
+              "parameters": [
+                {
+                  "name": "jupyterWindow",
+                  "type": {
+                    "text": "Window"
+                  }
+                }
+              ]
             },
             {
-              "name": "hide-point-selection",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "fieldName": "hidePointSelection"
+              "kind": "method",
+              "name": "#sendTimeSeriesDataToJupyterNotebook",
+              "parameters": [
+                {
+                  "name": "jupyterWindow",
+                  "type": {
+                    "text": "Window"
+                  }
+                }
+              ]
             },
             {
-              "name": "value",
-              "type": {
-                "text": "any"
+              "kind": "method",
+              "name": "#sendMapDataToJupyterNotebook",
+              "parameters": [
+                {
+                  "name": "jupyterWindow",
+                  "type": {
+                    "text": "Window"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#downloadPNG",
+              "parameters": [
+                {
+                  "name": "_event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#downloadCSV",
+              "parameters": [
+                {
+                  "name": "_event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#convertToCSV",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "default": "[]",
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "A map component for visualizing and selecting coordinates.",
-          "tagNameWithoutPrefix": "map",
-          "tagName": "terra-map",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A map component for visualizing and selecting coordinates.\n * @documentation https://disc.gsfc.nasa.gov/components/map\n * @status mvp\n * @since 1.0\n *\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/map",
-          "status": "mvp",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraMap",
-            "module": "components/map/map.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/plot/plot.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraPlot",
-          "cssParts": [
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "any[]"
+                  }
+                }
+              ]
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "kind": "method",
+              "name": "#downloadGeotiff"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
+              "name": "catalogVariable",
               "type": {
-                "text": "ResizeObserver"
-              }
+                "text": "Variable"
+              },
+              "fieldName": "catalogVariable"
             },
             {
-              "kind": "field",
-              "name": "base",
+              "name": "variableEntryId",
               "type": {
-                "text": "PlotlyHTMLElement"
-              }
+                "text": "string"
+              },
+              "fieldName": "variableEntryId"
             },
             {
-              "kind": "field",
-              "name": "plotTitle",
+              "name": "plot",
               "type": {
-                "text": "string | undefined"
+                "text": "TerraPlot | undefined"
               },
-              "attribute": "plotTitle"
+              "fieldName": "plot"
             },
             {
-              "kind": "field",
-              "name": "layout",
+              "name": "timeSeriesData",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "Partial<Data>[] | Blob | undefined"
               },
-              "default": "{}",
-              "attribute": "layout"
+              "fieldName": "timeSeriesData"
             },
             {
-              "kind": "field",
-              "name": "config",
+              "name": "location",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "string"
               },
-              "default": "{}",
-              "attribute": "config"
+              "fieldName": "location"
             },
             {
-              "kind": "field",
-              "name": "data",
+              "name": "startDate",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "string"
               },
-              "default": "[]",
-              "attribute": "data"
-            },
-            {
-              "kind": "method",
-              "name": "handleDataChange"
-            },
-            {
-              "kind": "method",
-              "name": "updatePlotWithData"
+              "fieldName": "startDate"
             },
             {
-              "kind": "method",
-              "name": "#handlePlotlyRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PlotRelayoutEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "plotTitle",
+              "name": "endDate",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "fieldName": "plotTitle"
+              "fieldName": "endDate"
             },
             {
-              "name": "layout",
+              "name": "cacheKey",
               "type": {
-                "text": "Partial<Layout> | undefined"
+                "text": "string"
               },
-              "default": "{}",
-              "fieldName": "layout"
+              "fieldName": "cacheKey"
             },
             {
-              "name": "config",
+              "name": "dataType",
               "type": {
-                "text": "Partial<Config> | undefined"
+                "text": "DataType"
               },
-              "default": "{}",
-              "fieldName": "config"
+              "fieldName": "dataType"
             },
             {
-              "name": "data",
+              "name": "show-location",
               "type": {
-                "text": "Array<Partial<Data>>"
+                "text": "boolean"
               },
-              "default": "[]",
-              "fieldName": "data"
+              "default": "true",
+              "fieldName": "showLocation"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A web component for interactive graphs using Plotly.js.",
-          "tagNameWithoutPrefix": "plot",
-          "tagName": "terra-plot",
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "plot-toolbar",
+          "tagName": "terra-plot-toolbar",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/plot-toolbar\n * @status experimental\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/plot-toolbar",
           "status": "experimental",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "terra-example"
+          ]
         }
       ],
       "exports": [
@@ -4543,372 +4566,276 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlot",
-            "module": "components/plot/plot.js"
+            "name": "TerraPlotToolbar",
+            "module": "components/plot-toolbar/plot-toolbar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/plot-toolbar/plot-toolbar.js",
+      "path": "components/map/map.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraPlotToolbar",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
+          "name": "TerraMap",
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "catalogVariable",
+              "name": "minZoom",
               "type": {
-                "text": "Variable"
+                "text": "number"
               },
-              "attribute": "catalogVariable"
+              "default": "0",
+              "description": "Minimum zoom level of the map.",
+              "attribute": "min-zoom"
             },
             {
               "kind": "field",
-              "name": "variableEntryId",
+              "name": "maxZoom",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "attribute": "variableEntryId"
+              "default": "23",
+              "description": "Maximum zoom level of the map.",
+              "attribute": "max-zoom"
             },
             {
               "kind": "field",
-              "name": "plot",
+              "name": "zoom",
               "type": {
-                "text": "TerraPlot | undefined"
+                "text": "number"
               },
-              "attribute": "plot"
+              "default": "1",
+              "description": "Initial map zoom level",
+              "attribute": "zoom"
             },
             {
               "kind": "field",
-              "name": "timeSeriesData",
+              "name": "hasNavigation",
               "type": {
-                "text": "Partial<Data>[] | Blob | undefined"
+                "text": "boolean"
               },
-              "attribute": "timeSeriesData"
+              "default": "false",
+              "description": "has map navigation toolbar",
+              "attribute": "has-navigation"
             },
             {
               "kind": "field",
-              "name": "location",
+              "name": "hasCoordTracker",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "location"
+              "default": "false",
+              "description": "has coordinate tracker",
+              "attribute": "has-coord-tracker"
             },
             {
               "kind": "field",
-              "name": "startDate",
+              "name": "hasShapeSelector",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "startDate"
+              "default": "false",
+              "description": "has shape selector",
+              "attribute": "has-shape-selector"
             },
             {
               "kind": "field",
-              "name": "endDate",
+              "name": "hideBoundingBoxSelection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "attribute": "endDate"
+              "attribute": "hide-bounding-box-selection"
             },
             {
               "kind": "field",
-              "name": "cacheKey",
+              "name": "hidePointSelection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "attribute": "cacheKey"
+              "attribute": "hide-point-selection"
             },
             {
               "kind": "field",
-              "name": "dataType",
+              "name": "staticMode",
               "type": {
-                "text": "DataType"
+                "text": "boolean | undefined"
               },
-              "attribute": "dataType"
+              "default": "false",
+              "attribute": "staticMode"
             },
             {
               "kind": "field",
-              "name": "activeMenuItem",
+              "name": "value",
               "type": {
-                "text": "MenuNames"
+                "text": "any"
               },
-              "default": "null"
+              "default": "[]",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "menu",
+              "name": "mapElement",
               "type": {
-                "text": "HTMLMenuElement"
+                "text": "HTMLDivElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "_authController",
-              "default": "new AuthController(this)"
-            },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "valueChanged",
               "parameters": [
                 {
                   "name": "_oldValue",
                   "type": {
-                    "text": "MenuNames"
+                    "text": "any"
                   }
                 },
                 {
                   "name": "newValue",
                   "type": {
-                    "text": "MenuNames"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "closeMenu"
-            },
-            {
-              "kind": "method",
-              "name": "#handleActiveMenuItem",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#handleMenuLeave",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
+                    "text": "any"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "#renderInfoPanel"
-            },
-            {
-              "kind": "method",
-              "name": "#renderDownloadPanel"
-            },
-            {
-              "kind": "method",
-              "name": "#renderHelpPanel"
-            },
-            {
-              "kind": "method",
-              "name": "#renderJupyterNotebookPanel"
+              "kind": "field",
+              "name": "map",
+              "default": "new Leaflet()"
             },
             {
-              "kind": "method",
-              "name": "#handleJupyterNotebookClick"
+              "kind": "field",
+              "name": "shapes",
+              "type": {
+                "text": "ShapeFilesResponse"
+              },
+              "description": "List of geojson shapes"
             },
             {
-              "kind": "method",
-              "name": "#sendDataToJupyterNotebook",
-              "parameters": [
-                {
-                  "name": "jupyterWindow",
-                  "type": {
-                    "text": "Window"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_mapController",
+              "type": {
+                "text": "MapController"
+              },
+              "default": "new MapController(this)"
             },
             {
               "kind": "method",
-              "name": "#sendTimeSeriesDataToJupyterNotebook",
-              "parameters": [
-                {
-                  "name": "jupyterWindow",
-                  "type": {
-                    "text": "Window"
-                  }
-                }
-              ]
+              "name": "getDrawLayer"
             },
             {
               "kind": "method",
-              "name": "#sendMapDataToJupyterNotebook",
-              "parameters": [
-                {
-                  "name": "jupyterWindow",
-                  "type": {
-                    "text": "Window"
-                  }
-                }
-              ]
+              "name": "#markDynamicLeafletContent"
             },
             {
               "kind": "method",
-              "name": "#downloadPNG",
-              "parameters": [
-                {
-                  "name": "_event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "selectTemplate"
             },
             {
               "kind": "method",
-              "name": "#downloadCSV",
-              "parameters": [
-                {
-                  "name": "_event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
+              "name": "invalidateSize"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "#convertToCSV",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "min-zoom",
+              "type": {
+                "text": "number"
               },
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "any[]"
-                  }
-                }
-              ]
+              "default": "0",
+              "description": "Minimum zoom level of the map.",
+              "fieldName": "minZoom"
             },
             {
-              "kind": "method",
-              "name": "#downloadGeotiff"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "catalogVariable",
+              "name": "max-zoom",
               "type": {
-                "text": "Variable"
+                "text": "number"
               },
-              "fieldName": "catalogVariable"
+              "default": "23",
+              "description": "Maximum zoom level of the map.",
+              "fieldName": "maxZoom"
             },
             {
-              "name": "variableEntryId",
+              "name": "zoom",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "fieldName": "variableEntryId"
+              "default": "1",
+              "description": "Initial map zoom level",
+              "fieldName": "zoom"
             },
             {
-              "name": "plot",
+              "name": "has-navigation",
               "type": {
-                "text": "TerraPlot | undefined"
+                "text": "boolean"
               },
-              "fieldName": "plot"
+              "default": "false",
+              "description": "has map navigation toolbar",
+              "fieldName": "hasNavigation"
             },
             {
-              "name": "timeSeriesData",
+              "name": "has-coord-tracker",
               "type": {
-                "text": "Partial<Data>[] | Blob | undefined"
+                "text": "boolean"
               },
-              "fieldName": "timeSeriesData"
+              "default": "false",
+              "description": "has coordinate tracker",
+              "fieldName": "hasCoordTracker"
             },
             {
-              "name": "location",
+              "name": "has-shape-selector",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "location"
+              "default": "false",
+              "description": "has shape selector",
+              "fieldName": "hasShapeSelector"
             },
             {
-              "name": "startDate",
+              "name": "hide-bounding-box-selection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "fieldName": "startDate"
+              "fieldName": "hideBoundingBoxSelection"
             },
             {
-              "name": "endDate",
+              "name": "hide-point-selection",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "fieldName": "endDate"
+              "fieldName": "hidePointSelection"
             },
             {
-              "name": "cacheKey",
+              "name": "staticMode",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "fieldName": "cacheKey"
+              "default": "false",
+              "fieldName": "staticMode"
             },
             {
-              "name": "dataType",
+              "name": "value",
               "type": {
-                "text": "DataType"
+                "text": "any"
               },
-              "fieldName": "dataType"
+              "default": "[]",
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "plot-toolbar",
-          "tagName": "terra-plot-toolbar",
+          "summary": "A map component for visualizing and selecting coordinates.",
+          "tagNameWithoutPrefix": "map",
+          "tagName": "terra-map",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://disc.gsfc.nasa.gov/components/plot-toolbar\n * @status experimental\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/plot-toolbar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "terra-example"
-          ]
+          "jsDoc": "/**\n * @summary A map component for visualizing and selecting coordinates.\n * @documentation https://disc.gsfc.nasa.gov/components/map\n * @status mvp\n * @since 1.0\n *\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/map",
+          "status": "mvp",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -4916,8 +4843,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlotToolbar",
-            "module": "components/plot-toolbar/plot-toolbar.js"
+            "name": "TerraMap",
+            "module": "components/map/map.js"
           }
         }
       ]
@@ -5202,6 +5129,15 @@
               },
               "default": "''"
             },
+            {
+              "kind": "field",
+              "name": "_popoverFlipped",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "spatialInput",
@@ -5216,6 +5152,13 @@
                 "text": "TerraMap"
               }
             },
+            {
+              "kind": "field",
+              "name": "spatialPicker",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
             {
               "kind": "method",
               "name": "setValue",
@@ -5251,6 +5194,17 @@
               "name": "_click",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_checkPopoverPosition",
+              "privacy": "private",
+              "description": "The spatial picker will either be positioned above or below the input depending on the space available",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_emitMapChange",
@@ -5277,6 +5231,11 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_handleResize",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "renderMap"
@@ -5383,51 +5342,195 @@
               "fieldName": "label"
             },
             {
-              "name": "spatial-constraints",
+              "name": "spatial-constraints",
+              "type": {
+                "text": "string"
+              },
+              "default": "'-180, -90, 180, 90'",
+              "description": "Spatial constraints for the map (default: '-180, -90, 180, 90')",
+              "fieldName": "spatialConstraints"
+            },
+            {
+              "name": "is-expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isExpanded"
+            },
+            {
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the map should be shown inline, or as part of the normal content flow\nthe default is false, the map is positioned absolute under the input",
+              "fieldName": "inline"
+            },
+            {
+              "name": "show-map-on-focus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the map should show automatically when the input is focused",
+              "fieldName": "showMapOnFocus"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A component that allows input of coordinates and rendering of map.",
+          "tagNameWithoutPrefix": "spatial-picker",
+          "tagName": "terra-spatial-picker",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component that allows input of coordinates and rendering of map.\n * @documentation https://disc.gsfc.nasa.gov/components/spatial-picker\n * @status experimental\n * @since 1.0\n *\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/spatial-picker",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraSpatialPicker",
+            "module": "components/spatial-picker/spatial-picker.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/plot/plot.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraPlot",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "PlotlyHTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "plotTitle",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "plotTitle"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "Partial<Layout> | undefined"
+              },
+              "default": "{}",
+              "attribute": "layout"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "Partial<Config> | undefined"
+              },
+              "default": "{}",
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "Array<Partial<Data>>"
+              },
+              "default": "[]",
+              "attribute": "data"
+            },
+            {
+              "kind": "method",
+              "name": "handleDataChange"
+            },
+            {
+              "kind": "method",
+              "name": "updatePlotWithData"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotlyRelayout",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PlotRelayoutEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "plotTitle",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'-180, -90, 180, 90'",
-              "description": "Spatial constraints for the map (default: '-180, -90, 180, 90')",
-              "fieldName": "spatialConstraints"
+              "fieldName": "plotTitle"
             },
             {
-              "name": "is-expanded",
+              "name": "layout",
               "type": {
-                "text": "boolean"
+                "text": "Partial<Layout> | undefined"
               },
-              "default": "false",
-              "fieldName": "isExpanded"
+              "default": "{}",
+              "fieldName": "layout"
             },
             {
-              "name": "inline",
+              "name": "config",
               "type": {
-                "text": "boolean"
+                "text": "Partial<Config> | undefined"
               },
-              "default": "false",
-              "description": "Whether the map should be shown inline, or as part of the normal content flow\nthe default is false, the map is positioned absolute under the input",
-              "fieldName": "inline"
+              "default": "{}",
+              "fieldName": "config"
             },
             {
-              "name": "show-map-on-focus",
+              "name": "data",
               "type": {
-                "text": "boolean"
+                "text": "Array<Partial<Data>>"
               },
-              "default": "false",
-              "description": "Whether the map should show automatically when the input is focused",
-              "fieldName": "showMapOnFocus"
+              "default": "[]",
+              "fieldName": "data"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A component that allows input of coordinates and rendering of map.",
-          "tagNameWithoutPrefix": "spatial-picker",
-          "tagName": "terra-spatial-picker",
+          "summary": "A web component for interactive graphs using Plotly.js.",
+          "tagNameWithoutPrefix": "plot",
+          "tagName": "terra-plot",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A component that allows input of coordinates and rendering of map.\n * @documentation https://disc.gsfc.nasa.gov/components/spatial-picker\n * @status experimental\n * @since 1.0\n *\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/spatial-picker",
+          "jsDoc": "/**\n * @summary A web component for interactive graphs using Plotly.js.\n * @documentation https://disc.gsfc.nasa.gov/components/plot\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/plot",
           "status": "experimental",
           "since": "1.0"
         }
@@ -5437,20 +5540,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraSpatialPicker",
-            "module": "components/spatial-picker/spatial-picker.js"
+            "name": "TerraPlot",
+            "module": "components/plot/plot.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/time-average-map/time-average-map.js",
+      "path": "components/time-series/time-series.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraTimeAverageMap",
+          "name": "TerraTimeSeries",
           "members": [
             {
               "kind": "field",
@@ -5459,7 +5562,25 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-plot-toolbar': TerraPlotToolbar,\n    }"
+              "default": "{\n        'terra-plot': TerraPlot,\n        'terra-loader': TerraLoader,\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n        'terra-alert': TerraAlert,\n        'terra-plot-toolbar': TerraPlotToolbar,\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "#timeSeriesController",
+              "privacy": "private",
+              "type": {
+                "text": "TimeSeriesController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "variableEntryId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "attribute": "variable-entry-id",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5467,7 +5588,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
               "attribute": "collection",
               "reflects": true
             },
@@ -5477,6 +5598,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
               "attribute": "variable",
               "reflects": true
             },
@@ -5486,6 +5608,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
               "attribute": "start-date",
               "reflects": true
             },
@@ -5495,6 +5618,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
               "attribute": "end-date",
               "reflects": true
             },
@@ -5510,69 +5634,61 @@
             },
             {
               "kind": "field",
-              "name": "long_name",
+              "name": "bearerToken",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "attribute": "long_name"
+              "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).",
+              "attribute": "bearer-token"
             },
             {
               "kind": "field",
-              "name": "activeMenuItem",
+              "name": "plot",
               "type": {
-                "text": "any"
-              },
-              "default": "null"
+                "text": "TerraPlot"
+              }
             },
             {
               "kind": "field",
-              "name": "catalogVariable",
+              "name": "plotToolbar",
               "type": {
-                "text": "Variable"
+                "text": "TerraPlotToolbar"
               }
             },
             {
               "kind": "field",
-              "name": "colormaps",
+              "name": "catalogVariable",
               "type": {
-                "text": "array"
-              },
-              "default": "[\n        'jet',\n        'hsv',\n        'hot',\n        'cool',\n        'spring',\n        'summer',\n        'autumn',\n        'winter',\n        'bone',\n        'copper',\n        'greys',\n        'YIGnBu',\n        'greens',\n        'YIOrRd',\n        'bluered',\n        'RdBu',\n        'picnic',\n        'rainbow',\n        'portland',\n        'blackbody',\n        'earth',\n        'electric',\n        'viridis',\n        'inferno',\n        'magma',\n        'plasma',\n        'warm',\n        'cool',\n        'bathymetry',\n        'cdom',\n        'chlorophyll',\n        'density',\n        'fressurface-blue',\n        'freesurface-red',\n        'oxygen',\n        'par',\n        'phase',\n        'salinity',\n        'temperature',\n        'turbidity',\n        'velocity-blue',\n        'velocity-green',\n        'cubhelix',\n    ]"
+                "text": "Variable"
+              }
             },
             {
               "kind": "field",
-              "name": "colorMapName",
+              "name": "quotaExceededOpen",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'density'"
-            },
-            {
-              "kind": "field",
-              "name": "#controller",
               "privacy": "private",
-              "type": {
-                "text": "TimeAvgMapController"
-              }
+              "default": "false",
+              "description": "user quota reached maximum request"
             },
             {
               "kind": "field",
-              "name": "#map",
-              "privacy": "private",
+              "name": "showDataPointWarning",
               "type": {
-                "text": "Map | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "default": "false",
+              "description": "if true, we'll show a warning to the user about them requesting a large number of data points"
             },
             {
               "kind": "field",
-              "name": "#gtLayer",
-              "privacy": "private",
+              "name": "estimatedDataPoints",
               "type": {
-                "text": "WebGLTileLayer | null"
+                "text": "number"
               },
-              "default": "null"
+              "default": "0",
+              "description": "stores the estimated"
             },
             {
               "kind": "field",
@@ -5581,150 +5697,87 @@
             },
             {
               "kind": "field",
-              "name": "_fetchVariableTask",
-              "description": "anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata"
-            },
-            {
-              "kind": "method",
-              "name": "handlePropertyChange"
-            },
-            {
-              "kind": "method",
-              "name": "updateGeoTIFFLayer",
-              "parameters": [
-                {
-                  "name": "blob",
-                  "type": {
-                    "text": "Blob"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "intializeMap"
+              "name": "_fetchVariableTask"
             },
             {
-              "kind": "method",
-              "name": "fetchGeotiffMetadata",
-              "return": {
-                "type": {
-                  "text": "Promise<{ [key: string]: string }>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "gtSource",
-                  "type": {
-                    "text": "GeoTIFF"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "#handleQuotaError",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderPixelValues",
-              "parameters": [
-                {
-                  "name": "map",
-                  "type": {
-                    "text": "Map"
-                  }
-                },
-                {
-                  "name": "gtLayer",
-                  "type": {
-                    "text": "WebGLTileLayer"
-                  }
-                }
-              ]
+              "name": "#confirmDataPointWarning"
             },
             {
               "kind": "method",
-              "name": "getMinMax",
-              "parameters": [
-                {
-                  "name": "gtSource",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "name": "#cancelDataPointWarning"
             },
             {
               "kind": "method",
-              "name": "getColorStops",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "min",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "max",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "steps",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "reverse",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "name": "#abortDataLoad",
+              "description": "aborts the underlying data loading task, which cancels the network request"
             },
             {
               "kind": "method",
-              "name": "applyColorToLayer",
+              "name": "#handleComponentLeave",
               "parameters": [
                 {
-                  "name": "gtSource",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "color",
+                  "name": "event",
                   "type": {
-                    "text": "String"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#onColorMapChange",
+              "name": "#getYAxisLabel"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePlotRelayout",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "TerraPlotRelayoutEvent"
                   }
                 }
               ]
             }
           ],
+          "events": [
+            {
+              "name": "terra-date-range-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted whenever the date range is modified",
+              "reactName": "onTerraDateRangeChange",
+              "eventName": "TerraDateRangeChangeEvent"
+            },
+            {
+              "description": "Emitted whenever time series data has been fetched from Giovanni",
+              "name": "terra-time-series-data-change",
+              "reactName": "onTerraTimeSeriesDataChange",
+              "eventName": "TerraTimeSeriesDataChangeEvent"
+            }
+          ],
           "attributes": [
+            {
+              "name": "variable-entry-id",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "fieldName": "variableEntryId"
+            },
             {
               "name": "collection",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
               "fieldName": "collection"
             },
             {
@@ -5732,6 +5785,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
               "fieldName": "variable"
             },
             {
@@ -5739,6 +5793,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
               "fieldName": "startDate"
             },
             {
@@ -5746,6 +5801,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
               "fieldName": "endDate"
             },
             {
@@ -5757,21 +5813,29 @@
               "fieldName": "location"
             },
             {
-              "name": "long_name",
+              "name": "bearer-token",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "long_name"
+              "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).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "tagNameWithoutPrefix": "time-average-map",
-          "tagName": "terra-time-average-map",
-          "customElement": true
+          "summary": "A component for visualizing time series data using the GES DISC Giovanni API.",
+          "tagNameWithoutPrefix": "time-series",
+          "tagName": "terra-time-series",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A component for visualizing time series data using the GES DISC Giovanni API.\n * @documentation https://disc.gsfc.nasa.gov/components/time-series\n * @status mvp\n * @since 1.0\n *\n * @dependency terra-plot\n *\n * @event terra-date-range-change - Emitted whenever the date range is modified\n * @event terra-time-series-data-change - Emitted whenever time series data has been fetched from Giovanni\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/time-series",
+          "status": "mvp",
+          "since": "1.0",
+          "dependencies": [
+            "terra-plot"
+          ]
         }
       ],
       "exports": [
@@ -5779,52 +5843,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTimeAverageMap",
-            "module": "components/time-average-map/time-average-map.js"
+            "name": "TerraTimeSeries",
+            "module": "components/time-series/time-series.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-combobox/variable-combobox.js",
+      "path": "components/time-average-map/time-average-map.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableCombobox",
-          "cssProperties": [
-            {
-              "description": "The height of the host element.",
-              "name": "--host-height"
-            },
-            {
-              "description": "The height of the search help element.",
-              "name": "--help-height"
-            },
-            {
-              "description": "The height of the input's label element.",
-              "name": "--label-height"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "A `search` element, the component's base.",
-              "name": "base"
-            },
-            {
-              "description": "An `input` element used for searching.",
-              "name": "combobox"
-            },
-            {
-              "description": "A `button` used for toggling the listbox's visibility.",
-              "name": "button"
-            },
-            {
-              "description": "A `ul` that holds the clickable options.",
-              "name": "listbox"
-            }
-          ],
+          "name": "TerraTimeAverageMap",
           "members": [
             {
               "kind": "field",
@@ -5833,370 +5865,324 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
-            },
-            {
-              "kind": "field",
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "'terra-variable-combobox'"
-            },
-            {
-              "kind": "field",
-              "name": "initialQuery",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "#combobox",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLInputElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#fetchController",
-              "privacy": "private",
-              "type": {
-                "text": "FetchController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#searchableList",
-              "privacy": "private",
-              "type": {
-                "text": "ListItem[]"
-              },
-              "default": "[]"
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n        'terra-plot-toolbar': TerraPlotToolbar,\n        'terra-loader': TerraLoader,\n    }"
             },
             {
               "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
+              "name": "collection",
               "type": {
-                "text": "HTMLUListElement | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+              "attribute": "collection",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#searchEngine",
-              "privacy": "private",
+              "name": "variable",
               "type": {
-                "text": "Fuse<ListItem> | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "attribute": "variable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#walker",
-              "privacy": "private",
+              "name": "startDate",
               "type": {
-                "text": "TreeWalker | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "attribute": "start-date",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#tagContainer",
-              "privacy": "private",
+              "name": "endDate",
               "type": {
-                "text": "HTMLDivElement | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "attribute": "end-date",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "location",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Search for Variables'",
-              "description": "Label the combobox with this.",
-              "attribute": "label"
+              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+              "attribute": "location",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "long_name",
               "type": {
                 "text": "string"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "hideHelp",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "attribute": "hide-help",
-              "reflects": true
+              "default": "''",
+              "attribute": "long_name"
             },
             {
               "kind": "field",
-              "name": "hideLabel",
+              "name": "activeMenuItem",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "useTags",
+              "name": "catalogVariable",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "attribute": "use-tags",
-              "reflects": true
+                "text": "Variable"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "colormaps",
               "type": {
-                "text": "string"
+                "text": "array"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-              "attribute": "value"
+              "default": "[\n        'jet',\n        'hsv',\n        'hot',\n        'cool',\n        'spring',\n        'summer',\n        'autumn',\n        'winter',\n        'bone',\n        'copper',\n        'greys',\n        'YIGnBu',\n        'greens',\n        'YIOrRd',\n        'bluered',\n        'RdBu',\n        'picnic',\n        'rainbow',\n        'portland',\n        'blackbody',\n        'earth',\n        'electric',\n        'viridis',\n        'inferno',\n        'magma',\n        'plasma',\n        'warm',\n        'cool',\n        'bathymetry',\n        'cdom',\n        'chlorophyll',\n        'density',\n        'fressurface-blue',\n        'freesurface-red',\n        'oxygen',\n        'par',\n        'phase',\n        'salinity',\n        'temperature',\n        'turbidity',\n        'velocity-blue',\n        'velocity-green',\n        'cubhelix',\n    ]"
             },
             {
               "kind": "field",
-              "name": "bearerToken",
+              "name": "colorMapName",
               "type": {
                 "text": "string"
               },
-              "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).",
-              "attribute": "bearer-token"
-            },
-            {
-              "kind": "field",
-              "name": "isExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "default": "'density'"
             },
             {
               "kind": "field",
-              "name": "query"
+              "name": "#controller",
+              "privacy": "private",
+              "type": {
+                "text": "TimeAvgMapController"
+              }
             },
             {
               "kind": "field",
-              "name": "searchResults",
+              "name": "#map",
+              "privacy": "private",
               "type": {
-                "text": "ListItem[]"
+                "text": "Map | null"
               },
-              "default": "[]"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "tags",
+              "name": "#gtLayer",
+              "privacy": "private",
               "type": {
-                "text": "string[]"
+                "text": "WebGLTileLayer | null"
               },
-              "default": "[]"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "tagContainerWidth",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
+              "name": "_authController",
+              "default": "new AuthController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_fetchVariableTask",
+              "description": "anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata"
             },
             {
               "kind": "method",
-              "name": "valueChanged",
+              "name": "handlePropertyChange"
+            },
+            {
+              "kind": "method",
+              "name": "updateGeoTIFFLayer",
               "parameters": [
                 {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "name": "blob",
                   "type": {
-                    "text": "string"
+                    "text": "Blob"
                   }
                 }
-              ],
-              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
+              ]
             },
             {
               "kind": "method",
-              "name": "clear"
+              "name": "intializeMap"
             },
             {
               "kind": "method",
-              "name": "close"
+              "name": "fetchGeotiffMetadata",
+              "return": {
+                "type": {
+                  "text": "Promise<{ [key: string]: string }>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "gtSource",
+                  "type": {
+                    "text": "GeoTIFF"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "toggle"
-            },
-            {
-              "kind": "field",
-              "name": "#dispatchChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleButtonClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleComboboxChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleOptionClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#handleKeydown",
-              "privacy": "private"
+              "name": "renderPixelValues",
+              "parameters": [
+                {
+                  "name": "map",
+                  "type": {
+                    "text": "Map"
+                  }
+                },
+                {
+                  "name": "gtLayer",
+                  "type": {
+                    "text": "WebGLTileLayer"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "#manageListboxVisibility",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getMinMax",
+              "parameters": [
+                {
+                  "name": "gtSource",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "#selectOption",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getColorStops",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "min",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "max",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "steps",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "reverse",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "#renderTags",
+              "name": "applyColorToLayer",
               "parameters": [
                 {
-                  "name": "tag",
+                  "name": "gtSource",
                   "type": {
-                    "text": "string"
+                    "text": "any"
                   }
                 },
                 {
-                  "name": "_index",
+                  "name": "color",
                   "type": {
-                    "text": "number"
+                    "text": "String"
                   }
                 }
               ]
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "Emitted when an option is selected.",
-              "name": "terra-combobox-change",
-              "reactName": "onTerraComboboxChange",
-              "eventName": "TerraComboboxChangeEvent"
+              "kind": "method",
+              "name": "#onColorMapChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#abortDataLoad",
+              "description": "aborts the underlying data loading task, which cancels the network request"
             }
           ],
           "attributes": [
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Search for Variables'",
-              "description": "Label the combobox with this.",
-              "fieldName": "label"
-            },
-            {
-              "name": "placeholder",
+              "name": "collection",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "fieldName": "placeholder"
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+              "fieldName": "collection"
             },
             {
-              "name": "hide-help",
+              "name": "variable",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "fieldName": "hideHelp"
+              "fieldName": "variable"
             },
             {
-              "name": "hide-label",
+              "name": "start-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "fieldName": "hideLabel"
+              "fieldName": "startDate"
             },
             {
-              "name": "use-tags",
+              "name": "end-date",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "fieldName": "useTags"
+              "fieldName": "endDate"
             },
             {
-              "name": "value",
+              "name": "location",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-              "fieldName": "value"
+              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
+              "fieldName": "location"
             },
             {
-              "name": "bearer-token",
+              "name": "long_name",
               "type": {
                 "text": "string"
               },
-              "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).",
-              "fieldName": "bearerToken"
+              "default": "''",
+              "fieldName": "long_name"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-combobox",
-          "tagName": "terra-variable-combobox",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/variable-combobox",
-          "status": "MVP",
-          "since": "1.0"
+          "tagNameWithoutPrefix": "time-average-map",
+          "tagName": "terra-time-average-map",
+          "customElement": true
         }
       ],
       "exports": [
@@ -6204,25 +6190,29 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableCombobox",
-            "module": "components/variable-combobox/variable-combobox.js"
+            "name": "TerraTimeAverageMap",
+            "module": "components/time-average-map/time-average-map.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/variable-keyword-search/variable-keyword-search.js",
+      "path": "components/variable-combobox/variable-combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraVariableKeywordSearch",
+          "name": "TerraVariableCombobox",
           "cssProperties": [
             {
               "description": "The height of the host element.",
               "name": "--host-height"
             },
+            {
+              "description": "The height of the search help element.",
+              "name": "--help-height"
+            },
             {
               "description": "The height of the input's label element.",
               "name": "--label-height"
@@ -6272,7 +6262,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'terra-variable-keyword-search'"
+              "default": "'terra-variable-combobox'"
             },
             {
               "kind": "field",
@@ -6296,7 +6286,18 @@
               "kind": "field",
               "name": "#fetchController",
               "privacy": "private",
-              "default": "new FetchController(this)"
+              "type": {
+                "text": "FetchController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#searchableList",
+              "privacy": "private",
+              "type": {
+                "text": "ListItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -6325,13 +6326,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "#tagContainer",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLDivElement | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "attribute": "label"
             },
@@ -6344,25 +6354,38 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "hideHelp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "attribute": "hide-help",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "attribute": "hide-label"
+              "attribute": "hide-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "searchConfig",
+              "name": "useTags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "attribute": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "attribute": "use-tags",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6370,8 +6393,18 @@
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "bearerToken",
+              "type": {
+                "text": "string"
+              },
+              "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).",
+              "attribute": "bearer-token"
+            },
             {
               "kind": "field",
               "name": "isExpanded",
@@ -6392,12 +6425,28 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "tags",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tagContainerWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
             {
               "kind": "method",
               "name": "valueChanged",
               "parameters": [
                 {
-                  "name": "_oldValue",
+                  "name": "oldValue",
                   "type": {
                     "text": "string"
                   }
@@ -6408,7 +6457,8 @@
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting."
             },
             {
               "kind": "method",
@@ -6422,6 +6472,16 @@
               "kind": "method",
               "name": "toggle"
             },
+            {
+              "kind": "field",
+              "name": "#dispatchChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleButtonClick",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#handleComboboxChange",
@@ -6449,33 +6509,29 @@
             },
             {
               "kind": "method",
-              "name": "#handleSearch",
+              "name": "#renderTags",
               "parameters": [
                 {
-                  "name": "query",
+                  "name": "tag",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "_index",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "#clearSearch"
             }
           ],
           "events": [
             {
               "description": "Emitted when an option is selected.",
-              "name": "terra-variable-keyword-search-change",
-              "reactName": "onTerraVariableKeywordSearchChange",
-              "eventName": "TerraVariableKeywordSearchChangeEvent"
-            },
-            {
-              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
-              "name": "terra-search",
-              "reactName": "onTerraSearch",
-              "eventName": "TerraSearchEvent"
+              "name": "terra-combobox-change",
+              "reactName": "onTerraComboboxChange",
+              "eventName": "TerraComboboxChangeEvent"
             }
           ],
           "attributes": [
@@ -6484,7 +6540,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "default": "'Search for Variables'",
               "description": "Label the combobox with this.",
               "fieldName": "label"
             },
@@ -6496,42 +6552,60 @@
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "hide-help",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "fieldName": "hideHelp"
+            },
             {
               "name": "hide-label",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "fieldName": "hideLabel"
             },
             {
-              "name": "searchConfig",
+              "name": "use-tags",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "fieldName": "searchConfig"
+              "default": "false",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "fieldName": "useTags"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
               "fieldName": "value"
+            },
+            {
+              "name": "bearer-token",
+              "type": {
+                "text": "string"
+              },
+              "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).",
+              "fieldName": "bearerToken"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
-          "tagNameWithoutPrefix": "variable-keyword-search",
-          "tagName": "terra-variable-keyword-search",
+          "summary": "Fuzzy-search for dataset variables in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-combobox",
+          "tagName": "terra-variable-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/giovanni-serch",
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset variables in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/variable-combobox\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --help-height - The height of the search help element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-combobox-change - Emitted when an option is selected.\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/variable-combobox",
           "status": "MVP",
           "since": "1.0"
         }
@@ -6541,20 +6615,48 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraVariableKeywordSearch",
-            "module": "components/variable-keyword-search/variable-keyword-search.js"
+            "name": "TerraVariableCombobox",
+            "module": "components/variable-combobox/variable-combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/time-series/time-series.js",
+      "path": "components/variable-keyword-search/variable-keyword-search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraTimeSeries",
+          "name": "TerraVariableKeywordSearch",
+          "cssProperties": [
+            {
+              "description": "The height of the host element.",
+              "name": "--host-height"
+            },
+            {
+              "description": "The height of the input's label element.",
+              "name": "--label-height"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "A `search` element, the component's base.",
+              "name": "base"
+            },
+            {
+              "description": "An `input` element used for searching.",
+              "name": "combobox"
+            },
+            {
+              "description": "A `button` used for toggling the listbox's visibility.",
+              "name": "button"
+            },
+            {
+              "description": "A `ul` that holds the clickable options.",
+              "name": "listbox"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6563,280 +6665,286 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-plot': TerraPlot,\n        'terra-loader': TerraLoader,\n        'terra-icon': TerraIcon,\n        'terra-button': TerraButton,\n        'terra-alert': TerraAlert,\n        'terra-plot-toolbar': TerraPlotToolbar,\n    }"
+              "default": "{\n        'terra-button': TerraButton,\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "#timeSeriesController",
-              "privacy": "private",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "TimeSeriesController"
-              }
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        ...LitElement.shadowRootOptions,\n        delegatesFocus: true,\n    }"
             },
             {
               "kind": "field",
-              "name": "variableEntryId",
+              "name": "tagName",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "attribute": "variable-entry-id",
-              "reflects": true
+              "static": true,
+              "default": "'terra-variable-keyword-search'"
             },
             {
               "kind": "field",
-              "name": "collection",
+              "name": "initialQuery",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "attribute": "collection",
-              "reflects": true
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "variable",
+              "name": "#combobox",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLInputElement | null"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "attribute": "variable",
-              "reflects": true
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#fetchController",
+              "privacy": "private",
+              "default": "new FetchController(this)"
             },
             {
               "kind": "field",
-              "name": "startDate",
+              "name": "#listbox",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLUListElement | null"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "start-date",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "endDate",
+              "name": "#searchEngine",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "Fuse<ListItem> | null"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "attribute": "end-date",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "location",
+              "name": "#walker",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "TreeWalker | null"
               },
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "attribute": "location",
-              "reflects": true
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "bearerToken",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "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).",
-              "attribute": "bearer-token"
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "description": "Label the combobox with this.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "plot",
+              "name": "placeholder",
               "type": {
-                "text": "TerraPlot"
-              }
+                "text": "string"
+              },
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "attribute": "placeholder"
             },
             {
               "kind": "field",
-              "name": "plotToolbar",
+              "name": "hideLabel",
               "type": {
-                "text": "TerraPlotToolbar"
-              }
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "attribute": "hide-label"
             },
             {
               "kind": "field",
-              "name": "catalogVariable",
+              "name": "searchConfig",
               "type": {
-                "text": "Variable"
-              }
+                "text": "object"
+              },
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "attribute": "searchConfig"
             },
             {
               "kind": "field",
-              "name": "quotaExceededOpen",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "user quota reached maximum request"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "showDataPointWarning",
+              "name": "isExpanded",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "if true, we'll show a warning to the user about them requesting a large number of data points"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "estimatedDataPoints",
+              "name": "query"
+            },
+            {
+              "kind": "field",
+              "name": "searchResults",
               "type": {
-                "text": "number"
+                "text": "ListItem[]"
               },
-              "default": "0",
-              "description": "stores the estimated"
+              "default": "[]"
             },
             {
-              "kind": "field",
-              "name": "_authController",
-              "default": "new AuthController(this)"
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "clear"
+            },
+            {
+              "kind": "method",
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "toggle"
             },
             {
               "kind": "field",
-              "name": "_fetchVariableTask"
+              "name": "#handleComboboxChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#handleQuotaError",
+              "name": "#handleOptionClick",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#confirmDataPointWarning"
+              "kind": "field",
+              "name": "#handleKeydown",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#cancelDataPointWarning"
+              "kind": "field",
+              "name": "#manageListboxVisibility",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#abortDataLoad",
-              "description": "aborts the underlying data loading task, which cancels the network request"
+              "kind": "field",
+              "name": "#selectOption",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#handleComponentLeave",
+              "name": "#handleSearch",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "query",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#getYAxisLabel"
-            },
-            {
-              "kind": "method",
-              "name": "#handlePlotRelayout",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TerraPlotRelayoutEvent"
-                  }
-                }
-              ]
+              "name": "#clearSearch"
             }
           ],
           "events": [
             {
-              "name": "terra-date-range-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Emitted whenever the date range is modified",
-              "reactName": "onTerraDateRangeChange",
-              "eventName": "TerraDateRangeChangeEvent"
+              "description": "Emitted when an option is selected.",
+              "name": "terra-variable-keyword-search-change",
+              "reactName": "onTerraVariableKeywordSearchChange",
+              "eventName": "TerraVariableKeywordSearchChangeEvent"
             },
             {
-              "description": "Emitted whenever time series data has been fetched from Giovanni",
-              "name": "terra-time-series-data-change",
-              "reactName": "onTerraTimeSeriesDataChange",
-              "eventName": "TerraTimeSeriesDataChangeEvent"
+              "description": "Emitted when the component is triggering a search (like a form triggering submit).",
+              "name": "terra-search",
+              "reactName": "onTerraSearch",
+              "eventName": "TerraSearchEvent"
             }
           ],
           "attributes": [
             {
-              "name": "variable-entry-id",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "fieldName": "variableEntryId"
-            },
-            {
-              "name": "collection",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "fieldName": "collection"
-            },
-            {
-              "name": "variable",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "fieldName": "variable"
+              "default": "'Enter search terms (e.g., precipitation, AOD)'",
+              "description": "Label the combobox with this.",
+              "fieldName": "label"
             },
             {
-              "name": "start-date",
+              "name": "placeholder",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "startDate"
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "end-date",
+              "name": "hide-label",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "fieldName": "endDate"
+              "default": "true",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "fieldName": "hideLabel"
             },
             {
-              "name": "location",
+              "name": "searchConfig",
               "type": {
-                "text": "string | undefined"
+                "text": "object"
               },
-              "description": "The point location in \"lat,lon\" format.\nOr the bounding box in \"west,south,east,north\" format.",
-              "fieldName": "location"
+              "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "fieldName": "searchConfig"
             },
             {
-              "name": "bearer-token",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "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).",
-              "fieldName": "bearerToken"
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A component for visualizing time series data using the GES DISC Giovanni API.",
-          "tagNameWithoutPrefix": "time-series",
-          "tagName": "terra-time-series",
+          "summary": "Fuzzy-search for dataset keywords in combobox with list autocomplete.",
+          "tagNameWithoutPrefix": "variable-keyword-search",
+          "tagName": "terra-variable-keyword-search",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A component for visualizing time series data using the GES DISC Giovanni API.\n * @documentation https://disc.gsfc.nasa.gov/components/time-series\n * @status mvp\n * @since 1.0\n *\n * @dependency terra-plot\n *\n * @event terra-date-range-change - Emitted whenever the date range is modified\n * @event terra-time-series-data-change - Emitted whenever time series data has been fetched from Giovanni\n */",
-          "documentation": "https://disc.gsfc.nasa.gov/components/time-series",
-          "status": "mvp",
-          "since": "1.0",
-          "dependencies": [
-            "terra-plot"
-          ]
+          "jsDoc": "/**\n * @summary Fuzzy-search for dataset keywords in combobox with list autocomplete.\n * @documentation https://disc.gsfc.nasa.gov/components/giovanni-serch\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/\n * @status MVP\n * @since 1.0\n *\n * @csspart base - A `search` element, the component's base.\n * @csspart combobox - An `input` element used for searching.\n * @csspart button - A `button` used for toggling the listbox's visibility.\n * @csspart listbox - A `ul` that holds the clickable options.\n *\n * @cssproperty --host-height - The height of the host element.\n * @cssproperty --label-height - The height of the input's label element.\n *\n * @event terra-variable-keyword-search-change - Emitted when an option is selected.\n * @event terra-search - Emitted when the component is triggering a search (like a form triggering submit).\n */",
+          "documentation": "https://disc.gsfc.nasa.gov/components/giovanni-serch",
+          "status": "MVP",
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -6844,8 +6952,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraTimeSeries",
-            "module": "components/time-series/time-series.js"
+            "name": "TerraVariableKeywordSearch",
+            "module": "components/variable-keyword-search/variable-keyword-search.js"
           }
         }
       ]
@@ -6854,7 +6962,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.77",
+    "version": "0.0.80",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"