@nasa-terra/components 0.0.67 → 0.0.68

package/dist/chunks/chunk.5QKVNNUH.js

@@ -0,0 +1,73 @@
+import {
+  loader_default
+} from "./chunk.X7MVYC7B.js";
+import {
+  login_styles_default
+} from "./chunk.TCEJ3MS6.js";
+import {
+  AuthController
+} from "./chunk.KIC5ZCAM.js";
+import {
+  icon_default
+} from "./chunk.O7SVDS2A.js";
+import {
+  button_default
+} from "./chunk.CA2ZDE2M.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.O6SXSDFR.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/login/login.component.ts
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+var _authController;
+var TerraLogin = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.buttonLabel = "Earthdata Login";
+    __privateAdd(this, _authController, new AuthController(this));
+  }
+  login() {
+    __privateGet(this, _authController).login();
+  }
+  logout() {
+    __privateGet(this, _authController).logout();
+  }
+  render() {
+    var _a;
+    if ((_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) {
+      const template = this.querySelector(
+        'template[slot="logged-in"]'
+      );
+      return html`${template ? template.content.cloneNode(true) : html`<slot
+                      name="logged-in"
+                      .user=${__privateGet(this, _authController).state.user}
+                  ></slot>`}`;
+    }
+    if (__privateGet(this, _authController).state.isLoading) {
+      return html`<slot name="loading"></slot>`;
+    }
+    return html` <slot name="logged-out"></slot
+            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`;
+  }
+};
+_authController = new WeakMap();
+TerraLogin.dependencies = {
+  "terra-button": button_default,
+  "terra-icon": icon_default,
+  "terra-loader": loader_default
+};
+TerraLogin.styles = [component_styles_default, login_styles_default];
+__decorateClass([
+  property({ attribute: "button-label" })
+], TerraLogin.prototype, "buttonLabel", 2);
+
+export {
+  TerraLogin
+};

package/dist/chunks/chunk.5TZQDEBJ.js

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

package/dist/chunks/chunk.642Z3X7N.js

@@ -0,0 +1,11 @@
+import {
+  TerraDataSubsetterHistory
+} from "./chunk.OJC754DG.js";
+
+// src/components/data-subsetter-history/data-subsetter-history.ts
+var data_subsetter_history_default = TerraDataSubsetterHistory;
+TerraDataSubsetterHistory.define("terra-data-subsetter-history");
+
+export {
+  data_subsetter_history_default
+};

package/dist/chunks/chunk.64ARWPHU.js

@@ -0,0 +1,11 @@
+import {
+  TerraDialog
+} from "./chunk.2LGINANI.js";
+
+// src/components/dialog/dialog.ts
+var dialog_default = TerraDialog;
+TerraDialog.define("terra-dialog");
+
+export {
+  dialog_default
+};

package/dist/chunks/chunk.65TXBD5Q.js

@@ -0,0 +1,11 @@
+import {
+  TerraAccordion
+} from "./chunk.GGRGK2NT.js";
+
+// src/components/accordion/accordion.ts
+var accordion_default = TerraAccordion;
+TerraAccordion.define("terra-accordion");
+
+export {
+  accordion_default
+};

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

@@ -0,0 +1,11 @@
+import {
+  TerraDialog
+} from "./chunk.FD3GJNJJ.js";
+
+// src/components/dialog/dialog.ts
+var dialog_default = TerraDialog;
+TerraDialog.define("terra-dialog");
+
+export {
+  dialog_default
+};

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

