@nasa-terra/components 0.0.2 → 0.0.4

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

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

package/{dist/chunks/chunk.6G6MC7ET.js → cdn/chunks/chunk.46CED5HM.js}

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

package/cdn/chunks/{chunk.KQ6GR2XZ.js → chunk.5IDL367Z.js}

@@ -1,28 +1,34 @@
 import {
   TimeSeriesController
-} from "./chunk.5UBB7KZQ.js";
+} from "./chunk.O5NKXUCH.js";
 import {
   time_series_styles_default
-} from "./chunk.2YI7V6QJ.js";
+} from "./chunk.SBDX4GGT.js";
 import {
   TerraVariableCombobox
-} from "./chunk.2WF7EATT.js";
+} from "./chunk.PP7XKOCQ.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
 import {
   TerraPlot
-} from "./chunk.HMECFSJ3.js";
+} from "./chunk.YK3ZPNPX.js";
 import {
   spatial_picker_default
-} from "./chunk.RS4CISKV.js";
+} from "./chunk.NYXXSTNY.js";
+import {
+  TerraLoader
+} from "./chunk.U4PQZY6W.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.FYB4LVNE.js";
+} from "./chunk.IS7PROYA.js";
 import {
   watch
 } from "./chunk.IUDWCWFV.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.A23M3KZO.js";
 import {
   e,
   n,
@@ -47,7 +53,7 @@ var require_dayjs_min = __commonJS({
       "object" == typeof exports && "undefined" != typeof module ? module.exports = e2() : "function" == typeof define && define.amd ? define(e2) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e2();
     }(exports, function() {
       "use strict";
-      var t = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+      var t = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s2 = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
         var e3 = ["th", "st", "nd", "rd"], n3 = t2 % 100;
         return "[" + t2 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
       } }, m = function(t2, e3, n3) {
@@ -59,12 +65,12 @@ var require_dayjs_min = __commonJS({
       }, m: function t2(e3, n3) {
         if (e3.date() < n3.date())
           return -t2(n3, e3);
-        var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i2 = e3.clone().add(r3, c), s2 = n3 - i2 < 0, u2 = e3.clone().add(r3 + (s2 ? -1 : 1), c);
-        return +(-(r3 + (n3 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+        var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i2 = e3.clone().add(r3, c), s3 = n3 - i2 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c);
+        return +(-(r3 + (n3 - i2) / (s3 ? i2 - u2 : u2 - i2)) || 0);
       }, a: function(t2) {
         return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
       }, p: function(t2) {
-        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s2, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
       }, u: function(t2) {
         return void 0 === t2;
       } }, g = "en", D = {};
@@ -76,8 +82,8 @@ var require_dayjs_min = __commonJS({
         if (!e3)
           return g;
         if ("string" == typeof e3) {
-          var s2 = e3.toLowerCase();
-          D[s2] && (i2 = s2), n3 && (D[s2] = n3, i2 = s2);
+          var s3 = e3.toLowerCase();
+          D[s3] && (i2 = s3), n3 && (D[s3] = n3, i2 = s3);
           var u2 = e3.split("-");
           if (!i2 && u2.length > 1)
             return t2(u2[0]);
@@ -112,8 +118,8 @@ var require_dayjs_min = __commonJS({
             if ("string" == typeof e3 && !/Z$/i.test(e3)) {
               var r3 = e3.match($);
               if (r3) {
-                var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
-                return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
+                var i2 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
+                return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
               }
             }
             return new Date(e3);
@@ -158,7 +164,7 @@ var require_dayjs_min = __commonJS({
               return $2(v2 + "Hours", 0);
             case u:
               return $2(v2 + "Minutes", 1);
-            case s:
+            case s2:
               return $2(v2 + "Seconds", 2);
             case i:
               return $2(v2 + "Milliseconds", 3);
@@ -168,7 +174,7 @@ var require_dayjs_min = __commonJS({
         }, m2.endOf = function(t2) {
           return this.startOf(t2, false);
         }, m2.$set = function(t2, e3) {
-          var n3, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a] = f2 + "Date", n3[d] = f2 + "Date", n3[c] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s] = f2 + "Minutes", n3[i] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e3 - this.$W) : e3;
+          var n3, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a] = f2 + "Date", n3[d] = f2 + "Date", n3[c] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s2] = f2 + "Minutes", n3[i] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e3 - this.$W) : e3;
           if (o2 === c || o2 === h) {
             var y2 = this.clone().set(d, 1);
             y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
@@ -194,7 +200,7 @@ var require_dayjs_min = __commonJS({
             return y2(1);
           if ($2 === o)
             return y2(7);
-          var M3 = (d2 = {}, d2[s] = e2, d2[u] = n2, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
+          var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
           return b.w(m3, this);
         }, m2.subtract = function(t2, e3) {
           return this.add(-1 * t2, e3);
@@ -202,10 +208,10 @@ var require_dayjs_min = __commonJS({
           var e3 = this, n3 = this.$locale();
           if (!this.isValid())
             return n3.invalidDate || l;
-          var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, c2 = n3.months, f2 = n3.meridiem, h2 = function(t3, n4, i3, s3) {
-            return t3 && (t3[n4] || t3(e3, r3)) || i3[n4].slice(0, s3);
+          var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s3 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, c2 = n3.months, f2 = n3.meridiem, h2 = function(t3, n4, i3, s4) {
+            return t3 && (t3[n4] || t3(e3, r3)) || i3[n4].slice(0, s4);
           }, d2 = function(t3) {
-            return b.s(s2 % 12 || 12, t3, "0");
+            return b.s(s3 % 12 || 12, t3, "0");
           }, $2 = f2 || function(t3, e4, n4) {
             var r4 = t3 < 12 ? "AM" : "PM";
             return n4 ? r4.toLowerCase() : r4;
@@ -238,17 +244,17 @@ var require_dayjs_min = __commonJS({
                 case "dddd":
                   return o2[e3.$W];
                 case "H":
-                  return String(s2);
+                  return String(s3);
                 case "HH":
-                  return b.s(s2, 2, "0");
+                  return b.s(s3, 2, "0");
                 case "h":
                   return d2(1);
                 case "hh":
                   return d2(2);
                 case "a":
-                  return $2(s2, u2, true);
+                  return $2(s3, u2, true);
                 case "A":
-                  return $2(s2, u2, false);
+                  return $2(s3, u2, false);
                 case "m":
                   return String(u2);
                 case "mm":
@@ -290,7 +296,7 @@ var require_dayjs_min = __commonJS({
             case u:
               $2 = g2 / n2;
               break;
-            case s:
+            case s2:
               $2 = g2 / e2;
               break;
             case i:
@@ -321,7 +327,7 @@ var require_dayjs_min = __commonJS({
           return this.$d.toUTCString();
         }, M2;
       }(), k = _.prototype;
-      return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s2], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
         k[t2[1]] = function(e3) {
           return this.$g(e3, t2[0], t2[1]);
         };
@@ -342,7 +348,7 @@ var require_utc = __commonJS({
     }(exports, function() {
       "use strict";
       var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e2 = /([+-]|\d\d)/g;
-      return function(s, f, n2) {
+      return function(s2, f, n2) {
         var u = f.prototype;
         n2.utc = function(t2) {
           var i2 = { date: t2, utc: true, args: arguments };
@@ -366,23 +372,23 @@ var require_utc = __commonJS({
             r2.call(this);
         };
         var a = u.utcOffset;
-        u.utcOffset = function(s2, f2) {
+        u.utcOffset = function(s3, f2) {
           var n3 = this.$utils().u;
-          if (n3(s2))
+          if (n3(s3))
             return this.$u ? 0 : n3(this.$offset) ? a.call(this) : this.$offset;
-          if ("string" == typeof s2 && (s2 = function(t2) {
+          if ("string" == typeof s3 && (s3 = function(t2) {
             void 0 === t2 && (t2 = "");
-            var s3 = t2.match(i);
-            if (!s3)
+            var s4 = t2.match(i);
+            if (!s4)
               return null;
-            var f3 = ("" + s3[0]).match(e2) || ["-", 0, 0], n4 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            var f3 = ("" + s4[0]).match(e2) || ["-", 0, 0], n4 = f3[0], u3 = 60 * +f3[1] + +f3[2];
             return 0 === u3 ? 0 : "+" === n4 ? u3 : -u3;
-          }(s2), null === s2))
+          }(s3), null === s3))
             return this;
-          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2, o2 = this;
+          var u2 = Math.abs(s3) <= 16 ? 60 * s3 : s3, o2 = this;
           if (f2)
-            return o2.$offset = u2, o2.$u = 0 === s2, o2;
-          if (0 !== s2) {
+            return o2.$offset = u2, o2.$u = 0 === s3, o2;
+          if (0 !== s3) {
             var r3 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
             (o2 = this.local().add(u2 + r3, t)).$offset = u2, o2.$x.$localOffset = r3;
           } else
@@ -411,8 +417,8 @@ var require_utc = __commonJS({
         u.diff = function(t2, i2, e3) {
           if (t2 && this.$u === t2.$u)
             return c.call(this, t2, i2, e3);
-          var s2 = this.local(), f2 = n2(t2).local();
-          return c.call(s2, f2, i2, e3);
+          var s3 = this.local(), f2 = n2(t2).local();
+          return c.call(s3, f2, i2, e3);
         };
       };
     });
@@ -438,7 +444,7 @@ var require_timezone = __commonJS({
           return r3.formatToParts(o2);
         }, u = function(e3, n3) {
           for (var i2 = a(e3, n3), r3 = [], u2 = 0; u2 < i2.length; u2 += 1) {
-            var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+            var f2 = i2[u2], s3 = f2.type, m = f2.value, c = t[s3];
             c >= 0 && (r3[c] = parseInt(m, 10));
           }
           var d = r3[3], l = 24 === d ? 0 : d, h = r3[0] + "-" + r3[1] + "-" + r3[2] + " " + l + ":" + r3[4] + ":" + r3[5] + ":000", v = +e3;
@@ -448,8 +454,8 @@ var require_timezone = __commonJS({
           void 0 === t2 && (t2 = r2);
           var n3 = this.utcOffset(), i2 = this.toDate(), a2 = i2.toLocaleString("en-US", { timeZone: t2 }), u2 = Math.round((i2 - new Date(a2)) / 1e3 / 60), f2 = o(a2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(i2.getTimezoneOffset() / 15) - u2, true);
           if (e3) {
-            var s2 = f2.utcOffset();
-            f2 = f2.add(n3 - s2, "minute");
+            var s3 = f2.utcOffset();
+            f2 = f2.add(n3 - s3, "minute");
           }
           return f2.$x.$timezone = t2, f2;
         }, f.offsetName = function(t2) {
@@ -458,23 +464,23 @@ var require_timezone = __commonJS({
           });
           return n3 && n3.value;
         };
-        var s = f.startOf;
+        var s2 = f.startOf;
         f.startOf = function(t2, e3) {
           if (!this.$x || !this.$x.$timezone)
-            return s.call(this, t2, e3);
+            return s2.call(this, t2, e3);
           var n3 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-          return s.call(n3, t2, e3).tz(this.$x.$timezone, true);
+          return s2.call(n3, t2, e3).tz(this.$x.$timezone, true);
         }, o.tz = function(t2, e3, n3) {
           var i2 = n3 && e3, a2 = n3 || e3 || r2, f2 = u(+o(), a2);
           if ("string" != typeof t2)
             return o(t2).tz(a2);
-          var s2 = function(t3, e4, n4) {
+          var s3 = function(t3, e4, n4) {
             var i3 = t3 - 60 * e4 * 1e3, o2 = u(i3, n4);
             if (e4 === o2)
               return [i3, e4];
             var r3 = u(i3 -= 60 * (o2 - e4) * 1e3, n4);
             return o2 === r3 ? [i3, o2] : [t3 - 60 * Math.min(o2, r3) * 1e3, Math.max(o2, r3)];
-          }(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+          }(o.utc(t2, i2).valueOf(), f2, a2), m = s3[0], c = s3[1], d = o(m).utcOffset(c);
           return d.$x.$timezone = a2, d;
         }, o.tz.guess = function() {
           return Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -493,7 +499,7 @@ var import_timezone = __toESM(require_timezone(), 1);
 import_dayjs.default.extend(import_utc.default);
 import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.tz.setDefault("Etc/GMT");
-var _timeSeriesController, _adaptPropertyToController, adaptPropertyToController_fn, _maybeSliceTimeForStartEnd, maybeSliceTimeForStartEnd_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn;
+var _timeSeriesController, _adaptPropertyToController, adaptPropertyToController_fn, _maybeSliceTimeForStartEnd, maybeSliceTimeForStartEnd_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _abortDataLoad, abortDataLoad_fn;
 var TerraTimeSeries = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -512,6 +518,10 @@ var TerraTimeSeries = class extends TerraElement {
      * anytime the date range slider changes, update the start and end date
      */
     __privateAdd(this, _handleDateRangeSliderChangeEvent);
+    /**
+     * aborts the underlying data loading task, which cancels the network request
+     */
+    __privateAdd(this, _abortDataLoad);
     __privateAdd(this, _timeSeriesController, new TimeSeriesController(this));
   }
   handleCollectionUpdate(_oldValue, newValue) {
@@ -548,7 +558,7 @@ var TerraTimeSeries = class extends TerraElement {
             <terra-plot
                 exportparts="base:plot__base"
                 data="${JSON.stringify(
-      (_a = __privateGet(this, _timeSeriesController).task.value) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData
+      (_a = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData
     )}"
                 .layout="${{
       title: this.variable,
@@ -571,6 +581,15 @@ var TerraTimeSeries = class extends TerraElement {
                 end-date=${this.endDate}
                 @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
             ></terra-date-range-slider>
+
+            <dialog
+                open
+                class="${__privateGet(this, _timeSeriesController).task.status === s.PENDING ? "open" : ""}"
+            >
+                <terra-loader indeterminate></terra-loader>
+                <p>Plotting ${this.collection} ${this.variable}...</p>
+                <terra-button @click=${__privateMethod(this, _abortDataLoad, abortDataLoad_fn)}>Cancel</terra-button>
+            </dialog>
         `;
   }
 };
@@ -631,12 +650,18 @@ handleDateRangeSliderChangeEvent_fn = function(event) {
   this.startDate = event.detail.startDate;
   this.endDate = event.detail.endDate;
 };
+_abortDataLoad = new WeakSet();
+abortDataLoad_fn = function() {
+  var _a;
+  (_a = __privateGet(this, _timeSeriesController).task) == null ? void 0 : _a.abort();
+};
 TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
 TerraTimeSeries.dependencies = {
   "terra-plot": TerraPlot,
   "terra-date-range-slider": TerraDateRangeSlider,
   "terra-spatial-picker": spatial_picker_default,
-  "terra-variable-combobox": TerraVariableCombobox
+  "terra-variable-combobox": TerraVariableCombobox,
+  "terra-loader": TerraLoader
 };
 __decorateClass([
   n({ reflect: true })

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

package/{dist/chunks/chunk.TEY3I3LS.js → cdn/chunks/chunk.ABBR7BG2.js}

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

package/cdn/chunks/{chunk.ORXIH4AJ.js → chunk.BUD5WPVO.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.KQ6GR2XZ.js";
+} from "./chunk.5IDL367Z.js";
 
 // src/components/time-series/time-series.ts
 var time_series_default = TerraTimeSeries;

package/cdn/chunks/{chunk.BLFAG25A.js → chunk.CRBG3MD3.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.BHVFJEIU.js";
+} from "./chunk.U4PQZY6W.js";
 
 // src/react/loader/index.ts
 import * as React from "react";

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

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

package/cdn/chunks/{chunk.2LH52WLN.js → chunk.DCFUISO5.js}

@@ -15,7 +15,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.A23M3KZO.js";
 import {
   n,
   r

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

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

package/cdn/chunks/{chunk.PUWFHEBP.js → chunk.DXDTKB2Z.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.2WF7EATT.js";
+} from "./chunk.PP7XKOCQ.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 var variable_combobox_default = TerraVariableCombobox;

package/{dist/chunks/chunk.NA6RDAQK.js → cdn/chunks/chunk.FDLUCURB.js}

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

package/cdn/chunks/{chunk.MOL3RELR.js → chunk.FTCNGW44.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.KQ6GR2XZ.js";
+} from "./chunk.5IDL367Z.js";
 
 // src/react/time-series/index.ts
 import * as React from "react";

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

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

package/cdn/chunks/{chunk.SXUZHG2G.js → chunk.GSKNUBWS.js}

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

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

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.K3PPW47B.js";
+} from "./chunk.WU6XFJPA.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";

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

@@ -16,7 +16,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.A23M3KZO.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/cdn/chunks/{chunk.4OFE6FHL.js → chunk.LQXJYCKK.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.2LH52WLN.js";
+} from "./chunk.DCFUISO5.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.PYRUETLC.js → chunk.LVM5DSMJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.UOFDZJYP.js";
 import {
   TerraMap
-} from "./chunk.CSZAFBCJ.js";
+} from "./chunk.YPRKEZFP.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.A23M3KZO.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.VHMYUAU5.js → chunk.NSCU3Y7E.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.H4SLY4KN.js";
+} from "./chunk.A23M3KZO.js";
 import {
   n
 } from "./chunk.K4EJQG4O.js";

package/cdn/chunks/{chunk.RS4CISKV.js → chunk.NYXXSTNY.js}

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

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

@@ -5979,7 +5979,7 @@ function storeDataByKey(store, key, data) {
 // src/components/time-series/time-series.controller.ts
 var isLocalHost = globalThis.location.hostname === "localhost";
 var timeSeriesUrlTemplate = (0, import_handlebars.compile)(
-  `${isLocalHost ? "http://localhost:9000/hydro1" : "https://hydro1.gesdisc.eosdis.nasa.gov"}/daac-bin/access/timeseries.cgi?variable={{variable}}&startDate={{startDate}}&endDate={{endDate}}&location={{location}}&type=asc2`
+  `${isLocalHost ? "http://localhost:9000/hydro1" : "https://uui-test.gesdisc.eosdis.nasa.gov/api/proxy/hydro1"}/daac-bin/access/timeseries.cgi?variable={{variable}}&startDate={{startDate}}&endDate={{endDate}}&location={{location}}&type=asc2`
 );
 var plotlyDefaultData = {
   // holds the default Plotly configuration options.
@@ -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/{dist/chunks/chunk.6HHKJO37.js → cdn/chunks/chunk.OQXZR4ZX.js}

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