@sme.up/ketchup 4.0.0 → 4.2.0-SNAPSHOT

package/dist/ketchup/p-ff7d590e.entry.js

@@ -0,0 +1 @@
+import{r,c as a,f as o,h as t,H as n,g as i}from"./p-cb5f4994.js";import{k as s}from"./p-f6bff949.js";import{g as p,s as b}from"./p-4748be4b.js";import{c as e}from"./p-ad2e21d2.js";var v,l;!function(r){r.customStyle="Custom style of the component.",r.image="Image displayed by the nav bar, uses the kup-image component's props.",r.label="Text displayed by the nav bar.",r.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",r.styling="Defines the style of the nav bar"}(v||(v={})),function(r){r.SHORT="short",r.STANDARD="standard"}(l||(l={}));let u=class{constructor(o){r(this,o),this.kupNavbarReady=a(this,"kup-navbar-ready",6),this.kupNavbarResize=a(this,"kup-navbar-resize",6),this.customStyle="",this.styling=l.STANDARD,this.kupManager=s()}async getProps(r){return p(this,v,r)}async refresh(){o(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(r){b(this,v,r)}content(){const r=Array.prototype.slice.call(this.rootElement.children,0),a=[],o=[];for(let n=0;n<r.length;n++)"left"===r[n].slot?a.push(t("slot",{name:"left"})):o.push(t("slot",{name:"right"}));return[t("section",{class:"nav-bar__section nav-bar__section--align-start"},a),t("section",{class:"nav-bar__section nav-bar__section--align-end",role:"toolbar"},o)]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return t(n,{class:"header"},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:e},t("header",{class:`nav-bar nav-bar--${this.styling.toLowerCase()} `},t("div",{class:"nav-bar__row"},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};u.style=":host{--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_padding:var(--kup-navbar-padding, 8px 12px);--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup-navbar-background-color);box-shadow:var(--kup_navbar_box_shadow);box-sizing:border-box;color:var(--kup-navbar-color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-primary-color:var(--kup-navbar-color);--kup-textfield-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}";export{u as kup_nav_bar}

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

@@ -4,7 +4,6 @@ import { KupEventPayload } from '../../types/GenericTypes';
  * Used to export every prop in an object.
  */
 export declare enum KupAutocompleteProps {
-  callBackOnFilterUpdate = "Function that can be invoked when the filter is updated, but only if in serverHandledFilter mode. It returns the items filtered.",
   customStyle = "Custom style of the component.",
   data = "Props of the sub-components.",
   disabled = "Defaults at false. When set to true, the component is disabled.",
@@ -12,7 +11,8 @@ export declare enum KupAutocompleteProps {
   initialValue = "Sets the initial value of the component.",
   minimumChars = "The minimum number of chars to trigger the autocomplete.",
   selectMode = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".",
-  serverHandledFilter = "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."
+  serverHandledFilter = "When true, the items filter is managed server side, otherwise items filter is done client side.",
+  showDropDownIcon = "When true shows the drop-down icon, for open list."
 }
 /**
  * The available display modes for the autocomplete component.
@@ -25,7 +25,3 @@ export declare enum KupAutocompleteDisplayMode {
 export interface KupAutocompleteEventPayload extends KupEventPayload {
   value: any;
 }
-export interface kupAutocompleteFilterChangedEventPayload extends KupEventPayload {
-  filter: string;
-  matchesMinimumCharsRequired: boolean;
-}

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupAutocompleteEventPayload, kupAutocompleteFilterChangedEventPayload } from './kup-autocomplete-declarations';
+import { KupAutocompleteEventPayload } from './kup-autocomplete-declarations';
 import { ItemsDisplayMode } from '../kup-list/kup-list-declarations';
 export declare class KupAutocomplete {
   /**
@@ -9,14 +9,6 @@ export declare class KupAutocomplete {
   rootElement: HTMLElement;
   displayedValue: string;
   value: string;
-  /**
-   * 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 ""
@@ -48,10 +40,13 @@ export declare class KupAutocomplete {
    */
   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;
   private doConsistencyCheck;
   private elStyle;
   private listEl;
@@ -61,6 +56,7 @@ export declare class KupAutocomplete {
   private kupManager;
   private textfieldWrapper;
   private textfieldEl;
+  private clickCb;
   kupBlur: EventEmitter<KupAutocompleteEventPayload>;
   kupChange: EventEmitter<KupAutocompleteEventPayload>;
   kupClick: EventEmitter<KupAutocompleteEventPayload>;
@@ -68,7 +64,6 @@ export declare class KupAutocomplete {
   kupInput: EventEmitter<KupAutocompleteEventPayload>;
   kupIconClick: EventEmitter<KupAutocompleteEventPayload>;
   kupItemClick: EventEmitter<KupAutocompleteEventPayload>;
-  kupFilterChanged: EventEmitter<kupAutocompleteFilterChangedEventPayload>;
   onKupBlur(e: UIEvent & {
     target: HTMLInputElement;
   }): void;
@@ -118,7 +113,6 @@ export declare class KupAutocomplete {
    * @param {string} value - Value of the component.
    */
   setValue(value: string): Promise<void>;
-  private handleFilterChange;
   private openList;
   private closeList;
   private isListOpened;

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

@@ -1,6 +1,7 @@
 import { Cell, Column, RowAction } from '../kup-data-table/kup-data-table-declarations';
 import { KupBadge } from '../kup-badge/kup-badge';
-import { GenericObject, Identifiable, KupEventPayload } from '../../types/GenericTypes';
+import { Identifiable, KupEventPayload } from '../../types/GenericTypes';
+import { FCellShapes } from '../../f-components/f-cell/f-cell-declarations';
 /**
  * Props of the kup-box component.
  * Used to export every prop in an object.
@@ -65,12 +66,11 @@ export interface Section {
   collapsible?: boolean;
   columns?: number;
   title?: string;
-  cssClass?: string;
 }
 export interface BoxObject {
   column?: string;
   value?: string;
-  shape?: string;
+  shape?: FCellShapes;
   config?: any;
 }
 export interface CollapsedSectionsState {
@@ -86,6 +86,15 @@ export interface KupBoxKanban {
   labels?: Array<Array<string>>;
   size?: string;
 }
+/**
+ * Contains all the data of an event.
+ */
+export interface KupBoxEventHandlerDetails {
+  boxObject: HTMLElement;
+  cell: Cell;
+  column: Column;
+  row: KupBoxRow;
+}
 export interface KupBoxClickEventPayload extends KupEventPayload {
   row: KupBoxRow;
   column?: string;
@@ -102,5 +111,5 @@ export interface KupBoxRowActionClickEventPayload extends KupEventPayload {
   index: number;
 }
 export interface KupBoxContextMenuEventPayload extends KupEventPayload {
-  details: GenericObject;
+  details: KupBoxEventHandlerDetails;
 }

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

@@ -56,6 +56,11 @@ export declare class KupBox {
    * @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
@@ -175,7 +180,12 @@ export declare class KupBox {
   private tooltip;
   private globalFilterTimeout;
   private boxContainer;
-  private iconPaths;
+  private sectionRef;
+  private rowsRefs;
+  private hold;
+  private interactableDrag;
+  private interactableDrop;
+  private interactableTouch;
   /**
    * Triggered when a box is clicked
    */
@@ -249,10 +259,6 @@ export declare class KupBox {
   private toggleSectionExpand;
   private onRowAction;
   private onRowActionClick;
-  private onSectionDragOver;
-  private onSectionDragLeave;
-  private addMultiSelectDragImageToEvent;
-  private searchParentWithClass;
   /**
    * see onDocumentClick in kup-combo
    */
@@ -264,7 +270,6 @@ export declare class KupBox {
   private renderRow;
   private renderSection;
   private renderBoxObject;
-  private getIconPath;
   /**
    * Prepares the kanban sections by sorting the boxlist's data.
    * @returns {{jsx: VNode[], style: { [index: string]: string }}} jsx contains the virtual nodes of the Kanban sections, style contains the grid CSS settings.
@@ -276,6 +281,8 @@ export declare class KupBox {
     };
   };
   renderTooltip(): any;
+  didLoadInteractables(): void;
+  didRenderInteractables(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

package/dist/types/components/kup-card/dialog/kup-card-dialog.d.ts

@@ -30,3 +30,9 @@ export declare function create4(component: KupCard): VNode;
  * @returns {VNode} 1st standard layout virtual node.
  */
 export declare function create5(component: KupCard): VNode;
+/**
+ * 6th dialog card layout, a datatable or a spinner in its place.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st standard layout virtual node.
+ */
+export declare function create6(component: KupCard): VNode;

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

@@ -73,11 +73,20 @@ export declare class KupCard {
    * Triggered when the card is clicked.
    */
   kupClick: EventEmitter<KupEventPayload>;
+  /**
+   * Triggered when a dialog card is closed with the "X".
+   */
+  kupClose: EventEmitter<KupEventPayload>;
   /**
    * Triggered when a sub-component of the card emits an event.
    */
   kupEvent: EventEmitter<KupCardEventPayload>;
+  /**
+   * Triggered when the component is ready.
+   */
+  kupReady: EventEmitter<KupEventPayload>;
   onKupClick(id: string): void;
+  onKupClose(id: string): void;
   onKupEvent(e: CustomEvent): void;
   /**
    * Used to retrieve component's props values.

package/dist/types/components/kup-card/standard/kup-card-standard.d.ts

@@ -84,3 +84,9 @@ export declare function create13(component: KupCard): VNode;
  * @returns {VNode} 14th standard layout virtual node.
  */
 export declare function create14(component: KupCard): VNode;
+/**
+ * 15th standard card layout, it can be used as a tooltip.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 15th standard layout virtual node.
+ */
+export declare function create15(component: KupCard): VNode;

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

@@ -0,0 +1,10 @@
+/**
+ * Props of the kup-cell component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupCellProps {
+  customStyle = "Custom style of the component.",
+  data = "The data of the cell.",
+  density = "The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",
+  dragEnabled = "When set to true, the component is draggable."
+}

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

@@ -0,0 +1,67 @@
+import { GenericObject } from '../../types/GenericTypes';
+import { Cell } from '../kup-data-table/kup-data-table-declarations';
+import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
+export declare class KupCell {
+  /**
+   * References the root HTML element of the component (<kup-text-field>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * 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;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Adds the given CSS classes to the cell's data.
+   * @param {string[]} classes - Array of CSS classes.
+   */
+  addCssClasses(classes?: string[]): Promise<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>;
+  /**
+   * 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 {string[]} classes - Array of CSS classes.
+   */
+  removeCssClasses(classes?: string[]): 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>;
+  private didRenderInteractables;
+  private generateColumn;
+  private generateRow;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -40,9 +40,9 @@ export declare class KupColorPicker {
    */
   kupManager: KupManager;
   private anchorEl;
-  dropdownEl: HTMLElement;
   private picker;
   private textfieldEl;
+  private clickCb;
   kupChange: EventEmitter<KupColorPickerEventPayload>;
   /**
    * Used to retrieve component's props values.

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

@@ -1,4 +1,4 @@
-import { KupEventPayload } from "../../types/GenericTypes";
+import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-combobox component.
  * Used to export every prop in an object.
@@ -10,7 +10,8 @@ export declare enum KupComboboxProps {
   displayMode = "Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".",
   initialValue = "Sets the initial value of the component",
   isSelect = "Lets the combobox behave as a select element.",
-  selectMode = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\"."
+  selectMode = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".",
+  showDropDownIcon = "When true shows the drop-down icon, for open list."
 }
 export interface KupComboboxEventPayload extends KupEventPayload {
   value: any;

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

@@ -36,6 +36,10 @@ export declare class KupCombobox {
    * 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;
   /**
    * Instance of the KupManager class.
    */
@@ -44,6 +48,7 @@ export declare class KupCombobox {
   private listEl;
   private textfieldWrapper;
   private textfieldEl;
+  private clickCb;
   kupBlur: EventEmitter<KupComboboxEventPayload>;
   kupChange: EventEmitter<KupComboboxEventPayload>;
   kupClick: EventEmitter<KupComboboxEventPayload>;

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

@@ -11,6 +11,10 @@ export declare class KupDashList {
   valueColor: Array<any>;
   textColor: Array<any>;
   data: TableData;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
   dashClick: EventEmitter<{
     idx: number;
   }>;

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

@@ -1,3 +1,4 @@
+import { FCellInfo, FCellShapes } from '../../f-components/f-cell/f-cell-declarations';
 import { Identifiable, KupEventPayload } from '../../types/GenericTypes';
 import { KupObj } from '../../utils/kup-objects/kup-objects-declarations';
 import { KupCardEventPayload } from '../kup-card/kup-card-declarations';
@@ -6,6 +7,7 @@ import { KupCardEventPayload } from '../kup-card/kup-card-declarations';
  * Used to export every prop in an object.
  */
 export declare enum KupDataTableProps {
+  autoFillMissingCells = "When true and when a row is missing some columns, the missing cells will be autogenerated.",
   customStyle = "Custom style of the component.",
   data = "The data of the table.",
   density = "The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.",
@@ -13,8 +15,8 @@ export declare enum KupDataTableProps {
   dropEnabled = "Enables drop.",
   editableData = "When set to true, editable cells will be rendered using input components.",
   emptyDataLabel = "Defines the label to show when the table is empty.",
-  enableExtraColumns = "Enables adding extra columns.",
   enableSortableColumns = "Enables the sorting of columns by dragging them into different columns.",
+  enableExtraColumns = "Enables adding extra columns.",
   expandGroups = "Expands groups when set to true.",
   filters = "List of filters set by the user.",
   fixedColumns = "Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedRows.",
@@ -35,6 +37,7 @@ export declare enum KupDataTableProps {
   pageSelected = "Current selected page set on component load",
   paginatorPos = "Sets the position of the paginator. Available positions: top, bottom or both.",
   removableColumns = "Sets the possibility to remove the selected column.",
+  resizableColumns = "Gives the possibility to resize columns by dragging on their right edge.",
   rowActions = "Sets the actions of the rows.",
   rowsPerPage = "Sets the number of rows per page to display.",
   scrollOnHover = "Activates the scroll on hover function.",
@@ -73,27 +76,18 @@ export interface Cell {
   data?: CellData;
   displayedValue?: string;
   icon?: string;
-  info?: KupCellInfo;
+  info?: FCellInfo;
   isEditable?: boolean;
-  obj?: {
-    t: string;
-    p: string;
-    k: string;
-  };
-  shape?: string;
+  obj?: KupObj;
+  shape?: FCellShapes;
+  span?: KupDatatableCellSpan;
   style?: GenericMap;
+  styleContent?: GenericMap;
   title?: string;
 }
-/**
- * Information about the cell, displayed before the content.
- *
- * @export
- * @interface KupCellInfo
- */
-export interface KupCellInfo {
-  color?: string;
-  icon?: string;
-  message: string;
+export interface KupDatatableCellSpan {
+  col: number;
+  row: number;
 }
 export interface CellsHolder {
   [index: string]: Cell;
@@ -103,7 +97,6 @@ export interface Column {
   title: string;
   size?: string;
   visible?: boolean;
-  clickable?: boolean;
   hideValuesRepetitions?: boolean;
   obj?: {
     t: string;
@@ -111,13 +104,15 @@ export interface Column {
     k: string;
   };
   objs?: KupObj[];
-  shape?: string;
+  shape?: FCellShapes;
   decimals?: number;
   icon?: string;
   formula?: string;
   valuesForFilter?: string[];
   isKey?: boolean;
   children?: ColumnChild[];
+  cssClass?: string;
+  style?: GenericMap;
 }
 export interface ColumnChild {
   name: string;
@@ -249,17 +244,17 @@ export declare const totalMenuOpenID = "TOMEOPID";
 /**
  * Contains all the data of an event.
  */
-export interface EventHandlerDetails {
+export interface KupDatatableEventHandlerDetails {
   area: string;
   cell: Cell;
   column: Column;
-  filterRemove: HTMLSpanElement;
+  filterRemove: HTMLElement;
   isGroupRow: boolean;
   row: Row;
-  td: HTMLTableDataCellElement;
+  td: HTMLElement;
   textfield: HTMLElement;
-  th: HTMLTableHeaderCellElement;
-  tr: HTMLTableRowElement;
+  th: HTMLElement;
+  tr: HTMLElement;
 }
 /**
  * Constants for mocked/premade columns created by data mutations.
@@ -281,14 +276,8 @@ export interface KupDatatableRowSelectedEventPayload extends KupEventPayload {
   clickedRow: Row;
   clickedColumn: string;
 }
-export interface KupDatatableCellUpdateEventPayload extends KupEventPayload {
-  cell: Cell;
-  column: Column;
-  row: Row;
-  event: any;
-}
 export interface KupDatatableClickEventPayload extends KupEventPayload {
-  details: EventHandlerDetails;
+  details: KupDatatableEventHandlerDetails;
 }
 export interface KupDatatableColumnMenuEventPayload extends KupEventPayload {
   card: HTMLKupCardElement;

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-state.d.ts

@@ -6,8 +6,8 @@ export declare class KupDataTableState implements KupState {
   expandGroups: boolean;
   groupLabelDisplay: GroupLabelDisplayMode;
   density: string;
-  enableExtraColumns: boolean;
   enableSortableColumns: boolean;
+  enableExtraColumns: boolean;
   forceOneLine: boolean;
   globalFilter: boolean;
   globalFilterValue: string;