@nasa-terra/components 0.0.28 → 0.0.30

package/cdn/chunks/{chunk.FTKIGK4N.js → chunk.GSG6MPDX.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.JU3ZZBBB.js";
+} from "./chunk.AX2SA27I.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.UY7CYM6H.js → chunk.HFMQVMLF.js}

@@ -4,19 +4,19 @@ import {
 import {
   format
 } from "./chunk.BPNFS4ED.js";
-import {
-  date_range_slider_styles_default
-} from "./chunk.WTMN7OUL.js";
 import {
   mergeTooltips
 } from "./chunk.KW4TJM4C.js";
+import {
+  date_range_slider_styles_default
+} from "./chunk.WTMN7OUL.js";
 import {
   watch
 } from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.JU3ZZBBB.js";
+} from "./chunk.AX2SA27I.js";
 import {
   e,
   n

package/cdn/chunks/chunk.HLNHG2BS.js

@@ -0,0 +1,25 @@
+import {
+  TerraVariableKeywordSearch
+} from "./chunk.EFOVA2JJ.js";
+
+// src/react/variable-keyword-search/index.ts
+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/cdn/chunks/{chunk.EFB7PCTH.js → chunk.HXEZAY6X.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.WS4QAZPT.js";
+} from "./chunk.GDSSJKN2.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.JU3ZZBBB.js";
+} from "./chunk.AX2SA27I.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.7KRDHUCY.js → chunk.I6AG4GNV.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.J5Z627YC.js";
+} from "./chunk.O7MMFKKX.js";
 
 // src/react/plot/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.FAICFDGD.js → chunk.JLUCY2KC.js}

