@nasa-terra/components 0.0.21 → 0.0.22

package/dist/terra-ui-components.js

@@ -5,88 +5,89 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   variable_combobox_default
-} from "./chunks/chunk.V2JRZ2YR.js";
+} from "./chunks/chunk.I5YHYEZS.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";
 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.Y32VPWCE.js";
+import "./chunks/chunk.EJTMQRLB.js";
+import "./chunks/chunk.U5XISCRK.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 {
+  spatial_picker_default
+} from "./chunks/chunk.WS5OME5Z.js";
 import "./chunks/chunk.OAWTBOBI.js";
 import "./chunks/chunk.GHDRVO5M.js";
+import "./chunks/chunk.RV2KFFXW.js";
+import {
+  plot_default
+} from "./chunks/chunk.C2PG6ISW.js";
+import "./chunks/chunk.TRIB3GWK.js";
+import "./chunks/chunk.W7JRXR2Y.js";
+import {
+  skeleton_default
+} from "./chunks/chunk.LSKWODII.js";
+import "./chunks/chunk.XFT4IN53.js";
+import "./chunks/chunk.QEMJLGM4.js";
 import {
   map_default
-} from "./chunks/chunk.XZQ5SKKS.js";
-import "./chunks/chunk.CQXBSVJZ.js";
+} from "./chunks/chunk.6KDMGROE.js";
+import "./chunks/chunk.CVSYR6JA.js";
 import "./chunks/chunk.AAWOHDFX.js";
 import "./chunks/chunk.UBBSTKSW.js";
 import "./chunks/chunk.LELNKRPW.js";
 import "./chunks/chunk.SBTMIM4P.js";
 import "./chunks/chunk.GR7XHOA3.js";
-import {
-  giovanni_search_default
-} from "./chunks/chunk.6LWDYMSR.js";
 import {
   login_default
-} from "./chunks/chunk.E3TUNO76.js";
-import "./chunks/chunk.KPVIUTOB.js";
+} from "./chunks/chunk.U6TFTVJY.js";
+import "./chunks/chunk.RRP4GXUY.js";
 import "./chunks/chunk.UIYPAVP3.js";
+import {
+  giovanni_search_default
+} from "./chunks/chunk.VNCHHO6O.js";
 import {
   loader_default
-} from "./chunks/chunk.JES2XRWA.js";
+} from "./chunks/chunk.EVRLGQVQ.js";
 import {
   date_range_slider_default
-} from "./chunks/chunk.BMCLVDJO.js";
-import "./chunks/chunk.2IERLI5Y.js";
+} from "./chunks/chunk.N4FTQWAG.js";
+import "./chunks/chunk.QUXC4GKQ.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";
+} from "./chunks/chunk.HNU6ZMU5.js";
+import "./chunks/chunk.NYMYAGRE.js";
 import "./chunks/chunk.KZ3ISS6V.js";
 import {
   combobox_default
-} from "./chunks/chunk.7OTIFIB6.js";
-import "./chunks/chunk.YYKD5NTK.js";
+} from "./chunks/chunk.XKQY7HAE.js";
+import "./chunks/chunk.3RKRQHLE.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.EHC5HRA2.js";
+import "./chunks/chunk.BZTK4B4T.js";
+import "./chunks/chunk.UQZLAUN2.js";
 import "./chunks/chunk.7PAVW6KC.js";
 import "./chunks/chunk.FBOXM56P.js";
-import "./chunks/chunk.VLCBG5GP.js";
-import "./chunks/chunk.JOOAZ4RH.js";
-import "./chunks/chunk.CNUQQWCR.js";
-import "./chunks/chunk.EGZMQ7T7.js";
+import "./chunks/chunk.MP6XDKPH.js";
+import "./chunks/chunk.7OKJDEHN.js";
+import "./chunks/chunk.3RDRMGYO.js";
 import {
   icon_default
-} from "./chunks/chunk.ZU3TXQOD.js";
-import "./chunks/chunk.DMS3NE7R.js";
+} from "./chunks/chunk.GRF7UN4X.js";
+import "./chunks/chunk.CNUQQWCR.js";
+import "./chunks/chunk.EGZMQ7T7.js";
+import "./chunks/chunk.I3LVZPMJ.js";
 import "./chunks/chunk.7VUSSQRI.js";
 import {
   registerIconLibrary,
@@ -94,11 +95,10 @@ import {
 } from "./chunks/chunk.MDRUDBRH.js";
 import "./chunks/chunk.XTCYIPKA.js";
 import "./chunks/chunk.UCNEPIMI.js";
-import "./chunks/chunk.23ELHQVK.js";
-import "./chunks/chunk.7OKJDEHN.js";
+import "./chunks/chunk.JOOAZ4RH.js";
 import {
   button_default
-} from "./chunks/chunk.SQNWECTV.js";
+} from "./chunks/chunk.TD3FRE3Z.js";
 import {
   getBasePath,
   setBasePath
@@ -106,11 +106,11 @@ import {
 import "./chunks/chunk.Z2ELMSYN.js";
 import "./chunks/chunk.D3IGIATM.js";
 import "./chunks/chunk.YL2ETAOO.js";
-import "./chunks/chunk.QPHVCWXJ.js";
+import "./chunks/chunk.5QR4MDEA.js";
 import "./chunks/chunk.KAV5L6Z5.js";
 import "./chunks/chunk.APJOA6RL.js";
 import "./chunks/chunk.SK7IZCKP.js";
-import "./chunks/chunk.CNXNNS7S.js";
+import "./chunks/chunk.RUHWAVGE.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 { TerraButton } from "../../components/button/button.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
 import type { TerraChip } from "../../components/chip/chip.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,18 @@ 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 TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -79,18 +91,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"];
@@ -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;
@@ -352,6 +352,13 @@ 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>;
+
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -381,13 +388,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.
    * ---
@@ -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

@@ -19,26 +19,6 @@
         }
       ]
     },
-    {
-      "name": "terra-chip",
-      "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-      "attributes": [
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/chip"
-        }
-      ]
-    },
     {
       "name": "terra-button",
       "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\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. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
@@ -246,6 +226,26 @@
         }
       ]
     },
+    {
+      "name": "terra-chip",
+      "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+      "attributes": [
+        {
+          "name": "size",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/chip"
+        }
+      ]
+    },
     {
       "name": "terra-date-range-slider",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -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"
         }
       ]
     },