@nasa-terra/components 0.0.66 → 0.0.68

package/cdn/chunks/chunk.D3DPGMVW.js

@@ -0,0 +1,222 @@
+// src/components/variable-keyword-search/variable-keyword-search.styles.ts
+import { css } from "lit";
+var variable_keyword_search_styles_default = css`
+    :host {
+        --label-height: 1.8125rem;
+
+        block-size: var(--terra-block-size, 2.1875rem);
+        box-sizing: border-box;
+        color: #1b1b1b; /* HDS uses this color for body text but does not have a defined color in the HDS palette */
+        contain: layout size style;
+        contain-intrinsic-size: var(--terra-inline-size, 100%)
+            calc(33vh + var(--terra-block-size, 2.1875rem));
+        display: block;
+        font-family: var(--terra-font-family--public-sans);
+        inline-size: var(--terra-inline-size, 100%);
+        position: relative;
+        z-index: 10;
+    }
+
+    * {
+        box-sizing: inherit;
+    }
+
+    .search-input-group {
+        block-size: 100%;
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .combobox {
+        block-size: var(--terra-block-size, 2.25rem);
+        flex: 1 1 auto;
+        padding-inline: 2rem;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+    }
+
+    .combobox::placeholder {
+        color: var(--terra-color-carbon-60);
+    }
+
+    .combobox:focus {
+        border-color: var(--terra-color-carbon-40);
+        outline: 0;
+    }
+
+    .search-input-group:has(.combobox:not(:focus)) + .search-results[open] {
+        border-color: var(--terra-color-carbon-30);
+    }
+
+    .search-input-button {
+        margin-block: 0;
+        margin-inline: 0;
+        outline: 0;
+        position: absolute;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+        z-index: 2;
+    }
+
+    .search-input-button::part(base) {
+        border-color: transparent;
+    }
+
+    .search-input-button::part(base):hover {
+        background-color: transparent;
+        border-color: var(--terra-color-nasa-blue-shade);
+        color: var(--terra-button-outline-text-color);
+    }
+
+    .search-button {
+        left: 0;
+    }
+
+    .clear-button {
+        right: 0;
+    }
+
+    .button-icon {
+        height: 1rem;
+        width: 1rem;
+    }
+
+    .spinner {
+        transform-origin: center;
+        animation: spin 2s linear infinite;
+    }
+
+    .spinner circle {
+        stroke-linecap: round;
+        animation: vary-stroke 1.5s ease-in-out infinite;
+    }
+
+    .external-link {
+        fill: currentColor;
+        vertical-align: middle;
+    }
+
+    .search-results {
+        background-color: var(--terra-color-spacesuit-white);
+        block-size: calc(33vh - var(--terra-block-size, 2.1875rem));
+        border-block-end: 2px solid transparent;
+        border-inline: 2px solid transparent;
+        contain: strict;
+        contain-intrinsic-size: var(--terra-inline-size, 100%)
+            calc(33vh - var(--terra-block-size, 2.1875rem));
+        content-visibility: hidden;
+        left: 0;
+        margin-block: 0;
+        margin-inline: 0;
+        max-height: 0;
+        opacity: 0;
+        overflow-y: auto;
+        overscroll-behavior: contain;
+        padding-block: 0.5rem;
+        padding-inline: 0rem;
+        position: absolute;
+        right: 0;
+        visibility: hidden;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+    }
+
+    .search-results[open] {
+        border-color: var(--terra-color-carbon-40);
+        content-visibility: auto;
+        max-height: calc(33vh - var(--terra-block-size, 2.1875rem));
+        opacity: 1;
+        visibility: visible;
+    }
+
+    .search-results .updating {
+        font-size: var(--terra-font-size-x-large);
+        padding-block: 4rem;
+        text-align: center;
+    }
+
+    .search-results .error {
+        color: var(--terra-color-nasa-red);
+        font-family: var(--terra-font-family--dm-mono);
+        padding-block: 2rem;
+    }
+
+    .listbox-option-group {
+        padding-inline: 0.5rem;
+        padding-block: 1rem 0.5rem;
+    }
+
+    .listbox-option-group:has(.clear-button) {
+        text-align: center;
+    }
+
+    .group-title {
+        font-family: var(--terra-font-family--inter);
+        font-weight: 700;
+        margin-block: 0;
+    }
+
+    .listbox-option {
+        cursor: pointer;
+        list-style: none;
+        padding-inline: 0.5rem;
+        transition: background-color 0.1s ease-in-out;
+    }
+
+    .listbox-option[aria-selected='true'] {
+        animation: traverse 0.2s ease-in-out forwards;
+        background-color: var(--terra-color-nasa-blue-shade);
+        color: var(--terra-color-spacesuit-white);
+    }
+
+    @media (prefers-reduced-motion) {
+        .button-icon {
+            transition: rotate 0s ease;
+        }
+
+        .search-results {
+            scroll-behavior: auto;
+        }
+    }
+
+    @keyframes traverse {
+        from {
+            filter: brightness(0.8);
+            opacity: 0.8;
+        }
+
+        to {
+            filter: brightness(1);
+            opacity: 1;
+        }
+    }
+
+    @keyframes spin {
+        to {
+            transform: rotate(1turn);
+        }
+    }
+
+    @keyframes vary-stroke {
+        0% {
+            stroke-dasharray: 0 150;
+            stroke-dashoffset: 0;
+        }
+        47.5% {
+            stroke-dasharray: 42 150;
+            stroke-dashoffset: -16;
+        }
+        95%,
+        100% {
+            stroke-dasharray: 42 150;
+            stroke-dashoffset: -59;
+        }
+    }
+`;
+
+export {
+  variable_keyword_search_styles_default
+};

