@nasa-terra/components 0.0.52 → 0.0.53

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.AZDOQAD2.js → chunk.223WZP6H.js}

@@ -1,10 +1,13 @@
 import {
   date_picker_styles_default
-} from "./chunk.XHHFBPQM.js";
+} from "./chunk.PSAJO4PE.js";
+import {
+  TerraButton
+} from "./chunk.ZQDMMP6X.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.FS3ZYOYJ.js";
 import {
   e,
   n
@@ -3592,6 +3595,9 @@ var TerraDatePicker = class extends TerraElement {
   }
   firstUpdated() {
     this.flatpickrElement.addEventListener("change", this.handleChange.bind(this));
+    setTimeout(() => {
+      this.flatpickrElement.shadowRoot.querySelector("input").addEventListener("blur", this.handleBlur.bind(this));
+    }, 250);
   }
   handleChange(selectedDates) {
     var _a, _b;
@@ -3601,6 +3607,9 @@ var TerraDatePicker = class extends TerraElement {
     };
     this.emit("terra-change");
   }
+  handleBlur() {
+    this.handleChange(this.flatpickrElement._instance.selectedDates);
+  }
   render() {
     return x`
             <div class="date-picker">
@@ -3618,7 +3627,7 @@ var TerraDatePicker = class extends TerraElement {
                         .maxDate=${this.maxDate}
                         .defaultDate=${this.range ? [this.startDate, this.endDate].filter(
       Boolean
-    ) : this.startDate}
+    ) : this.defaultDate}
                         .allowInput=${this.allowInput}
                         .altFormat=${this.altFormat}
                         .altInput=${this.altInput}
@@ -3633,10 +3642,12 @@ var TerraDatePicker = class extends TerraElement {
                         theme="material_blue"
                         .onChange="${this.handleChange.bind(this)}"
                     ></lit-flatpickr>
-                    <button
+                    <terra-button
+                        shape="square-left"
+                        size="medium"
                         class="date-picker__input_icon_button"
-                        type="button"
                         @click=${() => this.flatpickrElement.open()}
+                        type="button"
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
@@ -3652,13 +3663,16 @@ var TerraDatePicker = class extends TerraElement {
                                 d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
                             />
                         </svg>
-                    </button>
+                    </terra-button>
                 </div>
             </div>
         `;
   }
 };
 TerraDatePicker.styles = [component_styles_default, date_picker_styles_default];
+TerraDatePicker.dependencies = {
+  "terra-button": TerraButton
+};
 __decorateClass([
   n()
 ], TerraDatePicker.prototype, "id", 2);
@@ -3677,6 +3691,9 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "end-date" })
 ], TerraDatePicker.prototype, "endDate", 2);
+__decorateClass([
+  n({ attribute: "default-date" })
+], TerraDatePicker.prototype, "defaultDate", 2);
 __decorateClass([
   n({ type: Boolean, attribute: "allow-input" })
 ], TerraDatePicker.prototype, "allowInput", 2);

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.WA7VSQ63.js → chunk.25HVLP5F.js}

@@ -1,6 +1,6 @@
 import {
   format
-} from "./chunk.K6GAF43H.js";
+} from "./chunk.FCGFGTMF.js";
 import {
   date_range_slider_styles_default
 } from "./chunk.WTMN7OUL.js";
@@ -13,14 +13,14 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.FS3ZYOYJ.js";
 import {
   e,
   n
 } from "./chunk.2FFSUM6T.js";
 import {
   isValidDate
-} from "./chunk.YIABHSHN.js";
+} from "./chunk.EZMKGB3F.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";

