@nasa-terra/components 0.0.58 → 0.0.60

package/README.md

@@ -4,7 +4,7 @@ Intro
 
 ### Forking the Repo
 
-Start by [forking the repo](https://github.com/gesdisc/components/fork) on GitHub, then clone it locally and install dependencies.
+Start by [forking the repo](https://github.com/nasa/terra-ui-components/fork) on GitHub, then clone it locally and install dependencies.
 
 ```bash
 git clone https://github.com/YOUR_GITHUB_USERNAME/components terra-ui-components

package/cdn/auth/auth.controller.d.ts

@@ -0,0 +1,15 @@
+import { Task } from '@lit/task';
+import type { StatusRenderer } from '@lit/task';
+import type { ReactiveControllerHost } from 'lit';
+import { type AuthState } from './auth.service.js';
+export declare class AuthController<C> {
+    #private;
+    task: Task<[], AuthState>;
+    private unsubscribe?;
+    constructor(host: ReactiveControllerHost & C);
+    get state(): AuthState;
+    login(): void;
+    logout(): void;
+    render(renderFunctions: StatusRenderer<AuthState>): unknown;
+    disconnectedCallback(): void;
+}

package/cdn/auth/auth.service.d.ts

@@ -0,0 +1,29 @@
+export type User = {
+    uid: string;
+    first_name: string;
+    last_name: string;
+};
+export interface AuthState {
+    user: User | null;
+    token: string | null;
+    isLoading: boolean;
+    error: string | null;
+}
+declare class AuthService {
+    private authState;
+    private listeners;
+    private currentTask;
+    constructor();
+    exchangeCodeForToken(code: string): Promise<void>;
+    subscribe(listener: (state: AuthState) => void, bearerToken?: string): () => void;
+    private notifyListeners;
+    private setState;
+    authenticate(): Promise<User | null>;
+    private getUserInfo;
+    private getLoggedOutState;
+    login(): void;
+    logout(): void;
+    getState(): AuthState;
+}
+export declare const authService: AuthService;
+export {};

package/cdn/chunks/{chunk.GY3WMEC5.js → chunk.2EEOIGVN.js}

@@ -1,13 +1,13 @@
-import {
-  TerraIcon
-} from "./chunk.3AVJ4SFR.js";
 import {
   accordion_styles_default
 } from "./chunk.CPHER7LT.js";
+import {
+  TerraIcon
+} from "./chunk.G7FG7ZK3.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/cdn/chunks/{chunk.X7ZJUPRG.js → chunk.2GMGCJJK.js}

@@ -2,51 +2,54 @@ import {
   DB_NAME,
   TimeSeriesController,
   getDataByKey
-} from "./chunk.GJIEQWA2.js";
+} from "./chunk.SGS66YD4.js";
 import {
   time_series_styles_default
 } from "./chunk.Y7I2RXN6.js";
 import {
   TerraPlot,
   require_plotly_min
-} from "./chunk.SE7II5KQ.js";
+} from "./chunk.QU7QA2AS.js";
 import {
-  h
-} from "./chunk.QB5SASDL.js";
-import {
-  TerraLoader
-} from "./chunk.KKRCWOV3.js";
+  AuthController
+} from "./chunk.EKLRAB4A.js";
 import {
-  GiovanniVariableCatalog
-} from "./chunk.OPHEW56X.js";
+  h
+} from "./chunk.FKLQEDIX.js";
 import {
-  h as h2,
-  s
-} from "./chunk.UGTZ22DI.js";
+  TerraAlert
+} from "./chunk.2UYVNOEX.js";
 import {
-  formatDate
-} from "./chunk.EZMKGB3F.js";
+  TerraLoader
+} from "./chunk.CEZIPRUZ.js";
 import {
   TerraButton
-} from "./chunk.ETTS3KR7.js";
+} from "./chunk.E77UOXGG.js";
 import {
   TerraIcon
-} from "./chunk.3AVJ4SFR.js";
-import {
-  TerraAlert
-} from "./chunk.UR6UU3IH.js";
+} from "./chunk.G7FG7ZK3.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   e,
   n,
   r
 } from "./chunk.2FFSUM6T.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.M5HLSUC4.js";
+import {
+  h as h2,
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  formatDate
+} from "./chunk.NJTOF6ZK.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -61,7 +64,7 @@ import {
 
 // src/components/time-series/time-series.component.ts
 var import_plotly = __toESM(require_plotly_min(), 1);
-var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _handlePlotRelayout, handlePlotRelayout_fn;
+var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _handlePlotRelayout, handlePlotRelayout_fn;
 var TerraTimeSeries = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -77,7 +80,6 @@ var TerraTimeSeries = class extends TerraElement {
     __privateAdd(this, _handleActiveMenuItem);
     __privateAdd(this, _handleComponentLeave);
     __privateAdd(this, _handleMenuLeave);
-    __privateAdd(this, _getVariableEntryId);
     __privateAdd(this, _getYAxisLabel);
     __privateAdd(this, _renderInfoPanel);
     __privateAdd(this, _renderDownloadPanel);
@@ -91,11 +93,12 @@ var TerraTimeSeries = class extends TerraElement {
     this.estimatedDataPoints = 0;
     this.activeMenuItem = null;
     __privateAdd(this, _catalog, new GiovanniVariableCatalog());
+    this._authController = new AuthController(this);
     // @ts-expect-error
     __privateAdd(this, _fetchVariableTask, new h2(this, {
       task: async (_args, { signal }) => {
         var _a, _b, _c, _d;
-        const variableEntryId = __privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this);
+        const variableEntryId = this.getVariableEntryId();
         console.debug("fetch variable ", variableEntryId);
         if (!variableEntryId) {
           return;
@@ -132,16 +135,7 @@ var TerraTimeSeries = class extends TerraElement {
       "terra-time-series-error",
       __privateGet(this, _handleQuotaError)
     );
-    __privateSet(this, _timeSeriesController, new TimeSeriesController(this, this.bearerToken));
-    if (!document.getElementById("terra-jupyterlite-warmup-iframe")) {
-      const iframe = document.createElement("iframe");
-      iframe.id = "terra-jupyterlite-warmup-iframe";
-      iframe.src = "https://gesdisc.github.io/jupyterlite/lab/index.html?path=warmup.ipynb";
-      iframe.style.cssText = "width:1px; height:1px; opacity:0.01; pointer-events: none; border: 0; position: fixed; top: 0; left: 0;";
-      iframe.title = "Notebook Warm-Up Frame";
-      iframe.setAttribute("aria-hidden", "true");
-      document.body.appendChild(iframe);
-    }
+    __privateSet(this, _timeSeriesController, new TimeSeriesController(this));
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -381,6 +375,13 @@ var TerraTimeSeries = class extends TerraElement {
             </dialog>
         `;
   }
+  getVariableEntryId() {
+    var _a;
+    if (!this.variableEntryId && !(this.collection && this.variable)) {
+      return;
+    }
+    return (_a = this.variableEntryId) != null ? _a : `${this.collection}_${this.variable}`;
+  }
 };
 _timeSeriesController = new WeakMap();
 _catalog = new WeakMap();
