@sme.up/ketchup 4.0.0 → 4.1.0

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-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';
@@ -24,8 +27,8 @@ export interface KupDom extends HTMLHtmlElement {
 export interface KupManager {
   dates: KupDates;
   debug: KupDebug;
-  dialog: KupDialog;
   dynamicPosition: KupDynamicPosition;
+  interact: KupInteract;
   language: KupLanguage;
   magicBox: HTMLKupMagicBoxElement;
   objects: KupObjects;
@@ -46,6 +49,15 @@ export interface KupManager {
 export interface KupManagerUtilities {
   lastPointerDownPath?: EventTarget[];
   lastPointerDownString?: string;
+  pointerDownCallbacks?: Set<KupManagerPointerDownCb>;
+}
+/**
+ * Interface to declare callbacks automatically invoked on pointer down events.
+ */
+export interface KupManagerPointerDownCb {
+  cb: () => unknown;
+  onlyOnce?: boolean;
+  el?: HTMLElement;
 }
 /**
  * Interface for the KupManager override settings.
@@ -53,7 +65,7 @@ export interface KupManagerUtilities {
 export interface KupManagerInitialization {
   dates?: KupManagerDatesSettings;
   debug?: KupManagerDebugSettings;
-  dialog?: KupManagerDialogSettings;
+  interact?: KupManagerInteractSettings;
   language?: KupManagerLanguageSettings;
   objects?: KupManagerObjectsSettings;
   scrollOnHover?: KupManagerScrollOnHoverSettings;
@@ -76,7 +88,12 @@ export interface KupManagerDebugSettings {
 /**
  * KupDialog initialization settings.
  */
-export interface KupManagerDialogSettings {
+export interface KupManagerInteractSettings {
+  restrictContainer?: RectResolvable<[
+    number,
+    number,
+    Interaction<keyof ActionMap>
+  ]>;
   zIndex?: number;
 }
 /**

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

@@ -1,7 +1,7 @@
 import type { KupManagerInitialization, KupManagerUtilities } from './kup-manager-declarations';
 import { KupDebug } from '../kup-debug/kup-debug';
-import { KupDialog } from '../kup-dialog/kup-dialog';
 import { KupDynamicPosition } from '../kup-dynamic-position/kup-dynamic-position';
+import { KupInteract } from '../kup-interact/kup-interact';
 import { KupLanguage } from '../kup-language/kup-language';
 import { KupObjects } from '../kup-objects/kup-objects';
 import { KupScrollOnHover } from '../kup-scroll-on-hover/kup-scroll-on-hover';
@@ -17,8 +17,8 @@ import { KupDatesLocales } from '../kup-dates/kup-dates-declarations';
 export declare class KupManager {
   dates: KupDates;
   debug: KupDebug;
-  dialog: KupDialog;
   dynamicPosition: KupDynamicPosition;
+  interact: KupInteract;
   language: KupLanguage;
   magicBox: HTMLKupMagicBoxElement;
   objects: KupObjects;

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

@@ -29,12 +29,6 @@ export declare class KupObjects {
    * @returns {boolean} True when the object has extra columns.
    */
   canObjHaveExtraColumns(obj: KupObj): boolean;
-  /**
-   * Checks whether the object can have a related tooltip or not.
-   * @param {KupObj} obj - Object to check.
-   * @returns {boolean} True when the object can have a related tooltip.
-   */
-  hasTooltip(obj: KupObj): boolean;
   /**
    * Checks whether the object represents a bar or not.
    * @param {KupObj} obj - Object to check.
@@ -166,7 +160,7 @@ export declare class KupObjects {
    * @param {KupObj} obj - Object to check.
    * @returns {boolean} True when the object is null or empty.
    */
-  isEmptySmeupObject(obj: KupObj): boolean;
+  isEmptyKupObj(obj: KupObj): boolean;
   /**
    * Parses a date depending on the object's type.
    * @param {KupObj} obj - Object to check.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "4.0.0",
+    "version": "4.1.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -40,13 +40,13 @@
         "@fullcalendar/interaction": "^5.9.0",
         "@fullcalendar/list": "^5.9.0",
         "@fullcalendar/timegrid": "^5.9.0",
-        "@justinribeiro/html5-dragdroptouch-shim": "^0.1.2",
         "@material/form-field": "^11.0.0",
         "@material/ripple": "^11.0.0",
         "@material/textfield": "^11.0.0",
         "d3-shape": "^1.3.7",
         "dayjs": "^1.10.6",
         "diagram-js": "^5.0.0",
+        "interactjs": "^1.10.11",
         "jquery": "^3.3.1",
         "lodash": "^4.17.19",
         "numeral": "^2.0.6",
@@ -54,7 +54,7 @@
         "vanilla-picker": "^2.11.0"
     },
     "devDependencies": {
-        "@stencil/core": "^2.9.0",
+        "@stencil/core": "^2.10.0",
         "@stencil/sass": "^1.4.1",
         "@types/d3-shape": "^2.1.0",
         "@types/jest": "^26.0.24",

package/dist/cjs/drag-and-drop-4787ff6f.js

@@ -1,281 +0,0 @@
-'use strict';
-
-/**
- * Props of the kup-data-table component.
- * Used to export every prop in an object.
- */
-exports.KupDataTableProps = void 0;
-(function (KupDataTableProps) {
-  KupDataTableProps["customStyle"] = "Custom style of the component.";
-  KupDataTableProps["data"] = "The data of the table.";
-  KupDataTableProps["density"] = "The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.";
-  KupDataTableProps["dragEnabled"] = "Enables drag.";
-  KupDataTableProps["dropEnabled"] = "Enables drop.";
-  KupDataTableProps["editableData"] = "When set to true, editable cells will be rendered using input components.";
-  KupDataTableProps["emptyDataLabel"] = "Defines the label to show when the table is empty.";
-  KupDataTableProps["enableExtraColumns"] = "Enables adding extra columns.";
-  KupDataTableProps["enableSortableColumns"] = "Enables the sorting of columns by dragging them into different columns.";
-  KupDataTableProps["expandGroups"] = "Expands groups when set to true.";
-  KupDataTableProps["filters"] = "List of filters set by the user.";
-  KupDataTableProps["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.";
-  KupDataTableProps["fixedRows"] = "Fixes the given number of rows so that they stay visible when vertically 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 fixedColumns.";
-  KupDataTableProps["forceOneLine"] = "Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling.";
-  KupDataTableProps["globalFilter"] = "When set to true it activates the global filter.";
-  KupDataTableProps["globalFilterValue"] = "The value of the global filter.";
-  KupDataTableProps["groupLabelDisplay"] = "How the label of a group must be displayed. For available values";
-  KupDataTableProps["groups"] = "The list of groups.";
-  KupDataTableProps["headerIsPersistent"] = "When set to true the header will stick on top of the table when scrolling.";
-  KupDataTableProps["isFocusable"] = "When set to true, clicked-on rows will have a visual feedback.";
-  KupDataTableProps["lazyLoadRows"] = "When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled.";
-  KupDataTableProps["lineBreakCharacter"] = "Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.";
-  KupDataTableProps["loadMoreLimit"] = "Sets a maximum limit of new records which can be required by the load more functionality.";
-  KupDataTableProps["loadMoreMode"] = "Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.";
-  KupDataTableProps["loadMoreStep"] = "The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.";
-  KupDataTableProps["multiSelection"] = "When set to true enables rows multi selection.";
-  KupDataTableProps["pageSelected"] = "Current selected page set on component load";
-  KupDataTableProps["paginatorPos"] = "Sets the position of the paginator. Available positions: top, bottom or both.";
-  KupDataTableProps["removableColumns"] = "Sets the possibility to remove the selected column.";
-  KupDataTableProps["rowActions"] = "Sets the actions of the rows.";
-  KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
-  KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
-  KupDataTableProps["selectRow"] = "Selects the row at the specified rendered rows prosition (base 1).";
-  KupDataTableProps["selectRowsById"] = "Semicolon separated rows id to select.";
-  KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
-  KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
-  KupDataTableProps["showFooter"] = "When set to true shows the footer.";
-  KupDataTableProps["showGrid"] = "Can be used to customize the grid view of the table.";
-  KupDataTableProps["showGroups"] = "When set to true enables the column grouping.";
-  KupDataTableProps["showHeader"] = "Enables rendering of the table header.";
-  KupDataTableProps["showLoadMore"] = "If set to true, displays the button to load more records.";
-  KupDataTableProps["showTooltipOnRightClick"] = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.";
-  KupDataTableProps["sort"] = "Defines the current sorting options.";
-  KupDataTableProps["stateId"] = "";
-  KupDataTableProps["store"] = "";
-  KupDataTableProps["sortableColumnsMutateData"] = "If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property and then fires the event";
-  KupDataTableProps["sortEnabled"] = "When set to true enables the sorting of the columns by clicking on the column header.";
-  KupDataTableProps["tableHeight"] = "Sets the height of the table.";
-  KupDataTableProps["tableWidth"] = "Sets the width of the table.";
-  KupDataTableProps["tooltipDetailTimeout"] = "Defines the timeout for tooltip detail";
-  KupDataTableProps["tooltipEnabled"] = "Enable show tooltip";
-  KupDataTableProps["totals"] = "Defines the current totals options.";
-})(exports.KupDataTableProps || (exports.KupDataTableProps = {}));
-exports.SortMode = void 0;
-(function (SortMode) {
-  SortMode["A"] = "A";
-  SortMode["D"] = "D";
-})(exports.SortMode || (exports.SortMode = {}));
-exports.TotalMode = void 0;
-(function (TotalMode) {
-  TotalMode["COUNT"] = "Count";
-  TotalMode["SUM"] = "Sum";
-  TotalMode["MIN"] = "Min";
-  TotalMode["MAX"] = "Max";
-  TotalMode["DISTINCT"] = "Distinct";
-  TotalMode["AVERAGE"] = "Average";
-  TotalMode["MATH"] = "MATH";
-})(exports.TotalMode || (exports.TotalMode = {}));
-exports.TotalLabel = void 0;
-(function (TotalLabel) {
-  TotalLabel["COUNT"] = "Count";
-  TotalLabel["SUM"] = "Sum";
-  TotalLabel["MIN"] = "Min";
-  TotalLabel["MAX"] = "Max";
-  TotalLabel["DISTINCT"] = "Distinct";
-  TotalLabel["AVERAGE"] = "Average";
-  TotalLabel["MATH"] = "Formula";
-  TotalLabel["CANC"] = "Cancel";
-  TotalLabel["CALC"] = "Calculate";
-})(exports.TotalLabel || (exports.TotalLabel = {}));
-exports.PaginatorPos = void 0;
-(function (PaginatorPos) {
-  PaginatorPos["TOP"] = "Top";
-  PaginatorPos["BOTTOM"] = "Bottom";
-  PaginatorPos["BOTH"] = "Both";
-})(exports.PaginatorPos || (exports.PaginatorPos = {}));
-exports.ShowGrid = void 0;
-(function (ShowGrid) {
-  ShowGrid["NONE"] = "None";
-  ShowGrid["ROW"] = "Row";
-  ShowGrid["COL"] = "Col";
-  ShowGrid["COMPLETE"] = "Complete";
-})(exports.ShowGrid || (exports.ShowGrid = {}));
-// export enum RowActionType {
-//     DEFAULT = 'Default',
-//     VARIABLE = 'Variable',
-// }
-//---- *NEXT functionality AKA load more ----
-exports.LoadMoreMode = void 0;
-(function (LoadMoreMode) {
-  LoadMoreMode["CONSTANT"] = "constant";
-  LoadMoreMode["CONSTANT_INCREMENT"] = "constant_increment";
-  LoadMoreMode["PROGRESSIVE_THRESHOLD"] = "progressive_threshold";
-})(exports.LoadMoreMode || (exports.LoadMoreMode = {}));
-//---- Sortable Columns Functionality ----
-const KupDataTableColumnDragType = 'text/kup-data-table-column-drag';
-const KupDataTableColumnDragRemoveType = 'text/kup-data-table-column-drag-remove';
-const KupDataTableColumnDragGroupType = 'text/kup-data-table-column-drag-group';
-const KupDataTableRowDragType = 'text/kup-data-table-row-drag';
-//---- Group label display functionality ----
-/**
- * The possible values the display property can have.
- * @enum
- * @property {string} BOTH - Shows both the column label and the value. This is the default.
- * @property {string} LABEL - Shows only the columns label.
- * @property {string} VALUE - Shows only the value.
- * @readonly
- */
-exports.GroupLabelDisplayMode = void 0;
-(function (GroupLabelDisplayMode) {
-  GroupLabelDisplayMode["BOTH"] = "Both";
-  GroupLabelDisplayMode["LABEL"] = "Label";
-  GroupLabelDisplayMode["VALUE"] = "Value";
-})(exports.GroupLabelDisplayMode || (exports.GroupLabelDisplayMode = {}));
-//---- Fixed rows and cells classes ----
-const FixedCellsClasses = {
-  columns: 'fixed-column',
-  rows: 'fixed-row',
-};
-const FixedCellsCSSVarsBase = {
-  columns: '--ddt_column-left-',
-  rows: '--ddt_row-top-',
-};
-const totalMenuOpenID = 'TOMEOPID';
-/**
- * Constants for mocked/premade columns created by data mutations.
- */
-const fieldColumn = 'Field';
-const iconColumn = 'Icon';
-const keyColumn = 'Key';
-exports.SelectionMode = void 0;
-(function (SelectionMode) {
-  SelectionMode["SINGLE"] = "single";
-  SelectionMode["MULTIPLE_CHECKBOX"] = "multiple-checkbox";
-  SelectionMode["MULTIPLE"] = "multiple";
-  SelectionMode["NONE"] = "none";
-})(exports.SelectionMode || (exports.SelectionMode = {}));
-
-// TODO: [feat-1]: if acceptedDataTypesFound must be passed to all drag event handler but the dragStart event.a
-// This could possibly simplify the analysis of the e.dataTransfer.types
-// TODO: PayloadStructure to implement or remove (implement the TypeScript type lika a generic)
-const dragDropPayloadHolder = {
-  // fields used only by the D&D wrapper
-  // [...]
-  // The holder of the payload data
-  dragPayload: undefined,
-};
-// payload getter
-function getDragDropPayload() {
-  return dragDropPayloadHolder.dragPayload;
-}
-// payload setter
-function setDragDropPayload(dragPayload) {
-  dragDropPayloadHolder.dragPayload = dragPayload;
-}
-// playload cleaner
-function _cleanDragDropPayload() {
-  dragDropPayloadHolder.dragPayload = undefined;
-}
-/**
- *
- */
-function setKetchupDraggable(handlers, data, image) {
-  const onDragStart = (e) => {
-    // clean the DragDropPlayload
-    _cleanDragDropPayload();
-    // Sets drag data, the type of drag action, and the image
-    Object.keys(data).forEach((key) => {
-      e.dataTransfer.setData(key, typeof data[key] === 'string'
-        ? data[key]
-        : JSON.stringify(data[key]));
-    });
-    // manage the dragImage
-    if (image) {
-      e.dataTransfer.setDragImage(image.img, image.offsetX, image.offsetY);
-    }
-    // Executes the given handler for custom behavior
-    handlers.onDragStart(e);
-  };
-  let onDragOver = undefined;
-  if (handlers.onDragOver) {
-    onDragOver = (e) => {
-      if (handlers.onDragOver(e)) {
-        // this is mandatory in order to launch the onDrop method
-        e.preventDefault();
-      }
-    };
-  }
-  // remember that onDragOver and onDragLeave can be replaced by the same methods in DropHandlers (if the component is both draggable and droppable)
-  // in this scenario it's possible to merge the logic in the DropHandlers only
-  return Object.assign(Object.assign(Object.assign({ draggable: true, onDragStart }, (handlers.onDragLeave ? { onDragLeave: handlers.onDragLeave } : {})), (onDragOver ? { onDragOver } : {})), (handlers.onDragEnd ? { onDragEnd: handlers.onDragEnd } : {}));
-}
-function setKetchupDroppable(handlers, acceptedDataTypes, dispatcherElement, targetElement) {
-  const onDrop = (e) => {
-    // Searches for accepted data types
-    const acceptedDataTypesFound = acceptedDataTypes.filter((dataType) => hasDragDataType(e, dataType));
-    // If not accepted data types have been found, we stop the drop operation
-    let processedDataType = '';
-    if (acceptedDataTypesFound.length >= 1 &&
-      !!(processedDataType = handlers.onDrop(e, acceptedDataTypesFound))) {
-      let sourceElement;
-      try {
-        sourceElement = JSON.parse(e.dataTransfer.getData('kup-drag-source-element'));
-      }
-      catch (error) {
-        console.log('Managed error during the kup-drop-source-element parsing', error);
-        sourceElement = e.dataTransfer.getData('kup-drag-source-element');
-      }
-      // dataType: identifier of Drag & Drop
-      // sourceElement: applicative dragged object
-      // targetElement: applicative dropped object
-      const ketchupDropEvent = new CustomEvent('kup-drop', {
-        bubbles: true,
-        cancelable: true,
-        detail: {
-          dataType: processedDataType,
-          sourceElement,
-          targetElement,
-        },
-      });
-      console.log('kup-drop event', ketchupDropEvent);
-      dispatcherElement.dispatchEvent(ketchupDropEvent);
-      // this is mandatory
-      e.preventDefault();
-    }
-  };
-  let onDragOver = undefined;
-  if (handlers.onDragOver) {
-    onDragOver = (e) => {
-      if (handlers.onDragOver(e)) {
-        // this is mandatory
-        e.preventDefault();
-      }
-    };
-  }
-  // remember that onDragOver and onDragLeave can be replace the same methods in DragHandlers (if the component is both draggable and droppable)
-  // in this scenario it's possible to merge the logic in the DropHandlers only
-  return Object.assign(Object.assign(Object.assign({}, (onDragOver ? { onDragOver } : {})), (handlers.onDragLeave ? { onDragLeave: handlers.onDragLeave } : {})), { onDrop });
-}
-// utility that set the drag effect allowed
-function setDragEffectAllowed(e, effectAllowed = 'move') {
-  e.dataTransfer.effectAllowed = effectAllowed;
-}
-// utility that simply check the drag data type
-function hasDragDataType(e, dataType) {
-  return e.dataTransfer.types.indexOf(dataType) >= 0;
-}
-
-exports.FixedCellsCSSVarsBase = FixedCellsCSSVarsBase;
-exports.FixedCellsClasses = FixedCellsClasses;
-exports.KupDataTableColumnDragGroupType = KupDataTableColumnDragGroupType;
-exports.KupDataTableColumnDragRemoveType = KupDataTableColumnDragRemoveType;
-exports.KupDataTableColumnDragType = KupDataTableColumnDragType;
-exports.KupDataTableRowDragType = KupDataTableRowDragType;
-exports.fieldColumn = fieldColumn;
-exports.getDragDropPayload = getDragDropPayload;
-exports.iconColumn = iconColumn;
-exports.keyColumn = keyColumn;
-exports.setDragDropPayload = setDragDropPayload;
-exports.setDragEffectAllowed = setDragEffectAllowed;
-exports.setKetchupDraggable = setKetchupDraggable;
-exports.setKetchupDroppable = setKetchupDroppable;
-exports.totalMenuOpenID = totalMenuOpenID;