@nasa-terra/components 0.0.189 → 0.0.192

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

@@ -5,13 +5,13 @@ 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 { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
+import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.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";
-import type { TerraCaption } from "../../components/caption/caption.component.js";
 import type { TerraCard } from "../../components/card/card.component.js";
+import type { TerraCaption } from "../../components/caption/caption.component.js";
 import type { TerraCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
@@ -38,8 +38,8 @@ import type { TerraMenuItem } from "../../components/menu-item/menu-item.compone
 import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraPopup } from "../../components/popup/popup.component.js";
 import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { TerraRadio } from "../../components/radio/radio.component.js";
 import type { TerraRadioGroup } from "../../components/radio-group/radio-group.component.js";
@@ -86,8 +86,9 @@ use the `show()` and `hide()` methods and this attribute will reflect the alert'
   closable?: TerraAlert["closable"];
   /** The alert's theme variant. */
   variant?: TerraAlert["variant"];
-  /** The alert's appearance style. "filled" uses a colored background with white text (HDS default).
-"white" uses a white background with a colored top border and dark text. */
+  /** The alert's appearance style. "filled" uses a colored background with contrast appropriate text (HDS default).
+"white" uses a white background with a colored top border and dark text. "subtle" uses muted colored backgrounds
+and matching colored text. */
   appearance?: TerraAlert["appearance"];
   /** The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
 the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning
@@ -157,6 +158,13 @@ use the `show()` and `hide()` methods and this attribute will reflect the banner
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraBreadcrumbsProps = {
+  /** Accessible label for the breadcrumb navigation. */
+  "aria-label"?: TerraBreadcrumbs["ariaLabel"];
+  /** Color theme of the breadcrumbs, matching the Horizon Design System. */
+  theme?: TerraBreadcrumbs["theme"];
+};
+
 type TerraBreadcrumbProps = {
   /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
   href?: TerraBreadcrumb["href"];
@@ -165,13 +173,6 @@ When set, `aria-current="page"` will be applied to the underlying element. */
   current?: TerraBreadcrumb["current"];
 };
 
-type TerraBreadcrumbsProps = {
-  /** Accessible label for the breadcrumb navigation. */
-  "aria-label"?: TerraBreadcrumbs["ariaLabel"];
-  /** Color theme of the breadcrumbs, matching the Horizon Design System. */
-  theme?: TerraBreadcrumbs["theme"];
-};
-
 type TerraBrowseVariablesProps = {
   /** Allows the user to switch the catalog between different providers
 TODO: add support for CMR catalog and make it the default */
@@ -271,10 +272,10 @@ devices when interacting with the control and is strongly recommended. */
   disableRole?: TerraButtonGroup["disableRole"];
 };
 
-type TerraCaptionProps = {};
-
 type TerraCardProps = {};
 
