@nasa-terra/components 0.0.184 → 0.0.186

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

@@ -1,9 +1,10 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
+import type { TerraAlert } from "../../components/alert/alert.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 { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
@@ -77,6 +78,22 @@ type TerraAccordionProps = {
   "onterra-accordion-toggle"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  "onterra-error"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -109,22 +126,6 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraAvatarProps = {
-  /** The image source to use for the avatar. */
-  image?: TerraAvatar["image"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
-
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  "onterra-error"?: (e: CustomEvent<never>) => void;
-};
-
 type TerraBadgeProps = {
   /** The badge's theme variant. */
   variant?: TerraBadge["variant"];
@@ -134,6 +135,28 @@ type TerraBadgeProps = {
   pulse?: TerraBadge["pulse"];
 };
 
+type TerraBannerProps = {
+  /** Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can
+use the `show()` and `hide()` methods and this attribute will reflect the banner's open state. */
+  open?: TerraBanner["open"];
+  /** Enables a close button that allows the user to dismiss the banner. */
+  closable?: TerraBanner["closable"];
+  /** The banner's theme variant. */
+  variant?: TerraBanner["variant"];
+  /**  */
+  sticky?: TerraBanner["sticky"];
+  /**  */
+  base?: TerraBanner["base"];
+  /** Emitted when the banner opens. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the banner opens and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the banner closes. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the banner closes and all animations are complete. */
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraBreadcrumbProps = {
   /** The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text. */
   href?: TerraBreadcrumb["href"];
@@ -551,6 +574,8 @@ this prop allows you to override that behavior and always show the history panel
   /**  */
   subsetter?: TerraDataSubsetterHistory["subsetter"];
   /**  */
+  jobsQuery?: TerraDataSubsetterHistory["jobsQuery"];
+  /**  */
   _authController?: TerraDataSubsetterHistory["_authController"];
 };
 
@@ -610,6 +635,8 @@ type TerraDatePickerProps = {
   /**  */
   "use-end-of-day"?: TerraDatePicker["useEndOfDay"];
   /**  */
+  closable?: TerraDatePicker["showClose"];
+  /**  */
   isOpen?: TerraDatePicker["isOpen"];
   /**  */
   leftMonth?: TerraDatePicker["leftMonth"];
@@ -1033,9 +1060,7 @@ Format: 'west, south, east, north' */
   /**  */
   shapeLoading?: TerraMap["shapeLoading"];
   /** List of geojson shapes */
-  shapes?: TerraMap["shapes"];
-  /**  */
-  _mapController?: TerraMap["_mapController"];
+  shapesQuery?: TerraMap["shapesQuery"];
 };
 
 type TerraMenuProps = {
@@ -1064,8 +1089,7 @@ type TerraMenuItemProps = {
 
 type TerraOptionProps = {
   /** The option's value. When selected, the containing form control will receive this value. The value must be unique
-from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
-multiple values. */
+from other options in the same group. */
   value?: TerraOption["value"];
   /** Draws the option in a disabled state, preventing selection. */
   disabled?: TerraOption["disabled"];
@@ -1139,6 +1163,8 @@ type TerraPlotToolbarProps = {
   opacity?: TerraPlotToolbar["opacity"];
   /**  */
   "show-citation"?: TerraPlotToolbar["showCitation"];
+  /**  */
+  "show-help"?: TerraPlotToolbar["showHelp"];
   /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
   "application-citation"?: TerraPlotToolbar["applicationCitation"];
   /**  */
@@ -1152,8 +1178,6 @@ type TerraPlotToolbarProps = {
   /**  */
   activeMenuItem?: TerraPlotToolbar["activeMenuItem"];
   /**  */
-  showLocationTooltip?: TerraPlotToolbar["showLocationTooltip"];
-  /**  */
   menu?: TerraPlotToolbar["menu"];
   /**  */
   _authController?: TerraPlotToolbar["_authController"];
@@ -1525,6 +1549,8 @@ Draws a visual overlay on the map and rejects draws outside this area. */
   "url-state"?: TerraSpatialPicker["urlState"];
   /**  */
   "help-text"?: TerraSpatialPicker["helpText"];
+  /** Whether to show a close button in the dropdown header (only applies when inline is false) */
+  closable?: TerraSpatialPicker["showClose"];
   /**  */
   error?: TerraSpatialPicker["error"];
   /**  */
@@ -1714,6 +1740,8 @@ Defaults to false, meaning no caching is performed. */
   /** If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete. */
   "job-id"?: TerraTimeAverageMap["jobId"];
   /**  */
+  "show-help"?: TerraTimeAverageMap["showHelp"];
+  /**  */
   catalogVariable?: TerraTimeAverageMap["catalogVariable"];
   /**  */
   pixelValue?: TerraTimeAverageMap["pixelValue"];
@@ -1768,6 +1796,8 @@ Or the bounding box in "west,south,east,north" format. */
   location?: TerraTimeSeries["location"];
   /**  */
   "show-citation"?: TerraTimeSeries["showCitation"];
+  /**  */
+  "show-help"?: TerraTimeSeries["showHelp"];
   /** if you include an application citation, it will be displayed in the citation panel alongside the dataset citation */
   "application-citation"?: TerraTimeSeries["applicationCitation"];
   /** When true, disables automatic data fetching when the user zooms, pans, or otherwise interacts with the plot.
@@ -1997,6 +2027,28 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
+  /**
+   * Avatars are used to represent a person or object.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
+   * ### **Slots:**
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   */
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
+
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -2026,39 +2078,42 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Avatars are used to represent a person or object.
+   * Badges are used to draw attention and display statuses or counts.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
    * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *  - _default_ - The badge's content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
    */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
+  "terra-badge": DefineComponent<TerraBadgeProps>;
 
   /**
-   * Badges are used to draw attention and display statuses or counts.
+   * Banners are used to display important messages on top of the header.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the banner opens.
+   * - **terra-after-show** - Emitted after the banner opens and all animations are complete.
+   * - **terra-hide** - Emitted when the banner closes.
+   * - **terra-after-hide** - Emitted after the banner closes and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **show()** - Shows the banner.
+   * - **hide()** - Hides the banner
+   *
    * ### **Slots:**
-   *  - _default_ - The badge's content.
+   *  - _default_ - The banner's main content.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the optional icon.
+   * - **message** - The container that wraps the banner's main content.
    */
-  "terra-badge": DefineComponent<TerraBadgeProps>;
+  "terra-banner": DefineComponent<TerraBannerProps>;
 
   /**
    * A single breadcrumb item used inside `terra-breadcrumbs`.

package/dist/utilities/granule.d.ts

@@ -0,0 +1,9 @@
+import type { CmrGranule, CmrGranuleDataGranule } from '../apis/cmr.api.js';
+export declare function getGranuleUrl(granule: CmrGranule): string | undefined;
+export declare function formatGranuleSize(sizeInMB: number): string;
+export declare function calculateMeanGranuleSize(granules: {
+    dataGranule: CmrGranuleDataGranule;
+}[]): number;
+export declare function calculateGranuleSize(granule: {
+    dataGranule: CmrGranuleDataGranule;
+}, unit: 'MB' | 'GB' | 'TB' | 'PB'): number;

package/dist/utilities/granule.js

@@ -0,0 +1 @@
+import"../chunks/chunk.INFVQQSJ.js";function A(i){let r=i.relatedUrls.find(e=>e.type==="GET DATA");return r==null?void 0:r.url}function d(i){let r=["MB","GB","TB","PB"],t=i,a=0;for(;t>=1e3&&a<r.length-1;)t/=1024,a++;let s=t>=100?0:t>=10?1:2;return`${t.toFixed(s)} ${r[a]}`}function p(i){let r=i.map(e=>c(e,"MB"));return r.reduce((e,t)=>e+t,0)/r.length}function c(i,r){let e=i.dataGranule.archiveAndDistributionInformation;if(!e||!Array.isArray(e))return 0;let t={KB:1024,MB:1024*1024,GB:1024*1024*1024,TB:1024*1024*1024*1024,PB:1024*1024*1024*1024*1024,NA:0},a=0;function s(n){if(n.sizeInBytes!=null)return n.sizeInBytes;if(n.size!=null&&n.sizeUnit){let o=t[n.sizeUnit];if(o)return n.size*o}return 0}function u(n){let o=s(n);if(n.files&&Array.isArray(n.files))for(let l of n.files)o+=s(l);return o}for(let n of e)a+=u(n);return a/t[r]}export{c as calculateGranuleSize,p as calculateMeanGranuleSize,d as formatGranuleSize,A as getGranuleUrl};

package/dist/utilities/harmony.d.ts

@@ -1,5 +1,5 @@
 import type { TemplateResult } from 'lit';
-import type { SubsetJobError } from '../data-services/types.js';
+import type { SubsetJobError } from '../apis/harmony.api.js';
 export interface HarmonyErrorDetails {
     status: number;
     code: string;
@@ -14,7 +14,7 @@ export interface HarmonyError {
 }
 /**
  * Checks if an error indicates a user cancellation by checking the error message
- * and nested error structures (like Apollo's cause/networkError)
+ * and nested error structures
  * @param error - The error to check
  * @returns true if the error indicates a user cancellation
  */

package/dist/utilities/harmony.js

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

package/dist/utilities/icon-library.js

@@ -1 +1 @@
-import"../chunks/chunk.E2WXLMWX.js";import{d as a,e as b}from"../chunks/chunk.3Y6WWRX4.js";import"../chunks/chunk.HRTAILZX.js";import"../chunks/chunk.STTAKOQG.js";import"../chunks/chunk.E3NUSTFU.js";import"../chunks/chunk.INFVQQSJ.js";export{a as registerIconLibrary,b as unregisterIconLibrary};
+import"../chunks/chunk.E2WXLMWX.js";import{d as a,e as b}from"../chunks/chunk.ISMI3XBI.js";import"../chunks/chunk.STTAKOQG.js";import"../chunks/chunk.HRTAILZX.js";import"../chunks/chunk.E3NUSTFU.js";import"../chunks/chunk.INFVQQSJ.js";export{a as registerIconLibrary,b as unregisterIconLibrary};

package/dist/utilities/variable-task.d.ts

@@ -0,0 +1,3 @@
+import { Task } from '@lit/task';
+import type { HostWithMaybeProperties } from './variable.js';
+export declare function getFetchVariableTask(host: HostWithMaybeProperties, autoRun?: boolean): Task<readonly [string | undefined, string | undefined, string | undefined, string | undefined], void>;

package/dist/utilities/variable-task.js

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

package/dist/utilities/variable.d.ts

@@ -0,0 +1,14 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { Variable } from '../components/browse-variables/browse-variables.types.js';
+export type HostWithMaybeProperties = ReactiveControllerHost & {
+    variableEntryId?: string;
+    variableEntryIds?: string[];
+    collection?: string;
+    variable?: string;
+    startDate?: string;
+    endDate?: string;
+    catalogVariable?: Variable;
+    catalogVariables?: Variable[];
+};
+export declare function getVariableEntryId(host: HostWithMaybeProperties): string | undefined;
+export declare function getVariableEntryIds(host: HostWithMaybeProperties): string[];

package/dist/utilities/variable.js

@@ -0,0 +1 @@
+import{a,b}from"../chunks/chunk.EL5HO6Y2.js";import"../chunks/chunk.INFVQQSJ.js";export{a as getVariableEntryId,b as getVariableEntryIds};

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

@@ -25,6 +25,47 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "image",
+          "description": "The image source to use for the avatar.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A label to use to describe the avatar to assistive devices.",
+          "values": []
+        },
+        {
+          "name": "initials",
+          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+          "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Indicates how the browser should load the image.",
+          "values": [{ "name": "eager" }, { "name": "lazy" }]
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the avatar.",
+          "values": [
+            { "name": "circle" },
+            { "name": "square" },
+            { "name": "rounded" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/avatar"
+        }
+      ]
+    },
     {
       "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,47 +115,6 @@
         }
       ]
     },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "image",
-          "description": "The image source to use for the avatar.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "A label to use to describe the avatar to assistive devices.",
-          "values": []
-        },
-        {
-          "name": "initials",
-          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-          "values": []
-        },
-        {
-          "name": "loading",
-          "description": "Indicates how the browser should load the image.",
-          "values": [{ "name": "eager" }, { "name": "lazy" }]
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the avatar.",
-          "values": [
-            { "name": "circle" },
-            { "name": "square" },
-            { "name": "rounded" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/avatar"
-        }
-      ]
-    },
     {
       "name": "terra-badge",
       "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -150,6 +150,38 @@
         }
       ]
     },
+    {
+      "name": "terra-banner",
+      "description": "Banners are used to display important messages on top of the header.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the banner opens.\n- **terra-after-show** - Emitted after the banner opens and all animations are complete.\n- **terra-hide** - Emitted when the banner closes.\n- **terra-after-hide** - Emitted after the banner closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the banner.\n- **hide()** - Hides the banner\n\n### **Slots:**\n - _default_ - The banner'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 banner's main content.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the banner's open state.",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Enables a close button that allows the user to dismiss the banner.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The banner's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "neutral" },
+            { "name": "danger" }
+          ]
+        },
+        { "name": "sticky", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/banner"
+        }
+      ]
+    },
     {
       "name": "terra-breadcrumb",
       "description": "A single breadcrumb item used inside `terra-breadcrumbs`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_\n- **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_\n- **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The breadcrumb link element.\n- **label** - The breadcrumb label element when not a link.",
@@ -779,7 +811,8 @@
         },
         { "name": "hideClearAll", "values": [] },
         { "name": "clearAllLabel", "values": [] },
