@nasa-terra/components 0.0.191 → 0.0.192

package/cdn/chunks/chunk.TAL5NXNQ.js

@@ -1,19 +0,0 @@
-import {
-  TerraProgressBar
-} from "./chunk.BA3EXOZR.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/progress-bar/progress-bar.ts
-init_dirname();
-init_buffer();
-init_process();
-var progress_bar_default = TerraProgressBar;
-TerraProgressBar.define("terra-progress-bar");
-
-export {
-  progress_bar_default
-};

package/cdn/chunks/chunk.TJMBLJW2.js

@@ -1,29 +0,0 @@
-import {
-  TerraProgressBar
-} from "./chunk.BA3EXOZR.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/progress-bar/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-progress-bar";
-TerraProgressBar.define("terra-progress-bar");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraProgressBar,
-  react: React,
-  events: {},
-  displayName: "TerraProgressBar"
-});
-var progress_bar_default = reactWrapper;
-
-export {
-  progress_bar_default
-};

package/cdn/chunks/chunk.TQLLYTCG.js

@@ -1,19 +0,0 @@
-import {
-  TerraCard
-} from "./chunk.3WW575WA.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/card/card.ts
-init_dirname();
-init_buffer();
-init_process();
-var card_default = TerraCard;
-TerraCard.define("terra-card");
-
-export {
-  card_default
-};

package/cdn/chunks/chunk.TY4ORAQ7.js

@@ -1,19 +0,0 @@
-import {
-  TerraStepper
-} from "./chunk.A4Z7IIES.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/stepper/stepper.ts
-init_dirname();
-init_buffer();
-init_process();
-var stepper_default = TerraStepper;
-TerraStepper.define("terra-stepper");
-
-export {
-  stepper_default
-};

package/cdn/chunks/chunk.U4NYKRMO.js

@@ -1,19 +0,0 @@
-import {
-  TerraDivider
-} from "./chunk.S5YZQD7X.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/divider/divider.ts
-init_dirname();
-init_buffer();
-init_process();
-var divider_default = TerraDivider;
-TerraDivider.define("terra-divider");
-
-export {
-  divider_default
-};

package/cdn/chunks/chunk.U6NE6OMF.js

@@ -1,19 +0,0 @@
-import {
-  TerraOption
-} from "./chunk.Q44BATKG.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/option/option.ts
-init_dirname();
-init_buffer();
-init_process();
-var option_default = TerraOption;
-TerraOption.define("terra-option");
-
-export {
-  option_default
-};

package/cdn/chunks/chunk.UBRRAXVT.js

@@ -1,161 +0,0 @@
-import {
-  require_plotly_min
-} from "./chunk.NPCTDW7V.js";
-import {
-  plot_styles_default
-} from "./chunk.TOI4RMEC.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n
-} from "./chunk.HUU6UOOJ.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues,
-  __toESM,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/plot/plot.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var Plotly = __toESM(require_plotly_min(), 1);
-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: {
-          text: this.plotTitle
-          // support for adding a title directly
-        }
-      }, this.layout),
-      __spreadValues({ responsive: true }, this.config)
-    );
-    this.base.on("plotly_relayout", __privateMethod(this, _handlePlotlyRelayout, handlePlotlyRelayout_fn).bind(this));
-  }
-  render() {
-    return b`<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(e2) {
-  const detail = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, e2["xaxis.range[0]"] && { xAxisMin: e2["xaxis.range[0]"] }), e2["xaxis.range[1]"] && { xAxisMax: e2["xaxis.range[1]"] }), e2["yaxis.range[0]"] && { yAxisMin: e2["yaxis.range[0]"] }), e2["yaxis.range[1]"] && { yAxisMax: e2["yaxis.range[1]"] });
-  if (!Object.keys(detail).length) {
-    return;
-  }
-  this.emit("terra-plot-relayout", {
-    detail
-  });
-};
-TerraPlot.styles = [component_styles_default, plot_styles_default];
-__decorateClass([
-  e('[part="base"]')
-], TerraPlot.prototype, "base", 2);
-__decorateClass([
-  n()
-], TerraPlot.prototype, "plotTitle", 2);
-__decorateClass([
-  n()
-], TerraPlot.prototype, "layout", 2);
-__decorateClass([
-  n()
-], TerraPlot.prototype, "config", 2);
-__decorateClass([
-  n({ type: Array })
-], TerraPlot.prototype, "data", 2);
-__decorateClass([
-  n({ type: Array })
-], TerraPlot.prototype, "colors", 2);
-__decorateClass([
-  watch("data")
-], TerraPlot.prototype, "handleDataChange", 1);
-
-export {
-  TerraPlot
-};

package/cdn/chunks/chunk.UOGPQCIT.js

@@ -1,19 +0,0 @@
-import {
-  TerraPopup
-} from "./chunk.CDC6ECAD.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/popup/popup.ts
-init_dirname();
-init_buffer();
-init_process();
-var popup_default = TerraPopup;
-TerraPopup.define("terra-popup");
-
-export {
-  popup_default
-};

package/cdn/chunks/chunk.URMJZSQP.js

@@ -1,29 +0,0 @@
-import {
-  TerraMenuItem
-} from "./chunk.BP6TJGHY.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/menu-item/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-menu-item";
-TerraMenuItem.define("terra-menu-item");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraMenuItem,
-  react: React,
-  events: {},
-  displayName: "TerraMenuItem"
-});
-var menu_item_default = reactWrapper;
-
-export {
-  menu_item_default
-};

package/cdn/chunks/chunk.UUH3P6U6.js

@@ -1,29 +0,0 @@
-import {
-  TerraStatusIndicator
-} from "./chunk.LGASTYNC.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/status-indicator/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-status-indicator";
-TerraStatusIndicator.define("terra-status-indicator");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraStatusIndicator,
-  react: React,
-  events: {},
-  displayName: "TerraStatusIndicator"
-});
-var status_indicator_default = reactWrapper;
-
-export {
-  status_indicator_default
-};

package/cdn/chunks/chunk.UXR5JZ2Z.js

@@ -1,34 +0,0 @@
-import {
-  TerraFileUpload
-} from "./chunk.FHGT252S.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/file-upload/index.ts
-init_dirname();
-init_buffer();
-init_process();
-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/cdn/chunks/chunk.VCPLLAGP.js

@@ -1,294 +0,0 @@
-import {
-  data_subsetter_history_styles_default
-} from "./chunk.4X6WWIPJ.js";
-import {
-  TerraDataSubsetter
-} from "./chunk.RU34LNOQ.js";
-import {
-  TerraDialog
-} from "./chunk.WV5U6JXW.js";
-import {
-  AuthController
-} from "./chunk.P34Y4ETY.js";
-import {
-  queryHarmonyJobs
-} from "./chunk.H23GKZYM.js";
-import {
-  QueryClientMixin
-} from "./chunk.DOUWGQFH.js";
-import {
-  QueryController
-} from "./chunk.YY3ZUPZV.js";
-import {
-  TerraIcon
-} from "./chunk.5CH4R2XF.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.HUU6UOOJ.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
-};