@nasa-terra/components 0.0.179 → 0.0.182

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.179",
+  "version": "0.0.182",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2311,6 +2311,69 @@
             ]
           }
         },
+        {
+          "name": "terra-harmony-history",
+          "description": "Displays a horizontal scrolling strip of a user's recent Harmony job requests,\nfetching additional pages on demand as the user scrolls.\n---\n\n\n### **Events:**\n - **terra-harmony-job-select** - Emitted when a thumbnail is clicked.\n- **terra-harmony-job-delete** - Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false).\n\n### **CSS Parts:**\n - **nav-button** - The left/right navigation arrow buttons.\n- **viewport** - The overflow-hidden container that clips the thumbnail track.\n- **track** - The inner flex container that translates to implement scrolling.\n- **thumbnail** - Each individual job thumbnail wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "bearer-token",
+              "value": { "type": "string | undefined" }
+            },
+            { "name": "limit", "value": { "type": "number", "default": "10" } },
+            {
+              "name": "filter-by-labels",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "remove-labels-on-delete",
+              "description": "When true and `filter-by-labels` is set, clicking the delete button on a thumbnail\nwill call the Harmony /labels DELETE endpoint to remove the active filter labels from\nthat job (causing it to disappear from the filtered list). When false, a\n`terra-harmony-job-delete` event is emitted instead and the consumer handles deletion.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-harmony-job-select",
+              "type": "{ job: SubsetJobStatus }",
+              "description": "Emitted when a thumbnail is clicked."
+            },
+            {
+              "name": "terra-harmony-job-delete",
+              "type": "{ jobId: string }",
+              "description": "Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false)."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "bearerToken", "type": "string | undefined" },
+              { "name": "limit", "type": "number" },
+              { "name": "filterByLabels", "type": "string | undefined" },
+              {
+                "name": "removeLabelsOnDelete",
+                "description": "When true and `filter-by-labels` is set, clicking the delete button on a thumbnail\nwill call the Harmony /labels DELETE endpoint to remove the active filter labels from\nthat job (causing it to disappear from the filtered list). When false, a\n`terra-harmony-job-delete` event is emitted instead and the consumer handles deletion.",
+                "type": "boolean"
+              },
+              { "name": "_authController" },
+              { "name": "_removeLabelsOnDeleteMutation" },
+              {
+                "name": "jobsQuery",
+                "description": "Page 1 is always managed by this QueryController (includes polling for non-final jobs).\nOther pages are fetched imperatively via _fetchPage()."
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-harmony-job-select",
+                "type": "{ job: SubsetJobStatus }",
+                "description": "Emitted when a thumbnail is clicked."
+              },
+              {
+                "name": "terra-harmony-job-delete",
+                "type": "{ jobId: string }",
+                "description": "Emitted when the delete button on a thumbnail is clicked (only when `removeLabelsOnDelete` is false)."
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -5049,115 +5112,6 @@
             ]
           }
         },
-        {
-          "name": "terra-tag",
-          "description": "Tags are simple labels that help categorize items.\n---\n\n\n### **Events:**\n - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).\n\n### **Slots:**\n - _default_ - The tag label text.\n- **icon** - Optional icon slot for content tags (overrides icon prop).\n\n### **CSS Properties:**\n - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_\n- **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_\n- **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_\n- **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_\n- **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_\n- **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_\n- **--terra-tag-color** - The text color of the tag. _(default: undefined)_\n- **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_\n- **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_\n- **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_\n- **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_\n- **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_\n- **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_\n- **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_\n- **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_\n- **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_\n- **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_\n- **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_\n- **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_\n- **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_\n- **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_\n- **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_\n- **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The icon element (content tags only).\n- **label** - The text label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The tag variant. Determines the styling and behavior.",
-              "value": {
-                "type": "'content' | 'topic' | 'urgent'",
-                "default": "'content'"
-              }
-            },
-            {
-              "name": "size",
-              "description": "The size of the tag.",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
-              }
-            },
-            {
-              "name": "icon",
-              "description": "The icon name for content tags. Used with the default icon library.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "iconLibrary",
-              "description": "The icon library to use for content tags.",
-              "value": {
-                "type": "'default' | 'heroicons' | string",
-                "default": "'default'"
-              }
-            },
-            {
-              "name": "stack",
-              "description": "When true, tags will stack vertically instead of sitting side by side.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "dark",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "href",
-              "description": "The href for topic tags. If provided, the tag will be rendered as a link.",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The tag label text." },
-            {
-              "name": "icon",
-              "description": "Optional icon slot for content tags (overrides icon prop)."
-            }
-          ],
-          "events": [
-            {
-              "name": "terra-click",
-              "description": "Emitted when a topic tag is clicked (unless href is provided)."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "The tag variant. Determines the styling and behavior.",
-                "type": "'content' | 'topic' | 'urgent'"
-              },
-              {
-                "name": "size",
-                "description": "The size of the tag.",
-                "type": "'small' | 'medium' | 'large'"
-              },
-              {
-                "name": "icon",
-                "description": "The icon name for content tags. Used with the default icon library.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "iconLibrary",
-                "description": "The icon library to use for content tags.",
-                "type": "'default' | 'heroicons' | string"
-              },
-              {
-                "name": "stack",
-                "description": "When true, tags will stack vertically instead of sitting side by side.",
-                "type": "boolean"
-              },
-              {
-                "name": "dark",
-                "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-                "type": "boolean"
-              },
-              {
-                "name": "href",
-                "description": "The href for topic tags. If provided, the tag will be rendered as a link.",
-                "type": "string | undefined"
-              }
-            ],
-            "events": [
-              {
-                "name": "terra-click",
-                "description": "Emitted when a topic tag is clicked (unless href is provided)."
-              }
-            ]
-          }
-        },
         {
           "name": "terra-textarea",
           "description": "A textarea component with consistent styling across the design system.\n---\n\n\n### **Events:**\n - **terra-input** - Emitted when the textarea receives input.\n- **terra-change** - Emitted when an alteration to the control's value is committed by the user.\n- **terra-focus** - Emitted when the textarea gains focus.\n- **terra-blur** - Emitted when the textarea loses focus.\n- **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\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 - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **textarea** - The internal textarea control.\n- **form-control-help-text** - The help text's wrapper.",
@@ -5304,9 +5258,118 @@
             ]
           }
         },
