@nasa-terra/components 0.0.52 → 0.0.53

package/dist/web-types.json

@@ -1,11 +1,188 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "terra-alert",
+          "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "closable",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "variant",
+              "description": "The alert's theme variant.",
+              "value": {
+                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "duration",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "value": { "type": "string", "default": "Infinity" }
+            },
+            {
+              "name": "countdown",
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "value": { "type": "'rtl' | 'ltr' | undefined" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The alert's main content." }],
+          "events": [
+            {
+              "name": "terra-show",
+              "description": "Emitted when the alert opens."
+            },
+            {
+              "name": "terra-after-show",
+              "description": "Emitted after the alert opens and all animations are complete."
+            },
+            {
+              "name": "terra-hide",
+              "description": "Emitted when the alert closes."
+            },
+            {
+              "name": "terra-after-hide",
+              "description": "Emitted after the alert closes and all animations are complete."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "base", "type": "HTMLElement" },
+              { "name": "countdownElement", "type": "HTMLElement" },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+                "type": "boolean"
+              },
+              {
+                "name": "closable",
+                "description": "Enables a close button that allows the user to dismiss the alert.",
+                "type": "boolean"
+              },
+              {
+                "name": "variant",
+                "description": "The alert's theme variant.",
+                "type": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              {
+                "name": "duration",
+                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own."
+              },
+              {
+                "name": "countdown",
+                "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+                "type": "'rtl' | 'ltr' | undefined"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-show",
+                "description": "Emitted when the alert opens."
+              },
+              {
+                "name": "terra-after-show",
+                "description": "Emitted after the alert opens and all animations are complete."
+              },
+              {
+                "name": "terra-hide",
+                "description": "Emitted when the alert closes."
+              },
+              {
+                "name": "terra-after-hide",
+                "description": "Emitted after the alert closes and all animations are complete."
+              }
+            ]
+          }
+        },
+        {
+          "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-accordion",
+          "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "summary",
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "open",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "showArrow",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot for accordion content."
+            },
+            {
+              "name": "summary",
+              "description": "The summary/header for the accordion (optional, overrides summary property)"
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "summary",
+                "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+                "type": "string"
+              },
+              {
+                "name": "open",
+                "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+                "type": "boolean"
+              },
+              { "name": "showArrow", "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.",
@@ -400,33 +577,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-data-rods",
           "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n",
@@ -511,6 +661,63 @@
             "events": []
           }
         },
+        {
+          "name": "terra-data-subsetter",
+          "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": "collection-entry-id",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "show-collection-search",
+              "value": { "type": "boolean | undefined", "default": "true" }
+            },
+            { "name": "job-id", "value": { "type": "string | undefined" } },
+            {
+              "name": "bearer-token",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "collectionEntryId", "type": "string | undefined" },
+              { "name": "showCollectionSearch", "type": "boolean | undefined" },
+              { "name": "jobId", "type": "string | undefined" },
+              { "name": "bearerToken", "type": "string | undefined" },
+              {
+                "name": "collectionWithServices",
+                "type": "CollectionWithAvailableServices | undefined"
+              },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "expandedVariableGroups", "type": "Set<string>" },
+              { "name": "touchedFields", "type": "Set<string>" },
+              {
+                "name": "spatialSelection",
+                "type": "BoundingBox | LatLng | null"
+              },
+              {
+                "name": "selectedDateRange",
+                "type": "{ startDate: string | null; endDate: string | null }"
+              },
+              { "name": "selectedFormat", "type": "string" },
+              { "name": "cancelingGetData", "type": "boolean" },
+              {
+                "name": "selectedTab",
+                "type": "'web-links' | 'selected-params'"
+              },
+              { "name": "refineParameters", "type": "boolean" },
+              { "name": "showDownloadMenu", "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.",
@@ -525,6 +732,10 @@
             { "name": "max-date", "value": { "type": "string | undefined" } },
             { "name": "start-date", "value": { "type": "string | undefined" } },
             { "name": "end-date", "value": { "type": "string | undefined" } },
+            {
+              "name": "default-date",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "allow-input",
               "value": { "type": "boolean", "default": "false" }
@@ -595,6 +806,7 @@
               { "name": "maxDate", "type": "string | undefined" },
               { "name": "startDate", "type": "string | undefined" },
               { "name": "endDate", "type": "string | undefined" },
+              { "name": "defaultDate", "type": "string | undefined" },
               { "name": "allowInput", "type": "boolean" },
               { "name": "altFormat", "type": "string" },
               { "name": "altInput", "type": "boolean" },
@@ -612,6 +824,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",
@@ -685,55 +946,6 @@
             ]
           }
         },
