@nasa-terra/components 0.0.43 → 0.0.44

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.2BFX62WX.js

@@ -0,0 +1,21 @@
+import {
+  TerraDataRods
+} from "./chunk.E32UNFUD.js";
+
+// src/react/data-rods/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-data-rods";
+TerraDataRods.define("terra-data-rods");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDataRods,
+  react: React,
+  events: {},
+  displayName: "TerraDataRods"
+});
+var data_rods_default = reactWrapper;
+
+export {
+  data_rods_default
+};

package/cdn/chunks/{chunk.CH45CXZY.js → chunk.2ZL3QN2E.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.NL52F475.js";
+} from "./chunk.KK22KVB3.js";
 
 // src/components/date-picker/date-picker.ts
 var date_picker_default = TerraDatePicker;

package/cdn/chunks/{chunk.L5Q6MO7Q.js → chunk.3I2TF7C4.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.5TCPFCD2.js";
+} from "./chunk.HD45UIMB.js";
 
 // src/components/date-range-slider/date-range-slider.ts
 var date_range_slider_default = TerraDateRangeSlider;

package/cdn/chunks/{chunk.XAQF3BDY.js → chunk.4DO5RUBU.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.2GGZHPMT.js";
+} from "./chunk.6EHGJWBN.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = TerraCombobox;

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/{dist/chunks/chunk.CPI32ZAZ.js → cdn/chunks/chunk.4VENQJPO.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.ENYPV32S.js";
+} from "./chunk.EDHE5LYN.js";
 
 // src/components/login/login.ts
 var login_default = TerraLogin;

package/cdn/chunks/{chunk.XTDVJMOY.js → chunk.4YMYCX75.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.JZBUILMZ.js";
+} from "./chunk.KIR56MAA.js";
 
 // src/react/spatial-picker/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.S4INEVCC.js → chunk.5BHGM65J.js}

@@ -1,6 +1,3 @@
-import {
-  variable_keyword_search_styles_default
-} from "./chunk.NMJ34B6C.js";
 import {
   clearSelection,
   renderSearchResult,
@@ -8,29 +5,32 @@ import {
 } from "./chunk.SCFJOPPV.js";
 import {
   FetchController
-} from "./chunk.ELAWVWEZ.js";
+} from "./chunk.XO3SOVHY.js";
+import {
+  variable_keyword_search_styles_default
+} from "./chunk.NMJ34B6C.js";
 import {
   icon_default
-} from "./chunk.TVULBZN7.js";
+} from "./chunk.QRIUCU7O.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 {
   button_default
-} from "./chunk.XJVNZTEE.js";
+} from "./chunk.OW6RZGKY.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.CN4PWRCO.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.ZJAN35CA.js → chunk.5BZ4EDIL.js}

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

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

@@ -1,9 +1,3 @@
-import {
-  c
-} from "./chunk.PZRCJWJ4.js";
-import {
-  h
-} from "./chunk.QB5SASDL.js";
 import {
   combobox_styles_default
 } from "./chunk.USC76EZL.js";
@@ -11,22 +5,28 @@ import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
+import {
+  c
+} from "./chunk.PZRCJWJ4.js";
+import {
+  h
+} from "./chunk.QB5SASDL.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.CN4PWRCO.js";
 import {
   n,
   r

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.FBCYHMRV.js → chunk.6UN7FSXA.js}

