@nova-design-system/nova-webcomponents 3.0.0 → 3.2.0

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

@@ -0,0 +1,230 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @deprecated [EXPERIMENTAL]
+ * @experimental This component is still in development and subject to change in future releases.
+ * @slot label - Content to be placed as the label, will override the label prop.
+ * @slot description - Content to be placed as the description, will override the description prop.
+ * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.
+ */
+export declare class NvFieldslider {
+    el: HTMLNvFieldsliderElement;
+    /****************************************************************************/
+    /**
+     * Sets the ID for the start input element and the for attribute of the associated
+     * label. If no ID is provided, a random one will be automatically generated.
+     */
+    readonly startInputId: string;
+    /**
+     * Sets the ID for the end input element and the for attribute of the associated
+     * label. If no ID is provided, a random one will be automatically generated.
+     */
+    readonly endInputId: string;
+    /**
+     * Provides a textual description of the slider's function, helping users
+     * understand what the control adjusts. It also supports accessibility by
+     * serving as the accessible name for the component.
+     */
+    readonly label: string;
+    /**
+     * Keeps the interface clean by removing visible labels, but still announces
+     * the label to screen readers so users relying on assistive tech aren't left
+     * guessing.
+     */
+    readonly hideLabel: boolean;
+    /**
+     * Add helpful hints or extra information under the slider. This is where you
+     * can clarify what users should enter or provide additional instructions,
+     * making the form easier to fill out correctly.
+     */
+    readonly description: string;
+    /**
+     * Enables an optional numeric input field alongside the slider, allowing
+     * users to type a value directly instead of—or in addition to—using the
+     * slider handle.
+     */
+    readonly hasField: boolean;
+    /**
+     * Allows the slider to display two thumbs, enabling users to select a
+     * continuous range between a minimum and maximum value. Ideal for use cases
+     * like filtering by price or time.
+     */
+    readonly range: boolean;
+    /**
+     * Disables user interaction with the slider and its associated input fields.
+     */
+    readonly disabled: boolean;
+    /**
+     * Makes the slider and input non-editable while keeping them focusable and
+     * included in form submissions.
+     */
+    readonly readonly: boolean;
+    /**
+     * Alters the slider's appearance to indicate an error, helping users
+     * identify fields that need correction.
+     * @validator error
+     */
+    readonly error: boolean;
+    /**
+     * A description that appears when there is an error related to the slider.
+     * @validator message
+     */
+    readonly errorDescription: string;
+    /**
+     * Changes the slider's appearance to indicate successful input or validation.
+     */
+    readonly success: boolean;
+    /**
+     * Numeric value of the slider as a string, if range mode is on, the values
+     * will be a comma-separated string.
+     */
+    value: string;
+    /**
+     * Defines the interval between selectable values on the slider. Controls how
+     * much the value increases or decreases with each keyboard interaction, drag
+     * movement, or direct input.
+     */
+    readonly step: number;
+    /**
+     * Controls whether the slider handle should visually snap to step values
+     * during dragging. When false, the handle can be positioned at any point
+     * along the track while dragging, but the actual value will still snap to the
+     * nearest step value. When true, the handle will visually snap to the nearest
+     * step value during dragging.
+     */
+    readonly snap: boolean;
+    /**
+     * When true and custom ticks are provided, the slider will snap to the nearest
+     * tick value during dragging, instead of using the step value. This is useful
+     * when you have custom ticks at specific values that don't align with regular step intervals.
+     */
+    readonly snapTicks: boolean;
+    /**
+     * Name attribute for the form input element. Required for form submission.
+     * For range sliders, this will be used for the start value input and add -end
+     * to the end input name.
+     */
+    readonly name: string;
+    /**
+     * Name attribute for the end value input when using range mode.
+     * If not provided, the name attribute will be used with '-end' appended.
+     */
+    readonly endName: string;
+    /**
+     * Defines the minimum allowed value for the slider. The thumb cannot move
+     * below this value, and manual input is also constrained accordingly.
+     */
+    readonly min: number;
+    /**
+     * Defines the maximum allowed value for the slider. The thumb cannot move
+     * above this value, and manual input is also constrained accordingly.
+     */
+    readonly max: number;
+    /**
+     * Controls the visibility of tick marks on the slider. When enabled, all
+     * visual ticks that indicate step points along the track are shown. If custom
+     * ticks are provided, they are always shown regardless of this setting.
+     */
+    readonly showTicks: boolean;
+    /**
+     * Allows you to specify custom tick marks at specific values along the
+     * slider. Each tick can optionally display a label to provide additional
+     * context or guidance for users.
+     */
+    readonly ticks: {
+        /** The numeric value of the tick */
+        value: number;
+        /** The label of the tick */
+        label?: string;
+    }[];
+    /**
+     * Allows the field to stretch and fill the entire width of its container.
+     */
+    readonly fluid: boolean;
+    /**
+     * 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.
+     */
+    readonly labelBeforeValue: 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.
+     */
+    readonly labelAfterValue: string;
+    /****************************************************************************/
+    isDragging: boolean;
+    activeDragThumb: 'left' | 'right' | 'single';
+    internalTicks: typeof this.ticks;
+    rawPosition: number;
+    rawRangePosition: [number, number];
+    valueInternal: number;
+    rangeValueInternal: [number, number];
+    /****************************************************************************/
+    /**
+     * Ensures value is valid and within bounds.
+     * @param {number} val - The value to validate
+     * @returns {number} The validated and snapped value
+     */
+    private validateValue;
+    /**
+     * Parses the value string into a number or array of numbers for internal use.
+     */
+    private parseValue;
+    /**
+     * Handles value changes from slider interaction.
+     * @param {number | number[]} newValue - The new value or range values
+     */
+    private handleValueChange;
+    /**
+     * Generates the ticks to display based on props and state.
+     */
+    private generateDisplayTicks;
+    /**
+     * Handles pointer events on the track.
+     * @param {PointerEvent} event - The pointer event
+     */
+    private onTrackInteraction;
+    /**
+     * Handles pointer move events during drag.
+     * @param {PointerEvent} event - The pointer event
+     */
+    private onPointerMove;
+    /**
+     * Handles the end of a drag operation.
+     */
+    private onPointerUp;
+    /**
+     * Registers global events for tracking pointer movement.
+     */
+    private registerGlobalEvents;
+    /**
+     * Removes global events when tracking ends.
+     */
+    private removeGlobalEvents;
+    /**
+     * Handles keydown events for keyboard accessibility.
+     * @param {KeyboardEvent} event - The keyboard event
+     */
+    private onKeyDown;
+    /**
+     * Handles field input value changes.
+     * @param {Event} event - The input event
+     */
+    private handleFieldChange;
+    /****************************************************************************/
+    onValueChange(): void;
+    onConfigChange(): void;
+    onRangeChange(newValue: boolean): void;
+    /****************************************************************************/
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /****************************************************************************/
+    /**
+     * Emitted when the slider values change.
+     * @bind value
+     */
+    valueChanged: EventEmitter<string>;
+    /****************************************************************************/
+    render(): any;
+}

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

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

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

