@nasa-terra/components 0.0.1 → 0.0.3

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

@@ -1,22 +1,17 @@
 import type { DefineComponent } from "vue";
 
-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 { 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 { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
+import type { TerraMap } from "../../components/map/map.component.js";
+import type { TerraIcon } from "../../components/icon/icon.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 TerraChipProps = {
-  /**  */
-  size?: TerraChip["size"];
-};
-
 type TerraButtonProps = {
   /**  */
   title?: TerraButton["title"];
@@ -125,29 +120,6 @@ type TerraDateRangeSliderProps = {
   slider?: TerraDateRangeSlider["slider"];
 };
 
-type TerraIconProps = {
-  /** The name of the icon to draw. Available names depend on the icon library being used. */
-  name?: TerraIcon["name"];
-  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
-can result in XSS attacks. */
-  src?: TerraIcon["src"];
-  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
-ignored by assistive devices. */
-  label?: TerraIcon["label"];
-  /** The name of a registered custom icon library. */
-  library?: TerraIcon["library"];
-  /** The CSS color to assign to the SVG. */
-  color?: TerraIcon["color"];
-  /** The CSS font-size to assign to the SVG. */
-  "font-size"?: TerraIcon["fontSize"];
-  /**  */
-  svg?: TerraIcon["svg"];
-  /** Emitted when the icon has loaded. */
-  onTerraLoad?: (e: CustomEvent<never>) => void;
-  /** Emitted when the icon fails to load due to an error. */
-  onTerraError?: (e: CustomEvent<never>) => void;
-};
-
 type TerraLoaderProps = {
   /** The loader's size */
   size?: TerraLoader["size"];
@@ -155,12 +127,34 @@ type TerraLoaderProps = {
   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 TerraChipProps = {
+  /**  */
+  size?: TerraChip["size"];
+};
+
+type TerraPlotProps = {
+  /**  */
+  plotTitle?: TerraPlot["plotTitle"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /**  */
+  plotData?: TerraPlot["plotData"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -186,19 +180,27 @@ type TerraMapProps = {
   _mapController?: TerraMap["_mapController"];
 };
 
-type TerraPlotProps = {
-  /**  */
-  plotTitle?: TerraPlot["plotTitle"];
-  /**  */
-  layout?: TerraPlot["layout"];
-  /**  */
-  config?: TerraPlot["config"];
-  /**  */
-  data?: TerraPlot["data"];
-  /**  */
-  plotData?: TerraPlot["plotData"];
+type TerraIconProps = {
+  /** The name of the icon to draw. Available names depend on the icon library being used. */
+  name?: TerraIcon["name"];
+  /** An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
+can result in XSS attacks. */
+  src?: TerraIcon["src"];
+  /** An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
+ignored by assistive devices. */
+  label?: TerraIcon["label"];
+  /** The name of a registered custom icon library. */
+  library?: TerraIcon["library"];
+  /** The CSS color to assign to the SVG. */
+  color?: TerraIcon["color"];
+  /** The CSS font-size to assign to the SVG. */
+  "font-size"?: TerraIcon["fontSize"];
   /**  */
-  base?: TerraPlot["base"];
+  svg?: TerraIcon["svg"];
+  /** Emitted when the icon has loaded. */
+  onTerraLoad?: (e: CustomEvent<never>) => void;
+  /** Emitted when the icon fails to load due to an error. */
+  onTerraError?: (e: CustomEvent<never>) => void;
 };
 
 type TerraSpatialPickerProps = {
@@ -281,16 +283,6 @@ When hidden, still presents to screen readers. */
 };
 
 export type CustomElements = {
-  /**
-   * Used for contacts and tags
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The chip's label.
-   */
-  "terra-chip": DefineComponent<TerraChipProps>;
-
   /**
    * Buttons represent actions that are available to the user.
    * ---
@@ -356,31 +348,37 @@ export type CustomElements = {
   "terra-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
 
   /**
-   * 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.
+   * Used for contacts and tags
    * ---
    *
    *
-   * ### **CSS Properties:**
-   *  - **--example** - An example CSS custom property. _(default: undefined)_
+   * ### **Slots:**
+   *  - _default_ - The chip's label.
+   */
+  "terra-chip": DefineComponent<TerraChipProps>;
+
+  /**
+   * A web component for interactive graphs using Plotly.js.
+   * ---
+   *
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
    */
-  "terra-loader": DefineComponent<TerraLoaderProps>;
+  "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
    * A map component for visualizing and selecting coordinates.
@@ -390,14 +388,18 @@ export type CustomElements = {
   "terra-map": DefineComponent<TerraMapProps>;
 
   /**
-   * A web component for interactive graphs using Plotly.js.
+   * 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:**
-   *  - **base** - The component's base wrapper.
+   *  - **svg** - The internal SVG element.
    */
-  "terra-plot": DefineComponent<TerraPlotProps>;
+  "terra-icon": DefineComponent<TerraIconProps>;
 
   /**
    * A component that allows input of coordinates and rendering of map.

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

@@ -153,26 +153,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-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.",
@@ -248,48 +228,6 @@
         }
       ]
     },
-    {
-      "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": "name",
-          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-          "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.",
-          "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.",
-          "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": "font-size",
-          "description": "The CSS font-size to assign to the SVG.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/icon"
-        }
-      ]
-    },
     {
       "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.",
@@ -309,6 +247,11 @@
           "description": "The percent complete for the loader to display",
           "values": []
         },
+        {
+          "name": "indeterminate",
+          "description": "an indeterminate loader has an unknown progress and will show a spinner",
+          "values": []
+        },
         {
           "name": "label",
           "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
@@ -327,6 +270,42 @@
         }
       ]
     },
+    {
+      "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-plot",
+      "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "plotTitle", "values": [] },
+        { "name": "layout", "values": [{ "name": "Partial<Layout>" }] },
+        { "name": "config", "values": [{ "name": "Partial<Config>" }] },
+        { "name": "data", "values": [{ "name": "Array<Partial<Data>>" }] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/plot"
+        }
+      ]
+    },
     {
       "name": "terra-map",
       "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -371,18 +350,44 @@
       ]
     },
     {
-      "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.",
+      "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": "plotTitle", "values": [] },
-        { "name": "layout", "values": [{ "name": "Partial<Layout>" }] },
-        { "name": "config", "values": [{ "name": "Partial<Config>" }] },
-        { "name": "data", "values": [{ "name": "Array<Partial<Data>>" }] }
+        {
+          "name": "name",
+          "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+          "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.",
+          "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.",
+          "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": "font-size",
+          "description": "The CSS font-size to assign to the SVG.",
+          "values": []
+        }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/plot"
+          "url": "https://disc.gsfc.nasa.gov/components/icon"
         }
       ]
     },