@@ -10,21 +10,21 @@ import {
 import {
   watch
 } from "./chunk.6MMTW476.js";
+import {
+  button_styles_default
+} from "./chunk.YVG2XG3L.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.CN4PWRCO.js";
 import {
   e as e2,
   n as n2,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  button_styles_default
-} from "./chunk.YVG2XG3L.js";
 import {
   __decorateClass,
   __privateAdd,

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/{dist/chunks/chunk.LNGXE27U.js → cdn/chunks/chunk.7MU72IVZ.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.MS3DCXPP.js";
+} from "./chunk.GYLB33OZ.js";
 
 // src/react/loader/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/cdn/chunks/{chunk.4XFHUWXK.js → chunk.BW6HVRN4.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.JZBUILMZ.js";
+} from "./chunk.KIR56MAA.js";
 
 // src/components/spatial-picker/spatial-picker.ts
 var spatial_picker_default = TerraSpatialPicker;

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

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

package/cdn/chunks/{chunk.OGI7F4SN.js → chunk.CN4PWRCO.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.44";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/chunk.CXMIJOGY.js

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

package/cdn/chunks/chunk.E32UNFUD.js

@@ -0,0 +1,187 @@
+import {
+  TerraTimeSeries
+} from "./chunk.TIU73DG7.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.KIR56MAA.js";
+import {
+  TerraVariableCombobox
+} from "./chunk.WMCV5DKE.js";
+import {
+  TerraDateRangeSlider
+} from "./chunk.HD45UIMB.js";
+import {
+  data_rods_styles_default
+} from "./chunk.754XAIN7.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.XU3NXPIM.js";
+import {
+  h
+} from "./chunk.UGTZ22DI.js";
+import {
+  getUTCDate
+} from "./chunk.YIABHSHN.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.CN4PWRCO.js";
+import {
+  n,
+  r
+} from "./chunk.2FFSUM6T.js";
+import {
+  x
+} from "./chunk.PQFHJHNO.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod
+} from "./chunk.6JHIJHTB.js";
+
+// src/components/data-rods/data-rods.component.ts
+var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn;
+var TerraDataRods = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _getVariableEntryId);
+    /**
+     * anytime the date range slider changes, update the start and end date
+     */
+    __privateAdd(this, _handleDateRangeSliderChangeEvent);
+    __privateAdd(this, _handleVariableChange);
+    __privateAdd(this, _handleMapChange);
+    __privateAdd(this, _catalog, new GiovanniVariableCatalog());
+    // @ts-expect-error
+    __privateAdd(this, _fetchVariableTask, new h(this, {
+      task: async (_args, { signal }) => {
+        var _a, _b, _c, _d;
+        const variableEntryId = __privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this);
+        console.debug("fetch variable ", variableEntryId);
+        if (!variableEntryId) {
+          return;
+        }
+        const variable = await __privateGet(this, _catalog).getVariable(variableEntryId, {
+          signal
+        });
+        console.debug("found variable ", variable);
+        if (!variable) {
+          return;
+        }
+        this.startDate = (_b = this.startDate) != null ? _b : (_a = variable.exampleInitialStartDate) == null ? void 0 : _a.toISOString();
+        this.endDate = (_d = this.endDate) != null ? _d : (_c = variable.exampleInitialEndDate) == null ? void 0 : _c.toISOString();
+        this.catalogVariable = variable;
+      },
+      args: () => [this.variableEntryId, this.collection, this.variable]
+    }));
+  }
+  render() {
+    var _a;
+    const minDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductBeginDateTime) : void 0;
+    const maxDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductEndDateTime) : void 0;
+    return x`
+            <terra-variable-combobox
+                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
+                .value=${__privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this)}
+                .bearerToken=${(_a = this.bearerToken) != null ? _a : null}
+                .useTags=${true}
+                @terra-combobox-change="${__privateMethod(this, _handleVariableChange, handleVariableChange_fn)}"
+            ></terra-variable-combobox>
+
+            <terra-spatial-picker
+                initial-value=${this.location}
+                exportparts="map:spatial-picker__map, leaflet-bbox:spatial-picker__leaflet-bbox, leaflet-point:spatial-picker__leaflet-point"
+                label="Select Point"
+                @terra-map-change=${__privateMethod(this, _handleMapChange, handleMapChange_fn)}
+            ></terra-spatial-picker>
+
+            <terra-time-series
+                variable-entry-id=${__privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this)}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                location=${this.location}
+                bearer-token=${this.bearerToken}
+            ></terra-time-series>
+
+            <terra-date-range-slider
+                exportparts="slider:date-range-slider__slider"
+                min-date=${minDate}
+                max-date=${maxDate}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
+            ></terra-date-range-slider>
+        `;
+  }
+};
+_catalog = new WeakMap();
+_fetchVariableTask = new WeakMap();
+_getVariableEntryId = new WeakSet();
+getVariableEntryId_fn = function() {
+  var _a;
+  if (!this.variableEntryId && !(this.collection && this.variable)) {
+    return;
+  }
+  return (_a = this.variableEntryId) != null ? _a : `${this.collection}_${this.variable}`;
+};
+_handleDateRangeSliderChangeEvent = new WeakSet();
+handleDateRangeSliderChangeEvent_fn = function(event) {
+  this.startDate = event.detail.startDate;
+  this.endDate = event.detail.endDate;
+};
+_handleVariableChange = new WeakSet();
+handleVariableChange_fn = function(event) {
+  this.variableEntryId = event.detail.entryId;
+};
+_handleMapChange = new WeakSet();
+handleMapChange_fn = function(event) {
+  const type = event.detail.geoJson.geometry.type;
+  if (type === "Point") {
+    const { latLng } = event.detail;
+    this.location = `${latLng.lat.toFixed(4)},${latLng.lng.toFixed(4)}`;
+  }
+};
+TerraDataRods.styles = [component_styles_default, data_rods_styles_default];
+TerraDataRods.dependencies = {
+  "terra-time-series": TerraTimeSeries,
+  "terra-date-range-slider": TerraDateRangeSlider,
+  "terra-spatial-picker": TerraSpatialPicker,
+  "terra-variable-combobox": TerraVariableCombobox
+};
+__decorateClass([
+  n({ attribute: "variable-entry-id", reflect: true })
+], TerraDataRods.prototype, "variableEntryId", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraDataRods.prototype, "collection", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraDataRods.prototype, "variable", 2);
+__decorateClass([
+  n({
+    attribute: "start-date",
+    reflect: true
+  })
+], TerraDataRods.prototype, "startDate", 2);
+__decorateClass([
+  n({
+    attribute: "end-date",
+    reflect: true
+  })
+], TerraDataRods.prototype, "endDate", 2);
+__decorateClass([
+  n({
+    reflect: true
+  })
+], TerraDataRods.prototype, "location", 2);
+__decorateClass([
+  n({ attribute: "bearer-token", reflect: false })
+], TerraDataRods.prototype, "bearerToken", 2);
+__decorateClass([
+  r()
+], TerraDataRods.prototype, "catalogVariable", 2);
+
+export {
+  TerraDataRods
+};

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

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