@@ -0,0 +1,46 @@
+/**
+ * Utility functions for nv-fieldslider.
+ */
+/**
+ * Clamp a value between min and max.
+ * @param {number} value - The value to clamp
+ * @param {number} min - The minimum boundary
+ * @param {number} max - The maximum boundary
+ * @returns {number} The clamped value
+ */
+export declare function clamp(value: number, min: number, max: number): number;
+/**
+ * Calculate the percentage position of a value within a range.
+ * @param {number} value - The value to convert to percentage
+ * @param {number} min - The minimum value of the range
+ * @param {number} max - The maximum value of the range
+ * @returns {number} The percentage (0-100)
+ */
+export declare function valueToPercent(value: number, min: number, max: number): number;
+/**
+ * Snap a value to the nearest step.
+ * @param {number} value - The value to snap
+ * @param {number} min - The minimum boundary
+ * @param {number} max - The maximum boundary
+ * @param {number} step - The step size
+ * @returns {number} The snapped value
+ */
+export declare function snapToStep(value: number, min: number, max: number, step: number): number;
+/**
+ * Generate tick values for the slider.
+ * @param {number} min - The minimum value
+ * @param {number} max - The maximum value
+ * @param {number} step - The step size
+ * @returns {number[]} Array of tick values
+ */
+export declare function generateTicks(min: number, max: number, step: number): number[];
+/**
+ * Snap a value to the nearest tick mark.
+ * @param {number} value - The value to snap
+ * @param {object[]} ticks - Array of tick objects
+ * @returns {number} The value of the closest tick
+ */
+export declare function snapToTicks(value: number, ticks: {
+    /** The value of the tick */
+    value: number;
+}[]): number;

