@nasa-terra/components 0.0.6 → 0.0.7

package/cdn/terra-ui-components.js

@@ -1,52 +1,36 @@
 import {
   variable_combobox_default
-} from "./chunks/chunk.VW5NONMW.js";
+} from "./chunks/chunk.7VBMSUOT.js";
 import {
   getAnimationNames,
   getEasingNames
-} from "./chunks/chunk.XR56EMXH.js";
+} from "./chunks/chunk.LQCRC4E2.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.RJSQ5GQD.js";
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  map_default
+} from "./chunks/chunk.BX66TSQY.js";
 import {
   time_series_default
-} from "./chunks/chunk.BPM4DDT2.js";
-import "./chunks/chunk.WWGF3RBK.js";
-import "./chunks/chunk.O5NKXUCH.js";
-import "./chunks/chunk.SBDX4GGT.js";
-import "./chunks/chunk.QPQHBWAF.js";
+} from "./chunks/chunk.ZMTQ4YE2.js";
+import "./chunks/chunk.5EDEDCDT.js";
+import "./chunks/chunk.2BF5ZHP6.js";
 import "./chunks/chunk.ZKRXIISK.js";
-import "./chunks/chunk.42JFVPPT.js";
-import "./chunks/chunk.UGTZ22DI.js";
+import "./chunks/chunk.R2AQMZE4.js";
 import "./chunks/chunk.5DPGWL3Y.js";
 import {
-  map_default
-} from "./chunks/chunk.SEEOXT2D.js";
-import {
-  plot_default
-} from "./chunks/chunk.EJHNYX5L.js";
-import "./chunks/chunk.EEFNHKM3.js";
-import "./chunks/chunk.PTWY7M47.js";
+  icon_default
+} from "./chunks/chunk.NFSGAK6D.js";
 import {
   spatial_picker_default
-} from "./chunks/chunk.ULMZXS76.js";
-import "./chunks/chunk.M77HV6VG.js";
-import "./chunks/chunk.UOFDZJYP.js";
-import {
-  loader_default
-} from "./chunks/chunk.7FIHTIPY.js";
-import "./chunks/chunk.M5OJ3HWZ.js";
-import "./chunks/chunk.KJ4BZBTX.js";
-import "./chunks/chunk.KMTO4VEC.js";
-import "./chunks/chunk.VHHIJXG2.js";
-import "./chunks/chunk.KPXFSE3J.js";
-import "./chunks/chunk.L7XOR6JZ.js";
-import {
-  icon_default
-} from "./chunks/chunk.UFZVPTR4.js";
-import "./chunks/chunk.EKFTCQIZ.js";
+} from "./chunks/chunk.4OMMI4NC.js";
+import "./chunks/chunk.7R2BPQLY.js";
+import "./chunks/chunk.UGTZ22DI.js";
+import "./chunks/chunk.SBDX4GGT.js";
+import "./chunks/chunk.LO2CROCV.js";
 import "./chunks/chunk.VORUJ5MH.js";
 import "./chunks/chunk.4XR5KYKG.js";
 import {
@@ -55,51 +39,67 @@ import {
 } from "./chunks/chunk.MDRUDBRH.js";
 import "./chunks/chunk.XTCYIPKA.js";
 import "./chunks/chunk.UCNEPIMI.js";
-import "./chunks/chunk.747YKR2J.js";
-import "./chunks/chunk.IKBILRIY.js";
 import {
-  combobox_default
-} from "./chunks/chunk.SNUKWHYN.js";
-import "./chunks/chunk.MKZRXFCD.js";
-import "./chunks/chunk.NTNL4P6D.js";
-import "./chunks/chunk.2XCNCXGV.js";
-import "./chunks/chunk.PZRCJWJ4.js";
-import "./chunks/chunk.QB5SASDL.js";
-import "./chunks/chunk.QEA4QW6G.js";
-import "./chunks/chunk.6NYH4BZ2.js";
-import "./chunks/chunk.IBV3HXI5.js";
-import "./chunks/chunk.LMGJJIIS.js";
-import "./chunks/chunk.UVHPNM6M.js";
+  button_default
+} from "./chunks/chunk.RZV7PTZZ.js";
+import {
+  plot_default
+} from "./chunks/chunk.LNNGJCX4.js";
+import "./chunks/chunk.URIOYHEA.js";
+import "./chunks/chunk.PTWY7M47.js";
+import {
+  loader_default
+} from "./chunks/chunk.CGUXXQTT.js";
+import "./chunks/chunk.FDOXEWGR.js";
+import "./chunks/chunk.IKBILRIY.js";
+import "./chunks/chunk.UBYAPUL3.js";
+import "./chunks/chunk.UUZHIWQZ.js";
+import "./chunks/chunk.KPXFSE3J.js";
+import "./chunks/chunk.L7XOR6JZ.js";
+import "./chunks/chunk.KJ4BZBTX.js";
+import "./chunks/chunk.KMTO4VEC.js";
+import "./chunks/chunk.VHHIJXG2.js";
+import "./chunks/chunk.UOFDZJYP.js";
 import {
   date_range_slider_default
-} from "./chunks/chunk.5EMGZZCG.js";
-import "./chunks/chunk.RXU6DWRU.js";
+} from "./chunks/chunk.IKYLG6LM.js";
+import "./chunks/chunk.GMWFNQ7Q.js";
 import "./chunks/chunk.46IWBVYP.js";
 import "./chunks/chunk.BPNFS4ED.js";
 import "./chunks/chunk.FRHQ2JZY.js";
