@nasa-terra/components 0.0.168 → 0.0.169

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.168",
+  "version": "0.0.169",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -64,88 +64,6 @@
             ]
           }
         },
-        {
-          "name": "terra-avatar",
-          "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "image",
-              "description": "The image source to use for the avatar.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "label",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "initials",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "loading",
-              "description": "Indicates how the browser should load the image.",
-              "value": { "type": "'eager' | 'lazy'", "default": "'eager'" }
-            },
-            {
-              "name": "shape",
-              "description": "The shape of the avatar.",
-              "value": {
-                "type": "'circle' | 'square' | 'rounded'",
-                "default": "'circle'"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "icon",
-              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`."
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-error",
-              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "image",
-                "description": "The image source to use for the avatar.",
-                "type": "string"
-              },
-              {
-                "name": "label",
-                "description": "A label to use to describe the avatar to assistive devices.",
-                "type": "string"
-              },
-              {
-                "name": "initials",
-                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-                "type": "string"
-              },
-              {
-                "name": "loading",
-                "description": "Indicates how the browser should load the image.",
-                "type": "'eager' | 'lazy'"
-              },
-              {
-                "name": "shape",
-                "description": "The shape of the avatar.",
-                "type": "'circle' | 'square' | 'rounded'"
-              }
-            ],
-            "events": [
-              {
-                "name": "terra-error",
-                "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
-              }
-            ]
-          }
-        },
         {
           "name": "terra-alert",
           "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
@@ -258,6 +176,88 @@
             ]
           }
         },
+        {
+          "name": "terra-avatar",
+          "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "image",
+              "description": "The image source to use for the avatar.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "label",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "initials",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "loading",
+              "description": "Indicates how the browser should load the image.",
+              "value": { "type": "'eager' | 'lazy'", "default": "'eager'" }
+            },
+            {
+              "name": "shape",
+              "description": "The shape of the avatar.",
+              "value": {
+                "type": "'circle' | 'square' | 'rounded'",
+                "default": "'circle'"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "icon",
+              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`."
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-error",
+              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "image",
+                "description": "The image source to use for the avatar.",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "A label to use to describe the avatar to assistive devices.",
+                "type": "string"
+              },
+              {
+                "name": "initials",
+                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+                "type": "string"
+              },
+              {
+                "name": "loading",
+                "description": "Indicates how the browser should load the image.",
+                "type": "'eager' | 'lazy'"
+              },
+              {
+                "name": "shape",
+                "description": "The shape of the avatar.",
+                "type": "'circle' | 'square' | 'rounded'"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-error",
+                "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-badge",
           "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -378,6 +378,41 @@
             "events": []
           }
         },
+        {
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
+            },
+            {
+              "name": "selected-variable-entry-ids",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
+              },
+              {
+                "name": "selectedVariableEntryIds",
+                "type": "string | undefined"
+              },
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-button",
           "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **terra-blur** - emitted when the button is blurred\n- **terra-focus** - emitted when the button is focused\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<terra-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
@@ -683,41 +718,6 @@
             ]
           }
         },
-        {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "catalog",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "value": { "type": "'giovanni'", "default": "'giovanni'" }
-            },
-            {
-              "name": "selected-variable-entry-ids",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "catalog",
-                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-                "type": "'giovanni'"
-              },
-              {
-                "name": "selectedVariableEntryIds",
-                "type": "string | undefined"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-button-group",
           "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<terra-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1015,144 +1015,153 @@
           }
         },
         {
-          "name": "terra-data-access",
-          "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
+          "name": "terra-combobox",
+          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "short-name",
-              "description": "Collection short name used to build the Collection Entry ID.",
-              "value": { "type": "string | undefined" }
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
             },
             {
-              "name": "version",
-              "description": "Collection version used to build the Collection Entry ID.",
-              "value": { "type": "string | undefined" }
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
             },
             {
-              "name": "showPanelClose",
-              "value": { "type": "boolean", "default": "true" }
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
             },
             {
-              "name": "footer-slot",
-              "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
-              "value": { "type": "boolean | undefined" }
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "status",
+              "description": "status of the content",
+              "value": {
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
+              }
+            },
+            {
+              "name": "content",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "value": {
+                "type": "Content",
+                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
+              }
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "shortName", "type": "string | undefined" },
-              { "name": "version", "type": "string | undefined" },
-              { "name": "showPanelClose", "type": "boolean" },
               {
-                "name": "footerSlot",
-                "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
-                "type": "boolean | undefined"
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
               },
-              { "name": "limit", "type": "number" },
-              { "name": "page", "type": "number" },
-              { "name": "search", "type": "string" },
-              { "name": "startDate", "type": "string" },
-              { "name": "endDate", "type": "string" },
-              { "name": "location", "type": "MapEventDetail | null" },
               {
-                "name": "cloudCover",
-                "type": "{ min?: number; max?: number }"
+                "name": "name",
+                "description": "name the combobox with this.",
+                "type": "string"
               },
