@nasa-terra/components 0.0.36 → 0.0.39

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

@@ -162,23 +162,6 @@
         }
       ]
     },
-    {
-      "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.",
@@ -252,25 +235,19 @@
       ]
     },
     {
-      "name": "terra-date-range-slider",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "name": "terra-browse-variables",
+      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
       "attributes": [
-        { "name": "time-scale", "values": [{ "name": "TimeScale" }] },
-        { "name": "min-date", "values": [] },
-        { "name": "max-date", "values": [] },
         {
-          "name": "start-date",
-          "description": "The start date for the time series plot.",
-          "values": []
-        },
-        { "name": "end-date", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "has-pips", "values": [] }
+          "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/date-range-slider"
+          "url": "https://disc.gsfc.nasa.gov/components/browse-variables"
         }
       ]
     },
@@ -312,6 +289,29 @@
         }
       ]
     },
+    {
+      "name": "terra-date-range-slider",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "time-scale", "values": [{ "name": "TimeScale" }] },
+        { "name": "min-date", "values": [] },
+        { "name": "max-date", "values": [] },
+        {
+          "name": "start-date",
+          "description": "The start date for the time series plot.",
+          "values": []
+        },
+        { "name": "end-date", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "has-pips", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/date-range-slider"
+        }
+      ]
+    },
     {
       "name": "terra-dialog",
       "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
@@ -417,6 +417,33 @@
         }
       ]
     },
+    {
+      "name": "terra-login",
+      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://disc.gsfc.nasa.gov/components/login"
+        }
+      ]
+    },
+    {
+      "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",
@@ -460,33 +487,6 @@
         }
       ]
     },
-    {
-      "name": "terra-login",
-      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/login"
-        }
-      ]
-    },
-    {
-      "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,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.36",
+  "version": "0.0.39",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -283,33 +283,6 @@
             "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-chip",
           "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
@@ -428,50 +401,28 @@
           }
         },
         {
-          "name": "terra-date-range-slider",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "time-scale",
-              "value": { "type": "TimeScale", "default": "'daily'" }
-            },
-            { "name": "min-date", "value": { "type": "string" } },
-            { "name": "max-date", "value": { "type": "string" } },
-            {
-              "name": "start-date",
-              "description": "The start date for the time series plot.",
-              "value": { "type": "string" }
-            },
-            { "name": "end-date", "value": { "type": "string" } },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "has-pips",
-              "value": { "type": "boolean", "default": "true" }
+              "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'" }
             }
           ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
-              { "name": "timeScale", "type": "TimeScale" },
-              { "name": "minDate", "type": "string" },
-              { "name": "maxDate", "type": "string" },
               {
-                "name": "startDate",
-                "description": "The start date for the time series plot.",
-                "type": "string"
+                "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": "endDate", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "hasPips", "type": "boolean" }
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
             ],
             "events": []
           }
@@ -550,6 +501,7 @@
           "events": [],
           "js": {
             "properties": [
+              { "name": "selectedDates", "type": "Date[]" },
               { "name": "id", "type": "string" },
               { "name": "range", "type": "boolean" },
               { "name": "minDate", "type": "string | undefined" },
@@ -573,6 +525,55 @@
             "events": []
           }
         },
+        {
+          "name": "terra-date-range-slider",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "time-scale",
+              "value": { "type": "TimeScale", "default": "'daily'" }
+            },
+            { "name": "min-date", "value": { "type": "string" } },
+            { "name": "max-date", "value": { "type": "string" } },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot.",
+              "value": { "type": "string" }
+            },
+            { "name": "end-date", "value": { "type": "string" } },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "has-pips",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "slider", "type": "HTMLElement & { noUiSlider: API }" },
+              { "name": "timeScale", "type": "TimeScale" },
+              { "name": "minDate", "type": "string" },
+              { "name": "maxDate", "type": "string" },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot.",
+                "type": "string"
+              },
+              { "name": "endDate", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "hasPips", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-dialog",
           "description": "Used to create both modal and non-modal dialog boxes.\n---\n\n\n### **Events:**\n - **terra-dialog-show** - Emitted when the dialog opens.\n- **terra-dialog-hide** - Emitted when the dialog closes.\n\n### **Slots:**\n - _default_ - The dialog's main content",
@@ -791,6 +792,64 @@
             "events": []
           }
         },
