@nasa-terra/components 0.0.29 → 0.0.30

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.29",
+  "version": "0.0.30",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -283,6 +283,33 @@
             "events": []
           }
         },
+        {
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
+              },
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-chip",
           "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
@@ -401,110 +428,221 @@
           }
         },
         {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+          "name": "terra-date-picker",
+          "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
           "doc-url": "",
           "attributes": [
+            { "name": "id", "value": { "type": "string" } },
             {
-              "name": "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": "range",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "min-date", "value": { "type": "string | undefined" } },
+            { "name": "max-date", "value": { "type": "string | undefined" } },
+            { "name": "start-date", "value": { "type": "string | undefined" } },
+            { "name": "end-date", "value": { "type": "string | undefined" } },
+            {
+              "name": "allow-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-format",
+              "value": { "type": "string", "default": "'F j, Y'" }
+            },
+            {
+              "name": "alt-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-input-class",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "date-format",
+              "value": { "type": "string", "default": "'Y-m-d'" }
+            },
+            {
+              "name": "enable-time",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "time-24hr",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "week-numbers",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "static",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "position",
+              "value": {
+                "type": "'auto' | 'above' | 'below'",
+                "default": "'auto'"
+              }
+            },
+            {
+              "name": "theme",
+              "value": {
+                "type": "| 'light'\n        | 'dark'\n        | 'material_blue'\n        | 'material_red'\n        | 'material_green'\n        | 'material_orange'\n        | 'airbnb'\n        | 'confetti'\n        | 'none'",
+                "default": "'light'"
+              }
+            },
+            {
+              "name": "show-months",
+              "value": { "type": "number", "default": "1" }
             }
           ],
+          "slots": [{ "name": "", "description": "The default slot." }],
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "catalog",
-                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-                "type": "'giovanni'"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
+              { "name": "id", "type": "string" },
+              { "name": "range", "type": "boolean" },
+              { "name": "minDate", "type": "string | undefined" },
+              { "name": "maxDate", "type": "string | undefined" },
+              { "name": "startDate", "type": "string | undefined" },
+              { "name": "endDate", "type": "string | undefined" },
+              { "name": "allowInput", "type": "boolean" },
+              { "name": "altFormat", "type": "string" },
+              { "name": "altInput", "type": "boolean" },
+              { "name": "altInputClass", "type": "string" },
+              { "name": "dateFormat", "type": "string" },
+              { "name": "enableTime", "type": "boolean" },
+              { "name": "time24hr", "type": "boolean" },
+              { "name": "weekNumbers", "type": "boolean" },
+              { "name": "static", "type": "boolean" },
+              { "name": "position", "type": "'auto' | 'above' | 'below'" },
+              {
+                "name": "theme",
+                "type": "| 'light'\n        | 'dark'\n        | 'material_blue'\n        | 'material_red'\n        | 'material_green'\n        | 'material_orange'\n        | 'airbnb'\n        | 'confetti'\n        | 'none'"
+              },
+              { "name": "showMonths", "type": "number" }
             ],
             "events": []
           }
         },
         {
-          "name": "terra-giovanni-search",
-          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-giovanni-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "name": "terra-date-range-slider",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": {
-                "type": "string",
-                "default": "'Enter search terms (e.g., precipitation, AOD)'"
-              }
+              "name": "time-scale",
+              "value": { "type": "TimeScale", "default": "'daily'" }
             },
+            { "name": "min-date", "value": { "type": "string" } },
+            { "name": "max-date", "value": { "type": "string" } },
             {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "name": "start-date",
+              "description": "The start date for the time series plot.",
               "value": { "type": "string" }
             },
