@sme.up/ketchup 4.0.0 → 4.2.0

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

@@ -0,0 +1,153 @@
+import type { VNode } from '../../stencil-public-runtime';
+import type { Cell, Column, Row } from '../../components/kup-data-table/kup-data-table-declarations';
+import type { FComponent, KupEventPayload } from '../../types/GenericTypes';
+export declare const autoAlignComps: string[];
+/**
+ * Props of the f-cell component.
+ */
+export interface FCellProps extends FComponent {
+  cell?: Cell;
+  column?: Column;
+  component?: unknown;
+  density?: FCellPadding;
+  editable?: boolean;
+  indents?: VNode[];
+  previousValue?: string;
+  renderKup?: boolean;
+  row?: Row;
+  setSizes?: boolean;
+  shape?: FCellShapes;
+}
+/**
+ * Information about the cell, displayed before the content.
+ */
+export interface FCellInfo {
+  color?: string;
+  icon?: string;
+  message: string;
+}
+/**
+ * Supported cell events.
+ */
+export declare enum FCellEvents {
+  CLICK = "kup-cell-click",
+  INPUT = "kup-cell-input",
+  UPDATE = "kup-cell-update"
+}
+/**
+ * Supported cell padding.
+ */
+export declare enum FCellPadding {
+  DENSE = "dense",
+  MEDIUM = "medium",
+  NONE = "",
+  WIDE = "wide"
+}
+/**
+ * Supported cell CSS classes.
+ */
+export declare enum FCellClasses {
+  BG_DANGER = "danger-bg",
+  BG_GREEN = "green-bg",
+  BG_GREY = "grey-bg",
+  BG_ORANGE = "orange-bg",
+  BG_PURPLE = "purple-bg",
+  BG_SUCCESS = "success-bg",
+  BG_TEAL = "teal-bg",
+  BG_WARNING = "warning-bg",
+  C_BG_DANGER = "c-danger-bg",
+  C_BG_GREEN = "c-green-bg",
+  C_BG_GREY = "c-grey-bg",
+  C_BG_ORANGE = "c-orange-bg",
+  C_BG_PURPLE = "c-purple-bg",
+  C_BG_SUCCESS = "c-success-bg",
+  C_BG_TEAL = "c-teal-bg",
+  C_BG_WARNING = "c-warning-bg",
+  C_CENTERED = "c-centered",
+  C_FITTED = "c-fitted",
+  C_PADDED = "c-padded",
+  C_PADDED_HOR = "c-padded-hor",
+  C_PADDED_VER = "c-padded-ver",
+  C_ROUND = "c-round",
+  C_RIGHT_ALIGNED = "c-right-aligned",
+  C_SHAPED = "c-shaped",
+  C_TEXT_VERTICAL = "c-vertical-text",
+  CLICKABLE = "clickable",
+  HOVER_DISPLAY = "display-on-hover",
+  HOVER_EXPAND = "expand-on-hover",
+  HOVER_REDUCE = "reduce-on-hover",
+  INDICATOR_TOPRIGHT = "top-right-indicator",
+  LINK = "link",
+  MONOSPACE = "monospace",
+  OBJ = "obj",
+  SHAPED = "shaped",
+  TEXT_DANGER = "danger-text",
+  TEXT_INFO = "info-text",
+  TEXT_PRIMARY = "primary-text",
+  TEXT_PURPLE = "purple-text",
+  TEXT_SECONDARY = "secondary-text",
+  TEXT_STRONG = "strong-text",
+  TEXT_SUCCESS = "success-text",
+  TEXT_WARNING = "warning-text",
+  UNDERLINED = "underlined"
+}
+/**
+ * Supported cell shapes.
+ */
+export declare enum FCellShapes {
+  AUTOCOMPLETE = "ACP",
+  BUTTON_LIST = "BTN",
+  CHART = "GRA",
+  CHECKBOX = "CHK",
+  CHIP = "CHI",
+  COLOR_PICKER = "CLP",
+  COMBOBOX = "CMB",
+  EDITOR = "EDT",
+  GAUGE = "GAU",
+  IMAGE = "IMG",
+  KNOB = "KNB",
+  PROGRESS_BAR = "PGB",
+  RADIO = "RAD",
+  RATING = "RTG",
+  TEXT_FIELD = "ITX"
+}
+/**
+ * Supported cell types.
+ */
+export declare enum FCellTypes {
+  AUTOCOMPLETE = "autocomplete",
+  BAR = "bar",
+  BUTTON = "button",
+  BUTTON_LIST = "button-list",
+  CHART = "chart",
+  CHECKBOX = "checkbox",
+  CHIP = "chips",
+  COLOR_PICKER = "color-picker",
+  COMBOBOX = "combobox",
+  DATE = "date",
+  DATETIME = "datetime",
+  EDITOR = "editor",
+  GAUGE = "gauge",
+  ICON = "icon",
+  IMAGE = "image",
+  KNOB = "knob",
+  LINK = "link",
+  NUMBER = "number",
+  PROGRESS_BAR = "progress-bar",
+  RADIO = "radio",
+  RATING = "rating",
+  STRING = "string",
+  TIME = "time"
+}
+export declare const editableTypes: FCellTypes[];
+export declare const kupTypes: FCellTypes[];
+/**
+ * Payload of the event fired when a cell is updated.
+ */
+export interface FCellEventPayload extends KupEventPayload {
+  cell: Cell;
+  column: Column;
+  event: CustomEvent | InputEvent;
+  row: Row;
+  type: FCellTypes;
+}

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