+        {
+          "name": "terra-login",
+          "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
+          "doc-url": "",
+          "attributes": [],
+          "events": [
+            {
+              "name": "terra-login",
+              "description": "Emitted when a bearer token has been received from EDL."
+            }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "terra-login",
+                "description": "Emitted when a bearer token has been received from EDL."
+              }
+            ]
+          }
+        },
+        {
+          "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",
@@ -874,64 +933,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-login",
-          "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-          "doc-url": "",
-          "attributes": [],
-          "events": [
-            {
-              "name": "terra-login",
-              "description": "Emitted when a bearer token has been received from EDL."
-            }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "terra-login",
-                "description": "Emitted when a bearer token has been received from EDL."
-              }
-            ]
-          }
-        },
-        {
-          "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.6K7MR5VI.js → dist/chunks/chunk.23ZVN5EA.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.7OMJAFKX.js";
+} from "./chunk.3BASQDED.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.BXNBL5EI.js → chunk.2E2CCWL3.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.PX5ZFEML.js";
+} from "./chunk.WOM2WVS4.js";
 
 // src/react/chip/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.GYT2U4X3.js → chunk.2Q4AVXII.js}

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

package/dist/chunks/{chunk.EHQLGVQS.js → chunk.3BASQDED.js}

@@ -2,16 +2,16 @@ import {
   FormControlController,
   validValidityState
 } from "./chunk.KAV5L6Z5.js";
-import {
-  button_styles_default
-} from "./chunk.APJOA6RL.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DHB2K3G6.js";
+} from "./chunk.TNESBPP7.js";
+import {
+  button_styles_default
+} from "./chunk.APJOA6RL.js";
 import {
   __decorateClass,
   __privateAdd,

package/{cdn/chunks/chunk.MHFEGKLP.js → dist/chunks/chunk.3EVPTH7Q.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.3EMGXPUU.js";
+} from "./chunk.JKLZ2XGQ.js";
 
 // src/react/variable-keyword-search/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.NRPDLZXO.js → chunk.3K3DIFS7.js}

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

package/{cdn/chunks/chunk.J7MJBQAC.js → dist/chunks/chunk.4GJDVKY4.js}

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

package/dist/chunks/{chunk.SZI4RRPQ.js → chunk.4N5OSH4R.js}

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

package/dist/chunks/{chunk.BITSW5WU.js → chunk.6ACDZL3V.js}

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

package/dist/chunks/{chunk.64W3QS6J.js → chunk.6NHB27JI.js}

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

package/dist/chunks/{chunk.X2N4QC3H.js → chunk.7SXUEIQ4.js}

@@ -4,7 +4,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DHB2K3G6.js";
+} from "./chunk.TNESBPP7.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";
@@ -16,6 +16,7 @@ import "lit-flatpickr";
 var TerraDatePicker = class extends TerraElement {
   constructor() {
     super(...arguments);
+    this.selectedDates = [];
     this.range = false;
     this.allowInput = false;
     this.altFormat = "F j, Y";
@@ -34,8 +35,8 @@ var TerraDatePicker = class extends TerraElement {
   firstUpdated() {
     this.flatpickrElement.addEventListener("change", this.handleChange.bind(this));
   }
-  handleChange(e) {
-    console.log("handleChange", e);
+  handleChange(selectedDates) {
+    this.selectedDates = selectedDates;
     this.emit("terra-change");
   }
   render() {
@@ -68,7 +69,7 @@ var TerraDatePicker = class extends TerraElement {
                         .position=${this.position}
                         .showMonths=${this.showMonths}
                         theme="material_blue"
-                        .onChange="${this.handleChange}"
+                        .onChange="${this.handleChange.bind(this)}"
                     ></lit-flatpickr>
                     <button
                         class="date-picker__input_icon_button"

package/dist/chunks/{chunk.PQK2QLBS.js → chunk.A44TYBTC.js}

@@ -1,19 +1,19 @@
 import {
   loader_default
-} from "./chunk.PMRHWMON.js";
+} from "./chunk.O7VQAMLS.js";
 import {
   login_styles_default
 } from "./chunk.UIYPAVP3.js";
 import {
   icon_default
-} from "./chunk.64W3QS6J.js";
+} from "./chunk.6NHB27JI.js";
 import {
   button_default
-} from "./chunk.RB6X7TTA.js";
+} from "./chunk.VXQPT4AX.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.DHB2K3G6.js";
+} from "./chunk.TNESBPP7.js";
 import {
   __privateAdd,
   __privateGet,

package/dist/chunks/{chunk.5TY6DTA5.js → chunk.A7RVSV3N.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.V2YJBGZP.js";
+} from "./chunk.ZAWCSBDT.js";
 
 // src/components/time-series/time-series.ts
 var time_series_default = TerraTimeSeries;

package/{cdn/chunks/chunk.BBDJIPBC.js → dist/chunks/chunk.ADHCIOJW.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.USW6SINQ.js";
+} from "./chunk.D5KQLFSZ.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";