+            { "name": "end-date", "value": { "type": "string" } },
             {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "has-pips",
               "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
+              { "name": "timeScale", "type": "TimeScale" },
+              { "name": "minDate", "type": "string" },
+              { "name": "maxDate", "type": "string" },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot.",
+                "type": "string"
+              },
+              { "name": "endDate", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "hasPips", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-dialog",
+          "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "the ID to be used for accessibility associations",
+              "value": { "type": "string" }
             },
             {
-              "name": "searchConfig",
-              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-              "value": {
-                "type": "object",
-                "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }"
-              }
+              "name": "width",
+              "description": "the width of the dialog",
+              "value": { "type": "string", "default": "'fit-content'" }
             },
-            { "name": "value", "value": { "type": "string" } }
+            {
+              "name": "click-outside-to-close",
+              "description": "allow closing the dialog when clicking outside of it",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "show-backdrop",
+              "description": "Show a backdrop behind the dialog",
+              "value": { "type": "boolean", "default": "true" }
+            }
           ],
+          "slots": [{ "name": "", "description": "The dialog's main content" }],
           "events": [
             {
-              "name": "terra-giovanni-search-change",
-              "description": "Emitted when an option is selected."
+              "name": "terra-dialog-show",
+              "description": "Emitted when the dialog opens."
             },
             {
-              "name": "terra-search",
-              "description": "Emitted when the component is triggering a search (like a form triggering submit)."
+              "name": "terra-dialog-hide",
+              "description": "Emitted when the dialog closes."
             }
           ],
           "js": {
             "properties": [
+              { "name": "dialogEl", "type": "HTMLDialogElement" },
               {
-                "name": "label",
-                "description": "Label the combobox with this.",
+                "name": "id",
+                "description": "the ID to be used for accessibility associations",
                 "type": "string"
               },
               {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "name": "width",
+                "description": "the width of the dialog",
                 "type": "string"
               },
               {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "name": "clickOutsideToClose",
+                "description": "allow closing the dialog when clicking outside of it",
                 "type": "boolean"
               },
               {
-                "name": "searchConfig",
-                "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-                "type": "object"
-              },
-              { "name": "value", "type": "string" },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              { "name": "searchResults", "type": "ListItem[]" }
+                "name": "showBackdrop",
+                "description": "Show a backdrop behind the dialog",
+                "type": "boolean"
+              }
             ],
             "events": [
               {
-                "name": "terra-giovanni-search-change",
-                "description": "Emitted when an option is selected."
+                "name": "terra-dialog-show",
+                "description": "Emitted when the dialog opens."
               },
               {
-                "name": "terra-search",
-                "description": "Emitted when the component is triggering a search (like a form triggering submit)."
+                "name": "terra-dialog-hide",
+                "description": "Emitted when the dialog closes."
               }
             ]
           }
@@ -608,133 +746,69 @@
           }
         },
         {
-          "name": "terra-date-range-slider",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "name": "terra-loader",
+          "description": "Loaders are used to indicate there is content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "time-scale",
-              "value": { "type": "TimeScale", "default": "'daily'" }
+              "name": "variant",
+              "description": "The loader's variant",
+              "value": {
+                "type": "'small' | 'large' | 'orbit'",
+                "default": "'large'"
+              }
             },
-            { "name": "min-date", "value": { "type": "string" } },
-            { "name": "max-date", "value": { "type": "string" } },
             {
-              "name": "start-date",
-              "description": "The start date for the time series plot.",
-              "value": { "type": "string" }
+              "name": "percent",
+              "description": "The percent complete for the loader to display",
+              "value": { "type": "string", "default": "'0'" }
             },
-            { "name": "end-date", "value": { "type": "string" } },
             {
-              "name": "disabled",
+              "name": "indeterminate",
+              "description": "an indeterminate loader has an unknown progress and will show a spinner",
               "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "has-pips",
-              "value": { "type": "boolean", "default": "true" }
             }
           ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
-              { "name": "timeScale", "type": "TimeScale" },
-              { "name": "minDate", "type": "string" },
-              { "name": "maxDate", "type": "string" },
               {
-                "name": "startDate",
-                "description": "The start date for the time series plot.",
+                "name": "variant",
+                "description": "The loader's variant",
+                "type": "'small' | 'large' | 'orbit'"
+              },
+              {
+                "name": "percent",
+                "description": "The percent complete for the loader to display",
                 "type": "string"
               },