package/cdn/chunks/{chunk.3JPFQJXJ.js → chunk.EDHE5LYN.js}

@@ -1,26 +1,26 @@
-import {
-  loader_default
-} from "./chunk.WQQBVCL5.js";
 import {
   login_styles_default
 } from "./chunk.5P7TDN4M.js";
+import {
+  loader_default
+} from "./chunk.ZHZZPGPK.js";
 import {
   icon_default
-} from "./chunk.TVULBZN7.js";
+} from "./chunk.QRIUCU7O.js";
 import {
   e,
   n
 } from "./chunk.2XCNCXGV.js";
 import {
   button_default
-} from "./chunk.XJVNZTEE.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.OW6RZGKY.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.CN4PWRCO.js";
 import {
   T,
   x

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

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

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

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

package/cdn/chunks/{chunk.7HEVEWEJ.js → chunk.G3KUAHGF.js}

@@ -1,41 +1,41 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.S4INEVCC.js";
+} from "./chunk.5BHGM65J.js";
 import {
   TerraSkeleton
-} from "./chunk.FROJF7FV.js";
+} from "./chunk.KXV2VFRZ.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.WI5HA4EV.js";
+} from "./chunk.GYLB33OZ.js";
 import {
   TerraIcon
-} from "./chunk.TY7DVGTP.js";
+} from "./chunk.K23IQJ74.js";
+import {
+  BrowseVariablesController
+} from "./chunk.ALXMBVVZ.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  browse_variables_styles_default
+} from "./chunk.4EVDB43F.js";
 import {
   TerraButton
-} from "./chunk.FBCYHMRV.js";
+} from "./chunk.6UN7FSXA.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OGI7F4SN.js";
+} from "./chunk.CN4PWRCO.js";
 import {
   n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  BrowseVariablesController
-} from "./chunk.BKOLMPIY.js";
-import {
-  s
-} from "./chunk.UGTZ22DI.js";
-import {
-  browse_variables_styles_default
-} from "./chunk.4EVDB43F.js";
 import {
   T,
   x