@@ -0,0 +1,3 @@
+import { FCellProps } from './f-cell-declarations';
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare const FCell: FunctionalComponent<FCellProps>;

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

@@ -7,6 +7,7 @@ export interface FTextFieldProps extends FComponent {
   fullHeight?: boolean;
   fullWidth?: boolean;
   helper?: string;
+  helperEnabled?: boolean;
   helperWhenFocused?: boolean;
   icon?: string;
   inputType?: string;

package/dist/types/f-components/f-text-field/f-text-field-mdc.d.ts

@@ -1,6 +1,6 @@
 /**
  * Instantiates Material Design text field component.
- * @param el - Must be the f-component wrapper (.f-text-field--wrapper)
+ * @param el - Must be the f-component wrapper (.f-text-field)
  * @see https://material-components.github.io/material-components-web-catalog/#/component/text-field
  */
 export declare function FTextFieldMDC(el: HTMLElement): void;

package/dist/types/utils/cell-utils.d.ts

@@ -1,24 +1,5 @@
 import { Cell, Column, SortMode } from '../components/kup-data-table/kup-data-table-declarations';
-import { BoxObject } from '../components/kup-box/kup-box-declarations';
 import { ValueDisplayedValue } from './filters/filters-declarations';
-export declare function getShape(cell: Cell, boxObject?: BoxObject): string;
-export declare function getValue(cell: Cell, boxObject: BoxObject): string;
-export declare function getFromConfig(cell: Cell, boxObject: BoxObject, propName: string): any;
-export declare function isProgressBar(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isChip(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isImage(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isCombo(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isAutocomplete(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isInputText(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isEditor(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isRating(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isColor(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isChart(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isRadio(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isGauge(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isKnob(cell: Cell, boxObject: BoxObject): boolean;
-export declare function isButtonList(cell: Cell): boolean;
-export declare function getCellType(cell: Cell): "string" | "number" | "date" | "button" | "link" | "time" | "image" | "btn" | "bar" | "chart" | "checkbox" | "color-picker" | "gauge" | "knob" | "icon" | "progress-bar" | "radio" | "rating" | "chips" | "datetime" | "text-field";
 export declare function getCellValueForDisplay(column: Column, cell: Cell): string;
 export declare function getValueForDisplay2(values: ValueDisplayedValue, column?: Column): string;
 export declare function formatToNumber(cell: Cell): number;

package/dist/types/utils/kup-column-menu/kup-column-menu.d.ts

@@ -1,6 +1,7 @@
 import type { KupCardData } from '../../components/kup-card/kup-card-declarations';
 import type { GenericObject } from '../../types/GenericTypes';
 import type { KupDataTable } from '../../components/kup-data-table/kup-data-table';
+import type { KupManagerClickCb } from '../kup-manager/kup-manager-declarations';
 import type { KupTooltip } from '../../components/kup-tooltip/kup-tooltip';
 import type { KupTree } from '../../components/kup-tree/kup-tree';
 import type { Column } from '../../components/kup-data-table/kup-data-table-declarations';
@@ -12,6 +13,7 @@ import { FiltersRows } from '../filters/filters-rows';
  * @module KupColumnMenu
  */
 export declare class KupColumnMenu {
+  clickCb: KupManagerClickCb;
   filtersColumnMenuInstance: FiltersColumnMenu;
   filtersRowsInstance: FiltersRows;
   /**

package/dist/types/utils/kup-dates/kup-dates.d.ts

@@ -5,29 +5,34 @@ import 'dayjs/locale/it';
 import 'dayjs/locale/pl';
 import 'dayjs/locale/ru';
 import 'dayjs/locale/zh';
-import { KupDatesNormalize } from './kup-dates-declarations';
+import { KupDatesLocales, KupDatesNormalize } from './kup-dates-declarations';
 /**
  * Handles operations and formatting of dates.
  * @module KupDates
  */
 export declare class KupDates {
   dayjs: Function;
-  locale: string;
+  locale: KupDatesLocales;
   /**
    * Initializes KupDates.
    */
-  constructor(locale?: string);
+  constructor(locale?: KupDatesLocales);
   /**
    * Sets the locale from the browser or from a given argument.
    * @returns {string} Locale string.
    * @see https://github.com/iamkun/dayjs/issues/732
    */
-  setLocale(locale?: string): string;
+  setLocale(locale?: KupDatesLocales): string;
   /**
    *
    * @returns the current locale
    */
   getLocale(): string;
+  /**
+   * Gets the available locales.
+   * @returns {Array<KupDatesLocales>} Array of locales' names.
+   */
+  getLocales(): Array<KupDatesLocales>;
   /**
    * Formats the given date.
    * @param {dayjs.ConfigType} input - Date to be formatted.

package/dist/types/utils/kup-debug/kup-debug.d.ts

@@ -1,7 +1,7 @@
 import type { GenericObject } from '../../types/GenericTypes';
 import { KupDebugCategory, KupDebugLog } from './kup-debug-declarations';
 /**
- * Debugging suite, used to log messages and statuses from the Ketch.UP components.
+ * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
  */
 export declare class KupDebug {

package/dist/types/utils/kup-dynamic-position/kup-dynamic-position-declarations.d.ts

@@ -18,7 +18,7 @@ export declare type KupDynamicPositionAnchor = HTMLElement | KupDynamicPositionC
  * Fixed position element.
  */
 export interface KupDynamicPositionElement extends HTMLElement {
-  kupDynamicPosition: {
+  kupDynamicPosition?: {
     anchor: KupDynamicPositionAnchor;
     detach: boolean;
     margin: number;

package/dist/types/utils/kup-dynamic-position/kup-dynamic-position.d.ts

@@ -29,9 +29,9 @@ export declare class KupDynamicPosition {
   /**
    * Changes the anchor point of the given element.
    * @param {KupDynamicPositionElement} elements - Dynamically positioned element previously registered.
-   * @param {HTMLElement} anchorEl - New anchor point.
+   * @param {KupDynamicPositionAnchor} anchorEl - New anchor point.
    */
-  changeAnchor(el: KupDynamicPositionElement, anchorEl: HTMLElement): void;
+  changeAnchor(el: KupDynamicPositionElement, anchorEl: KupDynamicPositionAnchor): void;
   /**
    * Removes the element from dynamic position management.
    * @param {KupDynamicPositionElement[]} elements - Elements to remove from the managed elements set.

package/dist/types/utils/kup-interact/kup-interact-declarations.d.ts

@@ -0,0 +1,127 @@
+import type { DropEvent, InteractEvent } from '@interactjs/types/index';
+import type { ResizeEvent } from '@interactjs/actions/resize/plugin';
+import { KupBoxRow } from '../../components/kup-box/kup-box-declarations';
+import { Cell, Column, Row } from '../../components/kup-data-table/kup-data-table-declarations';
+/**
+ * HTML Attribute attached to dialogs.
+ * Referenced by kup-theme.css
+ */
+export declare const kupDialogAttribute = "kup-dialog";
+/**
+ * CSS class attached to resizable dialogs.
+ * Referenced by kup-theme.css
+ */
+export declare const kupDialogResizableClass = "kup-resizable";
+/**
+ * Drag & drop variables.
+ */
+export declare const kupDropEvent: string;
+export declare const kupDragActiveAttr: string;
+export declare const kupDragOverAttr: string;
+export declare const kupDraggableAttr: string;
+export declare const kupDraggableCellAttr: string;
+export declare const kupDraggableColumnAttr: string;
+export declare const kupDraggableRowAttr: string;
+/**
+ * Interface for drag & drop elements.
+ */
+export interface KupDraggableElement extends HTMLElement {
+  kupDragDrop: KupDraggablePayload;
+}
+/**
+ * Drag and drop data transfer.
+ */
+export interface KupDraggablePayload extends KupDropEventSource {
+  ghostImage?: HTMLElement;
+}
+/**
+ * Available effects fro dragging.
+ */
+export declare enum KupDragEffect {
+  BADGE = "badge",
+  CLONE = "clone",
+  MOVE = "move",
+  NONE = "none"
+}
+/**
+ * Supported types of pointer events.
+ */
+export declare enum KupPointerEventTypes {
+  DOUBLETAP = "doubletap",
+  HOLD = "hold",
+  TAP = "tap"
+}
+/**
+ * Additional callbacks to be made when the related drag event fires.
+ */
+export interface KupDragCallbacks {
+  end?: (e?: InteractEvent) => void;
+  move?: (e?: InteractEvent) => void;
+  start?: (e?: InteractEvent) => void;
+}
+/**
+ * Additional callbacks to be made when the related drop event fires.
+ */
+export interface KupDropCallbacks {
+  drop?: (e?: DropEvent) => void;
+  enter?: (e?: DropEvent) => void;
+  leave?: (e?: DropEvent) => void;
+}
+/**
+ * Additional callbacks to be made when the related resize event fires.
+ */
+export interface KupResizeCallbacks {
+  move?: (e?: ResizeEvent) => void;
+}
+/**
+ * Defines the additional data of the drag event.
+ */
+export declare type KupDragDataTransferCallback = (e?: InteractEvent) => KupDropEventSource;
+export interface KupDragEventData {
+  callback?: KupDragDataTransferCallback;
+}
+/**
+ * Defines the additional data of the drop event.
+ */
+export declare type KupDropDataTransferCallback = (e?: DropEvent) => KupDropEventTarget;
+export interface KupDropEventData {
+  callback?: KupDropDataTransferCallback;
+  dispatcher: HTMLElement;
+  type: KupDropEventTypes;
+}
+/**
+ * Supported types of drop event.
+ */
+export declare enum KupDropEventTypes {
+  BOX = "text/kup-box-drag",
+  DATATABLE = "text/kup-data-table-row-drag",
+  MAGICBOX = "text/kup-magic-box-drag"
+}
+/**
+ * Drop event payload.
+ */
+export interface KupDropEventPayload {
+  dataType: KupDropEventTypes;
+  sourceElement: KupDropEventSource;
+  targetElement: KupDropEventTarget;
+}
+/**
+ * Source of the drop event payload.
+ */
+export interface KupDropEventSource {
+  cell?: Cell;
+  column?: Column;
+  id?: string;
+  multiple?: boolean;
+  row?: Row | KupBoxRow;
+  selectedRows?: Row[] | KupBoxRow[];
+}
+/**
+ * Target of the drop event payload.
+ */
+export interface KupDropEventTarget {
+  id?: string;
+  row?: Row | KupBoxRow;
+  cell?: Cell;
+  column?: Column;
+}

package/dist/types/utils/kup-interact/kup-interact.d.ts

@@ -0,0 +1,93 @@
+import type { Interaction } from '@interactjs/core/Interaction';
+import type { ActionMap } from '@interactjs/core/scope';
+import type { DraggableOptions, DropzoneOptions, ListenersArg, Point, RectResolvable, ResizableOptions } from '@interactjs/types/index';
+import { KupDragCallbacks, KupDragEffect, KupDragEventData, KupDropCallbacks, KupDropEventData, KupPointerEventTypes, KupResizeCallbacks } from './kup-interact-declarations';
+/**
+ * This class handles elements as dialogs, making them resizable and movable.
+ * @module KupInteract
+ */
+export declare class KupInteract {
+  container: HTMLElement;
+  managedElements: Set<HTMLElement>;
+  restrictContainer: RectResolvable<[
+    number,
+    number,
+    Interaction<keyof ActionMap>
+  ]>;
+  zIndex: number;
+  /**
+   * Initializes KupInteract.
+   * @param {number} zIndex - The starting z-index assigned to dialogs.
+   * @param {RectResolvable<[number, number, Interaction<keyof ActionMap>]>} restrictContainer - The container setting the restriction's boundary.
+   */
+  constructor(zIndex?: number, restrictContainer?: RectResolvable<[
+    number,
+    number,
+    Interaction<keyof ActionMap>
+  ]>);
+  /**
+   * Sets up a new draggable element.
+   * @param {HTMLElement} el - The draggable element.
+   * @param {Partial<DraggableOptions>} options - Options of the draggable element.
+   * @param {KupDragEventData} eventData - Property used to transfer data for the drop event. The callback is used to return information of the starting item - such as cell, column and row info.
+   * @param {KupDragEffect} effect - Visual effect of the drag action.
+   * @param {KupDragCallbacks} callbacks - Additional callbacks to invoke.
+   * @see https://interactjs.io/docs/action-options/ For more options
+   */
+  draggable(el: HTMLElement, options?: Partial<DraggableOptions>, eventData?: KupDragEventData, effect?: KupDragEffect, callbacks?: KupDragCallbacks): void;
+  /**
+   * Sets up a new dropzone.
+   * @param {HTMLElement} el - The dropzone element.
+   * @param {DropzoneOptions} options - Options of the dropzone.
+   * @param {KupDropEventData} eventData - Argument used to transfer data for the drop event. The callback is used to return information of the receiving item - such as cell, column and row info.
+   * @param {KupDropCallbacks} callbacks - Additional callbacks to invoke.
+   * @see https://interactjs.io/docs/action-options/ For more options
+   */
+  dropzone(el: HTMLElement, options?: DropzoneOptions, eventData?: KupDropEventData, callbacks?: KupDropCallbacks): void;
+  /**
+   * Sets up a new resizable element.
+   * @param {HTMLElement} el - The resizable element.
+   * @param {Partial<ResizableOptions>} options - Options of the resize action.
+   * @param {KupResizeCallbacks} callbacks - Additional callbacks to invoke.
+   * @param {boolean} moveOnResize - When true, the element will be moved when resizing in order to keep its position.
+   * @see https://interactjs.io/docs/action-options/ For more options
+   */
+  resizable(el: HTMLElement, options?: Partial<ResizableOptions>, callbacks?: KupResizeCallbacks, moveOnResize?: boolean): void;
+  /**
+   * Adds a new interact.js event listener to the given argument.
+   * @param {HTMLElement} el - The element on which the event listener will be added.
+   * @param {KupPointerEventTypes} event - Supported events.
+   * @param {KupResizeCallbacks} callback - Callback to invoke when the event fires.
+   */
+  on(el: HTMLElement, event: KupPointerEventTypes, callback: ListenersArg): void;
+  /**
+   * This method checks whether the element is breaking the viewport boundaries.
+   * @param {HTMLElement} el - Element to check.
+   * @param {string} oldTransform - Previously set transform, used to rollback in case element breaks viewport boundaries.
+   * @param {Point} delta - X and Y delta values of the last movement.
+   */
+  isInViewport(el: HTMLElement, oldTransform: string, delta: Point): boolean;
+  /**
+   * This method treats the given element as a dialog, by activating moving-on-drag and, optionally, its resize.
+   * @param {HTMLElement} el - Dialog element.
+   * @param {HTMLElement} handleEl - Element that must be dragged in order to trigger movement. When not provided, dragging anywhere on "el" will move it.
+   * @param {boolean} unresizable - When true, the dialog can't be resized.
+   * @param {RectResolvable<[number, number, Interaction<keyof ActionMap>]>} restrictContainer - When present, it will set the constraint of "el": it can't be moved outside this container.
+   */
+  dialogify(el: HTMLElement, handleEl?: HTMLElement, unresizable?: boolean, restrictContainer?: RectResolvable<[
+    number,
+    number,
+    Interaction<keyof ActionMap>
+  ]>): void;
+  /**
+   * Removes the elements from the MoveOnDrag class watchlist.
+   * @param {HTMLElement[]} elements - Elements to remove.
+   */
+  unregister(elements: HTMLElement[]): void;
+  /**
+   * Returns whether an element was previously registered or not.
+   * @param {HTMLElement} el - Element to test.
+   * @returns {boolean} True if the element was registered.
+   */
+  isRegistered(el: HTMLElement): boolean;
+}

package/dist/types/utils/kup-language/kup-language-declarations.d.ts

@@ -67,6 +67,7 @@ export declare enum KupLanguageDebug {
   DL_PROPS = "debugDLProps",
   DL_PROPS_COMP = "debugDLPropsComp",
   LANGUAGE_CHANGER = "debugLanguageChanger",
+  LOCALE_CHANGER = "debugLocaleChanger",
   LOG_LIMIT = "debugLogLimit",
   MAGIC_BOX = "debugMagicBox",
   OFF = "debugOff",
@@ -104,6 +105,7 @@ export declare enum KupLanguageGeneric {
   EDITABLE = "genericEditable",
   EDITABLE_FIELD = "genericEditableField",
   EMPTY_DATA = "genericEmptyData",
+  EMPTY_OBJECT = "genericEmptyObject",
   EXPAND = "genericExpand",
   EXPERIMENTAL_FEAT = "genericExperimentalFeat",
   FILTERS = "genericFilters",

package/dist/types/utils/kup-language/kup-language.d.ts

@@ -23,7 +23,7 @@ export declare class KupLanguage {
    */
   translate(key: KupLanguageKey, language?: string): string;
   /**
-   * Changes the current Ketch.UP language to the one provided. If the language argument contains a "_", a combo of language and variant will be assumed.
+   * Changes the current Ketchup language to the one provided. If the language argument contains a "_", a combo of language and variant will be assumed.
    * @param {string} language - The new language. If not present in this.list, this function will keep the previous language.
    */
   set(language: string): void;

package/dist/types/utils/kup-manager/kup-manager-declarations.d.ts

@@ -1,7 +1,10 @@
+import type { Interaction } from '@interactjs/core/Interaction';
+import type { ActionMap } from '@interactjs/core/scope';
+import type { RectResolvable } from '@interactjs/types/index';
 import type { KupDates } from '../kup-dates/kup-dates';
 import type { KupDebug } from '../kup-debug/kup-debug';
-import type { KupDialog } from '../kup-dialog/kup-dialog';
 import type { KupDynamicPosition } from '../kup-dynamic-position/kup-dynamic-position';
+import type { KupInteract } from '../kup-interact/kup-interact';
 import type { KupLanguage } from '../kup-language/kup-language';
 import type { KupLanguageJSON } from '../kup-language/kup-language-declarations';
 import type { KupObjects } from '../kup-objects/kup-objects';
@@ -11,8 +14,10 @@ import type { KupTheme } from '../kup-theme/kup-theme';
 import type { KupThemeJSON } from '../kup-theme/kup-theme-declarations';
 import type { KupToolbar } from '../kup-toolbar/kup-toolbar';
 import type { ResizeObserver } from 'resize-observer';
+import { KupDatesLocales } from '../kup-dates/kup-dates-declarations';
+import { KupSearch } from '../kup-search/kup-search';
 /**
- * Interface used to define the HTML element with Ketch.UP specific properties.
+ * Interface used to define the HTML element with Ketchup specific properties.
  */
 export interface KupDom extends HTMLHtmlElement {
   ketchup: KupManager;
@@ -24,36 +29,46 @@ export interface KupDom extends HTMLHtmlElement {
 export interface KupManager {
   dates: KupDates;
   debug: KupDebug;
-  dialog: KupDialog;
   dynamicPosition: KupDynamicPosition;
+  interact: KupInteract;
   language: KupLanguage;
   magicBox: HTMLKupMagicBoxElement;
   objects: KupObjects;
   overrides?: KupManagerInitialization;
   resize: ResizeObserver;
   scrollOnHover: KupScrollOnHover;
+  search: KupSearch;
   theme: KupTheme;
   toolbar: KupToolbar;
   utilities: KupManagerUtilities;
   showMagicBox: () => void;
   hideMagicBox: () => void;
   toggleMagicBox: () => void;
-  setLibraryLocalization: (locale: string) => void;
+  setLibraryLocalization: (locale: KupDatesLocales) => void;
+  addClickCallback: (cb: KupManagerClickCb, async?: boolean) => void;
+  removeClickCallback: (cb: KupManagerClickCb) => void;
 }
 /**
  * Interface for the KupManager utilities.
  */
 export interface KupManagerUtilities {
-  lastPointerDownPath?: EventTarget[];
+  clickCallbacks?: Set<KupManagerClickCb>;
   lastPointerDownString?: string;
 }
+/**
+ * Interface to declare callbacks automatically invoked on pointer down events.
+ */
+export interface KupManagerClickCb {
+  cb: () => unknown;
+  el?: HTMLElement;
+}
 /**
  * Interface for the KupManager override settings.
  */
 export interface KupManagerInitialization {
   dates?: KupManagerDatesSettings;
   debug?: KupManagerDebugSettings;
-  dialog?: KupManagerDialogSettings;
+  interact?: KupManagerInteractSettings;
   language?: KupManagerLanguageSettings;
   objects?: KupManagerObjectsSettings;
   scrollOnHover?: KupManagerScrollOnHoverSettings;
@@ -63,7 +78,7 @@ export interface KupManagerInitialization {
  * KupDates initialization settings.
  */
 export interface KupManagerDatesSettings {
-  locale?: string;
+  locale?: KupDatesLocales;
 }
 /**
  * KupDebug initialization settings.
@@ -76,7 +91,12 @@ export interface KupManagerDebugSettings {
 /**
  * KupDialog initialization settings.
  */
-export interface KupManagerDialogSettings {
+export interface KupManagerInteractSettings {
+  restrictContainer?: RectResolvable<[
+    number,
+    number,
+    Interaction<keyof ActionMap>
+  ]>;
   zIndex?: number;
 }
 /**