@nasa-terra/components 0.0.52 → 0.0.54

package/cdn/assets/data-subsetter/download_subset_files.py.txt

@@ -0,0 +1,66 @@
+"""
+Python script for downloading data from a NASA Harmony job
+
+Requirements:
+    > pip install harmony
+
+To run the script: `python download_subset_files_{{jobId}}.py`
+
+You will be prompted for your Earthdata Login (https://urs.earthdata.nasa.gov) username and password.
+
+If you would rather, you can store your EDL credentials in a .netrc file:
+    > cd ~
+    > touch .netrc
+    > echo "machine urs.earthdata.nasa.gov login uid_goes_here password password_goes_here" > .netrc
+    > chmod 0600 .netrc
+"""
+
+from harmony import Client
+from harmony.config import Environment
+import netrc
+from getpass import getpass
+
+
+def main(job_id="{{jobId}}"):
+    login, password = get_login_credentials()
+    harmony_client = Client(auth=(login, password), env=Environment.PROD)
+
+    print("Getting the subset job status from Harmony for job: ", job_id)
+    job = harmony_client.status(job_id)
+
+    if job["status"] != "successful" and job["status"] != "complete_with_errors":
+        # we need to wait for the job to complete
+        print("Waiting for the job to finish")
+        harmony_client.wait_for_processing(job_id, show_progress=True)
+
+    # get a list of the jobs data urls
+    urls = harmony_client.result_urls(job_id)
+
+    print("Downloading ", sum(1 for _ in urls), " files\n")
+
+    futures = harmony_client.download_all(job_id)
+    [f.result() for f in futures]
+
+    print("\nFinished downloading files!")
+
+
+def get_login_credentials():
+    login = None
+    password = None
+
+    try:
+        nrc = netrc.netrc()
+        login, _account, password = nrc.authenticators("urs.earthdata.nasa.gov")
+    except Exception:
+        login = None
+        password = None
+
+    if not login:
+        login = input("Earthdata Login username: ")
+        password = getpass("Password: ")
+        
+    return login, password
+
+
+if __name__ == "__main__":
+    main()

package/cdn/chunks/{chunk.XU3NXPIM.js → chunk.23M4SIVO.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.MERDVJWH.js";
 import {
   getUTCDate
-} from "./chunk.YIABHSHN.js";
+} from "./chunk.EZMKGB3F.js";
 import {
   __privateAdd,
   __privateMethod,

package/cdn/chunks/chunk.3WD5HVRH.js

@@ -0,0 +1,150 @@
+import {
+  i
+} from "./chunk.PH7RLQK2.js";
+
+// src/components/alert/alert.styles.ts
+var alert_styles_default = i`
+    :host {
+        display: contents;
+
+        /* For better DX, we'll reset the margin here so the base part can inherit it */
+        margin: 0;
+    }
+
+    .alert {
+        position: relative;
+        display: flex;
+        align-items: stretch;
+        background-color: var(--terra-panel-background-color);
+        border: solid var(--terra-panel-border-width) var(--terra-panel-border-color);
+        border-top-width: calc(var(--terra-panel-border-width) * 3);
+        border-radius: var(--terra-border-radius-medium);
+        font-family: var(--terra-font-sans);
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-normal);
+        line-height: 1.6;
+        color: var(--terra-color-neutral-700);
+        margin: inherit;
+        overflow: hidden;
+    }
+
+    .alert:not(.alert--has-icon) .alert__icon,
+    .alert:not(.alert--closable) .alert__close-button {
+        display: none;
+    }
+
+    .alert__icon {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        font-size: var(--terra-font-size-large);
+        padding-inline-start: var(--terra-spacing-large);
+    }
+
+    .alert--has-countdown {
+        border-bottom: none;
+    }
+
+    .alert--primary {
+        border-top-color: var(--terra-color-nasa-blue-shade);
+    }
+
+    .alert--primary .alert__icon {
+        color: var(--terra-color-nasa-blue-shade);
+    }
+
+    .alert--success {
+        border-top-color: var(--terra-color-success-green);
+    }
+
+    .alert--success .alert__icon {
+        color: var(--terra-color-success-green);
+    }
+
+    .alert--neutral {
+        border-top-color: var(--terra-color-neutral-600);
+    }
+
+    .alert--neutral .alert__icon {
+        color: var(--terra-color-neutral-600);
+    }
+
+    .alert--warning {
+        border-top-color: var(--terra-color-international-orange);
+    }
+
+    .alert--warning .alert__icon {
+        color: var(--terra-color-international-orange);
+    }
+
+    .alert--danger {
+        border-top-color: var(--terra-color-nasa-red);
+    }
+
+    .alert--danger .alert__icon {
+        color: var(--terra-color-nasa-red);
+    }
+
+    .alert__message {
+        flex: 1 1 auto;
+        display: block;
+        padding: var(--terra-spacing-large);
+        overflow: hidden;
+    }
+
+    .alert__close-button {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        font-size: var(--terra-font-size-medium);
+        margin-inline-end: var(--terra-spacing-medium);
+        align-self: center;
+    }
+
+    .alert__countdown {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: calc(var(--terra-panel-border-width) * 3);
+        background-color: var(--terra-panel-border-color);
+        display: flex;
+    }
+
+    .alert__countdown--ltr {
+        justify-content: flex-end;
+    }
+
+    .alert__countdown .alert__countdown-elapsed {
+        height: 100%;
+        width: 0;
+    }
+
+    .alert--primary .alert__countdown-elapsed {
+        background-color: var(--terra-color-nasa-blue-shade);
+    }
+
+    .alert--success .alert__countdown-elapsed {
+        background-color: var(--terra-color-success-green);
+    }
+
+    .alert--neutral .alert__countdown-elapsed {
+        background-color: var(--terra-color-neutral-600);
+    }
+
+    .alert--warning .alert__countdown-elapsed {
+        background-color: var(--terra-color-international-orange);
+    }
+
+    .alert--danger .alert__countdown-elapsed {
+        background-color: var(--terra-color-nasa-red);
+    }
+
+    .alert__timer {
+        display: none;
+    }
+`;
+
+export {
+  alert_styles_default
+};

package/cdn/chunks/{chunk.YNUC7HOB.js → chunk.4CGJGOCY.js}

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

package/cdn/chunks/{chunk.QIVBQSS7.js → chunk.4TLR4QQG.js}

@@ -1,35 +1,35 @@
 import {
   TerraVariableCombobox
-} from "./chunk.KHIKTIEM.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.CUGOTRF4.js";
+} from "./chunk.Y6LDYM2S.js";
 import {
   TerraTimeSeries
-} from "./chunk.2UNF3BIO.js";
+} from "./chunk.RYDOV244.js";
 import {
-  TerraDateRangeSlider
-} from "./chunk.WA7VSQ63.js";
+  TerraSpatialPicker
+} from "./chunk.XXZJFEAX.js";
 import {
   data_rods_styles_default
 } from "./chunk.2RXDDBWK.js";
 import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.6LGRNEZ7.js";