package/cdn/chunks/chunk.D3XI3L7Y.js

@@ -0,0 +1,55 @@
+import {
+  __spreadValues
+} from "./chunk.TVFCHGU3.js";
+
+// src/internal/indexeddb.ts
+import { openDB } from "idb";
+var DB_NAME = "terra";
+async function getDb() {
+  return await openDB(DB_NAME, 2, {
+    upgrade(db, oldVersion) {
+      if (oldVersion < 1) {
+        db.createObjectStore("time-series" /* TIME_SERIES */, {
+          keyPath: "key"
+        });
+      }
+      if (oldVersion < 2) {
+        db.createObjectStore("time-average-map" /* TIME_AVERAGE_MAP */, {
+          keyPath: "key"
+        });
+      }
+    }
+  });
+}
+async function withDb(callback) {
+  const db = await getDb();
+  try {
+    return await callback(db);
+  } finally {
+    await db.close();
+  }
+}
+function getDataByKey(store, key) {
+  return withDb(async (db) => {
+    return await db.get(store, key);
+  });
+}
+function storeDataByKey(store, key, data) {
+  return withDb(async (db) => {
+    await db.put(store, __spreadValues({
+      key
+    }, data));
+  });
+}
+function deleteDataByKey(store, key) {
+  return withDb(async (db) => {
+    await db.delete(store, key);
+  });
+}
+
+export {
+  DB_NAME,
+  getDataByKey,
+  storeDataByKey,
+  deleteDataByKey
+};

package/cdn/chunks/{chunk.T27OOS5L.js → chunk.DKQUCHXW.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.DYOCIII6.js";
+} from "./chunk.4RM2EJEW.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.QB7GRCXW.js → chunk.DLTRS5SJ.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.FRSCLRYD.js";
+} from "./chunk.QVPRK545.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/chunk.DTUHBE3U.js

@@ -0,0 +1,37 @@
+import {
+  __spreadValues
+} from "./chunk.TVFCHGU3.js";
+
+// src/internal/watch.ts
+function watch(propertyName, options) {
+  const resolvedOptions = __spreadValues({
+    waitUntilFirstUpdate: false
+  }, options);
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property) => {
+        const key = property;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              ;
+              this[decoratedFnName](
+                oldValue,
+                newValue
+              );
+            }
+          }
+        }
+      });
+      update.call(this, changedProps);
+    };
+  };
+}
+
+export {
+  watch
+};

package/cdn/chunks/{chunk.2UIKXGCO.js → chunk.DUUVIZLI.js}

@@ -8,7 +8,7 @@ import {
 import {
   FINAL_STATUSES,
   HarmonyDataService
-} from "./chunk.XPUSLKRS.js";
+} from "./chunk.OM26KC4G.js";
 import {
   h
 } from "./chunk.3AZLGGEX.js";

package/{dist/chunks/chunk.WOD3IAR2.js → cdn/chunks/chunk.EBJUC35J.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlotToolbar
-} from "./chunk.KRJLTCAP.js";
+} from "./chunk.FNTPKP6P.js";
 
 // src/components/plot-toolbar/plot-toolbar.ts
 var plot_toolbar_default = TerraPlotToolbar;

package/cdn/chunks/{chunk.CQUNIMB6.js → chunk.ELVU6MXJ.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.DV54QIG7.js";
+} from "./chunk.ZNKT2Q6X.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/chunk.EPQBAMGN.js

@@ -0,0 +1,32 @@
+import {
+  TerraLogin
+} from "./chunk.PDAOAQE4.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/login/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-login";
+TerraLogin.define("terra-login");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraLogin,
+  react: React,
+  events: {
+    onTerraLogin: "terra-login"
+  },
+  displayName: "TerraLogin"
+});
+var login_default = reactWrapper;
+
+export {
+  login_default
+};

