@nasa-terra/components 0.0.138 → 0.0.140

package/dist/chunks/{chunk.NERPVLIM.js → chunk.24U2ISPK.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk.NP7CH4PH.js";
 import {
   TerraLoader
-} from "./chunk.YOUQS7PA.js";
+} from "./chunk.HTXKRS3G.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.ZXB6OMD6.js → chunk.274RVFWG.js}

@@ -6,24 +6,24 @@ import {
 } from "./chunk.GF5IAPOY.js";
 import {
   TerraPopup
-} from "./chunk.EJ3R63YT.js";
+} from "./chunk.PYCPKWPS.js";
 import {
   TerraLoader
-} from "./chunk.YOUQS7PA.js";
+} from "./chunk.HTXKRS3G.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.7YRJKZ6R.js";
 import {
   TerraIcon
-} from "./chunk.72RIQ36D.js";
+} from "./chunk.KIV6WQOY.js";
 import {
   watch
 } from "./chunk.NWXJOH5T.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   __decorateClass
 } from "./chunk.SHKVBVTI.js";

package/dist/chunks/{chunk.BDMFPOB3.js → chunk.2H5U2QOG.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.3FT46B5J.js";
 import {
   TerraIcon
-} from "./chunk.72RIQ36D.js";
+} from "./chunk.KIV6WQOY.js";
 import {
   watch
 } from "./chunk.NWXJOH5T.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   __decorateClass
 } from "./chunk.SHKVBVTI.js";

package/dist/chunks/{chunk.62C2ADOH.js → chunk.2QHI5YBU.js}

@@ -1,6 +1,6 @@
 import {
   TerraCard
-} from "./chunk.ZVYU2FUG.js";
+} from "./chunk.ETZVHVGV.js";
 
 // src/react/card/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.UWGVWZZZ.js → chunk.2UDJAWPJ.js}

@@ -1,50 +1,56 @@
+import {
+  getDataAccessNotebook
+} from "./chunk.U3XIKOX7.js";
 import {
   TerraSlider
-} from "./chunk.NQNBY6DB.js";
+} from "./chunk.VEE7UOX5.js";
 import {
   TerraMenuItem
-} from "./chunk.ZXB6OMD6.js";
+} from "./chunk.274RVFWG.js";
 import {
   TerraMenu
-} from "./chunk.CS5R35CD.js";
+} from "./chunk.WGLORKO4.js";
 import {
   TerraDatePicker
-} from "./chunk.6UMTX7EO.js";
-import {
-  TerraDataGrid
-} from "./chunk.NERPVLIM.js";
+} from "./chunk.FDVDLHRW.js";
 import {
   DataAccessController
-} from "./chunk.BEGIYBUS.js";
+} from "./chunk.RQ27EUVN.js";
 import {
   data_access_styles_default
-} from "./chunk.GMJA54M4.js";
+} from "./chunk.V2TFKPNC.js";
+import {
+  TerraDataGrid
+} from "./chunk.24U2ISPK.js";
 import {
   TerraSpatialPicker
-} from "./chunk.TYR4WWGF.js";
+} from "./chunk.T3S5GBXB.js";
 import {
   StringifyBoundingBox
-} from "./chunk.SBQXHA4N.js";
+} from "./chunk.JLZUVFCE.js";
 import {
   TerraDropdown
-} from "./chunk.7JVCMXN3.js";
+} from "./chunk.ADDDWULH.js";
 import {
   calculateGranuleSize,
   getGranuleUrl
 } from "./chunk.CGVPVXTX.js";
 import {
   TerraLoader
-} from "./chunk.YOUQS7PA.js";
+} from "./chunk.HTXKRS3G.js";
 import {
   TerraButton
-} from "./chunk.63JSVLOD.js";
+} from "./chunk.GA4XP2M7.js";
 import {
   TerraIcon
-} from "./chunk.72RIQ36D.js";
+} from "./chunk.KIV6WQOY.js";
+import {
+  watch
+} from "./chunk.NWXJOH5T.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   getBasePath
 } from "./chunk.PBC3S6IG.js";
@@ -53,7 +59,8 @@ import {
   __privateAdd,
   __privateGet,
   __privateMethod,
-  __privateSet
+  __privateSet,
+  __spreadValues
 } from "./chunk.SHKVBVTI.js";
 
 // src/components/data-access/data-access.component.ts