@@ -467,14 +468,6 @@ handleMenuLeave_fn = function(event) {
     this.activeMenuItem = null;
   }
 };
-_getVariableEntryId = new WeakSet();
-getVariableEntryId_fn = function() {
-  var _a;
-  if (!this.variableEntryId && !(this.collection && this.variable)) {
-    return;
-  }
-  return (_a = this.variableEntryId) != null ? _a : `${this.collection}_${this.variable}`;
-};
 _getYAxisLabel = new WeakSet();
 getYAxisLabel_fn = function() {
   if (!this.catalogVariable) {
@@ -640,7 +633,7 @@ handleJupyterNotebookClick_fn = function() {
           source: `from terra_ui_components import TerraTimeSeries
 timeseries = TerraTimeSeries()
 
-timeseries.variableEntryId = '${__privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this)}'
+timeseries.variableEntryId = '${this.getVariableEntryId()}'
 timeseries.startDate = '${this.startDate}'
 timeseries.endDate = '${this.endDate}'
 timeseries.location = '${this.location}'
@@ -656,7 +649,7 @@ timeseries`,
       jupyterWindow.postMessage(
         {
           type: "load-notebook",
-          filename: `${encodeURIComponent((_a = __privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this)) != null ? _a : "plot")}.ipynb`,
+          filename: `${encodeURIComponent((_a = this.getVariableEntryId()) != null ? _a : "plot")}.ipynb`,
           notebook,
           timeSeriesData,
           databaseName: DB_NAME,

package/cdn/chunks/{chunk.VMWZDPYT.js → chunk.2NMWP5DN.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.2SMZLZLS.js";
+} from "./chunk.4FXB6TO3.js";
 
 // src/components/variable-keyword-search/variable-keyword-search.ts
 var variable_keyword_search_default = TerraVariableKeywordSearch;

package/cdn/chunks/{chunk.UR6UU3IH.js → chunk.2UYVNOEX.js}

@@ -1,3 +1,6 @@
+import {
+  alert_styles_default
+} from "./chunk.3WD5HVRH.js";
 import {
   HasSlotController
 } from "./chunk.6OAPBJRP.js";
@@ -10,15 +13,12 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   e as e2,
   n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  alert_styles_default
-} from "./chunk.3WD5HVRH.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";

package/{dist/chunks/chunk.I2DMFHGN.js → cdn/chunks/chunk.3VHYPNST.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.KF54OOIY.js";
+} from "./chunk.L7JBTN32.js";
 
 // src/components/map/map.ts
 var map_default = TerraMap;

package/cdn/chunks/{chunk.NEWIN3MV.js → chunk.4BMRBQYU.js}

@@ -1,9 +1,9 @@
 import {
   c
-} from "./chunk.PZRCJWJ4.js";
+} from "./chunk.6WMXHA2J.js";
 import {
   h
-} from "./chunk.QB5SASDL.js";
+} from "./chunk.FKLQEDIX.js";
 import {
   combobox_styles_default
 } from "./chunk.USC76EZL.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk.LMGJJIIS.js";
 import {
   n as n2
-} from "./chunk.2XCNCXGV.js";
+} from "./chunk.262RZKG2.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -26,7 +26,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.2SMZLZLS.js → chunk.4FXB6TO3.js}

@@ -1,6 +1,6 @@
 import {
   FetchController
-} from "./chunk.3HAQFMAD.js";
+} from "./chunk.ZP2W7T3J.js";
 import {
   variable_keyword_search_styles_default
 } from "./chunk.NMJ34B6C.js";
