@nasa-terra/components 0.0.0

package/dist/web-types.json

@@ -0,0 +1,983 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "@nasa-terra/components",
+  "version": "0.0.0",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "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-combobox",
+          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
+            },
+            {
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "status",
+              "description": "status of the content",
+              "value": {
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
+              }
+            },
+            {
+              "name": "content",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "value": {
+                "type": "Content",
+                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "name the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "status",
+                "description": "status of the content",
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              {
+                "name": "content",
+                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+                "type": "Content"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              {
+                "name": "searchResults",
+                "type": "GroupedListItem[] | ListItem[]"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-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-button",
+          "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "title", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "variant",
+              "description": "The button's theme variant.",
+              "value": {
+                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'\n        | 'text'",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The button's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "caret",
+              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading",
+              "description": "Draws the button in a loading state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "outline",
+              "description": "Draws an outlined button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "pill",
+              "description": "Draws a pill-style button with rounded edges.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "circle",
+              "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<sl-icon>` in the\ndefault slot.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
+              "value": {
+                "type": "'button' | 'submit' | 'reset'",
+                "default": "'button'"
+              }
+            },
+            {
+              "name": "name",
+              "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "value",
+              "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "value": { "type": "'_blank' | '_parent' | '_self' | '_top'" }
+            },
+            {
+              "name": "rel",
+              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+              "value": { "type": "string", "default": "'noreferrer noopener'" }
+            },
+            {
+              "name": "download",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "form",
+              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "formaction",
+              "description": "Used to override the form owner's `action` attribute.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "formenctype",
+              "description": "Used to override the form owner's `enctype` attribute.",
+              "value": {
+                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+              }
+            },
+            {
+              "name": "formmethod",
+              "description": "Used to override the form owner's `method` attribute.",
+              "value": { "type": "'post' | 'get'" }
+            },
+            {
+              "name": "formnovalidate",
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "formtarget",
+              "description": "Used to override the form owner's `target` attribute.",
+              "value": {
+                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+              }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The button's label." },
+            {
+              "name": "prefix",
+              "description": "A presentational prefix icon or similar element."
+            },
+            {
+              "name": "suffix",
+              "description": "A presentational suffix icon or similar element."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "button",
+                "type": "HTMLButtonElement | HTMLLinkElement"
+              },
+              { "name": "invalid", "type": "boolean" },
+              { "name": "title", "type": "string" },
+              {
+                "name": "variant",
+                "description": "The button's theme variant.",
+                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'\n        | 'text'"
+              },
+              {
+                "name": "size",
+                "description": "The button's size.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "caret",
+                "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the button.",
+                "type": "boolean"
+              },
+              {
+                "name": "loading",
+                "description": "Draws the button in a loading state.",
+                "type": "boolean"
+              },
+              {
+                "name": "outline",
+                "description": "Draws an outlined button.",
+                "type": "boolean"
+              },
+              {
+                "name": "pill",
+                "description": "Draws a pill-style button with rounded edges.",
+                "type": "boolean"
+              },
+              {
+                "name": "circle",
+                "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<sl-icon>` in the\ndefault slot.",
+                "type": "boolean"
+              },
+              {
+                "name": "type",
+                "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
+                "type": "'button' | 'submit' | 'reset'"
+              },
+              {
+                "name": "name",
+                "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is present.",
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              {
+                "name": "rel",
+                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+                "type": "string"
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "form",
+                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+                "type": "string"
+              },
+              {
+                "name": "formAction",
+                "description": "Used to override the form owner's `action` attribute.",
+                "type": "string"
+              },
+              {
+                "name": "formEnctype",
+                "description": "Used to override the form owner's `enctype` attribute.",
+                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+              },
+              {
+                "name": "formMethod",
+                "description": "Used to override the form owner's `method` attribute.",
+                "type": "'post' | 'get'"
+              },
+              {
+                "name": "formNoValidate",
+                "description": "Used to override the form owner's `novalidate` attribute.",
+                "type": "boolean"
+              },
+              {
+                "name": "formTarget",
+                "description": "Used to override the form owner's `target` attribute.",
+                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object"
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-icon",
+          "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **terra-load** - Emitted when the icon has loaded.\n- **terra-error** - Emitted when the icon fails to load due to an error.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "src",
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "label",
+              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "library",
+              "description": "The name of a registered custom icon library.",
+              "value": {
+                "type": "'default' | 'heroicons' | string",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "color",
+              "description": "The CSS color to assign to the SVG.",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "font-size",
+              "description": "The CSS font-size to assign to the SVG.",
+              "value": { "type": "string | null", "default": "null" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-load",
+              "description": "Emitted when the icon has loaded."
+            },
+            {
+              "name": "terra-error",
+              "description": "Emitted when the icon fails to load due to an error."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "svg",
+                "type": "SVGElement | HTMLTemplateResult | null"
+              },
+              {
+                "name": "name",
+                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "src",
+                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "label",
+                "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+                "type": "string"
+              },
+              {
+                "name": "library",
+                "description": "The name of a registered custom icon library.",
+                "type": "'default' | 'heroicons' | string"
+              },
+              {
+                "name": "color",
+                "description": "The CSS color to assign to the SVG.",
+                "type": "string | null"
+              },
+              {
+                "name": "fontSize",
+                "description": "The CSS font-size to assign to the SVG.",
+                "type": "string | null"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-load",
+                "description": "Emitted when the icon has loaded."
+              },
+              {
+                "name": "terra-error",
+                "description": "Emitted when the icon fails to load due to an error."
+              }
+            ]
+          }
+        },
+        {
+          "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": "size",
+              "description": "The loader's size",
+              "value": { "type": "'small' | 'large'", "default": "'large'" }
+            },
+            {
+              "name": "theme",
+              "description": "The loader's theme, light or dark mode",
+              "value": { "type": "'light' | 'dark'" }
+            },
+            {
+              "name": "percent",
+              "description": "The percent complete for the loader to display",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "label",
+              "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
+              "value": { "type": "string", "default": "'Loading request'" }
+            },
+            {
+              "name": "message",
+              "description": "A message used by a screen reader to describe current value of loader element in a more human-understandable way (e.g, \"12% of 45MB\")",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The loader's size",
+                "type": "'small' | 'large'"
+              },
+              {
+                "name": "theme",
+                "description": "The loader's theme, light or dark mode",
+                "type": "'light' | 'dark'"
+              },
+              {
+                "name": "percent",
+                "description": "The percent complete for the loader to display",
+                "type": "number"
+              },
+              {
+                "name": "label",
+                "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
+                "type": "string"
+              },
+              {
+                "name": "message",
+                "description": "A message used by a screen reader to describe current value of loader element in a more human-understandable way (e.g, \"12% of 45MB\")",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-map",
+          "description": "A map component for visualizing and selecting coordinates.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "min-zoom",
+              "description": "Minimum zoom level of the map.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "max-zoom",
+              "description": "Maximum zoom level of the map.",
+              "value": { "type": "number", "default": "23" }
+            },
+            {
+              "name": "zoom",
+              "description": "Initial map zoom level",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "has-navigation",
+              "description": "has map navigation toolbar",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "has-coord-tracker",
+              "description": "has coordinate tracker",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "has-shape-selector",
+              "description": "has shape selector",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "value", "value": { "type": "any", "default": "[]" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "minZoom",
+                "description": "Minimum zoom level of the map.",
+                "type": "number"
+              },
+              {
+                "name": "maxZoom",
+                "description": "Maximum zoom level of the map.",
+                "type": "number"
+              },
+              {
+                "name": "zoom",
+                "description": "Initial map zoom level",
+                "type": "number"
+              },
+              {
+                "name": "hasNavigation",
+                "description": "has map navigation toolbar",
+                "type": "boolean"
+              },
+              {
+                "name": "hasCoordTracker",
+                "description": "has coordinate tracker",
+                "type": "boolean"
+              },
+              {
+                "name": "hasShapeSelector",
+                "description": "has shape selector",
+                "type": "boolean"
+              },
+              { "name": "value", "type": "any" },
+              { "name": "mapElement", "type": "HTMLDivElement" },
+              { "name": "map", "type": "any" },
+              {
+                "name": "shapes",
+                "description": "List of geojson shapes",
+                "type": "any"
+              },
+              { "name": "_mapController", "type": "MapController" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-spatial-picker",
+          "description": "A component that allows input of coordinates and rendering of map.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "min-zoom",
+              "description": "Minimum zoom level of the map.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "max-zoom",
+              "description": "Maximum zoom level of the map.",
+              "value": { "type": "number", "default": "23" }
+            },
+            {
+              "name": "zoom",
+              "description": "Initial map zoom level",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "has-navigation",
+              "description": "has map navigation toolbar",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "has-coord-tracker",
+              "description": "has coordinate tracker",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "has-shape-selector",
+              "description": "has shape selector",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "initial-value",
+              "description": "initialValue of spatial picker",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "spatial picker label",
+              "value": { "type": "string", "default": "'Select Region'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "minZoom",
+                "description": "Minimum zoom level of the map.",
+                "type": "number"
+              },
+              {
+                "name": "maxZoom",
+                "description": "Maximum zoom level of the map.",
+                "type": "number"
+              },
+              {
+                "name": "zoom",
+                "description": "Initial map zoom level",
+                "type": "number"
+              },
+              {
+                "name": "hasNavigation",
+                "description": "has map navigation toolbar",
+                "type": "boolean"
+              },
+              {
+                "name": "hasCoordTracker",
+                "description": "has coordinate tracker",
+                "type": "boolean"
+              },
+              {
+                "name": "hasShapeSelector",
+                "description": "has shape selector",
+                "type": "boolean"
+              },
+              {
+                "name": "initialValue",
+                "description": "initialValue of spatial picker",
+                "type": "string"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "spatial picker label",
+                "type": "string"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "mapValue", "type": "any" },
+              { "name": "spatialInput", "type": "HTMLInputElement" }
+            ],
+            "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": "{\n        modeBarButtonsToAdd: [\n            {\n                name: 'Download Data',\n                title: 'Download plot data as a CSV file',\n                icon: Icons.disk,\n                click: () => {\n                    this.downloadCSV()\n                },\n            },\n        ],\n    }"
+              }
+            },
+            {
+              "name": "data",
+              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "plotData", "type": "Array<Plot>" },
+              { "name": "base", "type": "HTMLElement" },
+              { "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-time-series",
+          "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "variable",
+              "description": "a variable short name to plot (ex: precipitationCal)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "units",
+              "description": "Units",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "variable",
+                "description": "a variable short name to plot (ex: precipitationCal)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "endDate",
+                "description": "The end date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "units",
+                "description": "Units",
+                "type": "string | undefined"
+              },
+              { "name": "dateRangeSlider", "type": "TerraDateRangeSlider" },
+              { "name": "plot", "type": "TerraPlot" },
+              { "name": "spatialPicker", "type": "TerraSpatialPicker" },
+              { "name": "variableCombobox", "type": "TerraVariableCombobox" },
+              {
+                "name": "collectionBeginningDateTime",
+                "description": "holds the start date for the earliest available data for the collection",
+                "type": "string | undefined"
+              },
+              {
+                "name": "collectionEndingDateTime",
+                "description": "holds the end date for the latest available data for the collection",
+                "type": "string | undefined"
+              }
+            ],
+            "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### **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": "value", "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": "value", "type": "string" },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              { "name": "searchResults", "type": "ListItem[]" }
+            ],
+            "events": [
+              {
+                "name": "terra-combobox-change",
+                "description": "Emitted when an option is selected."
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }
+}