@nasa-terra/components 0.0.191 → 0.0.192

package/cdn/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";
@@ -39,8 +39,8 @@ 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 { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
-import type { TerraProgressBar } from "../../components/progress-bar/progress-bar.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";
 import type { TerraScrollHint } from "../../components/scroll-hint/scroll-hint.component.js";
@@ -158,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"];
@@ -166,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 */
@@ -272,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"];
@@ -513,6 +513,10 @@ Supported flags:
   /**  */
   spatialSelection?: TerraDataSubsetter["spatialSelection"];
   /**  */
+  shapeGeoJson?: TerraDataSubsetter["shapeGeoJson"];
+  /**  */
+  spatialLabel?: TerraDataSubsetter["spatialLabel"];
+  /**  */
   selectedDateRange?: TerraDataSubsetter["selectedDateRange"];
   /**  */
   selectedFormat?: TerraDataSubsetter["selectedFormat"];
@@ -637,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"];
   /**  */
@@ -1186,19 +1194,6 @@ type TerraPlotToolbarProps = {
   metadata?: TerraPlotToolbar["metadata"];
 };
 
-type TerraProgressBarProps = {
-  /** The current progress as a percentage, 0 to 100. */
-  value?: TerraProgressBar["value"];
-  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-  indeterminate?: TerraProgressBar["indeterminate"];
-  /** A custom label for assistive devices. */
-  label?: TerraProgressBar["label"];
-  /** The progress bar's theme variant. */
-  variant?: TerraProgressBar["variant"];
-  /**  */
-  title?: TerraProgressBar["title"];
-};
-
 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
@@ -1274,6 +1269,19 @@ active. */
   "onterra-reposition"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: TerraProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: TerraProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: TerraProgressBar["label"];
+  /** The progress bar's theme variant. */
+  variant?: TerraProgressBar["variant"];
+  /**  */
+  title?: TerraProgressBar["title"];
+};
+
 type TerraRadioProps = {
   /**  */
   title?: TerraRadio["title"];
@@ -1523,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. */
@@ -2117,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-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)_
+   *  - **--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.
@@ -2206,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.
    * ---
@@ -2250,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.
    * ---
@@ -2797,27 +2808,6 @@ export type CustomElements = {
    */
   "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
-  /**
-   * Progress bars are used to show the status of an ongoing operation.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
-   *
-   * ### **CSS Properties:**
-   *  - **--height** - The progress bar's height. _(default: undefined)_
-   * - **--track-color** - The color of the track. _(default: undefined)_
-   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
-   * - **--label-color** - The color of the label. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
-   */
-  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
-
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
    * ---
@@ -2846,6 +2836,27 @@ export type CustomElements = {
    */
   "terra-popup": DefineComponent<TerraPopupProps>;
 
+  /**
+   * Progress bars are used to show the status of an ongoing operation.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - A label to show inside the progress indicator.
+   *
+   * ### **CSS Properties:**
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
+   */
+  "terra-progress-bar": DefineComponent<TerraProgressBarProps>;
+
   /**
    * Radio buttons are a form field used when only a single selection can be made from a list.
    * ---

package/cdn/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/cdn/utilities/harmony.js

@@ -1,13 +1,15 @@
 import {
   extractHarmonyError,
   formatHarmonyErrorMessage,
-  isCancellationError
-} from "../chunks/chunk.F3PALOOP.js";
+  isCancellationError,
+  simplifyToPointLimit
+} from "../chunks/chunk.BD3FY2DX.js";
 import "../chunks/chunk.RRCYT4LP.js";
 import "../chunks/chunk.JS5TDQ5C.js";
 import "../chunks/chunk.ZEOVK2FE.js";
 export {
   extractHarmonyError,
   formatHarmonyErrorMessage,
-  isCancellationError
+  isCancellationError,
+  simplifyToPointLimit
 };

package/cdn/utilities/variable-task.js

@@ -1,11 +1,11 @@
 import {
   getFetchVariableTask
-} from "../chunks/chunk.YQXMPDBV.js";
+} from "../chunks/chunk.CQER7LGP.js";
 import "../chunks/chunk.QS6LI65N.js";
 import "../chunks/chunk.BQDEKCXK.js";
 import "../chunks/chunk.TKSEPVAL.js";
-import "../chunks/chunk.KNUKVURG.js";
-import "../chunks/chunk.ND3745YQ.js";
+import "../chunks/chunk.JCC5JYVG.js";
+import "../chunks/chunk.KF5FM4UM.js";
 import "../chunks/chunk.SYQOGYTQ.js";
 import "../chunks/chunk.EYYVMPBZ.js";
 import "../chunks/chunk.7NJYVBGM.js";

package/cdn/vscode.html-custom-data.json

@@ -818,7 +818,17 @@
         { "name": "hideClearAll", "values": [] },
         { "name": "clearAllLabel", "values": [] },
         { "name": "use-end-of-day", "values": [] },
-        { "name": "closable", "values": [] }
+        { "name": "closable", "values": [] },
+        {
+          "name": "timezone",
+          "description": "IANA timezone identifier for display (e.g. 'America/New_York'). Affects time display only; internal values remain UTC.",
+          "values": []
+        },
+        {
+          "name": "twelve-hour",
+          "description": "Display time in 12-hour format with AM/PM. Requires enable-time. Internal values remain UTC.",
+          "values": []
+        }
       ],
       "references": [
         {
@@ -1502,46 +1512,6 @@
         }
       ]
     },
-    {
-      "name": "terra-progress-bar",
-      "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The current progress as a percentage, 0 to 100.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "A custom label for assistive devices.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The progress bar's theme variant.",
-          "values": [
-            { "name": "" },
-            { "name": "default" },
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        },
-        { "name": "title", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/progress-bar"
-        }
-      ]
-    },
     {
       "name": "terra-popup",
       "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\n\n### **Slots:**\n - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.\n- **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.",
@@ -1696,6 +1666,46 @@
         }
       ]
     },
+    {
+      "name": "terra-progress-bar",
+      "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current progress as a percentage, 0 to 100.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A custom label for assistive devices.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The progress bar's theme variant.",
+          "values": [
+            { "name": "" },
+            { "name": "default" },
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        },
+        { "name": "title", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/progress-bar"
+        }
+      ]
+    },
     {
       "name": "terra-radio",
       "description": "Radio buttons are a form field used when only a single selection can be made from a list.\n---\n\n\n### **Events:**\n - **terra-blur** - Emitted when the radio loses focus.\n- **terra-change** - Emitted when the checked state changes.\n- **terra-focus** - Emitted when the radio gains focus.\n- **terra-input** - Emitted when the radio receives input.\n- **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the radio.\n- **focus(options: _FocusOptions_)** - Sets focus on the radio.\n- **blur()** - Removes focus from the radio.\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. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Properties:**\n - **--terra-radio-*** - All radio design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an SVG element.\n- **label** - The container that wraps the radio's label.",
@@ -2089,6 +2099,11 @@
           "description": "Whether bounding box selection is allowed via the draw toolbar.\nMirrors the terra-map attribute name for consistency.",
           "values": []
         },
+        {
+          "name": "show-polygon-selection",
+          "description": "Whether polygon selection is allowed via the draw toolbar.\nMirrors the terra-map attribute name for consistency.",
+          "values": []
+        },
         { "name": "hide-bounding-box-selection", "values": [] },
         {
           "name": "show-point-selection",