@nasa-terra/components 0.0.29 → 0.0.30

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

@@ -162,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-chip",
       "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
@@ -235,52 +252,108 @@
       ]
     },
     {
-      "name": "terra-browse-variables",
-      "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+      "name": "terra-date-picker",
+      "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
       "attributes": [
+        { "name": "id", "values": [] },
+        { "name": "range", "values": [] },
+        { "name": "min-date", "values": [] },
+        { "name": "max-date", "values": [] },
+        { "name": "start-date", "values": [] },
+        { "name": "end-date", "values": [] },
+        { "name": "allow-input", "values": [] },
+        { "name": "alt-format", "values": [] },
+        { "name": "alt-input", "values": [] },
+        { "name": "alt-input-class", "values": [] },
+        { "name": "date-format", "values": [] },
+        { "name": "enable-time", "values": [] },
+        { "name": "time-24hr", "values": [] },
+        { "name": "week-numbers", "values": [] },
+        { "name": "static", "values": [] },
+        {
+          "name": "position",
+          "values": [
+            { "name": "auto" },
+            { "name": "above" },
+            { "name": "below" }
+          ]
+        },
         {
-          "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" }]
-        }
+          "name": "theme",
+          "values": [
+            { "name": "" },
+            { "name": "light" },
+            { "name": "dark" },
+            { "name": "material_blue" },
+            { "name": "material_red" },
+            { "name": "material_green" },
+            { "name": "material_orange" },
+            { "name": "airbnb" },
+            { "name": "confetti" },
+            { "name": "none" }
+          ]
+        },
+        { "name": "show-months", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/browse-variables"
+          "url": "https://disc.gsfc.nasa.gov/components/date-picker"
         }
       ]
     },
     {
-      "name": "terra-giovanni-search",
-      "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-giovanni-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host 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.",
+      "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": "label",
-          "description": "Label the combobox with this.",
+          "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": "placeholder",
-          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+          "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",
+      "attributes": [
+        {
+          "name": "id",
+          "description": "the ID to be used for accessibility associations",
           "values": []
         },
         {
-          "name": "hide-label",
-          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "name": "width",
+          "description": "the width of the dialog",
           "values": []
         },
         {
-          "name": "searchConfig",
-          "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-          "values": [{ "name": "object" }]
+          "name": "click-outside-to-close",
+          "description": "allow closing the dialog when clicking outside of it",
+          "values": []
         },
-        { "name": "value", "values": [] }
+        {
+          "name": "show-backdrop",
+          "description": "Show a backdrop behind the dialog",
+          "values": []
+        }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/giovanni-search"
+          "url": "https://disc.gsfc.nasa.gov/components/dialog"
         }
       ]
     },
@@ -327,62 +400,44 @@
       ]
     },
     {
-      "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-loader",
+      "description": "Loaders are used to indicate there is content that is loading.\n---\n\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.",
+          "name": "variant",
+          "description": "The loader's variant",
+          "values": [
+            { "name": "small" },
+            { "name": "large" },
+            { "name": "orbit" }
+          ]
+        },
+        {
+          "name": "percent",
+          "description": "The percent complete for the loader to display",
           "values": []
         },
-        { "name": "end-date", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "has-pips", "values": [] }
+        {
+          "name": "indeterminate",
+          "description": "an indeterminate loader has an unknown progress and will show a spinner",
+          "values": []
+        }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/date-range-slider"
+          "url": "https://disc.gsfc.nasa.gov/components/loader"
         }
       ]
     },
     {
-      "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",
-      "attributes": [
-        {
-          "name": "id",
-          "description": "the ID to be used for accessibility associations",
-          "values": []
-        },
-        {
-          "name": "width",
-          "description": "the width of the dialog",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "used to set the dialog's open state",
-          "values": []
-        },
-        {
-          "name": "click-outside-to-close",
-          "description": "allow closing the dialog when clicking outside of it",
-          "values": []
-        },
-        {
-          "name": "show-backdrop",
-          "description": "Show a backdrop behind the dialog",
-          "values": []
-        }
-      ],
+      "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/dialog"
+          "url": "https://disc.gsfc.nasa.gov/components/login"
         }
       ]
     },
@@ -429,17 +484,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.",
@@ -542,33 +586,49 @@
       ]
     },
     {
-      "name": "terra-loader",
-      "description": "Loaders are used to indicate there is content that is loading.\n---\n\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-variable-combobox",
+      "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\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.",
       "attributes": [
         {
-          "name": "variant",
-          "description": "The loader's variant",
-          "values": [
-            { "name": "small" },
-            { "name": "large" },
-            { "name": "orbit" }
-          ]
+          "name": "label",
+          "description": "Label the combobox with this.",
+          "values": []
         },
         {
-          "name": "percent",
-          "description": "The percent complete for the loader to display",
+          "name": "placeholder",
+          "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
           "values": []
         },
         {
-          "name": "indeterminate",
-          "description": "an indeterminate loader has an unknown progress and will show a spinner",
+          "name": "hide-help",
+          "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+          "values": []
+        },
+        {
+          "name": "hide-label",
+          "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+          "values": []
+        },
+        {
+          "name": "use-tags",
+          "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+          "values": []
+        },
+        {
+          "name": "bearer-token",
+          "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/loader"
+          "url": "https://disc.gsfc.nasa.gov/components/variable-combobox"
         }
       ]
     },
@@ -581,6 +641,11 @@
           "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
           "values": []
         },
+        {
+          "name": "collectionLongName",
+          "description": "a collection long name (ex: \"NLDAS Primary Forcing Data L4 Hourly 0.125 x 0.125 degree V2.0 (NLDAS_FORA0125_H) at GES DISC\")",
+          "values": []
+        },
         {
           "name": "datasetLandingPage",
           "description": "the dataset landing page for the collection",
@@ -631,8 +696,8 @@
       ]
     },
     {
-      "name": "terra-variable-combobox",
-      "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\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.",
+      "name": "terra-variable-keyword-search",
+      "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host 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.",
       "attributes": [
         {
           "name": "label",
@@ -644,27 +709,22 @@
           "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
           "values": []
         },
-        {
-          "name": "hide-help",
-          "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-          "values": []
-        },
         {
           "name": "hide-label",
           "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
           "values": []
         },
-        { "name": "value", "values": [] },
         {
-          "name": "bearer-token",
-          "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-          "values": []
-        }
+          "name": "searchConfig",
+          "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+          "values": [{ "name": "object" }]
+        },
+        { "name": "value", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://disc.gsfc.nasa.gov/components/variable-combobox"
+          "url": "https://disc.gsfc.nasa.gov/components/variable-keyword-search"
         }
       ]
     }