@nasa-terra/components 0.0.35 → 0.0.36

package/dist/terra-ui-components.js

@@ -5,100 +5,100 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   variable_keyword_search_default
-} from "./chunks/chunk.7LZF35XH.js";
+} from "./chunks/chunk.AGVLAXOP.js";
 import {
   getAnimationNames,
   getEasingNames
 } from "./chunks/chunk.2V4XFMTB.js";
 import {
   variable_combobox_default
-} from "./chunks/chunk.5QMBR4ZW.js";
+} from "./chunks/chunk.BITSW5WU.js";
+import {
+  plot_default
+} from "./chunks/chunk.ZXXR6LX7.js";
 import {
   time_series_default
-} from "./chunks/chunk.KRQGHVTW.js";
-import "./chunks/chunk.XESLSKSJ.js";
-import "./chunks/chunk.TR6VEKXB.js";
+} from "./chunks/chunk.5TY6DTA5.js";
+import "./chunks/chunk.V2YJBGZP.js";
+import "./chunks/chunk.4HSACHGZ.js";
 import "./chunks/chunk.YY2NUPBF.js";
 import "./chunks/chunk.HJGC45MW.js";
-import {
-  spatial_picker_default
-} from "./chunks/chunk.CEGOOIAM.js";
 import "./chunks/chunk.WAIWLZ6Z.js";
 import "./chunks/chunk.5EHGVGXV.js";
 import "./chunks/chunk.5LMWCV76.js";
 import {
-  plot_default
-} from "./chunks/chunk.KEHPCKHG.js";
-import "./chunks/chunk.OXEDXNPM.js";
-import "./chunks/chunk.2YRBHDWM.js";
+  spatial_picker_default
+} from "./chunks/chunk.5UH7VPJT.js";
+import "./chunks/chunk.Y4K5Y7K2.js";
+import "./chunks/chunk.N7J6PIAG.js";
 import {
   skeleton_default
-} from "./chunks/chunk.ZB7CNQ23.js";
-import "./chunks/chunk.EK7GQS63.js";
-import "./chunks/chunk.N7J6PIAG.js";
+} from "./chunks/chunk.3OAVIAM5.js";
+import "./chunks/chunk.DF3GLXL7.js";
+import "./chunks/chunk.2YRBHDWM.js";
 import {
   map_default
-} from "./chunks/chunk.BKCSBSRK.js";
-import "./chunks/chunk.C7N5RNWG.js";
-import "./chunks/chunk.AAWOHDFX.js";
-import "./chunks/chunk.UBBSTKSW.js";
-import "./chunks/chunk.LELNKRPW.js";
+} from "./chunks/chunk.ZZQN4BC7.js";
+import "./chunks/chunk.ANGXUHYW.js";
 import "./chunks/chunk.SBTMIM4P.js";
 import "./chunks/chunk.GR7XHOA3.js";
 import {
   login_default
-} from "./chunks/chunk.22DEJGUC.js";
-import "./chunks/chunk.XPGSFR2L.js";
+} from "./chunks/chunk.3WZUJW2Y.js";
+import "./chunks/chunk.PQK2QLBS.js";
 import {
   loader_default
-} from "./chunks/chunk.ABRPRY7V.js";
+} from "./chunks/chunk.PMRHWMON.js";
 import "./chunks/chunk.UIYPAVP3.js";
