@nasa-terra/components 0.0.167 → 0.0.169

package/dist/chunks/chunk.UNJJ4K5X.js

@@ -1,24 +0,0 @@
-import {
-  TerraTag
-} from "./chunk.RQHF447H.js";
-
-// src/react/tag/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-tag";
-TerraTag.define("terra-tag");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraTag,
-  react: React,
-  events: {
-    onTerraClick: "terra-click"
-  },
-  displayName: "TerraTag"
-});
-var tag_default = reactWrapper;
-
-export {
-  tag_default
-};

package/dist/chunks/chunk.UNO3VVAK.js

@@ -1,11 +0,0 @@
-import {
-  TerraOption
-} from "./chunk.MTAR5BJL.js";
-
-// src/components/option/option.ts
-var option_default = TerraOption;
-TerraOption.define("terra-option");
-
-export {
-  option_default
-};

package/dist/chunks/chunk.UU2S72KN.js

@@ -1,30 +0,0 @@
-// src/utilities/mimetypes.ts
-var defaultSubsetFileMimeType = "application/x-netcdf4";
-function getFriendlyNameForMimeType(mimeType, isGiovanni = false) {
-  switch (mimeType) {
-    case "application/x-hdf":
-    case "application/octet-stream":
-      return "HDF-EOS5";
-    case "application/x-netcdf4":
-    case "application/netcdf":
-      return "NetCDF";
-    case "text/csv":
-      if (isGiovanni) {
-        return "Area-averaged time series (CSV)";
-      }
-      return "CSV";
-    case "image/tiff":
-    case "image/tif":
-      if (isGiovanni) {
-        return "Time-averaged map (GeoTIFF)";
-      }
-      return "TIFF";
-    default:
-      return mimeType;
-  }
-}
-
-export {
-  defaultSubsetFileMimeType,
-  getFriendlyNameForMimeType
-};

package/dist/chunks/chunk.V7PI7GT2.js

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

package/dist/chunks/chunk.VBCVUNIU.js

@@ -1,67 +0,0 @@
-import {
-  getVariableEntryId
-} from "./chunk.CGVPVXTX.js";
-import {
-  GiovanniVariableCatalog
-} from "./chunk.MZ4FDVFI.js";
-
-// src/metadata-catalog/tasks.ts
-import { Task } from "@lit/task";
-var variableCache = /* @__PURE__ */ new Map();
-var pendingRequests = /* @__PURE__ */ new Map();
-function setHostPropertiesFromVariable(host, variable, variableEntryId) {
-  var _a, _b, _c, _d;
-  host.startDate = (_b = host.startDate) != null ? _b : (_a = variable.exampleInitialStartDate) == null ? void 0 : _a.toISOString();
-  host.endDate = (_d = host.endDate) != null ? _d : (_c = variable.exampleInitialEndDate) == null ? void 0 : _c.toISOString();
-  host.catalogVariable = variable;
-  host.variableEntryId = variableEntryId;
-}
-function getFetchVariableTask(host, autoRun = true) {
-  const catalog = new GiovanniVariableCatalog();
-  return new Task(host, {
-    task: async (_args) => {
-      const variableEntryId = getVariableEntryId(host);
-      console.debug("Fetch variable ", variableEntryId);
-      if (!variableEntryId) {
-        return;
-      }
-      if (variableCache.has(variableEntryId)) {
-        console.debug("Using cached variable ", variableEntryId);
-        const cachedVariable = variableCache.get(variableEntryId);
-        setHostPropertiesFromVariable(host, cachedVariable, variableEntryId);
-        return;
-      }
-      if (pendingRequests.has(variableEntryId)) {
-        console.debug(
-          "Waiting for pending request for variable ",
-          variableEntryId
-        );
-        const variable = await pendingRequests.get(variableEntryId);
-        if (variable) {
-          console.debug("Using cached variable ", variableEntryId);
-          setHostPropertiesFromVariable(host, variable, variableEntryId);
-        }
-        return;
-      }
-      const requestPromise = catalog.getVariable(variableEntryId);
-      pendingRequests.set(variableEntryId, requestPromise);
-      try {
-        const variable = await requestPromise;
-        console.debug("Found variable ", variable);
-        if (!variable) {
-          return;
-        }
-        variableCache.set(variableEntryId, variable);
-        setHostPropertiesFromVariable(host, variable, variableEntryId);
-      } finally {
-        pendingRequests.delete(variableEntryId);
-      }
-    },
-    args: () => [host.variableEntryId, host.collection, host.variable],
-    autoRun
-  });
-}
-
-export {
-  getFetchVariableTask
-};

