@nasa-terra/components 0.0.47 → 0.0.49

package/cdn/vscode.html-custom-data.json

@@ -2,43 +2,6 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
-    {
-      "name": "terra-browse-variables",
-      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-      "attributes": [
-        {
-          "name": "catalog",
-          "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-          "values": [{ "name": "giovanni" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/browse-variables"
-        }
-      ]
-    },
-    {
-      "name": "terra-chip",
-      "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-      "attributes": [
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/chip"
-        }
-      ]
-    },
     {
       "name": "terra-button",
       "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
@@ -199,6 +162,23 @@
         }
       ]
     },
+    {
+      "name": "terra-browse-variables",
+      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+      "attributes": [
+        {
+          "name": "catalog",
+          "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+          "values": [{ "name": "giovanni" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/browse-variables"
+        }
+      ]
+    },
     {
       "name": "terra-combobox",
       "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
@@ -251,6 +231,26 @@
         }
       ]
     },
+    {
+      "name": "terra-chip",
+      "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+      "attributes": [
+        {
+          "name": "size",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/chip"
+        }
+      ]
+    },
     {
       "name": "terra-data-rods",
       "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n",
@@ -475,22 +475,6 @@
         }
       ]
     },
-    {
-      "name": "terra-plot",
-      "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        { "name": "plotTitle", "values": [] },
-        { "name": "layout", "values": [{ "name": "Partial<Layout>" }] },
-        { "name": "config", "values": [{ "name": "Partial<Config>" }] },
-        { "name": "data", "values": [{ "name": "Array<Partial<Data>>" }] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/plot"
-        }
-      ]
-    },
     {
       "name": "terra-map",
       "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -534,6 +518,22 @@
         }
       ]
     },
+    {
+      "name": "terra-plot",
+      "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "plotTitle", "values": [] },
+        { "name": "layout", "values": [{ "name": "Partial<Layout>" }] },
+        { "name": "config", "values": [{ "name": "Partial<Config>" }] },
+        { "name": "data", "values": [{ "name": "Array<Partial<Data>>" }] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/plot"
+        }
+      ]
+    },
     {
       "name": "terra-skeleton",
       "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",

package/cdn/web-types.json

@@ -1,60 +1,11 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
-        {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "catalog",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "value": { "type": "'giovanni'", "default": "'giovanni'" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "catalog",
-                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-                "type": "'giovanni'"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-chip",
-          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
-              }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The chip's label." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'small' | 'medium' | 'large'" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-button",
           "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
@@ -332,6 +283,33 @@
             "events": []
           }
         },
+        {
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
+              },
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-combobox",
           "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
@@ -427,6 +405,28 @@
             "events": []
           }
         },
+        {
+          "name": "terra-chip",
+          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The chip's label." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-data-rods",
           "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n",
@@ -900,43 +900,6 @@
             ]
           }
         },
-        {
-          "name": "terra-plot",
-          "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "plotTitle", "value": { "type": "string | undefined" } },
-            {
-              "name": "layout",
-              "value": {
-                "type": "Partial<Layout> | undefined",
-                "default": "{}"
-              }
-            },
-            {
-              "name": "config",
-              "value": {
-                "type": "Partial<Config> | undefined",
-                "default": "{}"
-              }
-            },
-            {
-              "name": "data",
-              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "base", "type": "HTMLElement" },
-              { "name": "plotTitle", "type": "string | undefined" },
-              { "name": "layout", "type": "Partial<Layout> | undefined" },
-              { "name": "config", "type": "Partial<Config> | undefined" },
-              { "name": "data", "type": "Array<Partial<Data>>" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-map",
           "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -1020,6 +983,43 @@
             "events": []
           }
         },
