@nasa-terra/components 0.0.66 → 0.0.68

package/{dist/chunks/chunk.AKP5NSM6.js → cdn/chunks/chunk.3H5ZUQL5.js}

@@ -1,34 +1,34 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.PSJFGFBP.js";
+} from "./chunk.OVUWZWWN.js";
 import {
   TerraSkeleton
-} from "./chunk.N5RBPPIG.js";
+} from "./chunk.HUX2RF6U.js";
 import {
   getRandomIntInclusive
 } from "./chunk.UZAIWUWC.js";
 import {
   TerraLoader
-} from "./chunk.N7QDVMX3.js";
-import {
-  BrowseVariablesController
-} from "./chunk.6HUNVCKY.js";
+} from "./chunk.UDCRU3NE.js";
 import {
   browse_variables_styles_default
 } from "./chunk.NMWP5DQX.js";
 import {
   TerraButton
-} from "./chunk.CTYCOFYG.js";
+} from "./chunk.PAJVTERU.js";
+import {
+  BrowseVariablesController
+} from "./chunk.3L77HLPZ.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,
   __objRest,
@@ -365,6 +365,12 @@ renderVariablesBrowse_fn = function() {
                 <section class="group">
                     <ul class="variable-list">
                         ${__privateGet(this, _controller).variables.map((variable) => {
+    const metadata = [
+      variable.dataProductInstrumentShortName,
+      variable.dataProductTimeInterval,
+      variable.dataFieldUnits,
+      `[${variable.dataProductShortName}_${variable.dataProductVersion}]`
+    ].filter(Boolean).join(" \u2022 ");
     return html`
                                 <li
                                     aria-selected="false"
@@ -397,13 +403,7 @@ renderVariablesBrowse_fn = function() {
                                             <strong
                                                 >${variable.dataFieldLongName}</strong
                                             ><br />
-                                            <span
-                                                >${variable.dataProductShortName}
-                                                &bull;
-                                                ${variable.dataProductTimeInterval}
-                                                &bull;
-                                                ${variable.dataProductSpatialResolution}</span
-                                            >
+                                            <span>${metadata}</span>
                                         </label>
 
                                         <sl-drawer contained>

package/{dist/chunks/chunk.6HUNVCKY.js → cdn/chunks/chunk.3L77HLPZ.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniVariableCatalog
-} from "./chunk.2OG44KDU.js";
+} from "./chunk.JUQDLDHB.js";
 import {
   __privateAdd,
   __privateGet,

package/cdn/chunks/chunk.3NBSKUOT.js

@@ -0,0 +1,29 @@
+import {
+  TerraDatePicker
+} from "./chunk.ZNKT2Q6X.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/date-picker/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-date-picker";
+TerraDatePicker.define("terra-date-picker");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDatePicker,
+  react: React,
+  events: {},
+  displayName: "TerraDatePicker"
+});
+var date_picker_default = reactWrapper;
+
+export {
+  date_picker_default
+};

package/cdn/chunks/chunk.3PUTIFOP.js

@@ -0,0 +1,35 @@
+// src/components/dialog/dialog.styles.ts
+import { css } from "lit";
+var dialog_styles_default = css`
+    :host {
+        --terra-dialog-backdrop-color: rgba(0, 0, 0, 0.5);
+        --terra-dialog-z-index: 1000;
+
+        display: block;
+    }
+
+    ::backdrop {
+        background-color: var(--terra-dialog-backdrop-color);
+    }
+
+    dialog[open] {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        position: fixed;
+        inset: 0px;
+        z-index: var(--terra-dialog-z-index);
+        max-width: 90vw;
+    }
+
+    .dialog-content {
+        max-height: 90vh;
+        overflow: auto;
+        width: 100%;
+    }
+`;
+
+export {
+  dialog_styles_default
+};

package/cdn/chunks/chunk.3XJ5QNGT.js

@@ -0,0 +1,21 @@
+import {
+  TerraTimeAverageMap
+} from "./chunk.RVH4PSND.js";
+
+// src/react/time-average-map/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-time-average-map";
+TerraTimeAverageMap.define("terra-time-average-map");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTimeAverageMap,
+  react: React,
+  events: {},
+  displayName: "TerraTimeAverageMap"
+});
+var time_average_map_default = reactWrapper;
+
+export {
+  time_average_map_default
+};

package/cdn/chunks/{chunk.R4TNI2PU.js → chunk.42OJJSTJ.js}

@@ -1,6 +1,9 @@
 import {
   FetchController
-} from "./chunk.XR5EZIHP.js";
+} from "./chunk.TU7POBNP.js";
+import {
+  variable_combobox_styles_default
+} from "./chunk.WFTS65OQ.js";
 import {
   adaptValueToVariableMetadata,
   clearSelection,
@@ -8,19 +11,16 @@ import {
   removeEmptyCollections,
   renderSearchResult,
   walkToOption
-} from "./chunk.MUYS3VLW.js";
-import {
-  variable_combobox_styles_default
-} from "./chunk.WFTS65OQ.js";
+} from "./chunk.HMS35ZFE.js";
 import {
   h
-} from "./chunk.EDY6YM3Y.js";
+} from "./chunk.EMLDT66I.js";
 import {
   icon_default
-} from "./chunk.2VDC2CLR.js";
+} from "./chunk.BDUFTI77.js";
 import {
   n as n2
-} from "./chunk.QFJLPXXJ.js";
+} from "./chunk.VPW32Q52.js";
 import {
   o
 } from "./chunk.CUQN55UX.js";
@@ -29,14 +29,14 @@ import {
 } from "./chunk.WOK6C4SG.js";
 import {
   button_default
-} from "./chunk.7IQH7BQC.js";
+} from "./chunk.ZBRNWBWX.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.AOJTBQKP.js";
+} from "./chunk.WXFIXIOS.js";
 import {
   n,
   r
@@ -354,7 +354,10 @@ var _TerraVariableCombobox = class _TerraVariableCombobox extends TerraElement {
       initial: () => x`<li class="updating">Updating List of Variables</li>`,
       pending: () => x`<li class="updating">Updating List of Variables</li>`,
       complete: (list) => {
-        __privateSet(this, _searchableList, list);
+        const filtered = list.filter(
+          (item) => !(item.collectionShortName === "GPM_3IMERGHH" && item.collectionVersion === "06")
+        );
+        __privateSet(this, _searchableList, filtered);
         __privateSet(this, _searchEngine, new Fuse(__privateGet(this, _searchableList), {
           //* @see {@link https://www.fusejs.io/examples.html#nested-search}
           findAllMatches: true,

package/cdn/chunks/chunk.42V23REY.js

@@ -0,0 +1,21 @@
+import {
+  TerraDateRangeSlider
+} from "./chunk.JOFHFGQP.js";
+
+// src/react/date-range-slider/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-date-range-slider";
+TerraDateRangeSlider.define("terra-date-range-slider");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDateRangeSlider,
+  react: React,
+  events: {},
+  displayName: "TerraDateRangeSlider"
+});
+var date_range_slider_default = reactWrapper;
+
+export {
+  date_range_slider_default
+};

package/cdn/chunks/chunk.445A7YVG.js

@@ -0,0 +1,271 @@
+// src/components/map/leaflet-draw.styles.ts
+import { css } from "lit";
+var leaflet_draw_styles_default = css`
+    .leaflet-draw-section {
+        position: relative;
+    }
+    .leaflet-draw-toolbar {
+        margin-top: 12px;
+    }
+    .leaflet-draw-toolbar-top {
+        margin-top: 0;
+    }
+    .leaflet-draw-toolbar-notop a:first-child {
+        border-top-right-radius: 0;
+    }
+    .leaflet-draw-toolbar-nobottom a:last-child {
+        border-bottom-right-radius: 0;
+    }
+    .leaflet-draw-toolbar a {
+        background-image: url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet.png');
+        background-image: linear-gradient(transparent, transparent),
+            url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet.svg');
+        background-repeat: no-repeat;
+        background-size: 300px 30px;
+        background-clip: padding-box;
+    }
+    .leaflet-retina .leaflet-draw-toolbar a {
+        background-image: url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet-2x.png');
+        background-image: linear-gradient(transparent, transparent),
+            url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet.svg');
+    }
+    .leaflet-draw a {
+        display: block;
+        text-align: center;
+        text-decoration: none;
+    }
+    .leaflet-draw a .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+    }
+    .leaflet-draw-actions {
+        display: none;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        position: absolute;
+        left: 26px;
+        top: 0;
+        white-space: nowrap;
+    }
+    .leaflet-touch .leaflet-draw-actions {
+        left: 32px;
+    }
+    .leaflet-right .leaflet-draw-actions {
+        right: 26px;
+        left: auto;
+    }
+    .leaflet-touch .leaflet-right .leaflet-draw-actions {
+        right: 32px;
+        left: auto;
+    }
+    .leaflet-draw-actions li {
+        display: inline-block;
+    }
+    .leaflet-draw-actions li:first-child a {
+        border-left: 0;
+    }
+    .leaflet-draw-actions li:last-child a {
+        -webkit-border-radius: 0 4px 4px 0;
+        border-radius: 0 4px 4px 0;
+    }
+    .leaflet-right .leaflet-draw-actions li:last-child a {
+        -webkit-border-radius: 0;
+        border-radius: 0;
+    }
+    .leaflet-right .leaflet-draw-actions li:first-child a {
+        -webkit-border-radius: 4px 0 0 4px;
+        border-radius: 4px 0 0 4px;
+    }
+    .leaflet-draw-actions a {
+        background-color: #919187;
+        border-left: 1px solid #aaa;
+        color: #fff;
+        font:
+            11px/19px 'Helvetica Neue',
+            Arial,
+            Helvetica,
+            sans-serif;
+        line-height: 28px;
+        text-decoration: none;
+        padding-left: 10px;
+        padding-right: 10px;
+        height: 28px;
+    }
+    .leaflet-touch .leaflet-draw-actions a {
+        font-size: 12px;
+        line-height: 30px;
+        height: 30px;
+    }
+    .leaflet-draw-actions-bottom {
+        margin-top: 0;
+    }
+    .leaflet-draw-actions-top {
+        margin-top: 1px;
+    }
+    .leaflet-draw-actions-top a,
+    .leaflet-draw-actions-bottom a {
+        height: 27px;
+        line-height: 27px;
+    }
+    .leaflet-draw-actions a:hover {
+        background-color: #a0a098;
+    }
+    .leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
+        height: 26px;
+        line-height: 26px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
+        background-position: -2px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
+        background-position: 0 -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
+        background-position: -31px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
+        background-position: -29px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
+        background-position: -62px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
+        background-position: -60px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-draw-circle {
+        background-position: -92px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
+        background-position: -90px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-draw-marker {
+        background-position: -122px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
+        background-position: -120px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
+        background-position: -273px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
+        background-position: -271px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-edit-edit {
+        background-position: -152px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
+        background-position: -150px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-edit-remove {
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
+        background-position: -212px -2px;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
+        background-position: -210px -1px;
+    }
+    .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
+    }
+    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
+        background-image: url('https://cdn.jsdelivr.net/npm/@nasa-terra/components@latest/dist/assets/icons/outline-arrow-path.svg');
+        background-size: 50% 50%;
+        background-position: center center;
+        color: #464646;
+    }
+    .leaflet-mouse-marker {
+        background-color: #fff;
+        cursor: crosshair;
+    }
+    .leaflet-draw-tooltip {
+        background: #363636;
+        background: rgba(0, 0, 0, 0.5);
+        border: 1px solid transparent;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        color: #fff;
+        font:
+            12px/18px 'Helvetica Neue',
+            Arial,
+            Helvetica,
+            sans-serif;
+        margin-left: 20px;
+        margin-top: -21px;
+        padding: 4px 8px;
+        position: absolute;
+        visibility: hidden;
+        white-space: nowrap;
+        z-index: 6;
+    }
+    .leaflet-draw-tooltip:before {
+        border-right: 6px solid black;
+        border-right-color: rgba(0, 0, 0, 0.5);
+        border-top: 6px solid transparent;
+        border-bottom: 6px solid transparent;
+        content: '';
+        position: absolute;
+        top: 7px;
+        left: -7px;
+    }
+    .leaflet-error-draw-tooltip {
+        background-color: #f2dede;
+        border: 1px solid #e6b6bd;
+        color: #b94a48;
+    }
+    .leaflet-error-draw-tooltip:before {
+        border-right-color: #e6b6bd;
+    }
+    .leaflet-draw-tooltip-single {
+        margin-top: -12px;
+    }
+    .leaflet-draw-tooltip-subtext {
+        color: #f8d5e4;
+    }
+    .leaflet-draw-guide-dash {
+        font-size: 1%;
+        opacity: 0.6;
+        position: absolute;
+        width: 5px;
+        height: 5px;
+    }
+    .leaflet-edit-marker-selected {
+        background-color: rgba(254, 87, 161, 0.1);
+        border: 4px dashed rgba(254, 87, 161, 0.6);
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        box-sizing: content-box;
+    }
+    .leaflet-edit-move {
+        cursor: move;
+    }
+    .leaflet-edit-resize {
+        cursor: pointer;
+    }
+    .leaflet-oldie .leaflet-draw-toolbar {
+        border: 1px solid #999;
+    }
+`;
+
+export {
+  leaflet_draw_styles_default
+};

package/{dist/chunks/chunk.VUC6OYZI.js → cdn/chunks/chunk.4E55SLUR.js}

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.I52J3GOW.js";
+} from "./chunk.PG4TSLWI.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = TerraAccordion;

package/{dist/chunks/chunk.ETL6SVKH.js → cdn/chunks/chunk.4EIGF3E4.js}

@@ -14,17 +14,17 @@ import {
 } from "./chunk.FRSW4UHB.js";
 import {
   icon_default
-} from "./chunk.2OOE2V74.js";
+} from "./chunk.O7SVDS2A.js";
 import {
   button_default
-} from "./chunk.NGMZML6J.js";
+} from "./chunk.CA2ZDE2M.js";
 import {
   watch
 } from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MHGQR4W2.js";
+} from "./chunk.O6SXSDFR.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -333,7 +333,10 @@ var _TerraVariableCombobox = class _TerraVariableCombobox extends TerraElement {
       initial: () => html`<li class="updating">Updating List of Variables</li>`,
       pending: () => html`<li class="updating">Updating List of Variables</li>`,
       complete: (list) => {
-        __privateSet(this, _searchableList, list);
+        const filtered = list.filter(
+          (item) => !(item.collectionShortName === "GPM_3IMERGHH" && item.collectionVersion === "06")
+        );
+        __privateSet(this, _searchableList, filtered);
         __privateSet(this, _searchEngine, new Fuse(__privateGet(this, _searchableList), {
           //* @see {@link https://www.fusejs.io/examples.html#nested-search}
           findAllMatches: true,

package/cdn/chunks/chunk.4MGGBJBD.js

@@ -0,0 +1,20 @@
+// src/utilities/mimetypes.ts
+var defaultSubsetFileMimeType = "application/x-netcdf4";
+function getFriendlyNameForMimeType(mimeType) {
+  switch (mimeType) {
+    case "application/x-hdf":
+    case "application/octet-stream":
+      return "HDF-EOS5";
+    case "application/x-netcdf4":
+      return "NetCDF-4";
+    case "application/netcdf":
+      return "NetCDF Classic (NetCDF-3)";
+    default:
+      return mimeType;
+  }
+}
+
+export {
+  defaultSubsetFileMimeType,
+  getFriendlyNameForMimeType
+};

package/cdn/chunks/{chunk.DYOCIII6.js → chunk.4RM2EJEW.js}

@@ -1,16 +1,16 @@
-import {
-  require_plotly_min
-} from "./chunk.O7ZKAFVG.js";
 import {
   plot_styles_default
 } from "./chunk.4VO545RN.js";
+import {
+  require_plotly_min
+} from "./chunk.O7ZKAFVG.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.AOJTBQKP.js";
+} from "./chunk.WXFIXIOS.js";
 import {
   e,
   n

package/{dist/chunks/chunk.2RUMLCNG.js → cdn/chunks/chunk.4WKVINLB.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeAverageMap
-} from "./chunk.7SZ5FLBG.js";
+} from "./chunk.RVH4PSND.js";
 
 // src/components/time-average-map/time-average-map.ts
 var time_average_map_default = TerraTimeAverageMap;

package/cdn/chunks/{chunk.QVZIEWRW.js → chunk.563FCLVE.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.R4TNI2PU.js";
+} from "./chunk.42OJJSTJ.js";
 import {
   init_buffer,
   init_dirname,