@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/types/components.d.ts

@@ -8,16 +8,17 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { KupAccordionData, KupAccordionItemSelectedEventPayload } from "./components/kup-accordion/kup-accordion-declarations";
 import { GenericObject, KupEventPayload } from "./types/GenericTypes";
 import { ItemsDisplayMode, KupListData, KupListEventPayload, KupListRole } from "./components/kup-list/kup-list-declarations";
-import { KupAutocompleteEventPayload, kupAutocompleteFilterChangedEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
+import { KupAutocompleteEventPayload } 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 { Column, DataTable, GroupLabelDisplayMode, GroupObject, KupDatatableAutoRowSelectEventPayload, KupDataTableCellButtonClickEventPayload, KupDataTableCellTextFieldInputEventPayload, KupDatatableCellUpdateEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, RowAction, SelectionMode, ShowGrid, SortObject, TableData, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
-import { FButtonStyling } from "./f-components/f-button/f-button-declarations";
+import { Cell, Column, DataTable, GroupLabelDisplayMode, GroupObject, KupDatatableAutoRowSelectEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, RowAction, SelectionMode, ShowGrid, SortObject, TableData, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 import { KupTreeColumnMenuEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNode, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
 import { KupButtonListClickEventPayload } from "./components/kup-button-list/kup-button-list-declarations";
 import { KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
-import { KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
+import { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
+import { FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 import { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
 import { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations";
 import { FChipData, FChipType } from "./f-components/f-chip/f-chip-declarations";
@@ -52,7 +53,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -91,18 +92,10 @@ export namespace Components {
         "toggleItem": (itemName: string) => Promise<void>;
     }
     interface KupAutocomplete {
-        /**
-          * Function that can be invoked when the filter is updated, but only if in serverHandledFilter mode. It returns the items filtered.
-         */
-        "callBackOnFilterUpdate": (detail: {
-        filter: string;
-        matchesMinimumCharsRequired: boolean;
-        el: EventTarget;
-    }) => Promise<any[]> | undefined;
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -145,7 +138,7 @@ export namespace Components {
          */
         "selectMode": ItemsDisplayMode;
         /**
-          * When true, it will emit events to inform the listener of the change of the current filter value. Also the component builtin filter will be disabled.
+          * When true, the items filter is managed server side, otherwise items filter is done client side.
          */
         "serverHandledFilter": boolean;
         /**
@@ -162,12 +155,16 @@ export namespace Components {
           * @param value - Value of the component.
          */
         "setValue": (value: string) => Promise<void>;
+        /**
+          * When true shows the drop-down icon, for open list.
+         */
+        "showDropDownIcon": boolean;
     }
     interface KupBadge {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -210,7 +207,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -233,6 +230,11 @@ export namespace Components {
           * @default false
          */
         "dropOnSection": boolean;
+        /**
+          * When set to true, editable cells will be rendered using input components.
+          * @default false
+         */
+        "editableData": boolean;
         /**
           * If enabled, a button to load / display the row actions will be displayed on the right of every box
           * @default false
@@ -366,7 +368,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -434,7 +436,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -477,7 +479,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -559,7 +561,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -617,6 +619,53 @@ export namespace Components {
          */
         "sizeY": string;
     }
+    interface KupCell {
+        /**
+          * Adds the given CSS classes to the cell's data.
+          * @param classes - Array of CSS classes.
+         */
+        "addCssClasses": (classes?: string[]) => Promise<void>;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * The data of the cell.
+          * @default false
+         */
+        "data": Cell;
+        /**
+          * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.
+         */
+        "density": FCellPadding;
+        /**
+          * When set to true, the component is draggable.
+          * @default false
+         */
+        "dragEnabled": 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>;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Removes the given CSS classes from the cell's data.
+          * @param classes - Array of CSS classes.
+         */
+        "removeCssClasses": (classes?: string[]) => 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 KupChart {
         /**
           * Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs.
@@ -641,7 +690,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -749,7 +798,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -792,7 +841,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -830,7 +879,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -887,7 +936,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -943,6 +992,10 @@ export namespace Components {
           * @param value - Value to be set.
          */
         "setValue": (value: string) => Promise<void>;
+        /**
+          * When true shows the drop-down icon, for open list.
+         */
+        "showDropDownIcon": boolean;
     }
     interface KupDash {
         /**
@@ -975,6 +1028,11 @@ export namespace Components {
         "valueColor": Array<any>;
     }
     interface KupDataTable {
+        /**
+          * When true and when a row is missing some columns, the missing cells will be autogenerated.
+          * @default false
+         */
+        "autoFillMissingCells": boolean;
         /**
           * Closes any opened column menu.
          */
@@ -995,7 +1053,7 @@ export namespace Components {
         /**
           * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
          */
-        "density": string;
+        "density": FCellPadding;
         /**
           * Enables drag.
          */
@@ -1124,6 +1182,10 @@ export namespace Components {
           * Sets the possibility to remove the selected column.
          */
         "removableColumns": boolean;
+        /**
+          * Gives the possibility to resize columns by dragging on their right edge.
+         */
+        "resizableColumns": boolean;
         /**
           * This method is invoked by KupManager whenever the component changes size.
          */
@@ -1152,6 +1214,12 @@ export namespace Components {
           * Set the type of the rows selection.
          */
         "selection": SelectionMode;
+        /**
+          * Sets the focus on an editable table cell.
+          * @param column - Name of the column.
+          * @param rowId - Id of the row.
+         */
+        "setFocus": (column: string, rowId: string) => Promise<void>;
         /**
           * Sets the props to the component.
           * @param props - Object containing props that will be set to the component.
@@ -1243,7 +1311,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1299,7 +1367,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1335,7 +1403,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1412,17 +1480,11 @@ export namespace Components {
          */
         "trailingIcon": boolean;
     }
-    interface KupEditor {
-        /**
-          * The html to be rendered and edited
-         */
-        "text": string;
-    }
     interface KupField {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1491,7 +1553,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1585,7 +1647,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1652,7 +1714,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1701,24 +1763,6 @@ export namespace Components {
          */
         "sizeY": string;
     }
-    interface KupLayout {
-        /**
-          * Specifies how many columns the content must be organized onto.  If this is greater than 1, then the horizontal prop will have no effect.
-         */
-        "columnsNumber": number;
-        /**
-          * By default, columns size is calculated by the grid layout and it tries to give the same space to elements.  If this is true, columns width will be calculated according to the cells content. See SCSS file for more details.
-         */
-        "contentBasedColumnsWidth": boolean;
-        /**
-          * When true, the layout and its contents will try to take all the available horizontal space.
-         */
-        "fillSpace": boolean;
-        /**
-          * Tells the layout to place all elements onto a single row. It does not work when columnsNumber is greater then 1.
-         */
-        "horizontal": boolean;
-    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -1728,7 +1772,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1766,7 +1810,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1809,8 +1853,8 @@ export namespace Components {
          */
         "isMenu": boolean;
         /**
-          * When true, enables items' navigation through keys. Defaults to false when the component's isMenu prop is set to true.
-          * @default undefined
+          * When true, enables items' navigation through arrow keys.
+          * @default true
          */
         "keyboardNavigation": boolean;
         /**
@@ -1862,7 +1906,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1890,7 +1934,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -1920,6 +1964,12 @@ export namespace Components {
     }
     interface KupPaginator {
         "currentPage": number;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
         "max": number;
         "mode": PaginatorMode;
         "perPage": number;
@@ -1933,13 +1983,13 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
           * Specify features to test.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "features": {
         debug: boolean;
@@ -1968,7 +2018,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2059,7 +2109,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2097,7 +2147,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2131,6 +2181,57 @@ export namespace Components {
          */
         "value": number;
     }
+    interface KupSnackbar {
+        /**
+          * Set of FButton props to set the action button.
+          * @default null
+         */
+        "actionButton": FButtonProps;
+        /**
+          * When true, the hide button will be displayed.
+          * @default true
+         */
+        "closeButton": boolean;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * 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>;
+        /**
+          * Hides the snackbar.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * 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>;
+        /**
+          * Displays the snackbar.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Sets the textual content of the snackbar.
+          * @default ''
+         */
+        "text": string;
+        /**
+          * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.
+          * @default null
+         */
+        "timeout": number;
+    }
     interface KupSpinner {
         /**
           * When set to true the spinner is animating.
@@ -2145,7 +2246,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2198,7 +2299,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2236,7 +2337,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2269,7 +2370,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2302,6 +2403,11 @@ export namespace Components {
           * @default null
          */
         "helper": string;
+        /**
+          * When true, the helper will be displayed.
+          * @default true
+         */
+        "helperEnabled": boolean;
         /**
           * When set, the helper will be shown only when the field is focused.
           * @default false
@@ -2409,7 +2515,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2473,7 +2579,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2547,7 +2653,7 @@ export namespace Components {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
         /**
@@ -2557,7 +2663,7 @@ export namespace Components {
         /**
           * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.
          */
-        "density": string;
+        "density": FCellPadding;
         /**
           * Function that gets invoked when a new set of nodes must be loaded as children of a node.  When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. 1 - If this prop is set to null, no callback to download data is available:    the component will emit an event requiring the parent to load the children of the given node. 2 - If this prop is set to have a callback, then the component will automatically make requests to load children of    a given node. After the load has been completed, a different event will be fired to alert the parent of the change.
           * @see useDynamicExpansion
@@ -2566,6 +2672,11 @@ export namespace Components {
         treeNodeToExpand: TreeNode,
         treeNodePath: TreeNodePath
     ) => Promise<TreeNode[]> | undefined;
+        /**
+          * When set to true, editable cells will be rendered using input components.
+          * @default false
+         */
+        "editableData": boolean;
         /**
           * Enables the extracolumns add buttons.
          */
@@ -2748,6 +2859,12 @@ declare global {
         prototype: HTMLKupCardElement;
         new (): HTMLKupCardElement;
     };
+    interface HTMLKupCellElement extends Components.KupCell, HTMLStencilElement {
+    }
+    var HTMLKupCellElement: {
+        prototype: HTMLKupCellElement;
+        new (): HTMLKupCellElement;
+    };
     interface HTMLKupChartElement extends Components.KupChart, HTMLStencilElement {
     }
     var HTMLKupChartElement: {
@@ -2814,12 +2931,6 @@ declare global {
         prototype: HTMLKupDropdownButtonElement;
         new (): HTMLKupDropdownButtonElement;
     };
-    interface HTMLKupEditorElement extends Components.KupEditor, HTMLStencilElement {
-    }
-    var HTMLKupEditorElement: {
-        prototype: HTMLKupEditorElement;
-        new (): HTMLKupEditorElement;
-    };
     interface HTMLKupFieldElement extends Components.KupField, HTMLStencilElement {
     }
     var HTMLKupFieldElement: {
@@ -2850,12 +2961,6 @@ declare global {
         prototype: HTMLKupImageElement;
         new (): HTMLKupImageElement;
     };
-    interface HTMLKupLayoutElement extends Components.KupLayout, HTMLStencilElement {
-    }
-    var HTMLKupLayoutElement: {
-        prototype: HTMLKupLayoutElement;
-        new (): HTMLKupLayoutElement;
-    };
     interface HTMLKupLazyElement extends Components.KupLazy, HTMLStencilElement {
     }
     var HTMLKupLazyElement: {
@@ -2916,6 +3021,12 @@ declare global {
         prototype: HTMLKupRatingElement;
         new (): HTMLKupRatingElement;
     };
+    interface HTMLKupSnackbarElement extends Components.KupSnackbar, HTMLStencilElement {
+    }
+    var HTMLKupSnackbarElement: {
+        prototype: HTMLKupSnackbarElement;
+        new (): HTMLKupSnackbarElement;
+    };
     interface HTMLKupSpinnerElement extends Components.KupSpinner, HTMLStencilElement {
     }
     var HTMLKupSpinnerElement: {
@@ -2967,6 +3078,7 @@ declare global {
         "kup-button-list": HTMLKupButtonListElement;
         "kup-calendar": HTMLKupCalendarElement;
         "kup-card": HTMLKupCardElement;
+        "kup-cell": HTMLKupCellElement;
         "kup-chart": HTMLKupChartElement;
         "kup-checkbox": HTMLKupCheckboxElement;
         "kup-chip": HTMLKupChipElement;
@@ -2978,13 +3090,11 @@ declare global {
         "kup-date-picker": HTMLKupDatePickerElement;
         "kup-drawer": HTMLKupDrawerElement;
         "kup-dropdown-button": HTMLKupDropdownButtonElement;
-        "kup-editor": HTMLKupEditorElement;
         "kup-field": HTMLKupFieldElement;
         "kup-gauge": HTMLKupGaugeElement;
         "kup-grid": HTMLKupGridElement;
         "kup-iframe": HTMLKupIframeElement;
         "kup-image": HTMLKupImageElement;
-        "kup-layout": HTMLKupLayoutElement;
         "kup-lazy": HTMLKupLazyElement;
         "kup-list": HTMLKupListElement;
         "kup-magic-box": HTMLKupMagicBoxElement;
@@ -2995,6 +3105,7 @@ declare global {
         "kup-qlik": HTMLKupQlikElement;
         "kup-radio": HTMLKupRadioElement;
         "kup-rating": HTMLKupRatingElement;
+        "kup-snackbar": HTMLKupSnackbarElement;
         "kup-spinner": HTMLKupSpinnerElement;
         "kup-switch": HTMLKupSwitchElement;
         "kup-tab-bar": HTMLKupTabBarElement;
@@ -3009,7 +3120,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3028,18 +3139,10 @@ declare namespace LocalJSX {
         "ripple"?: boolean;
     }
     interface KupAutocomplete {
-        /**
-          * Function that can be invoked when the filter is updated, but only if in serverHandledFilter mode. It returns the items filtered.
-         */
-        "callBackOnFilterUpdate"?: (detail: {
-        filter: string;
-        matchesMinimumCharsRequired: boolean;
-        el: EventTarget;
-    }) => Promise<any[]> | undefined;
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3065,7 +3168,6 @@ declare namespace LocalJSX {
         "onKup-autocomplete-blur"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
         "onKup-autocomplete-change"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
         "onKup-autocomplete-click"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
-        "onKup-autocomplete-filterchanged"?: (event: CustomEvent<kupAutocompleteFilterChangedEventPayload>) => void;
         "onKup-autocomplete-focus"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
         "onKup-autocomplete-iconclick"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
         "onKup-autocomplete-input"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
@@ -3075,15 +3177,19 @@ declare namespace LocalJSX {
          */
         "selectMode"?: ItemsDisplayMode;
         /**
-          * When true, it will emit events to inform the listener of the change of the current filter value. Also the component builtin filter will be disabled.
+          * When true, the items filter is managed server side, otherwise items filter is done client side.
          */
         "serverHandledFilter"?: boolean;
+        /**
+          * When true shows the drop-down icon, for open list.
+         */
+        "showDropDownIcon"?: boolean;
     }
     interface KupBadge {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3112,7 +3218,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3135,6 +3241,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "dropOnSection"?: boolean;
+        /**
+          * When set to true, editable cells will be rendered using input components.
+          * @default false
+         */
+        "editableData"?: boolean;
         /**
           * If enabled, a button to load / display the row actions will be displayed on the right of every box
           * @default false
@@ -3281,7 +3392,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3346,7 +3457,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3375,7 +3486,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3454,7 +3565,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3485,11 +3596,19 @@ declare namespace LocalJSX {
         /**
           * Triggered when the card is clicked.
          */
-        "onKup-card-click"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-card-click"?: (event: CustomEvent<KupCardClickPayload>) => void;
+        /**
+          * Triggered when a dialog card is closed with the "X".
+         */
+        "onKup-card-close"?: (event: CustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when a sub-component of the card emits an event.
          */
         "onKup-card-event"?: (event: CustomEvent<KupCardEventPayload>) => void;
+        /**
+          * Triggered when the component is ready.
+         */
+        "onKup-card-ready"?: (event: CustomEvent<KupEventPayload>) => void;
         /**
           * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
           * @default "100%"
@@ -3501,6 +3620,28 @@ declare namespace LocalJSX {
          */
         "sizeY"?: string;
     }
+    interface KupCell {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * The data of the cell.
+          * @default false
+         */
+        "data"?: Cell;
+        /**
+          * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.
+         */
+        "density"?: FCellPadding;
+        /**
+          * When set to true, the component is draggable.
+          * @default false
+         */
+        "dragEnabled"?: boolean;
+    }
     interface KupChart {
         /**
           * Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs.
@@ -3525,7 +3666,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3618,7 +3759,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3658,7 +3799,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3697,7 +3838,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3726,7 +3867,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -3760,6 +3901,10 @@ declare namespace LocalJSX {
           * Sets how to return the selected item value. Suported values: "code", "description", "both".
          */
         "selectMode"?: ItemsDisplayMode;
+        /**
+          * When true shows the drop-down icon, for open list.
+         */
+        "showDropDownIcon"?: boolean;
     }
     interface KupDash {
         /**
@@ -3798,6 +3943,11 @@ declare namespace LocalJSX {
         "valueColor"?: Array<any>;
     }
     interface KupDataTable {
+        /**
+          * When true and when a row is missing some columns, the missing cells will be autogenerated.
+          * @default false
+         */
+        "autoFillMissingCells"?: boolean;
         /**
           * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
@@ -3809,7 +3959,7 @@ declare namespace LocalJSX {
         /**
           * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
          */
-        "density"?: string;
+        "density"?: FCellPadding;
         /**
           * Enables drag.
          */
@@ -3910,11 +4060,6 @@ declare namespace LocalJSX {
           * When a row is auto selected via selectRow prop
          */
         "onKup-datatable-autorowselect"?: (event: CustomEvent<KupDatatableAutoRowSelectEventPayload>) => void;
-        "onKup-datatable-cellbuttonclick"?: (event: CustomEvent<KupDataTableCellButtonClickEventPayload>) => void;
-        /**
-          * Emitted when a cell's data has been updated.
-         */
-        "onKup-datatable-cellupdate"?: (event: CustomEvent<KupDatatableCellUpdateEventPayload>) => void;
         /**
           * Generic click event on data table.
          */
@@ -3952,7 +4097,6 @@ declare namespace LocalJSX {
           * When a row is selected
          */
         "onKup-datatable-rowselected"?: (event: CustomEvent<KupDatatableRowSelectedEventPayload>) => void;
-        "onKup-datatable-textfieldinput"?: (event: CustomEvent<KupDataTableCellTextFieldInputEventPayload>) => void;
         /**
           * Current selected page set on component load
          */
@@ -3965,6 +4109,10 @@ declare namespace LocalJSX {
           * Sets the possibility to remove the selected column.
          */
         "removableColumns"?: boolean;
+        /**
+          * Gives the possibility to resize columns by dragging on their right edge.
+         */
+        "resizableColumns"?: boolean;
         /**
           * Sets the actions of the rows.
          */
@@ -4069,7 +4217,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4106,7 +4254,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4126,7 +4274,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4200,17 +4348,11 @@ declare namespace LocalJSX {
          */
         "trailingIcon"?: boolean;
     }
-    interface KupEditor {
-        /**
-          * The html to be rendered and edited
-         */
-        "text"?: string;
-    }
     interface KupField {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4271,7 +4413,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4350,7 +4492,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4389,7 +4531,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4424,24 +4566,6 @@ declare namespace LocalJSX {
          */
         "sizeY"?: string;
     }
-    interface KupLayout {
-        /**
-          * Specifies how many columns the content must be organized onto.  If this is greater than 1, then the horizontal prop will have no effect.
-         */
-        "columnsNumber"?: number;
-        /**
-          * By default, columns size is calculated by the grid layout and it tries to give the same space to elements.  If this is true, columns width will be calculated according to the cells content. See SCSS file for more details.
-         */
-        "contentBasedColumnsWidth"?: boolean;
-        /**
-          * When true, the layout and its contents will try to take all the available horizontal space.
-         */
-        "fillSpace"?: boolean;
-        /**
-          * Tells the layout to place all elements onto a single row. It does not work when columnsNumber is greater then 1.
-         */
-        "horizontal"?: boolean;
-    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -4451,7 +4575,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4474,7 +4598,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4503,8 +4627,8 @@ declare namespace LocalJSX {
          */
         "isMenu"?: boolean;
         /**
-          * When true, enables items' navigation through keys. Defaults to false when the component's isMenu prop is set to true.
-          * @default undefined
+          * When true, enables items' navigation through arrow keys.
+          * @default true
          */
         "keyboardNavigation"?: boolean;
         /**
@@ -4540,7 +4664,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4553,7 +4677,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4572,6 +4696,12 @@ declare namespace LocalJSX {
     }
     interface KupPaginator {
         "currentPage"?: number;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
         "max"?: number;
         "mode"?: PaginatorMode;
         /**
@@ -4589,13 +4719,13 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
           * Specify features to test.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "features"?: {
         debug: boolean;
@@ -4616,7 +4746,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4692,7 +4822,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4727,7 +4857,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4747,6 +4877,38 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface KupSnackbar {
+        /**
+          * Set of FButton props to set the action button.
+          * @default null
+         */
+        "actionButton"?: FButtonProps;
+        /**
+          * When true, the hide button will be displayed.
+          * @default true
+         */
+        "closeButton"?: boolean;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Triggered when action button is clicked.
+         */
+        "onKup-snackbar-actionclick"?: (event: CustomEvent<KupEventPayload>) => void;
+        /**
+          * Sets the textual content of the snackbar.
+          * @default ''
+         */
+        "text"?: string;
+        /**
+          * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.
+          * @default null
+         */
+        "timeout"?: number;
+    }
     interface KupSpinner {
         /**
           * When set to true the spinner is animating.
@@ -4761,7 +4923,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4803,7 +4965,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4838,7 +5000,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4868,7 +5030,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -4891,6 +5053,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "helper"?: string;
+        /**
+          * When true, the helper will be displayed.
+          * @default true
+         */
+        "helperEnabled"?: boolean;
         /**
           * When set, the helper will be shown only when the field is focused.
           * @default false
@@ -5013,7 +5180,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -5059,7 +5226,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -5123,7 +5290,7 @@ declare namespace LocalJSX {
         /**
           * Custom style of the component.
           * @default ""
-          * @see https ://ketchup.smeup.com/ketchup-showcase/#/customization
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
         /**
@@ -5133,7 +5300,7 @@ declare namespace LocalJSX {
         /**
           * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.
          */
-        "density"?: string;
+        "density"?: FCellPadding;
         /**
           * Function that gets invoked when a new set of nodes must be loaded as children of a node.  When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. 1 - If this prop is set to null, no callback to download data is available:    the component will emit an event requiring the parent to load the children of the given node. 2 - If this prop is set to have a callback, then the component will automatically make requests to load children of    a given node. After the load has been completed, a different event will be fired to alert the parent of the change.
           * @see useDynamicExpansion
@@ -5142,6 +5309,11 @@ declare namespace LocalJSX {
         treeNodeToExpand: TreeNode,
         treeNodePath: TreeNodePath
     ) => Promise<TreeNode[]> | undefined;
+        /**
+          * When set to true, editable cells will be rendered using input components.
+          * @default false
+         */
+        "editableData"?: boolean;
         /**
           * Enables the extracolumns add buttons.
          */
@@ -5288,6 +5460,7 @@ declare namespace LocalJSX {
         "kup-button-list": KupButtonList;
         "kup-calendar": KupCalendar;
         "kup-card": KupCard;
+        "kup-cell": KupCell;
         "kup-chart": KupChart;
         "kup-checkbox": KupCheckbox;
         "kup-chip": KupChip;
@@ -5299,13 +5472,11 @@ declare namespace LocalJSX {
         "kup-date-picker": KupDatePicker;
         "kup-drawer": KupDrawer;
         "kup-dropdown-button": KupDropdownButton;
-        "kup-editor": KupEditor;
         "kup-field": KupField;
         "kup-gauge": KupGauge;
         "kup-grid": KupGrid;
         "kup-iframe": KupIframe;
         "kup-image": KupImage;
-        "kup-layout": KupLayout;
         "kup-lazy": KupLazy;
         "kup-list": KupList;
         "kup-magic-box": KupMagicBox;
@@ -5316,6 +5487,7 @@ declare namespace LocalJSX {
         "kup-qlik": KupQlik;
         "kup-radio": KupRadio;
         "kup-rating": KupRating;
+        "kup-snackbar": KupSnackbar;
         "kup-spinner": KupSpinner;
         "kup-switch": KupSwitch;
         "kup-tab-bar": KupTabBar;
@@ -5337,6 +5509,7 @@ declare module "@stencil/core" {
             "kup-button-list": LocalJSX.KupButtonList & JSXBase.HTMLAttributes<HTMLKupButtonListElement>;
             "kup-calendar": LocalJSX.KupCalendar & JSXBase.HTMLAttributes<HTMLKupCalendarElement>;
             "kup-card": LocalJSX.KupCard & JSXBase.HTMLAttributes<HTMLKupCardElement>;
+            "kup-cell": LocalJSX.KupCell & JSXBase.HTMLAttributes<HTMLKupCellElement>;
             "kup-chart": LocalJSX.KupChart & JSXBase.HTMLAttributes<HTMLKupChartElement>;
             "kup-checkbox": LocalJSX.KupCheckbox & JSXBase.HTMLAttributes<HTMLKupCheckboxElement>;
             "kup-chip": LocalJSX.KupChip & JSXBase.HTMLAttributes<HTMLKupChipElement>;
@@ -5348,13 +5521,11 @@ declare module "@stencil/core" {
             "kup-date-picker": LocalJSX.KupDatePicker & JSXBase.HTMLAttributes<HTMLKupDatePickerElement>;
             "kup-drawer": LocalJSX.KupDrawer & JSXBase.HTMLAttributes<HTMLKupDrawerElement>;
             "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes<HTMLKupDropdownButtonElement>;
-            "kup-editor": LocalJSX.KupEditor & JSXBase.HTMLAttributes<HTMLKupEditorElement>;
             "kup-field": LocalJSX.KupField & JSXBase.HTMLAttributes<HTMLKupFieldElement>;
             "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-layout": LocalJSX.KupLayout & JSXBase.HTMLAttributes<HTMLKupLayoutElement>;
             "kup-lazy": LocalJSX.KupLazy & JSXBase.HTMLAttributes<HTMLKupLazyElement>;
             "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes<HTMLKupListElement>;
             "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
@@ -5365,6 +5536,7 @@ declare module "@stencil/core" {
             "kup-qlik": LocalJSX.KupQlik & JSXBase.HTMLAttributes<HTMLKupQlikElement>;
             "kup-radio": LocalJSX.KupRadio & JSXBase.HTMLAttributes<HTMLKupRadioElement>;
             "kup-rating": LocalJSX.KupRating & JSXBase.HTMLAttributes<HTMLKupRatingElement>;
+            "kup-snackbar": LocalJSX.KupSnackbar & JSXBase.HTMLAttributes<HTMLKupSnackbarElement>;
             "kup-spinner": LocalJSX.KupSpinner & JSXBase.HTMLAttributes<HTMLKupSpinnerElement>;
             "kup-switch": LocalJSX.KupSwitch & JSXBase.HTMLAttributes<HTMLKupSwitchElement>;
             "kup-tab-bar": LocalJSX.KupTabBar & JSXBase.HTMLAttributes<HTMLKupTabBarElement>;