@nasa-terra/components 0.0.170 → 0.0.172

package/dist/chunks/chunk.6VGRQDFC.js

@@ -1,78 +0,0 @@
-import {
-  TerraIcon
-} from "./chunk.ZU4JWWMF.js";
-import {
-  accordion_styles_default
-} from "./chunk.ETGKMYPQ.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.DTS74WET.js";
-import {
-  __decorateClass
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/accordion/accordion.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var TerraAccordion = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.open = false;
-    this.showArrow = true;
-  }
-  render() {
-    return html`
-            <details
-                class="accordion"
-                ?open=${this.open}
-                @toggle=${this.handleToggle}
-            >
-                <summary class="accordion-summary">
-                    <slot name="summary"> ${this.summary} </slot>
-
-                    <div class="accordion-summary-right">
-                        <slot name="summary-right"></slot>
-
-                        ${this.showArrow && html`
-                            <terra-icon
-                                name="chevron-down-circle"
-                                font-size="24px"
-                            ></terra-icon>
-                        `}
-                    </div>
-                </summary>
-
-                <div class="accordion-content">
-                    <slot></slot>
-                </div>
-            </details>
-        `;
-  }
-  handleToggle(e) {
-    const details = e.currentTarget;
-    this.open = details.open;
-    this.emit("terra-accordion-toggle", {
-      detail: {
-        open: this.open
-      }
-    });
-  }
-};
-TerraAccordion.styles = [component_styles_default, accordion_styles_default];
-TerraAccordion.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  property()
-], TerraAccordion.prototype, "summary", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean })
-], TerraAccordion.prototype, "open", 2);
-__decorateClass([
-  property({ type: Boolean })
-], TerraAccordion.prototype, "showArrow", 2);
-
-export {
-  TerraAccordion
-};

package/dist/chunks/chunk.6WTA7ZAF.js

@@ -1,11 +0,0 @@
-import {
-  TerraSelect
-} from "./chunk.5UPO7OQP.js";
-
-// src/components/select/select.ts
-var select_default = TerraSelect;
-TerraSelect.define("terra-select");
-
-export {
-  select_default
-};

package/dist/chunks/chunk.72QEMLZH.js

@@ -1,11 +0,0 @@
-import {
-  TerraDivider
-} from "./chunk.KEEIQVSS.js";
-
-// src/components/divider/divider.ts
-var divider_default = TerraDivider;
-TerraDivider.define("terra-divider");
-
-export {
-  divider_default
-};

package/dist/chunks/chunk.7C3HYDPQ.js

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

package/dist/chunks/chunk.7EQYQPQD.js

@@ -1,11 +0,0 @@
-import {
-  TerraTooltip
-} from "./chunk.FRPNKGK3.js";
-
-// src/components/tooltip/tooltip.ts
-var tooltip_default = TerraTooltip;
-TerraTooltip.define("terra-tooltip");
-
-export {
-  tooltip_default
-};

package/dist/chunks/chunk.7M75CILM.js

@@ -1,26 +0,0 @@
-import {
-  TerraFileUpload
-} from "./chunk.KGSVGF3H.js";
-
-// src/react/file-upload/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-file-upload";
-TerraFileUpload.define("terra-file-upload");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraFileUpload,
-  react: React,
-  events: {
-    onTerraChange: "terra-change",
-    onTerraFocus: "terra-focus",
-    onTerraBlur: "terra-blur"
-  },
-  displayName: "TerraFileUpload"
-});
-var file_upload_default = reactWrapper;
-
-export {
-  file_upload_default
-};

package/dist/chunks/chunk.7NSVOGKC.js

@@ -1,21 +0,0 @@
-import {
-  TerraMap
-} from "./chunk.YZREWGWS.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.7SOCTBCN.js