+        {
+          "name": "terra-plot",
+          "description": "A web component for interactive graphs using Plotly.js.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "plotTitle", "value": { "type": "string | undefined" } },
+            {
+              "name": "layout",
+              "value": {
+                "type": "Partial<Layout> | undefined",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "config",
+              "value": {
+                "type": "Partial<Config> | undefined",
+                "default": "{}"
+              }
+            },
+            {
+              "name": "data",
+              "value": { "type": "Array<Partial<Data>>", "default": "[]" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "base", "type": "HTMLElement" },
+              { "name": "plotTitle", "type": "string | undefined" },
+              { "name": "layout", "type": "Partial<Layout> | undefined" },
+              { "name": "config", "type": "Partial<Config> | undefined" },
+              { "name": "data", "type": "Array<Partial<Data>>" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-skeleton",
           "description": "Skeletons are loading indicators to represent where content will eventually be drawn.\n---\n",

package/{cdn/chunks/chunk.4XHHEH7E.js → dist/chunks/chunk.2G2WX7AK.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.2G3AEBWD.js";
+} from "./chunk.Y7T3L2V7.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.Y7PCRENI.js → chunk.3JGJNJNR.js}

@@ -1,17 +1,17 @@
-import {
-  combobox_styles_default
-} from "./chunk.7WL3WWGJ.js";
 import {
   clearSelection,
   walkToOption
 } from "./chunk.LMGJJIIS.js";
+import {
+  combobox_styles_default
+} from "./chunk.7WL3WWGJ.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.4NQ7HOCG.js";
+} from "./chunk.FB54C3YH.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.YEFWHUDB.js → chunk.3NSQCC3Q.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.LIWU37TV.js";
+} from "./chunk.KJBIWLKJ.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 var variable_combobox_default = TerraVariableCombobox;

package/{cdn/chunks/chunk.G5LJIW4D.js → dist/chunks/chunk.3OVW2KMN.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.YYFFKZ3C.js";
+} from "./chunk.TCWD27UO.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = TerraDialog;

package/{cdn/chunks/chunk.R2F54UTE.js → dist/chunks/chunk.4KO5PICP.js}

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

package/dist/chunks/{chunk.STBZGA72.js → chunk.4R2BYB6E.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.N7J6PIAG.js";
 import {
   TerraMap
-} from "./chunk.Q2BD6D7U.js";
+} from "./chunk.WASTEVMF.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
@@ -11,7 +11,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.4NQ7HOCG.js";
+} from "./chunk.FB54C3YH.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.BDOENDHX.js → chunk.554RPEKS.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataRods
-} from "./chunk.F6OOMOWA.js";
+} from "./chunk.JSNOEFVA.js";
 
 // src/react/data-rods/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.7JONSIL5.js → chunk.5SO2EVCS.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.4NQ7HOCG.js";
+} from "./chunk.FB54C3YH.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.6KGJW5LA.js → chunk.5ZQ3T7U6.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.4NQ7HOCG.js";
+} from "./chunk.FB54C3YH.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/{chunk.3PKKNJUL.js → chunk.6N2VG3WB.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.6KGJW5LA.js";
+} from "./chunk.5ZQ3T7U6.js";
 
 // src/react/loader/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.TD6GJFP4.js → chunk.6YPI5ICE.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.CJX4NWZK.js";
+} from "./chunk.FRUINK4G.js";
 
 // src/components/skeleton/skeleton.ts
 var skeleton_default = TerraSkeleton;

package/{cdn/chunks/chunk.OCZLO5AE.js → dist/chunks/chunk.AOED6YJO.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.JAIJYIRJ.js";
+} from "./chunk.G3VEPRFK.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.7Q57KI2G.js → dist/chunks/chunk.ATDLYF22.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.JAIJYIRJ.js";
+} from "./chunk.G3VEPRFK.js";
 
 // src/components/icon/icon.ts
 var icon_default = TerraIcon;

package/dist/chunks/{chunk.TMX6MG4Q.js → chunk.BNPTMFX6.js}

