@nasa-terra/components 0.0.65 → 0.0.66

package/cdn/react/index.d.ts

@@ -1,9 +1,9 @@
 export { default as TerraAccordion } from './accordion/index.js';
-export { default as TerraBrowseVariables } from './browse-variables/index.js';
-export { default as TerraChip } from './chip/index.js';
-export { default as TerraButton } from './button/index.js';
 export { default as TerraAlert } from './alert/index.js';
+export { default as TerraBrowseVariables } from './browse-variables/index.js';
 export { default as TerraCombobox } from './combobox/index.js';
+export { default as TerraButton } from './button/index.js';
+export { default as TerraChip } from './chip/index.js';
 export { default as TerraDataRods } from './data-rods/index.js';
 export { default as TerraDataSubsetter } from './data-subsetter/index.js';
 export { default as TerraDataSubsetterHistory } from './data-subsetter-history/index.js';

package/cdn/terra-ui-components.js

@@ -5,139 +5,139 @@ import {
 import "./chunks/chunk.XIEATAX6.js";
 import {
   variable_keyword_search_default
-} from "./chunks/chunk.NOHN7ZHK.js";
+} from "./chunks/chunk.JIBQZDEG.js";
 import "./chunks/chunk.JSME7CPI.js";
 import {
-  variable_combobox_default
-} from "./chunks/chunk.3SRLYD5E.js";
+  time_series_default
+} from "./chunks/chunk.BOGE65ZY.js";
 import {
   time_average_map_default
-} from "./chunks/chunk.X3VZXLR7.js";
-import "./chunks/chunk.OMLDFSTP.js";
+} from "./chunks/chunk.BI76W67M.js";
+import {
+  variable_combobox_default
+} from "./chunks/chunk.QVZIEWRW.js";
+import {
+  map_default
+} from "./chunks/chunk.2QANHSCY.js";
+import "./chunks/chunk.MOVW5G4G.js";
 import "./chunks/chunk.CUBZ2AR7.js";
 import "./chunks/chunk.LVLBJGO2.js";
 import "./chunks/chunk.2UIKXGCO.js";
 import "./chunks/chunk.LS7CBIGK.js";
-import {
-  time_series_default
-} from "./chunks/chunk.LLPDZTE6.js";
-import {
-  login_default
-} from "./chunks/chunk.23YT7VH3.js";
 import {
   plot_toolbar_default
-} from "./chunks/chunk.4H5D5LNS.js";
+} from "./chunks/chunk.WN54FAZ2.js";
 import {
-  skeleton_default
-} from "./chunks/chunk.E7F2QQDE.js";
+  spatial_picker_default
+} from "./chunks/chunk.EXIJCLV5.js";
 import {
-  plot_default
-} from "./chunks/chunk.WABCYOTD.js";
+  login_default
+} from "./chunks/chunk.N5GAZEUH.js";
 import {
-  spatial_picker_default
-} from "./chunks/chunk.2ERB2FZJ.js";
+  plot_default
+} from "./chunks/chunk.T27OOS5L.js";
 import {
-  map_default
-} from "./chunks/chunk.DS2TUYJH.js";
+  skeleton_default
+} from "./chunks/chunk.QB7GRCXW.js";
 import {
-  date_range_slider_default
-} from "./chunks/chunk.G24V5TLW.js";
+  date_picker_default
+} from "./chunks/chunk.CQUNIMB6.js";
 import {
   dialog_default
-} from "./chunks/chunk.HMLTTIBQ.js";
+} from "./chunks/chunk.E7LVY6QB.js";
 import {
   data_subsetter_history_default
-} from "./chunks/chunk.5TJGINB5.js";
+} from "./chunks/chunk.76RNZX2A.js";
 import {
-  date_picker_default
-} from "./chunks/chunk.QOZ4FUY6.js";
+  date_range_slider_default
+} from "./chunks/chunk.HZHS4RMI.js";
 import {
   data_rods_default
-} from "./chunks/chunk.ETEUHDG4.js";
-import "./chunks/chunk.NM4KGKQG.js";
-import "./chunks/chunk.7TF5BL2A.js";
+} from "./chunks/chunk.YQK5E5T2.js";
+import "./chunks/chunk.H6F3VHB2.js";
+import "./chunks/chunk.JDQ6TQCQ.js";
+import "./chunks/chunk.FK35YOPT.js";
+import "./chunks/chunk.TPKJOGOH.js";
+import "./chunks/chunk.R4TNI2PU.js";
 import "./chunks/chunk.XR5EZIHP.js";
 import "./chunks/chunk.MUYS3VLW.js";
 import "./chunks/chunk.WFTS65OQ.js";
