@nasa-terra/components 0.0.2 → 0.0.3

package/cdn/chunks/{chunk.5UBB7KZQ.js → chunk.2LF7SMGQ.js}

@@ -6017,12 +6017,13 @@ var TimeSeriesController = class {
           return i;
         }
         const timeSeries = await __privateMethod(this, _loadTimeSeries, loadTimeSeries_fn).call(this, signal);
-        return [
+        this.lastTaskValue = [
           __spreadProps(__spreadValues({}, plotlyDefaultData), {
             x: timeSeries.data.map((row) => row.timestamp),
             y: timeSeries.data.map((row) => row.value)
           })
         ];
+        return this.lastTaskValue;
       }
     });
   }
@@ -6033,9 +6034,10 @@ var TimeSeriesController = class {
 _loadTimeSeries = new WeakSet();
 loadTimeSeries_fn = async function(signal) {
   const variableEntryId = `${this.collection}_${this.variable}`;
+  const cacheKey = `${variableEntryId}_${this.location}`;
   const existingTerraData = await getDataByKey(
     "time-series" /* TIME_SERIES */,
-    `${variableEntryId}_${this.location}`
+    cacheKey
   );
   if (existingTerraData && this.startDate.getTime() >= new Date(existingTerraData.startDate).getTime() && this.endDate.getTime() <= new Date(existingTerraData.endDate).getTime()) {
     return __privateMethod(this, _getDataInRange, getDataInRange_fn).call(this, existingTerraData);
@@ -6066,16 +6068,12 @@ loadTimeSeries_fn = async function(signal) {
   }
   const parsedData = __privateMethod(this, _parseTimeSeriesCsv, parseTimeSeriesCsv_fn).call(this, await response.text());
   parsedData.data = [...parsedData.data, ...(existingTerraData == null ? void 0 : existingTerraData.data) || []];
-  await storeDataByKey(
-    "time-series" /* TIME_SERIES */,
-    `${variableEntryId}_${this.location}`,
-    __spreadValues({
-      variableEntryId,
-      key: `${variableEntryId}_${this.location}`,
-      startDate: parsedData.data[0].timestamp,
-      endDate: parsedData.data[parsedData.data.length - 1].timestamp
-    }, parsedData)
-  );
+  await storeDataByKey("time-series" /* TIME_SERIES */, cacheKey, __spreadValues({
+    variableEntryId,
+    key: cacheKey,
+    startDate: parsedData.data[0].timestamp,
+    endDate: parsedData.data[parsedData.data.length - 1].timestamp
+  }, parsedData));
   return __privateMethod(this, _getDataInRange, getDataInRange_fn).call(this, parsedData);
 };
 _parseTimeSeriesCsv = new WeakSet();

package/cdn/chunks/{chunk.SXUZHG2G.js → chunk.3JODJSTO.js}

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

package/cdn/chunks/{chunk.HMECFSJ3.js → chunk.4D2G6L4V.js}

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

package/cdn/chunks/{chunk.P4LXCHCY.js → chunk.566BRIWX.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.FYB4LVNE.js";
+} from "./chunk.JE7ZZRL6.js";
 
 // src/react/date-range-slider/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.356TZEPJ.js → cdn/chunks/chunk.74CNHGFN.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.LAFN7QOI.js";
+} from "./chunk.ONGS57TV.js";
 
 // src/components/map/map.ts
 var map_default = TerraMap;

package/cdn/chunks/{chunk.2WF7EATT.js → chunk.A3BJQZCH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZKRXIISK.js";
 import {
   FetchController
-} from "./chunk.A4PYD2BT.js";
+} from "./chunk.JM6ZF7AP.js";
 import {
   clearSelection,
   groupDocsByCollection,
@@ -11,9 +11,12 @@ import {
   renderSearchResult,
   walkToOption
 } from "./chunk.5DPGWL3Y.js";
+import {
+  button_default
+} from "./chunk.3JODJSTO.js";
 import {
   icon_default
-} from "./chunk.5OVZEQPW.js";
+} from "./chunk.E2SRXXI6.js";
 import {
   Fuse
 } from "./chunk.NTNL4P6D.js";
@@ -26,16 +29,13 @@ import {
 import {
   o
 } from "./chunk.QEA4QW6G.js";
-import {
-  button_default
-} from "./chunk.SXUZHG2G.js";
 import {
   watch
 } from "./chunk.IUDWCWFV.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.II3GR7YQ.js → chunk.B2HOKF44.js}

@@ -7,19 +7,19 @@ import {
   FormControlController,
   validValidityState
 } from "./chunk.BT4IJCQK.js";
-import {
-  watch
-} from "./chunk.IUDWCWFV.js";
 import {
   button_styles_default
 } from "./chunk.NTB4EIFE.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
+import {
+  watch
+} from "./chunk.IUDWCWFV.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   e as e2,
   n as n2,

package/cdn/chunks/{chunk.5OVZEQPW.js → chunk.E2SRXXI6.js}

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

package/cdn/chunks/{chunk.2LH52WLN.js → chunk.ELPRRHTE.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.H4SLY4KN.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.H4SLY4KN.js → chunk.FS5IKMJD.js}

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

package/cdn/chunks/{chunk.S6SLZPVX.js → chunk.GR5QBZMP.js}

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

package/{dist/chunks/chunk.RCELHBSG.js → cdn/chunks/chunk.HCBG34UV.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.3OTXIELM.js";
+} from "./chunk.ON2RU4HZ.js";
 
 // src/components/chip/chip.ts
 var chip_default = TerraChip;

package/cdn/chunks/{chunk.U6DUAIIP.js → chunk.IKBILRIY.js}

@@ -66,6 +66,9 @@ var loader_styles_default = i`
         --dash: calc(
             (var(--progress) * var(--circumference)) / 100
         ); /* Calculate the length of the dash based on the progress percentage */
+        --indeterminate-dash: calc(
+            (25 * var(--circumference)) / 100
+        ); /* force progress to 25% for an indeterminate loader */
     }
 
     .circular-progress circle {
@@ -89,6 +92,24 @@ var loader_styles_default = i`
         stroke: #1c68e3;
     }
 
+    .circular-progress.indeterminate circle.fg {
+        stroke-dasharray: var(--indeterminate-dash)
+            calc(var(--circumference) - var(--indeterminate-dash));
+        animation: 0.8s spin infinite;
+        animation-timing-function: linear;
+        transform-origin: 50% 50%;
+    }
+
+    @keyframes spin {
+        from {
+            transform: rotate(-90deg);
+        }
+
+        to {
+            transform: rotate(270deg);
+        }
+    }
+
     @property --progress {
         /* Registers and describes the custom property and variable with the browser. */
         syntax: '<number>';

package/cdn/chunks/{chunk.KZIVL4LN.js → chunk.JCBJR2VJ.js}

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

package/cdn/chunks/{chunk.FYB4LVNE.js → chunk.JE7ZZRL6.js}

@@ -4,19 +4,19 @@ import {
 import {
   format
 } from "./chunk.BPNFS4ED.js";
-import {
-  mergeTooltips
-} from "./chunk.KW4TJM4C.js";
 import {
   date_range_slider_styles_default
 } from "./chunk.4GVU47B6.js";
+import {
+  mergeTooltips
+} from "./chunk.KW4TJM4C.js";
 import {
   watch
 } from "./chunk.IUDWCWFV.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.A4PYD2BT.js → chunk.JM6ZF7AP.js}

@@ -19,9 +19,12 @@ var _apiTask;
 var FetchController = class {
   constructor(host) {
     __privateAdd(this, _apiTask, void 0);
+    const isLocalHost = globalThis.location.hostname === "localhost";
     __privateSet(this, _apiTask, new h(host, {
       task: async () => {
-        const response = await fetch("http://localhost:9000/variables");
+        const response = await fetch(
+          isLocalHost ? "http://localhost:9000/variables" : "https://dev.gesdisc.eosdis.nasa.gov/~jdcarlso/collection+variable.json"
+        );
         if (!response.ok) {
           throw apiError;
         }

package/{dist/chunks/chunk.34BDCGAS.js → cdn/chunks/chunk.JOSFOMOK.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.UTUM2YTN.js";
+} from "./chunk.4D2G6L4V.js";
 
 // src/components/plot/plot.ts
 var plot_default = TerraPlot;

package/{dist/chunks/chunk.6HHKJO37.js → cdn/chunks/chunk.JUCL53DU.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.XPQYTQXW.js";
+} from "./chunk.B2HOKF44.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.BHVFJEIU.js → chunk.K6YHM5TZ.js}

@@ -1,13 +1,13 @@
 import {
   loader_styles_default
-} from "./chunk.U6DUAIIP.js";
+} from "./chunk.IKBILRIY.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   n
 } from "./chunk.K4EJQG4O.js";
@@ -25,6 +25,7 @@ var TerraLoader = class extends TerraElement {
     super(...arguments);
     this.size = "large";
     this.percent = 0;
+    this.indeterminate = false;
     this.label = "Loading request";
     this.message = "";
   }
@@ -61,7 +62,7 @@ var TerraLoader = class extends TerraElement {
                     viewBox=${this.size == "small" ? "0 0 30 30" : "0 0 52 52"}
                     aria-hidden="true"
                     style="--progress: ${this.percent}"
-                    class="circular-progress"
+                    class="circular-progress ${this.indeterminate ? "indeterminate" : ""}"
                 >
                     <circle class="bg"></circle>
                     <circle class="fg"></circle>
@@ -80,6 +81,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Number })
 ], TerraLoader.prototype, "percent", 2);
+__decorateClass([
+  n({ type: Boolean })
+], TerraLoader.prototype, "indeterminate", 2);
 __decorateClass([
   n({ type: String })
 ], TerraLoader.prototype, "label", 2);