@@ -11,17 +11,17 @@ import {
 } from "./chunk.AUB6SKUI.js";
 import {
   icon_default
-} from "./chunk.LLY5PQQF.js";
+} from "./chunk.ATDLYF22.js";
 import {
   button_default
-} from "./chunk.OFUEDESV.js";
+} from "./chunk.R63JDI4U.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.4NQ7HOCG.js";
+} from "./chunk.FB54C3YH.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.77GLR5WY.js → chunk.CNWIESDL.js}

@@ -1,31 +1,33 @@
 import {
-  TimeSeriesController
-} from "./chunk.7OWQQEAP.js";
+  DB_NAME,
+  TimeSeriesController,
+  getDataByKey
+} from "./chunk.LPSLYYX7.js";
 import {
   time_series_styles_default
 } from "./chunk.K2IRF2QI.js";
 import {
   TerraPlot
-} from "./chunk.7JONSIL5.js";
+} from "./chunk.5SO2EVCS.js";
 import {
   TerraLoader
-} from "./chunk.6KGJW5LA.js";
+} from "./chunk.5ZQ3T7U6.js";
 import {
   TerraIcon
-} from "./chunk.4INVDNUP.js";
+} from "./chunk.G3VEPRFK.js";
 import {
   GiovanniVariableCatalog
 } from "./chunk.TFI3UXXB.js";
 import {
   TerraButton
-} from "./chunk.2XOJHKCA.js";
+} from "./chunk.Y7T3L2V7.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.4NQ7HOCG.js";
+} from "./chunk.FB54C3YH.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -543,22 +545,27 @@ handleJupyterNotebookClick_fn = function() {
     console.error("Failed to open JupyterLite!");
     return;
   }
-  setTimeout(() => {
-    const notebook = [
-      {
-        id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
-        cell_type: "code",
-        source: "%pip install -q terra_ui_components",
-        metadata: {
-          trusted: true
+  getDataByKey(
+    "time-series" /* TIME_SERIES */,
+    __privateGet(this, _timeSeriesController).getCacheKey()
+  ).then((timeSeriesData) => {
+    setTimeout(() => {
+      var _a;
+      const notebook = [
+        {
+          id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
+          cell_type: "code",
+          source: "%pip install -q terra_ui_components",
+          metadata: {
+            trusted: true
+          },
+          outputs: [],
+          execution_count: null
         },
-        outputs: [],
-        execution_count: null
-      },
-      {
-        id: "870c1384-e706-48ee-ba07-fd552a949869",
-        cell_type: "code",
-        source: `from terra_ui_components import TerraTimeSeries
+        {
+          id: "870c1384-e706-48ee-ba07-fd552a949869",
+          cell_type: "code",
+          source: `from terra_ui_components import TerraTimeSeries
 timeseries = TerraTimeSeries()
 
 timeseries.variableEntryId = '${__privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this)}'
@@ -567,22 +574,26 @@ timeseries.endDate = '${this.endDate}'
 timeseries.location = '${this.location}'
 
 timeseries`,
-        metadata: {
-          trusted: true
+          metadata: {
+            trusted: true
+          },
+          outputs: [],
+          execution_count: null
+        }
+      ];
+      jupyterWindow.postMessage(
+        {
+          type: "load-notebook",
+          filename: `${encodeURIComponent((_a = __privateMethod(this, _getVariableEntryId, getVariableEntryId_fn).call(this)) != null ? _a : "plot")}.ipynb`,
+          notebook,
+          timeSeriesData,
+          databaseName: DB_NAME,
+          storeName: "time-series" /* TIME_SERIES */
         },
-        outputs: [],
-        execution_count: null
-      }
-    ];
-    jupyterWindow.postMessage(
-      {
-        type: "load-notebook",
-        filename: "from_uui.ipynb",
-        notebook
-      },
-      "*"
-    );
-  }, 500);
+        "*"
+      );
+    }, 500);
+  });
 };
 TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
 TerraTimeSeries.dependencies = {