@nasa-terra/components 0.0.21 → 0.0.23

package/dist/terra-ui-components.js

@@ -5,88 +5,86 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   variable_combobox_default
-} from "./chunks/chunk.V2JRZ2YR.js";
+} from "./chunks/chunk.NPV7GXJO.js";
 import {
   getAnimationNames,
   getEasingNames
 } from "./chunks/chunk.2V4XFMTB.js";
 import {
   skeleton_default
-} from "./chunks/chunk.EMPTRD6H.js";
-import {
-  plot_default
-} from "./chunks/chunk.ANZ443PE.js";
+} from "./chunks/chunk.MSQDEKKY.js";
 import {
   time_series_default
-} from "./chunks/chunk.INKAME44.js";
-import "./chunks/chunk.FGXREN5P.js";
-import {
-  spatial_picker_default
-} from "./chunks/chunk.KE6ZAPOV.js";
-import "./chunks/chunk.CK3BZ3TI.js";
-import "./chunks/chunk.QEMJLGM4.js";
-import "./chunks/chunk.RFICNXCR.js";
+} from "./chunks/chunk.ST5YV3WI.js";
+import "./chunks/chunk.SUDCEBND.js";
+import "./chunks/chunk.NXAUDHUK.js";
 import "./chunks/chunk.UCFFAP7X.js";
-import "./chunks/chunk.RV2KFFXW.js";
 import "./chunks/chunk.QK5OWFVO.js";
-import "./chunks/chunk.RFKQAYBX.js";
-import "./chunks/chunk.W7JRXR2Y.js";
 import "./chunks/chunk.OAWTBOBI.js";
 import "./chunks/chunk.GHDRVO5M.js";
+import "./chunks/chunk.RV2KFFXW.js";
 import {
   map_default
-} from "./chunks/chunk.XZQ5SKKS.js";
-import "./chunks/chunk.CQXBSVJZ.js";
-import "./chunks/chunk.AAWOHDFX.js";
+} from "./chunks/chunk.7R56XKQT.js";
+import {
+  plot_default
+} from "./chunks/chunk.OHDG3PUV.js";
+import "./chunks/chunk.ZKCIZ7YJ.js";
+import "./chunks/chunk.W7JRXR2Y.js";
+import {
+  spatial_picker_default
+} from "./chunks/chunk.XHJWVWUC.js";
+import "./chunks/chunk.PA2TJH5D.js";
+import "./chunks/chunk.GY6V5GTO.js";
 import "./chunks/chunk.UBBSTKSW.js";
 import "./chunks/chunk.LELNKRPW.js";
 import "./chunks/chunk.SBTMIM4P.js";
 import "./chunks/chunk.GR7XHOA3.js";
+import "./chunks/chunk.QEMJLGM4.js";
+import "./chunks/chunk.AAWOHDFX.js";
 import {
   giovanni_search_default
-} from "./chunks/chunk.6LWDYMSR.js";
+} from "./chunks/chunk.CHRJKJOY.js";
 import {
   login_default
-} from "./chunks/chunk.E3TUNO76.js";
-import "./chunks/chunk.KPVIUTOB.js";
+} from "./chunks/chunk.XAVU4VO2.js";
+import "./chunks/chunk.DY5URCKM.js";
 import "./chunks/chunk.UIYPAVP3.js";
 import {
   loader_default
-} from "./chunks/chunk.JES2XRWA.js";
+} from "./chunks/chunk.ZCAH5MS4.js";
 import {
   date_range_slider_default
-} from "./chunks/chunk.BMCLVDJO.js";
-import "./chunks/chunk.2IERLI5Y.js";
+} from "./chunks/chunk.2HZ7PJE3.js";
+import "./chunks/chunk.6OEVAMVW.js";
 import "./chunks/chunk.OIDMX5LU.js";
 import "./chunks/chunk.62YHGVQN.js";
 import "./chunks/chunk.KW4TJM4C.js";
 import {
   chip_default
-} from "./chunks/chunk.56WQYJQO.js";
-import "./chunks/chunk.O333TR3A.js";
-import "./chunks/chunk.KZ3ISS6V.js";
+} from "./chunks/chunk.BZ5KSGAC.js";
 import {
   combobox_default
-} from "./chunks/chunk.7OTIFIB6.js";
-import "./chunks/chunk.YYKD5NTK.js";
+} from "./chunks/chunk.VI4RAIBY.js";
+import "./chunks/chunk.LHX3WEK6.js";
 import "./chunks/chunk.LMGJJIIS.js";
 import "./chunks/chunk.UVHPNM6M.js";
 import "./chunks/chunk.7WL3WWGJ.js";
 import {
   browse_variables_default
-} from "./chunks/chunk.43VNOKKP.js";
-import "./chunks/chunk.BQ5JMKLP.js";
-import "./chunks/chunk.JHDGHY6A.js";
+} from "./chunks/chunk.JZA56M32.js";
+import "./chunks/chunk.2JBR7OBQ.js";
+import "./chunks/chunk.SSZJ36DG.js";
 import "./chunks/chunk.7PAVW6KC.js";
 import "./chunks/chunk.FBOXM56P.js";
