@nasa-terra/components 0.0.66 → 0.0.68

package/cdn/chunks/chunk.WJL4R4O2.js

@@ -0,0 +1,7 @@
+// src/utilities/animation.ts
+import { getAnimationNames, getEasingNames } from "@shoelace-style/shoelace";
+
+export {
+  getAnimationNames,
+  getEasingNames
+};

package/cdn/chunks/{chunk.AOJTBQKP.js → chunk.WXFIXIOS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.KACZXI5J.js";
 import {
   purgeGraphQLCache
-} from "./chunk.KAJGV2AN.js";
+} from "./chunk.LLQADAZV.js";
 import {
   s
 } from "./chunk.LL3RMB25.js";
@@ -538,7 +538,7 @@ var TerraElement = class extends s {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.66";
+TerraElement.version = "0.0.68";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/chunk.WXZHDVQ3.js

@@ -0,0 +1,21 @@
+import {
+  TerraLoader
+} from "./chunk.UDCRU3NE.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
+};

package/{dist/chunks/chunk.Y54UJLRZ.js → cdn/chunks/chunk.X7MVYC7B.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.N7QDVMX3.js";
+} from "./chunk.UDCRU3NE.js";
 
 // src/components/loader/loader.ts
 var loader_default = TerraLoader;

package/cdn/chunks/chunk.XJVLYIYE.js

@@ -0,0 +1,41 @@
+import {
+  formCollections
+} from "./chunk.V7LXD3II.js";
+
+// src/utilities/form.ts
+function serialize(form) {
+  const formData = new FormData(form);
+  const object = {};
+  formData.forEach((value, key) => {
+    if (Reflect.has(object, key)) {
+      const entry = object[key];
+      if (Array.isArray(entry)) {
+        entry.push(value);
+      } else {
+        object[key] = [object[key], value];
+      }
+    } else {
+      object[key] = value;
+    }
+  });
+  return object;
+}
+function getFormControls(form) {
+  const rootNode = form.getRootNode();
+  const allNodes = [...rootNode.querySelectorAll("*")];
+  const formControls = [...form.elements];
+  const collection = formCollections.get(form);
+  const TerraFormControls = collection ? Array.from(collection) : [];
+  return [...formControls, ...TerraFormControls].sort((a, b) => {
+    if (allNodes.indexOf(a) < allNodes.indexOf(b))
+      return -1;
+    if (allNodes.indexOf(a) > allNodes.indexOf(b))
+      return 1;
+    return 0;
+  });
+}
+
+export {
+  serialize,
+  getFormControls
+};

package/cdn/chunks/{chunk.SUU6GE6N.js → chunk.XKNIRUTP.js}

@@ -1,12 +1,12 @@
 import {
   format
 } from "./chunk.MHNGCUSQ.js";
-import {
-  date_range_slider_styles_default
-} from "./chunk.HRMDCVXQ.js";
 import {
   mergeTooltips
 } from "./chunk.YP5CFEBW.js";
+import {
+  date_range_slider_styles_default
+} from "./chunk.HRMDCVXQ.js";
 import {
   isValidDate
 } from "./chunk.VYOUAAH7.js";
