@nasa-terra/components 0.0.43 → 0.0.45

package/cdn/chunks/{chunk.KJ4BZBTX.js → chunk.27EMK3NO.js}

@@ -167,10 +167,16 @@ var leaflet_draw_styles_default = i`
         background-position: -150px -1px;
     }
     .leaflet-draw-toolbar .leaflet-draw-edit-remove {
-        background-position: -182px -2px;
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
     }
     .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
-        background-position: -180px -1px;
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
     }
     .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
         background-position: -212px -2px;
@@ -179,10 +185,16 @@ var leaflet_draw_styles_default = i`
         background-position: -210px -1px;
     }
     .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
-        background-position: -242px -2px;
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
     }
     .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
-        background-position: -240px -2px;
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
     }
     .leaflet-mouse-marker {
         background-color: #fff;

package/cdn/chunks/{chunk.OGI7F4SN.js → chunk.2BBYUVXZ.js}

@@ -366,7 +366,7 @@ var TerraElement = class extends s {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.43";
+TerraElement.version = "0.0.45";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/{chunk.JZBUILMZ.js → chunk.2JVFCPZQ.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.IAPB27AW.js";
+} from "./chunk.RN6XJ3EC.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.MUAWDIKB.js";
+} from "./chunk.6NEMJOXS.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   e,
   n,
@@ -38,19 +38,56 @@ var TerraSpatialPicker = class extends TerraElement {
     this.initialValue = "";
     this.hideLabel = false;
     this.label = "Select Region";
+    this.spatialConstraints = "-180, -90, 180, 90";
     this.isExpanded = false;
     this.inline = false;
+    this.showMapOnFocus = false;
   }
   _blur(e2) {
     const inputValue = e2.target.value;
-    this.mapValue = inputValue === "" ? [] : parseBoundingBox(inputValue);
+    if (inputValue === "") {
+      this.mapValue = [];
+    } else {
+      const parsedValue = parseBoundingBox(inputValue);
+      if (Array.isArray(parsedValue)) {
+        this.mapValue = parsedValue.map((coordArray) => {
+          return coordArray.map(
+            (coord) => parseFloat(coord.toFixed(2))
+          );
+        });
+      } else if (parsedValue && typeof parsedValue === "object" && "lat" in parsedValue && "lng" in parsedValue) {
+        const { lat, lng } = parsedValue;
+        this.mapValue = {
+          lat: parseFloat(lat.toFixed(2)),
+          lng: parseFloat(lng.toFixed(2))
+        };
+      } else {
+        this.mapValue = [];
+      }
+    }
     const relatedTarget = e2.relatedTarget;
     if (!(relatedTarget == null ? void 0 : relatedTarget.closest("terra-map"))) {
       this.isExpanded = false;
     }
+    this.emit("terra-map-change", {
+      detail: {
+        cause: "draw",
+        latLng: this.mapValue,
+        geoJson: {
+          type: "Feature",
+          geometry: {
+            type: "Point",
+            coordinates: [this.mapValue.lng, this.mapValue.lat]
+          },
+          properties: {}
+        }
+      }
+    });
   }
   _focus() {
-    this.isExpanded = true;
+    if (this.showMapOnFocus) {
+      this.isExpanded = true;
+    }
   }
   _click() {
     this.isExpanded = !this.isExpanded;
@@ -65,6 +102,7 @@ var TerraSpatialPicker = class extends TerraElement {
     switch (event.detail.cause) {
       case "clear":
         this.spatialInput.value = "";
+        this.spatialConstraints = "-180, -90, 180, 90";
         break;
       case "draw":
         if (event.detail.bounds) {
@@ -115,7 +153,7 @@ var TerraSpatialPicker = class extends TerraElement {
                         value=${this.initialValue}
                         type="text"
                         class="spatial-picker__input form-control"
-                        placeholder="-180, -90, 180, 90"
+                        placeholder="${this.spatialConstraints}"
                         aria-controls="map"
                         aria-expanded=${this.isExpanded}
                         @blur=${this._blur}
@@ -179,12 +217,18 @@ __decorateClass([
 __decorateClass([
   n()
 ], TerraSpatialPicker.prototype, "label", 2);
+__decorateClass([
+  n({ attribute: "spatial-constraints" })
+], TerraSpatialPicker.prototype, "spatialConstraints", 2);
 __decorateClass([
   n({ attribute: "is-expanded", type: Boolean, reflect: true })
 ], TerraSpatialPicker.prototype, "isExpanded", 2);
 __decorateClass([
   n({ type: Boolean })
 ], TerraSpatialPicker.prototype, "inline", 2);
+__decorateClass([
+  n({ attribute: "show-map-on-focus", type: Boolean })
+], TerraSpatialPicker.prototype, "showMapOnFocus", 2);
 __decorateClass([
   r()
 ], TerraSpatialPicker.prototype, "mapValue", 2);

package/cdn/chunks/{chunk.5TCPFCD2.js → chunk.2XTKUKIB.js}

@@ -1,22 +1,22 @@
-import {
-  isValidDate
-} from "./chunk.46IWBVYP.js";
 import {
   format
-} from "./chunk.BPNFS4ED.js";
+} from "./chunk.K6GAF43H.js";
+import {
+  date_range_slider_styles_default
+} from "./chunk.WTMN7OUL.js";
 import {
   mergeTooltips
 } from "./chunk.KW4TJM4C.js";
 import {
-  date_range_slider_styles_default
-} from "./chunk.WTMN7OUL.js";
+  isValidDate
+} from "./chunk.YIABHSHN.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   e,
   n

package/{dist/chunks/chunk.V7QPBR74.js → cdn/chunks/chunk.3S6YU4GV.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.QM5FOCP6.js";
+} from "./chunk.FM3UWDOB.js";
 
 // src/react/plot/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ESMJ3XDS.js → chunk.4IAWGN7F.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.SNULTXLY.js → chunk.4UYNOT7W.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.ZU6ADSVN.js";
+} from "./chunk.YCRGAL67.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.ZJAN35CA.js → chunk.4Z4SJPRM.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.ESMJ3XDS.js";
+} from "./chunk.4IAWGN7F.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.4CGQC6VG.js → cdn/chunks/chunk.6EHV6K3S.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.NDYEIMNI.js";
+} from "./chunk.VV7CXX5L.js";
 
 // src/react/variable-combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.MUAWDIKB.js → chunk.6NEMJOXS.js}

@@ -10511,7 +10511,7 @@ var Leaflet = class {
   addCoordTracker() {
     const CoordTracker = L2.Control.extend({
       options: {
-        position: "bottomright",
+        position: "bottomleft",
         title: "Mouse Position",
         exclude: [],
         include: []
@@ -10544,7 +10544,7 @@ var Leaflet = class {
     this.editableLayers = new L2.FeatureGroup();
     this.editableLayers.addTo(this.map);
     let drawControl = new L2.Control.Draw({
-      position: "topright",
+      position: "topleft",
       draw: {
         polyline: false,
         polygon: false,

package/cdn/chunks/chunk.754XAIN7.js

@@ -0,0 +1,39 @@
+import {
+  i
+} from "./chunk.PH7RLQK2.js";
+
+// src/components/data-rods/data-rods.styles.ts
+var data_rods_styles_default = i`
+    :host {
+        display: grid;
+        gap: 1.5rem 0.75rem;
+        grid-template-rows: auto;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    terra-variable-combobox {
+        grid-column: 1 / 2;
+    }
+
+    terra-spatial-picker {
+        grid-column: 2 / 3;
+    }
+
+    terra-date-range-slider {
+        grid-column: 1 / 3;
+        padding-block-start: 2rem;
+    }
+
+    terra-time-series {
+        grid-column: 1 / 3;
+    }
+
+    terra-spatial-picker::part(leaflet-bbox),
+    terra-spatial-picker::part(leaflet-edit) {
+        display: none;
+    }
+`;
+
+export {
+  data_rods_styles_default
+};

package/cdn/chunks/{chunk.4T3FDB6X.js → chunk.AIVF2LYW.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.IAPB27AW.js";
+} from "./chunk.RN6XJ3EC.js";
 
 // src/react/map/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.BKOLMPIY.js → chunk.ALXMBVVZ.js}

@@ -1,6 +1,6 @@
 import {
-  GiovanniRepository
-} from "./chunk.TNVTVMRS.js";
+  GiovanniVariableCatalog
+} from "./chunk.XU3NXPIM.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
@@ -55,7 +55,7 @@ _catalog = new WeakMap();
 _getCatalogRepository = new WeakSet();
 getCatalogRepository_fn = function() {
   if (__privateGet(this, _host).catalog === "giovanni") {
-    return new GiovanniRepository();
+    return new GiovanniVariableCatalog();
   }
   throw new Error(`Invalid catalog: ${__privateGet(this, _host).catalog}`);
 };

package/{dist/chunks/chunk.WSTFOCG3.js → cdn/chunks/chunk.BIBODSR4.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.TCMWMNOB.js";
+} from "./chunk.FKZEIUI7.js";
 
 // src/components/icon/icon.ts
 var icon_default = TerraIcon;

package/{dist/chunks/chunk.5SCGJTRA.js → cdn/chunks/chunk.BSPUHX7G.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.FAYNPOTP.js";
+} from "./chunk.4IAWGN7F.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = TerraDialog;

package/cdn/chunks/{chunk.FROJF7FV.js → chunk.CZILWG23.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.7PAVW6KC.js";
 import {
   skeleton_default
-} from "./chunk.LOCO37M5.js";
+} from "./chunk.X2C7E56W.js";
 import {
   skeleton_styles_default
 } from "./chunk.FPSSRS2U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/cdn/chunks/{chunk.GGDBLPBD.js → chunk.DDY3FGPF.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/cdn/chunks/{chunk.WQQBVCL5.js → chunk.DF3GGEJ5.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.WI5HA4EV.js";
+} from "./chunk.LSHZ2GJS.js";
 
 // src/components/loader/loader.ts
 var loader_default = TerraLoader;

package/cdn/chunks/{chunk.NL52F475.js → chunk.DWZFUOHR.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.RGXPGRGO.js → chunk.EBWKHD35.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.FROJF7FV.js";
+} from "./chunk.CZILWG23.js";
 
 // src/components/skeleton/skeleton.ts
 var skeleton_default = TerraSkeleton;

package/cdn/chunks/{chunk.HY2OIJPI.js → chunk.EDZIBUTU.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.FROJF7FV.js";
+} from "./chunk.CZILWG23.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.XJVNZTEE.js → chunk.FE7PKR4T.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.FBCYHMRV.js";
+} from "./chunk.J53H64HP.js";
 
 // src/components/button/button.ts
 var button_default = TerraButton;

package/cdn/chunks/{chunk.TY7DVGTP.js → chunk.FKZEIUI7.js}

@@ -1,11 +1,11 @@
+import {
+  icon_styles_default
+} from "./chunk.4XR5KYKG.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.7DOMZGX7.js";
-import {
-  icon_styles_default
-} from "./chunk.4XR5KYKG.js";
+} from "./chunk.MDRUDBRH.js";
 import {
   e
 } from "./chunk.6NYH4BZ2.js";
@@ -15,7 +15,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.UJXGVWQA.js → chunk.FM3UWDOB.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.2GGZHPMT.js → chunk.HEVFNGHQ.js}

@@ -1,3 +1,7 @@
+import {
+  clearSelection,
+  walkToOption
+} from "./chunk.LMGJJIIS.js";
 import {
   c
 } from "./chunk.PZRCJWJ4.js";
@@ -7,26 +11,22 @@ import {
 import {
   combobox_styles_default
 } from "./chunk.USC76EZL.js";
-import {
-  clearSelection,
-  walkToOption
-} from "./chunk.LMGJJIIS.js";
 import {
   Fuse
 } from "./chunk.QZV6EAIM.js";
-import {
-  o
-} from "./chunk.QEA4QW6G.js";
 import {
   n as n2
 } from "./chunk.2XCNCXGV.js";
+import {
+  o
+} from "./chunk.QEA4QW6G.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.2BBYUVXZ.js";
 import {
   n,
   r

package/{dist/chunks/chunk.FLB4JM62.js → cdn/chunks/chunk.HFCQI2MX.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.XR6W57RO.js";
+} from "./chunk.DDY3FGPF.js";
 
 // src/react/chip/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.HSD63J4K.js

@@ -0,0 +1,11 @@
+import {
+  TerraDataRods
+} from "./chunk.SVB6CWAO.js";
+
+// src/components/data-rods/data-rods.ts
+var data_rods_default = TerraDataRods;
+TerraDataRods.define("terra-data-rods");
+
+export {
+  data_rods_default
+};