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

package/dist/native/{p-1c1ecd38.entry.js → p-e9962dac.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as i,g as n}from"./p-d0a33e64.js";const d="nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto}";const a=d;const s=class{constructor(o){e(this,o);this.dropdownItemSelected=t(this,"dropdownItemSelected",7);this.composed=false;this.disabled=false;this.selected=false;this.handleSelected=()=>{if(this.disabled)return;this.dropdownItemSelected.emit({label:this.label,value:this.value})}}handleKeyDown(e){var t,o;if(e.target!==this.el)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();this.handleSelected();(o=(t=this.el.closest("nv-fielddropdown"))===null||t===void 0?void 0:t.querySelector("[data-scope='focusable']"))===null||o===void 0?void 0:o.focus()}}componentWillLoad(){var e;this.composed=Boolean(this.el.children.length);if(!this.value){const t=(e=this.label)!==null&&e!==void 0?e:this.el.textContent;this.value=t.replace(/\W+/g,"")}}render(){return o(i,{key:"645ff9487464e30c9f0fc4510301fb1e0f919c1f",role:"menuitem",tabindex:"-1",onClick:this.handleSelected},o("slot",{key:"4cc5ec9d61f0b0dd63d273af23623434dae0b2c3"}),!this.composed&&o("div",{key:"2b64690c51959e71482603c530d954db0cf4186e",class:"text-wrapper"},o("span",{key:"5c49245a50249f51ff023d33ccfe541b4684152a","data-scope":"text"},this.label)),this.selected&&o("nv-icon",{key:"ca97f75940f804e5ac3a9152aaee38a9a69e10f8",name:"check","aria-hidden":"true","data-scope":"selected"}))}get el(){return n(this)}};s.style=a;export{s as nv_fielddropdownitem};
-//# sourceMappingURL=p-1c1ecd38.entry.js.map
+import{r as e,c as t,h as o,H as i,g as n}from"./p-d0a33e64.js";const d="nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto}";const a=d;const s=class{constructor(o){e(this,o);this.dropdownItemSelected=t(this,"dropdownItemSelected",7);this.composed=false;this.disabled=false;this.selected=false;this.handleSelected=()=>{if(this.disabled)return;this.dropdownItemSelected.emit({label:this.label,value:this.value})}}handleKeyDown(e){var t,o;if(e.target!==this.el)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();this.handleSelected();(o=(t=this.el.closest("nv-fielddropdown"))===null||t===void 0?void 0:t.querySelector("[data-scope='focusable']"))===null||o===void 0?void 0:o.focus()}}componentWillLoad(){var e;this.composed=Boolean(this.el.children.length);if(!this.value){const t=(e=this.label)!==null&&e!==void 0?e:this.el.textContent;this.value=t.replace(/\W+/g,"")}}render(){return o(i,{key:"42ae50d3837bdc7dcf986114255efde54f021ad2",role:"menuitem",tabindex:"-1",onClick:this.handleSelected},o("slot",{key:"8e61bac8b76d9ababa2999099f47cc906a6112c2"}),!this.composed&&o("div",{key:"b53f386a10225a6ae5dd97978f038feb86c52513",class:"text-wrapper"},o("span",{key:"69431d91f69f96ead8f31754f66943a1772034fc","data-scope":"text"},this.label)),this.selected&&o("nv-icon",{key:"71d79762ef64c0414661878dca7760217edf04d1",name:"check","aria-hidden":"true","data-scope":"selected"}))}get el(){return n(this)}};s.style=a;export{s as nv_fielddropdownitem};
+//# sourceMappingURL=p-e9962dac.entry.js.map