@@ -16,7 +16,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.AOJTBQKP.js";
+} from "./chunk.WXFIXIOS.js";
 import {
   e,
   n

package/cdn/chunks/chunk.XOD4KYCP.js

@@ -0,0 +1,120 @@
+// src/components/chip/chip.styles.ts
+import { css } from "lit";
+var chip_styles_default = css`
+    .chip {
+        display: inline-flex;
+        flex-direction: row;
+        background-color: var(--terra-color-carbon-5);
+        border: 1.5px solid var(--terra-color-nasa-blue);
+        cursor: default;
+        border-radius: var(--terra-border-radius-medium);
+        padding: 0;
+        margin: 5px;
+        color: var(--terra-color-carbon-50);
+        font-family: var(--terra-font-family--inter);
+        font-weight: var(--terra-font-weight-bold);
+        white-space: nowrap;
+        align-items: center;
+        vertical-align: middle;
+        text-decoration: none;
+        justify-content: center;
+    }
+
+    .chip:hover {
+        color: var(--terra-color-carbon-90);
+    }
+
+    .chip:focus {
+        text-decoration: underline;
+        text-decoration-style: dotted;
+    }
+
+    .chip--small {
+        height: auto;
+        min-height: 1.375rem;
+        font-size: var(--terra-font-size-x-small);
+    }
+
+    .chip--medium {
+        height: auto;
+        min-height: 1.875rem;
+        font-size: var(--terra-font-size-small);
+    }
+
+    .chip--large {
+        height: auto;
+        min-height: 2.5rem;
+        font-size: var(--terra-font-size-large);
+    }
+
+    .chip-content {
+        cursor: inherit;
+        display: flex;
+        align-items: center;
+        user-select: none;
+        white-space: nowrap;
+    }
+
+    .chip-content--small {
+        padding-left: 8px;
+        padding-right: 8px;
+    }
+
+    .chip-content--medium {
+        padding-left: 12px;
+        padding-right: 12px;
+    }
+
+    .chip-content--large {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+
+    .chip-svg {
+        cursor: pointer;
+        height: auto;
+        fill: var(--terra-color-carbon-50);
+        display: inline-block;
+        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+        user-select: none;
+        flex-shrink: 0;
+    }
+
+    .chip-svg--small {
+        margin: 3px 3px 0px -6px;
+        width: 0.75em;
+        height: 0.75em;
+        font-size: 20px;
+    }
+
+    .chip-svg--medium {
+        margin: 4px 4px 0px -8px;
+        width: 1em;
+        height: 1em;
+        font-size: 24px;
+    }
+
+    .chip-svg--large {
+        margin: 6px 6px 0px -12px;
+        width: 1.4em;
+        height: 1.4em;
+        font-size: 24px;
+    }
+
+    .chip:hover .chip-svg {
+        fill: var(--terra-color-carbon-90);
+    }
+
+    .chip-close {
+        padding: 0;
+        border: 0;
+        background: none;
+        box-shadow: none;
+        text-align: center;
+        vertical-align: middle;
+    }
+`;
+
+export {
+  chip_styles_default
+};

package/cdn/chunks/{chunk.FUKHJNAX.js → chunk.XQNQJ73Y.js}

@@ -2,28 +2,28 @@ import {
   DB_NAME,
   getDataByKey
 } from "./chunk.T24K5VZW.js";
-import {
-  plot_toolbar_styles_default
-} from "./chunk.J4IIXP4W.js";
 import {
   require_plotly_min
 } from "./chunk.O7ZKAFVG.js";
+import {
+  plot_toolbar_styles_default
+} from "./chunk.SI75QZHB.js";
 import {
   h
-} from "./chunk.EDY6YM3Y.js";
+} from "./chunk.EMLDT66I.js";
 import {
   TerraButton
-} from "./chunk.5JKUUXXD.js";
+} from "./chunk.BXZG34AL.js";
 import {
   TerraIcon
-} from "./chunk.QJ4KM4TA.js";
+} from "./chunk.HVXUUXZ7.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.AOJTBQKP.js";
+} from "./chunk.WXFIXIOS.js";
 import {
   e,
   n,
@@ -74,13 +74,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 h(
       !this.catalogVariable ? x`<div class="spacer"></div>` : x` <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

package/{dist/chunks/chunk.XYWAGUD5.js → cdn/chunks/chunk.XWDZOQJ3.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.AKP5NSM6.js";
+} from "./chunk.3H5ZUQL5.js";
 
 // src/components/browse-variables/browse-variables.ts
 var browse_variables_default = TerraBrowseVariables;

package/{dist/chunks/chunk.PB42J5AM.js → cdn/chunks/chunk.XXFKVRN5.js}

@@ -1,6 +1,6 @@
 import {
   getGraphQLClient
-} from "./chunk.GRGSTMOZ.js";
+} from "./chunk.LDCRCQNJ.js";
 
 // src/geojson/queries.ts
 import { gql } from "@apollo/client/core";

package/cdn/chunks/chunk.XZB6CNAL.js

@@ -0,0 +1,96 @@
+// src/components/date-picker/date-picker.styles.ts
+import { css } from "lit";
+var date_picker_styles_default = css`
+    :host {
+        box-sizing: border-box;
+        display: inline-block;
+        position: relative;
+        max-width: 600px;
+    }
+
+    :host input {
+        box-shadow: none;
+    }
+
+    :host .form-control {
+        box-sizing: border-box;
+        display: block;
+        width: 100%;
+        height: 36px;
+        padding: 6px 12px;
+        background-image: none;
+        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+        -webkit-transition:
+            border-color ease-in-out 0.15s,
+            box-shadow ease-in-out 0.15s;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+    }
+
+    :host .date-picker__input_fields {
+        position: relative;
+    }
+
+    :host lit-flatpickr {
+        width: 100%;
+        display: block;
+        width: 100%;
+        height: 36px;
+        padding: 6px 40px 6px 12px;
+        background-image: none;
+        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+        border: 1px solid #ccc;
+        -webkit-transition:
+            border-color ease-in-out 0.15s,
+            box-shadow ease-in-out 0.15s;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+    }
+
+    :host .date-picker__input_icon_button {
+        position: absolute;
+        top: 0;
+        right: 0;
+        height: 36px;
+        width: 36px;
+        padding: 0;
+        margin: 0;
+        z-index: 2;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: none;
+        border: none;
+        box-shadow: none;
+    }
+
+    :host .date-picker__input_icon_button svg {
+        height: 1.4rem;
+        width: 1.4rem;
+        color: currentColor;
+    }
+
+    :host .date-picker__input_icon_button:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+    }
+
+    :host .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+    }
+`;
+
+export {
+  date_picker_styles_default
+};

package/cdn/chunks/chunk.Y7ZED6A4.js

@@ -0,0 +1,24 @@
+import {
+  TerraLogin
+} from "./chunk.5QKVNNUH.js";
+
+// src/react/login/index.ts
+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/cdn/chunks/chunk.YIP3L3SE.js

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

package/{dist/chunks/chunk.Z3HX7EEA.js → cdn/chunks/chunk.YMHBYV33.js}

@@ -4,28 +4,28 @@ import {
 } from "./chunk.4MGGBJBD.js";
 import {
   TerraLogin
-} from "./chunk.JGUDK23O.js";
+} from "./chunk.5QKVNNUH.js";
 import {
   TerraDatePicker
-} from "./chunk.YLMWEEA2.js";
+} from "./chunk.UT5XKCBV.js";
 import {
   TerraSpatialPicker
-} from "./chunk.PE7UEIVX.js";
+} from "./chunk.MFI2M54Y.js";
 import {
   AuthController
-} from "./chunk.AP4TJGMK.js";
+} from "./chunk.KIC5ZCAM.js";
 import {
   DataSubsetterController
-} from "./chunk.6YCZZJMS.js";
+} from "./chunk.QZS6UUDI.js";
 import {
   data_subsetter_styles_default
 } from "./chunk.5ASTHFQ2.js";
 import {
   TerraAccordion
-} from "./chunk.I52J3GOW.js";
+} from "./chunk.PG4TSLWI.js";
 import {
   TerraIcon
-} from "./chunk.QCPKB2RQ.js";
+} from "./chunk.2AIVKD54.js";
 import {
   getBasePath
 } from "./chunk.PBC3S6IG.js";
@@ -35,7 +35,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MHGQR4W2.js";
+} from "./chunk.O6SXSDFR.js";
 import {
   __decorateClass,
   __privateAdd,

package/cdn/chunks/chunk.YMKCGXI7.js

@@ -0,0 +1,33 @@
+import {
+  TerraTimeSeries
+} from "./chunk.UHOMZS5K.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/time-series/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-time-series";
+TerraTimeSeries.define("terra-time-series");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTimeSeries,
+  react: React,
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change",
+    onTerraTimeSeriesDataChange: "terra-time-series-data-change"
+  },
+  displayName: "TerraTimeSeries"
+});
+var time_series_default = reactWrapper;
+
+export {
+  time_series_default
+};

package/cdn/chunks/chunk.YNJENG4F.js

@@ -0,0 +1,33 @@
+import {
+  TerraDialog
+} from "./chunk.HP52P3QK.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/dialog/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-dialog";
+TerraDialog.define("terra-dialog");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDialog,
+  react: React,
+  events: {
+    onTerraDialogShow: "terra-dialog-show",
+    onTerraDialogHide: "terra-dialog-hide"
+  },
+  displayName: "TerraDialog"
+});
+var dialog_default = reactWrapper;
+
+export {
+  dialog_default
+};

package/{dist/chunks/chunk.Y2LZH62Y.js → cdn/chunks/chunk.YP5DVLJS.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.RG376NBJ.js";
+} from "./chunk.2OQZA3CW.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = TerraCombobox;

package/cdn/chunks/{chunk.N5GAZEUH.js → chunk.YQRTSELX.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.FP5FRSMY.js";
+} from "./chunk.PDAOAQE4.js";
 import {
   init_buffer,
   init_dirname,