@@ -0,0 +1,124 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/variable-combobox/lib.ts
+import { html } from "lit";
+import { repeat } from "lit/directives/repeat.js";
+function renderSearchResult(listItem, index) {
+  return html`<li class="listbox-option-group" data-tree-walker="filter_skip">
+        <span class="group-title" data-tree-walker="filter_skip"
+            >${listItem.collectionEntryId}</span
+        >
+        <ul data-tree-walker="filter_skip">
+            ${repeat(
+    listItem.variables,
+    (variable) => `${variable.collectionShortName}_${variable.collectionVersion}--${variable.longName}`,
+    (variable, subIndex) => {
+      return html`
+                        <li
+                            id="listbox-option-${index}.${subIndex}"
+                            role="option"
+                            class="listbox-option"
+                            data-name=${variable.name}
+                            data-long-name=${variable.longName}
+                            data-event-detail=${variable.eventDetail}
+                        >
+                            ${variable.longName} (${variable.units})
+                        </li>
+                    `;
+    }
+  )}
+        </ul>
+    </li>`;
+}
+function removeEmptyCollections(docs) {
+  const nonEmptyCollections = docs.filter((doc) => {
+    return !!doc.variables.length;
+  });
+  return nonEmptyCollections;
+}
+function groupDocsByCollection(docs = []) {
+  const groupedDocs = {};
+  for (const doc of docs) {
+    const key = `${doc.collectionShortName}_${doc.collectionVersion}`;
+    Array.isArray(groupedDocs[key]) ? groupedDocs[key].push(doc) : groupedDocs[key] = [doc];
+  }
+  return Object.entries(groupedDocs).map(([collectionEntryId, variables]) => {
+    return {
+      collectionEntryId,
+      variables
+    };
+  });
+}
+function cherryPickDocInfo(docs) {
+  return docs.map((doc) => {
+    const renderableData = {
+      collectionBeginningDateTime: doc["Collection.BeginDateTime"],
+      collectionEndingDateTime: doc["Collection.EndDateTime"],
+      collectionLongName: doc["Collection.LongName"],
+      collectionShortName: doc["Collection.ShortName"],
+      collectionVersion: doc["Collection.Version"],
+      entryId: doc["Variable.Id"],
+      longName: doc["Variable.LongName"],
+      name: doc["Variable.Name"],
+      standardName: doc["Variable.StandardName"],
+      units: doc["Variable.Units"],
+      timeInterval: doc["Collection.TimeInterval"]
+    };
+    return __spreadProps(__spreadValues({}, renderableData), {
+      eventDetail: JSON.stringify(__spreadProps(__spreadValues({}, renderableData), {
+        datasetLandingPage: doc["Collection.DescriptionUrl"],
+        variableLandingPage: doc["Variable.DescriptionUrl"]
+      }))
+    });
+  });
+}
+function clearSelection(combobox, listbox) {
+  combobox.removeAttribute("aria-activedescendant");
+  listbox.querySelectorAll("[aria-selected]").forEach((option) => option.removeAttribute("aria-selected"));
+}
+function walkToOption(walker, combobox, direction = "next") {
+  const maybeCurrentElement = direction === "next" ? walker.nextNode() : walker.previousNode();
+  if (maybeCurrentElement === null || maybeCurrentElement === walker.root) {
+    direction === "next" ? walkToFirst(walker) : walkToLast(walker);
+  }
+  combobox.setAttribute(
+    "aria-activedescendant",
+    walker.currentNode.id
+  );
+  walker.currentNode.setAttribute("aria-selected", "true");
+  globalThis.setTimeout(() => {
+    ;
+    walker.currentNode.scrollIntoView({
+      behavior: "auto",
+      block: "nearest"
+    });
+  }, 100);
+}
+function walkToFirst(walker) {
+  walker.parentNode();
+  walker.firstChild();
+}
+function walkToLast(walker) {
+  walker.parentNode();
+  walker.lastChild();
+}
+function adaptValueToVariableMetadata(value) {
+  const lastUnderscoreIndex = value.lastIndexOf("_");
+  const collection = value.substring(0, lastUnderscoreIndex);
+  const variableName = value.substring(lastUnderscoreIndex + 1);
+  const modifiedCollection = collection.replace(/_v(?=[^_]*$)/, "_");
+  return `${modifiedCollection}_${variableName}`;
+}
+
+export {
+  renderSearchResult,
+  removeEmptyCollections,
+  groupDocsByCollection,
+  cherryPickDocInfo,
+  clearSelection,
+  walkToOption,
+  adaptValueToVariableMetadata
+};

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