-              { "name": "endDate", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "hasPips", "type": "boolean" }
+              {
+                "name": "indeterminate",
+                "description": "an indeterminate loader has an unknown progress and will show a spinner",
+                "type": "boolean"
+              },
+              { "name": "_currentPercent", "type": "number" }
             ],
             "events": []
           }
         },
         {
-          "name": "terra-dialog",
-          "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
+          "name": "terra-login",
+          "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
           "doc-url": "",
-          "attributes": [
-            {
-              "name": "id",
-              "description": "the ID to be used for accessibility associations",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "width",
-              "description": "the width of the dialog",
-              "value": { "type": "string", "default": "'500px'" }
-            },
-            {
-              "name": "open",
-              "description": "used to set the dialog's open state",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "click-outside-to-close",
-              "description": "allow closing the dialog when clicking outside of it",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "show-backdrop",
-              "description": "Show a backdrop behind the dialog",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The dialog's main content" }],
+          "attributes": [],
           "events": [
             {
-              "name": "terra-dialog-show",
-              "description": "Emitted when the dialog opens."
-            },
-            {
-              "name": "terra-dialog-hide",
-              "description": "Emitted when the dialog closes."
+              "name": "terra-login",
+              "description": "Emitted when a bearer token has been received from EDL."
             }
           ],
           "js": {
-            "properties": [
-              { "name": "dialogEl", "type": "HTMLDialogElement" },
-              {
-                "name": "id",
-                "description": "the ID to be used for accessibility associations",
-                "type": "string"
-              },
-              {
-                "name": "width",
-                "description": "the width of the dialog",
-                "type": "string"
-              },
-              {
-                "name": "open",
-                "description": "used to set the dialog's open state",
-                "type": "boolean"
-              },
-              {
-                "name": "clickOutsideToClose",
-                "description": "allow closing the dialog when clicking outside of it",
-                "type": "boolean"
-              },
-              {
-                "name": "showBackdrop",
-                "description": "Show a backdrop behind the dialog",
-                "type": "boolean"
-              }
-            ],
+            "properties": [],
             "events": [
               {
-                "name": "terra-dialog-show",
-                "description": "Emitted when the dialog opens."
-              },
-              {
-                "name": "terra-dialog-hide",
-                "description": "Emitted when the dialog closes."
+                "name": "terra-login",
+                "description": "Emitted when a bearer token has been received from EDL."
               }
             ]
           }
@@ -822,27 +896,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-login",
-          "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-          "doc-url": "",
-          "attributes": [],
-          "events": [
-            {
-              "name": "terra-login",
-              "description": "Emitted when a bearer token has been received from EDL."
-            }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "terra-login",
-                "description": "Emitted when a bearer token has been received from EDL."
-              }
-            ]
-          }
-        },
         {
           "name": "terra-plot",
           "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1029,50 +1082,101 @@
           }
         },
         {
-          "name": "terra-loader",
-          "description": "Loaders are used to indicate there is content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "name": "terra-variable-combobox",
+          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variant",
-              "description": "The loader's variant",
-              "value": {
-                "type": "'small' | 'large' | 'orbit'",
-                "default": "'large'"
-              }
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Variables'" }
             },
             {
-              "name": "percent",
-              "description": "The percent complete for the loader to display",
-              "value": { "type": "string", "default": "'0'" }
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
             },
             {
-              "name": "indeterminate",
-              "description": "an indeterminate loader has an unknown progress and will show a spinner",
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "use-tags",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-combobox-change",
+              "description": "Emitted when an option is selected."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "variant",
-                "description": "The loader's variant",
-                "type": "'small' | 'large' | 'orbit'"
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
               },
               {
-                "name": "percent",
-                "description": "The percent complete for the loader to display",
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
                 "type": "string"
               },
               {
-                "name": "indeterminate",
-                "description": "an indeterminate loader has an unknown progress and will show a spinner",
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
                 "type": "boolean"
               },
