@nova-design-system/nova-webcomponents 3.1.0 → 3.3.0

package/dist/types/interfaces/Column.d.ts

@@ -5,9 +5,13 @@ export interface Column {
     /**
      * Display name of the column
      */
-    header: string;
+    header?: string;
     /**
      * Data accessor for the column
      */
     accessor: string;
+    /**
+     * Group name for the column
+     */
+    group?: string;
 }

package/dist/vscode-data.json

@@ -401,6 +401,10 @@
         {
           "name": "single-value",
           "description": "Selected date (ISO string format)\nex: \"2025-03-15\""
+        },
+        {
+          "name": "value",
+          "description": "Selected date value. For single mode: ISO date string. For range mode: comma-separated ISO date strings.\nExamples:\n- Single: \"2025-03-15\"\n- Range: \"2025-03-15,2025-03-20\""
         }
       ]
     },
@@ -428,14 +432,6 @@
           "name": "auto-generate-columns",
           "description": "Whether to automatically generate columns if none are provided.\nIf columns are explicitly set, this property is ignored."
         },
-        {
-          "name": "columns-json",
-          "description": "The columns to display in the data grid.\nIt can be passed directly as an array of objects or as a JSON string.\nIf both `columns` and `columnsJson` are provided, `columns` takes precedence."
-        },
-        {
-          "name": "data-json",
-          "description": "The data to display in the data grid.\nIt can be passed directly as an array of objects or as a JSON string.\nIf both `data` and `dataJson` are provided, `data` takes precedence."
-        },
         {
           "name": "enable-global-filter",
           "description": "Whether to enable global filtering for the data grid.\nThis allows users to search across all columns for a specific value.\nThe search is case-insensitive and supports partial matches.\nIt use string.includes() to match the search term."
@@ -496,6 +492,10 @@
           "name": "accessor",
           "description": "Defines the accessor of the column."
         },
+        {
+          "name": "group",
+          "description": "Defines the group header of the column."
+        },
         {
           "name": "header",
           "description": "Defines the header of the column."
@@ -1142,6 +1142,10 @@
           "name": "autofocus",
           "description": "Applies focus to the input field as soon as the component is mounted. This\nis equivalent to setting the native autofocus attribute on an <input>\nelement."
         },
+        {
+          "name": "debounce-delay",
+          "description": "Delay in milliseconds before the search is triggered when typing in the filter input."
+        },
         {
           "name": "description",
           "description": "Add helpful hints or extra information under the text input field. This is\nwhere you can clarify what users should enter or provide additional\ninstructions, making the form easier to fill out correctly."
@@ -1178,6 +1182,10 @@
           "name": "label",
           "description": "Lets you define the text that explains what users should enter in the text\ninput field. It's a crucial element for making forms clear and\nuser-friendly."
         },