@@ -76,6 +83,32 @@ var debounce = (delay) => {
 
 // src/components/data-access/data-access.component.ts
 import { createRef, ref } from "lit/directives/ref.js";
+
+// src/lib/jupyter.ts
+var JUPYTER_LITE_URL = "https://gesdisc.github.io/jupyterlite/lab/index.html";
+function openJupyterLiteWindow(readyCb) {
+  const jupyterWindow = window.open(JUPYTER_LITE_URL, "_blank");
+  if (!jupyterWindow) {
+    console.error("Failed to open JupyterLite!");
+    return;
+  }
+  window.addEventListener("message", (event) => readyCb(event, jupyterWindow), {
+    once: true
+  });
+  return jupyterWindow;
+}
+function sendDataToJupyterNotebook(type, data) {
+  openJupyterLiteWindow((event, jupyterWindow) => {
+    var _a;
+    if (((_a = event.data) == null ? void 0 : _a.type) !== "jupyterlite-ready") {
+      return;
+    }
+    console.log("JupyterLite is ready!");
+    jupyterWindow.postMessage(__spreadValues({ type }, data), "*");
+  });
+}
+
+// src/components/data-access/data-access.component.ts
 var _controller, _boundHandleCloudCoverClickOutside, _gridApi, gridApi_get, _handleCloudCoverClickOutside, handleCloudCoverClickOutside_fn, _initializeGrid, initializeGrid_fn, _handleMapChange, handleMapChange_fn, _handleDateRangeChange, handleDateRangeChange_fn, _getDateRangeButtonText, getDateRangeButtonText_fn, _getSpatialButtonText, getSpatialButtonText_fn, _toggleDatePicker, toggleDatePicker_fn, _clearDateRange, clearDateRange_fn, _toggleSpatialPicker, toggleSpatialPicker_fn, _clearSpatialFilter, clearSpatialFilter_fn, _toggleCloudCoverPicker, toggleCloudCoverPicker_fn, _clearCloudCoverFilter, clearCloudCoverFilter_fn, _getCloudCoverButtonText, getCloudCoverButtonText_fn, _handleDownloadSelect, handleDownloadSelect_fn, _downloadPythonScript, downloadPythonScript_fn, _downloadEarthdataDownload, downloadEarthdataDownload_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _handleCloudCoverChange, handleCloudCoverChange_fn, _renderLoadingOverlay, renderLoadingOverlay_fn;
 var TerraDataAccess = class extends TerraElement {
   constructor() {
@@ -100,6 +133,7 @@ var TerraDataAccess = class extends TerraElement {
     __privateAdd(this, _handleJupyterNotebookClick);
     __privateAdd(this, _handleCloudCoverChange);
     __privateAdd(this, _renderLoadingOverlay);
+    this._gridInitialized = false;
     this.limit = 50;
     this.page = 1;
     this.search = "";
@@ -117,6 +151,12 @@ var TerraDataAccess = class extends TerraElement {
     __privateAdd(this, _controller, new DataAccessController(this));
     __privateAdd(this, _boundHandleCloudCoverClickOutside, null);
   }
+  handleCollectionChange() {
+    if (this._gridInitialized && this.isVisible) {
+      this._gridInitialized = false;
+      this.firstVisible();
+    }
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     if (__privateGet(this, _boundHandleCloudCoverClickOutside)) {
@@ -127,7 +167,11 @@ var TerraDataAccess = class extends TerraElement {
       __privateSet(this, _boundHandleCloudCoverClickOutside, null);
     }
   }
-  firstVisible() {
+  async firstVisible() {
+    await Promise.all([
+      __privateGet(this, _controller).cloudCoverRangeTask.taskComplete,
+      __privateGet(this, _controller).samplingTask.taskComplete
+    ]);
     __privateMethod(this, _initializeGrid, initializeGrid_fn).call(this);
   }
   handleSearch(search) {
@@ -363,6 +407,7 @@ var TerraDataAccess = class extends TerraElement {
                               </terra-menu>
                           </terra-dropdown>
 
+                          <!--
                           <terra-button
                               outline
                               @click=${() => __privateMethod(this, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn).call(this)}
@@ -375,6 +420,7 @@ var TerraDataAccess = class extends TerraElement {
                               ></terra-icon>
                               Open in Jupyter Notebook
                           </terra-button>
+                            -->
                       </div>
                   ` : html`
                       <div
@@ -429,6 +475,7 @@ var TerraDataAccess = class extends TerraElement {
                               </terra-menu>
                           </terra-dropdown>
 
+                          <!--
                           <terra-button
                               outline
                               @click=${() => __privateMethod(this, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn).call(this)}
@@ -441,6 +488,7 @@ var TerraDataAccess = class extends TerraElement {
                               ></terra-icon>
                               Open in Jupyter Notebook
                           </terra-button>
+                        -->
                       </div>
                   `}
         `;
@@ -473,9 +521,10 @@ handleCloudCoverClickOutside_fn = function(event) {
 };
 _initializeGrid = new WeakSet();
 initializeGrid_fn = function() {
-  if (!this.gridRef.value) {
+  if (!this.gridRef.value || this._gridInitialized) {
     return;
   }
+  this._gridInitialized = true;
   const datasource = {
     rowCount: void 0,
     // behave as infinite scroll
@@ -793,7 +842,13 @@ downloadEarthdataDownload_fn = async function(event) {
 };
 _handleJupyterNotebookClick = new WeakSet();
 handleJupyterNotebookClick_fn = function() {
-  console.log("opening jupyter notebook ", this, __privateGet(this, _gridApi, gridApi_get));
+  const notebook = getDataAccessNotebook(this);
+  console.log("Sending data to JupyterLite");
+  sendDataToJupyterNotebook("load-notebook", {
+    filename: `data_${this.shortName}_${this.version}.ipynb`,
+    notebook,
+    bearerToken: this.bearerToken
+  });
 };
 _handleCloudCoverChange = new WeakSet();
 handleCloudCoverChange_fn = function(event) {
@@ -831,6 +886,13 @@ __decorateClass([
 __decorateClass([
   property({ reflect: true, attribute: "version" })
 ], TerraDataAccess.prototype, "version", 2);
+__decorateClass([
+  state()
+], TerraDataAccess.prototype, "_gridInitialized", 2);
+__decorateClass([
+  watch("shortName"),
+  watch("version")
+], TerraDataAccess.prototype, "handleCollectionChange", 1);
 __decorateClass([
   property({ attribute: "footer-slot", type: Boolean })
 ], TerraDataAccess.prototype, "footerSlot", 2);
@@ -870,5 +932,6 @@ __decorateClass([
 
 export {
   debounce,
+  sendDataToJupyterNotebook,
   TerraDataAccess
 };

package/dist/chunks/{chunk.BLERQFGP.js → chunk.45H4JY6Q.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.D33KF56V.js";
+} from "./chunk.DNRLRKTJ.js";
 
 // src/components/chip/chip.ts
 var chip_default = TerraChip;

package/dist/chunks/{chunk.7OCJU3PJ.js → chunk.4DLTLI2O.js}

@@ -13,10 +13,10 @@ import {
 } from "./chunk.ESNQNQUJ.js";
 import {
   TerraPlotToolbar
-} from "./chunk.3T5HNZUF.js";
+} from "./chunk.UMECGZMZ.js";
 import {
   TerraPlot
-} from "./chunk.ZGRWZLQ5.js";
+} from "./chunk.NEFQBDRH.js";
 import {
   AuthController
 } from "./chunk.DHM36JBP.js";
@@ -25,26 +25,26 @@ import {
 } from "./chunk.CGVPVXTX.js";
 import {
   TerraLoader
-} from "./chunk.YOUQS7PA.js";
+} from "./chunk.HTXKRS3G.js";
 import {
   TerraButton
-} from "./chunk.63JSVLOD.js";
+} from "./chunk.GA4XP2M7.js";
 import {
   formatDate
 } from "./chunk.Y4QEHGFE.js";
 import {
   TerraAlert
-} from "./chunk.6ZFKVBPI.js";
+} from "./chunk.FEGTKRUO.js";
 import {
   TerraIcon
-} from "./chunk.72RIQ36D.js";
+} from "./chunk.KIV6WQOY.js";
 import {
   watch
 } from "./chunk.NWXJOH5T.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.EZL4X7UO.js → chunk.4FTYJ57P.js}

@@ -1,6 +1,6 @@
 import {
   TerraTag
-} from "./chunk.AKPRFRKY.js";
+} from "./chunk.LSZBQV3O.js";
 
 // src/react/tag/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.QNMCP2AR.js → chunk.4ICZUX7R.js}

@@ -1,6 +1,6 @@
 import {
   TerraToast
-} from "./chunk.3JBYISXS.js";
+} from "./chunk.C5BKN6O7.js";
 
 // src/components/toast/toast.ts
 var toast_default = TerraToast;

package/dist/chunks/{chunk.PEUUMUUU.js → chunk.4LJHFWIX.js}

@@ -14,17 +14,17 @@ import {
 } from "./chunk.DVUOT6X5.js";
 import {
   icon_default
-} from "./chunk.NATWUBK2.js";
+} from "./chunk.OTPAICEW.js";
 import {
   button_default
-} from "./chunk.Z7ZV4LS3.js";
+} from "./chunk.PB7ELMTK.js";
 import {
   watch
 } from "./chunk.NWXJOH5T.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.CJ7MQ35P.js → chunk.4TJ2RMEE.js}

@@ -1,6 +1,6 @@
 import {
   TerraEarthdataLogin
-} from "./chunk.QLZ5YF5Z.js";
+} from "./chunk.54IK5BSP.js";
 
 // src/react/earthdata-login/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.Y3FPTRVT.js → chunk.4ZXAB5TL.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataGrid
-} from "./chunk.NERPVLIM.js";
+} from "./chunk.24U2ISPK.js";
 
 // src/react/data-grid/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.QLZ5YF5Z.js → chunk.54IK5BSP.js}

@@ -1,25 +1,25 @@
 import {
   input_default
-} from "./chunk.HNU2NERA.js";
+} from "./chunk.ABICQGRJ.js";
 import {
   earthdata_login_styles_default
 } from "./chunk.YOEQGKZU.js";
 import {
   loader_default
-} from "./chunk.UFMWOIDP.js";
+} from "./chunk.6II33DO4.js";
 import {
   AuthController
 } from "./chunk.DHM36JBP.js";
 import {
   icon_default
-} from "./chunk.NATWUBK2.js";
+} from "./chunk.OTPAICEW.js";
 import {
   button_default
-} from "./chunk.Z7ZV4LS3.js";
+} from "./chunk.PB7ELMTK.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.QWT24I4A.js";
+} from "./chunk.VITSACKY.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.BGF4PQZ6.js → chunk.5FZPT4O6.js}

@@ -1,6 +1,6 @@
 import {
   TerraCheckbox
-} from "./chunk.BAMCVKFY.js";
+} from "./chunk.FBBQCACS.js";
 
 // src/react/checkbox/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.CY6KS3HH.js → chunk.5H4ESPRM.js}

