@nasa-terra/components 0.0.1 → 0.0.3

package/cdn/chunks/{chunk.M25XJ2VR.js → chunk.LBKLXTIO.js}

@@ -1,28 +1,34 @@
 import {
   TimeSeriesController
-} from "./chunk.JV6B7CXO.js";
+} from "./chunk.2LF7SMGQ.js";
 import {
   time_series_styles_default
-} from "./chunk.2YI7V6QJ.js";
+} from "./chunk.SBDX4GGT.js";
 import {
   TerraVariableCombobox
-} from "./chunk.RBKBAQOH.js";
+} from "./chunk.A3BJQZCH.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
 import {
   spatial_picker_default
-} from "./chunk.ZAHTEXVC.js";
+} from "./chunk.LIQU3FGS.js";
+import {
+  TerraDateRangeSlider
+} from "./chunk.JE7ZZRL6.js";
 import {
   TerraPlot
-} from "./chunk.KVY2Y3KE.js";
+} from "./chunk.4D2G6L4V.js";
 import {
-  TerraDateRangeSlider
-} from "./chunk.2B4YBQ5O.js";
+  TerraLoader
+} from "./chunk.K6YHM5TZ.js";
 import {
   watch
 } from "./chunk.IUDWCWFV.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.VEUDIPUW.js";
+} from "./chunk.FS5IKMJD.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.QQ33BJLG.js → chunk.LHW6ZEEG.js}

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

package/{dist/chunks/chunk.IP3XWLQI.js → cdn/chunks/chunk.LIQU3FGS.js}

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

package/cdn/chunks/{chunk.MIAPAPCI.js → chunk.LT6GFPPN.js}

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

package/cdn/chunks/{chunk.FZT3BVW7.js → chunk.M4QB4Z2D.js}

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

package/cdn/chunks/{chunk.R3AE5AQ5.js → chunk.ON2RU4HZ.js}

@@ -1,16 +1,16 @@
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
+import {
+  chip_styles_default
+} from "./chunk.YW2OER7Y.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.VEUDIPUW.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   n
 } from "./chunk.K4EJQG4O.js";
-import {
-  chip_styles_default
-} from "./chunk.YW2OER7Y.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";

package/cdn/chunks/{chunk.UQVPFKN3.js → chunk.ONGS57TV.js}

@@ -1,9 +1,3 @@
-import {
-  MapController
-} from "./chunk.KPXFSE3J.js";
-import {
-  map_styles_default
-} from "./chunk.L7XOR6JZ.js";
 import {
   leaflet_draw_styles_default
 } from "./chunk.KJ4BZBTX.js";