package/dist/chunks/chunk.VBWBPTPK.js

@@ -1,230 +0,0 @@
-import {
-  TerraVariableCombobox
-} from "./chunk.K66DWQG7.js";
-import {
-  TerraTimeSeries
-} from "./chunk.K7B5G7VZ.js";
-import {
-  getFetchVariableTask
-} from "./chunk.VBCVUNIU.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.YDUPN3OG.js";
-import {
-  data_rods_styles_default
-} from "./chunk.WTUZLKBY.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.QP5XM7WT.js";
-import {
-  getVariableEntryId
-} from "./chunk.CGVPVXTX.js";
-import {
-  getUTCDate
-} from "./chunk.Y4QEHGFE.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.ABJSJSVR.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateMethod
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/data-rods/data-rods.component.ts
-import { property, state } from "lit/decorators.js";
-import { html } from "lit";
-var _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleInvalidDateSelection, handleInvalidDateSelection_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn;
-var TerraDataRods = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    /**
-     * anytime the date range slider changes, update the start and end date
-     */
-    __privateAdd(this, _handleDateRangeSliderChangeEvent);
-    /**
-     * anytime user selects invalid dates outside variable date range
-     */
-    __privateAdd(this, _handleInvalidDateSelection);
-    __privateAdd(this, _handleVariableChange);
-    __privateAdd(this, _handleMapChange);
-    __privateAdd(this, _handleTimeSeriesDateRangeChange);
-    this._fetchVariableTask = getFetchVariableTask(this);
-  }
-  get variableBoundingBox() {
-    const variable = this.catalogVariable;
-    if (!variable)
-      return void 0;
-    const {
-      dataProductWest,
-      dataProductSouth,
-      dataProductEast,
-      dataProductNorth
-    } = variable;
-    if (dataProductWest == null || dataProductSouth == null || dataProductEast == null || dataProductNorth == null) {
-      return void 0;
-    }
-    return `${dataProductWest}, ${dataProductSouth}, ${dataProductEast}, ${dataProductNorth}`;
-  }
-  compatibilityWarning() {
-    this.spatialWarningMessage = void 0;
-    if (!this.catalogVariable || !this.location)
-      return;
-    const {
-      dataProductWest,
-      dataProductSouth,
-      dataProductEast,
-      dataProductNorth
-    } = this.catalogVariable;
-    if (dataProductWest == null || dataProductSouth == null || dataProductEast == null || dataProductNorth == null) {
-      return;
-    }
-    const [latStr, lonStr] = this.location.split(",");
-    const lat = Number(latStr);
-    const lon = Number(lonStr);
-    const inside = lon >= dataProductWest && lon <= dataProductEast && lat >= dataProductSouth && lat <= dataProductNorth;
-    if (!inside) {
-      this.spatialWarningMessage = this.lastChanged === "variable" ? "This variable has no data at the selected location." : "The selected location is outside the coverage of this variable.";
-    }
-  }
-  render() {
-    var _a, _b;
-    const minDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductBeginDateTime) : void 0;
-    const maxDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductEndDateTime) : void 0;
-    return html`
-            ${this.spatialWarningMessage && this.lastChanged === "location" ? html`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>` : null}
-            <terra-variable-combobox
-                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
-                .value=${getVariableEntryId(this)}
-                .bearerToken=${(_a = this.bearerToken) != null ? _a : null}
-                .useTags=${true}
-                @terra-combobox-change="${__privateMethod(this, _handleVariableChange, handleVariableChange_fn)}"
-            ></terra-variable-combobox>
-
-            ${this.spatialWarningMessage && this.lastChanged === "variable" ? html`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>` : null}
-            <terra-spatial-picker
-                initial-value=${this.location}
-                .spatialConstraints=${this.variableBoundingBox}
-                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-time-series
-                variable-entry-id=${getVariableEntryId(this)}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                .location=${(_b = this.location) != null ? _b : void 0}
-                bearer-token=${this.bearerToken}
-                show-citation=${true}
-                @terra-date-range-change=${__privateMethod(this, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn)}
-            >
-                <li slot="help-links">
-                    <a
-                        href="https://disc.gsfc.nasa.gov/information/tools?title=Hydrology%20Time%20Series"
-                        >User Guide</a
-                    >
-                </li>
-            </terra-time-series>
-
-            <terra-date-range-slider
-                exportparts="slider:date-range-slider__slider"
-                min-date=${minDate}
-                max-date=${maxDate}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
-                @terra-date-selection-invalid="${__privateMethod(this, _handleInvalidDateSelection, handleInvalidDateSelection_fn)}"
-            ></terra-date-range-slider>
-            ${this.dateErrorMessage ? html`<div class="date-error" style="color: red;">
-                      ${this.dateErrorMessage}
-                  </div>` : null}
-        `;
-  }
-};
-_handleDateRangeSliderChangeEvent = new WeakSet();
-handleDateRangeSliderChangeEvent_fn = function(event) {
-  this.startDate = event.detail.startDate;
-  this.endDate = event.detail.endDate;
-};
-_handleInvalidDateSelection = new WeakSet();
-handleInvalidDateSelection_fn = function(event) {
-  this.dateErrorMessage = event.detail.message;
-};
-_handleVariableChange = new WeakSet();
-handleVariableChange_fn = function(event) {
-  const newEntryId = event.detail.entryId;
-  if (!this.variableEntryId || newEntryId === this.variableEntryId) {
-    return;
-  }
-  this.variableEntryId = newEntryId;
-  this.location = void 0;
-  this.lastChanged = "variable";
-  this.compatibilityWarning();
-};
-_handleMapChange = new WeakSet();
-handleMapChange_fn = function(event) {
-  if (event.detail.type === "point" /* POINT */) {
-    this.location = `${event.detail.latLng.lat.toFixed(4)},${event.detail.latLng.lng.toFixed(4)}`;
-    this.lastChanged = "location";
-    this.compatibilityWarning();
-  }
-};
-_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,
-  "terra-date-range-slider": TerraDateRangeSlider,
-  "terra-spatial-picker": TerraSpatialPicker,
-  "terra-variable-combobox": TerraVariableCombobox
-};
-__decorateClass([
-  property({ attribute: "variable-entry-id", reflect: true })
-], TerraDataRods.prototype, "variableEntryId", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraDataRods.prototype, "collection", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraDataRods.prototype, "variable", 2);
-__decorateClass([
-  property({
-    attribute: "start-date",
-    reflect: true
-  })
-], TerraDataRods.prototype, "startDate", 2);
-__decorateClass([
-  property({
-    attribute: "end-date",
-    reflect: true
-  })
-], TerraDataRods.prototype, "endDate", 2);
-__decorateClass([
-  property({
-    reflect: true
-  })
-], TerraDataRods.prototype, "location", 2);
-__decorateClass([
-  property({ attribute: "bearer-token", reflect: false })
-], TerraDataRods.prototype, "bearerToken", 2);
-__decorateClass([
-  state()
-], TerraDataRods.prototype, "catalogVariable", 2);
-__decorateClass([
-  state()
-], TerraDataRods.prototype, "dateErrorMessage", 2);
-__decorateClass([
-  state()
-], TerraDataRods.prototype, "lastChanged", 2);
-__decorateClass([
-  state()
-], TerraDataRods.prototype, "spatialWarningMessage", 2);
-
-export {
-  TerraDataRods
-};

