@nova-design-system/nova-webcomponents 3.14.0 → 3.16.0

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

@@ -164,18 +164,16 @@ export declare class NvFielddaterange {
     private handleClickOutside;
     /**
      * Handles the input event on the start input element.
+     * Updates internal state and calendar navigation without emitting events.
      * @param {Event} event - The input event
      */
     private handleStartInput;
     /**
      * Handles the input event on the end input element.
+     * Updates internal state and calendar navigation without emitting events.
      * @param {Event} event - The input event
      */
     private handleEndInput;
-    /**
-     * Update the calendar's rangeValue property without forcing month change
-     */
-    private updateCalendarValue;
     /**
      * Handles focus events on the input elements.
      * @param {FocusEvent} event - The focus event
@@ -183,6 +181,7 @@ export declare class NvFielddaterange {
     private handleFocus;
     /**
      * Toggles the opening/closing of the popover.
+     * @param {MouseEvent} event - The click event.
      */
     private toggleCalendar;
     /**
@@ -209,11 +208,13 @@ export declare class NvFielddaterange {
     valueChanged: EventEmitter<string>;
     /**
      * Handles the range date selection event from nv-calendar.
+     * Stops propagation to prevent duplicate events with handleCalendarValueChanged.
      * @param {CustomEvent<DateRange>} event - The custom event
      */
     handleRangeDateChange(event: CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>): void;
     /**
      * Handles the unified value change event from nv-calendar
+     * Note: This might not be called if rangeDateChange stops propagation first.
      * @param {CustomEvent<string>} event - The custom event
      */
     handleCalendarValueChanged(event: CustomEvent<string>): void;

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

@@ -172,8 +172,9 @@ export declare class NvFielddropdown {
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     watchValueHandler(newValue: typeof this.value): void;
+    handleOpenChange(newOpen: boolean): void;
     /****************************************************************************/
-    handleOpenChanged(event: CustomEvent<boolean>): void;
+    handleOpenChanged(event: CustomEvent<HTMLNvPopoverElementEventMap['openChanged']>): void;
     handleDropdownItemSelected(event: CustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>): void;
     handleBlur(event: FocusEvent): void;
     handleKeyDown(event: KeyboardEvent): void;
@@ -201,6 +202,7 @@ export declare class NvFielddropdown {
     private getSelectedLabel;
     private clearFilter;
     private updateSelectedItem;
+    private handleBlurInput;
     /****************************************************************************/
     render(): any;
 }

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

@@ -22,6 +22,8 @@ export declare class NvFieldmultiselect {
      * - Improves performance by avoiding Stencil's reactivity system
      */
     private debounceTimer;
+    private preventBlurClose;
+    private _boundHandleClickOutside?;
     /****************************************************************************/
     /**
      * Lets you define the text that explains what users should enter in the text
@@ -187,9 +189,6 @@ export declare class NvFieldmultiselect {
      * Controls the visibility of the select all section.
      */
     private isSelectAllSectionVisible;
-    private preventBlurClose;
-    private _boundHandleClickOutside?;
-    private handleMouseDownPreventBlur;
     /****************************************************************************/
     /**
      * Emitted when the selected values change.
@@ -203,12 +202,13 @@ export declare class NvFieldmultiselect {
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     watchValueHandler(): void;
+    handleOpenChange(newOpen: boolean): void;
     /****************************************************************************/
     /**
      * Emitted when the input loses focus.
      * @param {CustomEvent<boolean>} event - The event object containing the focus state.
      */
-    handleOpenChanged(event: CustomEvent<boolean>): void;
+    handleOpenChanged(event: CustomEvent<HTMLNvPopoverElementEventMap['openChanged']>): void;
     /**
      * Listen for the `itemChecked` event emitted by child items.
      * @param {CustomEvent} event - The event object containing the selected value and its checked state.
@@ -220,6 +220,13 @@ export declare class NvFieldmultiselect {
         checked: boolean;
     }>): void;
     handleSlotChange(event: Event): void;
+    /**
+     * Handle keyboard events & arrow key navigation.
+     * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
+     * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    handleKeyDown(event: KeyboardEvent): Promise<void>;
     /****************************************************************************/
     /**
      * Subscribe to click outside event.
@@ -330,13 +337,6 @@ export declare class NvFieldmultiselect {
      * Handle input blur for options mode.
      */
     private handleInputBlurOptions;
-    /**
-     * Handle keyboard events & arrow key navigation.
-     * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
-     * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    handleKeyDown(event: KeyboardEvent): Promise<void>;
     /**
      * Updates the highlighted item in the dropdown list.
      *
@@ -451,6 +451,7 @@ export declare class NvFieldmultiselect {
      * Initializes the value array from checked slotted nv-fielddropdownitemcheck elements (slots mode only).
      */
     private initializeValueFromSlots;
+    private handleMouseDownPreventBlur;
     /****************************************************************************/
     /**
      * Renders the component in options mode

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

@@ -126,6 +126,7 @@ export declare class NvFieldtime {
     handleKeyDown(event: KeyboardEvent): void;
     /****************************************************************************/
     handleValueChange(newValue: string): void;
+    handleOpenChange(newOpen: boolean): void;
     /****************************************************************************/
     private handleInputChange;
     private handleHoursChange;

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", "alert-triangle", "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", "cookie", "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", "empty", "engine", "equal-not", "eraser-off", "eraser", "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", "git-branch", "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-2", "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-exclamation", "user-minus", "user-off", "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", "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", "alert-triangle", "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-diagonal", "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", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "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", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "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", "empty", "engine", "equal-not", "eraser-off", "eraser", "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", "git-branch", "git-compare", "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-2", "map-pin-off", "map-pin", "map", "master-data", "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", "quotes-open", "quotes", "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", "sparkles", "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-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world-code", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

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

@@ -88,6 +88,7 @@ export declare class NvMenu {
      * Closes the menu.
      */
     close(): Promise<void>;
+    private focusFirstItem;
     /****************************************************************************/
     /**
      * Emitted from nv-menuitem elements with the corresponding id and name when
@@ -95,10 +96,12 @@ export declare class NvMenu {
      * either the nv-menu or the nv-menuitem element.
      */
     menuitemSelected: EventEmitter<HTMLNvMenuitemElementEventMap['menuitemSelected']>;
+    /****************************************************************************/
+    handleOpenChange(newOpen: boolean): void;
+    /****************************************************************************/
     handleMenuItemSelect(event: CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>): void;
     handleKeydown(event: KeyboardEvent): void;
     handleOpenChanged(event: CustomEvent<boolean>): void;
-    private focusFirstItem;
     /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/

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

@@ -50,8 +50,24 @@ export declare class NvNotification {
      * Controls the visibility of the notification.
      */
     hidden: boolean;
+    /**
+     * When true, the notification will be hidden initially, but internal changes
+     * will not be in a controlled state. Good for animating the notification in.
+     */
+    readonly initiallyHidden: boolean;
     /****************************************************************************/
+    /**
+     * Dismisses the notification with an animation, after the animation is
+     * complete, the hiddenChanged event will be emitted with the value of true,
+     * and the hidden prop will be set to true.
+     */
     dismiss(): Promise<void>;
+    /**
+     * Sets the hidden prop to false, and shows the notification with an
+     * animation, after the animation is complete, the hiddenChanged event will be
+     * emitted with the value of false.
+     */
+    show(): Promise<void>;
     /****************************************************************************/
     /**
      * Emits when the 'hidden' prop changes, reflecting a change in visibility.
@@ -67,6 +83,8 @@ export declare class NvNotification {
     private getAriaLive;
     private getHeadingId;
     private getMessageId;
+    private showAnimation;
+    private getSlideDestination;
     private dismissAnimation;
     /****************************************************************************/
     componentWillLoad(): void;

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

@@ -0,0 +1,19 @@
+import { NotificationPosition } from '../../utils/constants';
+/**
+ * @deprecated [EXPERIMENTAL]
+ * @experimental - Container for notifications TODO: add animations etc...
+ * @slot default - Child content of the component.
+ */
+export declare class NvNotificationContainer {
+    /****************************************************************************/
+    /**
+     * Position of the notification container on the screen.
+     */
+    readonly position: `${NotificationPosition}`;
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-notificationcontainer/nv-notificationcontainer.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvNotificationcontainerDocs: NovaDocs<Components.NvNotificationcontainer>;
+export default NvNotificationcontainerDocs;

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

@@ -9,6 +9,12 @@ export declare class NvPopover {
     private popoverElement;
     private arrowElement;
     private eventsAttached;
+    private isAnimating;
+    private clickEvents;
+    private hideTimeout;
+    private showTimeout;
+    private hoverEvents;
+    private closeEvents;
     /****************************************************************************/
     /**
      * @internal
@@ -108,23 +114,19 @@ export declare class NvPopover {
      */
     private positionPopover;
     /****************************************************************************/
+    private outsideClickEvents;
+    /****************************************************************************/
     /**
      * Emitted when the popover is toggled.
      * @bind open
      */
     openChanged: EventEmitter<boolean>;
-    handleOpenChanged(event: CustomEvent<boolean>): void;
-    private clickEvents;
-    private outsideClickEvents;
-    private hideTimeout;
-    private showTimeout;
-    private hoverEvents;
-    private closeEvents;
     /****************************************************************************/
-    private isAnimating;
     handleOpenChange(open: boolean): Promise<void>;
     handleStrategyChange(): void;
     /****************************************************************************/
+    handleOpenChanged(event: CustomEvent<boolean>): void;
+    /****************************************************************************/
     componentWillLoad(): void;
     componentWillUpdate(): void;
     componentDidLoad(): void;

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

@@ -1,98 +1,17 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ColumnConfig } from '../../interfaces/ColumnConfig';
 /**
- * @slot default - Slot for the composed table columns
- * @slot before - Use this slot to insert HTML before the table.
- * @slot after - Use this slot to insert HTML after the table.
- *
- * @deprecated [EXPERIMENTAL]
- * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.
+ * @slot default - Child content of the component.
  */
 export declare class NvTable {
-    el: HTMLNvTableElement;
-    private readonly templateCache;
-    private readonly headerTemplateCache;
+    host: HTMLNvTableElement;
+    private resizeState;
     /****************************************************************************/
-    parsedColumns: ColumnConfig[];
-    parsedData: any[];
-    private table;
     /****************************************************************************/
-    /**
-     * Data to be displayed in the table
-     */
-    readonly data: any[];
-    /**
-     * Configuration of the columns of the table
-     */
-    readonly columnsConfig: ColumnConfig[];
-    /**
-     * Data to be displayed in the table
-     */
-    readonly dataJson?: string;
-    /**
-     * Configuration of the columns of the table
-     */
-    readonly columnsConfigJson?: string;
-    /**
-     * Fallback value to be displayed when data is not available
-     */
-    readonly fallbackValue: string;
-    /**
-     * Message to be displayed when no data is available
-     */
-    readonly noDataMessage: string;
-    /**
-     * The message to display when there are no columns or data available.
-     * @default 'No data or columns available to display.'
-     */
-    readonly noColumnsNoDataMessage: string;
     /****************************************************************************/
-    /**
-     * Caches templates for cells and headers upfront to improve performance.
-     */
-    private cacheTemplates;
-    private parseDataAndColumns;
-    private deepEqual;
-    /**
-     * Parses the data array and sets the state accordingly
-     * @param {any[]} newValue - New value of the data array
-     * @param {any[]} oldValue - Old value of the data array
-     * @returns {void}
-     */
-    private parseDataArray;
-    /**
-     * Parses the columns array and sets the state accordingly
-     * @param {ColumnConfig[]} newValue - New value of the columns array
-     * @param {ColumnConfig[]} oldValue - Old value of the columns array
-     * @returns {void}
-     */
-    private parseColumnsArray;
-    private initializeTable;
-    private getTableData;
-    private replaceKeyWithValue;
-    private renderTemplate;
-    private replacePlaceholdersTextContent;
-    private replacePlaceholdersAttributes;
-    private replacePlaceholdersProperties;
+    onPointerDown(ev: PointerEvent): void;
+    onPointerMove(ev: PointerEvent): void;
+    onPointerUp(ev: PointerEvent): void;
     /****************************************************************************/
-    parseColumns(newValue: ColumnConfig[], oldValue: ColumnConfig[]): void;
-    parseJsonColumns(newValue: string | undefined, oldValue: ColumnConfig[]): void;
-    parseData(newValue: any[], oldValue: any[]): void;
-    parseJsonData(newValue: string | undefined): void;
-    handleParsedChange(): void;
     /****************************************************************************/
-    componentWillLoad(): void;
-    /****************************************************************************/
-    action: EventEmitter<{
-        /**
-         * Key action to be performed
-         */
-        keyAction: string;
-        /**
-         * Details of the action to be performed
-         */
-        details: any;
-    }>;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-table/nv-table.utils.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Table utility functions and constants for nv-table component
+ *
+ * This module contains pure utility functions for table column resizing logic,
+ * pointer event handling calculations, and related helper functions.
+ */
+/**
+ * Constants for table column resizing behavior
+ */
+export declare const TABLE_CONSTANTS: Readonly<{
+    /** Handle width for fine pointers (mouse) in pixels */
+    readonly HANDLE_W: 12;
+    /** Handle width for coarse pointers (touch) in pixels */
+    readonly HANDLE_W_TOUCH: 24;
+    /** Minimum column width in pixels */
+    readonly MIN_W: 40;
+}>;
+/**
+ * Determines the appropriate handle width based on the current pointer type
+ * @returns {number} Handle width in pixels (10px for fine pointers, 24px for coarse/touch)
+ */
+export declare function getHandleWidthForCurrentPointer(): number;
+/**
+ * Calculates the pointer's horizontal offset within a table cell
+ * @param {PointerEvent} event - The pointer event
+ * @param {HTMLTableCellElement} cell - The table cell element
+ * @returns {number} The horizontal offset from the left edge of the cell
+ */
+export declare function getPointerOffsetInCell(event: PointerEvent, cell: HTMLTableCellElement): number;
+/**
+ * Determines if the pointer is within the resize handle area of a table cell
+ * @param {number} offsetX - Horizontal offset within the cell
+ * @param {number} cellWidth - Total width of the cell
+ * @param {number} handleWidth - Width of the resize handle area
+ * @returns {boolean} True if the pointer is in the resize handle area
+ */
+export declare function isInResizeHandle(offsetX: number, cellWidth: number, handleWidth: number): boolean;
+/**
+ * Calculates the new column width based on resize delta and constraints
+ * @param {number} startWidth - Original width of the column
+ * @param {number} delta - Change in pixels from the start position
+ * @param {number} minWidth - Minimum allowed width for the column
+ * @returns {number} The calculated new width, constrained by minimum
+ */
+export declare function calculateNewWidth(startWidth: number, delta: number, minWidth?: number): number;
+/**
+ * Validates that a table cell element is suitable for resizing
+ * @param {HTMLElement | null} element - The element to check
+ * @returns {element is HTMLTableCellElement} Type guard for table cell elements
+ */
+export declare function isValidTableCell(element: HTMLElement | null): element is HTMLTableCellElement;
+/**
+ * Finds the closest table cell element from an event target
+ * @param {EventTarget | null} target - The event target
+ * @returns {HTMLTableCellElement | null} The closest table cell or null
+ */
+export declare function getClosestTableCell(target: EventTarget | null): HTMLTableCellElement | null;
+/**
+ * Sets up pointer capture for consistent drag behavior across browsers
+ * @param {HTMLTableCellElement} cell - The table cell element
+ * @param {number} pointerId - The pointer ID from the pointer event
+ * @returns {boolean} True if capture was successfully set
+ */
+export declare function setPointerCapture(cell: HTMLTableCellElement, pointerId: number): boolean;
+/**
+ * Releases pointer capture
+ * @param {HTMLTableCellElement} cell - The table cell element
+ * @param {number} pointerId - The pointer ID from the pointer event
+ * @returns {boolean} True if release was successful
+ */
+export declare function releasePointerCapture(cell: HTMLTableCellElement, pointerId: number): boolean;
+/**
+ * Prevents text selection during drag operations
+ * @param {boolean} prevent - Whether to prevent selection
+ */
+export declare function setUserSelectPrevention(prevent: boolean): void;
+/**
+ * Gets the current width of a table cell element
+ * @param {HTMLTableCellElement} cell - The table cell element
+ * @returns {number} The current width in pixels
+ */
+export declare function getCellWidth(cell: HTMLTableCellElement): number;
+/**
+ * Applies a width to a table cell element
+ * @param {HTMLTableCellElement} cell - The table cell element
+ * @param {number} width - The width to apply in pixels
+ */
+export declare function setCellWidth(cell: HTMLTableCellElement, width: number): void;
+/**
+ * Calculates the delta (change) in horizontal position between two pointer events
+ * @param {number} currentX - Current clientX position
+ * @param {number} startX - Starting clientX position
+ * @returns {number} The horizontal delta
+ */
+export declare function calculatePointerDelta(currentX: number, startX: number): number;
+/**
+ * Interface for resize operation state
+ */
+export interface ResizeState {
+    /** The table cell being resized */
+    resizingCell: HTMLTableCellElement;
+    /** The pointer ID for this resize operation */
+    pointerId: number;
+    /** Starting X coordinate */
+    startX: number;
+    /** Starting width of the cell */
+    startWidth: number;
+}
+/**
+ * Creates a new resize state object
+ * @param {HTMLTableCellElement} cell - The cell being resized
+ * @param {PointerEvent} event - The initiating pointer event
+ * @returns {ResizeState} A new resize state object
+ */
+export declare function createResizeState(cell: HTMLTableCellElement, event: PointerEvent): ResizeState;
+/**
+ * Validates that a resize state is active and matches the given pointer event
+ * @param {ResizeState | null} state - The current resize state
+ * @param {PointerEvent} event - The pointer event to validate against
+ * @returns {boolean} True if the state is valid for this event
+ */
+export declare function isValidResizeState(state: ResizeState | null, event: PointerEvent): boolean;
+/**
+ * Updates the width of a cell during a resize operation
+ * @param {ResizeState} state - The current resize state
+ * @param {PointerEvent} event - The current pointer event
+ * @param {number} minWidth - Minimum width constraint
+ */
+export declare function updateCellWidthFromResize(state: ResizeState, event: PointerEvent, minWidth?: number): void;

package/dist/types/components/nv-table/test/nv-table.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,8 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ToggleButtonEmphasis, ToggleButtonSize } from '../../utils/constants';
 /**
- * @deprecated [EXPERIMENTAL]
- * @experimental This component is still in development and subject to change in future releases.
  * @slot default - Child content of the component, pass the nv-togglebutton components here.
  */
 export declare class NvTogglebuttongroup {