package/dist/native/{p-838f7842.entry.js → p-eaf51f2c.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as t,H as a,g as e}from"./p-d0a33e64.js";const r="nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const s=r;const i=class{constructor(t){o(this,t);this.placement="bottom";this.enterDelay=0}componentWillLoad(){if(!this.triggerElement)this.triggerElement=Array.from(this.el.children).find((o=>o.getAttribute("slot")===null))}render(){return t(a,{key:"893071a64f973b33dccbf3acec95db46e592b717"},t("slot",{key:"010776550ed5f942c02540b12756f0c0f64e31c4"}),t("nv-popover",{key:"21a669333da9e55b697f8a0b0962a8328beac55a",triggerMode:"hover",hasArrow:true,placement:this.placement,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay},t("p",{key:"ed89d0bfe1e9e8d12e33e3d7fb0f5b7f2685bbb9",slot:"content"},this.message),t("slot",{key:"fa2d9602e003f1da5c3d23156db7b2ac482966bd",name:"content"})))}get el(){return e(this)}};i.style=s;export{i as nv_tooltip};
-//# sourceMappingURL=p-838f7842.entry.js.map
+import{r as o,h as t,H as a,g as e}from"./p-d0a33e64.js";const r="nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const s=r;const d=class{constructor(t){o(this,t);this.placement="bottom";this.enterDelay=0}componentWillLoad(){if(!this.triggerElement)this.triggerElement=Array.from(this.el.children).find((o=>o.getAttribute("slot")===null))}render(){return t(a,{key:"a5ac533aff7f1dbeb92fdea0b512418a05ed39d1"},t("slot",{key:"5c96133df21b7fdc7cf2d9eb73766dc88d4bdc2e"}),t("nv-popover",{key:"e80cb8ebb57f57940e9a32bb00499a5a35e1e547",triggerMode:"hover",hasArrow:true,placement:this.placement,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay},t("p",{key:"180dedb4dcf838271ea48986f5c8183fd8772af4",slot:"content"},this.message),t("slot",{key:"b5a026e8a446e08a1a50fc3838757e4b4264b07a",name:"content"})))}get el(){return e(this)}};d.style=s;export{d as nv_tooltip};
+//# sourceMappingURL=p-eaf51f2c.entry.js.map

package/dist/types/components/nv-datagrid/nv-datagrid.d.ts

@@ -20,7 +20,7 @@ export declare class NvDatagrid {
     private globalFilterSearchTerm;
     private columnData;
     private paginationState;
-    private sorting;
+    private sortingState;
     private rowSelectionState;
     /****************************************************************************/
     /**
@@ -98,6 +98,41 @@ export declare class NvDatagrid {
      * Whether to enable row selection for the data grid.
      */
     readonly enableRowSelection: boolean;
+    /**
+     * The overall state
+     */
+    readonly state: {
+        /**
+         * Global filter search term
+         */
+        globalFilterSearchTerm: string;
+        /**
+         * Pagination State
+         */
+        paginationState: {
+            /**
+             * Page Index
+             */
+            pageIndex: number;
+            /**
+             * Page Size
+             */
+            pageSize: number;
+        };
+        /**
+         * Sorting the columns
+         */
+        sortingState: {
+            /**
+             * Descending
+             */
+            desc: boolean;
+            /**
+             * Column Id
+             */
+            id: string;
+        }[];
+    };
     /****************************************************************************/
     /**
      * Caches templates for cells and headers upfront to improve performance.
@@ -163,9 +198,42 @@ export declare class NvDatagrid {
     handleParsedChange(): void;
     handleGlobalFilterSearchTerm(newValue: string): void;
     handlePaginationState(newValue: PaginationState, oldValue: PaginationState): void;
-    handleSorting(newValue: SortingState): void;
+    handleSortingState(newValue: SortingState): void;
     handlePageSize(newValue: number): void;
     handleRowSelectionState(newValue: RowSelectionState, oldValue: RowSelectionState): void;
+    handleStateChange(newValue: {
+        /**
+         * Global filter search term
+         */
+        globalFilterSearchTerm: string;
+        /**
+         * Pagination State
+         */
+        paginationState: {
+            /**
+             * Page Index
+             */
+            pageIndex: number;
+            /**
+             * Page Size
+             */
+            pageSize: number;
+        };
+        /**
+         * Sorting the columns
+         */
+        sortingState: {
+            /**
+             * Descending
+             */
+            desc: boolean;
+            /**
+             * Column Id
+             */
+            id: string;
+        }[];
+    }): void;
+    handleInternalStateChange(): void;
     /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