-import "./chunks/chunk.KW4TJM4C.js";
 import "./chunks/chunk.4GVU47B6.js";
+import "./chunks/chunk.KW4TJM4C.js";
+import "./chunks/chunk.P3N5PW3F.js";
+import "./chunks/chunk.GNSDRDLV.js";
+import "./chunks/chunk.BT4IJCQK.js";
+import "./chunks/chunk.NTB4EIFE.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.NQKBKXPW.js";
-import {
-  button_default
-} from "./chunks/chunk.OBKUG36C.js";
-import "./chunks/chunk.CJZBZADJ.js";
-import "./chunks/chunk.GNSDRDLV.js";
-import "./chunks/chunk.BT4IJCQK.js";
-import "./chunks/chunk.IUDWCWFV.js";
-import "./chunks/chunk.NTB4EIFE.js";
 import {
   chip_default
-} from "./chunks/chunk.HUJ7CIC7.js";
-import "./chunks/chunk.FWJJZ2ZQ.js";
+} from "./chunks/chunk.SVBGCTUY.js";
+import "./chunks/chunk.6TP5NQZR.js";
 import "./chunks/chunk.YVSJQ4KD.js";
+import "./chunks/chunk.YW2OER7Y.js";
+import {
+  combobox_default
+} from "./chunks/chunk.2MYFC7LM.js";
+import "./chunks/chunk.6TG7HJRE.js";
+import "./chunks/chunk.NTNL4P6D.js";
+import "./chunks/chunk.2XCNCXGV.js";
+import "./chunks/chunk.PZRCJWJ4.js";
+import "./chunks/chunk.QB5SASDL.js";
+import "./chunks/chunk.QEA4QW6G.js";
+import "./chunks/chunk.6NYH4BZ2.js";
+import "./chunks/chunk.LMGJJIIS.js";
+import "./chunks/chunk.UVHPNM6M.js";
+import "./chunks/chunk.IUDWCWFV.js";
 import "./chunks/chunk.UP75L23G.js";
-import "./chunks/chunk.H2SFUFU3.js";
+import "./chunks/chunk.THBBULDA.js";
 import "./chunks/chunk.K4EJQG4O.js";
-import "./chunks/chunk.YW2OER7Y.js";
+import "./chunks/chunk.IBV3HXI5.js";
 import "./chunks/chunk.PQFHJHNO.js";
 import "./chunks/chunk.PH7RLQK2.js";
 import "./chunks/chunk.6QUGTGJO.js";

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

@@ -1,17 +1,67 @@
 import type { DefineComponent } from "vue";
 