@@ -0,0 +1,74 @@
+import {
+  HarmonyDataService
+} from "./chunk.M6X72F3Q.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/data-subsetter-history/data-subsetter-history.controller.ts
+import { Task } from "@lit/task";
+var JOBS_POLL_MILLIS = 3e3;
+var _host, _dataService, _windowIsVisible, _jobTimeout, _getDataService, getDataService_fn, _handleVisibilityChange, handleVisibilityChange_fn;
+var DataSubsetterHistoryController = class {
+  constructor(host) {
+    __privateAdd(this, _getDataService);
+    __privateAdd(this, _handleVisibilityChange);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _dataService, void 0);
+    __privateAdd(this, _windowIsVisible, true);
+    __privateAdd(this, _jobTimeout, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _dataService, __privateMethod(this, _getDataService, getDataService_fn).call(this));
+    this.task = new Task(host, {
+      task: async ([], { signal }) => {
+        clearTimeout(__privateGet(this, _jobTimeout));
+        const shouldFetch = __privateGet(this, _windowIsVisible) && (!__privateGet(this, _host).collapsed || !this.jobs);
+        if (shouldFetch && __privateGet(this, _host).bearerToken) {
+          this.jobs = await __privateGet(this, _dataService).getSubsetJobs({
+            bearerToken: __privateGet(this, _host).bearerToken,
+            signal,
+            environment: __privateGet(this, _host).environment
+          });
+        }
+        __privateSet(this, _jobTimeout, setTimeout(() => this.task.run(), JOBS_POLL_MILLIS));
+        return this.jobs;
+      },
+      args: () => [__privateGet(this, _host).bearerToken]
+    });
+  }
+  hostConnected() {
+    document.addEventListener(
+      "visibilitychange",
+      __privateMethod(this, _handleVisibilityChange, handleVisibilityChange_fn).bind(this)
+    );
+  }
+  hostDisconnected() {
+    document.removeEventListener(
+      "visibilitychange",
+      __privateMethod(this, _handleVisibilityChange, handleVisibilityChange_fn).bind(this)
+    );
+  }
+  render(renderFunctions) {
+    return this.task.render(renderFunctions);
+  }
+};
+_host = new WeakMap();
+_dataService = new WeakMap();
+_windowIsVisible = new WeakMap();
+_jobTimeout = new WeakMap();
+_getDataService = new WeakSet();
+getDataService_fn = function() {
+  return new HarmonyDataService();
+};
+_handleVisibilityChange = new WeakSet();
+handleVisibilityChange_fn = function() {
+  __privateSet(this, _windowIsVisible, document.visibilityState === "visible");
+  this.task.run();
+};
+
+export {
+  DataSubsetterHistoryController
+};

package/dist/chunks/chunk.7674U7FT.js