-import "./chunks/chunk.VLCBG5GP.js";
+import "./chunks/chunk.B5L7SVZ2.js";
 import "./chunks/chunk.JOOAZ4RH.js";
 import "./chunks/chunk.CNUQQWCR.js";
 import "./chunks/chunk.EGZMQ7T7.js";
 import {
   icon_default
-} from "./chunks/chunk.ZU3TXQOD.js";
-import "./chunks/chunk.DMS3NE7R.js";
+} from "./chunks/chunk.S54WBWHC.js";
+import "./chunks/chunk.5GIZ5MAH.js";
 import "./chunks/chunk.7VUSSQRI.js";
 import {
   registerIconLibrary,
@@ -94,11 +92,15 @@ import {
 } from "./chunks/chunk.MDRUDBRH.js";
 import "./chunks/chunk.XTCYIPKA.js";
 import "./chunks/chunk.UCNEPIMI.js";
-import "./chunks/chunk.23ELHQVK.js";
+import "./chunks/chunk.P2EJPIEH.js";
 import "./chunks/chunk.7OKJDEHN.js";
 import {
   button_default
-} from "./chunks/chunk.SQNWECTV.js";
+} from "./chunks/chunk.SX6YM322.js";
+import "./chunks/chunk.JJ4XNWII.js";
+import "./chunks/chunk.KAV5L6Z5.js";
+import "./chunks/chunk.APJOA6RL.js";
+import "./chunks/chunk.SK7IZCKP.js";
 import {
   getBasePath,
   setBasePath
@@ -106,11 +108,9 @@ import {
 import "./chunks/chunk.Z2ELMSYN.js";
 import "./chunks/chunk.D3IGIATM.js";
 import "./chunks/chunk.YL2ETAOO.js";
-import "./chunks/chunk.QPHVCWXJ.js";
-import "./chunks/chunk.KAV5L6Z5.js";
-import "./chunks/chunk.APJOA6RL.js";
-import "./chunks/chunk.SK7IZCKP.js";
-import "./chunks/chunk.CNXNNS7S.js";
+import "./chunks/chunk.IHSQ72OT.js";
+import "./chunks/chunk.KZ3ISS6V.js";
+import "./chunks/chunk.PVDILQEJ.js";
 import "./chunks/chunk.TVFCHGU3.js";
 export {
   browse_variables_default as TerraBrowseVariables,

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

@@ -1,13 +1,13 @@
 import type { DefineComponent } from "vue";
 
-import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
-import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
 import type { TerraChip } from "../../components/chip/chip.component.js";
+import type { TerraButton } from "../../components/button/button.component.js";
+import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
 import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
 import type { TerraGiovanniSearch } from "../../components/giovanni-search/giovanni-search.component.js";
-import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
@@ -16,6 +16,23 @@ import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial
 import type { TerraTimeSeries } from "../../components/time-series/time-series.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 
+type TerraBrowseVariablesProps = {
+  /** Allows the user to switch the catalog between different providers
+TODO: add support for CMR catalog and make it the default */
+  catalog?: TerraBrowseVariables["catalog"];
+  /**  */
+  searchQuery?: TerraBrowseVariables["searchQuery"];
+  /**  */
+  selectedFacets?: TerraBrowseVariables["selectedFacets"];
+  /**  */
+  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
+};
+
+type TerraChipProps = {
+  /**  */
+  size?: TerraChip["size"];
+};
+
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -79,18 +96,6 @@ value of this attribute must be an id of a form in the same document or shadow r
   validationMessage?: TerraButton["validationMessage"];
 };
 
-type TerraBrowseVariablesProps = {
-  /** Allows the user to switch the catalog between different providers
-TODO: add support for CMR catalog and make it the default */
-  catalog?: TerraBrowseVariables["catalog"];
-  /**  */
-  searchQuery?: TerraBrowseVariables["searchQuery"];
-  /**  */
-  selectedFacets?: TerraBrowseVariables["selectedFacets"];
-  /**  */
-  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
-};
-
 type TerraComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraCombobox["label"];
@@ -117,11 +122,6 @@ When hidden, still presents to screen readers. */
   searchResults?: TerraCombobox["searchResults"];
 };
 
-type TerraChipProps = {
-  /**  */
-  size?: TerraChip["size"];
-};
-
 type TerraDateRangeSliderProps = {
   /**  */
   "time-scale"?: TerraDateRangeSlider["timeScale"];
@@ -166,6 +166,17 @@ When hidden, still presents to screen readers. */
   onTerraSearch?: (e: CustomEvent<never>) => void;
 };
 
+type TerraLoaderProps = {
+  /** The loader's variant */
+  variant?: TerraLoader["variant"];
+  /** The percent complete for the loader to display */
+  percent?: TerraLoader["percent"];
+  /** an indeterminate loader has an unknown progress and will show a spinner */
+  indeterminate?: TerraLoader["indeterminate"];
+  /**  */
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
 type TerraIconProps = {
   /** The name of the icon to draw. Available names depend on the icon library being used. */
   name?: TerraIcon["name"];
@@ -189,17 +200,6 @@ ignored by assistive devices. */
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
-type TerraLoaderProps = {
-  /** The loader's variant */
-  variant?: TerraLoader["variant"];
-  /** The percent complete for the loader to display */
-  percent?: TerraLoader["percent"];
-  /** an indeterminate loader has an unknown progress and will show a spinner */
-  indeterminate?: TerraLoader["indeterminate"];
-  /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
 type TerraLoginProps = {
   /** Emitted when a bearer token has been received from EDL. */
   onTerraLogin?: (e: CustomEvent<never>) => void;
@@ -273,7 +273,7 @@ When hidden, still presents to screen readers. */
   /** spatial picker label */
   label?: TerraSpatialPicker["label"];
   /**  */
-  isExpanded?: TerraSpatialPicker["isExpanded"];
+  "is-expanded"?: TerraSpatialPicker["isExpanded"];
   /**  */
   mapValue?: TerraSpatialPicker["mapValue"];
   /**  */
@@ -352,6 +352,23 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
 };
 
 export type CustomElements = {
+  /**
+   * Browse through the NASA CMR or Giovanni catalogs.
+   * ---
+   *
+   */
+  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
+
+  /**
+   * Used for contacts and tags
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The chip's label.
+   */
+  "terra-chip": DefineComponent<TerraChipProps>;
+
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -381,13 +398,6 @@ export type CustomElements = {
    */
   "terra-button": DefineComponent<TerraButtonProps>;
 
-  /**
-   * Browse through the NASA CMR or Giovanni catalogs.
-   * ---
-   *
-   */
-  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
-
   /**
    * Fuzzy-search for combobox with list autocomplete.
    * ---
@@ -406,16 +416,6 @@ export type CustomElements = {
    */
   "terra-combobox": DefineComponent<TerraComboboxProps>;
 
-  /**
-   * Used for contacts and tags
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The chip's label.
-   */
-  "terra-chip": DefineComponent<TerraChipProps>;
-
   /**
    * Short summary of the component's intended use.
    * ---
@@ -455,31 +455,31 @@ export type CustomElements = {
   "terra-giovanni-search": DefineComponent<TerraGiovanniSearchProps>;
 
   /**
-   * Icons are symbols that can be used to represent various options within an application.
+   * Loaders are used to indicate there is content that is loading.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **svg** - The internal SVG element.
+   *  - **base** - The component's base wrapper.
    */
-  "terra-icon": DefineComponent<TerraIconProps>;
+  "terra-loader": DefineComponent<TerraLoaderProps>;
 
   /**
-   * Loaders are used to indicate there is content that is loading.
+   * Icons are symbols that can be used to represent various options within an application.
    * ---
    *
    *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   * ### **Events:**
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   *  - **svg** - The internal SVG element.
    */
-  "terra-loader": DefineComponent<TerraLoaderProps>;
+  "terra-icon": DefineComponent<TerraIconProps>;
 
   /**
    * A form that logs in to Earthdata Login (EDL) and returns a bearer token.

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

@@ -270,44 +270,35 @@
       ]
     },
     {
-      "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.",
+      "name": "terra-giovanni-search",
+      "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-giovanni-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
       "attributes": [
         {
-          "name": "name",
-          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+          "name": "label",
+          "description": "Label the combobox with this.",
           "values": []
         },
         {
-          "name": "src",
-          "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+          "name": "placeholder",
+          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
           "values": []
         },
         {
-          "name": "label",
-          "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+          "name": "hide-label",
+          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
           "values": []
         },
         {
-          "name": "library",
-          "description": "The name of a registered custom icon library.",
-          "values": [{ "name": "default" }, { "name": "heroicons" }]
-        },
-        {
-          "name": "color",
-          "description": "The CSS color to assign to the SVG.",
-          "values": []
+          "name": "searchConfig",
+          "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+          "values": [{ "name": "object" }]
         },
-        {
-          "name": "font-size",
-          "description": "The CSS font-size to assign to the SVG.",
-          "values": []
-        }
+        { "name": "value", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/icon"
+          "url": "https://disc.gsfc.nasa.gov/components/giovanni-search"
         }
       ]
     },
@@ -343,35 +334,44 @@
       ]
     },
     {
-      "name": "terra-giovanni-search",
-      "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-giovanni-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+      "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.",
       "attributes": [
         {
-          "name": "label",
-          "description": "Label the combobox with this.",
+          "name": "name",
+          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
           "values": []
         },
         {
-          "name": "placeholder",
-          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+          "name": "src",
+          "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
           "values": []
         },
         {
-          "name": "hide-label",
-          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "name": "label",
+          "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
           "values": []
         },
         {
-          "name": "searchConfig",
-          "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-          "values": [{ "name": "object" }]
+          "name": "library",
+          "description": "The name of a registered custom icon library.",
+          "values": [{ "name": "default" }, { "name": "heroicons" }]
         },
-        { "name": "value", "values": [] }
+        {
+          "name": "color",
+          "description": "The CSS color to assign to the SVG.",
+          "values": []
+        },
+        {
+          "name": "font-size",
+          "description": "The CSS font-size to assign to the SVG.",
+          "values": []
+        }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/giovanni-search"
+          "url": "https://disc.gsfc.nasa.gov/components/icon"
         }
       ]
     },
@@ -511,7 +511,12 @@
           "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
           "values": []
         },
-        { "name": "label", "description": "spatial picker label", "values": [] }
+        {
+          "name": "label",
+          "description": "spatial picker label",
+          "values": []
+        },
+        { "name": "is-expanded", "values": [] }
       ],
       "references": [
         {