@nasa-terra/components 0.0.82 → 0.0.86

package/dist/web-types.json

@@ -1,69 +1,11 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.82",
+  "version": "0.0.86",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
-        {
-          "name": "terra-accordion",
-          "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "summary",
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "open",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "showArrow",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot for accordion content."
-            },
-            {
-              "name": "summary",
-              "description": "The summary/header for the accordion (optional, overrides summary property)"
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-accordion-toggle",
-              "description": "emitted when the accordion opens or closes"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "summary",
-                "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-                "type": "string"
-              },
-              {
-                "name": "open",
-                "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-                "type": "boolean"
-              },
-              { "name": "showArrow", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "terra-accordion-toggle",
-                "description": "emitted when the accordion opens or closes"
-              }
-            ]
-          }
-        },
         {
           "name": "terra-browse-variables",
           "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
@@ -100,103 +42,213 @@
           }
         },
         {
-          "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.",
+          "name": "terra-chip",
+          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "open",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "name": "size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The chip's label." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-combobox",
+          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
+            },
+            {
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "closable",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "variant",
-              "description": "The alert's theme variant.",
+              "name": "status",
+              "description": "status of the content",
               "value": {
-                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'",
-                "default": "'primary'"
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
               }
             },
             {
-              "name": "duration",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "value": { "type": "string", "default": "Infinity" }
-            },
-            {
-              "name": "countdown",
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "value": { "type": "'rtl' | 'ltr' | undefined" }
+              "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    }"
+              }
             }
           ],