@@ -0,0 +1,215 @@
+// src/components/data-subsetter-history/data-subsetter-history.styles.ts
+import { css } from "lit";
+var data_subsetter_history_styles_default = css`
+    :host {
+        display: block;
+        position: fixed;
+        right: 32px;
+        bottom: 0;
+        z-index: 1000;
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
+        border-radius: 12px 12px 0 0;
+        background: #fff;
+        min-width: 340px;
+        max-width: 400px;
+        font-family: var(
+            --terra-font-family--public-sans,
+            'Public Sans',
+            Arial,
+            sans-serif
+        );
+        color: #222;
+        transition:
+            box-shadow 0.2s,
+            transform 0.2s;
+    }
+
+    .history-header {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        font-size: 1.1rem;
+        font-weight: 600;
+        background: #183153;
+        color: #fff;
+        border-radius: 12px 12px 0 0;
+        padding: 12px 20px;
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .history-header .count {
+        background: #fff;
+        color: #183153;
+        font-weight: 700;
+        border-radius: 16px;
+        padding: 2px 10px;
+        font-size: 0.95em;
+        margin-right: 8px;
+    }
+
+    .history-panel {
+        padding: 0 0 16px 0;
+        background: #fff;
+        border-radius: 0 0 12px 12px;
+        box-shadow: none;
+        border-top: 1px solid #e9ecef;
+        transition: max-height 0.2s;
+    }
+
+    .tabs {
+        display: flex;
+        gap: 8px;
+        margin: 16px 0 0 20px;
+    }
+    .tab {
+        background: #f8f9fa;
+        border: none;
+        border-radius: 16px;
+        padding: 4px 16px;
+        font-size: 0.95em;
+        color: #222;
+        cursor: pointer;
+        font-weight: 500;
+        transition:
+            background 0.2s,
+            color 0.2s;
+    }
+    .tab.active {
+        background: #183153;
+        color: #fff;
+    }
+
+    .history-list {
+        margin: 0;
+        padding: 0 20px;
+        max-height: calc(3 * 102px);
+        overflow-y: auto;
+    }
+    .history-item {
+        background: #f8f9fa;
+        border-radius: 8px;
+        padding: 16px 16px 12px 16px;
+        margin-bottom: 12px;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        box-shadow: 0 1px 2px rgba(24, 49, 83, 0.04);
+    }
+    .history-item .item-header {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        font-size: 1em;
+        font-weight: 600;
+        color: #222;
+    }
+    .history-item .item-header .icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .history-item .item-title {
+        font-size: 1em;
+        font-weight: 500;
+        color: #222;
+        margin-bottom: 4px;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: normal;
+    }
+    .history-item .progress-bar {
+        background: #e9ecef;
+        border-radius: 6px;
+        height: 24px;
+        width: 100%;
+        overflow: hidden;
+        margin-top: 8px;
+        display: flex;
+        align-items: center;
+    }
+    .history-item .progress-fill {
+        background: #4caf50;
+        height: 100%;
+        border-radius: 6px 0 0 6px;
+        transition: width 0.3s;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        color: #fff;
+        font-weight: 600;
+        font-size: 0.95em;
+        padding-left: 10px;
+    }
+
+    .collapsed .history-panel {
+        display: none;
+    }
+    .collapsed {
+        min-width: 0;
+        border-radius: 12px;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    @media (max-width: 600px) {
+        :host {
+            right: 0;
+            bottom: 0;
+            left: 0;
+            min-width: 0;
+            max-width: 100vw;
+            border-radius: 0;
+        }
+        .history-header {
+            border-radius: 0;
+        }
+        .history-panel {
+            border-radius: 0;
+        }
+    }
+
+    .history-link-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 5px 20px;
+    }
+
+    .history-link {
+        font-size: 0.98em;
+        color: #0066cc;
+        text-decoration: none;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .history-link:hover {
+        text-decoration: underline;
+    }
+
+    .history-alert {
+        padding: 32px 0;
+        text-align: center;
+        color: #666;
+        font-size: 1.05em;
+    }
+
+    .history-alert-link {
+        color: #0066cc;
+        text-decoration: underline;
+        cursor: pointer;
+    }
+
+    .history-alert-link:hover {
+        text-decoration: underline;
+        color: #004999;
+    }
+`;
+
+export {
+  data_subsetter_history_styles_default
+};

package/dist/chunks/chunk.76XDDHGB.js

@@ -0,0 +1,24 @@
+import {
+  TerraDataSubsetter
+} from "./chunk.Y7TVB466.js";
+
+// src/react/data-subsetter/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-data-subsetter";
+TerraDataSubsetter.define("terra-data-subsetter");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDataSubsetter,
+  react: React,
+  events: {
+    onTerraSubsetJobComplete: "terra-subset-job-complete"
+  },
+  displayName: "TerraDataSubsetter"
+});
+var data_subsetter_default = reactWrapper;
+
+export {
+  data_subsetter_default
+};

package/dist/chunks/chunk.77RFVKUZ.js

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