package/{dist/chunks/chunk.YO2CHERX.js → cdn/chunks/chunk.ERXCYNDC.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.PE7UEIVX.js";
+} from "./chunk.MFI2M54Y.js";
 
 // src/components/spatial-picker/spatial-picker.ts
 var spatial_picker_default = TerraSpatialPicker;

package/cdn/chunks/{chunk.SIQLNOLM.js → chunk.F26HLQPA.js}

@@ -4,21 +4,21 @@ import {
 import {
   e
 } from "./chunk.DVOLO45B.js";
+import {
+  alert_styles_default
+} from "./chunk.IIGBOCK5.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.AOJTBQKP.js";
+} from "./chunk.WXFIXIOS.js";
 import {
   e as e2,
   n,
   r
 } from "./chunk.KACZXI5J.js";
-import {
-  alert_styles_default
-} from "./chunk.IIGBOCK5.js";
 import {
   x
 } from "./chunk.LL3RMB25.js";

package/cdn/chunks/chunk.F3KBUEPT.js

@@ -0,0 +1,10 @@
+// src/components/map/type.ts
+var MapEventType = /* @__PURE__ */ ((MapEventType2) => {
+  MapEventType2["POINT"] = "point";
+  MapEventType2["BBOX"] = "bbox";
+  return MapEventType2;
+})(MapEventType || {});
+
+export {
+  MapEventType
+};

package/cdn/chunks/chunk.F5AEDYTP.js

@@ -0,0 +1,37 @@
+// src/components/data-rods/data-rods.styles.ts
+import { css } from "lit";
+var data_rods_styles_default = css`
+    :host {
+        display: grid;
+        gap: 1.5rem 0.75rem;
+        grid-template-rows: auto;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    terra-variable-combobox {
+        grid-column: 1 / 2;
+    }
+
+    terra-spatial-picker {
+        grid-column: 2 / 3;
+    }
+
+    terra-date-range-slider {
+        grid-column: 1 / 3;
+        padding-block-start: 2rem;
+    }
+
+    terra-time-series {
+        grid-column: 1 / 3;
+        z-index: 9;
+    }
+
+    terra-spatial-picker::part(leaflet-bbox),
+    terra-spatial-picker::part(leaflet-edit) {
+        display: none;
+    }
+`;
+
+export {
+  data_rods_styles_default
+};

package/cdn/chunks/{chunk.5HS2P4QF.js → chunk.F6FOZL2X.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetter
-} from "./chunk.N2TTTIPA.js";
+} from "./chunk.SX6OLRTC.js";
 import {
   init_buffer,
   init_dirname,

package/{dist/chunks/chunk.OO7FUQ6P.js → cdn/chunks/chunk.FF3EIVF2.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataRods
-} from "./chunk.VNUPHGI3.js";
+} from "./chunk.AHGKSSSI.js";
 
 // src/components/data-rods/data-rods.ts
 var data_rods_default = TerraDataRods;

package/{dist/chunks/chunk.KRJLTCAP.js → cdn/chunks/chunk.FNTPKP6P.js}

@@ -4,20 +4,20 @@ import {
 } from "./chunk.D3XI3L7Y.js";
 import {
   plot_toolbar_styles_default
-} from "./chunk.EC75KAKW.js";
+} from "./chunk.MGM5E2VQ.js";
 import {
   TerraButton
-} from "./chunk.CTYCOFYG.js";
+} from "./chunk.PAJVTERU.js";
 import {
   TerraIcon
-} from "./chunk.QCPKB2RQ.js";
+} from "./chunk.2AIVKD54.js";
 import {
   watch
 } from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MHGQR4W2.js";
+} from "./chunk.O6SXSDFR.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -56,13 +56,23 @@ var TerraPlotToolbar = class extends TerraElement {
     this.activeMenuItem = null;
   }
   render() {
+    const metadata = [
+      this.catalogVariable.dataProductInstrumentShortName,
+      this.catalogVariable.dataProductTimeInterval,
+      `[${this.catalogVariable.dataProductShortName}_${this.catalogVariable.dataProductVersion}]`
+    ].filter(Boolean).filter((value) => value.toLowerCase() !== "not applicable");
     return cache(
       !this.catalogVariable ? html`<div class="spacer"></div>` : html` <header>
-                      <slot name="title">
-                          <h2 class="title">
-                              ${this.catalogVariable.dataFieldLongName}
-                          </h2>
-                      </slot>
+                      <div class="title-container">
+                          <slot name="title">
+                              <h2 class="title">
+                                  ${this.catalogVariable.dataFieldLongName}
+                              </h2>
+                          </slot>
+                          <slot name="subtitle">
+                              <h3 class="subtitle">${metadata.join(" \u2022 ")}</h3>
+                          </slot>
+                      </div>
 
                       <div class="toggles">
                           <terra-button