@nasa-terra/components 0.0.32 → 0.0.34

package/dist/web-types.json

@@ -1,38 +1,11 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "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-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.",
@@ -427,6 +400,130 @@
             "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-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.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "id", "value": { "type": "string" } },
+            {
+              "name": "range",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "min-date", "value": { "type": "string | undefined" } },
+            { "name": "max-date", "value": { "type": "string | undefined" } },
+            { "name": "start-date", "value": { "type": "string | undefined" } },
+            { "name": "end-date", "value": { "type": "string | undefined" } },
+            {
+              "name": "allow-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-format",
+              "value": { "type": "string", "default": "'F j, Y'" }
+            },
+            {
+              "name": "alt-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-input-class",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "date-format",
+              "value": { "type": "string", "default": "'Y-m-d'" }
+            },
+            {
+              "name": "enable-time",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "time-24hr",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "week-numbers",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "static",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "position",
+              "value": {
+                "type": "'auto' | 'above' | 'below'",
+                "default": "'auto'"
+              }
+            },
+            {
+              "name": "show-months",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "hide-label",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "'Select Date'" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "id", "type": "string" },
+              { "name": "range", "type": "boolean" },
+              { "name": "minDate", "type": "string | undefined" },
+              { "name": "maxDate", "type": "string | undefined" },
+              { "name": "startDate", "type": "string | undefined" },
+              { "name": "endDate", "type": "string | undefined" },
+              { "name": "allowInput", "type": "boolean" },
+              { "name": "altFormat", "type": "string" },
+              { "name": "altInput", "type": "boolean" },
+              { "name": "altInputClass", "type": "string" },
+              { "name": "dateFormat", "type": "string" },
+              { "name": "enableTime", "type": "boolean" },
+              { "name": "time24hr", "type": "boolean" },
+              { "name": "weekNumbers", "type": "boolean" },
+              { "name": "static", "type": "boolean" },
+              { "name": "position", "type": "'auto' | 'above' | 'below'" },
+              { "name": "showMonths", "type": "number" },
+              { "name": "hideLabel", "type": "boolean" },
+              { "name": "label", "type": "string" }
+            ],
+            "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.",
@@ -549,103 +646,6 @@
             ]
           }
         },
-        {
-          "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.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "id", "value": { "type": "string" } },
-            {
-              "name": "range",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "min-date", "value": { "type": "string | undefined" } },
-            { "name": "max-date", "value": { "type": "string | undefined" } },
-            { "name": "start-date", "value": { "type": "string | undefined" } },
-            { "name": "end-date", "value": { "type": "string | undefined" } },
-            {
-              "name": "allow-input",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "alt-format",
-              "value": { "type": "string", "default": "'F j, Y'" }
-            },
-            {
-              "name": "alt-input",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "alt-input-class",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "date-format",
-              "value": { "type": "string", "default": "'Y-m-d'" }
-            },
-            {
-              "name": "enable-time",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "time-24hr",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "week-numbers",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "static",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "position",
-              "value": {
-                "type": "'auto' | 'above' | 'below'",
-                "default": "'auto'"
-              }
-            },
-            {
-              "name": "show-months",
-              "value": { "type": "number", "default": "1" }
-            },
-            {
-              "name": "hide-label",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "value": { "type": "string", "default": "'Select Date'" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "id", "type": "string" },
-              { "name": "range", "type": "boolean" },
-              { "name": "minDate", "type": "string | undefined" },
-              { "name": "maxDate", "type": "string | undefined" },
-              { "name": "startDate", "type": "string | undefined" },
-              { "name": "endDate", "type": "string | undefined" },
-              { "name": "allowInput", "type": "boolean" },
-              { "name": "altFormat", "type": "string" },
-              { "name": "altInput", "type": "boolean" },
-              { "name": "altInputClass", "type": "string" },
-              { "name": "dateFormat", "type": "string" },
-              { "name": "enableTime", "type": "boolean" },
-              { "name": "time24hr", "type": "boolean" },
-              { "name": "weekNumbers", "type": "boolean" },
-              { "name": "static", "type": "boolean" },
-              { "name": "position", "type": "'auto' | 'above' | 'below'" },
-              { "name": "showMonths", "type": "number" },
-              { "name": "hideLabel", "type": "boolean" },
-              { "name": "label", "type": "string" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-icon",
           "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **terra-load** - Emitted when the icon has loaded.\n- **terra-error** - Emitted when the icon fails to load due to an error.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
@@ -812,6 +812,43 @@
             ]
           }
         },
+        {
+          "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",
@@ -895,43 +932,6 @@
             "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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nasa-terra/components",
   "description": "A collection of NASA Earthdata components",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "homepage": "https://github.com/gesdisc/components",
   "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
   "license": "MIT",