@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/types/components/kup-data-table/kup-data-table-helper.d.ts

@@ -1,5 +1,4 @@
-import { Row, SortObject, Cell, GroupObject, TotalMode, TotalsMap, Column } from './kup-data-table-declarations';
-import { DropHandlers } from '../../utils/drag-and-drop';
+import { Row, SortObject, GroupObject, TotalMode, TotalsMap, Column } from './kup-data-table-declarations';
 import { GenericFilter } from '../../utils/filters/filters-declarations';
 import { FiltersColumnMenu } from '../../utils/filters/filters-column-menu';
 import { FiltersRows } from '../../utils/filters/filters-rows';
@@ -27,16 +26,3 @@ export declare function calcTotals(rows?: Array<Row>, totals?: {
   [index: string]: number;
 };
 export declare function paginateRows(rows: Row[], currentPage: number, rowsPerPage: number, areGrouped: boolean): Row[];
-/**
- * Given a cell object, determines if the style object has also a border radius
- * @param cell - The cell to check
- * @returns {boolean} - true if borderRadius is present, false otherwise.
- */
-export declare function styleHasBorderRadius(cell: Cell): boolean;
-/**
- * Given a cell object, determines if the style object has also a writing mode
- * @param cell - The cell to check
- * @returns {boolean} - true if writingMode is present, false otherwise.
- */
-export declare function styleHasWritingMode(cell: Cell): boolean;
-export declare const dropHandlersCell: DropHandlers;

package/dist/types/components/kup-data-table/kup-data-table.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Column, GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, Row, RowAction, ShowGrid, SortObject, TableData, TotalsMap, SelectionMode, KupDatatableAutoRowSelectEventPayload, KupDatatableRowSelectedEventPayload, KupDatatableCellUpdateEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableCellButtonClickEventPayload, KupDataTableCellTextFieldInputEventPayload } from './kup-data-table-declarations';
+import { Column, GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, Row, RowAction, ShowGrid, SortObject, TableData, TotalsMap, SelectionMode, KupDatatableAutoRowSelectEventPayload, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload } from './kup-data-table-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupDataTableState } from './kup-data-table-state';
 import { KupStore } from '../kup-state/kup-store';
 import { GenericFilter, ValueDisplayedValue } from '../../utils/filters/filters-declarations';
