@nasa-terra/components 0.0.186 → 0.0.188

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

@@ -0,0 +1,294 @@
+import {
+  data_subsetter_history_styles_default
+} from "./chunk.ZM6WMVSY.js";
+import {
+  TerraDataSubsetter
+} from "./chunk.2A47WWPI.js";
+import {
+  TerraDialog
+} from "./chunk.KJLLZWSK.js";
+import {
+  AuthController
+} from "./chunk.P34Y4ETY.js";
+import {
+  queryHarmonyJobs
+} from "./chunk.36G5VRI3.js";
+import {
+  QueryClientMixin
+} from "./chunk.DOUWGQFH.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  TerraIcon
+} from "./chunk.FF3LYD7N.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e,
+  n,
+  r
+} from "./chunk.TZCHRRCA.js";
+import {
+  A,
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/data-subsetter-history/data-subsetter-history.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _renderHistoryItems, renderHistoryItems_fn, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn, _handleHistoryItemClick, handleHistoryItemClick_fn, _parseLabelsAsJson, parseLabelsAsJson_fn;
+var TerraDataSubsetterHistory = class extends QueryClientMixin(
+  TerraElement
+) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _renderHistoryItems);
+    __privateAdd(this, _renderSubsetterHistoryItem);
+    __privateAdd(this, _handleHistoryItemClick);
+    __privateAdd(this, _parseLabelsAsJson);
+    this.label = "History";
+    this.alwaysShow = true;
+    this.collapsed = true;
+    this.hideCancelled = true;
+    this.jobsQuery = new QueryController(
+      this,
+      () => queryHarmonyJobs({ page: 1 }, { bearerToken: this.bearerToken })
+    );
+    this._authController = new AuthController(this);
+  }
+  toggleCollapsed() {
+    this.collapsed = !this.collapsed;
+  }
+  render() {
+    var _a;
+    const jobs = (_a = this.jobsQuery.result) == null ? void 0 : _a.data;
+    const hasJobs = jobs && jobs.jobs.length > 0;
+    if (!hasJobs) {
+      return A;
+    }
+    return b`
+            <div class="${this.collapsed ? "collapsed" : ""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${hasJobs ? b`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${(e2) => {
+      this.hideCancelled = e2.target.checked;
+    }}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          ` : A}
+
+                    <div class="history-list">
+                        ${jobs ? hasJobs ? __privateMethod(this, _renderHistoryItems, renderHistoryItems_fn).call(this, jobs) : b`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${(e2) => {
+      var _a2;
+      e2.preventDefault();
+      this.selectedJob = void 0;
+      this.selectedCollectionEntryId = void 0;
+      (_a2 = this.dialog) == null ? void 0 : _a2.show();
+    }}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>` : b`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `;
+  }
+};
+_renderHistoryItems = new WeakSet();
+renderHistoryItems_fn = function(subsetJobs) {
+  const filteredJobs = subsetJobs.jobs.slice().filter((job) => {
+    if (this.hideCancelled) {
+      return job.status !== "canceled" /* CANCELED */;
+    }
+    return true;
+  }).sort(
+    (a, b2) => new Date(b2.createdAt).getTime() - new Date(a.createdAt).getTime()
+  );
+  if (!filteredJobs.length) {
+    return b`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${(e2) => {
+      var _a;
+      e2.preventDefault();
+      this.selectedJob = void 0;
+      this.selectedCollectionEntryId = void 0;
+      (_a = this.dialog) == null ? void 0 : _a.show();
+    }}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `;
+  }
+  return filteredJobs.map((job) => {
+    let fillColor = "#0066cc";
+    if (job.status === "successful" /* SUCCESSFUL */ || job.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ || job.status === "running_with_errors" /* RUNNING_WITH_ERRORS */) {
+      fillColor = "#28a745";
+    } else if (job.status === "failed" /* FAILED */) {
+      fillColor = "#dc3545";
+    } else if (job.status === "canceled" /* CANCELED */) {
+      fillColor = "#ffc107";
+    }
+    const progressLabel = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? job.status : `${job.progress}%`;
+    const progress = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? 100 : job.progress;
+    const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
+    return b`
+                <div
+                    class="history-item"
+                    @click=${__privateMethod(this, _handleHistoryItemClick, handleHistoryItemClick_fn).bind(this, job)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${__privateMethod(this, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn).call(this, job, parsedLabels)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${progress}%; background-color: ${fillColor}"
+                        >
+                            ${progressLabel}
+                        </div>
+                    </div>
+                </div>
+            `;
+  });
+};
+_renderSubsetterHistoryItem = new WeakSet();
+renderSubsetterHistoryItem_fn = function(job, labels) {
+  var _a;
+  return b`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(_a = labels["collection-entry-id"]) != null ? _a : job.jobID}
+                </div>
+                <div>${new Date(job.createdAt).toLocaleString()}</div>
+            </div>
+        `;
+};
+_handleHistoryItemClick = new WeakSet();
+handleHistoryItemClick_fn = function(job) {
+  var _a;
+  const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
+  this.selectedJob = job.jobID;
+  this.selectedCollectionEntryId = parsedLabels["collection-entry-id"];
+  (_a = this.subsetter) == null ? void 0 : _a.showDialog();
+};
+_parseLabelsAsJson = new WeakSet();
+parseLabelsAsJson_fn = function(labels) {
+  try {
+    return Object.fromEntries(
+      labels.map((line) => {
+        const [key, ...rest] = line.split(":");
+        const valueRaw = rest.join(":").trim();
+        let value = valueRaw;
+        if (valueRaw.startsWith("{") || valueRaw.startsWith("[")) {
+          try {
+            value = JSON.parse(valueRaw);
+          } catch (e2) {
+            value = valueRaw;
+          }
+        }
+        return [key.trim(), value];
+      })
+    );
+  } catch (e2) {
+    return {};
+  }
+};
+TerraDataSubsetterHistory.dependencies = {
+  "terra-icon": TerraIcon,
+  "terra-data-subsetter": TerraDataSubsetter,
+  "terra-dialog": TerraDialog
+};
+TerraDataSubsetterHistory.styles = [component_styles_default, data_subsetter_history_styles_default];
+__decorateClass([
+  n()
+], TerraDataSubsetterHistory.prototype, "label", 2);
+__decorateClass([
+  n({ attribute: "bearer-token" })
+], TerraDataSubsetterHistory.prototype, "bearerToken", 2);
+__decorateClass([
+  n({ attribute: "always-show", type: Boolean })
+], TerraDataSubsetterHistory.prototype, "alwaysShow", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "collapsed", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "selectedJob", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "selectedCollectionEntryId", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "hideCancelled", 2);
+__decorateClass([
+  e('[part~="dialog"]')
+], TerraDataSubsetterHistory.prototype, "dialog", 2);
+__decorateClass([
+  e('[part~="subsetter"]')
+], TerraDataSubsetterHistory.prototype, "subsetter", 2);
+
+export {
+  TerraDataSubsetterHistory
+};

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

@@ -0,0 +1,19 @@
+import {
+  TerraCheckbox
+} from "./chunk.QRLWVOPI.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/checkbox/checkbox.ts
+init_dirname();
+init_buffer();
+init_process();
+var checkbox_default = TerraCheckbox;
+TerraCheckbox.define("terra-checkbox");
+
+export {
+  checkbox_default
+};

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

@@ -0,0 +1,110 @@
+import {
+  M,
+  h,
+  p,
+  u,
+  v
+} from "./chunk.RLW2L6QO.js";
+import {
+  e,
+  i,
+  t
+} from "./chunk.GREJIXMV.js";
+import {
+  E
+} from "./chunk.RRCYT4LP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// node_modules/lit-html/directives/repeat.js
+init_dirname();
+init_buffer();
+init_process();
+var u2 = (e2, s, t2) => {
+  const r = /* @__PURE__ */ new Map();
+  for (let l = s; l <= t2; l++)
+    r.set(e2[l], l);
+  return r;
+};
+var c = e(class extends i {
+  constructor(e2) {
+    if (super(e2), e2.type !== t.CHILD)
+      throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e2, s, t2) {
+    let r;
+    void 0 === t2 ? t2 = s : void 0 !== s && (r = s);
+    const l = [], o = [];
+    let i2 = 0;
+    for (const s2 of e2)
+      l[i2] = r ? r(s2, i2) : i2, o[i2] = t2(s2, i2), i2++;
+    return { values: o, keys: l };
+  }
+  render(e2, s, t2) {
+    return this.dt(e2, s, t2).values;
+  }
+  update(s, [t2, r, c2]) {
+    var _a;
+    const d = M(s), { values: p2, keys: a } = this.dt(t2, r, c2);
+    if (!Array.isArray(d))
+      return this.ut = a, p2;
+    const h2 = (_a = this.ut) != null ? _a : this.ut = [], v2 = [];
+    let m, y, x = 0, j = d.length - 1, k = 0, w = p2.length - 1;
+    for (; x <= j && k <= w; )
+      if (null === d[x])
+        x++;
+      else if (null === d[j])
+        j--;
+      else if (h2[x] === a[k])
+        v2[k] = u(d[x], p2[k]), x++, k++;
+      else if (h2[j] === a[w])
+        v2[w] = u(d[j], p2[w]), j--, w--;
+      else if (h2[x] === a[w])
+        v2[w] = u(d[x], p2[w]), v(s, v2[w + 1], d[x]), x++, w--;
+      else if (h2[j] === a[k])
+        v2[k] = u(d[j], p2[k]), v(s, d[x], d[j]), j--, k++;
+      else if (void 0 === m && (m = u2(a, k, w), y = u2(h2, x, j)), m.has(h2[x]))
+        if (m.has(h2[j])) {
+          const e2 = y.get(a[k]), t3 = void 0 !== e2 ? d[e2] : null;
+          if (null === t3) {
+            const e3 = v(s, d[x]);
+            u(e3, p2[k]), v2[k] = e3;
+          } else
+            v2[k] = u(t3, p2[k]), v(s, d[x], t3), d[e2] = null;
+          k++;
+        } else
+          h(d[j]), j--;
+      else
+        h(d[x]), x++;
+    for (; k <= w; ) {
+      const e2 = v(s, v2[w + 1]);
+      u(e2, p2[k]), v2[k++] = e2;
+    }
+    for (; x <= j; ) {
+      const e2 = d[x++];
+      null !== e2 && h(e2);
+    }
+    return this.ut = a, p(s, v2), E;
+  }
+});
+
+// node_modules/lit/directives/repeat.js
+init_dirname();
+init_buffer();
+init_process();
+
+export {
+  c
+};
+/*! Bundled license information:
+
+lit-html/directives/repeat.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

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

@@ -0,0 +1,34 @@
+import {
+  TerraTimeSeries
+} from "./chunk.MPO2T7WC.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/time-series/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-time-series";
+TerraTimeSeries.define("terra-time-series");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTimeSeries,
+  react: React,
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change",
+    onTerraTimeSeriesDataChange: "terra-time-series-data-change",
+    onTerraHarmonyJobStatusUpdate: "terra-harmony-job-status-update"
+  },
+  displayName: "TerraTimeSeries"
+});
+var time_series_default = reactWrapper;
+
+export {
+  time_series_default
+};

package/cdn/chunks/chunk.4AV2XGTK.js

@@ -0,0 +1,29 @@
+import {
+  TerraDateRangeSlider
+} from "./chunk.LZMDVGJS.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/date-range-slider/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-date-range-slider";
+TerraDateRangeSlider.define("terra-date-range-slider");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDateRangeSlider,
+  react: React,
+  events: {},
+  displayName: "TerraDateRangeSlider"
+});
+var date_range_slider_default = reactWrapper;
+
+export {
+  date_range_slider_default
+};

package/cdn/chunks/chunk.4IPGHRXZ.js

@@ -0,0 +1,19 @@
+import {
+  TerraTabPanel
+} from "./chunk.IPITXO35.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/tab-panel/tab-panel.ts
+init_dirname();
+init_buffer();
+init_process();
+var tab_panel_default = TerraTabPanel;
+TerraTabPanel.define("terra-tab-panel");
+
+export {
+  tab_panel_default
+};

package/cdn/chunks/chunk.4P5F6RTX.js

@@ -0,0 +1,37 @@
+import {
+  TerraInput
+} from "./chunk.EUOOG55M.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/input/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-input";
+TerraInput.define("terra-input");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraInput,
+  react: React,
+  events: {
+    onTerraInput: "terra-input",
+    onTerraChange: "terra-change",
+    onTerraFocus: "terra-focus",
+    onTerraBlur: "terra-blur",
+    onTerraInvalid: "terra-invalid",
+    onTerraClear: "terra-clear"
+  },
+  displayName: "TerraInput"
+});
+var input_default = reactWrapper;
+
+export {
+  input_default
+};

package/cdn/chunks/chunk.4VSZFNJC.js

@@ -0,0 +1,19 @@
+import {
+  TerraPlot
+} from "./chunk.IFTFWTIP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/plot/plot.ts
+init_dirname();
+init_buffer();
+init_process();
+var plot_default = TerraPlot;
+TerraPlot.define("terra-plot");
+
+export {
+  plot_default
+};