@nasa-terra/components 0.0.181 → 0.0.182

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

@@ -55,8 +55,8 @@ import type { TerraStepperStep } from "../../components/stepper-step/stepper-ste
 import type { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
 import type { TerraTabs } from "../../components/tabs/tabs.component.js";
-import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraTextarea } from "../../components/textarea/textarea.component.js";
+import type { TerraTag } from "../../components/tag/tag.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { TerraToast } from "../../components/toast/toast.component.js";
@@ -1610,26 +1610,6 @@ manual, the tab will receive focus but will not show until the user presses spac
   "onterra-tab-hide"?: (e: CustomEvent<{ name: String }>) => void;
 };
 
-type TerraTagProps = {
-  /** The tag variant. Determines the styling and behavior. */
-  variant?: TerraTag["variant"];
-  /** The size of the tag. */
-  size?: TerraTag["size"];
-  /** The icon name for content tags. Used with the default icon library. */
-  icon?: TerraTag["icon"];
-  /** The icon library to use for content tags. */
-  iconLibrary?: TerraTag["iconLibrary"];
-  /** When true, tags will stack vertically instead of sitting side by side. */
-  stack?: TerraTag["stack"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraTag["dark"];
-  /** The href for topic tags. If provided, the tag will be rendered as a link. */
-  href?: TerraTag["href"];
-
-  /** Emitted when a topic tag is clicked (unless href is provided). */
-  "onterra-click"?: (e: CustomEvent<never>) => void;
-};
-
 type TerraTextareaProps = {
   /**  */
   name?: TerraTextarea["name"];
@@ -1687,6 +1667,26 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTagProps = {
+  /** The tag variant. Determines the styling and behavior. */
+  variant?: TerraTag["variant"];
+  /** The size of the tag. */
+  size?: TerraTag["size"];
+  /** The icon name for content tags. Used with the default icon library. */
+  icon?: TerraTag["icon"];
+  /** The icon library to use for content tags. */
+  iconLibrary?: TerraTag["iconLibrary"];
+  /** When true, tags will stack vertically instead of sitting side by side. */
+  stack?: TerraTag["stack"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraTag["dark"];
+  /** The href for topic tags. If provided, the tag will be rendered as a link. */
+  href?: TerraTag["href"];
+
+  /** Emitted when a topic tag is clicked (unless href is provided). */
+  "onterra-click"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraTimeAverageMapProps = {
   /**  */
   collection?: TerraTimeAverageMap["collection"];
@@ -1708,6 +1708,10 @@ type TerraTimeAverageMapProps = {
   opacity?: TerraTimeAverageMap["opacity"];
   /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
   "application-id"?: TerraTimeAverageMap["applicationId"];
+  /** When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.
+Harmony history is still checked before creating a new request.
+Useful for applications that always want a fresh server-side request (e.g., Giovanni). */
+  "no-cache"?: TerraTimeAverageMap["noCache"];
   /**  */
   catalogVariable?: TerraTimeAverageMap["catalogVariable"];
   /**  */
@@ -1780,6 +1784,10 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   "product-label"?: TerraTimeSeries["productLabel"];
   /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
   "application-id"?: TerraTimeSeries["applicationId"];
+  /** When true, disables IndexedDB caching entirely — data will not be read from or written to the local cache.
+Harmony history is still checked before creating a new request.
+Useful for applications that always want a fresh server-side request (e.g., Giovanni). */
+  "no-cache"?: TerraTimeSeries["noCache"];
   /**  */
   plot?: TerraTimeSeries["plot"];
   /**  */
@@ -3100,6 +3108,35 @@ export type CustomElements = {
    */
   "terra-tabs": DefineComponent<TerraTabsProps>;
 
+  /**
+   * A textarea component with consistent styling across the design system.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-input** - Emitted when the textarea receives input.
+   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
+   * - **terra-focus** - Emitted when the textarea gains focus.
+   * - **terra-blur** - Emitted when the textarea loses focus.
+   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+   *
+   * ### **Methods:**
+   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
+   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
+   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
+   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   *
+   * ### **Slots:**
+   *  - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **textarea** - The internal textarea control.
+   * - **form-control-help-text** - The help text's wrapper.
+   */
+  "terra-textarea": DefineComponent<TerraTextareaProps>;
+
   /**
    * Tags are simple labels that help categorize items.
    * ---
@@ -3144,35 +3181,6 @@ export type CustomElements = {
    */
   "terra-tag": DefineComponent<TerraTagProps>;
 
-  /**
-   * A textarea component with consistent styling across the design system.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-input** - Emitted when the textarea receives input.
-   * - **terra-change** - Emitted when an alteration to the control's value is committed by the user.
-   * - **terra-focus** - Emitted when the textarea gains focus.
-   * - **terra-blur** - Emitted when the textarea loses focus.
-   * - **terra-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-   *
-   * ### **Methods:**
-   *  - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.
-   * - **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.
-   * - **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.
-   * - **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   *
-   * ### **Slots:**
-   *  - **help-text** - Text that describes how to use the textarea. Alternatively, you can use the `help-text` attribute.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **textarea** - The internal textarea control.
-   * - **form-control-help-text** - The help text's wrapper.
-   */
-  "terra-textarea": DefineComponent<TerraTextareaProps>;
-
   /**
    *
    * ---

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

@@ -2,29 +2,6 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
-    {
-      "name": "terra-accordion",
-      "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
-      "attributes": [
-        {
-          "name": "summary",
-          "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-          "values": []
-        },
-        { "name": "showArrow", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/accordion"
-        }
-      ]
-    },
     {
       "name": "terra-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
@@ -74,6 +51,29 @@
         }
       ]
     },
+    {
+      "name": "terra-accordion",
+      "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
+      "attributes": [
+        {
+          "name": "summary",
+          "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+          "values": []
+        },
+        { "name": "showArrow", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/accordion"
+        }
+      ]
+    },
     {
       "name": "terra-avatar",
       "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
@@ -2375,6 +2375,11 @@
           "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",
           "values": []
+        },
+        {
+          "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).",
+          "values": []
         }
       ],
       "references": [
@@ -2446,6 +2451,11 @@
           "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",
           "values": []
+        },
+        {
+          "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).",
+          "values": []
         }
       ],
       "references": [

package/cdn/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.181",
+  "version": "0.0.182",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -5112,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.",
@@ -5367,6 +5258,115 @@
             ]
           }
         },
+        {
+          "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\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.",
@@ -5394,6 +5394,11 @@
               "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": [],
@@ -5413,6 +5418,11 @@
                 "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" },
@@ -5514,6 +5524,11 @@
               "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": [
@@ -5592,6 +5607,11 @@
                 "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" },

package/dist/chunks/chunk.25IJTRN2.js

@@ -0,0 +1,35 @@
+import{a as T}from"./chunk.52AIVMJA.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as L}from"./chunk.NP2QG5W4.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,b as E}from"./chunk.OTF3DTPS.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
+            <terra-popup
+                part="base"
+                exportparts="popup:base__popup"
+                id="dropdown"
+                placement=${this.placement}
+                distance=${this.distance}
+                skidding=${this.skidding}
+                strategy=${this.hoist?"fixed":"absolute"}
+                flip
+                shift
+                auto-size="vertical"
+                auto-size-padding="10"
+                sync=${b(this.sync?this.sync:void 0)}
+                class=${w({dropdown:!0,"dropdown--open":this.open})}
+            >
+                <slot
+                    name="trigger"
+                    slot="anchor"
+                    part="trigger"
+                    class="dropdown__trigger"
+                    @click=${this.handleTriggerClick}
+                    @keydown=${this.handleTriggerKeyDown}
+                    @keyup=${this.handleTriggerKeyUp}
+                    @slotchange=${this.handleTriggerSlotChange}
+                ></slot>
+
+                <div
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-labelledby="dropdown"
+                >
+                    <slot part="panel" class="dropdown__panel"></slot>
+                </div>
+            </terra-popup>
+        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.26TIQ67V.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VRMDJLQD.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};

package/dist/chunks/chunk.2QS2GW24.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.E74KOQ6O.js";var o=e;e.define("terra-alert");export{o as a};