@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

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

@@ -69,6 +69,9 @@ export declare class KupCard {
    * Prevents multiple scaling callbacks when the card is scalable.
    */
   private scalingActive;
+  private componentWrapper;
+  private colorPicker;
+  private firstColorPickerChange;
   /**
    * Triggered when the card is clicked.
    */
@@ -122,10 +125,14 @@ export declare class KupCard {
    */
   getLayout(): VNode;
   /**
-   * This method will trigger whenever the card's render() hook occurs or when the size changes (through KupManager), in order to manage the more complex layout families.
-   * It will also update any dynamic color handled by the selected layout.
+   * This method is invoked by the layout manager when the layout family is dialog.
+   * It will "dialogify" the card.
    */
   dialog(): void;
+  /**
+   * This method is invoked by the layout manager when the layout family is built-in.
+   */
+  builtIn(): void;
   /**
    * This method will trigger whenever the card's render() hook occurs or when the size changes (through KupManager), in order to manage the more complex layout families.
    * It will also update any dynamic color handled by the selected layout.

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

@@ -1,6 +1,6 @@
 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';
+import { KupDataCell } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupCell {
   /**
    * References the root HTML element of the component (<kup-text-field>).
@@ -16,7 +16,7 @@ export declare class KupCell {
    * The data of the cell.
    * @default false
    */
-  data: Cell;
+  data: KupDataCell;
   /**
    * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.
    */
@@ -62,6 +62,6 @@ export declare class KupCell {
   componentDidLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
-  disconnectedCallback(): void;
   render(): any;
+  disconnectedCallback(): void;
 }

package/dist/types/components/kup-chart/kup-chart-builder.d.ts

@@ -1,7 +1,7 @@
-import { Column, DataTable } from '../kup-data-table/kup-data-table-declarations';
-export declare function getSerieDecode(serie: string, series: Column[]): string;
-export declare const convertColumns: (data: DataTable, { series, axis }: {
+import { KupDataColumn, KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
+export declare function getSerieDecode(serie: string, series: KupDataColumn[]): string;
+export declare const convertColumns: (data: KupDataDataset, { series, axis }: {
   series: any;
   axis: any;
-}) => Column[];
-export declare const convertRows: (data: any, columns: Column[], showMarks: boolean) => any[];
+}) => KupDataColumn[];
+export declare const convertRows: (data: any, columns: KupDataColumn[], showMarks: boolean) => any[];

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

@@ -1,5 +1,5 @@
+import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { Column, Row } from '../kup-data-table/kup-data-table-declarations';
 /**
  * Props of the kup-card component.
  * Used to export every prop in an object.
@@ -55,8 +55,8 @@ export interface ChartAxisViewWindow {
 }
 export interface KupChartClickEvent extends KupEventPayload {
   datetime?: string;
-  column?: Column;
-  row?: Row;
+  column?: KupDataColumn;
+  row?: KupDataRow;
   rowindex?: number;
   colindex?: number;
 }

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ChartType, ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, KupChartClickEvent, KupChartTrendlines, KupChartSort } from './kup-chart-declarations';
-import { DataTable } from '../kup-data-table/kup-data-table-declarations';
 import { GenericObject } from '../../types/GenericTypes';
+import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupChart {
   /**
    * References the root HTML element of the component (<kup-chart>).
@@ -37,7 +37,7 @@ export declare class KupChart {
    * The actual data of the chart.
    * @default undefined
    */
-  data: DataTable;
+  data: KupDataDataset;
   /**
    * Customize the hAxis.
    * @default undefined

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

@@ -1,4 +1,5 @@
-import { KupEventPayload } from "../../types/GenericTypes";
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-chip component.
  * Used to export every prop in an object.
@@ -8,7 +9,9 @@ export declare enum KupChipProps {
   data = "List of elements.",
   type = "The type of chip. Available types: input, filter, choice or empty for default."
 }
+export interface KupChipNode extends KupDataNode {
+  checked?: boolean;
+}
 export interface KupChipEventPayload extends KupEventPayload {
-  index: number;
-  value: string;
+  chip: KupChipNode;
 }

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

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { FChipData, FChipType } from '../../f-components/f-chip/f-chip-declarations';
-import { KupChipEventPayload } from './kup-chip-declarations';
+import { FChipType } from '../../f-components/f-chip/f-chip-declarations';
+import { KupChipEventPayload, KupChipNode } from './kup-chip-declarations';
 import { GenericObject } from '../../types/GenericTypes';
-import { TreeNode } from '../kup-tree/kup-tree-declarations';
+import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupChip {
   /**
    * References the root HTML element of the component (<kup-chip>).
@@ -18,12 +18,7 @@ export declare class KupChip {
    * List of elements.
    * @default []
    */
-  data: FChipData[];
-  /**
-   * List of elements.
-   * @default []
-   */
-  dataNew: TreeNode[];
+  data: KupChipNode[];
   /**
    * The type of chip. Available types: input, filter, choice or empty for default.
    * @default FChipType.STANDARD
@@ -49,10 +44,11 @@ export declare class KupChip {
    * Triggered when the removal icon on input chips is clicked.
    */
   kupIconClick: EventEmitter<KupChipEventPayload>;
-  onKupBlur(i: number): void;
-  onKupClick(i: number): void;
-  onKupFocus(i: number): void;
-  onKupIconClick(i: number): void;
+  onKupBlur(chip: KupChipNode): void;
+  onKupClick(chip: KupChipNode): void;
+  onKupFocus(chip: KupChipNode): void;
+  onKupIconClick(chip: KupChipNode): void;
+  checkDataset(newData: KupChipNode[] | KupDataDataset): 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.

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { KupManager } from '../../utils/kup-manager/kup-manager';
+import { KupManager } from '../../managers/kup-manager/kup-manager';
 import type { GenericObject } from '../../types/GenericTypes';
 import { KupColorPickerEventPayload } from './kup-color-picker-declarations';
 export declare class KupColorPicker {
@@ -39,10 +39,10 @@ export declare class KupColorPicker {
    * Instance of the KupManager class.
    */
   kupManager: KupManager;
-  private anchorEl;
+  private card;
+  private clickCb;
   private picker;
   private textfieldEl;
-  private clickCb;
   kupChange: EventEmitter<KupColorPickerEventPayload>;
   /**
    * Used to retrieve component's props values.
@@ -74,6 +74,10 @@ export declare class KupColorPicker {
    */
   refresh(): Promise<void>;
   private setHexValue;
+  private createCard;
+  private openPicker;
+  closePicker(): void;
+  isPickerOpened(): boolean;
   private prepTextField;
   componentWillLoad(): void;
   componentDidLoad(): void;

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

@@ -15,4 +15,8 @@ export declare enum KupComboboxProps {
 }
 export interface KupComboboxEventPayload extends KupEventPayload {
   value: any;
+  inputValue: any;
+}
+export interface KupComboboxIconClickEventPayload extends KupComboboxEventPayload {
+  open: boolean;
 }

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

@@ -1,8 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { GenericObject } from '../../types/GenericTypes';
-import { ItemsDisplayMode } from '../kup-list/kup-list-declarations';
-import { KupComboboxEventPayload } from './kup-combobox-declarations';
+import { ItemsDisplayMode, KupListEventPayload } from '../kup-list/kup-list-declarations';
+import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from './kup-combobox-declarations';
 export declare class KupCombobox {
+  #private;
   rootElement: HTMLElement;
   displayedValue: string;
   value: string;
@@ -40,39 +41,21 @@ export declare class KupCombobox {
    * When true shows the drop-down icon, for open list.
    */
   showDropDownIcon: boolean;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  private elStyle;
-  private listEl;
-  private textfieldWrapper;
-  private textfieldEl;
-  private clickCb;
   kupBlur: EventEmitter<KupComboboxEventPayload>;
   kupChange: EventEmitter<KupComboboxEventPayload>;
   kupClick: EventEmitter<KupComboboxEventPayload>;
   kupFocus: EventEmitter<KupComboboxEventPayload>;
   kupInput: EventEmitter<KupComboboxEventPayload>;
-  kupIconClick: EventEmitter<KupComboboxEventPayload>;
+  kupIconClick: EventEmitter<KupComboboxIconClickEventPayload>;
   kupItemClick: EventEmitter<KupComboboxEventPayload>;
   onKupBlur(): void;
-  onKupChange(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupClick(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupFocus(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupInput(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupIconClick(event: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupItemClick(e: CustomEvent): void;
+  onKupChange(value: string): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(): void;
+  onKupIconClick(): void;
+  onKupItemClick(e: CustomEvent<KupListEventPayload>): void;
+  initialValueChange(newValue: string): void;
   listenKeydown(e: KeyboardEvent): void;
   /**
    * Used to retrieve component's props values.
@@ -103,11 +86,6 @@ export declare class KupCombobox {
    * @param {string} value - Value to be set.
    */
   setValue(value: string): Promise<void>;
-  openList(): void;
-  closeList(): void;
-  isListOpened(): boolean;
-  consistencyCheck(e?: CustomEvent, valueIn?: string): void;
-  prepList(): any;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { TableData } from '../kup-data-table/kup-data-table-declarations';
+import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupDashList {
   layout: string;
   fontsize: string;
@@ -10,7 +10,7 @@ export declare class KupDashList {
   iconColor: Array<any>;
   valueColor: Array<any>;
   textColor: Array<any>;
-  data: TableData;
+  data: KupDataDataset;
   /**
    * Instance of the KupManager class.
    */

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

@@ -1,7 +1,7 @@
-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 { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
 import { KupCardEventPayload } from '../kup-card/kup-card-declarations';
+import { KupDataCell, KupDataColumn, KupDataRow, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
 /**
  * Props of the kup-data-table component.
  * Used to export every prop in an object.
@@ -15,8 +15,10 @@ 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.",
-  enableSortableColumns = "Enables the sorting of columns by dragging them into different columns.",
+  enableColumnsFormula = "Enables the choice to set formulas on columns by dragging them into different columns.",
+  enableMergeColumns = "Enables the merging of columns by dragging them into different columns.",
   enableExtraColumns = "Enables adding extra columns.",
+  enableSortableColumns = "Enables the sorting of columns by dragging them into different 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.",
@@ -62,99 +64,35 @@ export declare enum KupDataTableProps {
   tooltipEnabled = "Enable show tooltip",
   totals = "Defines the current totals options."
 }
-export interface DataTable {
-  columns?: Array<Column>;
-  rows?: Array<Row>;
-}
-export interface CellData {
-  [index: string]: any;
-}
-export interface Cell {
-  value: string;
-  cardID?: number;
-  cssClass?: string;
-  data?: CellData;
-  displayedValue?: string;
-  icon?: string;
-  info?: FCellInfo;
-  isEditable?: boolean;
-  obj?: KupObj;
-  shape?: FCellShapes;
-  span?: KupDatatableCellSpan;
-  style?: GenericMap;
-  styleContent?: GenericMap;
-  title?: string;
-}
-export interface KupDatatableCellSpan {
-  col: number;
-  row: number;
-}
-export interface CellsHolder {
-  [index: string]: Cell;
-}
-export interface Column {
-  name: string;
-  title: string;
-  size?: string;
-  visible?: boolean;
-  hideValuesRepetitions?: boolean;
-  obj?: {
-    t: string;
-    p: string;
-    k: string;
-  };
-  objs?: KupObj[];
-  shape?: FCellShapes;
-  decimals?: number;
-  icon?: string;
-  formula?: string;
-  valuesForFilter?: string[];
-  isKey?: boolean;
-  children?: ColumnChild[];
-  cssClass?: string;
-  style?: GenericMap;
+export interface KupDataTableDataset {
+  columns?: KupDataColumn[];
+  rows?: KupDataTableRow[];
 }
-export interface ColumnChild {
-  name: string;
-  obj: {
-    t: string;
-    p: string;
-    k: string;
-  };
-  icon?: string;
-}
-export interface Row extends Identifiable {
-  cells: CellsHolder;
-  actions?: Array<RowAction>;
-  group?: RowGroup;
-  readOnly?: boolean;
-  cssClass?: string;
-  name?: string;
+export interface KupDataTableRow extends KupDataRow {
+  cells?: KupDataTableRowCells;
+  group?: KupDataTableRowGroup;
   unselectable?: boolean;
 }
-export interface RowGroup {
-  id: string;
-  parent: Row;
+export interface KupDataTableRowGroup {
+  children: Array<KupDataTableRow>;
   column: string;
   columnLabel: string;
   expanded: boolean;
+  id: string;
   label: string;
-  children: Array<Row>;
-  obj: {
-    t: string;
-    p: string;
-    k: string;
-  };
-  totals: {
-    [index: string]: any;
-  };
+  obj: KupObj;
+  parent: KupDataTableRow;
+  totals: GenericObject;
 }
-export interface TableData {
-  columns?: Array<Column>;
-  rows?: Array<Row>;
+export interface KupDataTableRowCells {
+  [index: string]: KupDataTableCell;
 }
-export interface GenericMap {
-  [index: string]: string;
+export interface KupDataTableCell extends KupDataCell {
+  span?: KupDataTableCellSpan;
+}
+export interface KupDataTableCellSpan {
+  col: number;
+  row: number;
 }
 export interface SortObject {
   column: string;
@@ -196,10 +134,6 @@ export interface GroupObject {
   column: string;
   visible: boolean;
 }
-export interface RowAction {
-  text: string;
-  icon: string;
-}
 export declare enum ShowGrid {
   NONE = "None",
   ROW = "Row",
@@ -246,11 +180,11 @@ export declare const totalMenuOpenID = "TOMEOPID";
  */
 export interface KupDatatableEventHandlerDetails {
   area: string;
-  cell: Cell;
-  column: Column;
+  cell: KupDataTableCell;
+  column: KupDataColumn;
   filterRemove: HTMLElement;
   isGroupRow: boolean;
-  row: Row;
+  row: KupDataRow;
   td: HTMLElement;
   textfield: HTMLElement;
   th: HTMLElement;
@@ -269,16 +203,23 @@ export declare enum SelectionMode {
   NONE = "none"
 }
 export interface KupDatatableAutoRowSelectEventPayload extends KupEventPayload {
-  selectedRow: Row;
+  selectedRow: KupDataRow;
 }
 export interface KupDatatableRowSelectedEventPayload extends KupEventPayload {
-  selectedRows: Array<Row>;
-  clickedRow: Row;
+  selectedRows: Array<KupDataRow>;
+  clickedRow: KupDataRow;
   clickedColumn: string;
 }
 export interface KupDatatableClickEventPayload extends KupEventPayload {
   details: KupDatatableEventHandlerDetails;
 }
+export interface KupDatatableColumnMoveEventPayload extends KupEventPayload {
+  sourceColumn: KupDataColumn;
+  targetColumn: KupDataColumn;
+}
+export interface KupDatatableColumnRemoveEventPayload extends KupEventPayload {
+  column: KupDataColumn;
+}
 export interface KupDatatableColumnMenuEventPayload extends KupEventPayload {
   card: HTMLKupCardElement;
   event: CustomEvent<KupCardEventPayload | KupEventPayload>;
@@ -286,18 +227,18 @@ export interface KupDatatableColumnMenuEventPayload extends KupEventPayload {
 }
 export interface KupDatatableOptionClickEventPayload extends KupEventPayload {
   column: string;
-  row: Row;
+  row: KupDataRow;
 }
 export interface KupDatatableRowActionClickEventPayload extends KupEventPayload {
   type: 'default' | 'variable' | 'expander';
-  row: Row;
-  action?: RowAction;
+  row: KupDataRow;
+  action?: KupDataRowAction;
   index?: number;
 }
 export interface KupDataTableCellButtonClickEventPayload extends KupEventPayload {
-  cell: Cell;
-  column: Column;
-  row: Row;
+  cell: KupDataTableCell;
+  column: KupDataColumn;
+  row: KupDataRow;
 }
 export interface KupDatatableLoadMoreClickEventPayload extends KupEventPayload {
   loadItems: number;

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

@@ -1,8 +1,9 @@
-import { Row, SortObject, GroupObject, TotalMode, TotalsMap, Column } from './kup-data-table-declarations';
+import { SortObject, GroupObject, TotalMode, TotalsMap, KupDataTableRow } 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';
-export declare function sortRows(rows?: Array<Row>, sort?: Array<SortObject>): Array<Row>;
+import { KupDataColumn } from '../../managers/kup-data/kup-data-declarations';
+export declare function sortRows(rows?: Array<KupDataTableRow>, sort?: Array<SortObject>): Array<KupDataTableRow>;
 /**
  * Filters the rows data of a data-table component according to the parameters
  *
@@ -13,16 +14,12 @@ export declare function sortRows(rows?: Array<Row>, sort?: Array<SortObject>): A
  * @todo This function can be improved in its speed by a refactor in which from two different cycles of execution for
  *    single filters and global filter, all controls on a single column are done in a single cycle.
  */
-export declare function filterRows(rows?: Array<Row>, filters?: GenericFilter, globalFilter?: string, columns?: Column[], columnFilters?: FiltersColumnMenu, filtersRows?: FiltersRows): Array<Row>;
-export declare function groupRows(columns?: Column[], rows?: Row[], groups?: GroupObject[], totals?: TotalsMap): Array<Row>;
-export declare function evaluateFormula(formula: string, row: {
-  [index: string]: number;
-}): number;
-export declare function evaluateString(f: string): any;
-export declare function normalizeRows(columns: Array<Column>, rows: Array<Row>): Array<Row>;
-export declare function calcTotals(rows?: Array<Row>, totals?: {
+export declare function filterRows(rows?: Array<KupDataTableRow>, filters?: GenericFilter, globalFilter?: string, columns?: KupDataColumn[], columnFilters?: FiltersColumnMenu, filtersRows?: FiltersRows): Array<KupDataTableRow>;
+export declare function groupRows(columns?: KupDataColumn[], rows?: KupDataTableRow[], groups?: GroupObject[], totals?: TotalsMap): Array<KupDataTableRow>;
+export declare function normalizeRows(columns: Array<KupDataColumn>, rows: Array<KupDataTableRow>): Array<KupDataTableRow>;
+export declare function calcTotals(rows?: Array<KupDataTableRow>, totals?: {
   [index: string]: TotalMode;
 }): {
   [index: string]: number;
 };
-export declare function paginateRows(rows: Row[], currentPage: number, rowsPerPage: number, areGrouped: boolean): Row[];
+export declare function paginateRows(rows: KupDataTableRow[], currentPage: number, rowsPerPage: number, areGrouped: boolean): KupDataTableRow[];