-import "./chunks/chunk.YMUOWBFO.js";
-import "./chunks/chunk.FK35YOPT.js";
-import "./chunks/chunk.TPKJOGOH.js";
-import "./chunks/chunk.77W4E4VM.js";
+import "./chunks/chunk.FUKHJNAX.js";
 import "./chunks/chunk.T24K5VZW.js";
 import "./chunks/chunk.J4IIXP4W.js";
-import "./chunks/chunk.JY5D7TM7.js";
+import "./chunks/chunk.DYOCIII6.js";
 import "./chunks/chunk.O7ZKAFVG.js";
 import "./chunks/chunk.4VO545RN.js";
-import "./chunks/chunk.4VLRV7TA.js";
+import "./chunks/chunk.SUU6GE6N.js";
 import "./chunks/chunk.MHNGCUSQ.js";
-import "./chunks/chunk.YP5CFEBW.js";
 import "./chunks/chunk.HRMDCVXQ.js";
+import "./chunks/chunk.YP5CFEBW.js";
 import "./chunks/chunk.JFG62QF5.js";
 import {
   data_subsetter_default
-} from "./chunks/chunk.XULBJSSM.js";
-import "./chunks/chunk.YDWFGZNL.js";
-import "./chunks/chunk.E357X2E5.js";
+} from "./chunks/chunk.5HS2P4QF.js";
+import "./chunks/chunk.TIANXDJM.js";
+import "./chunks/chunk.VON4E7FJ.js";
 import "./chunks/chunk.OCA57Y5E.js";
 import "./chunks/chunk.S5LWJDD7.js";
 import "./chunks/chunk.GJZZSGUB.js";
-import "./chunks/chunk.ZBCDTERI.js";
+import "./chunks/chunk.N2TTTIPA.js";
 import "./chunks/chunk.2DYHCVKO.js";
-import "./chunks/chunk.QECLAEDS.js";
-import "./chunks/chunk.PJUSGZQ3.js";
+import "./chunks/chunk.FP5FRSMY.js";
 import {
   loader_default
-} from "./chunks/chunk.EY3Y2MKZ.js";
-import "./chunks/chunk.EGIKXAEJ.js";
+} from "./chunks/chunk.T2KAO3UD.js";
+import "./chunks/chunk.PJUSGZQ3.js";
+import "./chunks/chunk.DV54QIG7.js";
 import "./chunks/chunk.SHDK2N2Y.js";
-import "./chunks/chunk.6EEM6UIO.js";
-import "./chunks/chunk.T6ZRPLEM.js";
-import "./chunks/chunk.PDR3XIUD.js";
-import "./chunks/chunk.YPQISKX3.js";
+import "./chunks/chunk.ZVC7SBSS.js";
+import "./chunks/chunk.5QLXSATY.js";
+import "./chunks/chunk.C7NEKS3B.js";
 import "./chunks/chunk.Z2YYVPVO.js";
 import "./chunks/chunk.26Y3U5MM.js";
+import "./chunks/chunk.EGZALHQH.js";
 import "./chunks/chunk.DX5ZMKGE.js";
 import "./chunks/chunk.CGUQRNUM.js";
+import "./chunks/chunk.PDR3XIUD.js";
 import "./chunks/chunk.ARB3UVS4.js";
-import "./chunks/chunk.C7NEKS3B.js";
-import "./chunks/chunk.EGZALHQH.js";
+import "./chunks/chunk.3MIPIE6V.js";
 import "./chunks/chunk.PI4LM4FQ.js";
 import "./chunks/chunk.XPUSLKRS.js";
 import "./chunks/chunk.YILV227S.js";