@@ -11,36 +11,10 @@ var dialog_styles_default = i`
         display: block;
     }
 
-    .dialog-backdrop {
-        pointer-events: none;
-        position: fixed;
-        top: 0;
-        left: -9999;
-        right: auto;
-        bottom: auto;
-        width: 0;
-        height: 0;
-        z-index: calc(var(--terra-dialog-z-index) - 1);
-        /* TODO: fade in the backdrop */
-    }
-
-    .dialog-backdrop.visible {
+    ::backdrop {
         background-color: var(--terra-dialog-backdrop-color);
     }
 
-    .dialog-backdrop.clickable {
-        pointer-events: auto;
-    }
-
-    .dialog-backdrop.active {
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        width: auto;
-        height: auto;
-    }
-
     dialog[open] {
         display: flex;
         align-items: center;

package/cdn/chunks/{chunk.MJY6U2Q2.js → chunk.JXGOY6TG.js}

@@ -5,7 +5,6 @@ import {
   x
 } from "./chunk.PQFHJHNO.js";
 import {
-  __objRest,
   __spreadProps,
   __spreadValues
 } from "./chunk.MR27IH5Z.js";
@@ -26,6 +25,7 @@ function renderSearchResult(listItem, index) {
                             id="listbox-option-${index}.${subIndex}"
                             role="option"
                             class="listbox-option"
+                            data-name=${variable.name}
                             data-long-name=${variable.longName}
                             data-event-detail=${variable.eventDetail}
                         >
@@ -43,7 +43,7 @@ function removeEmptyCollections(docs) {
   });
   return nonEmptyCollections;
 }
-function groupDocsByCollection(docs) {
+function groupDocsByCollection(docs = []) {
   const groupedDocs = {};
   for (const doc of docs) {
     const key = `${doc.collectionShortName}_${doc.collectionVersion}`;
@@ -68,11 +68,11 @@ function cherryPickDocInfo(docs) {
       longName: doc["Variable.LongName"],
       name: doc["Variable.Name"],
       standardName: doc["Variable.StandardName"],
-      units: doc["Variable.Units"]
+      units: doc["Variable.Units"],
+      timeInterval: doc["Collection.TimeInterval"]
     };
-    const _a = renderableData, { collectionLongName } = _a, eventDetails = __objRest(_a, ["collectionLongName"]);
     return __spreadProps(__spreadValues({}, renderableData), {
-      eventDetail: JSON.stringify(__spreadProps(__spreadValues({}, eventDetails), {
+      eventDetail: JSON.stringify(__spreadProps(__spreadValues({}, renderableData), {
         datasetLandingPage: doc["Collection.DescriptionUrl"],
         variableLandingPage: doc["Variable.DescriptionUrl"]
       }))
@@ -109,6 +109,13 @@ 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,
@@ -116,5 +123,6 @@ export {
   groupDocsByCollection,
   cherryPickDocInfo,
   clearSelection,
-  walkToOption
+  walkToOption,
+  adaptValueToVariableMetadata
 };

package/cdn/chunks/{chunk.BJPGEPX5.js → chunk.KFKV4IIY.js}

@@ -1,26 +1,26 @@
+import {
+  loader_default
+} from "./chunk.VKEDPAJJ.js";
 import {
   login_styles_default
 } from "./chunk.5P7TDN4M.js";
-import {
-  loader_default
-} from "./chunk.OZGXZ6SJ.js";
 import {
   icon_default
-} from "./chunk.Z7X6Y5A2.js";
-import {
-  button_default
-} from "./chunk.BV73CHWI.js";
+} from "./chunk.DDGJ6BLG.js";
 import {
   e,
   n
 } from "./chunk.2XCNCXGV.js";
+import {
+  button_default
+} from "./chunk.X4S4SQKL.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.JU3ZZBBB.js";
+} from "./chunk.AX2SA27I.js";
 import {
   T,
   x

package/cdn/chunks/{chunk.ZVDBX7MJ.js → chunk.KJEKFNS4.js}

@@ -1,18 +1,18 @@
+import {
+  TerraVariableKeywordSearch
+} from "./chunk.EFOVA2JJ.js";
 import {
   TerraSkeleton
-} from "./chunk.QYO3IJOM.js";
+} from "./chunk.LCPNNUVW.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.FTKIGK4N.js";
-import {
-  TerraGiovanniSearch
-} from "./chunk.FHRITYAX.js";
+} from "./chunk.GSG6MPDX.js";
 import {
   TerraIcon
-} from "./chunk.X6AXQLXY.js";
+} from "./chunk.SULSGF5G.js";
 import {
   BrowseVariablesController
 } from "./chunk.GJXX5TSE.js";
@@ -24,14 +24,14 @@ import {
 } from "./chunk.4EVDB43F.js";
 import {
   TerraButton
-} from "./chunk.LUOLRKWX.js";
+} from "./chunk.U2IVCX3M.js";
 import {
   watch
 } from "./chunk.CBV7M6CJ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.JU3ZZBBB.js";
+} from "./chunk.AX2SA27I.js";
 import {
   n,
   r
@@ -124,9 +124,9 @@ var TerraBrowseVariables = class extends TerraElement {
                               </terra-button>
                           ` : T}
 
-                    <terra-giovanni-search
+                    <terra-variable-keyword-search
                         @terra-search=${this.handleSearch}
-                    ></terra-giovanni-search>
+                    ></terra-variable-keyword-search>
                 </header>
 
                 ${this.showVariablesBrowse ? __privateMethod(this, _renderVariablesBrowse, renderVariablesBrowse_fn).call(this) : __privateMethod(this, _renderCategorySelect, renderCategorySelect_fn).call(this)}
@@ -467,7 +467,7 @@ renderVariablesBrowse_fn = function() {
 };
 TerraBrowseVariables.styles = [component_styles_default, browse_variables_styles_default];
 TerraBrowseVariables.dependencies = {
-  "terra-giovanni-search": TerraGiovanniSearch,
+  "terra-variable-keyword-search": TerraVariableKeywordSearch,
   "terra-button": TerraButton,
   "terra-skeleton": TerraSkeleton,
   "terra-icon": TerraIcon,

package/cdn/chunks/{chunk.QYO3IJOM.js → chunk.LCPNNUVW.js}

@@ -1,16 +1,16 @@
-import {
-  skeleton_default
-} from "./chunk.GT24H4QB.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
+import {
+  skeleton_default
+} from "./chunk.WTPVOF7N.js";
 import {
   skeleton_styles_default
 } from "./chunk.FPSSRS2U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.JU3ZZBBB.js";
+} from "./chunk.AX2SA27I.js";
 import {
   n
 } from "./chunk.QCK7PTWV.js";