+type TerraCaptionProps = {};
+
 type TerraCheckboxProps = {
   /**  */
   title?: TerraCheckbox["title"];
@@ -512,6 +513,10 @@ Supported flags:
   /**  */
   spatialSelection?: TerraDataSubsetter["spatialSelection"];
   /**  */
+  shapeGeoJson?: TerraDataSubsetter["shapeGeoJson"];
+  /**  */
+  spatialLabel?: TerraDataSubsetter["spatialLabel"];
+  /**  */
   selectedDateRange?: TerraDataSubsetter["selectedDateRange"];
   /**  */
   selectedFormat?: TerraDataSubsetter["selectedFormat"];
@@ -636,6 +641,10 @@ type TerraDatePickerProps = {
   "use-end-of-day"?: TerraDatePicker["useEndOfDay"];
   /**  */
   closable?: TerraDatePicker["showClose"];
+  /** IANA timezone identifier for display (e.g. 'America/New_York'). Affects time display only; internal values remain UTC. */
+  timezone?: TerraDatePicker["timezone"];
+  /** Display time in 12-hour format with AM/PM. Requires enable-time. Internal values remain UTC. */
+  "twelve-hour"?: TerraDatePicker["twelveHour"];
   /**  */
   isOpen?: TerraDatePicker["isOpen"];
   /**  */
@@ -1132,6 +1141,59 @@ type TerraPlotProps = {
   base?: TerraPlot["base"];
 };
 
+type TerraPlotToolbarProps = {
+  /**  */
+  catalogVariable?: TerraPlotToolbar["catalogVariable"];
+  /**  */
+  variableEntryId?: TerraPlotToolbar["variableEntryId"];
+  /**  */
+  plot?: TerraPlotToolbar["plot"];
+  /**  */
+  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
+  /**  */
+  location?: TerraPlotToolbar["location"];
+  /**  */
+  startDate?: TerraPlotToolbar["startDate"];
+  /**  */
+  endDate?: TerraPlotToolbar["endDate"];
+  /**  */
+  cacheKey?: TerraPlotToolbar["cacheKey"];
+  /**  */
+  dataType?: TerraPlotToolbar["dataType"];
+  /**  */
+  "show-location"?: TerraPlotToolbar["showLocation"];
+  /**  */
+  "show-date-range"?: TerraPlotToolbar["showDateRange"];
+  /**  */
+  colormaps?: TerraPlotToolbar["colormaps"];
+  /**  */
+  "color-map-name"?: TerraPlotToolbar["colorMapName"];
+  /**  */
+  opacity?: TerraPlotToolbar["opacity"];
+  /**  */
+  "show-citation"?: TerraPlotToolbar["showCitation"];
+  /**  */
+  "show-help"?: TerraPlotToolbar["showHelp"];
+  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
+  "application-citation"?: TerraPlotToolbar["applicationCitation"];
+  /**  */
+  mobileView?: TerraPlotToolbar["mobileView"];
+  /**  */
+  productLabel?: TerraPlotToolbar["productLabel"];
+  /**  */
+  bottomSheetDragY?: TerraPlotToolbar["bottomSheetDragY"];
+  /**  */
+  hideTitle?: TerraPlotToolbar["hideTitle"];
+  /**  */
+  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
+  /**  */
+  menu?: TerraPlotToolbar["menu"];
+  /**  */
+  _authController?: TerraPlotToolbar["_authController"];
+  /**  */
+  metadata?: TerraPlotToolbar["metadata"];
+};
+
 type TerraPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -1207,59 +1269,6 @@ active. */
   "onterra-reposition"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraPlotToolbarProps = {
-  /**  */
-  catalogVariable?: TerraPlotToolbar["catalogVariable"];
-  /**  */
-  variableEntryId?: TerraPlotToolbar["variableEntryId"];
-  /**  */
-  plot?: TerraPlotToolbar["plot"];
-  /**  */
-  timeSeriesData?: TerraPlotToolbar["timeSeriesData"];
-  /**  */
-  location?: TerraPlotToolbar["location"];
-  /**  */
-  startDate?: TerraPlotToolbar["startDate"];
-  /**  */
-  endDate?: TerraPlotToolbar["endDate"];
-  /**  */
-  cacheKey?: TerraPlotToolbar["cacheKey"];
-  /**  */
-  dataType?: TerraPlotToolbar["dataType"];
-  /**  */
-  "show-location"?: TerraPlotToolbar["showLocation"];
-  /**  */
-  "show-date-range"?: TerraPlotToolbar["showDateRange"];
-  /**  */
-  colormaps?: TerraPlotToolbar["colormaps"];
-  /**  */
-  "color-map-name"?: TerraPlotToolbar["colorMapName"];
-  /**  */
-  opacity?: TerraPlotToolbar["opacity"];
-  /**  */
-  "show-citation"?: TerraPlotToolbar["showCitation"];
-  /**  */
-  "show-help"?: TerraPlotToolbar["showHelp"];
-  /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
-  "application-citation"?: TerraPlotToolbar["applicationCitation"];
-  /**  */
-  mobileView?: TerraPlotToolbar["mobileView"];
-  /**  */
-  productLabel?: TerraPlotToolbar["productLabel"];
-  /**  */
-  bottomSheetDragY?: TerraPlotToolbar["bottomSheetDragY"];
-  /**  */
-  hideTitle?: TerraPlotToolbar["hideTitle"];
-  /**  */
-  activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
-  /**  */
-  menu?: TerraPlotToolbar["menu"];
-  /**  */
-  _authController?: TerraPlotToolbar["_authController"];
-  /**  */
-  metadata?: TerraPlotToolbar["metadata"];
-};
-
 type TerraProgressBarProps = {
   /** The current progress as a percentage, 0 to 100. */
   value?: TerraProgressBar["value"];
@@ -1352,8 +1361,8 @@ the same document or shadow root for this to work. */
 type TerraScrollHintProps = {
   /** When true, the component will be positioned inline in the DOM flow instead of fixed to the viewport. */
   inline?: TerraScrollHint["inline"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraScrollHint["dark"];
+  /** When true, forces inverse mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  inverse?: TerraScrollHint["inverse"];
   /** The delay in milliseconds before showing the scroll hint after inactivity. Defaults to 3000ms (3 seconds). */
   inactivityDelay?: TerraScrollHint["inactivityDelay"];
 
@@ -1522,6 +1531,9 @@ type TerraSpatialPickerProps = {
   /** Whether bounding box selection is allowed via the draw toolbar.
 Mirrors the terra-map attribute name for consistency. */
   "show-bounding-box-selection"?: TerraSpatialPicker["showBoundingBoxSelection"];
+  /** Whether polygon selection is allowed via the draw toolbar.
+Mirrors the terra-map attribute name for consistency. */
+  "show-polygon-selection"?: TerraSpatialPicker["showPolygonSelection"];
   /** @deprecated Use show-bounding-box-selection instead. */
   "hide-bounding-box-selection"?: TerraSpatialPicker["hideBoundingBoxSelection"];
   /** Whether point selection is allowed via the draw toolbar. */
@@ -2116,41 +2128,41 @@ export type CustomElements = {
   "terra-banner": DefineComponent<TerraBannerProps>;
 
   /**
-   * 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>;
 
   /**
-   * 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-text-default** - The text color of inactive breadcrumbs. _(default: undefined)_
+   * - **--terra-breadcrumb-text-current** - The text color of the current (last) breadcrumb. _(default: undefined)_
+   * - **--terra-breadcrumb-text-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>;
 
   /**
    * Browse through the NASA CMR or Giovanni catalogs.
@@ -2205,24 +2217,6 @@ export type CustomElements = {
    */
   "terra-button-group": DefineComponent<TerraButtonGroupProps>;
 
-  /**
-   * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The caption content. Use a `<span class="credit">` element for credits, which will be displayed with higher contrast.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-caption-font-family** - The font family for the caption. _(default: undefined)_
-   * - **--terra-caption-font-size** - The font size for the caption. _(default: undefined)_
-   * - **--terra-caption-font-weight** - The font weight for the caption. _(default: undefined)_
-   * - **--terra-caption-line-height** - The line height for the caption. _(default: undefined)_
-   * - **--terra-caption-color** - The text color for the caption. _(default: undefined)_
-   * - **--terra-caption-credit-color** - The text color for credits within the caption. _(default: undefined)_
-   */
-  "terra-caption": DefineComponent<TerraCaptionProps>;
-
   /**
    * Cards can be used to group related subjects in a container.
    * ---
@@ -2249,6 +2243,24 @@ export type CustomElements = {
    */
   "terra-card": DefineComponent<TerraCardProps>;
 
+  /**
+   * Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The caption content. Use a `<span class="credit">` element for credits, which will be displayed with higher contrast.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-caption-font-family** - The font family for the caption. _(default: undefined)_
+   * - **--terra-caption-font-size** - The font size for the caption. _(default: undefined)_
+   * - **--terra-caption-font-weight** - The font weight for the caption. _(default: undefined)_
+   * - **--terra-caption-line-height** - The line height for the caption. _(default: undefined)_
+   * - **--terra-caption-color** - The text color for the caption. _(default: undefined)_
+   * - **--terra-caption-credit-color** - The text color for credits within the caption. _(default: undefined)_
+   */
+  "terra-caption": DefineComponent<TerraCaptionProps>;
+
   /**
    * Checkboxes are a form field used when there are multiple options to select from a list.
    * ---
@@ -2723,6 +2735,11 @@ export type CustomElements = {
    *
    * ### **CSS Properties:**
    *  - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_
+   * - **--terra-options-item-text** - The text color of the option. _(default: undefined)_
+   * - **--terra-options-item-text-hover** - The text color of the option on hover. _(default: undefined)_
+   * - **--terra-options-item-text-active** - The text color of the option when active. _(default: undefined)_
+   * - **--terra-options-item-background-hover** - The background color of the option on hover. _(default: undefined)_
+   * - **--terra-options-item-background-active** - The background color of the option when active. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **checked-icon** - The checked icon, an `<terra-icon>` element.
@@ -2774,6 +2791,23 @@ export type CustomElements = {
    */
   "terra-plot": DefineComponent<TerraPlotProps>;
 
+  /**
+   * Short summary of the component's intended use.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
+
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
    * ---
@@ -2802,23 +2836,6 @@ export type CustomElements = {
    */
   "terra-popup": DefineComponent<TerraPopupProps>;
 
-  /**
-   * Short summary of the component's intended use.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
-
   /**
    * Progress bars are used to show the status of an ongoing operation.
    * ---
@@ -2923,6 +2940,9 @@ export type CustomElements = {
    * - **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_
    * - **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_
    * - **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_
+   * - **--terra-scroll-hint-inverse-background-color** - The background color of the icon circle in inverse mode. _(default: undefined)_
+   * - **--terra-scroll-hint-inverse-icon-color** - The color of the chevron icon in inverse mode. _(default: undefined)_
+   * - **--terra-scroll-hint-inverse-text-color** - The color of the text in inverse mode. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
@@ -3149,8 +3169,8 @@ export type CustomElements = {
    * - **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.
    *
    * ### **CSS Properties:**
-   *  - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_
-   * - **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   *  - **--terra-tab-indicator-selected** - The color of the active tab indicator. _(default: undefined)_
+   * - **--terra-tab-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
    * - **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
    *
    * ### **CSS Parts:**
@@ -3279,7 +3299,12 @@ export type CustomElements = {
    * calling this method again. The returned promise will resolve after the toast is hidden.
    * - **show()** - Shows the toast.
    * - **hide()** - Hides the toast.
-   * - **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
+   * - **notify(message: _string_, variant: _| 'primary'
+   *             | 'information'
+   *             | 'success'
+   *             | 'neutral'
+   *             | 'warning'
+   *             | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
    * body, and displays it as a notification.
    *
    * ### **Slots:**

package/dist/utilities/harmony.d.ts

@@ -32,3 +32,14 @@ export declare function extractHarmonyError(error: unknown, jobErrors?: Array<Su
  * @returns HTML template for the error message
  */
 export declare function formatHarmonyErrorMessage(error: HarmonyError): TemplateResult;
+/**
+ * Simplifies a GeoJSON object using binary search over the Douglas-Peucker
+ * tolerance to find the finest tolerance that brings the vertex count to
+ * at or below maxPoints. This maximises shape fidelity rather than
+ * just getting under the limit by the smallest possible margin.
+ *
+ * @param geoJson - Any valid GeoJSON object
+ * @param maxPoints - Maximum number of vertices allowed
+ * @returns Simplified GeoJSON, or the original if it was already under the limit
+ */
+export declare function simplifyToPointLimit(geoJson: object, maxPoints: number): object;

package/dist/utilities/harmony.js

@@ -1 +1 @@
-import{a,b,c}from"../chunks/chunk.43F6G3ZK.js";import"../chunks/chunk.INFVQQSJ.js";export{b as extractHarmonyError,c as formatHarmonyErrorMessage,a as isCancellationError};
+import{a,b,c,d}from"../chunks/chunk.TK2JSJCN.js";import"../chunks/chunk.INFVQQSJ.js";export{b as extractHarmonyError,c as formatHarmonyErrorMessage,a as isCancellationError,d as simplifyToPointLimit};

package/dist/utilities/variable-task.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.BM6R6HEQ.js";import"../chunks/chunk.EL5HO6Y2.js";import"../chunks/chunk.BWCJXCND.js";import"../chunks/chunk.KRY24B2Z.js";import"../chunks/chunk.LLYICQ3I.js";import"../chunks/chunk.7J2F6HQM.js";import"../chunks/chunk.DDNVEBZH.js";import"../chunks/chunk.Q3FSQR6A.js";import"../chunks/chunk.INFVQQSJ.js";export{a as getFetchVariableTask};
+import{a}from"../chunks/chunk.KIZLB2ZY.js";import"../chunks/chunk.EL5HO6Y2.js";import"../chunks/chunk.BWCJXCND.js";import"../chunks/chunk.SVLWTIBE.js";import"../chunks/chunk.IN7ZOX6F.js";import"../chunks/chunk.7J2F6HQM.js";import"../chunks/chunk.DDNVEBZH.js";import"../chunks/chunk.Q3FSQR6A.js";import"../chunks/chunk.INFVQQSJ.js";export{a as getFetchVariableTask};