package/dist/chunks/chunk.VIBAVNO2.js

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

package/dist/chunks/chunk.VOGQH6VT.js

@@ -1,28 +0,0 @@
-import {
-  TerraRadio
-} from "./chunk.MGDJ2LD5.js";
-
-// src/react/radio/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-radio";
-TerraRadio.define("terra-radio");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraRadio,
-  react: React,
-  events: {
-    onTerraBlur: "terra-blur",
-    onTerraChange: "terra-change",
-    onTerraFocus: "terra-focus",
-    onTerraInput: "terra-input",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraRadio"
-});
-var radio_default = reactWrapper;
-
-export {
-  radio_default
-};

package/dist/chunks/chunk.VWZX32FU.js

@@ -1,145 +0,0 @@
-import {
-  plot_styles_default
-} from "./chunk.SGFD3ORP.js";
-import {
-  watch
-} from "./chunk.NWXJOH5T.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.ABJSJSVR.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/plot/plot.component.ts
-import { property, query } from "lit/decorators.js";
-import { html } from "lit";
-import * as Plotly from "plotly.js-dist-min";
-var _resizeObserver, _handlePlotlyRelayout, handlePlotlyRelayout_fn;
-var TerraPlot = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handlePlotlyRelayout);
-    __privateAdd(this, _resizeObserver, void 0);
-    this.layout = {};
-    this.config = {};
-    this.data = [];
-    this.colors = [
-      "#1f77b4",
-      // blue
-      "#ff7f0e",
-      // orange
-      "#2ca02c",
-      // green
-      "#d62728",
-      // red
-      "#9467bd",
-      // purple
-      "#8c564b",
-      // brown
-      "#e377c2",
-      // pink
-      "#7f7f7f",
-      // gray
-      "#bcbd22",
-      // yellow-green
-      "#17becf"
-      // cyan
-    ];
-  }
-  handleDataChange() {
-    this.updatePlotWithData();
-  }
-  firstUpdated() {
-    __privateSet(this, _resizeObserver, new ResizeObserver(() => {
-      Plotly.Plots.resize(this.base);
-    }));
-    __privateGet(this, _resizeObserver).observe(this.base);
-    if (this.data.length) {
-      this.updatePlotWithData();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    __privateGet(this, _resizeObserver).disconnect();
-  }
-  updatePlotWithData() {
-    if (!this.base)
-      return;
-    const coloredData = this.data.map((trace, index) => {
-      const color = this.colors[index % this.colors.length];
-      if (!trace.type || trace.type === "scatter") {
-        const scatterTrace = trace;
-        return __spreadProps(__spreadValues({
-          type: "scatter",
-          mode: "lines"
-        }, scatterTrace), {
-          line: __spreadValues({
-            color
-          }, scatterTrace.line || {})
-        });
-      }
-      return trace;
-    });
-    Plotly.newPlot(
-      this.base,
-      coloredData,
-      __spreadValues({
-        title: this.plotTitle
-      }, this.layout),
-      __spreadValues({ responsive: true }, this.config)
-    );
-    this.base.on("plotly_relayout", __privateMethod(this, _handlePlotlyRelayout, handlePlotlyRelayout_fn).bind(this));
-  }
-  render() {
-    return html`<div part="base"></div>`;
-  }
-  updated() {
-    var _a, _b;
-    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".gtitle")) == null ? void 0 : _b.part.add("plot-title");
-  }
-};
-_resizeObserver = new WeakMap();
-_handlePlotlyRelayout = new WeakSet();
-handlePlotlyRelayout_fn = function(e) {
-  const detail = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, e["xaxis.range[0]"] && { xAxisMin: e["xaxis.range[0]"] }), e["xaxis.range[1]"] && { xAxisMax: e["xaxis.range[1]"] }), e["yaxis.range[0]"] && { yAxisMin: e["yaxis.range[0]"] }), e["yaxis.range[1]"] && { yAxisMax: e["yaxis.range[1]"] });
-  if (!Object.keys(detail).length) {
-    return;
-  }
-  this.emit("terra-plot-relayout", {
-    detail
-  });
-};
-TerraPlot.styles = [component_styles_default, plot_styles_default];
-__decorateClass([
-  query('[part="base"]')
-], TerraPlot.prototype, "base", 2);
-__decorateClass([
-  property()
-], TerraPlot.prototype, "plotTitle", 2);
-__decorateClass([
-  property()
-], TerraPlot.prototype, "layout", 2);
-__decorateClass([
-  property()
-], TerraPlot.prototype, "config", 2);
-__decorateClass([
-  property({ type: Array })
-], TerraPlot.prototype, "data", 2);
-__decorateClass([
-  property({ type: Array })
-], TerraPlot.prototype, "colors", 2);
-__decorateClass([
-  watch("data")
-], TerraPlot.prototype, "handleDataChange", 1);
-
-export {
-  TerraPlot
-};