+import {
+  chip_default
+} from "./chunks/chunk.M7WGJM54.js";
+import "./chunks/chunk.2A2HFMGZ.js";
+import "./chunks/chunk.LAO4X5YG.js";
 import {
   combobox_default
-} from "./chunks/chunk.7KPRKFPH.js";
-import "./chunks/chunk.FYLYLIDU.js";
+} from "./chunks/chunk.ZDCD6475.js";
+import "./chunks/chunk.FHFFLCE4.js";
 import "./chunks/chunk.NFS2RDEX.js";
 import "./chunks/chunk.EDY6YM3Y.js";
 import "./chunks/chunk.H2ZXIXPU.js";
 import "./chunks/chunk.CRDKTZBT.js";
 import "./chunks/chunk.A4UWQ65F.js";
-import {
-  chip_default
-} from "./chunks/chunk.3XSRI7D6.js";
-import "./chunks/chunk.4ZEPFSRR.js";
-import "./chunks/chunk.LAO4X5YG.js";
 import {
   browse_variables_default
-} from "./chunks/chunk.LXQL7H3Z.js";
-import "./chunks/chunk.VJD6555T.js";
-import "./chunks/chunk.MUDFTA3K.js";
+} from "./chunks/chunk.5EPVHMFA.js";
+import "./chunks/chunk.T37LTQ4C.js";
+import "./chunks/chunk.K3JEGUHG.js";
 import "./chunks/chunk.X5N7C225.js";
 import "./chunks/chunk.YSADKTSA.js";
 import "./chunks/chunk.XZXJLHTQ.js";
-import "./chunks/chunk.P6Z62GLD.js";
+import "./chunks/chunk.FRSCLRYD.js";
 import "./chunks/chunk.75PZH4W2.js";
 import {
   getAnimationNames,
   getEasingNames
 } from "./chunks/chunk.3SQ33WJL.js";
 import "./chunks/chunk.CJDWJPSB.js";
-import "./chunks/chunk.SHPI4DBO.js";
+import "./chunks/chunk.TAW4DCZW.js";
 import "./chunks/chunk.YIT2FCRS.js";
 import {
   icon_default
-} from "./chunks/chunk.JCQIEOOL.js";
+} from "./chunks/chunk.2VDC2CLR.js";
 import "./chunks/chunk.QFJLPXXJ.js";
 import "./chunks/chunk.CUQN55UX.js";
 import "./chunks/chunk.WOK6C4SG.js";
@@ -149,16 +149,16 @@ import "./chunks/chunk.VYOUAAH7.js";
 import "./chunks/chunk.6WGBX3KH.js";
 import {
   button_default
-} from "./chunks/chunk.SDNJ6Y7P.js";
-import "./chunks/chunk.23GAIRRD.js";
+} from "./chunks/chunk.7IQH7BQC.js";
+import "./chunks/chunk.5JKUUXXD.js";
 import "./chunks/chunk.XUOBHXPV.js";
 import "./chunks/chunk.J7JLAL3A.js";
 import "./chunks/chunk.VIFKXWLG.js";
 import {
   accordion_default
-} from "./chunks/chunk.WBIDCSOL.js";
-import "./chunks/chunk.TCPWXBQQ.js";
-import "./chunks/chunk.7BCZRW6T.js";
+} from "./chunks/chunk.OC666EPD.js";
+import "./chunks/chunk.NC5TCHFE.js";
+import "./chunks/chunk.QJ4KM4TA.js";
 import "./chunks/chunk.TUBLTX7O.js";
 import {
   registerIconLibrary,
@@ -175,13 +175,13 @@ import {
 import "./chunks/chunk.I4WNPQOC.js";
 import {
   alert_default
-} from "./chunks/chunk.AOREFFRM.js";
-import "./chunks/chunk.IPSMZA3Y.js";
+} from "./chunks/chunk.6ZUOFZAK.js";
+import "./chunks/chunk.SIQLNOLM.js";
 import "./chunks/chunk.GRPID3HM.js";
 import "./chunks/chunk.DVOLO45B.js";
 import "./chunks/chunk.5WLTVPIO.js";
 import "./chunks/chunk.ZEDYVCUT.js";
-import "./chunks/chunk.3FVCBUU5.js";
+import "./chunks/chunk.AOJTBQKP.js";
 import "./chunks/chunk.BXZTBSH6.js";
 import "./chunks/chunk.KACZXI5J.js";
 import "./chunks/chunk.KAJGV2AN.js";

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

@@ -2,23 +2,23 @@ import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraAlert } from "../../components/alert/alert.component.js";
-import type { TerraChip } from "../../components/chip/chip.component.js";
-import type { TerraButton } from "../../components/button/button.component.js";
+import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraCombobox } from "../../components/combobox/combobox.component.js";
+import type { TerraButton } from "../../components/button/button.component.js";
+import type { TerraChip } from "../../components/chip/chip.component.js";
 import type { TerraDataRods } from "../../components/data-rods/data-rods.component.js";
 import type { TerraDataSubsetter } from "../../components/data-subsetter/data-subsetter.component.js";
 import type { TerraDataSubsetterHistory } from "../../components/data-subsetter-history/data-subsetter-history.component.js";
 import type { TerraDatePicker } from "../../components/date-picker/date-picker.component.js";
