@nasa-terra/components 0.0.67 → 0.0.68

package/dist/chunks/chunk.QQQ2BD4U.js

@@ -0,0 +1,80 @@
+// src/components/time-series/time-series.styles.ts
+import { css } from "lit";
+var time_series_styles_default = css`
+    :host {
+        display: grid;
+        gap: 1.5rem 0.75rem;
+        grid-template-rows: auto;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    terra-variable-combobox {
+        grid-column: 1 / 2;
+    }
+
+    terra-spatial-picker {
+        grid-column: 2 / 3;
+    }
+
+    .plot-container {
+        grid-column: 1 / 3;
+    }
+
+    .spacer {
+        padding-block: 1.375rem;
+    }
+
+    terra-plot::part(plot-title) {
+        opacity: 0;
+        z-index: 0 !important;
+    }
+
+    dialog {
+        opacity: 1;
+        transition: opacity 0.3s ease-out 0.4s;
+
+        @starting-style {
+            opacity: 0;
+        }
+
+        place-self: center;
+        z-index: var(--terra-z-index-dialog);
+    }
+
+    dialog {
+        width: 450px;
+        max-width: 90vw;
+        padding: 1.5rem;
+        border-radius: 8px;
+        border: 1px solid var(--terra-color-neutral-200, #e5e7eb);
+        box-shadow:
+            0 4px 6px -1px rgba(0, 0, 0, 0.1),
+            0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        background-color: var(--terra-color-neutral-0, #ffffff);
+    }
+
+    dialog h2 {
+        margin-top: 0;
+        color: var(--terra-color-danger-600, #dc2626);
+        font-size: 1.2rem;
+    }
+
+    dialog ul {
+        margin-bottom: 1.5rem;
+    }
+
+    dialog li {
+        margin-bottom: 0.5rem;
+    }
+
+    .dialog-buttons {
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+        margin-top: 1.5rem;
+    }
+`;
+
+export {
+  time_series_styles_default
+};

package/dist/chunks/chunk.QZS6UUDI.js