@@ -1,6 +1,6 @@
 import {
   TerraCaption
-} from "./chunk.DVLKC7ZJ.js";
+} from "./chunk.AVONA3GM.js";
 
 // src/components/caption/caption.ts
 var caption_default = TerraCaption;

package/dist/chunks/{chunk.4MGGBJBD.js → chunk.5K55E6UH.js}

@@ -9,6 +9,11 @@ function getFriendlyNameForMimeType(mimeType) {
       return "NetCDF-4";
     case "application/netcdf":
       return "NetCDF Classic (NetCDF-3)";
+    case "text/csv":
+      return "CSV";
+    case "image/tiff":
+    case "image/tif":
+      return "TIFF";
     default:
       return mimeType;
   }

package/dist/chunks/{chunk.LWAOH7JM.js → chunk.5ZC637OQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraStatusIndicator
-} from "./chunk.HM7EXYG4.js";
+} from "./chunk.AKEZCJJM.js";
 
 // src/react/status-indicator/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.64DJ53R3.js → chunk.64YE3QBQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.6HBIOGWN.js";
+} from "./chunk.TMGYEOY5.js";
 
 // src/react/time-series/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.TH5SUUSJ.js → chunk.6CBFSWN6.js}

@@ -1,6 +1,6 @@
 import {
   TerraMenuItem
-} from "./chunk.ZXB6OMD6.js";
+} from "./chunk.274RVFWG.js";
 
 // src/react/menu-item/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.UFMWOIDP.js → chunk.6II33DO4.js}

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

package/dist/chunks/{chunk.MAV5CTFJ.js → chunk.6ODAF4OH.js}

@@ -1,6 +1,6 @@
 import {
   TerraProgressBar
-} from "./chunk.UCZ3JP6I.js";
+} from "./chunk.I77JACHS.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = TerraProgressBar;