package/cdn/chunks/{chunk.CUGOTRF4.js → chunk.2TPQ7A7J.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.7ZVIGV6V.js";
+} from "./chunk.R24K6QI4.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.6NEMJOXS.js";
+} from "./chunk.5BO2XAMO.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.FS3ZYOYJ.js";
 import {
   e,
   n,
@@ -135,11 +135,14 @@ var TerraSpatialPicker = class extends TerraElement {
             .value=${this.mapValue}
             ?has-navigation=${this.hasNavigation}
             ?has-shape-selector=${this.hasShapeSelector}
+            ?hide-bounding-box-selection=${this.hideBoundingBoxSelection}
+            ?hide-point-selection=${this.hidePointSelection}
             @terra-map-change=${this._handleMapChange}
         >
         </terra-map>`;
   }
   render() {
+    const expanded = this.inline ? true : this.isExpanded;
     return x`
             <div class="spatial-picker">
                 <label
@@ -155,7 +158,7 @@ var TerraSpatialPicker = class extends TerraElement {
                         class="spatial-picker__input form-control"
                         placeholder="${this.spatialConstraints}"
                         aria-controls="map"
-                        aria-expanded=${this.isExpanded}
+                        aria-expanded=${expanded}
                         @blur=${this._blur}
                         @focus=${this._focus}
                     />
@@ -181,7 +184,11 @@ var TerraSpatialPicker = class extends TerraElement {
                         </svg>
                     </terra-button>
                 </div>
-                ${this.isExpanded ? this.renderMap() : T}
+                ${expanded ? x`<div
+                          style="${this.inline ? "position: static; width: 100%;" : ""}"
+                      >
+                          ${this.renderMap()}
+                      </div>` : T}
             </div>
         `;
   }
@@ -208,6 +215,12 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "has-shape-selector", type: Boolean })
 ], TerraSpatialPicker.prototype, "hasShapeSelector", 2);
+__decorateClass([
+  n({ attribute: "hide-bounding-box-selection", type: Boolean })
+], TerraSpatialPicker.prototype, "hideBoundingBoxSelection", 2);
+__decorateClass([
+  n({ attribute: "hide-point-selection", type: Boolean })
+], TerraSpatialPicker.prototype, "hidePointSelection", 2);
 __decorateClass([
   n({ attribute: "initial-value" })
 ], TerraSpatialPicker.prototype, "initialValue", 2);

package/cdn/chunks/chunk.2UDWV64G.js

@@ -0,0 +1,269 @@
+import {
+  alert_styles_default
+} from "./chunk.QIVU3UVU.js";
+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.FS3ZYOYJ.js";
+import {
+  e as e2,
+  n,
+  r
+} from "./chunk.2FFSUM6T.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 define(tag = "terra-alert") {
+    if (!customElements.get(tag)) {
+      customElements.define(tag, this);
+    }
+  }
+  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() {
+    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`
+                          <button
+                              class="terra-alert__close-button"
+                              @click=${this.handleCloseClick}
+                              aria-label="Close"
+                          >
+                              x
+                          </button>
+                      ` : ""}
+
+                <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.3C36QKV5.js → chunk.32W6J6AF.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.FS3ZYOYJ.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.43R5EAVL.js → chunk.3EMZ7G5B.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.H7IOI7PF.js";
+} from "./chunk.XYM7DLPS.js";
 
 // src/react/variable-keyword-search/index.ts
 import * as React from "react";

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

@@ -0,0 +1,11 @@
+import {
+  TerraAlert
+} from "./chunk.2UDWV64G.js";
+
+// src/components/alert/alert.ts
+var alert_default = TerraAlert;
+TerraAlert.define("terra-button");
+
+export {
+  alert_default
+};

package/{dist/chunks/chunk.GUGDC67O.js → cdn/chunks/chunk.4YQZGKJ7.js}

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

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/{dist/chunks/chunk.E7WQN374.js → cdn/chunks/chunk.5DKQRBZN.js}

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

package/cdn/chunks/{chunk.6QZW2ION.js → chunk.5IE6WY2F.js}

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

package/cdn/chunks/{chunk.UR52WPUB.js → chunk.66O6GDYQ.js}

@@ -1,23 +1,23 @@
+import {
+  loader_default
+} from "./chunk.UKQCOWLU.js";
 import {
   login_styles_default
 } from "./chunk.5P7TDN4M.js";
-import {
-  loader_default
-} from "./chunk.JE2FCOKF.js";
 import {
   icon_default
-} from "./chunk.XR376PMT.js";
+} from "./chunk.HDUTNK76.js";
+import {
+  button_default
+} from "./chunk.PYENVYVD.js";
 import {
   e,
   n
-} from "./chunk.2XCNCXGV.js";
-import {
-  button_default
-} from "./chunk.NCUMG4CT.js";
+} from "./chunk.262RZKG2.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.FS3ZYOYJ.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";

package/cdn/chunks/{chunk.YNUC7HOB.js → chunk.6HMN7UIZ.js}

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