@@ -0,0 +1,277 @@
+import {
+  FINAL_STATUSES,
+  HarmonyDataService
+} from "./chunk.M6X72F3Q.js";
+import {
+  GET_CMR_SEARCH_RESULTS_ALL,
+  GET_CMR_SEARCH_RESULTS_COLLECTIONS,
+  GET_CMR_SEARCH_RESULTS_VARIABLES
+} from "./chunk.A6D5MCCT.js";
+import {
+  getUTCDate
+} from "./chunk.IC4T7CZD.js";
+import {
+  getGraphQLClient
+} from "./chunk.LDCRCQNJ.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadProps,
+  __spreadValues
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/data-subsetter/data-subsetter.controller.ts
+import { Task } from "@lit/task";
+import Fuse from "fuse.js";
+
+// src/metadata-catalog/cmr-catalog.ts
+var CmrCatalog = class {
+  async searchCmr(keyword, type, options) {
+    var _a, _b, _c, _d, _e, _f;
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: type === "collection" ? GET_CMR_SEARCH_RESULTS_COLLECTIONS : type === "variable" ? GET_CMR_SEARCH_RESULTS_VARIABLES : GET_CMR_SEARCH_RESULTS_ALL,
+      variables: {
+        keyword
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(`Failed to search CMR: ${response.errors[0].message}`);
+    }
+    const collections = (_c = (_b = (_a = response.data.collections) == null ? void 0 : _a.items) == null ? void 0 : _b.map((collection) => ({
+      type: "collection",
+      collectionConceptId: collection.conceptId,
+      collectionEntryId: collection.nativeId,
+      summary: collection.title,
+      conceptId: collection.conceptId,
+      entryId: collection.nativeId,
+      provider: collection.provider,
+      title: collection.title
+    }))) != null ? _c : [];
+    const variables = (_f = (_e = (_d = response.data.variables) == null ? void 0 : _d.items) == null ? void 0 : _e.map((variable) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+      return {
+        type: "variable",
+        collectionConceptId: (_b2 = (_a2 = variable.collections.items) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.conceptId,
+        collectionEntryId: (_d2 = (_c2 = variable.collections.items) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.nativeId,
+        summary: (_g = (_f2 = (_e2 = variable.collections.items) == null ? void 0 : _e2[0]) == null ? void 0 : _f2.title) != null ? _g : "",
+        conceptId: variable.conceptId,
+        entryId: variable.name,
+        provider: variable.providerId,
+        title: variable.longName
+      };
+    })) != null ? _f : [];
+    return [...collections, ...variables];
+  }
+};
+
+// src/components/data-subsetter/data-subsetter.controller.ts
+var JOB_STATUS_POLL_MILLIS = 3e3;
+var _host, _dataService, _metadataCatalog, _getMetadataCatalog, getMetadataCatalog_fn, _getDataService, getDataService_fn, _getEmptyJob, getEmptyJob_fn, _buildJobLabels, buildJobLabels_fn;
+var DataSubsetterController = class {
+  constructor(host) {
+    __privateAdd(this, _getMetadataCatalog);
+    __privateAdd(this, _getDataService);
+    __privateAdd(this, _getEmptyJob);
+    __privateAdd(this, _buildJobLabels);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _dataService, void 0);
+    __privateAdd(this, _metadataCatalog, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _dataService, __privateMethod(this, _getDataService, getDataService_fn).call(this));
+    __privateSet(this, _metadataCatalog, __privateMethod(this, _getMetadataCatalog, getMetadataCatalog_fn).call(this));
+    this.fetchCollectionTask = new Task(host, {
+      task: async ([collectionEntryId], { signal }) => {
+        if (!__privateGet(this, _host).bearerToken) {
+          return void 0;
+        }
+        __privateGet(this, _host).collectionWithServices = collectionEntryId ? await __privateGet(this, _dataService).getCollectionWithAvailableServices(
+          collectionEntryId,
+          {
+            signal,
+            bearerToken: __privateGet(this, _host).bearerToken,
+            environment: __privateGet(this, _host).environment
+          }
+        ) : void 0;
+        return __privateGet(this, _host).collectionWithServices;
+      },
+      args: () => [
+        __privateGet(this, _host).collectionEntryId,
+        __privateGet(this, _host).bearerToken
+      ]
+    });
+    this.searchCmrTask = new Task(host, {
+      task: async ([searchQuery, searchType], { signal }) => {
+        if (!searchQuery) {
+          __privateGet(this, _host).collectionSearchResults = void 0;
+          return __privateGet(this, _host).collectionSearchResults;
+        }
+        __privateGet(this, _host).collectionSearchLoading = true;
+        const results = await __privateGet(this, _metadataCatalog).searchCmr(
+          searchQuery,
+          searchType,
+          {
+            signal
+          }
+        );
+        const fuse = new Fuse(results, {
+          keys: ["title", "entryId", "provider"]
+        });
+        __privateGet(this, _host).collectionSearchResults = fuse.search(searchQuery).map((result) => result.item);
+        __privateGet(this, _host).collectionSearchLoading = false;
+        return __privateGet(this, _host).collectionSearchResults;
+      },
+      args: () => [
+        __privateGet(this, _host).collectionSearchQuery,
+        __privateGet(this, _host).collectionSearchType
+      ]
+    });
+    this.jobStatusTask = new Task(host, {
+      task: async ([], { signal }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+        let job;
+        __privateGet(this, _host).renderHistoryPanel();
+        if ((_a = this.currentJob) == null ? void 0 : _a.jobID) {
+          job = await __privateGet(this, _dataService).getSubsetJobStatus(
+            this.currentJob.jobID,
+            {
+              signal,
+              bearerToken: __privateGet(this, _host).bearerToken,
+              environment: __privateGet(this, _host).environment
+            }
+          );
+        } else {
+          const labels = __privateMethod(this, _buildJobLabels, buildJobLabels_fn).call(this);
+          let subsetOptions = __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+            collectionConceptId: (_c = (_b = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _b.conceptId) != null ? _c : ""
+          }, ((_d = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _d.variableSubset) && {
+            variableConceptIds: __privateGet(this, _host).selectedVariables.map(
+              (v) => v.conceptId
+            )
+          }), "w" in ((_e = __privateGet(this, _host).spatialSelection) != null ? _e : {}) && ((_f = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _f.bboxSubset) && {
+            boundingBox: __privateGet(this, _host).spatialSelection
+          }), __privateGet(this, _host).selectedDateRange.startDate && __privateGet(this, _host).selectedDateRange.endDate && ((_g = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _g.temporalSubset) && {
+            startDate: getUTCDate(
+              __privateGet(this, _host).selectedDateRange.startDate
+            ).toISOString(),
+            endDate: getUTCDate(
+              __privateGet(this, _host).selectedDateRange.endDate,
+              true
+            ).toISOString()
+          }), __privateGet(this, _host).selectedFormat && ((_i = (_h = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _h.outputFormats) == null ? void 0 : _i.length) && {
+            format: __privateGet(this, _host).selectedFormat
+          }), {
+            labels
+          });
+          console.log(
+            `Creating a job for collection, ${(_j = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _j.conceptId}, with subset options`,
+            subsetOptions
+          );
+          this.currentJob = __privateMethod(this, _getEmptyJob, getEmptyJob_fn).call(this);
+          job = await __privateGet(this, _dataService).createSubsetJob(subsetOptions, {
+            signal,
+            bearerToken: __privateGet(this, _host).bearerToken,
+            environment: __privateGet(this, _host).environment
+          });
+        }
+        console.log("Job status: ", job);
+        if (job) {
+          this.currentJob = job;
+        }
+        if (!FINAL_STATUSES.has(this.currentJob.status)) {
+          setTimeout(() => {
+            this.jobStatusTask.run();
+          }, JOB_STATUS_POLL_MILLIS);
+        } else if (job) {
+          console.log("Subset job completed ", job);
+          __privateGet(this, _host).emit("terra-subset-job-complete", {
+            detail: job
+          });
+        }
+        return job;
+      },
+      args: () => [],
+      autoRun: false
+      // this task won't automatically be triggered, the component has to trigger it manually
+    });
+  }
+  render(renderFunctions) {
+    return this.jobStatusTask.render(renderFunctions);
+  }
+  fetchJobByID(jobID) {
+    this.currentJob = {
+      jobID,
+      status: "fetching" /* FETCHING */,
+      message: "Your job is being retrieved.",
+      progress: 0,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      dataExpiration: "",
+      request: "",
+      numInputGranules: 0,
+      links: []
+    };
+    this.jobStatusTask.run();
+  }
+  cancelCurrentJob() {
+    var _a;
+    if (!((_a = this.currentJob) == null ? void 0 : _a.jobID)) {
+      return;
+    }
+    __privateGet(this, _dataService).cancelSubsetJob(this.currentJob.jobID, {
+      bearerToken: __privateGet(this, _host).bearerToken,
+      environment: __privateGet(this, _host).environment
+    });
+  }
+};
+_host = new WeakMap();
+_dataService = new WeakMap();
+_metadataCatalog = new WeakMap();
+_getMetadataCatalog = new WeakSet();
+getMetadataCatalog_fn = function() {
+  return new CmrCatalog();
+};
+_getDataService = new WeakSet();
+getDataService_fn = function() {
+  return new HarmonyDataService();
+};
+_getEmptyJob = new WeakSet();
+getEmptyJob_fn = function() {
+  return {
+    jobID: "",
+    status: "running" /* RUNNING */,
+    message: "Your job is being created and will start soon.",
+    progress: 0,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    dataExpiration: "",
+    request: "",
+    numInputGranules: 0,
+    links: []
+  };
+};
+_buildJobLabels = new WeakSet();
+buildJobLabels_fn = function() {
+  var _a, _b, _c, _d;
+  const labels = [];
+  if ((_b = (_a = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _a.collection) == null ? void 0 : _b.EntryTitle) {
+    labels.push(
+      encodeURIComponent(
+        (_d = (_c = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _c.collection) == null ? void 0 : _d.EntryTitle
+      )
+    );
+  }
+  return labels;
+};
+
+export {
+  DataSubsetterController
+};

package/dist/chunks/chunk.RBVJJWF4.js

@@ -0,0 +1,21 @@
+import {
+  TerraCombobox
+} from "./chunk.2OQZA3CW.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.RDID3JKQ.js

@@ -0,0 +1,25 @@
+import {
+  TerraIcon
+} from "./chunk.2AIVKD54.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.RJUTQBOV.js

@@ -0,0 +1,21 @@
+import {
+  TerraButton
+} from "./chunk.PAJVTERU.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.RVCQSKMD.js

@@ -0,0 +1,108 @@
+import {
+  plot_styles_default
+} from "./chunk.SGFD3ORP.js";
+import {
+  watch
+} from "./chunk.DTUHBE3U.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.TSIWRLNC.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadValues
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/plot/plot.component.ts
+import { property, query } from "lit/decorators.js";
+import { html } from "lit";
+import {
+  newPlot,
+  Plots
+} 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 = [];
+  }
+  handleDataChange() {
+    this.updatePlotWithData();
+  }
+  firstUpdated() {
+    __privateSet(this, _resizeObserver, new ResizeObserver(() => {
+      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;
+    }
+    newPlot(
+      this.base,
+      this.data,
+      __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([
+  watch("data")
+], TerraPlot.prototype, "handleDataChange", 1);
+
+export {
+  TerraPlot
+};