@nasa-terra/components 0.0.3 → 0.0.4

package/cdn/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 { TerraChip } from "../../components/chip/chip.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 { TerraMap } from "../../components/map/map.component.js";
 import type { TerraLoader } from "../../components/loader/loader.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 { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.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";
@@ -75,6 +75,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"];
@@ -101,23 +106,52 @@ When hidden, still presents to screen readers. */
   searchResults?: TerraCombobox["searchResults"];
 };
 
-type TerraDateRangeSliderProps = {
-  /**  */
-  "time-scale"?: TerraDateRangeSlider["timeScale"];
-  /**  */
-  "min-date"?: TerraDateRangeSlider["minDate"];
+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"];
   /**  */
-  "max-date"?: TerraDateRangeSlider["maxDate"];
-  /** The start date for the time series plot. */
-  "start-date"?: TerraDateRangeSlider["startDate"];
+  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 TerraMapProps = {
+  /** Minimum zoom level of the map. */
+  "min-zoom"?: TerraMap["minZoom"];
+  /** Maximum zoom level of the map. */
+  "max-zoom"?: TerraMap["maxZoom"];
+  /** Initial map zoom level */
+  zoom?: TerraMap["zoom"];
+  /** has map navigation toolbar */
+  "has-navigation"?: TerraMap["hasNavigation"];
+  /** has coordinate tracker */
+  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
+  /** has shape selector */
+  "has-shape-selector"?: TerraMap["hasShapeSelector"];
   /**  */
-  "end-date"?: TerraDateRangeSlider["endDate"];
+  value?: TerraMap["value"];
   /**  */
-  disabled?: TerraDateRangeSlider["disabled"];
+  mapElement?: TerraMap["mapElement"];
   /**  */
-  "has-pips"?: TerraDateRangeSlider["hasPips"];
+  map?: TerraMap["map"];
+  /** List of geojson shapes */
+  shapes?: TerraMap["shapes"];
   /**  */
-  slider?: TerraDateRangeSlider["slider"];
+  _mapController?: TerraMap["_mapController"];
 };
 
 type TerraLoaderProps = {
@@ -135,11 +169,6 @@ type TerraLoaderProps = {
   message?: TerraLoader["message"];
 };
 
-type TerraChipProps = {
-  /**  */
-  size?: TerraChip["size"];
-};
-
 type TerraPlotProps = {
   /**  */
   plotTitle?: TerraPlot["plotTitle"];
@@ -155,52 +184,23 @@ type TerraPlotProps = {
   base?: TerraPlot["base"];
 };
 
-type TerraMapProps = {
-  /** Minimum zoom level of the map. */
-  "min-zoom"?: TerraMap["minZoom"];
-  /** Maximum zoom level of the map. */
-  "max-zoom"?: TerraMap["maxZoom"];
-  /** Initial map zoom level */
-  zoom?: TerraMap["zoom"];
-  /** has map navigation toolbar */
-  "has-navigation"?: TerraMap["hasNavigation"];
-  /** has coordinate tracker */
-  "has-coord-tracker"?: TerraMap["hasCoordTracker"];
-  /** has shape selector */
-  "has-shape-selector"?: TerraMap["hasShapeSelector"];
+type TerraDateRangeSliderProps = {
   /**  */
-  value?: TerraMap["value"];
+  "time-scale"?: TerraDateRangeSlider["timeScale"];
   /**  */
-  mapElement?: TerraMap["mapElement"];
+  "min-date"?: TerraDateRangeSlider["minDate"];
   /**  */
-  map?: TerraMap["map"];
-  /** List of geojson shapes */
-  shapes?: TerraMap["shapes"];
+  "max-date"?: TerraDateRangeSlider["maxDate"];
+  /** The start date for the time series plot. */
+  "start-date"?: TerraDateRangeSlider["startDate"];
   /**  */
-  _mapController?: TerraMap["_mapController"];
-};
-
-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"];
+  "end-date"?: TerraDateRangeSlider["endDate"];
   /**  */
-  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;
+  disabled?: TerraDateRangeSlider["disabled"];
+  /**  */
+  "has-pips"?: TerraDateRangeSlider["hasPips"];
+  /**  */
+  slider?: TerraDateRangeSlider["slider"];
 };
 
 type TerraSpatialPickerProps = {
@@ -312,6 +312,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.
    * ---
@@ -331,21 +341,25 @@ export type CustomElements = {
   "terra-combobox": DefineComponent<TerraComboboxProps>;
 
   /**
-   * Short summary of the component's intended use.
+   * Icons are symbols that can be used to represent various options within an application.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   * - **example** - An example slot.
-   *
-   * ### **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-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
+  "terra-icon": DefineComponent<TerraIconProps>;
+
+  /**
+   * A map component for visualizing and selecting coordinates.
+   * ---
+   *
+   */
+  "terra-map": DefineComponent<TerraMapProps>;
 
   /**
    * Loaders are used to indicate there is content that is loading.
@@ -360,16 +374,6 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
-  /**
-   * Used for contacts and tags
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The chip's label.
-   */
-  "terra-chip": DefineComponent<TerraChipProps>;
-
   /**
    * A web component for interactive graphs using Plotly.js.
    * ---
@@ -381,25 +385,21 @@ export type CustomElements = {
   "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
-   * A map component for visualizing and selecting coordinates.
+   * Short summary of the component's intended use.
    * ---
    *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
-  /**
-   * Icons are symbols that can be used to represent various options within an application.
-   * ---
    *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   * - **example** - An example slot.
    *
-   * ### **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-date-range-slider": DefineComponent<TerraDateRangeSliderProps>;
 
   /**
    * A component that allows input of coordinates and rendering of map.

package/cdn/utilities/animation.js

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

package/cdn/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.MDRUDBRH.js";
-import "../chunks/chunk.XTCYIPKA.js";
+} from "../chunks/chunk.7DOMZGX7.js";
 import "../chunks/chunk.UCNEPIMI.js";
+import "../chunks/chunk.XTCYIPKA.js";
 import "../chunks/chunk.NQKBKXPW.js";
 import "../chunks/chunk.6QUGTGJO.js";
 export {

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

@@ -153,6 +153,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-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.",
@@ -228,6 +248,48 @@
         }
       ]
     },
+    {
+      "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.",
@@ -270,26 +332,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-plot",
       "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -349,48 +391,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-spatial-picker",
       "description": "A component that allows input of coordinates and rendering of map.\n---\n",