@nova-design-system/nova-webcomponents 3.6.0 → 3.8.0

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizexl", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components.d.ts

@@ -25,9 +25,22 @@ export namespace Components {
          */
         "close": (index: number) => Promise<void>;
         /**
-          * Data to display as a list of items (title, subtitle, content). Must be provided as a JSON string containing an array of items with: - title: main title (required) - subtitle: subtitle (optional) - content: main content (required) - footer: footer (optional) - disabled: disables the item (optional) - id: unique identifier (optional)
-         */
-        "data": string;
+          * Data to display as a list of items (title, subtitle, content).
+         */
+        "data": {
+    /** Unique identifier of the item */
+    id: string;
+    /** Item title */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Main content */
+    content: string;
+    /** Optional footer */
+    footer?: string;
+    /** Disabled state */
+    disabled?: boolean;
+  }[];
         /**
           * Expansion mode: 'accordion' (single open) or 'multi' (multiple open)
          */
@@ -53,7 +66,11 @@ export namespace Components {
         /**
           * Item title (displayed if header slot is absent)
          */
-        "itemtitle"?: string;
+        "itemTitle"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "item-title"?: string;
         /**
           * Maximum content height (in px, optional). If not defined, auto height.
          */
@@ -299,6 +316,10 @@ export namespace Components {
         "type": `${ButtonType}`;
     }
     interface NvCalendar {
+        /**
+          * Clears the current selection and resets the calendar to its initial state. This method can be called programmatically to reset the calendar.
+         */
+        "clear": () => Promise<void>;
         /**
           * Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
           * @default 'YYYY-MM-DD'
@@ -802,6 +823,10 @@ export namespace Components {
           * Autofocus the input when the component is mounted.
          */
         "autofocus": boolean;
+        /**
+          * Clears the current selection and resets the field to its initial state. This method can be called programmatically to reset the field.
+         */
+        "clear": () => Promise<void>;
         /**
           * Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.
           * @default 'YYYY-MM-DD'
@@ -946,6 +971,10 @@ export namespace Components {
           * Autofocus the start input when the component is mounted.
          */
         "autofocus": boolean;
+        /**
+          * Clears the current selection and resets the date range field to its initial state. This method can be called programmatically to reset the field.
+         */
+        "clear": () => Promise<void>;
         /**
           * Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.
           * @default 'YYYY-MM-DD'
@@ -1849,7 +1878,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Use this to automatically show a label, like “$” or “kg,” after the value on the slider’s tooltip or input, helping users better understand the number.
+          * Use this to automatically show a label, like "$" or "kg," after the value on the slider's tooltip or input, helping users better understand the number.
          */
         "labelAfterValue": string;
         /**
@@ -1857,7 +1886,7 @@ export namespace Components {
          */
         "label-after-value"?: string;
         /**
-          * Use this to automatically show a label, like “~” for approximate values, before the slider’s value in the tooltip or input, giving users quick context about the number.
+          * Use this to automatically show a label, like "~" for approximate values, before the slider's value in the tooltip or input, giving users quick context about the number.
          */
         "labelBeforeValue": string;
         /**
@@ -2768,7 +2797,7 @@ export interface NvTooltipCustomEvent<T> extends CustomEvent<T> {
 }
 declare global {
     interface HTMLNvAccordionElementEventMap {
-        "nvChange": {
+        "openChanged": {
     /** Index of open items */
     openIndexes: number[];
   };
@@ -3499,9 +3528,22 @@ declare global {
 declare namespace LocalJSX {
     interface NvAccordion {
         /**
-          * Data to display as a list of items (title, subtitle, content). Must be provided as a JSON string containing an array of items with: - title: main title (required) - subtitle: subtitle (optional) - content: main content (required) - footer: footer (optional) - disabled: disables the item (optional) - id: unique identifier (optional)
-         */
-        "data"?: string;
+          * Data to display as a list of items (title, subtitle, content).
+         */
+        "data"?: {
+    /** Unique identifier of the item */
+    id: string;
+    /** Item title */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Main content */
+    content: string;
+    /** Optional footer */
+    footer?: string;
+    /** Disabled state */
+    disabled?: boolean;
+  }[];
         /**
           * Expansion mode: 'accordion' (single open) or 'multi' (multiple open)
          */
@@ -3509,7 +3551,7 @@ declare namespace LocalJSX {
         /**
           * Event emitted when an item's open state changes
          */
-        "onNvChange"?: (event: NvAccordionCustomEvent<{
+        "onOpenChanged"?: (event: NvAccordionCustomEvent<{
     /** Index of open items */
     openIndexes: number[];
   }>) => void;
@@ -3529,7 +3571,11 @@ declare namespace LocalJSX {
         /**
           * Item title (displayed if header slot is absent)
          */
-        "itemtitle"?: string;
+        "itemTitle"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "item-title"?: string;
         /**
           * Maximum content height (in px, optional). If not defined, auto height.
          */
@@ -5483,7 +5529,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Use this to automatically show a label, like “$” or “kg,” after the value on the slider’s tooltip or input, helping users better understand the number.
+          * Use this to automatically show a label, like "$" or "kg," after the value on the slider's tooltip or input, helping users better understand the number.
          */
         "labelAfterValue"?: string;
         /**
@@ -5491,7 +5537,7 @@ declare namespace LocalJSX {
          */
         "label-after-value"?: string;
         /**
-          * Use this to automatically show a label, like “~” for approximate values, before the slider’s value in the tooltip or input, giving users quick context about the number.
+          * Use this to automatically show a label, like "~" for approximate values, before the slider's value in the tooltip or input, giving users quick context about the number.
          */
         "labelBeforeValue"?: string;
         /**

package/dist/vscode-data.json

@@ -8,10 +8,6 @@
         "value": "The nv-accordion is a compact, interactive UI component that groups content into collapsible panels. Clicking a header smoothly toggles its panel open or closed, revealing or hiding the associated details. This clear, animated behavior helps users navigate large sections—like FAQs or settings—without overwhelming the page. By default, only headers display, letting users expand only the sections they need."
       },
       "attributes": [
-        {
-          "name": "data",
-          "description": "Data to display as a list of items (title, subtitle, content).\nMust be provided as a JSON string containing an array of items with:\n- title: main title (required)\n- subtitle: subtitle (optional)\n- content: main content (required)\n- footer: footer (optional)\n- disabled: disables the item (optional)\n- id: unique identifier (optional)"
-        },
         {
           "name": "mode",
           "description": "Expansion mode: 'accordion' (single open) or 'multi' (multiple open)",
@@ -38,7 +34,7 @@
           "description": "Disables the item"
         },
         {
-          "name": "itemtitle",
+          "name": "item-title",
           "description": "Item title (displayed if header slot is absent)"
         },
         {
@@ -2202,11 +2198,11 @@
         },
         {
           "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."
+          "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."
+          "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",
@@ -3680,6 +3676,9 @@
             {
               "name": "file-type-ppt"
             },
+            {
+              "name": "file-type-xls"
+            },
             {
               "name": "file-type-xml"
             },
@@ -3797,6 +3796,15 @@
             {
               "name": "headset"
             },
+            {
+              "name": "heart-off"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "heartbeat"
+            },
             {
               "name": "helicopter"
             },
@@ -4184,6 +4192,9 @@
             {
               "name": "ruler-measure"
             },
+            {
+              "name": "sailboat"
+            },
             {
               "name": "satellite"
             },
@@ -4256,9 +4267,6 @@
             {
               "name": "shopping-cart"
             },
-            {
-              "name": "sizexl"
-            },
             {
               "name": "slash"
             },