package/dist/types/components/nv-fieldslider/partials/field-input.d.ts

@@ -0,0 +1,45 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * Props for the FieldInput component
+ */
+interface FieldInputProps {
+    /** Whether this is a range slider */
+    range: boolean;
+    /** Whether to show the input field */
+    hasField: boolean;
+    /** The value for single mode */
+    value: number;
+    /** The values for range mode [min, max] */
+    rangeValue: number[];
+    /** Index (0 or 1) for range mode, ignored in single mode */
+    index?: number;
+    /** ID for the input field */
+    inputId: string;
+    /** Minimum allowed value */
+    min: number;
+    /** Maximum allowed value */
+    max: number;
+    /** Step size */
+    step: number;
+    /** Whether the slider is disabled */
+    disabled: boolean;
+    /** Whether the slider is readonly */
+    readonly: boolean;
+    /** Handler for input changes */
+    onInput: (event: Event) => void;
+    /** Label to display before the value */
+    labelBeforeValue?: string;
+    /** Label to display after the value */
+    labelAfterValue?: string;
+    /** Name attribute for the input field (for form submission) */
+    name?: string;
+    /** Name attribute for the end input field (when in range mode) */
+    endName?: string;
+}
+/**
+ * Renders field input for direct value entry
+ * @param {FieldInputProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the field input
+ */
+export declare const FieldInput: FunctionalComponent<FieldInputProps>;
+export {};

package/dist/types/components/nv-fieldslider/partials/range-thumb.d.ts

@@ -0,0 +1,37 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * Props for the RangeThumb component
+ */
+interface RangeThumbProps {
+    /** Range values [left, right] */
+    rangeValue: number[];
+    /** Raw positions during dragging [left, right] */
+    rawRangePosition: [number, number];
+    /** Currently active thumb while dragging */
+    activeDragThumb: 'left' | 'right' | 'single';
+    /** Whether the thumb is currently being dragged */
+    isDragging: boolean;
+    /** Whether the thumb should visually snap to steps */
+    snap: boolean;
+    /** Minimum allowed value */
+    min: number;
+    /** Maximum allowed value */
+    max: number;
+    /** Whether the slider is disabled */
+    disabled: boolean;
+    /** Whether the slider is readonly */
+    readonly: boolean;
+    /** Key down event handler */
+    onKeyDown: (event: KeyboardEvent) => void;
+    /** Label to display before the value */
+    labelBeforeValue?: string;
+    /** Label to display after the value */
+    labelAfterValue?: string;
+}
+/**
+ * Renders dual thumbs in range mode.
+ * @param {RangeThumbProps} props - Component properties
+ * @returns {JSX.Element[]} Array of JSX elements representing the range slider thumbs
+ */
+export declare const RangeThumb: FunctionalComponent<RangeThumbProps>;
+export {};

package/dist/types/components/nv-fieldslider/partials/single-thumb.d.ts

