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

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

@@ -1,4 +1,4 @@
-import { Column } from '../kup-data-table/kup-data-table-declarations';
+import { KupDataColumn } from '../../managers/kup-data/kup-data-declarations';
 import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-accordion component.
@@ -13,7 +13,7 @@ export declare enum KupAccordionProps {
  * Data of the accordion.
  */
 export interface KupAccordionData {
-  columns: Column[];
+  columns: KupDataColumn[];
 }
 export interface KupAccordionItemSelectedEventPayload extends KupEventPayload {
   itemName: string;

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

@@ -4,11 +4,13 @@ import { KupEventPayload } from '../../types/GenericTypes';
  * Used to export every prop in an object.
  */
 export declare enum KupAutocompleteProps {
+  allowInconsistentValues = "When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.",
   customStyle = "Custom style of the component.",
   data = "Props of the sub-components.",
   disabled = "Defaults at false. When set to true, the component is disabled.",
   displayMode = "Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".",
   initialValue = "Sets the initial value of the component.",
+  inputDelay = "Input event emission delay in milliseconds.",
   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, the items filter is managed server side, otherwise items filter is done client side.",
@@ -24,4 +26,8 @@ export declare enum KupAutocompleteDisplayMode {
 }
 export interface KupAutocompleteEventPayload extends KupEventPayload {
   value: any;
+  inputValue: any;
+}
+export interface KupAutocompleteIconClickEventPayload extends KupAutocompleteEventPayload {
+  open: boolean;
 }

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupAutocompleteEventPayload } from './kup-autocomplete-declarations';
-import { ItemsDisplayMode } from '../kup-list/kup-list-declarations';
+import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from './kup-autocomplete-declarations';
+import { ItemsDisplayMode, KupListEventPayload } from '../kup-list/kup-list-declarations';
 export declare class KupAutocomplete {
   /**
    * References the root HTML element of the component (<kup-autocomplete>).
@@ -9,6 +9,11 @@ export declare class KupAutocomplete {
   rootElement: HTMLElement;
   displayedValue: string;
   value: string;
+  /**
+   * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.
+   * @default false
+   */
+  allowInconsistentValues: boolean;
   /**
    * Custom style of the component.
    * @default ""
@@ -17,34 +22,47 @@ export declare class KupAutocomplete {
   customStyle: string;
   /**
    * Props of the sub-components.
+   * @default undefined
    */
   data: Object;
   /**
    * Defaults at false. When set to true, the component is disabled.
+   * @default false
    */
   disabled: boolean;
   /**
    * Sets how to show the selected item value. Suported values: "code", "description", "both".
+   * @default ItemsDisplayMode.DESCRIPTION
    */
   displayMode: ItemsDisplayMode;
   /**
    * Sets the initial value of the component.
+   * @default ""
    */
   initialValue: string;
+  /**
+   * Input event emission delay in milliseconds.
+   * @default 300
+   */
+  inputDelay: number;
   /**
    * The minimum number of chars to trigger the autocomplete
+   * @default 1
    */
   minimumChars: number;
   /**
    * Sets how to return the selected item value. Suported values: "code", "description", "both".
+   * @default ItemsDisplayMode.CODE
    */
   selectMode: ItemsDisplayMode;
   /**
    * When true, the items filter is managed server side, otherwise items filter is done client side.
+   * @default false
    */
   serverHandledFilter: boolean;
   /**
    * When true shows the drop-down icon, for open list.
+   * @default true
    */
   showDropDownIcon: boolean;
   private doConsistencyCheck;
@@ -57,32 +75,21 @@ export declare class KupAutocomplete {
   private textfieldWrapper;
   private textfieldEl;
   private clickCb;
+  private inputTimeout;
   kupBlur: EventEmitter<KupAutocompleteEventPayload>;
   kupChange: EventEmitter<KupAutocompleteEventPayload>;
   kupClick: EventEmitter<KupAutocompleteEventPayload>;
   kupFocus: EventEmitter<KupAutocompleteEventPayload>;
   kupInput: EventEmitter<KupAutocompleteEventPayload>;
-  kupIconClick: EventEmitter<KupAutocompleteEventPayload>;
+  kupIconClick: EventEmitter<KupAutocompleteIconClickEventPayload>;
   kupItemClick: EventEmitter<KupAutocompleteEventPayload>;
-  onKupBlur(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupChange(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupClick(e: MouseEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupFocus(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupInput(e: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupIconClick(event: MouseEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupItemClick(e: CustomEvent): void;
+  onKupBlur(): void;
+  onKupChange(value: string): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(): void;
+  onKupIconClick(): void;
+  onKupItemClick(e: CustomEvent<KupListEventPayload>): void;
   listenKeydown(e: KeyboardEvent): void;
   /**
    * Used to retrieve component's props values.

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

@@ -1,7 +1,7 @@
-import { Cell, Column, RowAction } from '../kup-data-table/kup-data-table-declarations';
 import { KupBadge } from '../kup-badge/kup-badge';
-import { Identifiable, KupEventPayload } from '../../types/GenericTypes';
+import { KupEventPayload } from '../../types/GenericTypes';
 import { FCellShapes } from '../../f-components/f-cell/f-cell-declarations';
+import { KupDataCell, KupDataColumn, KupDataRow, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
 /**
  * Props of the kup-box component.
  * Used to export every prop in an object.
@@ -39,14 +39,10 @@ export declare enum KupBoxProps {
   tooltipLoadTimeout = "Defines the timeout for tooltip load."
 }
 export interface KupBoxData {
-  columns?: Column[];
+  columns?: KupDataColumn[];
   rows?: KupBoxRow[];
 }
-export interface KupBoxRow extends Identifiable {
-  cells: {
-    [index: string]: Cell;
-  };
-  actions?: Array<RowAction>;
+export interface KupBoxRow extends KupDataRow {
   layout?: KupBoxLayout;
   badgeData?: KupBadge[];
 }
@@ -91,8 +87,8 @@ export interface KupBoxKanban {
  */
 export interface KupBoxEventHandlerDetails {
   boxObject: HTMLElement;
-  cell: Cell;
-  column: Column;
+  cell: KupDataCell;
+  column: KupDataColumn;
   row: KupBoxRow;
 }
 export interface KupBoxClickEventPayload extends KupEventPayload {
@@ -107,7 +103,7 @@ export interface KupBoxAutoSelectEventPayload extends KupEventPayload {
 }
 export interface KupBoxRowActionClickEventPayload extends KupEventPayload {
   row: KupBoxRow;
-  action: RowAction;
+  action: KupDataRowAction;
   index: number;
 }
 export interface KupBoxContextMenuEventPayload extends KupEventPayload {

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

@@ -1,9 +1,9 @@
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
-import { RowAction } from '../kup-data-table/kup-data-table-declarations';
 import { KupBoxRow, KupBoxLayout, KupBoxKanban, KupBoxClickEventPayload, KupBoxSelectedEventPayload, KupBoxAutoSelectEventPayload, KupBoxRowActionClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData } from './kup-box-declarations';
 import { KupBoxState } from './kup-box-state';
 import { KupStore } from '../kup-state/kup-store';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import { KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupBox {
   /**
    * References the root HTML element of the component (<kup-box>).
@@ -226,7 +226,7 @@ export declare class KupBox {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   getProps(descriptions?: boolean): Promise<GenericObject>;
-  loadRowActions(row: KupBoxRow, actions: RowAction[]): Promise<void>;
+  loadRowActions(row: KupBoxRow, actions: KupDataRowAction[]): Promise<void>;
   /**
    * This method is used to trigger a new render of the component.
    */
@@ -263,8 +263,8 @@ export declare class KupBox {
    * see onDocumentClick in kup-combo
    */
   private clickFunction;
-  private handlePageChanged;
-  private handleRowsPerPageChanged;
+  private handlePageChange;
+  private handleRowsPerPageChange;
   private adjustPaginator;
   private renderSectionAsCard;
   private renderRow;

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

@@ -1,4 +1,5 @@
-import { KupEventPayload } from '../../types/GenericTypes';
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-button-list component.
  * Used to export every prop in an object.
@@ -11,6 +12,10 @@ export declare enum KupButtonListProps {
   showSelection = "When set to true, highlights the selected button with the secondary color of KupTheme.",
   styling = "Defines the style of the buttons. Available styles are \"flat\", \"outlined\" and \"raised\" (which is the default)."
 }
+export interface KupButtonListNode extends KupDataNode {
+  children?: KupButtonListNode[];
+  data?: GenericObject;
+}
 export interface KupButtonListClickEventPayload extends KupEventPayload {
   index: string;
   subIndex: string;

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

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { GenericObject } from '../../types/GenericTypes';
 import { FButtonStyling } from '../../f-components/f-button/f-button-declarations';
-import { KupButtonListClickEventPayload } from './kup-button-list-declarations';
-import { TreeNode } from '../kup-tree/kup-tree-declarations';
+import { KupButtonListClickEventPayload, KupButtonListNode } from './kup-button-list-declarations';
+import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupButtonList {
   /**
    * References the root HTML element of the component (<kup-button-list>).
@@ -28,7 +28,7 @@ export declare class KupButtonList {
    * Props of the sub-components.
    * @default []
    */
-  data: TreeNode[];
+  data: KupButtonListNode[];
   /**
    * When set to true, the sub-components are disabled.
    * @default false
@@ -51,6 +51,7 @@ export declare class KupButtonList {
   kupClick: EventEmitter<KupButtonListClickEventPayload>;
   onKupClick(index: string, subIndex: string): void;
   onDropDownItemClick(e: CustomEvent, index: string): void;
+  checkDataset(newData: KupButtonListNode[] | 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-calendar/kup-calendar-declarations.d.ts

@@ -1,21 +1,14 @@
+import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 import { KupEventPayload } from '../../types/GenericTypes';
-import { Row } from '../kup-data-table/kup-data-table-declarations';
 /**
  * Props of the kup-calendar component.
  * Used to export every prop in an object.
  */
 export declare enum KupCalendarProps {
+  currentDate = "Sets the date of the calendar. Must be in ISO format (YYYY-MM-DD).",
   customStyle = "Custom style of the component.",
   data = " Actual data of the calendar.",
-  dateCol = "Column containing events' dates.",
-  descrCol = "Column containing events' descriptions.",
-  endCol = "Column containing events' ending time.",
   hideNavigation = "When disabled, the navigation toolbar won't be displayed.",
-  iconCol = "Column containing events' icons. There can be multiple icons, divided by ';'.",
-  imageCol = "Column containing events' images. There can be multiple images, divided by ';'.",
-  initialDate = "Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD).",
-  startCol = "Column containing events' starting time.",
-  styleCol = "Column containing events' CSS styles.",
   viewType = "Type of the view."
 }
 /**
@@ -27,11 +20,36 @@ export declare enum KupCalendarViewTypes {
   MONTH = "dayGridMonth",
   WEEK = "timeGridWeek"
 }
+/**
+ * Available view types.
+ */
+export declare enum KupCalendarOptions {
+  DATE = "date",
+  DESCR = "descr",
+  END = "end",
+  ICON = "icon",
+  IMAGE = "image",
+  START = "start",
+  STYLE = "style"
+}
+/**
+ * Calendar column.
+ */
+export interface KupCalendarColumn extends KupDataColumn {
+  calendarOption: KupCalendarOptions;
+}
+/**
+ * Dataset of the calendar.
+ */
+export interface KupCalendarData {
+  columns: KupCalendarColumn[];
+  rows: KupDataRow[];
+}
 /**
  * Events payload.
  */
 export interface KupCalendarEventClickEventPayload extends KupEventPayload {
-  row: Row;
+  row: KupDataRow;
 }
 export interface KupCalendarDateClickEventPayload extends KupEventPayload {
   date: Date;

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

@@ -1,12 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { TableData } from '../kup-data-table/kup-data-table-declarations';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from './kup-calendar-declarations';
+import { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from './kup-calendar-declarations';
 export declare class KupCalendar {
   /**
    * References the root HTML element of the component (<kup-button>).
    */
   rootElement: HTMLElement;
+  /**
+   * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD).
+   * @default null
+   */
+  currentDate: string;
   /**
    * Custom style of the component.
    * @default ""
@@ -17,52 +21,12 @@ export declare class KupCalendar {
    * Actual data of the calendar.
    * @default null
    */
-  data: TableData;
-  /**
-   * Column containing events' dates.
-   * @default null
-   */
-  dateCol: string;
-  /**
-   * Column containing events' descriptions.
-   * @default null
-   */
-  descrCol: string;
-  /**
-   * Column containing events' ending time.
-   * @default null
-   */
-  endCol: string;
+  data: KupCalendarData;
   /**
    * When disabled, the navigation toolbar won't be displayed.
    * @default false
    */
   hideNavigation: boolean;
-  /**
-   * Column containing events' icons. There can be multiple icons, divided by ";".
-   * @default null
-   */
-  iconCol: string;
-  /**
-   * Column containing events' images. There can be multiple images, divided by ";".
-   * @default null
-   */
-  imageCol: string;
-  /**
-   * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD).
-   * @default null
-   */
-  initialDate: string;
-  /**
-   * Column containing events' starting time.
-   * @default null
-   */
-  startCol: string;
-  /**
-   * Column containing events' CSS styles.
-   * @default null
-   */
-  styleCol: string;
   /**
    * Type of the view.
    * @default KupCalendarViewTypes.MONTH
@@ -73,22 +37,30 @@ export declare class KupCalendar {
   private kupManager;
   private navTitle;
   private resizeTimeout;
+  private dateCol;
+  private descrCol;
+  private endCol;
+  private iconCol;
+  private imageCol;
+  private startCol;
+  private styleCol;
   /**
    * When an event is clicked.
    */
-  kupCalendarEventClicked: EventEmitter<KupCalendarEventClickEventPayload>;
+  kupCalendarEventClick: EventEmitter<KupCalendarEventClickEventPayload>;
   /**
    * When a date is clicked.
    */
-  kupCalendarDateClicked: EventEmitter<KupCalendarDateClickEventPayload>;
+  kupCalendarDateClick: EventEmitter<KupCalendarDateClickEventPayload>;
   /**
    * When a date is dropped.
    */
-  kupCalendarEventDropped: EventEmitter<KupCalendarEventDropEventPayload>;
+  kupCalendarEventDrop: EventEmitter<KupCalendarEventDropEventPayload>;
   /**
    * When the navigation change
    */
-  kupCalendarViewChanged: EventEmitter<KupCalendarViewChangeEventPayload>;
+  kupCalendarViewChange: EventEmitter<KupCalendarViewChangeEventPayload>;
+  setCalendarData(): 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-card/built-in/kup-card-built-in.d.ts

@@ -0,0 +1,27 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { KupCard } from '../kup-card';
+/**
+ * 1st built-in layout, calendar view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st built-in layout virtual node.
+ */
+export declare function create1(component: KupCard): VNode;
+/**
+ * 2nd built-in layout, clock view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 2st built-in layout virtual node.
+ */
+export declare function create2(component: KupCard): VNode;
+/**
+ * 3rd built-in layout, column drop menu - used in data table when a column is dropped onto another one.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 3rd built-in layout virtual node.
+ */
+export declare function create3(component: KupCard): VNode;
+/**
+ * 4th built-in layout, color picker.
+ * This layout is rendered after the render cycle completes.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 4th built-in layout virtual node.
+ */
+export declare function create4(component: KupCard): VNode;

package/dist/types/components/kup-card/built-in/kup-card-column-drop-menu.d.ts

@@ -0,0 +1,3 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { KupCard } from '../kup-card';
+export declare function prepareColumnDropMenu(component: KupCard): VNode[];

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

@@ -1,8 +1,14 @@
 import { VNode } from '../../../stencil-public-runtime';
 import type { KupCard } from '../kup-card';
 /**
- * 1st free card layout, only slots.
+ * 1st free card layout, dropdown menu look.
  * @param {KupCard} component - Card component.
  * @returns {VNode} 1st standard layout virtual node.
  */
 export declare function create1(component: KupCard): VNode;
+/**
+ * 2nd free card layout, dropdown menu look with no padding.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st standard layout virtual node.
+ */
+export declare function create2(component: KupCard): VNode;

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

@@ -1,6 +1,8 @@
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupObj } from '../../utils/kup-objects/kup-objects-declarations';
+import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
 import { SourceEvent } from '../kup-date-picker/kup-date-picker-declarations';
+import Picker from 'vanilla-picker';
+import { KupDataColumn, KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 /**
  * Props of the kup-card component.
  * Used to export every prop in an object.
@@ -16,17 +18,17 @@ export declare enum KupCardProps {
   sizeY = "The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.)."
 }
 /**
- * Options prop of the kup-card calendar builtin.
+ * Options of the built-in calendar.
  */
-export interface KupCardBuiltinCalendarOptions {
+export interface KupCardBuiltInCalendarOptions {
   initialValue?: string | KupObj;
   firstDayIndex?: number;
   resetStatus: boolean;
 }
 /**
- * Data prop of the element kup-card calendar builtin.
+ * Data of the built-in calendar.
  */
-export interface KupCardBuiltinCalendarData {
+export interface KupCardBuiltInCalendarData {
   value?: Date;
   firstDayIndex?: number;
   calendarView?: SourceEvent;
@@ -35,15 +37,15 @@ export interface KupCardBuiltinCalendarData {
   year?: number;
 }
 /**
- * Html element of kup-card calendar builtin.
+ * Html element of the built-in calendar.
  */
-export interface KupCardBuiltinCalendar extends HTMLElement {
-  kupData: KupCardBuiltinCalendarData;
+export interface KupCardBuiltInCalendar extends HTMLElement {
+  kupData: KupCardBuiltInCalendarData;
 }
 /**
- * Options prop of the kup-card clock builtin.
+ * Options of the built-in clock.
  */
-export interface KupCardBuiltinClockOptions {
+export interface KupCardBuiltInClockOptions {
   initialValue?: string | KupObj;
   manageSeconds?: boolean;
   hoursActive?: boolean;
@@ -51,9 +53,31 @@ export interface KupCardBuiltinClockOptions {
   secondsActive?: boolean;
 }
 /**
- * Element ids for kup-card clock builtin.
+ * Options of the built-in column drop menu.
  */
-export declare enum KupCardBuiltinClockElements {
+export interface KupCardColumnDropMenuOptions {
+  data: KupDataDataset;
+  enableFormula: boolean;
+  enableMerge: boolean;
+  enableMove: boolean;
+  receivingColumn?: KupDataColumn;
+  starterColumn?: KupDataColumn;
+  formulaCb?: () => void;
+  mergeCb?: () => void;
+  moveCb?: () => void;
+}
+/**
+ * Options of the built-in color picker.
+ */
+export interface KupCardColorPickerOptions {
+  initialValue: string;
+  changeCb?: (color: any) => void;
+  creationCb?: (picker: Picker) => void;
+}
+/**
+ * Element ids for built-in clock.
+ */
+export declare enum KupCardBuiltInClockElements {
   CLOCK = "clockEl",
   HOURS = "hoursEl",
   MINUTES = "minutesEl",
@@ -63,9 +87,9 @@ export declare enum KupCardBuiltinClockElements {
   SECONDSCIRCLE = "secondsCircleEl"
 }
 /**
- * Data prop of the element kup-card clock builtin.
+ * Data prop of the built-in clock.
  */
-export interface KupCardBuiltinClockData {
+export interface KupCardBuiltInClockData {
   value?: string;
   manageSeconds?: boolean;
   hoursActive?: boolean;
@@ -73,10 +97,10 @@ export interface KupCardBuiltinClockData {
   secondsActive?: boolean;
 }
 /**
- * Html element of kup-card clock builtin.
+ * Html element of the built-in clock
  */
-export interface KupCardBuiltinClock extends HTMLElement {
-  kupData: KupCardBuiltinClockData;
+export interface KupCardBuiltInClock extends HTMLElement {
+  kupData: KupCardBuiltInClockData;
 }
 /**
  * Data prop of the kup-card component.
@@ -88,13 +112,14 @@ export interface KupCardData {
   checkbox?: GenericObject[];
   chip?: GenericObject[];
   color?: string[];
+  columns?: KupDataColumn[];
   combobox?: GenericObject[];
   datatable?: GenericObject[];
   datepicker?: GenericObject[];
   image?: GenericObject[];
   list?: GenericObject[];
   object?: KupObj[];
-  options?: KupCardBuiltinCalendarOptions | KupCardBuiltinClockOptions;
+  options?: KupCardBuiltInCalendarOptions | KupCardBuiltInClockOptions | KupCardColumnDropMenuOptions | KupCardColorPickerOptions;
   progressbar?: GenericObject[];
   switch?: GenericObject[];
   tabbar?: GenericObject[];
@@ -106,7 +131,7 @@ export interface KupCardData {
 /**
  * Layout families of the kup-card component.
  * @enum {string}
- * @property {string} BUILTIN - Cards belonging to this family will created automatically by library.
+ * @property {string} BUILT_IN - Cards belonging to this family will be created automatically by the library and will have premade behaviors.
  * @property {string} COLLAPSIBLE - Cards belonging to this family will display an area usable to expand the content of the card.
  * @property {string} DIALOG - Cards belonging to this family will be movable and usually closable.
  * @property {string} FREE - This family of card will only receive slots, usually already arranged from the outside style.
@@ -114,7 +139,7 @@ export interface KupCardData {
  * @property {string} STANDARD - Stndard layouts.
  */
 export declare enum KupCardFamily {
-  BUILTIN = "builtin",
+  BUILT_IN = "built-in",
   COLLAPSIBLE = "collapsible",
   DIALOG = "dialog",
   FREE = "free",
@@ -139,7 +164,7 @@ export declare enum KupCardIds {
  * Recurring CSS classes.
  */
 export declare enum KupCardCSSClasses {
-  BUILTIN_CARD = "builtin-card",
+  BUILT_IN_CARD = "built-in-card",
   CARD_VIEW = "card-view",
   CLICKABLE_LINK = "clickable-link",
   COLLAPSIBLE_ACTIVE = "collapsible-active",