-          "slots": [{ "name": "", "description": "The alert's main content." }],
-          "events": [
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "name the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "status",
+                "description": "status of the content",
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              {
+                "name": "content",
+                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+                "type": "Content"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              {
+                "name": "searchResults",
+                "type": "GroupedListItem[] | ListItem[]"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-data-rods",
+          "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range of the date slider is updated",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "terra-show",
-              "description": "Emitted when the alert opens."
+              "name": "variable-entry-id",
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "terra-after-show",
-              "description": "Emitted after the alert opens and all animations are complete."
+              "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": "terra-hide",
-              "description": "Emitted when the alert closes."
+              "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": "terra-after-hide",
-              "description": "Emitted after the alert closes and all animations are complete."
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-date-range-change",
+              "description": "Emitted whenever the date range of the date slider is updated"
             }
           ],
           "js": {
             "properties": [
-              { "name": "base", "type": "HTMLElement" },
-              { "name": "countdownElement", "type": "HTMLElement" },
               {
-                "name": "open",
-                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-                "type": "boolean"
+                "name": "variableEntryId",
+                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+                "type": "string | undefined"
               },
               {
-                "name": "closable",
-                "description": "Enables a close button that allows the user to dismiss the alert.",
-                "type": "boolean"
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
               },
               {
-                "name": "variant",
-                "description": "The alert's theme variant.",
-                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "name": "variable",
+                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
               },
               {
-                "name": "duration",
-                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own."
+                "name": "startDate",
+                "description": "The start date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
               },
               {
-                "name": "countdown",
-                "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-                "type": "'rtl' | 'ltr' | undefined"
-              }
-            ],
-            "events": [
-              {
-                "name": "terra-show",
-                "description": "Emitted when the alert opens."
+                "name": "endDate",
+                "description": "The end date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
               },
               {
-                "name": "terra-after-show",
-                "description": "Emitted after the alert opens and all animations are complete."
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.",
+                "type": "string | undefined"
               },
               {
-                "name": "terra-hide",
-                "description": "Emitted when the alert closes."
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string"
               },
+              { "name": "catalogVariable", "type": "Variable" },
+              { "name": "_fetchVariableTask" }
+            ],
+            "events": [
               {
-                "name": "terra-after-hide",
-                "description": "Emitted after the alert closes and all animations are complete."
+                "name": "terra-date-range-change",
+                "description": "Emitted whenever the date range of the date slider is updated"
               }
             ]
           }
@@ -479,98 +531,163 @@
           }
         },
         {
-          "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-alert",
+          "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Items'" }
+              "name": "open",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "name",
-              "description": "name the combobox with this.",
-              "value": { "type": "string", "default": "'Item'" }
+              "name": "closable",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
+              "name": "variant",
+              "description": "The alert's theme variant.",
+              "value": {
+                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'",
+                "default": "'primary'"
+              }
             },
             {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "duration",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "value": { "type": "string", "default": "Infinity" }
             },
             {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "countdown",
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "value": { "type": "'rtl' | 'ltr' | undefined" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The alert's main content." }],
+          "events": [
+            {
+              "name": "terra-show",
+              "description": "Emitted when the alert opens."
             },
             {
-              "name": "status",
-              "description": "status of the content",
-              "value": {
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
-                "default": "'INITIAL'"
-              }
+              "name": "terra-after-show",
+              "description": "Emitted after the alert opens and all animations are complete."
             },
             {
-              "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": "terra-hide",
+              "description": "Emitted when the alert closes."
+            },
+            {
+              "name": "terra-after-hide",
+              "description": "Emitted after the alert closes and all animations are complete."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
+              { "name": "base", "type": "HTMLElement" },
+              { "name": "countdownElement", "type": "HTMLElement" },
               {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
+                "name": "open",
+                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+                "type": "boolean"
               },
               {
-                "name": "name",
-                "description": "name the combobox with this.",
-                "type": "string"
+                "name": "closable",
+                "description": "Enables a close button that allows the user to dismiss the alert.",
+                "type": "boolean"
               },
               {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
+                "name": "variant",
+                "description": "The alert's theme variant.",
+                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
               {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
+                "name": "duration",
+                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own."
               },
               {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
+                "name": "countdown",
+                "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+                "type": "'rtl' | 'ltr' | undefined"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-show",
+                "description": "Emitted when the alert opens."
               },
               {
-                "name": "status",
-                "description": "status of the content",
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "name": "terra-after-show",
+                "description": "Emitted after the alert opens and all animations are complete."
               },
               {
-                "name": "content",
-                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-                "type": "Content"
+                "name": "terra-hide",
+                "description": "Emitted when the alert closes."
               },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
               {
-                "name": "searchResults",
-                "type": "GroupedListItem[] | ListItem[]"
+                "name": "terra-after-hide",
+                "description": "Emitted after the alert closes and all animations are complete."
+              }
+            ]
+          }
+        },
+        {
+          "name": "terra-accordion",
+          "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "summary",
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "open",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "showArrow",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot for accordion content."
+            },
+            {
+              "name": "summary",
+              "description": "The summary/header for the accordion (optional, overrides summary property)"
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-accordion-toggle",
+              "description": "emitted when the accordion opens or closes"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "summary",
+                "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+                "type": "string"
+              },
+              {
+                "name": "open",
+                "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+                "type": "boolean"
+              },
+              { "name": "showArrow", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "terra-accordion-toggle",
+                "description": "emitted when the accordion opens or closes"
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
@@ -651,98 +768,87 @@
           }
         },
         {
-          "name": "terra-data-rods",
-          "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range of the date slider is updated",
+          "name": "terra-data-subsetter-history",
+          "description": "Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variable-entry-id",
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "value": { "type": "string | undefined" }
+              "name": "label",
+              "value": { "type": "string", "default": "'History'" }
             },
+            { "name": "bearer-token", "value": { "type": "string" } },
             {
-              "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": "always-show",
+              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
+              "value": { "type": "boolean" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "label", "type": "string" },
+              { "name": "bearerToken", "type": "string" },
+              {
+                "name": "alwaysShow",
+                "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
+                "type": "boolean"
+              },
+              { "name": "collapsed", "type": "boolean" },
+              { "name": "selectedJob", "type": "string | undefined" },
+              { "name": "hideCancelled", "type": "boolean" },
+              { "name": "dialog", "type": "TerraDialog" },
+              { "name": "_authController" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-date-range-slider",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "variable",
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
+              "name": "time-scale",
+              "value": { "type": "TimeScale", "default": "'daily'" }
             },
+            { "name": "min-date", "value": { "type": "string" } },
+            { "name": "max-date", "value": { "type": "string" } },
             {
               "name": "start-date",
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "end-date",
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
+              "description": "The start date for the time series plot.",
+              "value": { "type": "string" }
             },
+            { "name": "end-date", "value": { "type": "string" } },
             {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.",
-              "value": { "type": "string | undefined" }
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "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": "has-pips",
+              "value": { "type": "boolean", "default": "true" }
             }
           ],
-          "events": [
-            {
-              "name": "terra-date-range-change",
-              "description": "Emitted whenever the date range of the date slider is updated"
-            }
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
           ],
+          "events": [],
           "js": {
             "properties": [
-              {
-                "name": "variableEntryId",
-                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "collection",
-                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "variable",
-                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
+              { "name": "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. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "endDate",
-                "description": "The end date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "location",
-                "description": "The point location in \"lat,lon\" format.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "description": "The start date for the time series plot.",
                 "type": "string"
               },
-              { "name": "catalogVariable", "type": "Variable" },
-              { "name": "_fetchVariableTask" }
+              { "name": "endDate", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "hasPips", "type": "boolean" }
             ],
-            "events": [
-              {
-                "name": "terra-date-range-change",
-                "description": "Emitted whenever the date range of the date slider is updated"
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -851,112 +957,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-data-subsetter-history",
-          "description": "Shows a floating panel with a user's recent data subset requests and their status, with quick access to results and re-submission.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "value": { "type": "string", "default": "'History'" }
-            },
-            { "name": "bearer-token", "value": { "type": "string" } },
-            {
-              "name": "always-show",
-              "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
-              "value": { "type": "boolean" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "label", "type": "string" },
-              { "name": "bearerToken", "type": "string" },
-              {
-                "name": "alwaysShow",
-                "description": "if a user has never done a subset request, by default they don't see the history panel at all\nthis prop allows you to override that behavior and always show the history panel",
-                "type": "boolean"
-              },
-              { "name": "collapsed", "type": "boolean" },
-              { "name": "selectedJob", "type": "string | undefined" },
-              { "name": "hideCancelled", "type": "boolean" },
-              { "name": "dialog", "type": "TerraDialog" },
-              { "name": "_authController" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-chip",
-          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
-              }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The chip's label." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'small' | 'medium' | 'large'" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-date-range-slider",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "time-scale",
-              "value": { "type": "TimeScale", "default": "'daily'" }
-            },
-            { "name": "min-date", "value": { "type": "string" } },
-            { "name": "max-date", "value": { "type": "string" } },
-            {
-              "name": "start-date",
-              "description": "The start date for the time series plot.",
-              "value": { "type": "string" }
-            },
-            { "name": "end-date", "value": { "type": "string" } },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "has-pips",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
-              { "name": "timeScale", "type": "TimeScale" },
-              { "name": "minDate", "type": "string" },
-              { "name": "maxDate", "type": "string" },
-              {
-                "name": "startDate",
-                "description": "The start date for the time series plot.",
-                "type": "string"
-              },
-              { "name": "endDate", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "hasPips", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-dialog",
           "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
@@ -1302,6 +1302,43 @@
             "events": []
           }
         },
+        {
+          "name": "terra-plot",
+          "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "plotTitle", "value": { "type": "string | undefined" } },
+            {
+              "name": "layout",
+              "value": {
+                "type": "Partial<Layout> | undefined",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "config",
+              "value": {
+                "type": "Partial<Config> | undefined",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "data",
+              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "base", "type": "PlotlyHTMLElement" },
+              { "name": "plotTitle", "type": "string | undefined" },
+              { "name": "layout", "type": "Partial<Layout> | undefined" },
+              { "name": "config", "type": "Partial<Config> | undefined" },
+              { "name": "data", "type": "Array<Partial<Data>>" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-plot-toolbar",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1353,43 +1390,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-plot",
-          "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "plotTitle", "value": { "type": "string | undefined" } },
-            {
-              "name": "layout",
-              "value": {
-                "type": "Partial<Layout> | undefined",
-                "default": "{}"
-              }
-            },
-            {
-              "name": "config",
-              "value": {
-                "type": "Partial<Config> | undefined",
-                "default": "{}"
-              }
-            },
-            {
-              "name": "data",
-              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "base", "type": "PlotlyHTMLElement" },
-              { "name": "plotTitle", "type": "string | undefined" },
-              { "name": "layout", "type": "Partial<Layout> | undefined" },
-              { "name": "config", "type": "Partial<Config> | undefined" },
-              { "name": "data", "type": "Array<Partial<Data>>" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-skeleton",
           "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",
@@ -1627,104 +1627,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-variable-combobox",
-          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Variables'" }
-            },
-            {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "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."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
-              },
-              {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
-              },
-              {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
-              },
-              {
-                "name": "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": [
-              {
-                "name": "terra-combobox-change",
-                "description": "Emitted when an option is selected."
-              }
-            ]
-          }
-        },
         {
           "name": "terra-time-series",
           "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range is modified\n- **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni",
@@ -1843,6 +1745,104 @@
             ]
           }
         },
+        {
+          "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": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Variables'" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "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."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "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": [
+              {
+                "name": "terra-combobox-change",
+                "description": "Emitted when an option is selected."
+              }
+            ]
+          }
+        },
         {
           "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.",