@nasa-terra/components 0.0.68 → 0.0.70

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

@@ -1,73 +0,0 @@
-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/cdn/chunks/chunk.5TZQDEBJ.js

@@ -1,21 +0,0 @@
-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/cdn/chunks/chunk.6KIVAUVU.js

@@ -1,124 +0,0 @@
-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/cdn/chunks/chunk.6VTAKEV4.js

@@ -1,74 +0,0 @@
-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/cdn/chunks/chunk.7674U7FT.js

@@ -1,215 +0,0 @@
-// 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
-};