+import "./chunks/chunk.AAWOHDFX.js";
+import "./chunks/chunk.UBBSTKSW.js";
+import "./chunks/chunk.LELNKRPW.js";
 import {
   dialog_default
-} from "./chunks/chunk.OER66MA6.js";
-import "./chunks/chunk.5P6YHXRK.js";
+} from "./chunks/chunk.SZI4RRPQ.js";
+import "./chunks/chunk.JZ2LNV23.js";
 import "./chunks/chunk.67EX34DL.js";
 import {
   date_picker_default
-} from "./chunks/chunk.TBGZ6SR6.js";
-import "./chunks/chunk.CYVLUOIT.js";
-import "./chunks/chunk.5W3SNZBC.js";
+} from "./chunks/chunk.2SM6RPF4.js";
+import {
+  chip_default
+} from "./chunks/chunk.QUDKQHU6.js";
+import "./chunks/chunk.PX5ZFEML.js";
+import "./chunks/chunk.KZ3ISS6V.js";
 import {
   date_range_slider_default
-} from "./chunks/chunk.XYAUD6SC.js";
-import "./chunks/chunk.OBMGJL67.js";
+} from "./chunks/chunk.UTXUQRTL.js";
+import "./chunks/chunk.6CHLMPSL.js";
 import "./chunks/chunk.OIDMX5LU.js";
 import "./chunks/chunk.KW4TJM4C.js";
 import "./chunks/chunk.62YHGVQN.js";
-import {
-  browse_variables_default
-} from "./chunks/chunk.5TWZ2CDE.js";
-import {
-  chip_default
-} from "./chunks/chunk.QOHWQULT.js";
-import "./chunks/chunk.4IWZYQHO.js";
-import "./chunks/chunk.KZ3ISS6V.js";
 import {
   combobox_default
-} from "./chunks/chunk.GPQ4L6Q5.js";
-import "./chunks/chunk.QMI5AJEU.js";
+} from "./chunks/chunk.XAG5XZPQ.js";
+import "./chunks/chunk.U72MYRHF.js";
+import "./chunks/chunk.7WL3WWGJ.js";
 import "./chunks/chunk.LMGJJIIS.js";
 import "./chunks/chunk.UVHPNM6M.js";
-import "./chunks/chunk.7WL3WWGJ.js";
-import "./chunks/chunk.XKQ4E6YH.js";
-import "./chunks/chunk.2H4JLAYP.js";
+import "./chunks/chunk.X2N4QC3H.js";
+import "./chunks/chunk.5W3SNZBC.js";
+import {
+  browse_variables_default
+} from "./chunks/chunk.PU2UKYDE.js";
+import "./chunks/chunk.T4N6V7MW.js";
+import "./chunks/chunk.D5CF3AOE.js";
 import "./chunks/chunk.AUB6SKUI.js";
 import "./chunks/chunk.DW23TAF4.js";
 import "./chunks/chunk.T3YDWJBU.js";
-import "./chunks/chunk.LMFF6XE3.js";
+import "./chunks/chunk.F5DWEZ7B.js";
 import "./chunks/chunk.7PAVW6KC.js";
 import "./chunks/chunk.FBOXM56P.js";
-import "./chunks/chunk.C6VBWD2O.js";
+import "./chunks/chunk.NRPDLZXO.js";
 import "./chunks/chunk.7OKJDEHN.js";
 import {
   icon_default
-} from "./chunks/chunk.QH7BEOA7.js";
-import "./chunks/chunk.YKSU2G7Y.js";
+} from "./chunks/chunk.64W3QS6J.js";
+import "./chunks/chunk.IQXMUJBI.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -106,21 +106,21 @@ import {
 import "./chunks/chunk.UCNEPIMI.js";
 import "./chunks/chunk.7VUSSQRI.js";
 import "./chunks/chunk.XTCYIPKA.js";
+import {
+  button_default
+} from "./chunks/chunk.RB6X7TTA.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.NQKBKXPW.js";
-import {
-  button_default
-} from "./chunks/chunk.5FD3GXG3.js";
-import "./chunks/chunk.5YKSLNBL.js";
-import "./chunks/chunk.KAV5L6Z5.js";
-import "./chunks/chunk.SK7IZCKP.js";
-import "./chunks/chunk.DWF53CZ4.js";
-import "./chunks/chunk.APJOA6RL.js";
 import "./chunks/chunk.Z2ELMSYN.js";
 import "./chunks/chunk.D3IGIATM.js";
 import "./chunks/chunk.DNBZHQCS.js";
