wave-ui 3.11.0 → 3.12.0

package/dist/types/$waveui.d.ts

@@ -1,3 +1,4 @@
+import { WaveColor } from './colors';
 import { WaveAlertProps } from './components/WAlert';
 export type WaveNotificationType = 'info' | 'success' | 'warning' | 'error';
 export interface $waveui {
@@ -10,8 +11,199 @@ export interface $waveui {
         xl: boolean;
         width: number | null;
     };
-    config: {};
-    colors: {};
+    config: {
+        /**
+         * From version 3.0. Sets the Wave UI root on a custom node (expects a valid CSS selector)
+         * @property {string} on - Default: '#app', if not found body will be used
+         * @see https://antoniandre.github.io/wave-ui/options-presets-and-waveui
+         */
+        on: string;
+        /**
+         * Breakpoint settings
+         * @property breakpoints
+         * @see https://antoniandre.github.io/wave-ui/breakpoints#default-breakpoints
+         * @see https://antoniandre.github.io/wave-ui/options-presets-and-waveui
+         */
+        breakpoints: {
+            /**
+             * @property {number} xs - Default: 600
+             */
+            xs: number;
+            /**
+             * @property {number} sm - Default: 900
+             */
+            sm: number;
+            /**
+             * @property {number} md - Default: 1200
+             */
+            md: number;
+            /**
+             * @property {number} lg - Default: 1700
+             */
+            lg: number;
+            /**
+             * Xl only needs a greater value than lg but starts from lg and goes to infinity.
+             * @property {number} xl - Default: 9999
+             */
+            xl: number;
+        };
+        /**
+         * Css settings
+         * @property css
+         * @see https://antoniandre.github.io/wave-ui/colors
+         * @see https://antoniandre.github.io/wave-ui/options-presets-and-waveui
+         */
+        css: {
+            /**
+             * Generate shades for custom colors and status colors.
+             * NOTE: the color palette shades are always generated separately from SCSS.
+             * @property {boolean} colorShades - Default: true
+             */
+            colorShades: boolean;
+            /**
+             * Generate margin and padding utility classes for each breakpoint. E.g. `sm-ma2`
+             * @property {boolean} breakpointSpaces - Default: false
+             */
+            breakpointSpaces: boolean;
+            /**
+             * Generate helper classes for each breakpoint. E.g. `sm-text-left` `sm-hide`
+             * @property {boolean} breakpointLayoutClasses - Default: true
+             * @see https://antoniandre.github.io/wave-ui/breakpoints#breakpoint-specific-layout-classes
+             */
+            breakpointLayoutClasses: boolean;
+            /**
+             * How many columns the flexbox based grid will use
+             * @property {number} grid - Default: 12
+             * @see https://antoniandre.github.io/wave-ui/layout--grid-system
+             */
+            grid: number;
+        };
+        /**
+         * Color/Theme settings
+         * @property colors
+         * @see https://antoniandre.github.io/wave-ui/colors
+         * @see https://antoniandre.github.io/wave-ui/colors#defining-your-own-css-colors-in-the-wave-ui-configuration
+         */
+        colors: {
+            /**
+             * The light theme default colors
+             * @property light
+             */
+            light: {
+                /**
+                 * @property {string} primary - Default: '#234781'
+                 */
+                primary: string;
+                /**
+                 * @property {string} secondary - Default: '#d3ebff'
+                 */
+                secondary: string;
+                /**
+                 * @property {string} info - Default: '#3d9ff5'
+                 */
+                info: string;
+                /**
+                 * @property {string} warning - Default: '#ff8800'
+                 */
+                warning: string;
+                /**
+                 * @property {string} success - Default: '#54b946'
+                 */
+                success: string;
+                /**
+                 * @property {string} error - Default: '#f65555'
+                 */
+                error: string;
+                /**
+                 * Here any additional colors can be defined by the user.
+                 * @property {string} {string}
+                 * @see https://antoniandre.github.io/wave-ui/colors#defining-your-own-css-colors-in-the-wave-ui-configuration
+                 */
+                [key: string]: string;
+            };
+            /**
+             * The dark theme default colors
+             * @property dark
+             */
+            dark: {
+                /**
+                 * @property {string} primary - Default: '#89b6d2'
+                 */
+                primary: string;
+                /**
+                 * @property {string} secondary - Default: '#375b6a'
+                 */
+                secondary: string;
+                /**
+                 * @property {string} info - Default: '#3d9ff5'
+                 */
+                info: string;
+                /**
+                 * @property {string} warning - Default: '#ff8800'
+                 */
+                warning: string;
+                /**
+                 * @property {string} success - Default: '#54b946'
+                 */
+                success: string;
+                /**
+                 * @property {string} error - Default: '#f65555'
+                 */
+                error: string;
+                /**
+                 * Here any additional colors can be defined by the user.
+                 * @property {string} {string}
+                 * @see https://antoniandre.github.io/wave-ui/colors#defining-your-own-css-colors-in-the-wave-ui-configuration
+                 */
+                [key: string]: string;
+            };
+        };
+        /**
+         * The initial theme to use
+         * To switch theme while running, call the $waveui.switchTheme('light'|'dark') method.
+         * @property {string} theme - Default: 'light'
+         * @see https://antoniandre.github.io/wave-ui/options-presets-and-waveui
+         */
+        theme: 'light' | 'dark' | 'auto';
+        /**
+         * Not sure what this does.
+         * @property {array} icons - Default: '[]'
+         * @see https://antoniandre.github.io/wave-ui/w-icon
+         */
+        icons: [];
+        /**
+         * Whether or not to use icon ligatures
+         * @property {boolean} iconsLigature - Default: 'false'
+         * @see https://antoniandre.github.io/wave-ui/w-icon
+         */
+        iconsLigature: boolean;
+        /**
+         * Notification manager settings
+         * @property align
+         * @see https://antoniandre.github.io/wave-ui/w-notification
+         */
+        notificationManager: {
+            /**
+             * Here any additional colors can be defined by the user.
+             * @property {string} align - Default: 'right'
+             * @see https://antoniandre.github.io/wave-ui/w-notification#align-to-the-left-or-right
+             */
+            align: 'right' | 'left';
+            /**
+             * Here any additional colors can be defined by the user.
+             * @property {string|false} transition - Default: 'default'
+             * @see https://antoniandre.github.io/wave-ui/w-notification#different-transitions
+             */
+            transition: false | 'default' | 'bounce' | 'scale' | 'twist' | 'fade' | 'slide-fade-left' | 'slide-fade-right' | 'slide-fade-up' | 'slide-fade-down';
+        };
+        /**
+         * Component presets
+         * @property presets
+         * @see https://antoniandre.github.io/wave-ui/options-presets-and-waveui
+         */
+        presets: Record<string, Record<string, string | number | boolean>>;
+    };
+    colors: Record<WaveColor | string, string>;
     preferredTheme: null;
     theme: null;
     _notificationManager: null;

package/dist/types/components/WInput.d.ts

@@ -334,5 +334,19 @@ export type WaveInputSlots = SlotsType<{
      * @see https://antoniandre.github.io/wave-ui/w-input
      */
     'no-file': () => any;
+    /**
+     * The left icon, if the `innerIconLeft` prop is not flexible enough.
+     * @see https://antoniandre.github.io/wave-ui/w-input
+     */
+    'icon-left': (_: {
+        inputId: string;
+    }) => any;
+    /**
+     * The right icon, if the `innerIconRight` prop is not flexible enough.
+     * @see https://antoniandre.github.io/wave-ui/w-input
+     */
+    'icon-right': (_: {
+        inputId: string;
+    }) => any;
 }>;
 export type WInput = DefineComponent<WaveInputProps, {}, {}, WaveInputComputeds, WaveInputMethods, {}, {}, WaveInputEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveInputProps & WaveInputEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveInputProps>, WaveInputSlots>;

package/dist/types/components/WSelect.d.ts

@@ -1,12 +1,47 @@
 import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
 import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WSelectDropdownItem {
+    /**
+     * The *default* key to access the label of the item.
+     * This can be overriden using the `item-label-key` property.
+     * @property {string} label
+     * @see https://antoniandre.github.io/wave-ui/w-select#item-label-key-prop
+     */
+    label?: string;
+    /**
+     * The *default* key to access the color of the item.
+     * This can be overriden using the `item-color-key` property.
+     * @property {string} color
+     * @see https://antoniandre.github.io/wave-ui/w-select#item-color-key-prop
+     */
+    color?: string;
+    /**
+     * The *default* key to access the vlue of the item.
+     * This can be overriden using the `item-value-key` property.
+     * @property {string} value
+     * @see https://antoniandre.github.io/wave-ui/w-select#item-value-key-prop
+     */
+    value?: string;
+    /**
+     * Whether or not this list item is disabled.
+     * @property {boolean} disabled
+     * @see https://antoniandre.github.io/wave-ui/w-select#disabled-and-readonly
+     */
+    disabled?: boolean;
+    /**
+     * You can also have any additional data attached to the item.
+     * It will not affect the default behavior of the select component.
+     * @see https://antoniandre.github.io/wave-ui/w-select#items-prop
+     */
+    [key: string]: any;
+}
 export interface WaveSelectProps {
     /**
      * Expecting an array of objects. Each object being a select list item, it should include at least a `label` attribute.
-     * @property {Array<any>} [items]
+     * @property {Array<WSelectDropdownItem} [items]
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    items: Array<any>;
+    items: Array<WSelectDropdownItem>;
     /**
      * ``value` in Vue 2.`
      * The current selection of the select field.
@@ -180,52 +215,52 @@ export interface WaveSelectProps {
 export interface WaveSelectEmits {
     /**
      * Emitted each time the selected item(s) changes.<br>Updates the v-model value in Vue 2.x only.
-     * @param {any} renameMe1 - The new selected value(s). Array if <code>multiple</code> is set to <code>true</code>, single value otherwise.
+     * @param {any} selectedValues - The new selected value(s). Array if <code>multiple</code> is set to <code>true</code>, single value otherwise.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onInput'?: (renameMe1: any) => void;
+    'onInput'?: (selectedValues: any) => void;
     /**
      * Emitted each time the selected item(s) changes.<br>Updates the v-model value in Vue 3 only.
-     * @param {any} renameMe1 - The new selected value(s). Array if <code>multiple</code> is set to <code>true</code>, single value otherwise.
+     * @param {any} selectedValues - The new selected value(s). Array if <code>multiple</code> is set to <code>true</code>, single value otherwise.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onUpdate:modelValue'?: (renameMe1: any) => void;
+    'onUpdate:modelValue'?: (selectedValues: any) => void;
     /**
      * Emitted on select focus.
-     * @param {any} renameMe1 - The associated focus DOM event.
+     * @param {Event} e - The associated focus DOM event.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onFocus'?: (renameMe1: any) => void;
+    'onFocus'?: (e: Event) => void;
     /**
      * Emitted on select blur.
-     * @param {any} renameMe1 - The associated blur DOM event.
+     * @param {Event} e - The associated blur DOM event.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onBlur'?: (renameMe1: any) => void;
+    'onBlur'?: (e: Event) => void;
     /**
      * Emitted on select list item click.
-     * @param {any} renameMe1 - The clicked item object.
+     * @param {WSelectDropdownItem} item - The clicked item object.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onItemClick'?: (renameMe1: any) => void;
+    'onItemClick'?: (item: WSelectDropdownItem) => void;
     /**
      * Emitted on list item select (click or <kbd>enter</kbd> keydown).
-     * @param {any} renameMe1 - The selected item object.
+     * @param {WSelectDropdownItem} item - The selected item object.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onItemSelect'?: (renameMe1: any) => void;
+    'onItemSelect'?: (item: WSelectDropdownItem) => void;
     /**
      * Emitted on click of the left inner icon, if any.
-     * @param {any} renameMe1 - The associated click DOM event.
+     * @param {Event} e - The associated click DOM event.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onClick:innerIconLeft'?: (renameMe1: any) => void;
+    'onClick:innerIconLeft'?: (e: Event) => void;
     /**
      * Emitted on click of the right inner icon, if any.
-     * @param {any} renameMe1 - The associated click DOM event.
+     * @param {Event} e - The associated click DOM event.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
-    'onClick:innerIconRight'?: (renameMe1: any) => void;
+    'onClick:innerIconRight'?: (e: Event) => void;
 }
 export interface WaveSelectComputeds extends ComputedOptions {
     /**
@@ -330,42 +365,52 @@ export type WaveSelectSlots = SlotsType<{
     'default': () => any;
     /**
      * Provide a custom template for the selection string.
-     * @param {any} item The selected item(s) object(s). May be an array if `multiple` is `true`, or a single object otherwise.
+     * @param {WSelectDropdownItem} item The selected item(s) object(s). May be an array if `multiple` is `true`, or a single object otherwise.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
     'selection': (_: {
-        item: any;
+        item: WSelectDropdownItem;
     }) => any;
     /**
      * `x` is an integer starting at `1`.
      * Provide a custom content for a single select list item: the item at the index `x`.
-     * @param {any} item The current item object.
-     * @param {any} selected A Boolean representing the selected state of the list item.
-     * @param {any} index The index of the list item.
+     * @param {WSelectDropdownItem} item The current item object.
+     * @param {boolean} selected A Boolean representing the selected state of the list item.
+     * @param {number} index The index of the list item.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
     'item.x': (_: {
-        item: any;
-        selected: any;
-        index: any;
+        item: WSelectDropdownItem;
+        selected: boolean;
+        index: number;
     }) => any;
     /**
      * Provide a common custom template for all the select list items.
-     * @param {any} item The current item object.
-     * @param {any} selected A Boolean representing the selected state of the list item.
-     * @param {any} index The index of the list item.
+     * @param {WSelectDropdownItem} item The current item object.
+     * @param {boolean} selected A Boolean representing the selected state of the list item.
+     * @param {number} index The index of the list item.
      * @see https://antoniandre.github.io/wave-ui/w-select
      */
     'item': (_: {
-        item: any;
-        selected: any;
-        index: any;
+        item: WSelectDropdownItem;
+        selected: boolean;
+        index: number;
     }) => any;
+    /**
+     * The left icon, if the `innerIconLeft` prop is not flexible enough.
+     * @see https://antoniandre.github.io/wave-ui/w-input
+     */
+    'icon-left': () => any;
+    /**
+     * The right icon, if the `innerIconRight` prop is not flexible enough.
+     * @see https://antoniandre.github.io/wave-ui/w-input
+     */
+    'icon-right': () => any;
 } & {
     [k in `item${number}`]: (_: {
-        item: any;
-        selected: any;
-        index: any;
+        item: WSelectDropdownItem;
+        selected: boolean;
+        index: number;
     }) => any;
 }>;
 export type WSelect = DefineComponent<WaveSelectProps, {}, {}, WaveSelectComputeds, WaveSelectMethods, {}, {}, WaveSelectEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveSelectProps & WaveSelectEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveSelectProps>, WaveSelectSlots>;

package/dist/types/components/WTable.d.ts

@@ -1,5 +1,69 @@
 import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
 import { PublicProps, ResolveProps } from '../extra-vue-types';
+export interface WTableHeader {
+    /**
+     * The label to display as the column header.
+     * @property {string} [label] - Default: ''
+     */
+    label?: string;
+    /**
+     * A unique identifier that should be found in each row object, and that will be used for sorting.
+     * @property {string} key
+     */
+    key: string;
+    /**
+     * Whether this column is sortable or not.
+     * @property {boolean} [sortable] - Default: true
+     */
+    sortable?: boolean;
+    /**
+     * Defines the width of the column in pixel if no unit is given, or in the unit you want (E.g. 30, 30px, 2em, 20%, etc.)
+     * @property {number | string} [width] - Default: ''
+     */
+    width?: number | string;
+    /**
+     * A unique identifier that should be found in each row object, and that will be used for sorting.
+     * @property {string} [align] - Default: left
+     */
+    align?: 'left' | 'center' | 'right';
+    /** If needed, you can also add any custom property. */
+    [key: string]: any;
+}
+export interface WTablePagination {
+    /**
+     * Number of rows to show per page
+     * @property {number} [itemsPerPage] - Default: 20
+     */
+    itemsPerPage?: number;
+    /**
+     * An array of the options to list in the items per page select.
+     * @property {Array<number | { value: number, label: string }>} [itemsPerPageOptions] - Default: [20, 100, { label: 'All', value: 0 }]
+     */
+    itemsPerPageOptions?: Array<number | {
+        value: number;
+        label: string;
+    }>;
+    /**
+     * The start of the results range
+     * @property {number} [start] - Default: 1
+     */
+    start?: number;
+    /**
+     * The end of the results range
+     * @property {number} [end] - Default: start - 1 + total
+     */
+    end?: number;
+    /**
+     * The current page to display [itemsPerPage] number of rows
+     * @property {number} [page]
+     */
+    page?: number;
+    /**
+     * The total number of items available in the table
+     * @property {number} [total]
+     */
+    total?: number;
+}
 export interface WaveTableProps {
     /**
      * An array of objects that defines the table data.
@@ -15,7 +79,7 @@ export interface WaveTableProps {
      * @property {Array<any>} [headers]
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    headers: Array<any>;
+    headers: Array<WTableHeader>;
     /**
      * The table headings will be hidden. Only the table data will be visible.
      * @property {boolean} noHeaders
@@ -71,19 +135,30 @@ export interface WaveTableProps {
      */
     filter?: (item: any, index: number) => void;
     /**
-     * TODO: Add Description
+     * Called to fetch data from the server for pagination
+     * The function receives 1 parameters:
+     *  `Param 1:` the `iinfo` object for the current page, start, end, total, itemsPerPage, sorting.
      * @property {} fetch
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    fetch?: () => void;
+    fetch?: (info: {
+        page: number;
+        start: number;
+        end: number;
+        total: number;
+        itemsPerPage: number;
+        sorting: Array<string>;
+    }) => void;
     /**
-     * Expand some rows by default, on table load. You can provide the rows to expand in an array of `id`. If you prefer another key than `id`, you can use the `uid-key` prop to set another key.
+     * Expand some rows by default, on table load. You can provide the rows to expand in an array of `id`.
+     * If you prefer another key than `id`, you can use the `uid-key` prop to set another key.
      * @property {Array<any>} expandedRows
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
     expandedRows?: Array<any>;
     /**
-     * Select some rows by default, on table load. You can provide the rows to select in an array of `id`. If you prefer another key than `id`, you can use the `uid-key` prop to set another key.
+     * Select some rows by default, on table load. You can provide the rows to select in an array of `id`.
+     * If you prefer another key than `id`, you can use the `uid-key` prop to set another key.
      * @property {Array<any>} selectedRows
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
@@ -96,14 +171,16 @@ export interface WaveTableProps {
     forceSelection?: boolean;
     /**
      * In order to keep the same row selected after sorting or filtering, each row is assigned a unique identifier.
-     * By default the expanded rows array will use an `id` key, if present in the item object, or will assign an internal unique ID otherwise.
+     * By default the expanded rows array will use an `id` key, if present in the item object, or will assign an
+     * internal unique ID otherwise.
      * If you want, you can override the default unique ID key (when internally needed) with this prop.
      * @property {string} uidKey - Default: 'id'
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
     uidKey?: string;
     /**
-     * When a number is given (in pixel), any device screen width under this number will display the table in mobile layout. Leave undefined to disable.
+     * When a number is given (in pixel), any device screen width under this number will display the table in mobile layout.
+     * Leave undefined to disable.
      * @property {number} mobileBreakpoint - Default: 0
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
@@ -132,58 +209,65 @@ export interface WaveTableProps {
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
     itemsPerPageOptions?: any;
+    /**
+     * Pagination options and configuration
+     * @property {WTablePagination} itemsPerPageOptions
+     * @see https://antoniandre.github.io/wave-ui/w-table
+     * @see https://antoniandre.github.io/wave-ui/w-table#pagination-prop
+     */
+    pagination?: WTablePagination;
 }
 export interface WaveTableEmits {
     /**
-     * <strong>This event fires on both selecting and unselecting a row</strong> (so you need only one listener for both), and a boolean is returned to know the selected state.
-     * @param {any} renameMe1 - The associated row item object.
-     * @param {any} renameMe2 - The index of the row being selected (starts at 0) in the current filtering state.
-     * @param {any} renameMe3 - A boolean representing the selected state of the clicked row.
-     * @param {any} renameMe4 - An array containing all the expanded rows objects.
+     * This event fires on both selecting and unselecting a row (so you need only one listener for both), and a boolean is returned to know the selected state.
+     * @param {any} item - The associated row item object.
+     * @param {number} index - The index of the row being selected (starts at 0) in the current filtering state.
+     * @param {boolean} selected - A boolean representing the selected state of the clicked row.
+     * @param {Array} selectedRows - An array containing all the expanded rows objects.
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onRowSelect'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    'onRowSelect'?: (item: any, index: number, selected: boolean, selectedRows: Array<any>) => void;
     /**
-     * <strong>This event fires on both expanding and collapsing a row</strong> (so you need only one listener for both), and a boolean is returned to know the expanded state.
-     * @param {any} renameMe1 - The associated row item object.
-     * @param {any} renameMe2 - The index of the row being expanded (starts at 0) in the current filtering state.
-     * @param {any} renameMe3 - A boolean representing the expanded state of the clicked row.
-     * @param {any} renameMe4 - An array containing all the expanded rows objects.
+     * This event fires on both expanding and collapsing a row (so you need only one listener for both), and a boolean is returned to know the expanded state.
+     * @param {any} item - The associated row item object.
+     * @param {number} index - The index of the row being expanded (starts at 0) in the current filtering state.
+     * @param {boolean} expanded - A boolean representing the expanded state of the clicked row.
+     * @param {Array} expandedRows - An array containing all the expanded rows objects.
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onRowExpand'?: (renameMe1: any, renameMe2: any, renameMe3: any, renameMe4: any) => void;
+    'onRowExpand'?: (item: any, index: number, expanded: boolean, expandedRows: Array<any>) => void;
     /**
-     * TODO: Add Description
-     * @param {any} renameMe1 - The associated row item object.
-     * @param {any} renameMe2 - The index of the row being clicked (starts at 0) in the current filtering state.
+     * This event fires when a row is clicked.
+     * @param {any} item - The associated row item object.
+     * @param {number} index - The index of the row being clicked (starts at 0) in the current filtering state.
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onRowClick'?: (renameMe1: any, renameMe2: any) => void;
+    'onRowClick'?: (item: any, index: number) => void;
     /**
      * Emitted every time the sorting string is updated by a user interaction.
-     * @param {any} renameMe1 - The currently applied sorting on the table rows. E.g. <code>+firstName</code>
+     * @param {string} sortingString - The currently applied sorting on the table rows. E.g. <code>+firstName</code>
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onUpdate:sort'?: (renameMe1: any) => void;
+    'onUpdate:sort'?: (sortingString: string) => void;
     /**
      * Emitted every time the selected-rows array changes. To be used with <code>:selected-rows.sync</code> in Vue 2 or <code>v-model:selected-rows</code> in Vue 3.
-     * @param {any} renameMe1 - The current array of selected rows.
+     * @param {Array} selectedRows - The current array of selected rows.
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onUpdate:selectedRows'?: (renameMe1: any) => void;
+    'onUpdate:selectedRows'?: (selectedRows: Array<any>) => void;
     /**
      * Emitted every time the expanded-rows array changes. To be used with <code>:expanded-rows.sync</code> in Vue 2 or <code>v-model:expanded-rows</code> in Vue 3.
-     * @param {any} renameMe1 - The current array of expanded rows.
+     * @param {Array} expandedRows - The current array of expanded rows.
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onUpdate:expandedRows'?: (renameMe1: any) => void;
+    'onUpdate:expandedRows'?: (expandedRows: Array<any>) => void;
     /**
      * Emitted on mouseup after a column has been resized.
-     * @param {any} renameMe1 - The index (starting from 0) of the resizer that was moved (also the index of the column on the left of the resizer).
-     * @param {any} renameMe2 - An array containing all the new widths of the columns after resizing.
+     * @param {number} index - The index (starting from 0) of the resizer that was moved (also the index of the column on the left of the resizer).
+     * @param {Array} widths - An array containing all the new widths of the columns after resizing.
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
-    'onColumnResize'?: (renameMe1: any, renameMe2: any) => void;
+    'onColumnResize'?: (index: number, widths: Array<any>) => void;
 }
 export interface WaveTableComputeds extends ComputedOptions {
     /**
@@ -365,6 +449,20 @@ export type WaveTableSlots = SlotsType<{
         label: any;
         index: any;
     }) => any;
+    /**
+     * Provide a custom item cell template for a given index or table header (each <td> of each item row).
+     * @param {any} item The full item object of the row being rendered.
+     * @param {any} header The related header object of the current column of the cell being rendered.
+     * @param {any} label The content of the cell being rendered.
+     * @param {any} index The index of the cell in the row being rendered. Starts at 1.
+     * @see https://antoniandre.github.io/wave-ui/w-table
+     */
+    [key: `item-cell.${string | number}`]: (_: {
+        item: any;
+        header: any;
+        label: any;
+        index: any;
+    }) => any;
     /**
      * Provide a custom template for the row expansions (to display in an expanded row).
      * @param {any} item The full item object of the row being rendered.