-        { "name": "use-end-of-day", "values": [] }
+        { "name": "use-end-of-day", "values": [] },
+        { "name": "closable", "values": [] }
       ],
       "references": [
         {
@@ -1352,7 +1385,7 @@
       "attributes": [
         {
           "name": "value",
-          "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+          "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group.",
           "values": []
         },
         {
@@ -1446,6 +1479,7 @@
         { "name": "color-map-name", "values": [] },
         { "name": "opacity", "values": [] },
         { "name": "show-citation", "values": [] },
+        { "name": "show-help", "values": [] },
         {
           "name": "application-citation",
           "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
@@ -2077,7 +2111,12 @@
         { "name": "inline", "values": [] },
         { "name": "show-map-on-focus", "values": [] },
         { "name": "url-state", "values": [] },
-        { "name": "help-text", "values": [] }
+        { "name": "help-text", "values": [] },
+        {
+          "name": "closable",
+          "description": "Whether to show a close button in the dropdown header (only applies when inline is false)",
+          "values": []
+        }
       ],
       "references": [
         {
@@ -2385,7 +2424,8 @@
           "name": "job-id",
           "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
           "values": []
-        }
+        },
+        { "name": "show-help", "values": [] }
       ],
       "references": [
         {
@@ -2434,6 +2474,7 @@
           "values": []
         },
         { "name": "show-citation", "values": [] },
+        { "name": "show-help", "values": [] },
         {
           "name": "application-citation",
           "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",