@nasa-terra/components 0.0.174 → 0.0.175

package/dist/types/vue/index.d.ts

@@ -1,12 +1,11 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
+import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
-import type { TerraBanner } from "../../components/banner/banner.component.js";
-import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraButtonGroup } from "../../components/button-group/button-group.component.js";
@@ -74,23 +73,7 @@ type TerraAccordionProps = {
   showArrow?: TerraAccordion["showArrow"];
 
   /** emitted when the accordion opens or closes */
-  onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
-};
-
-type TerraAvatarProps = {
-  /** The image source to use for the avatar. */
-  image?: TerraAvatar["image"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
-
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  onTerraError?: (e: CustomEvent<never>) => void;
+  "onterra-accordion-toggle"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraAlertProps = {
@@ -116,13 +99,29 @@ Typically used to indicate the remaining time before a whole app refresh. */
   /**  */
   countdownElement?: TerraAlert["countdownElement"];
   /** Emitted when the alert opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
+  "onterra-show"?: (e: CustomEvent<never>) => void;
   /** Emitted after the alert opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
   /** Emitted when the alert closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted after the alert closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  "onterra-error"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraBadgeProps = {
@@ -134,26 +133,12 @@ type TerraBadgeProps = {
   pulse?: TerraBadge["pulse"];
 };
 
-type TerraBannerProps = {
-  /** Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can
-use the `show()` and `hide()` methods and this attribute will reflect the banner's open state. */
-  open?: TerraBanner["open"];
-  /** Enables a close button that allows the user to dismiss the banner. */
-  closable?: TerraBanner["closable"];
-  /** The banner's theme variant. */
-  variant?: TerraBanner["variant"];
-  /**  */
-  sticky?: TerraBanner["sticky"];
-  /**  */
-  base?: TerraBanner["base"];
-  /** Emitted when the banner opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
-  /** Emitted after the banner opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
-  /** Emitted when the banner closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
-  /** Emitted after the banner closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+type TerraBreadcrumbProps = {
+  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
+  href?: TerraBreadcrumb["href"];
+  /** Indicates that this breadcrumb represents the current page.
+When set, `aria-current="page"` will be applied to the underlying element. */
+  current?: TerraBreadcrumb["current"];
 };
 
 type TerraBreadcrumbsProps = {
@@ -163,14 +148,6 @@ type TerraBreadcrumbsProps = {
   theme?: TerraBreadcrumbs["theme"];
 };
 
-type TerraBreadcrumbProps = {
-  /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
-  href?: TerraBreadcrumb["href"];
-  /** Indicates that this breadcrumb represents the current page.
-When set, `aria-current="page"` will be applied to the underlying element. */
-  current?: TerraBreadcrumb["current"];
-};
-
 type TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -255,9 +232,9 @@ value of this attribute must be an id of a form in the same document or shadow r
   /** Gets the validation message */
   validationMessage?: TerraButton["validationMessage"];
   /** emitted when the button is blurred */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** emitted when the button is focused */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraButtonGroupProps = {
@@ -307,15 +284,15 @@ the same document or shadow root for this to work. */
   /** Gets the validation message */
   validationMessage?: TerraCheckbox["validationMessage"];
   /** Emitted when the checkbox loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** Emitted when the checked state changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the checkbox gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the checkbox receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraChipProps = {
@@ -327,7 +304,7 @@ type TerraChipProps = {
   stack?: TerraChip["stack"];
 
   /** emitted when the chip's close button is clicked */
-  onTerraRemove?: (e: CustomEvent<never>) => void;
+  "onterra-remove"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraComboboxProps = {
@@ -425,21 +402,21 @@ Default: false */
   /**  */
   isLoading?: TerraDataGrid["isLoading"];
   /** Emitted when the grid is initialized and ready. */
-  onTerraGridReady?: (e: CustomEvent<never>) => void;
+  "onterra-grid-ready"?: (e: CustomEvent<never>) => void;
   /** Emitted when row selection changes. */
-  onTerraSelectionChanged?: (e: CustomEvent<never>) => void;
+  "onterra-selection-changed"?: (e: CustomEvent<never>) => void;
   /** Emitted when column sorting changes. */
-  onTerraSortChanged?: (e: CustomEvent<never>) => void;
+  "onterra-sort-changed"?: (e: CustomEvent<never>) => void;
   /** Emitted when column filters change. */
-  onTerraFilterChanged?: (e: CustomEvent<never>) => void;
+  "onterra-filter-changed"?: (e: CustomEvent<never>) => void;
   /** Emitted when a row is clicked. */
-  onTerraRowClicked?: (e: CustomEvent<never>) => void;
+  "onterra-row-clicked"?: (e: CustomEvent<never>) => void;
   /** Emitted when a row is double-clicked. */
-  onTerraRowDoubleClicked?: (e: CustomEvent<never>) => void;
+  "onterra-row-double-clicked"?: (e: CustomEvent<never>) => void;
   /** Emitted when a cell is clicked. */
-  onTerraCellClicked?: (e: CustomEvent<never>) => void;
+  "onterra-cell-clicked"?: (e: CustomEvent<never>) => void;
   /** Emitted when a cell value is edited. */
-  onTerraCellValueChanged?: (e: CustomEvent<never>) => void;
+  "onterra-cell-value-changed"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraDataRodsProps = {
@@ -491,10 +468,10 @@ type TerraDataSubsetterProps = {
   /**  */
   collectionWithServices?: TerraDataSubsetter["collectionWithServices"];
   /**  */
-  variableDetails?: TerraDataSubsetter["variableDetails"];
-  /**  */
   selectedVariables?: TerraDataSubsetter["selectedVariables"];
   /**  */
+  selectedDimensionIndexes?: TerraDataSubsetter["selectedDimensionIndexes"];
+  /**  */
   expandedVariableGroups?: TerraDataSubsetter["expandedVariableGroups"];
   /**  */
   variableFilterText?: TerraDataSubsetter["variableFilterText"];
@@ -538,10 +515,17 @@ type TerraDataSubsetterProps = {
   spatialPicker?: TerraDataSubsetter["spatialPicker"];
   /**  */
   dialogElement?: TerraDataSubsetter["dialogElement"];
+  /** a query to get all variables for the collection
+we use this to get more detailed variable information than what Harmony gives us in the capabilities query,
+such as the variable's long name, units, and dimensions */
+  variablesQuery?: TerraDataSubsetter["variablesQuery"];
+  /** a query to get GES DISC collection details, mainly user friendly dimension names
+TODO: Ideally we should remove this and use CMR directly when we can to support all DAACs */
+  gesDiscCollectionQuery?: TerraDataSubsetter["gesDiscCollectionQuery"];
   /**  */
   controller?: TerraDataSubsetter["controller"];
   /** called when a subset job enters a final state (e.g. successful, failed, completed_with_errors) */
-  onTerraSubsetJobComplete?: (e: CustomEvent<never>) => void;
+  "onterra-subset-job-complete"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraDataSubsetterHistoryProps = {
@@ -660,7 +644,7 @@ type TerraDatePickerProps = {
   /**  */
   dropdownRef?: TerraDatePicker["dropdownRef"];
   /** Emitted when a date selection is made or changed. */
-  onTerraDateRangeChange?: (e: CustomEvent<never>) => void;
+  "onterra-date-range-change"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraDateRangeSliderProps = {
@@ -701,17 +685,17 @@ accessible way for users to dismiss the dialog. */
   /**  */
   overlay?: TerraDialog["overlay"];
   /** Emitted when the dialog opens. */
-  onTerraDialogShow?: (e: CustomEvent<never>) => void;
+  "onterra-dialog-show"?: (e: CustomEvent<never>) => void;
   /** Emitted after the dialog opens and all animations are complete. */
-  onTerraDialogAfterShow?: (e: CustomEvent<never>) => void;
+  "onterra-dialog-after-show"?: (e: CustomEvent<never>) => void;
   /** Emitted when the dialog closes. */
-  onTerraDialogHide?: (e: CustomEvent<never>) => void;
+  "onterra-dialog-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted after the dialog closes and all animations are complete. */
-  onTerraDialogAfterHide?: (e: CustomEvent<never>) => void;
+  "onterra-dialog-after-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input. */
-  onTerraDialogInitialFocus?: (e: CustomEvent<never>) => void;
+  "onterra-dialog-initial-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss. */
-  onTerraDialogRequestClose?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
+  "onterra-dialog-request-close"?: (e: CustomEvent<{ source: "close-button" | "keyboard" | "overlay" }>) => void;
 };
 
 type TerraDividerProps = {
@@ -752,13 +736,13 @@ dropdowns that allow for multiple interactions. */
 components that use a dropdown internally. */
   containingElement?: TerraDropdown["containingElement"];
   /** Emitted when the dropdown opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
+  "onterra-show"?: (e: CustomEvent<never>) => void;
   /** Emitted after the dropdown opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
   /** Emitted when the dropdown closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted after the dropdown closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraEarthdataLoginProps = {
@@ -790,7 +774,7 @@ this is useful for Jupyter Notebooks where we may want to automatically log the
   /**  */
   passwordInput?: TerraEarthdataLogin["passwordInput"];
   /** Emitted when a bearer token has been received from EDL. */
-  onTerraLogin?: (e: CustomEvent<never>) => void;
+  "onterra-login"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraFileUploadProps = {
@@ -817,11 +801,11 @@ type TerraFileUploadProps = {
   /**  */
   dropzone?: TerraFileUpload["dropzone"];
   /** Emitted when files are selected or removed. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraIconProps = {
@@ -842,9 +826,9 @@ ignored by assistive devices. */
   /**  */
   svg?: TerraIcon["svg"];
   /** Emitted when the icon has loaded. */
-  onTerraLoad?: (e: CustomEvent<never>) => void;
+  "onterra-load"?: (e: CustomEvent<never>) => void;
   /** Emitted when the icon fails to load due to an error. */
-  onTerraError?: (e: CustomEvent<never>) => void;
+  "onterra-error"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraInputProps = {
@@ -931,17 +915,17 @@ This will use the native `<input type="{{type}}">` implementation and may result
   /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
   valueAsNumber?: TerraInput["valueAsNumber"];
   /** Emitted when the input receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when an alteration to the control's value is committed by the user. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
   /** Emitted when the clear button is activated. */
-  onTerraClear?: (e: CustomEvent<never>) => void;
+  "onterra-clear"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraLoaderProps = {
@@ -972,7 +956,7 @@ You can use the following placeholders:
   "loading-message"?: TerraLogin["loadingMessage"];
 
   /** Emitted when a bearer token has been received from EDL. */
-  onTerraLogin?: (e: CustomEvent<never>) => void;
+  "onterra-login"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraMapProps = {
@@ -984,15 +968,27 @@ type TerraMapProps = {
   zoom?: TerraMap["zoom"];
   /** has map navigation toolbar */
   "has-navigation"?: TerraMap["hasNavigation"];
-  /** has coordinate tracker */
+  /** shows mouse coordinates at bottom left of map as user moves mouse over map */
+  "show-mouse-coordinates"?: TerraMap["showMouseCoordinates"];
+  /** @deprecated has coordinate tracker (use show-mouse-coordinates instead) */
   "has-coord-tracker"?: TerraMap["hasCoordTracker"];
   /** has shape selector */
   "has-shape-selector"?: TerraMap["hasShapeSelector"];
   /**  */
+  "show-graticule"?: TerraMap["showGraticule"];
+  /**  */
+  "show-bounding-box-selection"?: TerraMap["showBoundingBoxSelection"];
+  /** @deprecated hide bounding box selection (use show-bounding-box-selection instead) */
   "hide-bounding-box-selection"?: TerraMap["hideBoundingBoxSelection"];
   /**  */
+  "show-point-selection"?: TerraMap["showPointSelection"];
+  /** @deprecated hide point selection (use show-point-selection instead) */
   "hide-point-selection"?: TerraMap["hidePointSelection"];
   /**  */
+  "show-polygon-selection"?: TerraMap["showPolygonSelection"];
+  /**  */
+  "show-circle-selection"?: TerraMap["showCircleSelection"];
+  /**  */
   staticMode?: TerraMap["staticMode"];
   /** Disables infinite horizontal scrolling on the map (world wrapping) */
   "no-world-wrap"?: TerraMap["noWorldWrap"];
@@ -1001,10 +997,14 @@ Format: 'west, south, east, north' */
   "spatial-constraints"?: TerraMap["spatialConstraints"];
   /**  */
   value?: TerraMap["value"];
+  /** if true, when setting a value, the map will focus on the feature */
+  "fit-to-feature"?: TerraMap["fitToValue"];
   /**  */
   mapElement?: TerraMap["mapElement"];
   /**  */
-  map?: TerraMap["map"];
+  cursorCoordinates?: TerraMap["cursorCoordinates"];
+  /**  */
+  shapeLoading?: TerraMap["shapeLoading"];
   /** List of geojson shapes */
   shapes?: TerraMap["shapes"];
   /**  */
@@ -1015,7 +1015,7 @@ type TerraMenuProps = {
   /**  */
   defaultSlot?: TerraMenu["defaultSlot"];
   /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  onTerraSelect?: (e: CustomEvent<never>) => void;
+  "onterra-select"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraMenuItemProps = {
@@ -1063,7 +1063,7 @@ type TerraPaginationProps = {
   centered?: TerraPagination["centered"];
 
   /** Emitted when the page changes. */
-  onTerraPageChange?: (e: CustomEvent<never>) => void;
+  "onterra-page-change"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraPlotProps = {
@@ -1127,8 +1127,6 @@ type TerraPlotToolbarProps = {
   /**  */
   showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
   /**  */
-  locationMapValue?: TerraPlotToolbar["locationMapValue"];
-  /**  */
   menu?: TerraPlotToolbar["menu"];
   /**  */
   _authController?: TerraPlotToolbar["_authController"];
@@ -1208,7 +1206,7 @@ active. */
   /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
   popup?: TerraPopup["popup"];
   /** Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it. */
-  onTerraReposition?: (e: CustomEvent<never>) => void;
+  "onterra-reposition"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraProgressBarProps = {
@@ -1253,15 +1251,15 @@ the same document or shadow root for this to work. */
   /** Gets the validation message */
   validationMessage?: TerraRadio["validationMessage"];
   /** Emitted when the radio loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** Emitted when the checked state changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the radio gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the radio receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraRadioGroupProps = {
@@ -1293,11 +1291,11 @@ the same document or shadow root for this to work. */
   /** Gets the validation message */
   validationMessage?: TerraRadioGroup["validationMessage"];
   /** Emitted when the radio group's selected value changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the radio group receives user input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraScrollHintProps = {
@@ -1309,7 +1307,7 @@ type TerraScrollHintProps = {
   inactivityDelay?: TerraScrollHint["inactivityDelay"];
 
   /** Emitted when the scroll hint is clicked and scrolling begins. */
-  onTerraScroll?: (e: CustomEvent<never>) => void;
+  "onterra-scroll"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraSelectProps = {
@@ -1382,25 +1380,25 @@ be an array. **For this reason, values must not contain spaces.** */
   /** Gets the validation message */
   validationMessage?: TerraSelect["validationMessage"];
   /** Emitted when the control's value changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control's value is cleared. */
-  onTerraClear?: (e: CustomEvent<never>) => void;
+  "onterra-clear"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** Emitted when the select's menu opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
+  "onterra-show"?: (e: CustomEvent<never>) => void;
   /** Emitted after the select's menu opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
   /** Emitted when the select's menu closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted after the select's menu closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraSiteHeaderProps = {
@@ -1452,51 +1450,55 @@ When false (default), selected values are shown in the top right instead. */
 When hidden, still presents to screen readers. */
   "hide-label"?: TerraSlider["hideLabel"];
   /**  */
+  "format-tooltip"?: TerraSlider["formatTooltip"];
+  /**  */
   slider?: TerraSlider["slider"];
 };
 
 type TerraSpatialPickerProps = {
-  /** Minimum zoom level of the map. */
+  /**  */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
-  /** Maximum zoom level of the map. */
+  /**  */
   "max-zoom"?: TerraSpatialPicker["maxZoom"];
-  /** Initial map zoom level */
+  /**  */
   zoom?: TerraSpatialPicker["zoom"];
-  /** has map navigation toolbar */
+  /**  */
   "has-navigation"?: TerraSpatialPicker["hasNavigation"];
-  /** has coordinate tracker */
+  /**  */
   "has-coord-tracker"?: TerraSpatialPicker["hasCoordTracker"];
-  /** has shape selector */
-  "has-shape-selector"?: TerraSpatialPicker["hasShapeSelector"];
   /**  */
+  "has-shape-selector"?: TerraSpatialPicker["hasShapeSelector"];
+  /** Whether bounding box selection is allowed via the draw toolbar.
+Mirrors the terra-map attribute name for consistency. */
+  "show-bounding-box-selection"?: TerraSpatialPicker["showBoundingBoxSelection"];
+  /** @deprecated Use show-bounding-box-selection instead. */
   "hide-bounding-box-selection"?: TerraSpatialPicker["hideBoundingBoxSelection"];
-  /**  */
+  /** Whether point selection is allowed via the draw toolbar. */
+  "show-point-selection"?: TerraSpatialPicker["showPointSelection"];
+  /** @deprecated Use show-point-selection instead. */
   "hide-point-selection"?: TerraSpatialPicker["hidePointSelection"];
-  /** initialValue of spatial picker */
+  /** Initial/current value of the picker. */
   "initial-value"?: TerraSpatialPicker["initialValue"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
+  /**  */
   "hide-label"?: TerraSpatialPicker["hideLabel"];
-  /** spatial picker label */
+  /**  */
   label?: TerraSpatialPicker["label"];
-  /** Spatial constraints for the map (default: '-180, -90, 180, 90') */
+  /** Spatial constraints extent: 'west, south, east, north'.
+Draws a visual overlay on the map and rejects draws outside this area. */
   "spatial-constraints"?: TerraSpatialPicker["spatialConstraints"];
   /**  */
   "is-expanded"?: TerraSpatialPicker["isExpanded"];
-  /** Disables infinite horizontal scrolling on the map (world wrapping) */
+  /**  */
   "no-world-wrap"?: TerraSpatialPicker["noWorldWrap"];
-  /** Whether the map should be shown inline, or as part of the normal content flow
-the default is false, the map is positioned absolute under the input */
+  /**  */
   inline?: TerraSpatialPicker["inline"];
-  /** Whether the map should show automatically when the input is focused */
+  /**  */
   "show-map-on-focus"?: TerraSpatialPicker["showMapOnFocus"];
   /**  */
   "url-state"?: TerraSpatialPicker["urlState"];
   /**  */
   "help-text"?: TerraSpatialPicker["helpText"];
   /**  */
-  mapValue?: TerraSpatialPicker["mapValue"];
-  /**  */
   error?: TerraSpatialPicker["error"];
   /**  */
   dropdownRef?: TerraSpatialPicker["dropdownRef"];
@@ -1504,8 +1506,6 @@ the default is false, the map is positioned absolute under the input */
   terraInput?: TerraSpatialPicker["terraInput"];
   /**  */
   map?: TerraSpatialPicker["map"];
-  /**  */
-  parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
 type TerraStatusIndicatorProps = {
@@ -1547,7 +1547,7 @@ type TerraTabProps = {
   /**  */
   tab?: TerraTab["tab"];
   /** Emitted when the tab is closable and the close button is activated. */
-  onTerraClose?: (e: CustomEvent<never>) => void;
+  "onterra-close"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraTabPanelProps = {
@@ -1578,9 +1578,9 @@ manual, the tab will receive focus but will not show until the user presses spac
   /**  */
   indicator?: TerraTabs["indicator"];
   /** Emitted when a tab is shown. */
-  onTerraTabShow?: (e: CustomEvent<{ name: String }>) => void;
+  "onterra-tab-show"?: (e: CustomEvent<{ name: String }>) => void;
   /** Emitted when a tab is hidden. */
-  onTerraTabHide?: (e: CustomEvent<{ name: String }>) => void;
+  "onterra-tab-hide"?: (e: CustomEvent<{ name: String }>) => void;
 };
 
 type TerraTagProps = {
@@ -1600,7 +1600,7 @@ type TerraTagProps = {
   href?: TerraTag["href"];
 
   /** Emitted when a topic tag is clicked (unless href is provided). */
-  onTerraClick?: (e: CustomEvent<never>) => void;
+  "onterra-click"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraTextareaProps = {
@@ -1649,15 +1649,15 @@ the same document or shadow root for this to work. */
   /** Gets the validation message */
   validationMessage?: TerraTextarea["validationMessage"];
   /** Emitted when the textarea receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when an alteration to the control's value is committed by the user. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the textarea gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the textarea loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraTimeAverageMapProps = {
@@ -1766,9 +1766,9 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   /**  */
   _fetchVariableTask?: TerraTimeSeries["_fetchVariableTask"];
   /** Emitted whenever the date range is modified */
-  onTerraDateRangeChange?: (e: CustomEvent<CustomEvent>) => void;
+  "onterra-date-range-change"?: (e: CustomEvent<CustomEvent>) => void;
   /** Emitted whenever time series data has been fetched from Giovanni */
-  onTerraTimeSeriesDataChange?: (e: CustomEvent<never>) => void;
+  "onterra-time-series-data-change"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraToastProps = {
@@ -1785,13 +1785,13 @@ Typically used for toasts with relatively long duration. */
   /**  */
   alert?: TerraToast["alert"];
   /** Emitted when the toast opens. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
+  "onterra-show"?: (e: CustomEvent<never>) => void;
   /** Emitted after the toast opens and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
   /** Emitted when the toast closes. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted after the toast closes and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraToggleProps = {
@@ -1824,15 +1824,15 @@ the same document or shadow root for this to work. */
   /** Gets the validation message */
   validationMessage?: TerraToggle["validationMessage"];
   /** Emitted when the control loses focus. */
-  onTerraBlur?: (e: CustomEvent<never>) => void;
+  "onterra-blur"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control's checked state changes. */
-  onTerraChange?: (e: CustomEvent<never>) => void;
+  "onterra-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control receives input. */
-  onTerraInput?: (e: CustomEvent<never>) => void;
+  "onterra-input"?: (e: CustomEvent<never>) => void;
   /** Emitted when the control gains focus. */
-  onTerraFocus?: (e: CustomEvent<never>) => void;
+  "onterra-focus"?: (e: CustomEvent<never>) => void;
   /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  onTerraInvalid?: (e: CustomEvent<never>) => void;
+  "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraTooltipProps = {
@@ -1867,13 +1867,13 @@ scenarios. */
   /**  */
   popup?: TerraTooltip["popup"];
   /** Emitted when the tooltip or popover begins to show. */
-  onTerraShow?: (e: CustomEvent<never>) => void;
+  "onterra-show"?: (e: CustomEvent<never>) => void;
   /** Emitted after it has shown and all animations are complete. */
-  onTerraAfterShow?: (e: CustomEvent<never>) => void;
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
   /** Emitted when the tooltip or popover begins to hide. */
-  onTerraHide?: (e: CustomEvent<never>) => void;
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
   /** Emitted after it has hidden and all animations are complete. */
-  onTerraAfterHide?: (e: CustomEvent<never>) => void;
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraVariableComboboxProps = {
@@ -1908,7 +1908,7 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   /**  */
   tagContainerWidth?: TerraVariableCombobox["tagContainerWidth"];
   /** Emitted when an option is selected. */
-  onTerraComboboxChange?: (e: CustomEvent<never>) => void;
+  "onterra-combobox-change"?: (e: CustomEvent<never>) => void;
 };
 
 type TerraVariableKeywordSearchProps = {
@@ -1931,9 +1931,9 @@ When hidden, still presents to screen readers. */
   /**  */
   searchResults?: TerraVariableKeywordSearch["searchResults"];
   /** Emitted when an option is selected. */
-  onTerraVariableKeywordSearchChange?: (e: CustomEvent<never>) => void;
+  "onterra-variable-keyword-search-change"?: (e: CustomEvent<never>) => void;
   /** Emitted when the component is triggering a search (like a form triggering submit). */
-  onTerraSearch?: (e: CustomEvent<never>) => void;
+  "onterra-search"?: (e: CustomEvent<never>) => void;
 };
 
 export type CustomElements = {
@@ -1951,28 +1951,6 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
-  /**
-   * Avatars are used to represent a person or object.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
-   * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
-   */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
-
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -2002,79 +1980,76 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * Avatars are used to represent a person or object.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
    * ### **Slots:**
-   *  - _default_ - The badge's content.
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--size** - The size of the avatar. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
    */
-  "terra-badge": DefineComponent<TerraBadgeProps>;
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
 
   /**
-   * Banners are used to display important messages on top of the header.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the banner opens.
-   * - **terra-after-show** - Emitted after the banner opens and all animations are complete.
-   * - **terra-hide** - Emitted when the banner closes.
-   * - **terra-after-hide** - Emitted after the banner closes and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **show()** - Shows the banner.
-   * - **hide()** - Hides the banner
-   *
    * ### **Slots:**
-   *  - _default_ - The banner's main content.
+   *  - _default_ - The badge's content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the optional icon.
-   * - **message** - The container that wraps the banner's main content.
    */
-  "terra-banner": DefineComponent<TerraBannerProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
-   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
+   * A single breadcrumb item used inside `terra-breadcrumbs`.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
+   *  - _default_ - The default slot.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
+   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
+   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
+   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **nav** - The navigation container.
+   * - **link** - The breadcrumb link element.
+   * - **label** - The breadcrumb label element when not a link.
    */
-  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
+  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
 
   /**
-   * A single breadcrumb item used inside `terra-breadcrumbs`.
+   * A collection of breadcrumb items that shows the current page's location in the site hierarchy.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - The default slot.
+   *  - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.
    *
    * ### **CSS Properties:**
-   *  - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_
-   * - **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
-   * - **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_
+   *  - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **link** - The breadcrumb link element.
-   * - **label** - The breadcrumb label element when not a link.
+   * - **nav** - The navigation container.
    */
-  "terra-breadcrumb": DefineComponent<TerraBreadcrumbProps>;
+  "terra-breadcrumbs": DefineComponent<TerraBreadcrumbsProps>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.