@@ -0,0 +1,35 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * Props for the SingleThumb component
+ */
+interface SingleThumbProps {
+    /** Current value of the slider */
+    value: number;
+    /** Minimum allowed value */
+    min: number;
+    /** Maximum allowed value */
+    max: number;
+    /** Raw position during dragging */
+    rawPosition: number;
+    /** Whether the thumb is currently being dragged */
+    isDragging: boolean;
+    /** Whether the thumb should visually snap to steps */
+    snap: boolean;
+    /** Whether the slider is disabled */
+    disabled: boolean;
+    /** Whether the slider is readonly */
+    readonly: boolean;
+    /** Key down event handler */
+    onKeyDown: (event: KeyboardEvent) => void;
+    /** Label to display before the value */
+    labelBeforeValue?: string;
+    /** Label to display after the value */
+    labelAfterValue?: string;
+}
+/**
+ * Renders single thumb in standard mode.
+ * @param {SingleThumbProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the thumb
+ */
+export declare const SingleThumb: FunctionalComponent<SingleThumbProps>;
+export {};

package/dist/types/components/nv-fieldslider/partials/tick-marks.d.ts

@@ -0,0 +1,28 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * Represents a tick mark on the slider
+ */
+interface Tick {
+    /** The numeric value of the tick */
+    value: number;
+    /** Optional label for the tick */
+    label?: string;
+}
+/**
+ * Props for the TickMarks component
+ */
+interface TickMarksProps {
+    /** Array of tick definitions */
+    ticks: Tick[];
+    /** Minimum allowed value */
+    min: number;
+    /** Maximum allowed value */
+    max: number;
+}
+/**
+ * Renders tick marks along the slider track.
+ * @param {TickMarksProps} props - Component properties
+ * @returns {JSX.Element | null} JSX element representing the tick marks or null if no ticks
+ */
+export declare const TickMarks: FunctionalComponent<TickMarksProps>;
+export {};

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

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

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { TextInputAutocomplete } from '../../utils/constants';
 /**
  * @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.
@@ -145,6 +146,10 @@ export declare class NvFieldtext {
      * element.
      */
     readonly autofocus: boolean;
+    /**
+     * Allows the field to stretch and fill the entire width of its container.
+     */
+    readonly fluid: boolean;
     /****************************************************************************/
     /**
      * Emitted when the input value changes.

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

@@ -129,6 +129,10 @@ export declare class NvFieldtextarea {
      * element.
      */
     readonly autofocus: boolean;