+        {
+          "name": "max-height",
+          "description": "Defines the maximum height of the multiselect list when open."
+        },
         {
           "name": "name",
           "description": "Defines the name attribute of the input field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the input's data in form submissions. It should be\nunique within the form to avoid conflicts."
@@ -1271,7 +1279,7 @@
       "attributes": [
         {
           "name": "autocomplete",
-          "description": "The autocomplete prop for faster input filling.",
+          "description": "The autocomplete prop helps users fill out the input field faster by\nsuggesting entries they've used before, like their email or address.\nYou can turn it on to make forms more convenient or off to ensure users\nalways type in fresh data.",
           "values": [
             {
               "name": "on"
@@ -2075,6 +2083,107 @@
         }
       ]
     },
+    {
+      "name": "nv-fieldslider",
+      "description": {
+        "kind": "markdown",
+        "value": "The nv-fieldslider component provides an interactive slider interface for selecting numeric values in web forms. It features a draggable slider thumb, optional numeric input fields for direct value entry, and built-in accessibility support. Users can operate the slider in single-value or range mode, and the component offers flexible customization options including tick marks, labels, and error messaging, making it a user-friendly solution for number-based inputs."
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": "Add helpful hints or extra information under the slider. This is where you\ncan clarify what users should enter or provide additional instructions,\nmaking the form easier to fill out correctly."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables user interaction with the slider and its associated input fields."
+        },
+        {
+          "name": "end-input-id",
+          "description": "Sets the ID for the end input element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated."
+        },
+        {
+          "name": "end-name",
+          "description": "Name attribute for the end value input when using range mode.\nIf not provided, the name attribute will be used with '-end' appended."
+        },
+        {
+          "name": "error",
+          "description": "Alters the slider's appearance to indicate an error, helping users\nidentify fields that need correction."
+        },
+        {
+          "name": "error-description",
+          "description": "A description that appears when there is an error related to the slider."
+        },
+        {
+          "name": "fluid",
+          "description": "Allows the field to stretch and fill the entire width of its container."
+        },
+        {
+          "name": "has-field",
+          "description": "Enables an optional numeric input field alongside the slider, allowing\nusers to type a value directly instead of—or in addition to—using the\nslider handle."
+        },
+        {
+          "name": "hide-label",
+          "description": "Keeps the interface clean by removing visible labels, but still announces\nthe label to screen readers so users relying on assistive tech aren't left\nguessing."
+        },
+        {
+          "name": "label",
+          "description": "Provides a textual description of the slider's function, helping users\nunderstand what the control adjusts. It also supports accessibility by\nserving as the accessible name for the component."
+        },
+        {
+          "name": "label-after-value",
+          "description": "Use this to automatically show a label, like “$” or “kg,” after the value\non the slider’s tooltip or input, helping users better understand the\nnumber."
+        },
+        {
+          "name": "label-before-value",
+          "description": "Use this to automatically show a label, like “~” for approximate values,\nbefore the slider’s value in the tooltip or input, giving users quick\ncontext about the number."
+        },
+        {
+          "name": "max",
+          "description": "Defines the maximum allowed value for the slider. The thumb cannot move\nabove this value, and manual input is also constrained accordingly."
+        },
+        {
+          "name": "min",
+          "description": "Defines the minimum allowed value for the slider. The thumb cannot move\nbelow this value, and manual input is also constrained accordingly."
+        },
+        {
+          "name": "name",
+          "description": "Name attribute for the form input element. Required for form submission.\nFor range sliders, this will be used for the start value input and add -end\nto the end input name."
+        },
+        {
+          "name": "range",
+          "description": "Allows the slider to display two thumbs, enabling users to select a\ncontinuous range between a minimum and maximum value. Ideal for use cases\nlike filtering by price or time."
+        },
+        {
+          "name": "readonly",
+          "description": "Makes the slider and input non-editable while keeping them focusable and\nincluded in form submissions."
+        },
+        {
+          "name": "show-ticks",
+          "description": "Controls the visibility of tick marks on the slider. When enabled, all\nvisual ticks that indicate step points along the track are shown. If custom\nticks are provided, they are always shown regardless of this setting."
+        },
+        {
+          "name": "snap",
+          "description": "Controls whether the slider handle should visually snap to step values\nduring dragging. When false, the handle can be positioned at any point\nalong the track while dragging, but the actual value will still snap to the\nnearest step value. When true, the handle will visually snap to the nearest\nstep value during dragging."
+        },
+        {
+          "name": "snap-ticks",
+          "description": "When true and custom ticks are provided, the slider will snap to the nearest\ntick value during dragging, instead of using the step value. This is useful\nwhen you have custom ticks at specific values that don't align with regular step intervals."
+        },
+        {
+          "name": "start-input-id",
+          "description": "Sets the ID for the start input element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated."
+        },
+        {
+          "name": "step",
+          "description": "Defines the interval between selectable values on the slider. Controls how\nmuch the value increases or decreases with each keyboard interaction, drag\nmovement, or direct input."
+        },
+        {
+          "name": "success",
+          "description": "Changes the slider's appearance to indicate successful input or validation."
+        }
+      ]
+    },
     {
       "name": "nv-fieldtext",
       "description": {
@@ -2991,6 +3100,9 @@
             {
               "name": "atom"
             },
+            {
+              "name": "ban"
+            },
             {
               "name": "basket"
             },