@knime/kds-table 8.2.1 → 9.0.0

package/dist/src/components/TableUIWithAutoSizeCalculation.vue.d.ts

@@ -307,9 +307,6 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     columns: ColumnConfig[];
     tableConfig: TableConfig;
     subMenuConfig: SubMenuConfig;
-    pageConfig: PageConfig | undefined;
-    tableState: TableState;
-    pageState: PageState | undefined;
     colSortValues: ColSortValue[];
     actionState: ActionState | undefined;
     actionConfig: ActionConfig | undefined;
@@ -321,6 +318,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     bottomData: unknown[];
     currentSelection: boolean[][];
     currentBottomSelection: boolean[];
+    tableState: TableState;
+    pageConfig: PageConfig | undefined;
+    pageState: PageState | undefined;
     autoColumnSizesOptions: {
         calculateForBody: boolean;
         calculateForHeader: boolean;
@@ -2253,8 +2253,6 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     }>> & Readonly<{
         onColumnResize?: ((columnIndex: number, newColumnSize: number) => any) | undefined;
         "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
-        onPageChange?: ((newPageNumber: number) => any) | undefined;
-        onPageSizeUpdate?: ((newPageSize: number) => any) | undefined;
         onColumnSort?: ((colInd: number | undefined, sortDirection: 0 | 1 | -1) => any) | undefined;
         onResetTemporaryView?: (() => any) | undefined;
         "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
@@ -2273,6 +2271,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         onResizeActive?: ((isActive: boolean) => any) | undefined;
         onColumnUpdate?: ((newColumnList: string[]) => any) | undefined;
         onColumnReorder?: ((colInd: number, newColInd: number) => any) | undefined;
+        onPageChange?: ((newPageNumber: number) => any) | undefined;
+        onPageSizeUpdate?: ((newPageSize: number) => any) | undefined;
         onSelectAll?: ((selected: boolean) => any) | undefined;
         onTableInput?: ((event: any) => any) | undefined;
         onLazyload?: ((lazyloadParams: {
@@ -2313,9 +2313,6 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     }>, {
         tableConfig: TableConfig;
         subMenuConfig: SubMenuConfig;
-        pageConfig: PageConfig | undefined;
-        tableState: TableState;
-        pageState: PageState | undefined;
         colSortValues: ColSortValue[];
         actionState: ActionState | undefined;
         actionConfig: ActionConfig | undefined;
@@ -2328,835 +2325,52 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         bottomData: unknown[];
         currentSelection: boolean[][];
         currentBottomSelection: boolean[];
+        tableState: TableState;
+        pageConfig: PageConfig | undefined;
+        pageState: PageState | undefined;
         emptyState: import('@knime/kds-components').KdsEmptyStateProps;
     }, {}, {
-        PageControls: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            tableConfig: {
-                type: PropType<TableConfig>;
-                required: true;
-            };
-            pageConfig: {
-                type: PropType<PageConfig>;
-                required: true;
-            };
-            tableState: {
-                type: PropType<TableState>;
-                required: true;
-            };
-            pageState: {
-                type: PropType<PageState>;
-                required: true;
-            };
-        }>, {}, {}, {
-            pageSizeItems(): {
-                id: string;
-                text: string;
-            }[];
-            currentItems(): number;
-            totalPages(): number;
-            hasNextPage(): boolean;
-            hasPreviousPage(): boolean;
-            showPageNavigation(): boolean;
-        }, {
-            createText(size: number): string;
-            onPageSizeSelect(newPageSize: string): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pageChange" | "pageSizeUpdate")[], "pageChange" | "pageSizeUpdate", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            tableConfig: {
-                type: PropType<TableConfig>;
-                required: true;
-            };
-            pageConfig: {
-                type: PropType<PageConfig>;
-                required: true;
-            };
-            tableState: {
-                type: PropType<TableState>;
-                required: true;
-            };
-            pageState: {
-                type: PropType<PageState>;
-                required: true;
-            };
-        }>> & Readonly<{
-            onPageChange?: ((...args: any[]) => any) | undefined;
-            onPageSizeUpdate?: ((...args: any[]) => any) | undefined;
-        }>, {}, {}, {
-            PageNavigation: import('vue').DefineComponent<{
-                currentPage?: number;
-                totalPages?: number;
-                hasNextPage?: boolean;
-                hasPreviousPage?: boolean;
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                pageChange: (newPageNumber: number) => any;
-            }, string, import('vue').PublicProps, Readonly<{
+        KdsPagination: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@knime/kds-components').KdsPaginationProps & {
                 currentPage?: number;
-                totalPages?: number;
-                hasNextPage?: boolean;
-                hasPreviousPage?: boolean;
+                pageSize: number;
             }> & Readonly<{
-                onPageChange?: ((newPageNumber: number) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-            PageRowRange: import('vue').DefineComponent<{
-                currentItems?: number;
-                pageSize?: number;
-                currentPage?: number;
-                showTableSize?: boolean;
-                rowLabel?: string;
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-                currentItems?: number;
-                pageSize?: number;
+                "onUpdate:currentPage"?: ((value: number) => any) | undefined;
+                "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:currentPage": (value: number) => any;
+                "update:pageSize": (value: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('@knime/kds-components').KdsPaginationProps & {
                 currentPage?: number;
-                showTableSize?: boolean;
-                rowLabel?: string;
-            }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-            KdsMenuButton: import('vue').DefineComponent<(import('@knime/kds-components').WithTestId & {
-                size?: import('@knime/kds-components').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-            } & import('@knime/kds-components').WithLabel & {
-                items: KdsMenuItem[];
-                menuMaxHeight?: string;
-            } & {
-                modelValue?: boolean;
-            }) | (import('@knime/kds-components').WithTestId & {
-                size?: import('@knime/kds-components').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-            } & import('@knime/kds-components').WithLeadingIconOnly & {
-                items: KdsMenuItem[];
-                menuMaxHeight?: string;
-            } & {
-                modelValue?: boolean;
-            }), {
-                menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLabel & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                }) | (import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLeadingIconOnly & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((value: boolean) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: boolean) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, {} & (Readonly<(import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLabel & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                }) | (import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLeadingIconOnly & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((value: boolean) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLabel & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                }) | (import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLeadingIconOnly & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((value: boolean) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: boolean) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, {} & (Readonly<(import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLabel & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                }) | (import('@knime/kds-components').WithTestId & {
-                    size
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsButtonSize;
-                    disabled
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    tooltip
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    variant
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-                } & import('@knime/kds-components').WithLeadingIconOnly & {
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((value: boolean) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null>>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => any;
-                itemClick: (id: string) => any;
-            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
-                size?: import('@knime/kds-components').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-            } & import('@knime/kds-components').WithLabel & {
-                items: KdsMenuItem[];
-                menuMaxHeight?: string;
-            } & {
-                modelValue?: boolean;
-            }) | (import('@knime/kds-components').WithTestId & {
-                size?: import('@knime/kds-components').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-            } & import('@knime/kds-components').WithLeadingIconOnly & {
-                items: KdsMenuItem[];
-                menuMaxHeight?: string;
-            } & {
-                modelValue?: boolean;
-            })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onItemClick?: ((id: string) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                pageSize: number;
+            }> & Readonly<{
+                "onUpdate:currentPage"?: ((value: number) => any) | undefined;
+                "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+            }>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('@knime/kds-components').KdsPaginationProps & {
+            currentPage?: number;
+            pageSize: number;
+        }> & Readonly<{
+            "onUpdate:currentPage"?: ((value: number) => any) | undefined;
+            "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:currentPage": (value: number) => any;
+            "update:pageSize": (value: number) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                actions?(): unknown;
+            };
+        });
         Header: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             tableConfig: {
                 type: PropType<TableConfig>;