-import {
-  n,
-  r
-} from "./chunk.2FFSUM6T.js";
+  TerraDateRangeSlider
+} from "./chunk.OSJUFK2E.js";
 import {
   GiovanniVariableCatalog
-} from "./chunk.XU3NXPIM.js";
+} from "./chunk.23M4SIVO.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
 import {
   getUTCDate
-} from "./chunk.YIABHSHN.js";
+} from "./chunk.EZMKGB3F.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.C5LFHOAP.js";
+import {
+  n,
+  r
+} from "./chunk.2FFSUM6T.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.6JHIJHTB.js";
 
 // src/components/data-rods/data-rods.component.ts
-var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn;
+var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn;
 var TerraDataRods = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -52,6 +52,7 @@ var TerraDataRods = class extends TerraElement {
     __privateAdd(this, _handleDateRangeSliderChangeEvent);
     __privateAdd(this, _handleVariableChange);
     __privateAdd(this, _handleMapChange);
+    __privateAdd(this, _handleTimeSeriesDateRangeChange);
     __privateAdd(this, _catalog, new GiovanniVariableCatalog());
     // @ts-expect-error
     __privateAdd(this, _fetchVariableTask, new h(this, {
@@ -102,6 +103,7 @@ var TerraDataRods = class extends TerraElement {
                 end-date=${this.endDate}
                 location=${this.location}
                 bearer-token=${this.bearerToken}
+                @terra-date-range-change=${__privateMethod(this, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn)}
             ></terra-time-series>
 
             <terra-date-range-slider
@@ -142,6 +144,11 @@ handleMapChange_fn = function(event) {
     this.location = `${latLng.lat.toFixed(4)},${latLng.lng.toFixed(4)}`;
   }
 };
+_handleTimeSeriesDateRangeChange = new WeakSet();
+handleTimeSeriesDateRangeChange_fn = function(event) {
+  this.startDate = event.detail.startDate;
+  this.endDate = event.detail.endDate;
+};
 TerraDataRods.styles = [component_styles_default, data_rods_styles_default];
 TerraDataRods.dependencies = {
   "terra-time-series": TerraTimeSeries,

package/cdn/chunks/chunk.57MIDRIG.js

@@ -0,0 +1,264 @@
+import {
+  HasSlotController
+} from "./chunk.6OAPBJRP.js";
+import {
+  e
+} from "./chunk.YVSJQ4KD.js";
+import {
+  watch
+} from "./chunk.6MMTW476.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.C5LFHOAP.js";
+import {
+  e as e2,
+  n,
+  r
+} from "./chunk.2FFSUM6T.js";
+import {
+  alert_styles_default
+} from "./chunk.3WD5HVRH.js";
+import {
+  x
+} from "./chunk.PQFHJHNO.js";
+import {
+  __decorateClass
+} from "./chunk.6JHIJHTB.js";
+
+// src/internal/event.ts
+function waitForEvent(el, eventName) {
+  return new Promise((resolve) => {
+    function done(event) {
+      if (event.target === el) {
+        el.removeEventListener(eventName, done);
+        resolve();
+      }
+    }
+    el.addEventListener(eventName, done);
+  });
+}
+
+// src/components/alert/alert.component.ts
+var _TerraAlert = class _TerraAlert extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "icon", "suffix");
+    this.open = false;
+    this.closable = false;
+    this.variant = "primary";
+    this.duration = Infinity;
+    this.remainingTime = this.duration;
+  }
+  static get toastStack() {
+    if (!this.currentToastStack) {
+      this.currentToastStack = Object.assign(document.createElement("div"), {
+        className: "terra-toast-stack"
+      });
+    }
+    return this.currentToastStack;
+  }
+  firstUpdated() {
+    this.base.hidden = !this.open;
+  }
+  restartAutoHide() {
+    this.handleCountdownChange();
+    clearTimeout(this.autoHideTimeout);
+    clearInterval(this.remainingTimeInterval);
+    if (this.open && this.duration < Infinity) {
+      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
+      this.remainingTime = this.duration;
+      this.remainingTimeInterval = window.setInterval(() => {
+        this.remainingTime -= 100;
+      }, 100);
+    }
+  }
+  pauseAutoHide() {
+    var _a;
+    (_a = this.countdownAnimation) == null ? void 0 : _a.pause();
+    clearTimeout(this.autoHideTimeout);
+    clearInterval(this.remainingTimeInterval);
+  }
+  resumeAutoHide() {
+    var _a;
+    if (this.duration < Infinity) {
+      this.autoHideTimeout = window.setTimeout(
+        () => this.hide(),
+        this.remainingTime
+      );
+      this.remainingTimeInterval = window.setInterval(() => {
+        this.remainingTime -= 100;
+      }, 100);
+      (_a = this.countdownAnimation) == null ? void 0 : _a.play();
+    }
+  }
+  handleCountdownChange() {
+    if (this.open && this.duration < Infinity && this.countdown) {
+      const { countdownElement } = this;
+      const start = "100%";
+      const end = "0";
+      this.countdownAnimation = countdownElement.animate(
+        [{ width: start }, { width: end }],
+        {
+          duration: this.duration,
+          easing: "linear"
+        }
+      );
+    }
+  }
+  handleCloseClick() {
+    this.hide();
+  }
+  async handleOpenChange() {
+    this.base.hidden = !this.open;
+    if (this.open) {
+      this.emit("terra-show");
+      if (this.duration < Infinity) {
+        this.restartAutoHide();
+      }
+      this.emit("terra-after-show");
+    } else {
+      this.emit("terra-hide");
+      clearTimeout(this.autoHideTimeout);
+      clearInterval(this.remainingTimeInterval);
+      this.emit("terra-after-hide");
+    }
+  }
+  handleDurationChange() {
+    this.restartAutoHide();
+  }
+  /** Shows the alert. */
+  async show() {
+    if (this.open) {
+      return void 0;
+    }
+    this.open = true;
+    return waitForEvent(this, "terra-after-show");
+  }
+  /** Hides the alert */
+  async hide() {
+    if (!this.open) {
+      return void 0;
+    }
+    this.open = false;
+    return waitForEvent(this, "terra-after-hide");
+  }
+  /**
+   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+   * calling this method again. The returned promise will resolve after the alert is hidden.
+   */
+  async toast() {
+    return new Promise((resolve) => {
+      this.handleCountdownChange();
+      if (_TerraAlert.toastStack.parentElement === null) {
+        document.body.append(_TerraAlert.toastStack);
+      }
+      _TerraAlert.toastStack.appendChild(this);
+      requestAnimationFrame(() => {
+        this.clientWidth;
+        this.show();
+      });
+      this.addEventListener(
+        "terra-after-hide",
+        () => {
+          _TerraAlert.toastStack.removeChild(this);
+          resolve();
+          if (_TerraAlert.toastStack.querySelector("terra-alert") === null) {
+            _TerraAlert.toastStack.remove();
+          }
+        },
+        { once: true }
+      );
+    });
+  }
+  render() {
+    return x`
+            <div
+                part="base"
+                class=${e({
+      alert: true,
+      "alert--open": this.open,
+      "alert--closable": this.closable,
+      "alert--has-countdown": !!this.countdown,
+      "alert--has-icon": this.hasSlotController.test("icon"),
+      "alert--primary": this.variant === "primary",
+      "alert--success": this.variant === "success",
+      "alert--neutral": this.variant === "neutral",
+      "alert--warning": this.variant === "warning",
+      "alert--danger": this.variant === "danger"
+    })}
+                role="alert"
+                aria-hidden=${this.open ? "false" : "true"}
+                @mouseenter=${this.pauseAutoHide}
+                @mouseleave=${this.resumeAutoHide}
+            >
+                <div part="icon" class="alert__icon">
+                    <slot name="icon"></slot>
+                </div>
+
+                <div part="message" class="alert__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable ? x`
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleCloseClick}
+                          ></terra-icon>
+                      ` : ""}
+
+                <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+                ${this.countdown ? x`
+                          <div
+                              class=${e({
+      alert__countdown: true,
+      "alert__countdown--ltr": this.countdown === "ltr"
+    })}
+                          >
+                              <div class="alert__countdown-elapsed"></div>
+                          </div>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+_TerraAlert.styles = [component_styles_default, alert_styles_default];
+__decorateClass([
+  e2('[part~="base"]')
+], _TerraAlert.prototype, "base", 2);
+__decorateClass([
+  e2(".alert__countdown-elapsed")
+], _TerraAlert.prototype, "countdownElement", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], _TerraAlert.prototype, "open", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], _TerraAlert.prototype, "closable", 2);
+__decorateClass([
+  n({ reflect: true })
+], _TerraAlert.prototype, "variant", 2);
+__decorateClass([
+  n({ type: Number })
+], _TerraAlert.prototype, "duration", 2);
+__decorateClass([
+  n({ type: String, reflect: true })
+], _TerraAlert.prototype, "countdown", 2);
+__decorateClass([
+  r()
+], _TerraAlert.prototype, "remainingTime", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], _TerraAlert.prototype, "handleOpenChange", 1);
+__decorateClass([
+  watch("duration")
+], _TerraAlert.prototype, "handleDurationChange", 1);
+var TerraAlert = _TerraAlert;
+
+export {
+  TerraAlert
+};