package/dist/chunks/chunk.VYXIWUES.js

@@ -1,11 +0,0 @@
-import {
-  TerraPopup
-} from "./chunk.R4KWN2HX.js";
-
-// src/components/popup/popup.ts
-var popup_default = TerraPopup;
-TerraPopup.define("terra-popup");
-
-export {
-  popup_default
-};

package/dist/chunks/chunk.W52CDXRW.js

@@ -1,11 +0,0 @@
-import {
-  TerraVariableKeywordSearch
-} from "./chunk.WPUBNP6J.js";
-
-// src/components/variable-keyword-search/variable-keyword-search.ts
-var variable_keyword_search_default = TerraVariableKeywordSearch;
-TerraVariableKeywordSearch.define("terra-variable-keyword-search");
-
-export {
-  variable_keyword_search_default
-};

package/dist/chunks/chunk.WBEYZIEP.js

@@ -1,24 +0,0 @@
-import {
-  TerraDatePicker
-} from "./chunk.K6WBYPK4.js";
-
-// src/react/date-picker/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-date-picker";
-TerraDatePicker.define("terra-date-picker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDatePicker,
-  react: React,
-  events: {
-    onTerraDateRangeChange: "terra-date-range-change"
-  },
-  displayName: "TerraDatePicker"
-});
-var date_picker_default = reactWrapper;
-
-export {
-  date_picker_default
-};

package/dist/chunks/chunk.WFDKB6ZX.js

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