+import "./chunks/chunk.EHQLGVQS.js";
+import "./chunks/chunk.KAV5L6Z5.js";
+import "./chunks/chunk.APJOA6RL.js";
+import "./chunks/chunk.SK7IZCKP.js";
+import "./chunks/chunk.DHB2K3G6.js";
 import "./chunks/chunk.TVFCHGU3.js";
 export {
   browse_variables_default as TerraBrowseVariables,

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

@@ -1,16 +1,16 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
-import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraButton } from "../../components/button/button.component.js";
+import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
-import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
+import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
 import type { TerraDialog } from "../../components/dialog/dialog.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
-import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
+import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
@@ -32,11 +32,6 @@ TODO: add support for CMR catalog and make it the default */
   showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
 };
 
-type TerraChipProps = {
-  /**  */
-  size?: TerraChip["size"];
-};
-
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -104,6 +99,11 @@ value of this attribute must be an id of a form in the same document or shadow r
   validationMessage?: TerraButton["validationMessage"];
 };
 
+type TerraChipProps = {
+  /**  */
+  size?: TerraChip["size"];
+};
+
 type TerraComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraCombobox["label"];
@@ -130,6 +130,25 @@ When hidden, still presents to screen readers. */
   searchResults?: TerraCombobox["searchResults"];
 };
 