-import type { TerraBrowseVariables } from "../../components/browse-variables/browse-variables.component.js";
 import type { TerraDateRangeSlider } from "../../components/date-range-slider/date-range-slider.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 { TerraPlot } from "../../components/plot/plot.component.js";
-import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
+import type { TerraMap } from "../../components/map/map.component.js";
 import type { TerraPlotToolbar } from "../../components/plot-toolbar/plot-toolbar.component.js";
+import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
 import type { TerraTimeAverageMap } from "../../components/time-average-map/time-average-map.component.js";
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
@@ -66,9 +66,46 @@ Typically used to indicate the remaining time before a whole app refresh. */
   onTerraAfterHide?: (e: CustomEvent<never>) => void;
 };
 
-type TerraChipProps = {
+type TerraBrowseVariablesProps = {
+  /** Allows the user to switch the catalog between different providers
+TODO: add support for CMR catalog and make it the default */
+  catalog?: TerraBrowseVariables["catalog"];
   /**  */
-  size?: TerraChip["size"];
+  "selected-variable-entry-ids"?: TerraBrowseVariables["selectedVariableEntryIds"];
+  /**  */
+  searchQuery?: TerraBrowseVariables["searchQuery"];
+  /**  */
+  selectedFacets?: TerraBrowseVariables["selectedFacets"];
+  /**  */
+  selectedVariables?: TerraBrowseVariables["selectedVariables"];
+  /**  */
+  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
+};
+
+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 TerraButtonProps = {
@@ -138,30 +175,9 @@ value of this attribute must be an id of a form in the same document or shadow r
   validationMessage?: TerraButton["validationMessage"];
 };
 
-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"];
+type TerraChipProps = {
   /**  */
-  searchResults?: TerraCombobox["searchResults"];
+  size?: TerraChip["size"];
 };
 
 type TerraDataRodsProps = {
@@ -305,22 +321,6 @@ type TerraDatePickerProps = {
   selectedDates?: TerraDatePicker["selectedDates"];
 };
 
-type TerraBrowseVariablesProps = {
-  /** Allows the user to switch the catalog between different providers
-TODO: add support for CMR catalog and make it the default */
-  catalog?: TerraBrowseVariables["catalog"];
-  /**  */
-  "selected-variable-entry-ids"?: TerraBrowseVariables["selectedVariableEntryIds"];
-  /**  */
-  searchQuery?: TerraBrowseVariables["searchQuery"];
-  /**  */
-  selectedFacets?: TerraBrowseVariables["selectedFacets"];
-  /**  */
-  selectedVariables?: TerraBrowseVariables["selectedVariables"];
-  /**  */
-  showVariablesBrowse?: TerraBrowseVariables["showVariablesBrowse"];
-};
-
 type TerraDateRangeSliderProps = {
   /**  */
   "time-scale"?: TerraDateRangeSlider["timeScale"];
@@ -399,6 +399,19 @@ type TerraLoginProps = {
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
+type TerraPlotProps = {
+  /**  */
+  plotTitle?: TerraPlot["plotTitle"];
+  /**  */
+  layout?: TerraPlot["layout"];
+  /**  */
+  config?: TerraPlot["config"];
+  /**  */
+  data?: TerraPlot["data"];
+  /**  */
+  base?: TerraPlot["base"];
+};
+
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -428,28 +441,6 @@ type TerraMapProps = {
   _mapController?: TerraMap["_mapController"];
 };
 
-type TerraPlotProps = {
-  /**  */
-  plotTitle?: TerraPlot["plotTitle"];
-  /**  */
-  layout?: TerraPlot["layout"];
-  /**  */
-  config?: TerraPlot["config"];
-  /**  */
-  data?: TerraPlot["data"];
-  /**  */
-  base?: TerraPlot["base"];
-};
-
-type TerraSkeletonProps = {
-  /**  */
-  rows?: TerraSkeleton["rows"];
-  /**  */
-  effect?: TerraSkeleton["effect"];
-  /**  */
-  variableWidths?: TerraSkeleton["variableWidths"];
-};
-
 type TerraPlotToolbarProps = {
   /**  */
   catalogVariable?: TerraPlotToolbar["catalogVariable"];
@@ -475,6 +466,15 @@ type TerraPlotToolbarProps = {
   menu?: TerraPlotToolbar["menu"];
 };
 
+type TerraSkeletonProps = {
+  /**  */
+  rows?: TerraSkeleton["rows"];
+  /**  */
+  effect?: TerraSkeleton["effect"];
+  /**  */
+  variableWidths?: TerraSkeleton["variableWidths"];
+};
+
 type TerraSpatialPickerProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraSpatialPicker["minZoom"];
@@ -690,14 +690,29 @@ export type CustomElements = {
   "terra-alert": DefineComponent<TerraAlertProps>;
 
   /**
-   * Used for contacts and tags
+   * Browse through the NASA CMR or Giovanni catalogs.
    * ---
    *
+   */
+  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
+
+  /**
+   * Fuzzy-search for combobox with list autocomplete.
+   * ---
    *
-   * ### **Slots:**
-   *  - _default_ - The chip's label.
+   *
+   * ### **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-chip": DefineComponent<TerraChipProps>;
+  "terra-combobox": DefineComponent<TerraComboboxProps>;
 
   /**
    * Buttons represent actions that are available to the user.
@@ -729,22 +744,14 @@ export type CustomElements = {
   "terra-button": DefineComponent<TerraButtonProps>;
 
   /**
-   * 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>;
 
   /**
    * A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API
@@ -787,13 +794,6 @@ export type CustomElements = {
    */
   "terra-date-picker": DefineComponent<TerraDatePickerProps>;
 
-  /**
-   * Browse through the NASA CMR or Giovanni catalogs.
-   * ---
-   *
-   */
-  "terra-browse-variables": DefineComponent<TerraBrowseVariablesProps>;
-
   /**
    * Short summary of the component's intended use.
    * ---
@@ -862,13 +862,6 @@ export type CustomElements = {
    */
   "terra-login": DefineComponent<TerraLoginProps>;
 
-  /**
-   * A map component for visualizing and selecting coordinates.
-   * ---
-   *
-   */
-  "terra-map": DefineComponent<TerraMapProps>;
-
   /**
    * A web component for interactive graphs using Plotly.js.
    * ---
@@ -880,11 +873,11 @@ export type CustomElements = {
   "terra-plot": DefineComponent<TerraPlotProps>;
 
   /**
-   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * A map component for visualizing and selecting coordinates.
    * ---
    *
    */
-  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+  "terra-map": DefineComponent<TerraMapProps>;
 
   /**
    * Short summary of the component's intended use.
@@ -903,6 +896,13 @@ export type CustomElements = {
    */
   "terra-plot-toolbar": DefineComponent<TerraPlotToolbarProps>;
 
+  /**
+   * Skeletons are loading indicators to represent where content will eventually be drawn.
+   * ---
+   *
+   */
+  "terra-skeleton": DefineComponent<TerraSkeletonProps>;
+
   /**
    * A component that allows input of coordinates and rendering of map.
    * ---