@nasa-terra/components 0.0.66 → 0.0.68

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

@@ -0,0 +1,35 @@
+import {
+  TerraAlert
+} from "./chunk.F26HLQPA.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/alert/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-alert";
+TerraAlert.define("terra-alert");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraAlert,
+  react: React,
+  events: {
+    onTerraShow: "terra-show",
+    onTerraAfterShow: "terra-after-show",
+    onTerraHide: "terra-hide",
+    onTerraAfterHide: "terra-after-hide"
+  },
+  displayName: "TerraAlert"
+});
+var alert_default = reactWrapper;
+
+export {
+  alert_default
+};

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

@@ -0,0 +1,33 @@
+import {
+  TerraVariableKeywordSearch
+} from "./chunk.T33FEXFP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/variable-keyword-search/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-variable-keyword-search";
+TerraVariableKeywordSearch.define("terra-variable-keyword-search");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraVariableKeywordSearch,
+  react: React,
+  events: {
+    onTerraVariableKeywordSearchChange: "terra-variable-keyword-search-change",
+    onTerraSearch: "terra-search"
+  },
+  displayName: "TerraVariableKeywordSearch"
+});
+var variable_keyword_search_default = reactWrapper;
+
+export {
+  variable_keyword_search_default
+};

package/{dist/chunks/chunk.JGUDK23O.js → cdn/chunks/chunk.5QKVNNUH.js}

@@ -1,22 +1,22 @@
 import {
   loader_default
-} from "./chunk.Y54UJLRZ.js";
+} from "./chunk.X7MVYC7B.js";
 import {
   login_styles_default
 } from "./chunk.TCEJ3MS6.js";
 import {
   AuthController
-} from "./chunk.AP4TJGMK.js";
+} from "./chunk.KIC5ZCAM.js";
 import {
   icon_default
-} from "./chunk.2OOE2V74.js";
+} from "./chunk.O7SVDS2A.js";
 import {
   button_default
-} from "./chunk.NGMZML6J.js";
+} from "./chunk.CA2ZDE2M.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MHGQR4W2.js";
+} from "./chunk.O6SXSDFR.js";
 import {
   __decorateClass,
   __privateAdd,

package/cdn/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.QXGOVVWV.js → cdn/chunks/chunk.642Z3X7N.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetterHistory
-} from "./chunk.JLB3AJLB.js";
+} from "./chunk.OJC754DG.js";
 
 // src/components/data-subsetter-history/data-subsetter-history.ts
 var data_subsetter_history_default = TerraDataSubsetterHistory;

package/{dist/chunks/chunk.HRP2UCAE.js → cdn/chunks/chunk.64ARWPHU.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.XNHODSUI.js";
+} from "./chunk.2LGINANI.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = TerraDialog;

package/cdn/chunks/{chunk.26Y3U5MM.js → chunk.66XPY5CX.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniGeoJsonShapes
-} from "./chunk.EGZALHQH.js";
+} from "./chunk.KXDQAQQH.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.X5N7C225.js → chunk.675EEES3.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniVariableCatalog
-} from "./chunk.E4Y3ZGGY.js";
+} from "./chunk.NDNXLJCK.js";
 import {
   h,
   s

package/cdn/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.GXQRUGWI.js → cdn/chunks/chunk.6VTAKEV4.js}

@@ -1,6 +1,6 @@
 import {
   HarmonyDataService
-} from "./chunk.KASQMBBH.js";
+} from "./chunk.M6X72F3Q.js";
 import {
   __privateAdd,
   __privateGet,

package/cdn/chunks/chunk.6YSGUTCT.js

@@ -0,0 +1,29 @@
+import {
+  TerraChip
+} from "./chunk.VUJ26IHB.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/chip/index.ts
+init_dirname();
+init_buffer();
+init_process();
+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.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
+};