+type TerraDateRangeSliderProps = {
+  /**  */
+  "time-scale"?: TerraDateRangeSlider["timeScale"];
+  /**  */
+  "min-date"?: TerraDateRangeSlider["minDate"];
+  /**  */
+  "max-date"?: TerraDateRangeSlider["maxDate"];
+  /** The start date for the time series plot. */
+  "start-date"?: TerraDateRangeSlider["startDate"];
+  /**  */
+  "end-date"?: TerraDateRangeSlider["endDate"];
+  /**  */
+  disabled?: TerraDateRangeSlider["disabled"];
+  /**  */
+  "has-pips"?: TerraDateRangeSlider["hasPips"];
+  /**  */
+  slider?: TerraDateRangeSlider["slider"];
+};
+
 type TerraDatePickerProps = {
   /**  */
   id?: TerraDatePicker["id"];
@@ -171,25 +190,6 @@ type TerraDatePickerProps = {
   label?: TerraDatePicker["label"];
 };
 
-type TerraDateRangeSliderProps = {
-  /**  */
-  "time-scale"?: TerraDateRangeSlider["timeScale"];
-  /**  */
-  "min-date"?: TerraDateRangeSlider["minDate"];
-  /**  */
-  "max-date"?: TerraDateRangeSlider["maxDate"];
-  /** The start date for the time series plot. */
-  "start-date"?: TerraDateRangeSlider["startDate"];
-  /**  */
-  "end-date"?: TerraDateRangeSlider["endDate"];
-  /**  */
-  disabled?: TerraDateRangeSlider["disabled"];
-  /**  */
-  "has-pips"?: TerraDateRangeSlider["hasPips"];
-  /**  */
-  slider?: TerraDateRangeSlider["slider"];
-};
-
 type TerraDialogProps = {
   /** the ID to be used for accessibility associations */
   id?: TerraDialog["id"];
@@ -241,11 +241,6 @@ type TerraLoaderProps = {
   _currentPercent?: TerraLoader["_currentPercent"];
 };
 
-type TerraLoginProps = {
-  /** Emitted when a bearer token has been received from EDL. */
-  onTerraLogin?: (e: CustomEvent<never>) => void;
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -271,6 +266,11 @@ type TerraMapProps = {
   _mapController?: TerraMap["_mapController"];
 };
 
+type TerraLoginProps = {
+  /** Emitted when a bearer token has been received from EDL. */
+  onTerraLogin?: (e: CustomEvent<never>) => void;
+};
+
 type TerraPlotProps = {
   /**  */
   plotTitle?: TerraPlot["plotTitle"];
@@ -443,16 +443,6 @@ export type CustomElements = {
    */
   "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.
    * ---
@@ -482,6 +472,16 @@ export type CustomElements = {
    */
   "terra-button": DefineComponent<TerraButtonProps>;
 
+  /**
+   * Used for contacts and tags
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The chip's label.
+   */
+  "terra-chip": DefineComponent<TerraChipProps>;
+
   /**
    * Fuzzy-search for combobox with list autocomplete.
    * ---
@@ -501,35 +501,35 @@ export type CustomElements = {
   "terra-combobox": DefineComponent<TerraComboboxProps>;
 
   /**
-   * A date picker component that supports single date selection or date range selection.
+   * Short summary of the component's intended use.
    * ---
    *
    *
    * ### **Slots:**
    *  - _default_ - The default slot.
+   * - **example** - An example slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **input** - The date input element.
    */
-  "terra-date-picker": DefineComponent<TerraDatePickerProps>;
+  "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * A date picker component that supports single date selection or date range selection.
    * ---
    *
    *
    * ### **Slots:**
    *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **input** - The date input element.
    */
-  "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
+  "terra-date-picker": DefineComponent<TerraDatePickerProps>;
 
   /**
    * Used to create both modal and non-modal dialog boxes.
@@ -573,21 +573,21 @@ export type CustomElements = {
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
   /**
-   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * A map component for visualizing and selecting coordinates.
    * ---
    *
-   *
-   * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
    */
-  "terra-login": DefineComponent<TerraLoginProps>;
+  "terra-map": DefineComponent<TerraMapProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
+   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
    * ---
    *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
    */
-  "terra-map": DefineComponent<TerraMapProps>;
+  "terra-login": DefineComponent<TerraLoginProps>;
 
   /**
    * A web component for interactive graphs using Plotly.js.

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

@@ -2,43 +2,6 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
-    {
-      "name": "terra-browse-variables",
-      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-      "attributes": [
-        {
-          "name": "catalog",
-          "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-          "values": [{ "name": "giovanni" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/browse-variables"
-        }
-      ]
-    },
-    {
-      "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.",
@@ -199,6 +162,43 @@
         }
       ]
     },
+    {
+      "name": "terra-browse-variables",
+      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+      "attributes": [
+        {
+          "name": "catalog",
+          "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+          "values": [{ "name": "giovanni" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/browse-variables"
+        }
+      ]
+    },
+    {
+      "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-combobox",
       "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help 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.",
@@ -251,6 +251,29 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        { "name": "time-scale", "values": [{ "name": "TimeScale" }] },
+        { "name": "min-date", "values": [] },
+        { "name": "max-date", "values": [] },
+        {
+          "name": "start-date",
+          "description": "The start date for the time series plot.",
+          "values": []
+        },
+        { "name": "end-date", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "has-pips", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/date-range-slider"
+        }
+      ]
+    },
     {
       "name": "terra-date-picker",
       "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
@@ -289,29 +312,6 @@
         }
       ]
     },
-    {
-      "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.",
-      "attributes": [
-        { "name": "time-scale", "values": [{ "name": "TimeScale" }] },
-        { "name": "min-date", "values": [] },
-        { "name": "max-date", "values": [] },
-        {
-          "name": "start-date",
-          "description": "The start date for the time series plot.",
-          "values": []
-        },
-        { "name": "end-date", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "has-pips", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/date-range-slider"
-        }
-      ]
-    },
     {
       "name": "terra-dialog",
       "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
@@ -417,17 +417,6 @@
         }
       ]
     },
-    {
-      "name": "terra-login",
-      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/login"
-        }
-      ]
-    },
     {
       "name": "terra-map",
       "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -471,6 +460,17 @@
         }
       ]
     },
+    {
+      "name": "terra-login",
+      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/login"
+        }
+      ]
+    },
     {
       "name": "terra-plot",
       "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",