-import type { TerraButton } from "../../components/button/button.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 { TerraCombobox } from "../../components/combobox/combobox.component.js";
-import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.component.js";
+import type { TerraChip } from "../../components/chip/chip.component.js";
+import type { TerraButton } from "../../components/button/button.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
+import type { TerraLoader } from "../../components/loader/loader.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraTimeSeries } from "../../components/time-series/time-series.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 
+type TerraComboboxProps = {
+  /** Label the combobox with this. */
+  label?: TerraCombobox["label"];
+  /** name the combobox with this. */
+  name?: TerraCombobox["name"];
+  /** Set a placeholder for the combobox with this.
+Defaults to the label's value. */
+  placeholder?: TerraCombobox["placeholder"];
+  /** Hide the combobox's help text.
+When hidden, not rendered at all. */
+  "hide-help"?: TerraCombobox["hideHelp"];
+  /** Hide the combobox's label text.
+When hidden, still presents to screen readers. */
+  "hide-label"?: TerraCombobox["hideLabel"];
+  /** status of the content */
+  status?: TerraCombobox["status"];
+  /** content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined */
+  content?: TerraCombobox["content"];
+  /**  */
+  isExpanded?: TerraCombobox["isExpanded"];
+  /**  */
+  query?: TerraCombobox["query"];
+  /**  */
+  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 TerraChipProps = {
+  /**  */
+  size?: TerraChip["size"];
+};
+
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -75,71 +125,6 @@ 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 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 TerraComboboxProps = {
-  /** Label the combobox with this. */
-  label?: TerraCombobox["label"];
-  /** name the combobox with this. */
-  name?: TerraCombobox["name"];
-  /** Set a placeholder for the combobox with this.
-Defaults to the label's value. */
-  placeholder?: TerraCombobox["placeholder"];
-  /** Hide the combobox's help text.
-When hidden, not rendered at all. */
-  "hide-help"?: TerraCombobox["hideHelp"];
-  /** Hide the combobox's label text.
-When hidden, still presents to screen readers. */
-  "hide-label"?: TerraCombobox["hideLabel"];
-  /** status of the content */
-  status?: TerraCombobox["status"];
-  /** content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined */
-  content?: TerraCombobox["content"];
-  /**  */
-  isExpanded?: TerraCombobox["isExpanded"];
-  /**  */
-  query?: TerraCombobox["query"];
-  /**  */
-  searchResults?: TerraCombobox["searchResults"];
-};
-
-type TerraLoaderProps = {
-  /** The loader's size */
-  size?: TerraLoader["size"];
-  /** The loader's theme, light or dark mode */
-  theme?: TerraLoader["theme"];
-  /** 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"];
-  /** A label used by a screen reader which describes the loader element (e.g., "Loading video of Tropical Storm Nepartak") */
-  label?: TerraLoader["label"];
-  /** A message used by a screen reader to describe current value of loader element in a more human-understandable way (e.g, "12% of 45MB") */
-  message?: TerraLoader["message"];
-};
-
 type TerraIconProps = {
   /** The name of the icon to draw. Available names depend on the icon library being used. */
   name?: TerraIcon["name"];
@@ -163,6 +148,21 @@ ignored by assistive devices. */
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
+type TerraLoaderProps = {
+  /** The loader's size */
+  size?: TerraLoader["size"];
+  /** The loader's theme, light or dark mode */
+  theme?: TerraLoader["theme"];
+  /** 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"];
+  /** A label used by a screen reader which describes the loader element (e.g., "Loading video of Tropical Storm Nepartak") */
+  label?: TerraLoader["label"];
+  /** A message used by a screen reader to describe current value of loader element in a more human-understandable way (e.g, "12% of 45MB") */
+  message?: TerraLoader["message"];
+};
+
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -284,43 +284,22 @@ When hidden, still presents to screen readers. */
 
 export type CustomElements = {
   /**
-   * Buttons represent actions that are available to the user.
+   * Fuzzy-search for combobox with list autocomplete.
    * ---
    *
    *
-   * ### **Methods:**
-   *  - **click()** - Simulates a click on the button.
-   * - **focus(options: _FocusOptions_)** - Sets focus on the button.
-   * - **blur()** - Removes focus from the button.
-   * - **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. Pass an empty string to restore validity.
-   *
-   * ### **Slots:**
-   *  - _default_ - The button's label.
-   * - **prefix** - A presentational prefix icon or similar element.
-   * - **suffix** - A presentational suffix icon or similar element.
+   * ### **CSS Properties:**
+   *  - **--host-height** - The height of the host element. _(default: undefined)_
+   * - **--help-height** - The height of the search help element. _(default: undefined)_
+   * - **--label-height** - The height of the input's label element. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **prefix** - The container that wraps the prefix.
-   * - **label** - The button's label.
-   * - **suffix** - The container that wraps the suffix.
-   * - **caret** - The button's caret icon, an `<sl-icon>` element.
-   * - **spinner** - The spinner that shows when the button is in the loading state.
-   */
-  "terra-button": DefineComponent<TerraButtonProps>;
-
-  /**
-   * Used for contacts and tags
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The chip's label.
+   *  - **base** - A `search` element, the component's base.
+   * - **combobox** - An `input` element used for searching.
+   * - **button** - A `button` used for toggling the listbox's visibility.
+   * - **listbox** - A `ul` that holds the clickable options.
    */
-  "terra-chip": DefineComponent<TerraChipProps>;
+  "terra-combobox": DefineComponent<TerraComboboxProps>;
 
   /**
    * Short summary of the component's intended use.
@@ -340,35 +319,43 @@ export type CustomElements = {
   "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
 
   /**
-   * Fuzzy-search for combobox with list autocomplete.
+   * Used for contacts and tags
    * ---
    *
    *
-   * ### **CSS Properties:**
-   *  - **--host-height** - The height of the host element. _(default: undefined)_
-   * - **--help-height** - The height of the search help element. _(default: undefined)_
-   * - **--label-height** - The height of the input's label element. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - A `search` element, the component's base.
-   * - **combobox** - An `input` element used for searching.
-   * - **button** - A `button` used for toggling the listbox's visibility.
-   * - **listbox** - A `ul` that holds the clickable options.
+   * ### **Slots:**
+   *  - _default_ - The chip's label.
    */
-  "terra-combobox": DefineComponent<TerraComboboxProps>;
+  "terra-chip": DefineComponent<TerraChipProps>;
 
   /**
-   * Loaders are used to indicate there is content that is loading.
+   * Buttons represent actions that are available to the user.
    * ---
    *
    *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   * ### **Methods:**
+   *  - **click()** - Simulates a click on the button.
+   * - **focus(options: _FocusOptions_)** - Sets focus on the button.
+   * - **blur()** - Removes focus from the button.
+   * - **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. Pass an empty string to restore validity.
+   *
+   * ### **Slots:**
+   *  - _default_ - The button's label.
+   * - **prefix** - A presentational prefix icon or similar element.
+   * - **suffix** - A presentational suffix icon or similar element.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
+   * - **prefix** - The container that wraps the prefix.
+   * - **label** - The button's label.
+   * - **suffix** - The container that wraps the suffix.
+   * - **caret** - The button's caret icon, an `<sl-icon>` element.
+   * - **spinner** - The spinner that shows when the button is in the loading state.
    */
-  "terra-loader": DefineComponent<TerraLoaderProps>;
+  "terra-button": DefineComponent<TerraButtonProps>;
 
   /**
    * Icons are symbols that can be used to represent various options within an application.
@@ -384,6 +371,19 @@ export type CustomElements = {
    */
   "terra-icon": DefineComponent<TerraIconProps>;
 
+  /**
+   * Loaders are used to indicate there is content that is loading.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-loader": DefineComponent<TerraLoaderProps>;
+
   /**
    * A map component for visualizing and selecting coordinates.
    * ---

package/cdn/utilities/animation.js

@@ -1,13 +1,13 @@
 import {
   getAnimationNames,
   getEasingNames
-} from "../chunks/chunk.XR56EMXH.js";
+} from "../chunks/chunk.LQCRC4E2.js";
 import "../chunks/chunk.VORUJ5MH.js";
+import "../chunks/chunk.GNSDRDLV.js";
+import "../chunks/chunk.YVSJQ4KD.js";
 import "../chunks/chunk.2XCNCXGV.js";
 import "../chunks/chunk.QEA4QW6G.js";
 import "../chunks/chunk.6NYH4BZ2.js";
-import "../chunks/chunk.GNSDRDLV.js";
-import "../chunks/chunk.YVSJQ4KD.js";
 import "../chunks/chunk.UP75L23G.js";
 import "../chunks/chunk.K4EJQG4O.js";
 import "../chunks/chunk.PQFHJHNO.js";