@nasa-terra/components 0.0.66 → 0.0.68

package/dist/chunks/chunk.B6JXOXP5.js

@@ -0,0 +1,348 @@
+import {
+  TimeSeriesController
+} from "./chunk.T53RBNNE.js";
+import {
+  time_series_styles_default
+} from "./chunk.QQQ2BD4U.js";
+import {
+  TerraPlot
+} from "./chunk.GUYBX63F.js";
+import {
+  TerraPlotToolbar
+} from "./chunk.FNTPKP6P.js";
+import {
+  AuthController
+} from "./chunk.KIC5ZCAM.js";
+import {
+  TerraLoader
+} from "./chunk.UDCRU3NE.js";
+import {
+  TerraButton
+} from "./chunk.PAJVTERU.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.JUQDLDHB.js";
+import {
+  formatDate
+} from "./chunk.IC4T7CZD.js";
+import {
+  TerraAlert
+} from "./chunk.UZZDJISQ.js";
+import {
+  TerraIcon
+} from "./chunk.2AIVKD54.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.O6SXSDFR.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/time-series/time-series.component.ts
+import { html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { Task, TaskStatus } from "@lit/task";
+import { cache } from "lit/directives/cache.js";
+var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _handleComponentLeave, handleComponentLeave_fn, _getYAxisLabel, getYAxisLabel_fn, _handlePlotRelayout, handlePlotRelayout_fn;
+var TerraTimeSeries = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _confirmDataPointWarning);
+    __privateAdd(this, _cancelDataPointWarning);
+    /**
+     * aborts the underlying data loading task, which cancels the network request
+     */
+    __privateAdd(this, _abortDataLoad);
+    __privateAdd(this, _handleComponentLeave);
+    __privateAdd(this, _getYAxisLabel);
+    __privateAdd(this, _handlePlotRelayout);
+    __privateAdd(this, _timeSeriesController, void 0);
+    this.quotaExceededOpen = false;
+    this.showDataPointWarning = false;
+    this.estimatedDataPoints = 0;
+    __privateAdd(this, _catalog, new GiovanniVariableCatalog());
+    this._authController = new AuthController(this);
+    // @ts-expect-error
+    __privateAdd(this, _fetchVariableTask, new Task(this, {
+      task: async (_args, { signal }) => {
+        var _a, _b, _c, _d;
+        const variableEntryId = this.getVariableEntryId();
+        console.debug("fetch variable ", variableEntryId);
+        if (!variableEntryId) {
+          return;
+        }
+        const variable = await __privateGet(this, _catalog).getVariable(variableEntryId, {
+          signal
+        });
+        console.debug("found variable ", variable);
+        if (!variable) {
+          return;
+        }
+        this.startDate = (_b = this.startDate) != null ? _b : (_a = variable.exampleInitialStartDate) == null ? void 0 : _a.toISOString();
+        this.endDate = (_d = this.endDate) != null ? _d : (_c = variable.exampleInitialEndDate) == null ? void 0 : _c.toISOString();
+        this.catalogVariable = variable;
+      },
+      args: () => [this.variableEntryId, this.collection, this.variable]
+    }));
+    __privateAdd(this, _handleQuotaError, (event) => {
+      const { status } = event.detail;
+      if (status === 429) {
+        this.quotaExceededOpen = true;
+      }
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
+    __privateSet(this, _timeSeriesController, new TimeSeriesController(this));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
+  }
+  render() {
+    var _a, _b, _c;
+    return html`
+            <div class="plot-container" @mouseleave=${__privateMethod(this, _handleComponentLeave, handleComponentLeave_fn)}>
+                ${this.quotaExceededOpen ? html`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${() => this.quotaExceededOpen = false}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              You've exceeded your request quota. Please
+                              <a
+                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
+                                  >contact the help desk</a
+                              >
+                              for further assistance.
+                          </terra-alert>
+                      ` : ""}
+                ${cache(
+      this.catalogVariable ? html`<terra-plot-toolbar
+                              .catalogVariable=${this.catalogVariable}
+                              .plot=${this.plot}
+                              .timeSeriesData=${(_a = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${__privateGet(this, _timeSeriesController).getCacheKey()}
+                              .variableEntryId=${this.variableEntryId}
+                          ></terra-plot-toolbar>` : html`<div class="spacer"></div>`
+    )}
+
+                <terra-plot
+                    exportparts="base:plot__base, plot-title:plot__title"
+                    .data=${(_b = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _b : __privateGet(this, _timeSeriesController).emptyPlotData}
+                    .layout="${{
+      xaxis: {
+        title: "Time",
+        showgrid: false,
+        zeroline: false,
+        range: (
+          // manually set the range as we may adjust it when we fetch new data as a user pans/zooms the plot
+          this.startDate && this.endDate ? [this.startDate, this.endDate] : void 0
+        )
+      },
+      yaxis: {
+        title: __privateMethod(this, _getYAxisLabel, getYAxisLabel_fn).call(this),
+        showline: false
+      },
+      title: {
+        text: this.catalogVariable && this.location ? `${this.catalogVariable.dataProductShortName} @ ${this.location}` : null
+      }
+    }}"
+                    .config=${{
+      displayModeBar: true,
+      displaylogo: false,
+      modeBarButtonsToRemove: ["toImage", "zoom2d", "resetScale2d"],
+      responsive: true
+    }}
+                    @terra-plot-relayout=${__privateMethod(this, _handlePlotRelayout, handlePlotRelayout_fn)}
+                ></terra-plot>
+            </div>
+
+            <dialog
+                ?open=${__privateGet(this, _timeSeriesController).task.status === TaskStatus.PENDING}
+            >
+                <terra-loader indeterminate></terra-loader>
+                <p>Plotting ${(_c = this.catalogVariable) == null ? void 0 : _c.dataFieldId}&hellip;</p>
+                <terra-button @click=${__privateMethod(this, _abortDataLoad, abortDataLoad_fn)}>Cancel</terra-button>
+            </dialog>
+
+            <dialog ?open=${this.showDataPointWarning} class="quota-dialog">
+                <h2>This is a large request</h2>
+
+                <p>
+                    You are requesting approximately
+                    ${this.estimatedDataPoints.toLocaleString()} data points.
+                </p>
+
+                <p>
+                    Requesting large amounts of data may cause you to reach your
+                    monthly quota limit.
+                </p>
+
+                <p>Would you still like to proceed with this request?</p>
+
+                <div class="dialog-buttons">
+                    <terra-button
+                        @click=${__privateMethod(this, _cancelDataPointWarning, cancelDataPointWarning_fn)}
+                        variant="default"
+                    >
+                        Cancel
+                    </terra-button>
+
+                    <terra-button
+                        @click=${__privateMethod(this, _confirmDataPointWarning, confirmDataPointWarning_fn)}
+                        variant="primary"
+                    >
+                        Proceed
+                    </terra-button>
+                </div>
+            </dialog>
+        `;
+  }
+  getVariableEntryId() {
+    var _a;
+    if (!this.variableEntryId && !(this.collection && this.variable)) {
+      return;
+    }
+    return (_a = this.variableEntryId) != null ? _a : `${this.collection}_${this.variable}`;
+  }
+};
+_timeSeriesController = new WeakMap();
+_catalog = new WeakMap();
+_fetchVariableTask = new WeakMap();
+_handleQuotaError = new WeakMap();
+_confirmDataPointWarning = new WeakSet();
+confirmDataPointWarning_fn = function() {
+  __privateGet(this, _timeSeriesController).confirmDataPointWarning();
+  __privateGet(this, _timeSeriesController).task.run();
+};
+_cancelDataPointWarning = new WeakSet();
+cancelDataPointWarning_fn = function() {
+  this.showDataPointWarning = false;
+};
+_abortDataLoad = new WeakSet();
+abortDataLoad_fn = function() {
+  var _a;
+  (_a = __privateGet(this, _timeSeriesController).task) == null ? void 0 : _a.abort();
+};
+_handleComponentLeave = new WeakSet();
+handleComponentLeave_fn = function(event) {
+  var _a;
+  const relatedTarget = event.relatedTarget;
+  if (!this.contains(relatedTarget)) {
+    (_a = this.plotToolbar) == null ? void 0 : _a.closeMenu();
+  }
+};
+_getYAxisLabel = new WeakSet();
+getYAxisLabel_fn = function() {
+  if (!this.catalogVariable) {
+    return;
+  }
+  return [this.catalogVariable.dataFieldUnits].filter(Boolean).join(", ");
+};
+_handlePlotRelayout = new WeakSet();
+handlePlotRelayout_fn = function(e) {
+  let changed = false;
+  if (e.detail.xAxisMin) {
+    this.startDate = formatDate(e.detail.xAxisMin);
+    changed = true;
+  }
+  if (e.detail.xAxisMax) {
+    this.endDate = formatDate(e.detail.xAxisMax);
+    changed = true;
+  }
+  if (changed) {
+    this.dispatchEvent(
+      new CustomEvent("terra-date-range-change", {
+        detail: {
+          startDate: this.startDate,
+          endDate: this.endDate
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
+TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
+TerraTimeSeries.dependencies = {
+  "terra-plot": TerraPlot,
+  "terra-loader": TerraLoader,
+  "terra-icon": TerraIcon,
+  "terra-button": TerraButton,
+  "terra-alert": TerraAlert,
+  "terra-plot-toolbar": TerraPlotToolbar
+};
+__decorateClass([
+  property({ attribute: "variable-entry-id", reflect: true })
+], TerraTimeSeries.prototype, "variableEntryId", 2);
+__decorateClass([
+  property({ reflect: true })
+], TerraTimeSeries.prototype, "collection", 2);
+__decorateClass([
+  property({ reflect: true })
+], TerraTimeSeries.prototype, "variable", 2);
+__decorateClass([
+  property({
+    attribute: "start-date",
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "startDate", 2);
+__decorateClass([
+  property({
+    attribute: "end-date",
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "endDate", 2);
+__decorateClass([
+  property({
+    reflect: true
+  })
+], TerraTimeSeries.prototype, "location", 2);
+__decorateClass([
+  property({ attribute: "bearer-token", reflect: false })
+], TerraTimeSeries.prototype, "bearerToken", 2);
+__decorateClass([
+  query("terra-plot")
+], TerraTimeSeries.prototype, "plot", 2);
+__decorateClass([
+  query("terra-plot-toolbar")
+], TerraTimeSeries.prototype, "plotToolbar", 2);
+__decorateClass([
+  state()
+], TerraTimeSeries.prototype, "catalogVariable", 2);
+__decorateClass([
+  state()
+], TerraTimeSeries.prototype, "quotaExceededOpen", 2);
+__decorateClass([
+  state()
+], TerraTimeSeries.prototype, "showDataPointWarning", 2);
+__decorateClass([
+  state()
+], TerraTimeSeries.prototype, "estimatedDataPoints", 2);
+
+export {
+  TerraTimeSeries
+};

package/dist/chunks/chunk.BRVCFRLF.js

@@ -0,0 +1,21 @@
+import {
+  TerraMap
+} from "./chunk.GL5HOXON.js";
+
+// src/react/map/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-map";
+TerraMap.define("terra-map");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraMap,
+  react: React,
+  events: {},
+  displayName: "TerraMap"
+});
+var map_default = reactWrapper;
+
+export {
+  map_default
+};

package/dist/chunks/chunk.CA2ZDE2M.js

@@ -0,0 +1,11 @@
+import {
+  TerraButton
+} from "./chunk.PAJVTERU.js";
+
+// src/components/button/button.ts
+var button_default = TerraButton;
+TerraButton.define("terra-button");
+
+export {
+  button_default
+};

package/dist/chunks/chunk.CDJJZBFH.js

@@ -0,0 +1,21 @@
+import {
+  TerraCombobox
+} from "./chunk.M3SLDTSE.js";
+
+// src/react/combobox/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-combobox";
+TerraCombobox.define("terra-combobox");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraCombobox,
+  react: React,
+  events: {},
+  displayName: "TerraCombobox"
+});
+var combobox_default = reactWrapper;
+
+export {
+  combobox_default
+};

package/dist/chunks/chunk.E4HHQCTB.js

@@ -0,0 +1,25 @@
+import {
+  TerraIcon
+} from "./chunk.UTXEG3QD.js";
+
+// src/react/icon/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-icon";
+TerraIcon.define("terra-icon");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraIcon,
+  react: React,
+  events: {
+    onTerraLoad: "terra-load",
+    onTerraError: "terra-error"
+  },
+  displayName: "TerraIcon"
+});
+var icon_default = reactWrapper;
+
+export {
+  icon_default
+};

package/dist/chunks/chunk.EBJUC35J.js

@@ -0,0 +1,11 @@
+import {
+  TerraPlotToolbar
+} from "./chunk.FNTPKP6P.js";
+
+// src/components/plot-toolbar/plot-toolbar.ts
+var plot_toolbar_default = TerraPlotToolbar;
+TerraPlotToolbar.define("terra-plot-toolbar");
+
+export {
+  plot_toolbar_default
+};

package/dist/chunks/chunk.EFBCCYOG.js

@@ -0,0 +1,21 @@
+import {
+  TerraButton
+} from "./chunk.VO4JJ7CZ.js";
+
+// src/react/button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-button";
+TerraButton.define("terra-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraButton,
+  react: React,
+  events: {},
+  displayName: "TerraButton"
+});
+var button_default = reactWrapper;
+
+export {
+  button_default
+};

package/dist/chunks/chunk.ERXCYNDC.js

@@ -0,0 +1,11 @@
+import {
+  TerraSpatialPicker
+} from "./chunk.MFI2M54Y.js";
+
+// src/components/spatial-picker/spatial-picker.ts
+var spatial_picker_default = TerraSpatialPicker;
+TerraSpatialPicker.define("terra-spatial-picker");
+
+export {
+  spatial_picker_default
+};