@nasa-terra/components 0.0.5 → 0.0.6

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

@@ -3,12 +3,12 @@ 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 { TerraIcon } from "../../components/icon/icon.component.js";
+import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraIcon } from "../../components/icon/icon.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 { TerraCombobox } from "../../components/combobox/combobox.component.js";
 import type { TerraTimeSeries } from "../../components/time-series/time-series.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 
@@ -99,6 +99,47 @@ type TerraDateRangeSliderProps = {
   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"];
@@ -122,21 +163,6 @@ 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"];
@@ -205,32 +231,6 @@ When hidden, still presents to screen readers. */
   spatialInput?: TerraSpatialPicker["spatialInput"];
 };
 
-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 TerraTimeSeriesProps = {
   /** a collection entry id (ex: GPM_3IMERGHH_06) */
   collection?: TerraTimeSeries["collection"];
@@ -340,18 +340,22 @@ export type CustomElements = {
   "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
 
   /**
-   * Icons are symbols that can be used to represent various options within an application.
+   * Fuzzy-search for combobox with list autocomplete.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **terra-load** - Emitted when the icon has loaded.
-   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   * ### **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:**
-   *  - **svg** - The internal SVG element.
+   *  - **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-icon": DefineComponent<TerraIconProps>;
+  "terra-combobox": DefineComponent<TerraComboboxProps>;
 
   /**
    * Loaders are used to indicate there is content that is loading.
@@ -366,6 +370,20 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
+  /**
+   * Icons are symbols that can be used to represent various options within an application.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-load** - Emitted when the icon has loaded.
+   * - **terra-error** - Emitted when the icon fails to load due to an error.
+   *
+   * ### **CSS Parts:**
+   *  - **svg** - The internal SVG element.
+   */
+  "terra-icon": DefineComponent<TerraIconProps>;
+
   /**
    * A map component for visualizing and selecting coordinates.
    * ---
@@ -390,24 +408,6 @@ export type CustomElements = {
    */
   "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
-  /**
-   * Fuzzy-search for combobox with list autocomplete.
-   * ---
-   *
-   *
-   * ### **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.
-   */
-  "terra-combobox": DefineComponent<TerraComboboxProps>;
-
   /**
    * A component for visualizing time series data using the GES DISC Giovanni API.
    * ---

package/cdn/utilities/animation.js

@@ -1,12 +1,12 @@
 import {
   getAnimationNames,
   getEasingNames
-} from "../chunks/chunk.SBAGQQ5L.js";
+} from "../chunks/chunk.XR56EMXH.js";
 import "../chunks/chunk.VORUJ5MH.js";
-import "../chunks/chunk.GNSDRDLV.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";

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

@@ -173,6 +173,58 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label the combobox with this.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "name the combobox with this.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+          "values": []
+        },
+        {
+          "name": "hide-help",
+          "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+          "values": []
+        },
+        {
+          "name": "hide-label",
+          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "status of the content",
+          "values": [
+            { "name": "INITIAL" },
+            { "name": "PENDING" },
+            { "name": "COMPLETE" },
+            { "name": "ERROR" }
+          ]
+        },
+        {
+          "name": "content",
+          "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+          "values": [{ "name": "Content" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/combobox"
+        }
+      ]
+    },
     {
       "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.",
@@ -197,86 +249,86 @@
       ]
     },
     {
-      "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-loader",
+      "description": "Loaders are used to indicate there is content that is loading.\n---\n\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": "name",
-          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-          "values": []
+          "name": "size",
+          "description": "The loader's size",
+          "values": [{ "name": "small" }, { "name": "large" }]
         },
         {
-          "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": "theme",
+          "description": "The loader's theme, light or dark mode",
+          "values": [{ "name": "light" }, { "name": "dark" }]
         },
         {
-          "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": "percent",
+          "description": "The percent complete for the loader to display",
           "values": []
         },
         {
-          "name": "library",
-          "description": "The name of a registered custom icon library.",
-          "values": [{ "name": "default" }, { "name": "heroicons" }]
+          "name": "indeterminate",
+          "description": "an indeterminate loader has an unknown progress and will show a spinner",
+          "values": []
         },
         {
-          "name": "color",
-          "description": "The CSS color to assign to the SVG.",
+          "name": "label",
+          "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
           "values": []
         },
         {
-          "name": "font-size",
-          "description": "The CSS font-size to assign to the SVG.",
+          "name": "message",
+          "description": "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\")",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/icon"
+          "url": "https://disc.gsfc.nasa.gov/components/loader"
         }
       ]
     },
     {
-      "name": "terra-loader",
-      "description": "Loaders are used to indicate there is content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "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": "size",
-          "description": "The loader's size",
-          "values": [{ "name": "small" }, { "name": "large" }]
+          "name": "name",
+          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+          "values": []
         },
         {
-          "name": "theme",
-          "description": "The loader's theme, light or dark mode",
-          "values": [{ "name": "light" }, { "name": "dark" }]
+          "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": "percent",
-          "description": "The percent complete for the loader to display",
+          "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": "indeterminate",
-          "description": "an indeterminate loader has an unknown progress and will show a spinner",
-          "values": []
+          "name": "library",
+          "description": "The name of a registered custom icon library.",
+          "values": [{ "name": "default" }, { "name": "heroicons" }]
         },
         {
-          "name": "label",
-          "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
+          "name": "color",
+          "description": "The CSS color to assign to the SVG.",
           "values": []
         },
         {
-          "name": "message",
-          "description": "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\")",
+          "name": "font-size",
+          "description": "The CSS font-size to assign to the SVG.",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/loader"
+          "url": "https://disc.gsfc.nasa.gov/components/icon"
         }
       ]
     },
@@ -392,58 +444,6 @@
         }
       ]
     },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "Label the combobox with this.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "name the combobox with this.",
-          "values": []
-        },
-        {
-          "name": "placeholder",
-          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-          "values": []
-        },
-        {
-          "name": "hide-help",
-          "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-          "values": []
-        },
-        {
-          "name": "hide-label",
-          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-          "values": []
-        },
-        {
-          "name": "status",
-          "description": "status of the content",
-          "values": [
-            { "name": "INITIAL" },
-            { "name": "PENDING" },
-            { "name": "COMPLETE" },
-            { "name": "ERROR" }
-          ]
-        },
-        {
-          "name": "content",
-          "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-          "values": [{ "name": "Content" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/combobox"
-        }
-      ]
-    },
     {
       "name": "terra-time-series",
       "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n",