@sme.up/ketchup 5.2.0-SNAPSHOT → 6.1.0-SNAPSHOT

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from
 import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
 import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload } from "./components/kup-box/kup-box-declarations";
 import { KupStore } from "./components/kup-state/kup-store";
-import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
+import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
 import { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
@@ -24,7 +24,7 @@ import { KupChipEventPayload, KupChipNode } from "./components/kup-chip/kup-chip
 import { FChipType } from "./f-components/f-chip/f-chip-declarations";
 import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
-import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations";
@@ -32,19 +32,21 @@ import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, Ku
 import { GeoJSON } from "geojson";
 import { XAXisComponentOption, YAXisComponentOption } from "echarts";
 import { KupFieldChangeEvent, KupFieldSubmitEvent } from "./components/kup-field/kup-field-declarations";
+import { KupForm, KupFormEditorEventPayload } from "./components/kup-form-editor/kup-form-editor-declarations";
 import { KupBadge } from "./components/kup-badge/kup-badge";
 import { FImageData } from "./f-components/f-image/f-image-declarations";
 import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
+import { KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
+import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
 import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
 import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
 import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
 import { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations";
-import { KupTabBarClickEventPayload, KupTabBarData, KupTabBarEventPayload } from "./components/kup-tab-bar/kup-tab-bar-declarations";
+import { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations";
 import { KupTextFieldEventPayload } from "./components/kup-text-field/kup-text-field-declarations";
 import { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time-picker-declarations";
-import { KupTooltipActionCommandClickEventPayload, KupTooltipDefaultEventPayload, KupTooltipLoadEventPayload, KupTooltipTreeDynamicMassExpansionEventPayload, KupTooltipTreeNodeButtonClickEventPayload, KupTooltipTreeNodeDblClickEventPayload, KupTooltipTreeNodeExpandEventPayload, KupTooltipTreeNodeSelectedEventPayload, TooltipCellOptions, TooltipData, TooltipDetailData, TooltipRelatedObject } from "./components/kup-tooltip/kup-tooltip-declarations";
 import { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
 export namespace Components {
     interface KupAccordion {
@@ -341,11 +343,6 @@ export namespace Components {
           * @default true
          */
         "showSelection": boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-          * @default true
-         */
-        "showTooltipOnRightClick": boolean;
         /**
           * If sorting is enabled, specifies which column to sort
           * @default undefined
@@ -363,21 +360,6 @@ export namespace Components {
           * @default false
          */
         "swipeDisabled": boolean;
-        /**
-          * Defines the timeout for tooltip detail
-          * @default undefined
-         */
-        "tooltipDetailTimeout": number;
-        /**
-          * Enable show tooltip
-          * @default true
-         */
-        "tooltipEnabled": boolean;
-        /**
-          * Defines the timeout for tooltip load
-          * @default undefined
-         */
-        "tooltipLoadTimeout": number;
     }
     interface KupButton {
         /**
@@ -1102,6 +1084,10 @@ export namespace Components {
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method will get the selected rows of the component.
+         */
+        "getSelectedRows": () => Promise<Array<KupDataTableRow>>;
         /**
           * When set to true it activates the global filter.
          */
@@ -1254,10 +1240,6 @@ export namespace Components {
           * If set to true, displays the button to load more records.
          */
         "showLoadMore": boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick": boolean;
         /**
           * Defines the current sorting options.
          */
@@ -1280,18 +1262,6 @@ export namespace Components {
           * Sets the width of the table.
          */
         "tableWidth": string;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout": number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled": boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout": number;
         /**
           * Defines the current totals options
          */
@@ -1625,6 +1595,34 @@ export namespace Components {
          */
         "type": string;
     }
+    interface KupFormEditor {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * The data of the component.
+          * @default false
+         */
+        "data": KupForm;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupGauge {
         /**
           * Sets how much the arc of the gauge should be thick.
@@ -1849,6 +1847,39 @@ export namespace Components {
          */
         "sizeY": string;
     }
+    interface KupImageList {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Actual data of the component.
+          * @default []
+         */
+        "data": KupDataNode[];
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * When enabled displays Material's ripple effect on clicked items.
+          * @default true
+         */
+        "ripple": boolean;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -2048,6 +2079,78 @@ export namespace Components {
          */
         "styling": KupNavBarStyling;
     }
+    interface KupNumericPicker {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Props of the sub-components.
+          * @default null
+         */
+        "data": Object;
+        /**
+          * Defaults at false. When set to true, the component has decimals.
+          * @default false
+         */
+        "decimals": boolean;
+        /**
+          * Defaults at false. When set to true, the component is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Retrieves the component's value.
+          * @returns Value of the component.
+         */
+        "getValue": () => Promise<string>;
+        /**
+          * Sets the initial value of the component
+          * @default ""
+         */
+        "initialValue": string;
+        /**
+          * when set, the component allows you to enter decimals with a maximum of characters.
+          * @default null
+         */
+        "maxDecimals": number;
+        /**
+          * When set, the component allows you to enter integer numbers with a maximum of characters.
+          * @default null
+         */
+        "maxIntegers": number;
+        /**
+          * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
+          * @default null
+         */
+        "maxLength": number;
+        /**
+          * Defaults at false. When set to true, the component has negative number.
+          * @default false
+         */
+        "negative": boolean;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the focus to the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Sets the component's value.
+          * @param value - Value to be set.
+         */
+        "setValue": (value: string) => Promise<void>;
+    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -2451,7 +2554,7 @@ export namespace Components {
           * List of elements.
           * @default null
          */
-        "data": KupTabBarData[];
+        "data": KupTabBarNode[];
         /**
           * Used to retrieve component's props values.
           * @param descriptions - When provided and true, the result will be the list of props with their description.
@@ -2678,63 +2781,6 @@ export namespace Components {
          */
         "timeMinutesStep": number;
     }
-    interface KupTooltip {
-        /**
-          * Data for cell options
-         */
-        "cellOptions": TooltipCellOptions;
-        /**
-          * Custom style of the component.
-          * @default ""
-          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-         */
-        "customStyle": string;
-        /**
-          * Data for top section
-         */
-        "data": TooltipData;
-        /**
-          * Data for the detail
-         */
-        "detailData": TooltipDetailData;
-        /**
-          * Timeout for loadDetail
-         */
-        "detailTimeout": number;
-        /**
-          * Used to retrieve component's props values.
-          * @param descriptions - When provided and true, the result will be the list of props with their description.
-          * @returns List of props as object, each key will be a prop.
-         */
-        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
-        /**
-          * Layout used to display the items
-         */
-        "layout": string;
-        /**
-          * Timeout for tooltip
-         */
-        "loadTimeout": number;
-        /**
-          * Owner of this tooltip
-         */
-        "owner": string;
-        /**
-          * This method is used to trigger a new render of the component.
-         */
-        "refresh": () => Promise<void>;
-        /**
-          * Container element for tooltip
-         */
-        "relatedObject": TooltipRelatedObject;
-        /**
-          * Sets the props to the component.
-          * @param props - Object containing props that will be set to the component.
-         */
-        "setProps": (props: GenericObject) => Promise<void>;
-        "setTooltipInfo": (relatedObject: TooltipRelatedObject) => Promise<void>;
-        "unsetTooltipInfo": () => Promise<void>;
-    }
     interface KupTree {
         /**
           * When enabled, the first level of depth will give an accordion look to nodes.
@@ -2893,24 +2939,8 @@ export namespace Components {
           * Shows the icons of the nodes.
          */
         "showIcons": boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick": boolean;
         "stateId": string;
         "store": KupStore;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout": number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled": boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout": number;
         /**
           * Defines the current totals options.
          */
@@ -3055,6 +3085,12 @@ declare global {
         prototype: HTMLKupFieldElement;
         new (): HTMLKupFieldElement;
     };
+    interface HTMLKupFormEditorElement extends Components.KupFormEditor, HTMLStencilElement {
+    }
+    var HTMLKupFormEditorElement: {
+        prototype: HTMLKupFormEditorElement;
+        new (): HTMLKupFormEditorElement;
+    };
     interface HTMLKupGaugeElement extends Components.KupGauge, HTMLStencilElement {
     }
     var HTMLKupGaugeElement: {
@@ -3079,6 +3115,12 @@ declare global {
         prototype: HTMLKupImageElement;
         new (): HTMLKupImageElement;
     };
+    interface HTMLKupImageListElement extends Components.KupImageList, HTMLStencilElement {
+    }
+    var HTMLKupImageListElement: {
+        prototype: HTMLKupImageListElement;
+        new (): HTMLKupImageListElement;
+    };
     interface HTMLKupLazyElement extends Components.KupLazy, HTMLStencilElement {
     }
     var HTMLKupLazyElement: {
@@ -3103,6 +3145,12 @@ declare global {
         prototype: HTMLKupNavBarElement;
         new (): HTMLKupNavBarElement;
     };
+    interface HTMLKupNumericPickerElement extends Components.KupNumericPicker, HTMLStencilElement {
+    }
+    var HTMLKupNumericPickerElement: {
+        prototype: HTMLKupNumericPickerElement;
+        new (): HTMLKupNumericPickerElement;
+    };
     interface HTMLKupPhotoFrameElement extends Components.KupPhotoFrame, HTMLStencilElement {
     }
     var HTMLKupPhotoFrameElement: {
@@ -3175,12 +3223,6 @@ declare global {
         prototype: HTMLKupTimePickerElement;
         new (): HTMLKupTimePickerElement;
     };
-    interface HTMLKupTooltipElement extends Components.KupTooltip, HTMLStencilElement {
-    }
-    var HTMLKupTooltipElement: {
-        prototype: HTMLKupTooltipElement;
-        new (): HTMLKupTooltipElement;
-    };
     interface HTMLKupTreeElement extends Components.KupTree, HTMLStencilElement {
     }
     var HTMLKupTreeElement: {
@@ -3210,14 +3252,17 @@ declare global {
         "kup-dropdown-button": HTMLKupDropdownButtonElement;
         "kup-echart": HTMLKupEchartElement;
         "kup-field": HTMLKupFieldElement;
+        "kup-form-editor": HTMLKupFormEditorElement;
         "kup-gauge": HTMLKupGaugeElement;
         "kup-grid": HTMLKupGridElement;
         "kup-iframe": HTMLKupIframeElement;
         "kup-image": HTMLKupImageElement;
+        "kup-image-list": HTMLKupImageListElement;
         "kup-lazy": HTMLKupLazyElement;
         "kup-list": HTMLKupListElement;
         "kup-magic-box": HTMLKupMagicBoxElement;
         "kup-nav-bar": HTMLKupNavBarElement;
+        "kup-numeric-picker": HTMLKupNumericPickerElement;
         "kup-photo-frame": HTMLKupPhotoFrameElement;
         "kup-probe": HTMLKupProbeElement;
         "kup-progress-bar": HTMLKupProgressBarElement;
@@ -3230,7 +3275,6 @@ declare global {
         "kup-tab-bar": HTMLKupTabBarElement;
         "kup-text-field": HTMLKupTextFieldElement;
         "kup-time-picker": HTMLKupTimePickerElement;
-        "kup-tooltip": HTMLKupTooltipElement;
         "kup-tree": HTMLKupTreeElement;
     }
 }
@@ -3482,11 +3526,6 @@ declare namespace LocalJSX {
           * @default true
          */
         "showSelection"?: boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-          * @default true
-         */
-        "showTooltipOnRightClick"?: boolean;
         /**
           * If sorting is enabled, specifies which column to sort
           * @default undefined
@@ -3504,21 +3543,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "swipeDisabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip detail
-          * @default undefined
-         */
-        "tooltipDetailTimeout"?: number;
-        /**
-          * Enable show tooltip
-          * @default true
-         */
-        "tooltipEnabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip load
-          * @default undefined
-         */
-        "tooltipLoadTimeout"?: number;
     }
     interface KupButton {
         /**
@@ -4269,10 +4293,6 @@ declare namespace LocalJSX {
           * If set to true, displays the button to load more records.
          */
         "showLoadMore"?: boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick"?: boolean;
         /**
           * Defines the current sorting options.
          */
@@ -4295,18 +4315,6 @@ declare namespace LocalJSX {
           * Sets the width of the table.
          */
         "tableWidth"?: string;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout"?: number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout"?: number;
         /**
           * Defines the current totals options
          */
@@ -4576,6 +4584,20 @@ declare namespace LocalJSX {
          */
         "type"?: string;
     }
+    interface KupFormEditor {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * The data of the component.
+          * @default false
+         */
+        "data"?: KupForm;
+        "onKup-formeditor-save"?: (event: CustomEvent<KupFormEditorEventPayload>) => void;
+    }
     interface KupGauge {
         /**
           * Sets how much the arc of the gauge should be thick.
@@ -4743,6 +4765,27 @@ declare namespace LocalJSX {
          */
         "sizeY"?: string;
     }
+    interface KupImageList {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Actual data of the component.
+          * @default []
+         */
+        "data"?: KupDataNode[];
+        "onKup-imagelist-click"?: (event: CustomEvent<KupImageListEventPayload>) => void;
+        "onKup-imagelist-contextmenu"?: (event: CustomEvent<KupImageListEventPayload>) => void;
+        "onKup-imagelist-dblclick"?: (event: CustomEvent<KupImageListEventPayload>) => void;
+        /**
+          * When enabled displays Material's ripple effect on clicked items.
+          * @default true
+         */
+        "ripple"?: boolean;
+    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -4875,6 +4918,63 @@ declare namespace LocalJSX {
          */
         "styling"?: KupNavBarStyling;
     }
+    interface KupNumericPicker {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Props of the sub-components.
+          * @default null
+         */
+        "data"?: Object;
+        /**
+          * Defaults at false. When set to true, the component has decimals.
+          * @default false
+         */
+        "decimals"?: boolean;
+        /**
+          * Defaults at false. When set to true, the component is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Sets the initial value of the component
+          * @default ""
+         */
+        "initialValue"?: string;
+        /**
+          * when set, the component allows you to enter decimals with a maximum of characters.
+          * @default null
+         */
+        "maxDecimals"?: number;
+        /**
+          * When set, the component allows you to enter integer numbers with a maximum of characters.
+          * @default null
+         */
+        "maxIntegers"?: number;
+        /**
+          * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
+          * @default null
+         */
+        "maxLength"?: number;
+        /**
+          * Defaults at false. When set to true, the component has negative number.
+          * @default false
+         */
+        "negative"?: boolean;
+        "onKup-numericpicker-blur"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-change"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-numericpicker-click"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-focus"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-iconclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-input"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-itemclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-textfieldsubmit"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -5198,7 +5298,7 @@ declare namespace LocalJSX {
           * List of elements.
           * @default null
          */
-        "data"?: KupTabBarData[];
+        "data"?: KupTabBarNode[];
         /**
           * Triggered when the tab loses focus.
          */
@@ -5206,7 +5306,7 @@ declare namespace LocalJSX {
         /**
           * Triggered when the tab is clicked.
          */
-        "onKup-tabbar-click"?: (event: CustomEvent<KupTabBarClickEventPayload>) => void;
+        "onKup-tabbar-click"?: (event: CustomEvent<KupTabBarEventPayload>) => void;
         /**
           * Triggered when the tab is focused.
          */
@@ -5409,61 +5509,6 @@ declare namespace LocalJSX {
          */
         "timeMinutesStep"?: number;
     }
-    interface KupTooltip {
-        /**
-          * Data for cell options
-         */
-        "cellOptions"?: TooltipCellOptions;
-        /**
-          * Custom style of the component.
-          * @default ""
-          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-         */
-        "customStyle"?: string;
-        /**
-          * Data for top section
-         */
-        "data"?: TooltipData;
-        /**
-          * Data for the detail
-         */
-        "detailData"?: TooltipDetailData;
-        /**
-          * Timeout for loadDetail
-         */
-        "detailTimeout"?: number;
-        /**
-          * Layout used to display the items
-         */
-        "layout"?: string;
-        /**
-          * Timeout for tooltip
-         */
-        "loadTimeout"?: number;
-        "onKup-tooltip-actioncommandclick"?: (event: CustomEvent<KupTooltipActionCommandClickEventPayload>) => void;
-        "onKup-tooltip-defaultactionclick"?: (event: CustomEvent<KupTooltipDefaultEventPayload>) => void;
-        "onKup-tooltip-defaultoptionclick"?: (event: CustomEvent<KupTooltipDefaultEventPayload>) => void;
-        "onKup-tooltip-defaultpreviewclick"?: (event: CustomEvent<KupTooltipDefaultEventPayload>) => void;
-        "onKup-tooltip-loadcelloptions"?: (event: CustomEvent<KupTooltipLoadEventPayload>) => void;
-        "onKup-tooltip-loaddata"?: (event: CustomEvent<KupTooltipLoadEventPayload>) => void;
-        "onKup-tooltip-loaddetail"?: (event: CustomEvent<KupTooltipLoadEventPayload>) => void;
-        "onKup-tooltip-treedynamicmassexpansion"?: (event: CustomEvent<KupTooltipTreeDynamicMassExpansionEventPayload>) => void;
-        "onKup-tooltip-treenodebuttonclick"?: (event: CustomEvent<KupTooltipTreeNodeButtonClickEventPayload>) => void;
-        "onKup-tooltip-treenodedblclick"?: (event: CustomEvent<KupTooltipTreeNodeDblClickEventPayload>) => void;
-        "onKup-tooltip-treenodeexpand"?: (event: CustomEvent<KupTooltipTreeNodeExpandEventPayload>) => void;
-        /**
-          * Fired when a node of the tree has been selected
-         */
-        "onKup-tooltip-treenodeselected"?: (event: CustomEvent<KupTooltipTreeNodeSelectedEventPayload>) => void;
-        /**
-          * Owner of this tooltip
-         */
-        "owner"?: string;
-        /**
-          * Container element for tooltip
-         */
-        "relatedObject"?: TooltipRelatedObject;
-    }
     interface KupTree {
         /**
           * When enabled, the first level of depth will give an accordion look to nodes.
@@ -5618,24 +5663,8 @@ declare namespace LocalJSX {
           * Shows the icons of the nodes.
          */
         "showIcons"?: boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick"?: boolean;
         "stateId"?: string;
         "store"?: KupStore;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout"?: number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout"?: number;
         /**
           * Defines the current totals options.
          */
@@ -5669,14 +5698,17 @@ declare namespace LocalJSX {
         "kup-dropdown-button": KupDropdownButton;
         "kup-echart": KupEchart;
         "kup-field": KupField;
+        "kup-form-editor": KupFormEditor;
         "kup-gauge": KupGauge;
         "kup-grid": KupGrid;
         "kup-iframe": KupIframe;
         "kup-image": KupImage;
+        "kup-image-list": KupImageList;
         "kup-lazy": KupLazy;
         "kup-list": KupList;
         "kup-magic-box": KupMagicBox;
         "kup-nav-bar": KupNavBar;
+        "kup-numeric-picker": KupNumericPicker;
         "kup-photo-frame": KupPhotoFrame;
         "kup-probe": KupProbe;
         "kup-progress-bar": KupProgressBar;
@@ -5689,7 +5721,6 @@ declare namespace LocalJSX {
         "kup-tab-bar": KupTabBar;
         "kup-text-field": KupTextField;
         "kup-time-picker": KupTimePicker;
-        "kup-tooltip": KupTooltip;
         "kup-tree": KupTree;
     }
 }
@@ -5719,14 +5750,17 @@ declare module "@stencil/core" {
             "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes<HTMLKupDropdownButtonElement>;
             "kup-echart": LocalJSX.KupEchart & JSXBase.HTMLAttributes<HTMLKupEchartElement>;
             "kup-field": LocalJSX.KupField & JSXBase.HTMLAttributes<HTMLKupFieldElement>;
+            "kup-form-editor": LocalJSX.KupFormEditor & JSXBase.HTMLAttributes<HTMLKupFormEditorElement>;
             "kup-gauge": LocalJSX.KupGauge & JSXBase.HTMLAttributes<HTMLKupGaugeElement>;
             "kup-grid": LocalJSX.KupGrid & JSXBase.HTMLAttributes<HTMLKupGridElement>;
             "kup-iframe": LocalJSX.KupIframe & JSXBase.HTMLAttributes<HTMLKupIframeElement>;
             "kup-image": LocalJSX.KupImage & JSXBase.HTMLAttributes<HTMLKupImageElement>;
+            "kup-image-list": LocalJSX.KupImageList & JSXBase.HTMLAttributes<HTMLKupImageListElement>;
             "kup-lazy": LocalJSX.KupLazy & JSXBase.HTMLAttributes<HTMLKupLazyElement>;
             "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes<HTMLKupListElement>;
             "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
             "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes<HTMLKupNavBarElement>;
+            "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes<HTMLKupNumericPickerElement>;
             "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes<HTMLKupPhotoFrameElement>;
             "kup-probe": LocalJSX.KupProbe & JSXBase.HTMLAttributes<HTMLKupProbeElement>;
             "kup-progress-bar": LocalJSX.KupProgressBar & JSXBase.HTMLAttributes<HTMLKupProgressBarElement>;
@@ -5739,7 +5773,6 @@ declare module "@stencil/core" {
             "kup-tab-bar": LocalJSX.KupTabBar & JSXBase.HTMLAttributes<HTMLKupTabBarElement>;
             "kup-text-field": LocalJSX.KupTextField & JSXBase.HTMLAttributes<HTMLKupTextFieldElement>;
             "kup-time-picker": LocalJSX.KupTimePicker & JSXBase.HTMLAttributes<HTMLKupTimePickerElement>;
-            "kup-tooltip": LocalJSX.KupTooltip & JSXBase.HTMLAttributes<HTMLKupTooltipElement>;
             "kup-tree": LocalJSX.KupTree & JSXBase.HTMLAttributes<HTMLKupTreeElement>;
         }
     }