+        {
+          "name": "terra-tag",
+          "description": "Tags are simple labels that help categorize items.\n---\n\n\n### **Events:**\n - **terra-click** - Emitted when a topic tag is clicked (unless href is provided).\n\n### **Slots:**\n - _default_ - The tag label text.\n- **icon** - Optional icon slot for content tags (overrides icon prop).\n\n### **CSS Properties:**\n - **--terra-tag-font-family** - The font family for the tag. _(default: undefined)_\n- **--terra-tag-font-size-small** - The font size for small tags. _(default: undefined)_\n- **--terra-tag-font-size-medium** - The font size for medium tags. _(default: undefined)_\n- **--terra-tag-font-size-large** - The font size for large tags. _(default: undefined)_\n- **--terra-tag-font-weight** - The font weight for the tag. _(default: undefined)_\n- **--terra-tag-font-weight-urgent** - The font weight for urgent tags. _(default: undefined)_\n- **--terra-tag-color** - The text color of the tag. _(default: undefined)_\n- **--terra-tag-background-color** - The background color of the tag. _(default: undefined)_\n- **--terra-tag-border-color** - The border color for topic tags. _(default: undefined)_\n- **--terra-tag-border-color-hover** - The border color for topic tags on hover. _(default: undefined)_\n- **--terra-tag-background-color-hover** - The background color for topic tags on hover. _(default: undefined)_\n- **--terra-tag-icon-border-color** - The border color for content tag icons. _(default: undefined)_\n- **--terra-tag-icon-size-small** - The size of small content tag icons. _(default: undefined)_\n- **--terra-tag-icon-size-medium** - The size of medium content tag icons. _(default: undefined)_\n- **--terra-tag-icon-size-large** - The size of large content tag icons. _(default: undefined)_\n- **--terra-tag-icon-inner-size-small** - The inner icon size for small content tags. _(default: undefined)_\n- **--terra-tag-icon-inner-size-medium** - The inner icon size for medium content tags. _(default: undefined)_\n- **--terra-tag-icon-inner-size-large** - The inner icon size for large content tags. _(default: undefined)_\n- **--terra-tag-urgent-color** - The text color for urgent tags. _(default: undefined)_\n- **--terra-tag-urgent-background-color** - The background color for urgent tags. _(default: undefined)_\n- **--terra-tag-padding-small** - The padding for small topic/urgent tags. _(default: undefined)_\n- **--terra-tag-padding-medium** - The padding for medium topic/urgent tags. _(default: undefined)_\n- **--terra-tag-padding-large** - The padding for large topic/urgent tags. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The icon element (content tags only).\n- **label** - The text label.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The tag variant. Determines the styling and behavior.",
+              "value": {
+                "type": "'content' | 'topic' | 'urgent'",
+                "default": "'content'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the tag.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "The icon name for content tags. Used with the default icon library.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "iconLibrary",
+              "description": "The icon library to use for content tags.",
+              "value": {
+                "type": "'default' | 'heroicons' | string",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "stack",
+              "description": "When true, tags will stack vertically instead of sitting side by side.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dark",
+              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "href",
+              "description": "The href for topic tags. If provided, the tag will be rendered as a link.",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The tag label text." },
+            {
+              "name": "icon",
+              "description": "Optional icon slot for content tags (overrides icon prop)."
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-click",
+              "description": "Emitted when a topic tag is clicked (unless href is provided)."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "The tag variant. Determines the styling and behavior.",
+                "type": "'content' | 'topic' | 'urgent'"
+              },
+              {
+                "name": "size",
+                "description": "The size of the tag.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "icon",
+                "description": "The icon name for content tags. Used with the default icon library.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "iconLibrary",
+                "description": "The icon library to use for content tags.",
+                "type": "'default' | 'heroicons' | string"
+              },
+              {
+                "name": "stack",
+                "description": "When true, tags will stack vertically instead of sitting side by side.",
+                "type": "boolean"
+              },
+              {
+                "name": "dark",
+                "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+                "type": "boolean"
+              },
+              {
+                "name": "href",
+                "description": "The href for topic tags. If provided, the tag will be rendered as a link.",
+                "type": "string | undefined"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-click",
+                "description": "Emitted when a topic tag is clicked (unless href is provided)."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-time-average-map",
-          "description": "\n---\n",
+          "description": "\n---\n\n\n### **Methods:**\n - **captureMapThumbnail(thumbWidth, thumbHeight): _Promise<Blob | undefined>_** - Captures the current map view as a thumbnail Blob (JPEG, 200×200).\nComposites all OpenLayers canvas layers without text overlay or legend.\nReturns undefined if the map is not ready.",
           "doc-url": "",
           "attributes": [
             { "name": "collection", "value": { "type": "string | undefined" } },
@@ -5323,7 +5386,20 @@
               "name": "color-map-name",
               "value": { "type": "string", "default": "'viridis'" }
             },
-            { "name": "opacity", "value": { "type": "number", "default": "1" } }
+            {
+              "name": "opacity",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "application-id",
+              "description": "the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "no-cache",
+              "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
+              "value": { "type": "boolean", "default": "false" }
+            }
           ],
           "events": [],
           "js": {
@@ -5337,6 +5413,16 @@
               { "name": "long_name", "type": "string" },
               { "name": "colorMapName", "type": "string" },
               { "name": "opacity", "type": "number" },
+              {
+                "name": "applicationId",
+                "description": "the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component",
+                "type": "string | undefined"
+              },
+              {
+                "name": "noCache",
+                "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
+                "type": "boolean"
+              },
               { "name": "catalogVariable", "type": "Variable" },
               { "name": "pixelValue", "type": "string" },
               { "name": "pixelCoordinates", "type": "string" },
@@ -5433,6 +5519,16 @@
             {
               "name": "product-label",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "application-id",
+              "description": "the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "no-cache",
+              "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [
@@ -5506,6 +5602,16 @@
               { "name": "mobileView", "type": "boolean" },
               { "name": "hideToolbar", "type": "boolean" },
               { "name": "productLabel", "type": "string | undefined" },
+              {
+                "name": "applicationId",
+                "description": "the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component",
+                "type": "string | undefined"
+              },
+              {
+                "name": "noCache",
+                "description": "When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.\nHarmony history is still checked before creating a new request.\nUseful for applications that always want a fresh server-side request (e.g., Giovanni).",
+                "type": "boolean"
+              },
               { "name": "plot", "type": "TerraPlot" },
               { "name": "plotToolbar", "type": "TerraPlotToolbar" },
               { "name": "catalogVariable", "type": "Variable" },
@@ -5854,6 +5960,11 @@
               "name": "hoist",
               "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "interactive",
+              "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -5937,6 +6048,11 @@
                 "name": "hoist",
                 "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
                 "type": "boolean"
+              },
+              {
+                "name": "interactive",
+                "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
+                "type": "boolean"
               }
             ],
             "events": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nasa-terra/components",
   "description": "A collection of NASA Earthdata components",
-  "version": "0.0.179",
+  "version": "0.0.182",
   "homepage": "https://github.com/nasa/terra-ui-components",
   "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
   "license": "MIT",

package/cdn/chunks/chunk.26KT257Q.js

@@ -1,19 +0,0 @@
-import {
-  TerraBadge
-} from "./chunk.I64EAKC3.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/badge/badge.ts
-init_dirname();
-init_buffer();
-init_process();
-var badge_default = TerraBadge;
-TerraBadge.define("terra-badge");
-
-export {
-  badge_default
-};

package/cdn/chunks/chunk.26SCJOJ4.js

@@ -1,74 +0,0 @@
-import {
-  breadcrumb_styles_default
-} from "./chunk.5PH4EI7K.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.FPMFEQWC.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/breadcrumb/breadcrumb.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraBreadcrumb = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.current = false;
-  }
-  render() {
-    const isLink = !!this.href;
-    return b`
-            <span
-                part="base"
-                class=${e({
-      breadcrumb: true,
-      "breadcrumb--current": this.current,
-      "breadcrumb--link": isLink
-    })}
-            >
-                ${isLink ? b`
-                          <a
-                              part="link"
-                              class="breadcrumb__link"
-                              href=${this.href}
-                              aria-current=${this.current ? "page" : void 0}
-                          >
-                              <slot></slot>
-                          </a>
-                      ` : b`
-                          <span
-                              part="label"
-                              class="breadcrumb__label"
-                              aria-current=${this.current ? "page" : void 0}
-                          >
-                              <slot></slot>
-                          </span>
-                      `}
-            </span>
-        `;
-  }
-};
-TerraBreadcrumb.styles = [component_styles_default, breadcrumb_styles_default];
-__decorateClass([
-  n()
-], TerraBreadcrumb.prototype, "href", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraBreadcrumb.prototype, "current", 2);
-
-export {
-  TerraBreadcrumb
-};