@@ -1,494 +0,0 @@
-import {
-  TimeSeriesController
-} from "./chunk.INWDQT67.js";
-import {
-  time_series_styles_default
-} from "./chunk.RQEPF7OZ.js";
-import {
-  getFetchVariableTask
-} from "./chunk.RO4MUFVF.js";
-import {
-  TerraPlotToolbar
-} from "./chunk.RSAREB5O.js";
-import {
-  TerraPlot
-} from "./chunk.SA7ZPYYQ.js";
-import {
-  extractHarmonyError,
-  formatHarmonyErrorMessage
-} from "./chunk.ESNQNQUJ.js";
-import {
-  AuthController
-} from "./chunk.DHM36JBP.js";
-import {
-  TerraLoader
-} from "./chunk.TSGOHE3X.js";
-import {
-  TerraButton
-} from "./chunk.53BVR5TX.js";
-import {
-  formatDate
-} from "./chunk.Y4QEHGFE.js";
-import {
-  TerraIcon
-} from "./chunk.ZU4JWWMF.js";
-import {
-  TerraAlert
-} from "./chunk.VZ6JYJJP.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.DTS74WET.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/time-series/time-series.component.ts
-import { html, nothing } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { TaskStatus } from "@lit/task";
-import { cache } from "lit/directives/cache.js";
-var _timeSeriesController, _isNotebookEnv, isNotebookEnv_fn, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _handleComponentLeave, handleComponentLeave_fn, _getYAxisLabel, getYAxisLabel_fn, _hasNoData, hasNoData_fn, _isVariableNotFound, isVariableNotFound_fn, _getErrorMessage, getErrorMessage_fn, _handlePlotRelayout, handlePlotRelayout_fn;
-var TerraTimeSeries = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _isNotebookEnv);
-    __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, _hasNoData);
-    __privateAdd(this, _isVariableNotFound);
-    __privateAdd(this, _getErrorMessage);
-    __privateAdd(this, _handlePlotRelayout);
-    __privateAdd(this, _timeSeriesController, void 0);
-    this.showCitation = false;
-    this.disableAutoFetch = false;
-    this.mobileView = false;
-    this.hideToolbar = false;
-    this.quotaExceededOpen = false;
-    this.timeSeriesError = null;
-    this.showDataPointWarning = false;
-    this.estimatedDataPoints = 0;
-    this._authController = new AuthController(this);
-    this._fetchVariableTask = getFetchVariableTask(this);
-    __privateAdd(this, _handleQuotaError, (event) => {
-      const { status, code, message, context } = event.detail;
-      this.timeSeriesError = {
-        code: code || String(status),
-        message,
-        context
-      };
-      if (status === 429) {
-        this.quotaExceededOpen = true;
-      }
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener(
-      "terra-time-series-error",
-      __privateGet(this, _handleQuotaError)
-    );
-    if (this.showJupyter === void 0) {
-      this.showJupyter = !__privateMethod(this, _isNotebookEnv, isNotebookEnv_fn).call(this);
-    }
-    __privateSet(this, _timeSeriesController, new TimeSeriesController(this));
-  }
-  updated(changedProps) {
-    super.updated(changedProps);
-    const taskStatus = __privateGet(this, _timeSeriesController).task.status;
-    if (taskStatus === TaskStatus.PENDING && this.timeSeriesError) {
-      this.timeSeriesError = null;
-    }
-    if (taskStatus === TaskStatus.ERROR && !this.timeSeriesError) {
-      const taskError = __privateGet(this, _timeSeriesController).task.error;
-      if (taskError) {
-        const errorDetails = extractHarmonyError(taskError);
-        if (errorDetails.isCancellation) {
-          return;
-        }
-        this.timeSeriesError = {
-          code: errorDetails.code,
-          message: errorDetails.message,
-          context: errorDetails.context
-        };
-      }
-    }
-  }
-  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>
-                      ` : ""}
-                ${!this.hideToolbar ? 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}
-                                    .showCitation=${this.showCitation}
-                                    .showJupyter=${this.showJupyter}
-                                    .mobileView=${this.mobileView}
-                                    .productLabel=${this.productLabel}
-                                >
-                                    <slot name="help-links" slot="help-links"></slot>
-                                </terra-plot-toolbar>` : html`<div class="spacer"></div>`
-    ) : nothing}
-                ${__privateMethod(this, _hasNoData, hasNoData_fn).call(this) ? html`
-                          <terra-alert
-                              class="no-data-alert"
-                              variant="warning"
-                              open
-                              closable
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-information-circle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              We couldn't find available data for your selection. Try
-                              widening your area or changing the date range to find
-                              more results.
-                          </terra-alert>
-                      ` : ""}
-                ${__privateMethod(this, _isVariableNotFound, isVariableNotFound_fn).call(this) ? html`
-                          <terra-alert
-                              class="no-data-alert"
-                              variant="danger"
-                              open
-                              closable
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-exclamation-triangle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              The selected variable was not found in the catalog
-                          </terra-alert>
-                      ` : ""}
-                ${this.timeSeriesError ? html`
-                          <terra-alert
-                              class="error-alert"
-                              variant="danger"
-                              open
-                              closable
-                              @terra-after-hide=${() => this.timeSeriesError = null}
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-exclamation-triangle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              ${__privateMethod(this, _getErrorMessage, getErrorMessage_fn).call(this, this.timeSeriesError)}
-                          </terra-alert>
-                      ` : ""}
-                <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 || this._fetchVariableTask.status === TaskStatus.PENDING}
-            >
-                <terra-loader indeterminate></terra-loader>
-
-                ${__privateGet(this, _timeSeriesController).task.status === TaskStatus.PENDING ? html`<p>
-                          Plotting ${(_c = this.catalogVariable) == null ? void 0 : _c.dataFieldId}&hellip;
-                      </p>` : html`<p>Preparing plot&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>
-        `;
-  }
-};
-_timeSeriesController = new WeakMap();
-_isNotebookEnv = new WeakSet();
-isNotebookEnv_fn = function() {
-  var _a;
-  const w = window;
-  return typeof w.Jupyter !== "undefined" || typeof w.IPython !== "undefined" || typeof ((_a = w.google) == null ? void 0 : _a.colab) !== "undefined" || typeof w.__jupyterlab !== "undefined" || document.querySelector(".jp-Notebook") !== null || document.querySelector(".jupyter-widgets") !== null;
-};
-_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;
-  console.log("Aborting data load");
-  (_a = __privateGet(this, _timeSeriesController).task) == null ? void 0 : _a.abort("Cancelled time series request");
-};
-_handleComponentLeave = new WeakSet();
-handleComponentLeave_fn = function(event) {
-  var _a;
-  if (this.mobileView)
-    return;
-  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(", ");
-};
-_hasNoData = new WeakSet();
-hasNoData_fn = function() {
-  var _a;
-  const taskStatus = __privateGet(this, _timeSeriesController).task.status;
-  if (taskStatus !== TaskStatus.COMPLETE) {
-    return false;
-  }
-  const plotData = (_a = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData;
-  if (plotData.length === 0) {
-    return true;
-  }
-  const firstSeries = plotData[0];
-  const x = "x" in firstSeries ? firstSeries.x : void 0;
-  const y = "y" in firstSeries ? firstSeries.y : void 0;
-  if (!x || !y || Array.isArray(x) && x.length === 0 || Array.isArray(y) && y.length === 0) {
-    return true;
-  }
-  return false;
-};
-_isVariableNotFound = new WeakSet();
-isVariableNotFound_fn = function() {
-  const variableTaskStatus = this._fetchVariableTask.status;
-  if (variableTaskStatus !== TaskStatus.COMPLETE) {
-    return false;
-  }
-  const hasVariableRequest = Boolean(
-    this.variableEntryId || this.collection && this.variable
-  );
-  return hasVariableRequest && !this.catalogVariable;
-};
-_getErrorMessage = new WeakSet();
-getErrorMessage_fn = function(error) {
-  return formatHarmonyErrorMessage(error);
-};
-_handlePlotRelayout = new WeakSet();
-handlePlotRelayout_fn = function(e) {
-  if (this.disableAutoFetch) {
-    return;
-  }
-  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({ type: Boolean, attribute: "show-citation" })
-], TerraTimeSeries.prototype, "showCitation", 2);
-__decorateClass([
-  property({ attribute: "application-citation" })
-], TerraTimeSeries.prototype, "applicationCitation", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "disable-auto-fetch" })
-], TerraTimeSeries.prototype, "disableAutoFetch", 2);
-__decorateClass([
-  property({ attribute: "bearer-token", reflect: false })
-], TerraTimeSeries.prototype, "bearerToken", 2);
-__decorateClass([
-  property({
-    attribute: "mobile-view",
-    type: Boolean,
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "mobileView", 2);
-__decorateClass([
-  property({
-    attribute: "hide-toolbar",
-    type: Boolean,
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "hideToolbar", 2);
-__decorateClass([
-  property({
-    attribute: "product-label",
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "productLabel", 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, "timeSeriesError", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "showDataPointWarning", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "estimatedDataPoints", 2);
-
-export {
-  TerraTimeSeries
-};