@@ -11,10 +11,10 @@ import {
 } from "./chunk.SCFJOPPV.js";
 import {
   icon_default
-} from "./chunk.Q6UYTNS4.js";
+} from "./chunk.LJE2IVXS.js";
 import {
   n as n2
-} from "./chunk.2XCNCXGV.js";
+} from "./chunk.262RZKG2.js";
 import {
   o
 } from "./chunk.QEA4QW6G.js";
@@ -23,14 +23,14 @@ import {
 } from "./chunk.QZV6EAIM.js";
 import {
   button_default
-} from "./chunk.CP7RNEMV.js";
+} from "./chunk.KRO4ARQY.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.A37SL47W.js → chunk.4UXVQKZW.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.POKHGMEN.js";
 import {
   TerraMap
-} from "./chunk.QVJ6PPBP.js";
+} from "./chunk.L7JBTN32.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.FBC4N5F4.js";
+} from "./chunk.EWXWRDS2.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   e,
   n,
@@ -44,45 +44,11 @@ var TerraSpatialPicker = class extends TerraElement {
     this.showMapOnFocus = false;
   }
   _blur(e2) {
-    const inputValue = e2.target.value;
-    if (inputValue === "") {
-      this.mapValue = [];
-    } else {
-      const parsedValue = parseBoundingBox(inputValue);
-      if (Array.isArray(parsedValue)) {
-        this.mapValue = parsedValue.map((coordArray) => {
-          return coordArray.map(
-            (coord) => parseFloat(coord.toFixed(2))
-          );
-        });
-      } else if (parsedValue && typeof parsedValue === "object" && "lat" in parsedValue && "lng" in parsedValue) {
-        const { lat, lng } = parsedValue;
-        this.mapValue = {
-          lat: parseFloat(lat.toFixed(2)),
-          lng: parseFloat(lng.toFixed(2))
-        };
-      } else {
-        this.mapValue = [];
-      }
-    }
+    this._emitMapChange();
     const relatedTarget = e2.relatedTarget;
     if (!(relatedTarget == null ? void 0 : relatedTarget.closest("terra-map"))) {
       this.isExpanded = false;
     }
-    this.emit("terra-map-change", {
-      detail: {
-        cause: "draw",
-        latLng: this.mapValue,
-        geoJson: {
-          type: "Feature",
-          geometry: {
-            type: "Point",
-            coordinates: [this.mapValue.lng, this.mapValue.lat]
-          },
-          properties: {}
-        }
-      }
-    });
   }
   _focus() {
     if (this.showMapOnFocus) {
@@ -92,6 +58,32 @@ var TerraSpatialPicker = class extends TerraElement {
   _click() {
     this.isExpanded = !this.isExpanded;
   }
+  _emitMapChange() {
+    const layer = this.map.getDrawLayer();
+    if ("getLatLng" in layer) {
+      this.mapValue = layer.getLatLng();
+      this.emit("terra-map-change", {
+        detail: {
+          type: "point" /* POINT */,
+          cause: "draw",
+          latLng: this.mapValue,
+          geoJson: layer.toGeoJSON()
+        }
+      });
+    } else if ("getBounds" in layer) {
+      this.mapValue = layer.getBounds();
+      this.emit("terra-map-change", {
+        detail: {
+          type: "bbox" /* BBOX */,
+          cause: "draw",
+          bounds: this.mapValue,
+          geoJson: layer.toGeoJSON()
+        }
+      });
+    } else {
+      this.mapValue = [];
+    }
+  }
   open() {
     this.isExpanded = true;
   }
@@ -102,18 +94,18 @@ var TerraSpatialPicker = class extends TerraElement {
     switch (event.detail.cause) {
       case "clear":
         this.spatialInput.value = "";
-        this.spatialConstraints = "-180, -90, 180, 90";
         break;
       case "draw":
-        if (event.detail.bounds) {
+        if (event.detail.type === "bbox" /* BBOX */) {
           this.spatialInput.value = StringifyBoundingBox(
             event.detail.bounds
           );
-        } else if (event.detail.latLng) {
+        } else if (event.detail.type === "point" /* POINT */) {
           this.spatialInput.value = StringifyBoundingBox(
             event.detail.latLng
           );
         }
+        this._emitMapChange();
         break;
       default:
         break;

package/cdn/chunks/{chunk.NP6IAUPW.js → chunk.5EZ7BYHN.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetter
-} from "./chunk.RPKQ62SW.js";
+} from "./chunk.X33FR7YO.js";
 
 // src/react/data-subsetter/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.443GQYQB.js → chunk.5JW7A2AO.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.IH64XZC2.js";
+} from "./chunk.6ELCJNTL.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/{dist/chunks/chunk.DJMT7PVC.js → cdn/chunks/chunk.5YJRETV3.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.MYTZER6B.js";
+} from "./chunk.4UXVQKZW.js";
 
 // src/react/spatial-picker/index.ts
 import * as React from "react";