-              { "name": "_currentPercent", "type": "number" }
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "useTags",
+                "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+                "type": "string"
+              },
+              {
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              { "name": "searchResults", "type": "ListItem[]" },
+              { "name": "tags", "type": "string[]" },
+              { "name": "tagContainerWidth", "type": "number" }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "terra-combobox-change",
+                "description": "Emitted when an option is selected."
+              }
+            ]
           }
         },
         {
@@ -1085,6 +1189,11 @@
               "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
               "value": { "type": "string | undefined" }
             },
+            {
+              "name": "collectionLongName",
+              "description": "a collection long name (ex: \"NLDAS Primary Forcing Data L4 Hourly 0.125 x 0.125 degree V2.0 (NLDAS_FORA0125_H) at GES DISC\")",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "datasetLandingPage",
               "description": "the dataset landing page for the collection",
@@ -1144,6 +1253,11 @@
                 "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
                 "type": "string | undefined"
               },
+              {
+                "name": "collectionLongName",
+                "description": "a collection long name (ex: \"NLDAS Primary Forcing Data L4 Hourly 0.125 x 0.125 degree V2.0 (NLDAS_FORA0125_H) at GES DISC\")",
+                "type": "string | undefined"
+              },
               {
                 "name": "datasetLandingPage",
                 "description": "the dataset landing page for the collection",
@@ -1204,6 +1318,21 @@
                 "description": "holds the end date for the latest available data for the collection",
                 "type": "string | undefined"
               },
+              {
+                "name": "timeInterval",
+                "description": "holds the time interval for the collection",
+                "type": "TimeInterval | undefined"
+              },
+              {
+                "name": "showDataPointWarning",
+                "description": "if true, we'll show a warning to the user about them requesting a large number of data points",
+                "type": "boolean"
+              },
+              {
+                "name": "estimatedDataPoints",
+                "description": "stores the estimated",
+                "type": "number"
+              },
               { "name": "activeMenuItem", "type": "MenuNames" }
             ],
             "events": [
@@ -1215,41 +1344,46 @@
           }
         },
         {
-          "name": "terra-variable-combobox",
-          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **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-variable-keyword-search",
+          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
           "doc-url": "",
           "attributes": [
             {
               "name": "label",
               "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Variables'" }
+              "value": {
+                "type": "string",
+                "default": "'Enter search terms (e.g., precipitation, AOD)'"
+              }
             },
             {
               "name": "placeholder",
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "value": { "type": "string" }
             },
-            {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "hide-label",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "boolean", "default": "true" }
             },
-            { "name": "value", "value": { "type": "string" } },
             {
-              "name": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "value": { "type": "string" }
-            }
+              "name": "searchConfig",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "value": {
+                "type": "object",
+                "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }"
+              }
+            },
+            { "name": "value", "value": { "type": "string" } }
           ],
           "events": [
             {
-              "name": "terra-combobox-change",
+              "name": "terra-variable-keyword-search-change",
               "description": "Emitted when an option is selected."
+            },
+            {
+              "name": "terra-search",
+              "description": "Emitted when the component is triggering a search (like a form triggering submit)."
             }
           ],
           "js": {
@@ -1264,30 +1398,29 @@
                 "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": "value", "type": "string" },
               {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-                "type": "string"
+                "name": "searchConfig",
+                "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+                "type": "object"
               },
+              { "name": "value", "type": "string" },
               { "name": "isExpanded", "type": "boolean" },
               { "name": "query" },
               { "name": "searchResults", "type": "ListItem[]" }
             ],
             "events": [
               {
-                "name": "terra-combobox-change",
+                "name": "terra-variable-keyword-search-change",
                 "description": "Emitted when an option is selected."
+              },
+              {
+                "name": "terra-search",
+                "description": "Emitted when the component is triggering a search (like a form triggering submit)."
               }
             ]
           }