+    /**
+     * Allows the field to stretch and fill the entire width of its container.
+     */
+    readonly fluid: boolean;
     /****************************************************************************/
     /**
      * Emitted when the textarea value changes.

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", "badge-theme", "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-66", "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", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "iaccess-point-off", "iaccess-point", "iaccessible", "iactivity", "iaddress-book", "iadjustments-horizontal", "iadjustments-up", "iadjustments", "iaffiliate", "iair-conditioning", "ialert-circle", "ialign-center", "ialign-left", "ialign-right", "iapp-window", "iapps", "iarchive", "iareas", "iarrow-back-up", "iarrow-back", "iarrow-down-left", "iarrow-down-right", "iarrow-down", "iarrow-forward-up", "iarrow-forward", "iarrow-left", "iarrow-right", "iarrow-up-left", "iarrow-up-right", "iarrow-up", "iarrows-exchange", "iarrows-move", "iaspect-ratio", "iatom", "ibasket", "ibattery-1", "ibattery-2", "ibattery-3", "ibattery-4", "ibattery-automotive", "ibattery-charging", "ibattery-eco", "ibattery-off", "ibattery", "ibell-off", "ibell-ringing", "ibell", "ibike", "ibluetooth-connected", "ibluetooth-off", "ibluetooth", "ibolt", "ibook", "ibookmark-off", "ibookmark", "ibookmarks", "ibox-align-top", "ibox-multiple", "ibriefcase", "ibrightness-down", "ibrightness-up", "ibrowser-check", "ibrowser-plus", "ibrowser-x", "ibrowser", "ibrush", "ibuilding-bank", "ibuilding-factory", "ibuilding-lighthouse", "ibuilding-store", "ibuilding", "ibulb-off", "ibulb", "icake", "icalendar-time", "icalendar", "icamera-off", "icamera", "icar-crane", "icar", "icaravan", "icash-banknote", "icash", "icast", "icell", "icharging-pile", "ichart-arcs", "ichart-area-line", "ichart-area", "ichart-arrows-vertical", "ichart-arrows", "ichart-bar", "ichart-bubble", "ichart-circles", "ichart-donut", "ichart-dots", "ichart-line", "ichart-pie", "ichart-radar", "icheck", "icheckbox", "ichecklist", "ichecks", "ichevron-down", "ichevron-left", "ichevron-right", "ichevron-top", "ichevrons-left", "ichevrons-right", "icircle-caret-right", "icircle-check", "icircle-x", "icircuit-alternate", "icircuit-ground-digital", "iclipboard-check", "iclipboard-list", "iclipboard-plus", "iclipboard-text", "iclipboard-x", "iclipboard", "iclock-edit", "iclock", "icloud-data-connection", "icloud-download", "icloud-rain", "icloud-snow", "icloud-upload", "icloud", "icolor-picker", "icolor-swatch", "icompass", "icontract", "icopy", "icpu", "icrane", "icredit-card", "icrop", "icross", "icrown", "icurrency-bitcoin", "icurrency-dollar", "icurrency-ethereum", "icurrency-euro", "icut", "idashboard", "idatabase", "idevice-desktop", "idevice-floppy", "idevice-gamepad", "idevice-laptop", "idevice-mobile-rotated", "idevice-mobile", "idevice-tablet", "idevice-watch", "idevices", "idialpad", "idirection-horizontal", "idirection-sign", "idirection", "idiscount", "idoor-enter", "idoor-exit", "idoor-off", "idots-vertical", "idots", "idownload", "idrone", "idroplet-filled", "idroplet-half", "idroplet", "idroplets", "iedit", "iengine", "iexternal-link", "ieye-off", "ieye", "iface-id", "ifeather", "ifile-alert", "ifile-analytics", "ifile-check", "ifile-code", "ifile-download", "ifile-export", "ifile-horizontal", "ifile-import", "ifile-plus", "ifile-search", "ifile-text-bookmark", "ifile-text", "ifile-type-bmp", "ifile-type-css", "ifile-type-csv", "ifile-type-doc", "ifile-type-html", "ifile-type-jpg", "ifile-type-js", "ifile-type-pdf", "ifile-type-png", "ifile-type-ppt", "ifile-type-xls", "ifile-type-xml", "ifile-type-zip", "ifile-upload", "ifile-x", "ifile-zip", "ifile", "ifiles-off", "ifiles", "ifilter-off", "ifilter-sort", "ifilter", "ifingerprint", "ifire-extinguisher", "iflag", "iflame", "iflip-horizontal", "iflip-vertical", "ifolder-minus", "ifolder-off", "ifolder-plus", "ifolder-x", "ifolder", "ifolders", "iframe", "igas-station", "igauge-off", "igauge", "igift", "igps", "igrid-dots", "igrip-horizontal", "igrip-vertical", "ihand-stop", "ihand-waving", "ihash", "ihaze", "iheadphones-off", "iheadphones", "iheadset", "ihelicopter", "ihelp", "ihistory", "ihome", "ihourglass-empty", "ihourglass-high", "ihourglass-low", "ihourglass-off", "ihourglass", "iinbox", "iinfo-circle", "ikeyboard-hide", "ikeyboard-show", "ikeyboard", "ilayout-board-split", "ilayout-dashboard", "ilayout-grid", "ilayout-sidebar-left-collapse", "ilayout-sidebar-left-expand", "ilayout-sidebar-right-collapse", "ilayout-sidebar-right-expand", "ilayout", "ileaf", "ilifebuoy", "ilink", "ilist-search", "ilist", "iloader", "ilocation", "ilock-off", "ilock-open", "ilock", "ilogin", "ilogout", "imail-forward", "imail-opened", "imail", "imap-pin-off", "imap-pin", "imap", "imenu", "imessage-dots", "imessage-off", "imessage", "imessages", "imicrophone-off", "imicrophone", "iminus", "imist", "imoon", "imotorbike", "imouse", "imovie", "inbox", "inetwork", "inews", "info-circle", "inote", "inotebook", "inotes", "ioffshore-station", "ipackage", "ipalette", "ipaperclip", "ipencil", "iphone-call", "iphone-calling", "iphone-check", "iphone-incoming", "iphone-off", "iphone-outgoing", "iphone", "iphoto-off", "iphoto", "ipig", "ipin", "ipinned-off", "ipinned", "iplane-off", "iplane", "iplant", "iplayer-pause", "iplayer-play", "iplayer-skip-back", "iplayer-skip-forward", "iplayer-stop", "iplayer-track-next", "iplayer-track-prev", "iplug-connected", "iplug", "iplus", "ipower-ac", "ipower-dc", "ipower", "ipresentation-analytics", "ipresentation", "iprinter", "ipropeller", "ipublished", "ipuzzle-2", "ipuzzle", "ipylon", "iqrcode", "iradar", "iradio", "iradioactive", "ireceipt-dollar", "ireceipt-euro", "ireceipt", "irecharging", "irecycle", "irefresh-alert", "irefresh", "irepeat-once", "irepeat", "ireplace", "ireport-analytics", "ireport-medical", "ireport-search", "ireport", "iripple-off", "iripple", "irocket", "irotate-2", "irotate-clockwise-2", "irotate-clockwise", "irotate-dot", "irotate", "irouter", "iruler-measure", "isatellite", "iscale", "ischool", "iscissors", "iscooter-electric", "iscreenshot", "isearch", "iseeding", "iselect", "iselector", "isend", "iserver", "isettings", "ishape", "ishare-2", "ishare", "ishield-check", "ishield-lock", "ishield-off", "ishield-x", "ishield", "iship-off", "iship", "ishopping-cart", "islash", "ismart-home", "isnowflake", "isolar-panel", "isort-ascending-letters", "isort-ascending-numbers", "isort-descending-letters", "isort-descending-numbers", "ispacing-horizontal", "ispacing-vertical", "ispeakerphone", "istack", "istairs", "istar", "isun", "isunrise", "isunset", "iswitch-horizontal", "iswitch-vertical", "itable", "itag", "itank-empty-fill", "itank-full-fill", "itank-medium-fill", "itemperature-off", "itemperature", "itemplate", "iterminal", "itext-size", "itext", "ithumb-down", "ithumb-up", "iticket", "itimeline", "itir", "itool", "itools", "itrain", "itrash-off", "itrash", "itree", "itrees", "itruck-delivery", "itruck", "iumbrella", "iunlink", "iupload", "iuser-circle", "iuser-minus", "iuser-plus", "iuser-worker", "iuser", "iusers", "iversions", "ivideo-minus", "ivideo-off", "ivideo-plus", "ivideo", "ivolume-2", "ivolume-3", "ivolume", "iwallet", "iwand", "iwave", "iwaves", "iwifi-off", "iwifi", "iwind-direction", "iwind", "iwindmill", "iwood", "iworld", "iwriting", "ix", "izoom-reset", "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", "sizesm", "sizexl", "slash", "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-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 type IconName = (typeof iconNames)[number];

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

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ColumnConfig } from '../../interfaces/ColumnConfig';
-import { ActionEvent } from '../../interfaces/actionEvent';
 /**
  * @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.
  */
 export declare class NvTable {
     el: HTMLNvTableElement;
@@ -81,7 +83,16 @@ export declare class NvTable {
     /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
-    action: EventEmitter<ActionEvent>;
+    action: EventEmitter<{
+        /**
+         * Key action to be performed
+         */
+        keyAction: string;
+        /**
+         * Details of the action to be performed
+         */
+        details: any;
+    }>;
     /****************************************************************************/
     render(): any;
 }