-              { "name": "cloudCoverPickerOpen", "type": "boolean" },
-              { "name": "datePickerRef" },
-              { "name": "spatialPickerRef" },
-              { "name": "cloudCoverSliderRef" },
-              { "name": "gridRef" },
-              { "name": "dateDropdownRef" },
-              { "name": "spatialDropdownRef" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-data-rods",
-          "description": "\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variable-entry-id",
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "collection",
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "variable",
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "status",
+                "description": "status of the content",
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              {
+                "name": "content",
+                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+                "type": "Content"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              {
+                "name": "searchResults",
+                "type": "GroupedListItem[] | ListItem[]"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-data-access",
+          "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "start-date",
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "name": "short-name",
+              "description": "Collection short name used to build the Collection Entry ID.",
               "value": { "type": "string | undefined" }
             },
             {
-              "name": "end-date",
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "name": "version",
+              "description": "Collection version used to build the Collection Entry ID.",
               "value": { "type": "string | undefined" }
             },
             {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.",
-              "value": { "type": "string | undefined" }
+              "name": "showPanelClose",
+              "value": { "type": "boolean", "default": "true" }
             },
             {
-              "name": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "value": { "type": "string" }
+              "name": "footer-slot",
+              "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+              "value": { "type": "boolean | undefined" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
+              { "name": "shortName", "type": "string | undefined" },
+              { "name": "version", "type": "string | undefined" },
+              { "name": "showPanelClose", "type": "boolean" },
               {
-                "name": "variableEntryId",
-                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "collection",
-                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "variable",
-                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "startDate",
-                "description": "The start date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "endDate",
-                "description": "The end date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "location",
-                "description": "The point location in \"lat,lon\" format.",
-                "type": "string | undefined"
+                "name": "footerSlot",
+                "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+                "type": "boolean | undefined"
               },
+              { "name": "limit", "type": "number" },
+              { "name": "page", "type": "number" },
+              { "name": "search", "type": "string" },
+              { "name": "startDate", "type": "string" },
+              { "name": "endDate", "type": "string" },
+              { "name": "location", "type": "MapEventDetail | null" },
               {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-                "type": "string"
+                "name": "cloudCover",
+                "type": "{ min?: number; max?: number }"
               },
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "_fetchVariableTask" },
-              { "name": "variableBoundingBox" }
+              { "name": "cloudCoverPickerOpen", "type": "boolean" },
+              { "name": "datePickerRef" },
+              { "name": "spatialPickerRef" },
+              { "name": "cloudCoverSliderRef" },
+              { "name": "gridRef" },
+              { "name": "dateDropdownRef" },
+              { "name": "spatialDropdownRef" }
             ],
             "events": []
           }
@@ -1321,96 +1330,87 @@
           }
         },
         {
-          "name": "terra-combobox",
-          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "name": "terra-data-rods",
+          "description": "\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Items'" }
+              "name": "variable-entry-id",
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "name",
-              "description": "name the combobox with this.",
-              "value": { "type": "string", "default": "'Item'" }
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
+              "name": "variable",
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "status",
-              "description": "status of the content",
-              "value": {
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
-                "default": "'INITIAL'"
-              }
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "content",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-              "value": {
-                "type": "Content",
-                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
-              }
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
+                "name": "variableEntryId",
+                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+                "type": "string | undefined"
               },
               {
-                "name": "name",
-                "description": "name the combobox with this.",
-                "type": "string"
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
               },
               {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
+                "name": "variable",
+                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
               },
               {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
+                "name": "startDate",
+                "description": "The start date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
               },
               {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
+                "name": "endDate",
+                "description": "The end date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
               },
               {
-                "name": "status",
-                "description": "status of the content",
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.",
+                "type": "string | undefined"
               },
               {
-                "name": "content",
-                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-                "type": "Content"
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string"
               },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              {
-                "name": "searchResults",
-                "type": "GroupedListItem[] | ListItem[]"
-              }
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "_fetchVariableTask" },
+              { "name": "variableBoundingBox" }
             ],
             "events": []
           }
@@ -4827,40 +4827,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-tab-panel",
-          "description": "Tab panels are used inside [tabs](/components/tabs) to display tabbed content.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "name",
-              "description": "The tab panel's name.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "active",
-              "description": "When true, the tab panel will be shown.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The tab panel's content." }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "name",
-                "description": "The tab panel's name.",
-                "type": "string"
-              },
-              {
-                "name": "active",
-                "description": "When true, the tab panel will be shown.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-tab",
           "description": "Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).\n---\n\n\n### **Events:**\n - **terra-close** - Emitted when the tab is closable and the close button is activated.\n\n### **Slots:**\n - _default_ - The tab's label. For icon-only tabs, place a `<terra-icon>` here.\n\n### **CSS Properties:**\n - **--terra-tab-*** - All tab design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **close-button** - The close button icon.",
@@ -4941,6 +4907,40 @@
             ]
           }
         },
+        {
+          "name": "terra-tab-panel",
+          "description": "Tab panels are used inside [tabs](/components/tabs) to display tabbed content.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The tab panel's name.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "active",
+              "description": "When true, the tab panel will be shown.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The tab panel's content." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "name",
+                "description": "The tab panel's name.",
+                "type": "string"
+              },
+              {
+                "name": "active",
+                "description": "When true, the tab panel will be shown.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-tabs",
           "description": "Tabs organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **terra-tab-show** - Emitted when a tab is shown.\n- **terra-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.\n\n### **CSS Properties:**\n - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tabs' navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tabs' body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.",