-        {
-          "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-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.",
@@ -900,43 +1112,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",
@@ -972,6 +1147,14 @@
               "description": "has shape selector",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "hide-bounding-box-selection",
+              "value": { "type": "boolean | undefined" }
+            },
+            {
+              "name": "hide-point-selection",
+              "value": { "type": "boolean | undefined" }
+            },
             { "name": "value", "value": { "type": "any", "default": "[]" } }
           ],
           "events": [],
@@ -1007,6 +1190,11 @@
                 "description": "has shape selector",
                 "type": "boolean"
               },
+              {
+                "name": "hideBoundingBoxSelection",
+                "type": "boolean | undefined"
+              },
+              { "name": "hidePointSelection", "type": "boolean | undefined" },
               { "name": "value", "type": "any" },
               { "name": "mapElement", "type": "HTMLDivElement" },
               { "name": "map", "type": "any" },
@@ -1020,6 +1208,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",
@@ -1083,6 +1308,14 @@
               "description": "has shape selector",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "hide-bounding-box-selection",
+              "value": { "type": "boolean | undefined" }
+            },
+            {
+              "name": "hide-point-selection",
+              "value": { "type": "boolean | undefined" }
+            },
             {
               "name": "initial-value",
               "description": "initialValue of spatial picker",
@@ -1151,6 +1384,11 @@
                 "description": "has shape selector",
                 "type": "boolean"
               },
+              {
+                "name": "hideBoundingBoxSelection",
+                "type": "boolean | undefined"
+              },
+              { "name": "hidePointSelection", "type": "boolean | undefined" },
               {
                 "name": "initialValue",
                 "description": "initialValue of spatial picker",

package/package.json

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

package/cdn/chunks/{chunk.2XCNCXGV.js → chunk.262RZKG2.js}

@@ -1,11 +1,11 @@
-import {
-  f
-} from "./chunk.6NYH4BZ2.js";
 import {
   e,
   i,
   t
 } from "./chunk.UP75L23G.js";
+import {
+  f
+} from "./chunk.6NYH4BZ2.js";
 import {
   T
 } from "./chunk.PQFHJHNO.js";

package/cdn/chunks/{chunk.PZRCJWJ4.js → chunk.6WMXHA2J.js}

@@ -1,3 +1,8 @@
+import {
+  e,
+  i,
+  t
+} from "./chunk.UP75L23G.js";
 import {
   h,
   m,
@@ -5,11 +10,6 @@ import {
   r,
   v
 } from "./chunk.6NYH4BZ2.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.UP75L23G.js";
 import {
   w
 } from "./chunk.PQFHJHNO.js";

package/cdn/chunks/{chunk.QB5SASDL.js → chunk.FKLQEDIX.js}

@@ -1,3 +1,7 @@
+import {
+  e,
+  i
+} from "./chunk.UP75L23G.js";
 import {
   e as e2,
   j as j2,
@@ -6,10 +10,6 @@ import {
   p,
   r
 } from "./chunk.6NYH4BZ2.js";
-import {
-  e,
-  i
-} from "./chunk.UP75L23G.js";
 import {
   T,
   j