package/cdn/chunks/{chunk.6NEMJOXS.js → chunk.5BO2XAMO.js}

@@ -10479,7 +10479,7 @@ var Leaflet = class {
       this.addCoordTracker();
     }
     if (options.hasNavigation) {
-      this.addDrawControl();
+      this.addDrawControl(options);
     }
     this.map.whenReady((_e) => {
       var _a;
@@ -10540,7 +10540,7 @@ var Leaflet = class {
     const coordTracker = new CoordTracker();
     coordTracker.addTo(this.map);
   }
-  addDrawControl() {
+  addDrawControl(options) {
     this.editableLayers = new L2.FeatureGroup();
     this.editableLayers.addTo(this.map);
     let drawControl = new L2.Control.Draw({
@@ -10551,8 +10551,8 @@ var Leaflet = class {
         circle: false,
         // Turns off this drawing tool
         circlemarker: false,
-        rectangle: {},
-        marker: {
+        rectangle: (options == null ? void 0 : options.hideBoundingBoxDrawTool) ? false : {},
+        marker: (options == null ? void 0 : options.hidePointSelectionDrawTool) ? false : {
           icon: L2.icon({
             iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
             iconAnchor: [15, 40],

package/cdn/chunks/chunk.5EPQ2F3Z.js

@@ -0,0 +1,27 @@
+import {
+  TerraAlert
+} from "./chunk.57MIDRIG.js";
+
+// src/react/alert/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-alert";
+TerraAlert.define("terra-alert");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraAlert,
+  react: React,
+  events: {
+    onTerraShow: "terra-show",
+    onTerraAfterShow: "terra-after-show",
+    onTerraHide: "terra-hide",
+    onTerraAfterHide: "terra-after-hide"
+  },
+  displayName: "TerraAlert"
+});
+var alert_default = reactWrapper;
+
+export {
+  alert_default
+};

package/{dist/chunks/chunk.E7WQN374.js → cdn/chunks/chunk.5R5S72WP.js}

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