@@ -13,6 +7,12 @@ import {
 import {
   leaflet_styles_default
 } from "./chunk.VHHIJXG2.js";
+import {
+  MapController
+} from "./chunk.KPXFSE3J.js";
+import {
+  map_styles_default
+} from "./chunk.L7XOR6JZ.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.VEUDIPUW.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.DQGFAA4K.js → chunk.PDXFKRVY.js}

@@ -13,9 +13,6 @@ import {
 import {
   o
 } from "./chunk.QEA4QW6G.js";
-import {
-  combobox_styles_default
-} from "./chunk.IBV3HXI5.js";
 import {
   clearSelection,
   walkToOption
@@ -26,11 +23,14 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.VEUDIPUW.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   n,
   r
 } from "./chunk.K4EJQG4O.js";
+import {
+  combobox_styles_default
+} from "./chunk.IBV3HXI5.js";
 import {
   T,
   s,

package/cdn/chunks/{chunk.MQ5JNQCQ.js → chunk.PM3G4HWU.js}

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

package/{dist/chunks/chunk.IEU4MULT.js → cdn/chunks/chunk.PS5CJCUL.js}

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

package/cdn/chunks/{chunk.FXIUS5TR.js → chunk.RXDN2NM7.js}

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

package/cdn/chunks/{chunk.2YI7V6QJ.js → chunk.SBDX4GGT.js}

@@ -35,6 +35,30 @@ var time_series_styles_default = i`
     terra-spatial-picker::part(leaflet-edit) {
         display: none;
     }
+
+    .plot-container {
+        position: relative;
+    }
+
+    dialog {
+        opacity: 0;
+        transition: all 0.15s ease-out;
+        transition-delay: 0.4s; /* a short delay, to allow local results to be displayed without a loading icon */
+        position: absolute;
+        top: 20%;
+        left: 0;
+        z-index: 100;
+    }
+
+    dialog.open {
+        opacity: 1;
+    }
+
+    @starting-style {
+        dialog.open {
+            opacity: 0;
+        }
+    }
 `;
 
 export {

package/cdn/chunks/{chunk.ZQ5WJYY5.js → chunk.SNTGQTAS.js}

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

package/cdn/chunks/{chunk.RVJP24KU.js → chunk.U5J3OV4V.js}

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

package/cdn/chunks/{chunk.2O76GCUZ.js → chunk.X56PW5HS.js}

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

package/cdn/chunks/{chunk.J576Q62R.js → chunk.XQOP7YET.js}

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

package/cdn/chunks/{chunk.IO4MLLEG.js → chunk.XZEK52FD.js}

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

package/cdn/chunks/{chunk.KXLY6BVH.js → chunk.ZO75EFUN.js}

@@ -1,9 +1,9 @@
-import {
-  TerraMap
-} from "./chunk.UQVPFKN3.js";
 import {
   spatial_picker_styles_default
 } from "./chunk.UOFDZJYP.js";
+import {
+  TerraMap
+} from "./chunk.ONGS57TV.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.VEUDIPUW.js";
+} from "./chunk.FS5IKMJD.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.WNRL2JWN.js → chunk.ZUGL2FNZ.js}

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

package/cdn/components/button/button.component.js

@@ -1,13 +1,13 @@
 import {
   TerraButton
-} from "../../chunks/chunk.TV2NZLRC.js";
+} from "../../chunks/chunk.B2HOKF44.js";
 import "../../chunks/chunk.GNSDRDLV.js";
 import "../../chunks/chunk.BT4IJCQK.js";
-import "../../chunks/chunk.IUDWCWFV.js";
 import "../../chunks/chunk.NTB4EIFE.js";
 import "../../chunks/chunk.YVSJQ4KD.js";
+import "../../chunks/chunk.IUDWCWFV.js";
 import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.VEUDIPUW.js";
+import "../../chunks/chunk.FS5IKMJD.js";
 import "../../chunks/chunk.K4EJQG4O.js";
 import "../../chunks/chunk.PQFHJHNO.js";
 import "../../chunks/chunk.PH7RLQK2.js";

package/cdn/components/button/button.js

@@ -1,14 +1,14 @@
 import {
   button_default
-} from "../../chunks/chunk.OLCGKQR3.js";
-import "../../chunks/chunk.TV2NZLRC.js";
+} from "../../chunks/chunk.3JODJSTO.js";
+import "../../chunks/chunk.B2HOKF44.js";
 import "../../chunks/chunk.GNSDRDLV.js";
 import "../../chunks/chunk.BT4IJCQK.js";
-import "../../chunks/chunk.IUDWCWFV.js";
 import "../../chunks/chunk.NTB4EIFE.js";
 import "../../chunks/chunk.YVSJQ4KD.js";
+import "../../chunks/chunk.IUDWCWFV.js";
 import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.VEUDIPUW.js";
+import "../../chunks/chunk.FS5IKMJD.js";
 import "../../chunks/chunk.K4EJQG4O.js";
 import "../../chunks/chunk.PQFHJHNO.js";
 import "../../chunks/chunk.PH7RLQK2.js";

package/cdn/components/chip/chip.component.js

@@ -1,11 +1,11 @@
 import {
   TerraChip
-} from "../../chunks/chunk.R3AE5AQ5.js";
+} from "../../chunks/chunk.ON2RU4HZ.js";
 import "../../chunks/chunk.YVSJQ4KD.js";
+import "../../chunks/chunk.YW2OER7Y.js";
 import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.VEUDIPUW.js";
+import "../../chunks/chunk.FS5IKMJD.js";
 import "../../chunks/chunk.K4EJQG4O.js";
-import "../../chunks/chunk.YW2OER7Y.js";
 import "../../chunks/chunk.PQFHJHNO.js";
 import "../../chunks/chunk.PH7RLQK2.js";
 import "../../chunks/chunk.6QUGTGJO.js";