@nasa-terra/components 0.0.0

package/cdn/chunks/chunk.53SMSSCB.js

@@ -0,0 +1,705 @@
+import {
+  TimeSeriesController
+} from "./chunk.6RAHIA27.js";
+import {
+  time_series_styles_default
+} from "./chunk.2YI7V6QJ.js";
+import {
+  TerraVariableCombobox
+} from "./chunk.T3YOGGMB.js";
+import {
+  spatial_picker_default
+} from "./chunk.P4XRFEY4.js";
+import {
+  TerraPlot
+} from "./chunk.7FISIUEV.js";
+import {
+  TerraDateRangeSlider
+} from "./chunk.BHXZEJO5.js";
+import {
+  watch
+} from "./chunk.IUDWCWFV.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.OFCNXAUR.js";
+import {
+  e,
+  n,
+  r
+} from "./chunk.K4EJQG4O.js";
+import {
+  x
+} from "./chunk.PQFHJHNO.js";
+import {
+  __commonJS,
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __toESM
+} from "./chunk.6QUGTGJO.js";
+
+// node_modules/dayjs/dayjs.min.js
+var require_dayjs_min = __commonJS({
+  "node_modules/dayjs/dayjs.min.js"(exports, module) {
+    !function(t, e2) {
+      "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 e3 = ["th", "st", "nd", "rd"], n3 = t2 % 100;
+        return "[" + t2 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
+      } }, m = function(t2, e3, n3) {
+        var r3 = String(t2);
+        return !r3 || r3.length >= e3 ? t2 : "" + Array(e3 + 1 - r3.length).join(n3) + t2;
+      }, v = { s: m, z: function(t2) {
+        var e3 = -t2.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
+        return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
+      }, 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);
+      }, 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$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, w = function t2(e3, n3, r3) {
+        var i2;
+        if (!e3)
+          return g;
+        if ("string" == typeof e3) {
+          var s2 = e3.toLowerCase();
+          D[s2] && (i2 = s2), n3 && (D[s2] = n3, i2 = s2);
+          var u2 = e3.split("-");
+          if (!i2 && u2.length > 1)
+            return t2(u2[0]);
+        } else {
+          var a2 = e3.name;
+          D[a2] = e3, i2 = a2;
+        }
+        return !r3 && i2 && (g = i2), i2 || !r3 && g;
+      }, O = function(t2, e3) {
+        if (S(t2))
+          return t2.clone();
+        var n3 = "object" == typeof e3 ? e3 : {};
+        return n3.date = t2, n3.args = arguments, new _(n3);
+      }, b = v;
+      b.l = w, b.i = S, b.w = function(t2, e3) {
+        return O(t2, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e3 = t3.date, n3 = t3.utc;
+            if (null === e3)
+              return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e3))
+              return /* @__PURE__ */ new Date();
+            if (e3 instanceof Date)
+              return new Date(e3);
+            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);
+              }
+            }
+            return new Date(e3);
+          }(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e3) {
+          var n3 = O(t2);
+          return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
+        }, m2.isAfter = function(t2, e3) {
+          return O(t2) < this.startOf(e3);
+        }, m2.isBefore = function(t2, e3) {
+          return this.endOf(e3) < O(t2);
+        }, m2.$g = function(t2, e3, n3) {
+          return b.u(t2) ? this[e3] : this.set(n3, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e3) {
+          var n3 = this, r3 = !!b.u(e3) || e3, f2 = b.p(t2), l2 = function(t3, e4) {
+            var i2 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t3) : new Date(n3.$y, e4, t3), n3);
+            return r3 ? i2 : i2.endOf(a);
+          }, $2 = function(t3, e4) {
+            return b.w(n3.toDate()[t3].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
+          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r3 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r3 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, 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;
+          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;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e3) {
+          return this.clone().$set(t2, e3);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r3, f2) {
+          var d2, l2 = this;
+          r3 = Number(r3);
+          var $2 = b.p(f2), y2 = function(t2) {
+            var e3 = O(l2);
+            return b.w(e3.date(e3.date() + Math.round(t2 * r3)), l2);
+          };
+          if ($2 === c)
+            return this.set(c, this.$M + r3);
+          if ($2 === h)
+            return this.set(h, this.$y + r3);
+          if ($2 === a)
+            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;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e3) {
+          return this.add(-1 * t2, e3);
+        }, m2.format = function(t2) {
+          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);
+          }, d2 = function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, $2 = f2 || function(t3, e4, n4) {
+            var r4 = t3 < 12 ? "AM" : "PM";
+            return n4 ? r4.toLowerCase() : r4;
+          };
+          return r3.replace(y, function(t3, r4) {
+            return r4 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e3.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e3.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n3.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e3.$D;
+                case "DD":
+                  return b.s(e3.$D, 2, "0");
+                case "d":
+                  return String(e3.$W);
+                case "dd":
+                  return h2(n3.weekdaysMin, e3.$W, o2, 2);
+                case "ddd":
+                  return h2(n3.weekdaysShort, e3.$W, o2, 3);
+                case "dddd":
+                  return o2[e3.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e3.$s);
+                case "ss":
+                  return b.s(e3.$s, 2, "0");
+                case "SSS":
+                  return b.s(e3.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r3, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e2, g2 = this - m3, D2 = function() {
+            return b.m(y2, m3);
+          };
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n2;
+              break;
+            case s:
+              $2 = g2 / e2;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e3) {
+          if (!t2)
+            return this.$L;
+          var n3 = this.clone(), r3 = w(t2, e3, true);
+          return r3 && (n3.$L = r3), n3;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          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) {
+        k[t2[1]] = function(e3) {
+          return this.$g(e3, t2[0], t2[1]);
+        };
+      }), O.extend = function(t2, e3) {
+        return t2.$i || (t2(e3, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/utc.js
+var require_utc = __commonJS({
+  "node_modules/dayjs/plugin/utc.js"(exports, module) {
+    !function(t, i) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = i() : "function" == typeof define && define.amd ? define(i) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_utc = i();
+    }(exports, function() {
+      "use strict";
+      var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e2 = /([+-]|\d\d)/g;
+      return function(s, f, n2) {
+        var u = f.prototype;
+        n2.utc = function(t2) {
+          var i2 = { date: t2, utc: true, args: arguments };
+          return new f(i2);
+        }, u.utc = function(i2) {
+          var e3 = n2(this.toDate(), { locale: this.$L, utc: true });
+          return i2 ? e3.add(this.utcOffset(), t) : e3;
+        }, u.local = function() {
+          return n2(this.toDate(), { locale: this.$L, utc: false });
+        };
+        var o = u.parse;
+        u.parse = function(t2) {
+          t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), o.call(this, t2);
+        };
+        var r2 = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var t2 = this.$d;
+            this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+          } else
+            r2.call(this);
+        };
+        var a = u.utcOffset;
+        u.utcOffset = function(s2, f2) {
+          var n3 = this.$utils().u;
+          if (n3(s2))
+            return this.$u ? 0 : n3(this.$offset) ? a.call(this) : this.$offset;
+          if ("string" == typeof s2 && (s2 = function(t2) {
+            void 0 === t2 && (t2 = "");
+            var s3 = t2.match(i);
+            if (!s3)
+              return null;
+            var f3 = ("" + s3[0]).match(e2) || ["-", 0, 0], n4 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            return 0 === u3 ? 0 : "+" === n4 ? u3 : -u3;
+          }(s2), null === s2))
+            return this;
+          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2, o2 = this;
+          if (f2)
+            return o2.$offset = u2, o2.$u = 0 === s2, o2;
+          if (0 !== s2) {
+            var r3 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+            (o2 = this.local().add(u2 + r3, t)).$offset = u2, o2.$x.$localOffset = r3;
+          } else
+            o2 = this.utc();
+          return o2;
+        };
+        var h = u.format;
+        u.format = function(t2) {
+          var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, i2);
+        }, u.valueOf = function() {
+          var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * t2;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var l = u.toDate;
+        u.toDate = function(t2) {
+          return "s" === t2 && this.$offset ? n2(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+        };
+        var c = u.diff;
+        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);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/timezone.js
+var require_timezone = __commonJS({
+  "node_modules/dayjs/plugin/timezone.js"(exports, module) {
+    !function(t, e2) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e2() : "function" == typeof define && define.amd ? define(e2) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_timezone = e2();
+    }(exports, function() {
+      "use strict";
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e2 = {};
+      return function(n2, i, o) {
+        var r2, a = function(t2, n3, i2) {
+          void 0 === i2 && (i2 = {});
+          var o2 = new Date(t2), r3 = function(t3, n4) {
+            void 0 === n4 && (n4 = {});
+            var i3 = n4.timeZoneName || "short", o3 = t3 + "|" + i3, r4 = e2[o3];
+            return r4 || (r4 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e2[o3] = r4), r4;
+          }(n3, i2);
+          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];
+            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;
+          return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+        }, f = i.prototype;
+        f.tz = function(t2, e3) {
+          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");
+          }
+          return f2.$x.$timezone = t2, f2;
+        }, f.offsetName = function(t2) {
+          var e3 = this.$x.$timezone || o.tz.guess(), n3 = a(this.valueOf(), e3, { timeZoneName: t2 }).find(function(t3) {
+            return "timezonename" === t3.type.toLowerCase();
+          });
+          return n3 && n3.value;
+        };
+        var s = f.startOf;
+        f.startOf = function(t2, e3) {
+          if (!this.$x || !this.$x.$timezone)
+            return s.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);
+        }, 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 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);
+          return d.$x.$timezone = a2, d;
+        }, o.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, o.tz.setDefault = function(t2) {
+          r2 = t2;
+        };
+      };
+    });
+  }
+});
+
+// src/components/time-series/time-series.component.ts
+var import_dayjs = __toESM(require_dayjs_min(), 1);
+var import_utc = __toESM(require_utc(), 1);
+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 TerraTimeSeries = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _adaptPropertyToController);
+    /**
+     * The Collection Beginning DateTime changes when a new collection is selected.
+     * We want to auto-select a reasonable slice of time and send a request to the data API, the
+     * same as if the user moved the time slider.
+     * However, if the component has the startDate or endDate set externally, don't override that;
+     * this is an init-only action.
+     */
+    __privateAdd(this, _maybeSliceTimeForStartEnd);
+    __privateAdd(this, _handleVariableChange);
+    __privateAdd(this, _handleMapChange);
+    /**
+     * anytime the date range slider changes, update the start and end date
+     */
+    __privateAdd(this, _handleDateRangeSliderChangeEvent);
+    __privateAdd(this, _timeSeriesController, new TimeSeriesController(this));
+  }
+  handleCollectionUpdate(_oldValue, newValue) {
+    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "collection", newValue);
+  }
+  handlevariableUpdate(_oldValue, newValue) {
+    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "variable", newValue);
+  }
+  handleStartDateUpdate(_oldValue, newValue) {
+    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "startDate", newValue);
+  }
+  handleEndDateUpdate(_oldValue, newValue) {
+    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "endDate", newValue);
+  }
+  handleLocationUpdate(_oldValue, newValue) {
+    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "location", newValue);
+  }
+  render() {
+    var _a;
+    return x`
+            <terra-variable-combobox
+                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
+                value=${`${this.collection}_${this.variable}`}
+                @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-plot
+                exportparts="base:plot__base"
+                data="${JSON.stringify(
+      (_a = __privateGet(this, _timeSeriesController).task.value) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData
+    )}"
+                .layout="${{
+      title: this.variable,
+      xaxis: {
+        title: "Time",
+        showgrid: false,
+        zeroline: false
+      },
+      yaxis: {
+        title: this.units,
+        showline: false
+      }
+    }}"
+            ></terra-plot>
+            <terra-date-range-slider
+                exportparts="slider:date-range-slider__slider"
+                min-date=${this.collectionBeginningDateTime}
+                max-date=${this.collectionEndingDateTime}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
+            ></terra-date-range-slider>
+        `;
+  }
+};
+_timeSeriesController = new WeakMap();
+_adaptPropertyToController = new WeakSet();
+adaptPropertyToController_fn = function(property, value) {
+  switch (property) {
+    case "startDate":
+    case "endDate":
+      __privateGet(this, _timeSeriesController)[property] = import_dayjs.default.utc(value).toDate();
+      break;
+    case "location":
+      const [lat, lon] = value.split(",");
+      __privateGet(this, _timeSeriesController)[property] = `${lon},%20${lat}`;
+      break;
+    default:
+      __privateGet(this, _timeSeriesController)[property] = value;
+      break;
+  }
+  __privateGet(this, _timeSeriesController).task.run();
+};
+_maybeSliceTimeForStartEnd = new WeakSet();
+maybeSliceTimeForStartEnd_fn = function() {
+  const hasExternallySetDates = !!this.startDate || !!this.endDate;
+  const hasBothDatesFromCollection = !!this.collectionBeginningDateTime && !!this.collectionEndingDateTime;
+  if (hasExternallySetDates || !hasBothDatesFromCollection) {
+    return;
+  }
+  const diff = Math.abs(
+    new Date(this.collectionEndingDateTime).getTime() - new Date(this.collectionBeginningDateTime).getTime()
+  );
+  const threeQuarterRange = Math.floor(diff * 0.75);
+  const startDate = Math.abs(
+    new Date(this.collectionBeginningDateTime).getTime() + threeQuarterRange
+  );
+  this.startDate = import_dayjs.default.utc(startDate).format();
+  this.endDate = import_dayjs.default.utc(this.collectionEndingDateTime).format();
+};
+_handleVariableChange = new WeakSet();
+handleVariableChange_fn = function(event) {
+  this.collectionBeginningDateTime = import_dayjs.default.utc().format(event.detail.collectionBeginningDateTime);
+  this.collectionEndingDateTime = import_dayjs.default.utc().format(event.detail.collectionEndingDateTime);
+  __privateMethod(this, _maybeSliceTimeForStartEnd, maybeSliceTimeForStartEnd_fn).call(this);
+  this.collection = `${event.detail.collectionShortName}_${event.detail.collectionVersion}`;
+  this.variable = event.detail.name;
+  this.units = event.detail.name;
+};
+_handleMapChange = new WeakSet();
+handleMapChange_fn = function(event) {
+  const type = event.detail.geoJson.geometry.type;
+  if (type === "Point") {
+    const { latLng } = event.detail;
+    this.location = `${latLng.lng},${latLng.lat}`;
+  }
+};
+_handleDateRangeSliderChangeEvent = new WeakSet();
+handleDateRangeSliderChangeEvent_fn = function(event) {
+  this.startDate = event.detail.startDate;
+  this.endDate = event.detail.endDate;
+};
+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
+};
+__decorateClass([
+  n({ reflect: true })
+], TerraTimeSeries.prototype, "collection", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTimeSeries.prototype, "variable", 2);
+__decorateClass([
+  n({
+    attribute: "start-date",
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "startDate", 2);
+__decorateClass([
+  n({
+    attribute: "end-date",
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "endDate", 2);
+__decorateClass([
+  n({
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "location", 2);
+__decorateClass([
+  n({
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "units", 2);
+__decorateClass([
+  e("terra-date-range-slider")
+], TerraTimeSeries.prototype, "dateRangeSlider", 2);
+__decorateClass([
+  e("terra-plot")
+], TerraTimeSeries.prototype, "plot", 2);
+__decorateClass([
+  e("terra-spatial-picker")
+], TerraTimeSeries.prototype, "spatialPicker", 2);
+__decorateClass([
+  e("terra-variable-combobo")
+], TerraTimeSeries.prototype, "variableCombobox", 2);
+__decorateClass([
+  r()
+], TerraTimeSeries.prototype, "collectionBeginningDateTime", 2);
+__decorateClass([
+  r()
+], TerraTimeSeries.prototype, "collectionEndingDateTime", 2);
+__decorateClass([
+  watch("collection")
+], TerraTimeSeries.prototype, "handleCollectionUpdate", 1);
+__decorateClass([
+  watch("variable")
+], TerraTimeSeries.prototype, "handlevariableUpdate", 1);
+__decorateClass([
+  watch("startDate")
+], TerraTimeSeries.prototype, "handleStartDateUpdate", 1);
+__decorateClass([
+  watch("endDate")
+], TerraTimeSeries.prototype, "handleEndDateUpdate", 1);
+__decorateClass([
+  watch("location")
+], TerraTimeSeries.prototype, "handleLocationUpdate", 1);
+
+export {
+  TerraTimeSeries
+};