+import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
 export declare class KupDataTable {
   stateId: string;
   store: KupStore;
@@ -11,6 +12,11 @@ export declare class KupDataTable {
   initWithPersistedState(): void;
   persistState(): void;
   rootElement: HTMLElement;
+  /**
+   * 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
    */
@@ -22,7 +28,7 @@ export declare class KupDataTable {
   /**
    * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
    */
-  density: string;
+  density: FCellPadding;
   /**
    * Enables drag.
    */
@@ -141,6 +147,10 @@ export declare class KupDataTable {
    * 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.
    */
@@ -250,10 +260,6 @@ export declare class KupDataTable {
    * name of the column with the opened total menu
    */
   private openedTotalMenu;
-  /**
-   * name of the column with the opened group menu
-   */
-  private openedGroupMenu;
   private openedCustomSettings;
   private fontsize;
   /**
@@ -281,32 +287,6 @@ export declare class KupDataTable {
   private renderedRows;
   private loadMoreEventCounter;
   private loadMoreEventPreviousQuantity;
-  /**
-   * Internal not reactive state used to keep track if a column is being dragged.
-   * @private
-   */
-  private columnsAreBeingDragged;
-  /**
-   * Attribute to set when a column is being dragged on the whole thead element
-   * @const
-   * @default 'columns-dragging'
-   * @private
-   */
-  private dragFlagAttribute;
-  /**
-   * The string representing the drag over attribute
-   * @const
-   * @default 'drag-over'
-   * @private
-   */
-  private dragOverAttribute;
-  /**
-   * The string representing the drag starter attribute to set onto the element
-   * @const
-   * @default 'drag-starter'
-   * @private
-   */
-  private dragStarterAttribute;
   /**
    * Reference for the thead element
    * @private
@@ -325,23 +305,31 @@ export declare class KupDataTable {
   private tableAreaRef;
   private stickyTheadRef;
   private customizeTopButtonRef;
-  private customizeBottomButtonRef;
   private customizeTopPanelRef;
-  private customizeBottomPanelRef;
   private sizedColumns;
   private intObserver;
   private navBarHeight;
   private theadIntersecting;
   private tableIntersecting;
-  private iconPaths;
   private isSafariBrowser;
   private isRestoringState;
   private globalFilterTimeout;
   private totalMenuCoords;
   columnFilterTimeout: number;
   private clickTimeout;
+  private thRefs;
   private rowsRefs;
   private oldWidth;
+  private hold;
+  private interactableDrag;
+  private interactableDrop;
+  private interactableResize;
+  private interactableTouch;
+  private dropareaRef;
+  private removeDropareaRef;
+  private groupsDropareaRef;
+  private clickCb;
+  private clickCbCustomPanel;
   /**
    * Used to prevent too many resizes callbacks at once.
    */
@@ -377,10 +365,6 @@ export declare class KupDataTable {
    * When a row is selected
    */
   kupRowSelected: EventEmitter<KupDatatableRowSelectedEventPayload>;
-  /**
-   * Emitted when a cell's data has been updated.
-   */
-  kupDataTableCellUpdate: EventEmitter<KupDatatableCellUpdateEventPayload>;
   /**
    * Generic click event on data table.
    */
@@ -402,8 +386,6 @@ export declare class KupDataTable {
    */
   kupRowActionClick: EventEmitter<KupDatatableRowActionClickEventPayload>;
   kupLoadMoreClick: EventEmitter<KupDatatableLoadMoreClickEventPayload>;
-  kupCellButtonClick: EventEmitter<KupDataTableCellButtonClickEventPayload>;
-  kupCellTextFieldInput: EventEmitter<KupDataTableCellTextFieldInputEventPayload>;
   /**
    * Closes any opened column menu.
    */
@@ -435,6 +417,12 @@ export declare class KupDataTable {
    * This method is invoked by KupManager whenever the component changes size.
    */
   resizeCallback(): Promise<void>;
+  /**
+   * Sets the focus on an editable table cell.
+   * @param {string} column - Name of the column.
+   * @param {string} rowId - Id of the row.
+   */
+  setFocus(column: string, rowId: string): Promise<void>;
   /**
    * Sets the props to the component.
    * @param {GenericObject} props - Object containing props that will be set to the component.
@@ -455,8 +443,10 @@ export declare class KupDataTable {
   private stickyHeaderPosition;
   private updateStickyHeaderSize;
   private setObserver;
-  private didRenderObservers;
+  private didLoadInteractables;
+  private didRenderInteractables;
   private didLoadObservers;
+  private didRenderObservers;
   private didLoadEventHandling;
   private scrollStickyHeader;
   private checkScrollOnHover;
@@ -469,6 +459,7 @@ export declare class KupDataTable {
   componentWillRender(): void;
   componentDidRender(): void;
   componentDidLoad(): void;
+  private getEventPath;
   private resetSelectedRows;
   resetCurrentPage(): void;
   getColumns(): Array<Column>;
@@ -486,13 +477,10 @@ export declare class KupDataTable {
   private clickHandler;
   private contextMenuHandler;
   private dblClickHandler;
-  private mouseMoveHandler;
-  private mouseOutHandler;
   getVisibleColumns(): Array<Column>;
   getGroupByName(column: string): GroupObject;
   getColumnValues(column: Column): ValueDisplayedValue[];
   getRows(): Array<Row>;
-  private addMultiSelectDragImageToEvent;
   private initRows;
   private filterRows;
   private isGrouping;
@@ -521,25 +509,13 @@ export declare class KupDataTable {
   private deselectColumn;
   private onDefaultRowActionClick;
   private onRowActionExpanderClick;
-  private cellUpdate;
   private handleRowSelect;
   private onRowExpand;
   private onSelectAll;
   private openTotalMenu;
   private closeTotalMenu;
   private closeMenuAndTooltip;
-  private isOpenedTotalMenu;
   private isOpenedTotalMenuForColumn;
-  private isOpenedGroupMenu;
-  private isOpenedGroupMenuForColumn;
-  /**
-   * Type guard needed to be sure that an object returned from composePath() is an HTMLElement with classes
-   * @param node
-   */
-  private isHTMLElementFromEventTarget;
-  private hasOverlayActions;
-  private onHeaderCellContextMenuClose;
-  private onJ4btnClicked;
   private groupRows;
   getInternalState(): Promise<{
     groups: GroupObject[];
@@ -581,24 +557,6 @@ export declare class KupDataTable {
   renderFooter(): any;
   private renderRow;
   private renderActions;
-  /**
-   * FActory function for cells.
-   * @param cell - cell object
-   * @param column - the cell's column name
-   * @param previousRowCellValue - An optional value of the previous cell on the same column. If set and equal to the value of the current cell, makes the value of the current cell go blank.
-   * @param cellData - Additional data for the current cell.
-   * @param cellData.column - The column object to which the cell belongs.
-   * @param cellData.row - The row object to which the cell belongs.
-   */
-  private renderCell;
-  private getIconPath;
-  private getCellType;
-  private setLazyKupCell;
-  private setCellSize;
-  private setCellSizeKup;
-  private setEditableCell;
-  private setKupCell;
-  private setCell;
   private renderLoadMoreButton;
   private onCustomSettingsClick;
   private openCustomSettings;
@@ -607,13 +565,7 @@ export declare class KupDataTable {
   renderCustomizePanel(): any;
   private columnRemoveArea;
   private columnGroupArea;
-  private startDynamicPositioning;
-  private stopDynamicPositioning;
-  private getElementById;
-  private getThElement;
   private hideShowColumnDropArea;
-  private hideShowColumnRemoveDropArea;
-  private hideShowColumnGroupDropArea;
   private handleColumnRemove;
   private handleColumnGroup;
   private transcodeItem;
@@ -623,10 +575,8 @@ export declare class KupDataTable {
   private FONTSIZE_ICONS;
   private getFontSizeCodeFromDecode;
   private renderFontSizePanel;
-  private DENSITY_CODES;
   private DENSITY_DECODES;
   private DENSITY_ICONS;
-  private getDensityDecodeFromCode;
   private getDensityCodeFromDecode;
   private renderDensityPanel;
   private GRID_CODES;

package/dist/types/components/kup-date-picker/kup-date-picker.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupDatePickerEventPayload } from './kup-date-picker-declarations';
 export declare class KupDatePicker {
@@ -36,11 +36,10 @@ export declare class KupDatePicker {
    * Instance of the KupManager class.
    */
   private kupManager;
-  private calendarView;
   private textfieldEl;
   private pickerContainerEl;
   private pickerEl;
-  private pickerOpened;
+  private clickCb;
   kupBlur: EventEmitter<KupDatePickerEventPayload>;
   kupChange: EventEmitter<KupDatePickerEventPayload>;
   kupClick: EventEmitter<KupDatePickerEventPayload>;
@@ -50,16 +49,15 @@ export declare class KupDatePicker {
   kupItemClick: EventEmitter<KupDatePickerEventPayload>;
   kupTextFieldSubmit: EventEmitter<KupDatePickerEventPayload>;
   kupClearIconClick: EventEmitter<KupEventPayload>;
-  onKupDatePickerItemClick(e: MouseEvent, value: string): void;
-  onKupClearIconClick(e: MouseEvent): void;
-  onKupDatePickerMonthYearItemClick(e: MouseEvent, value: string): void;
+  onKupDatePickerItemClick(value: string): void;
+  onKupClearIconClick(): void;
   onKupBlur(): void;
-  onKupChange(e: CustomEvent): void;
-  onKupClick(e: UIEvent): void;
-  onKupFocus(e: UIEvent): void;
-  onKupInput(e: CustomEvent): void;
-  onkupTextFieldSubmit(e: CustomEvent): void;
-  onKupIconClick(e: UIEvent): void;
+  onKupChange(e: InputEvent): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(e: InputEvent): void;
+  onkupTextFieldSubmit(e: KeyboardEvent): void;
+  onKupIconClick(): void;
   listenKeyup(e: KeyboardEvent): void;
   watchFirstDayIndex(): void;
   /**
@@ -90,29 +88,19 @@ export declare class KupDatePicker {
   refreshPickerComponentValue(value: string): void;
   setPickerValueSelected(newValue?: string): void;
   getPickerValueSelected(): string;
-  setTextFieldInitalValue(value: string): void;
   getValueForPickerComponent(): string;
   openPicker(): void;
   closePicker(): void;
   isPickerOpened(): boolean;
   getTextFieldId(): string;
-  prepDateTextfield(): any;
-  prepTextfield(initialValue: string): any;
+  prepTextfield(initialValue: string): VNode;
   getInitEndYear(curYear: number): {
     initYear: number;
     endYear: number;
   };
   isRelatedTargetInThisComponent(e: any): boolean;
   prepDatePicker(): any;
-  createCalendar(): any;
-  private createDaysCalendar;
-  private createMonthsCalendar;
-  private createYearsCalendar;
-  private changeView;
-  private prevPage;
-  private nextPage;
   getDateForOutput(): string;
-  recalcPosition(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

package/dist/types/components/kup-dropdown-button/kup-dropdown-button.d.ts

@@ -81,10 +81,7 @@ export declare class KupDropdownButton {
    * List element (dropdown menu).
    */
   private listEl;
-  /**
-   * List anchor point.
-   */
-  private wrapperEl;
+  private clickCb;
   /**
    * Triggered when the primary button loses focus.
    */

package/dist/types/components/kup-list/kup-list-declarations.d.ts

@@ -12,7 +12,7 @@ export declare enum KupListProps {
   filter = "Keeps string for filtering elements when filter mode is active",
   hideText = "Hides rows' text, ideally to display a list of icons only.",
   isMenu = "Defines whether the list is a menu or not.",
-  keyboardNavigation = "When true, enables items' navigation through keys. Defaults to false when the component's isMenu prop is set to true.",
+  keyboardNavigation = "When true, enables items' navigation through arrow keys.",
   menuVisible = "Sets the status of the menu, when false it's hidden otherwise it's visible.",
   roleType = "Defines the type of selection. Values accepted: listbox, radiogroup or group.",
   selectable = "Defines whether items are selectable or not.",

package/dist/types/components/kup-list/kup-list.d.ts

@@ -49,9 +49,8 @@ export declare class KupList {
    */
   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;
   /**

package/dist/types/components/kup-magic-box/kup-magic-box.d.ts

@@ -29,6 +29,7 @@ export declare class KupMagicBox {
    * Element which enables the drag on move feature.
    */
   private dragHandler;
+  private wrapperRef;
   /**
    * Used to retrieve component's props values.
    * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.

package/dist/types/components/kup-paginator/kup-paginator.d.ts

@@ -2,6 +2,12 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { KupPaginatorPageChangedEventPayload, KupPaginatorRowsPerPageChangedEventPayload, PaginatorMode } from './kup-paginator-declarations';
 export declare class KupPaginator {
   rootElement: HTMLElement;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
   currentPage: number;
   max: number;
   mode: PaginatorMode;

package/dist/types/components/kup-snackbar/kup-snackbar-declarations.d.ts

@@ -0,0 +1,12 @@
+export declare const snackbarClass = "snackbar";
+/**
+ * Props of the kup-snackbar component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupSnackbarProps {
+  actionButton = "Set of FButton props to set the action button.",
+  closeButton = "When true, the hide button will be displayed.",
+  customStyle = "Custom style of the component.",
+  text = "Sets the textual content of the snackbar.",
+  timeout = "Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."
+}

package/dist/types/components/kup-snackbar/kup-snackbar.d.ts

@@ -0,0 +1,79 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { KupEventPayload } from '../../types/GenericTypes';
+import { GenericObject } from '../../types/GenericTypes';
+import { FButtonProps } from '../../f-components/f-button/f-button-declarations';
+export declare class KupSnackbar {
+  /**
+   * References the root HTML element of the component (<kup-snackbar>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * The value of the component.
+   * @default false
+   */
+  visible: boolean;
+  /**
+   * 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;
+  /**
+   * 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;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Triggered when action button is clicked.
+   */
+  kupActionClick: EventEmitter<KupEventPayload>;
+  onKupActionClick(): void;
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} 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 {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  /**
+   * Displays the snackbar.
+   */
+  show(): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components/kup-text-field/kup-text-field-declarations.d.ts

@@ -1,4 +1,4 @@
-import { KupEventPayload } from "../../types/GenericTypes";
+import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-text-field component.
  * Used to export every prop in an object.
@@ -9,6 +9,7 @@ export declare enum KupTextFieldProps {
   emitSubmitEventOnEnter = "When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.",
   fullWidth = "When set to true, the component will be rendered at full width.",
   helper = "When set, its content will be shown as a help text below the field.",
+  helperEnabled = "When true, the helper will be displayed.",
   helperWhenFocused = "When set, the helper will be shown only when the field is focused.",
   icon = "When set, the text-field will show this icon.",
   initialValue = "Sets the initial value of the component",

package/dist/types/components/kup-text-field/kup-text-field.d.ts

@@ -37,6 +37,11 @@ export declare class KupTextField {
    * @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

package/dist/types/components/kup-time-picker/kup-time-picker.d.ts

@@ -56,10 +56,10 @@ export declare class KupTimePicker {
   private hoursActive;
   private minutesActive;
   private secondsActive;
+  private textFieldContainerEl;
   private textfieldEl;
-  private pickerContainerEl;
-  private pickerEl;
-  private pickerOpened;
+  private pickerKupEl;
+  private clickCb;
   kupBlur: EventEmitter<KupTimePickerEventPayload>;
   kupChange: EventEmitter<KupTimePickerEventPayload>;
   kupClick: EventEmitter<KupTimePickerEventPayload>;
@@ -70,15 +70,14 @@ export declare class KupTimePicker {
   kupTextFieldSubmit: EventEmitter<KupTimePickerEventPayload>;
   kupClearIconClick: EventEmitter<KupEventPayload>;
   onKupTimePickerItemClick(e: CustomEvent, value?: string): void;
-  onKupClearIconClick(e: MouseEvent): void;
+  onKupClearIconClick(): void;
   onKupBlur(): void;
-  onKupTextFieldBlur(e: any): void;
-  onKupChange(e: CustomEvent): void;
-  onKupClick(e: UIEvent): void;
-  onKupFocus(e: UIEvent): void;
-  onKupInput(e: CustomEvent): void;
-  onKupTextFieldSubmit(e: CustomEvent): void;
-  onKupIconClick(e: UIEvent): void;
+  onKupChange(e: InputEvent): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(e: InputEvent): void;
+  onKupTextFieldSubmit(e: KeyboardEvent): void;
+  onKupIconClick(): void;
   listenKeyup(e: KeyboardEvent): void;
   watchTimeMinutesStep(): void;
   /**
@@ -112,26 +111,17 @@ export declare class KupTimePicker {
   refreshPickerValue(eventDetailValue: string, eventToRaise: EventEmitter): void;
   setPickerValueSelected(newValue?: string): void;
   getPickerValueSelected(): string;
-  setTextFieldInitalValue(value: string): void;
   getValueForPickerComponent(): string;
   openPicker(): void;
   closePicker(): void;
   isPickerOpened(): boolean;
   getTextFieldId(): string;
   getPickerElId(): string;
-  prepTimeTextfield(): any;
   prepTextfield(initialValue: string): any;
   isRelatedTargetInThisComponent(e: any): boolean;
-  private setTimeFromClock;
-  private createClock;
-  private switchView;
-  private setClockViewActive;
-  private buildClock;
-  private setClockTime;
   prepTimePicker(): any;
   private createTimeListData;
   getTimeForOutput(): string;
-  recalcPosition(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

package/dist/types/components/kup-tooltip/kup-tooltip.d.ts

@@ -71,6 +71,7 @@ export declare class KupTooltip {
   private firstLoad;
   private _mouseIsOn;
   private waitingServerResponse;
+  private clickCb;
   /**
    * This method is used to trigger a new render of the component.
    */

package/dist/types/components/kup-tree/kup-tree-declarations.d.ts

@@ -78,14 +78,14 @@ export declare const treeMainColumnName = "TREE_COLUMN";
 /**
  * Contains all the data of an event.
  */
-export interface EventHandlerDetails {
+export interface KupTreeEventHandlerDetails {
   area: string;
   cell: Cell;
   column: Column;
   filterRemove: HTMLSpanElement;
   row: Row;
-  td: HTMLTableDataCellElement;
-  th: HTMLTableHeaderCellElement;
+  td: HTMLElement;
+  th: HTMLElement;
   tr: HTMLTableRowElement;
 }
 export declare enum KupTreeExpansionMode {
@@ -110,7 +110,7 @@ export interface KupTreeNodeButtonClickEventPayload extends KupTreeNodeCollapseE
   auto: boolean;
 }
 export interface KupTreeContextMenuEventPayload extends KupEventPayload {
-  details: EventHandlerDetails;
+  details: KupTreeEventHandlerDetails;
 }
 export interface KupTreeColumnMenuEventPayload extends KupEventPayload {
   card: HTMLKupCardElement;