@@ -186,6 +254,42 @@ export declare class NvDatagrid {
      * Emitted when the selection of the rows are changed.
      */
     selectedRows: EventEmitter<any[]>;
+    /**
+     * Emitted when the state is changed
+     * @bind state
+     */
+    stateChanged: EventEmitter<{
+        /**
+         * Global filter search term
+         */
+        globalFilterSearchTerm: string;
+        /**
+         * Pagination State
+         */
+        paginationState: {
+            /**
+             * Page Index
+             */
+            pageIndex: number;
+            /**
+             * Page Size
+             */
+            pageSize: number;
+        };
+        /**
+         * Sorting the columns
+         */
+        sortingState: {
+            /**
+             * Descending
+             */
+            desc: boolean;
+            /**
+             * Column Id
+             */
+            id: string;
+        }[];
+    }>;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fielddaterange/nv-fielddaterange.d.ts

@@ -13,6 +13,7 @@ export declare class NvFielddaterange {
     private popoverElement;
     private calendarElement;
     private popoverId;
+    private contentRef?;
     /****************************************************************************/
     /**
      * Sets the ID for the start input element and the for attribute of the associated
@@ -223,6 +224,7 @@ export declare class NvFielddaterange {
      */
     handleKeyDown(event: KeyboardEvent): void;
     handleValueChange(newValue: string): void;
+    onOpenChanged(newValue: boolean): void;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fieldnumber/nv-fieldnumber.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot leading-input - Content to be placed before the input text, within the input container.
+ * @slot trailing-input - Content to be placed after the input text, within the input container.
  * @slot before-input - Content to be placed before the input text, outside the input container.
  * @slot after-input - Content to be placed after the input text, outside the input container.
  * @slot label - Content to be placed as the label, will override the label prop.

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-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", "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-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 type IconName = (typeof iconNames)[number];

package/dist/types/components.d.ts

@@ -467,6 +467,41 @@ export namespace Components {
           * @default [10, 20, 30, 40, 50]
          */
         "pageSizes": number[];
+        /**
+          * The overall state
+         */
+        "state": {
+    /**
+     * Global filter search term
+     */
+    globalFilterSearchTerm: string;
+    /**
+     * Pagination State
+     */
+    paginationState: {
+      /**
+       * Page Index
+       */
+      pageIndex: number;
+      /**
+       * Page Size
+       */
+      pageSize: number;
+    };
+    /**
+     * Sorting the columns
+     */
+    sortingState: {
+      /**
+       * Descending
+       */
+      desc: boolean;
+      /**
+       * Column Id
+       */
+      id: string;
+    }[];
+  };
     }
     interface NvDatagridcolumn {
         /**
@@ -2744,6 +2779,38 @@ declare global {
     details: any;
   };
         "selectedRows": any[];
+        "stateChanged": {
+    /**
+     * Global filter search term
+     */
+    globalFilterSearchTerm: string;
+    /**
+     * Pagination State
+     */
+    paginationState: {
+      /**
+       * Page Index
+       */
+      pageIndex: number;
+      /**
+       * Page Size
+       */
+      pageSize: number;
+    };
+    /**
+     * Sorting the columns
+     */
+    sortingState: {
+      /**
+       * Descending
+       */
+      desc: boolean;
+      /**
+       * Column Id
+       */
+      id: string;
+    }[];
+  };
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
@@ -3777,6 +3844,42 @@ declare namespace LocalJSX {
           * Emitted when the selection of the rows are changed.
          */
         "onSelectedRows"?: (event: NvDatagridCustomEvent<any[]>) => void;
+        /**
+          * Emitted when the state is changed
+          * @bind state
+         */
+        "onStateChanged"?: (event: NvDatagridCustomEvent<{
+    /**
+     * Global filter search term
+     */
+    globalFilterSearchTerm: string;
+    /**
+     * Pagination State
+     */
+    paginationState: {
+      /**
+       * Page Index
+       */
+      pageIndex: number;
+      /**
+       * Page Size
+       */
+      pageSize: number;
+    };
+    /**
+     * Sorting the columns
+     */
+    sortingState: {
+      /**
+       * Descending
+       */
+      desc: boolean;
+      /**
+       * Column Id
+       */
+      id: string;
+    }[];
+  }>) => void;
         /**
           * The number of rows to display per page. If the number is not present in the property pageSizes it takes the first of the list.
           * @default 10
@@ -3791,6 +3894,41 @@ declare namespace LocalJSX {
           * @default [10, 20, 30, 40, 50]
          */
         "pageSizes"?: number[];
+        /**
+          * The overall state
+         */
+        "state"?: {
+    /**
+     * Global filter search term
+     */
+    globalFilterSearchTerm: string;
+    /**
+     * Pagination State
+     */
+    paginationState: {
+      /**
+       * Page Index
+       */
+      pageIndex: number;
+      /**
+       * Page Size
+       */
+      pageSize: number;
+    };
+    /**
+     * Sorting the columns
+     */
+    sortingState: {
+      /**
+       * Descending
+       */
+      desc: boolean;
+      /**
+       * Column Id
+       */
+      id: string;
+    }[];
+  };
     }
     interface NvDatagridcolumn {
         /**

package/dist/vscode-data.json

@@ -3091,6 +3091,12 @@
             {
               "name": "arrows-exchange"
             },
+            {
+              "name": "arrows-maximize"
+            },
+            {
+              "name": "arrows-minimize"
+            },
             {
               "name": "arrows-move"
             },
@@ -3154,6 +3160,9 @@
             {
               "name": "bluetooth"
             },
+            {
+              "name": "bolt-off"
+            },
             {
               "name": "bolt"
             },