@sme.up/ketchup 4.0.0 → 4.1.0

package/dist/ketchup/{p-c7ee1fbc.js → p-ee7b190c.js}

@@ -1,4 +1,4 @@
-import{d as n,f as t,K as r,b as e,a as u}from"./p-a5424073.js";var i=n((function(n){
+import{d as n,f as t,K as r,b as e,a as u}from"./p-361d9431.js";var i=n((function(n){
 /*! @preserve
  * numeral.js
  * version : 2.0.6

package/dist/ketchup/{p-b0724035.entry.js → p-f6b54fa1.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as i}from"./p-00fe1e3e.js";import{b as l}from"./p-08c7a092.js";import{w as e,x as h}from"./p-c7ee1fbc.js";import"./p-a5424073.js";let o=class{constructor(i){s(this,i),this.dashClick=t(this,"kup-dash-click",7),this.layout="1",this.fontsize="",this.active=!1,this.columnsNumber=1,this.fullWidth=!0,this.horizontal=!1,this.iconColor=[],this.valueColor=[],this.textColor=[]}render(){let s=[];var t=0;return this.data.rows.forEach((o=>{let a="",r="",c="",d="",n="",v="",p={color:this.textColor[t]},u={color:this.valueColor[t]};if(a=this.data.columns[0]?i("div",{slot:"icon"},i("icon",{class:o.cells[this.data.columns[0].name].obj.k,style:{color:this.iconColor[t]}})):i("div",{slot:"icon"}),r=this.data.columns[1]?i("div",{slot:"unit",style:u},o.cells[this.data.columns[1].name].obj.k," "):i("div",{slot:"unit"}),c=this.data.columns[2]?i("div",{slot:"descr",style:p},o.cells[this.data.columns[2].name].obj.k):i("div",{slot:"descr"}),this.data.columns[3]){let s=this.data.columns[3];s.obj=o.cells[this.data.columns[3].name].obj;let t=l(s,o.cells[this.data.columns[3].name]);d=i("div",{slot:"value",style:u},t)}else d=i("div",{slot:"value"});if(this.data.columns[5]){let s=this.data.columns[5];s.obj=o.cells[this.data.columns[5].name].obj;let t=l(s,o.cells[this.data.columns[5].name]);this.data.columns[6]&&o.cells[this.data.columns[6].name].obj.k&&(t+=e(h())),n=i("div",{slot:"value-int",style:u},t)}else n=i("div",{slot:"value-int"});v=this.data.columns[6]?i("div",{slot:"value-dec",style:u},o.cells[this.data.columns[6].name].obj.k):i("div",{slot:"value-dec"});const m=i("kup-dash",{layout:this.layout,fontsize:this.fontsize,index:t,active:this.active},a,r,c,d,n,v);s.push(m),t++})),i("div",null,i("link",{href:"https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css",rel:"stylesheet",type:"text/css"}),i("kup-layout",{columnsNumber:this.columnsNumber,horizontal:this.horizontal,fillSpace:this.fullWidth},s))}};o.style=".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";export{o as kup_dash_list}
+import{r as s,c as t,h as i}from"./p-b30f34d8.js";import{b as l}from"./p-6f5d8830.js";import{w as e,x as h}from"./p-ee7b190c.js";import"./p-361d9431.js";let o=class{constructor(i){s(this,i),this.dashClick=t(this,"kup-dash-click",7),this.layout="1",this.fontsize="",this.active=!1,this.columnsNumber=1,this.fullWidth=!0,this.horizontal=!1,this.iconColor=[],this.valueColor=[],this.textColor=[]}render(){let s=[];var t=0;return this.data.rows.forEach((o=>{let d="",r="",a="",c="",n="",v="",p={color:this.textColor[t]},u={color:this.valueColor[t]};if(d=this.data.columns[0]?i("div",{slot:"icon"},i("icon",{class:o.cells[this.data.columns[0].name].obj.k,style:{color:this.iconColor[t]}})):i("div",{slot:"icon"}),r=this.data.columns[1]?i("div",{slot:"unit",style:u},o.cells[this.data.columns[1].name].obj.k," "):i("div",{slot:"unit"}),a=this.data.columns[2]?i("div",{slot:"descr",style:p},o.cells[this.data.columns[2].name].obj.k):i("div",{slot:"descr"}),this.data.columns[3]){let s=this.data.columns[3];s.obj=o.cells[this.data.columns[3].name].obj;let t=l(s,o.cells[this.data.columns[3].name]);c=i("div",{slot:"value",style:u},t)}else c=i("div",{slot:"value"});if(this.data.columns[5]){let s=this.data.columns[5];s.obj=o.cells[this.data.columns[5].name].obj;let t=l(s,o.cells[this.data.columns[5].name]);this.data.columns[6]&&o.cells[this.data.columns[6].name].obj.k&&(t+=e(h())),n=i("div",{slot:"value-int",style:u},t)}else n=i("div",{slot:"value-int"});v=this.data.columns[6]?i("div",{slot:"value-dec",style:u},o.cells[this.data.columns[6].name].obj.k):i("div",{slot:"value-dec"});const m=i("kup-dash",{layout:this.layout,fontsize:this.fontsize,index:t,active:this.active,slot:String(t)},d,r,a,c,n,v);s.push(m),t++})),i("div",null,i("link",{href:"https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css",rel:"stylesheet",type:"text/css"}),i("kup-grid",{columns:this.columnsNumber,singleLine:this.horizontal,class:this.fullWidth?"kup-full-width":""},s))}};o.style=".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";export{o as kup_dash_list}

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

@@ -1,6 +1,6 @@
 import { Cell, Column, RowAction } from '../kup-data-table/kup-data-table-declarations';
 import { KupBadge } from '../kup-badge/kup-badge';
-import { GenericObject, Identifiable, KupEventPayload } from '../../types/GenericTypes';
+import { Identifiable, KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-box component.
  * Used to export every prop in an object.
@@ -86,6 +86,15 @@ export interface KupBoxKanban {
   labels?: Array<Array<string>>;
   size?: string;
 }
+/**
+ * Contains all the data of an event.
+ */
+export interface KupBoxEventHandlerDetails {
+  boxObject: HTMLElement;
+  cell: Cell;
+  column: Column;
+  row: KupBoxRow;
+}
 export interface KupBoxClickEventPayload extends KupEventPayload {
   row: KupBoxRow;
   column?: string;
@@ -102,5 +111,5 @@ export interface KupBoxRowActionClickEventPayload extends KupEventPayload {
   index: number;
 }
 export interface KupBoxContextMenuEventPayload extends KupEventPayload {
-  details: GenericObject;
+  details: KupBoxEventHandlerDetails;
 }

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

@@ -176,6 +176,12 @@ export declare class KupBox {
   private globalFilterTimeout;
   private boxContainer;
   private iconPaths;
+  private sectionRef;
+  private rowsRefs;
+  private hold;
+  private interactableDrag;
+  private interactableDrop;
+  private interactableTouch;
   /**
    * Triggered when a box is clicked
    */
@@ -249,10 +255,6 @@ export declare class KupBox {
   private toggleSectionExpand;
   private onRowAction;
   private onRowActionClick;
-  private onSectionDragOver;
-  private onSectionDragLeave;
-  private addMultiSelectDragImageToEvent;
-  private searchParentWithClass;
   /**
    * see onDocumentClick in kup-combo
    */
@@ -276,6 +278,8 @@ export declare class KupBox {
     };
   };
   renderTooltip(): any;
+  didLoadInteractables(): void;
+  didRenderInteractables(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

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

@@ -40,7 +40,6 @@ export declare class KupColorPicker {
    */
   kupManager: KupManager;
   private anchorEl;
-  dropdownEl: HTMLElement;
   private picker;
   private textfieldEl;
   kupChange: EventEmitter<KupColorPickerEventPayload>;

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

@@ -35,6 +35,7 @@ export declare enum KupDataTableProps {
   pageSelected = "Current selected page set on component load",
   paginatorPos = "Sets the position of the paginator. Available positions: top, bottom or both.",
   removableColumns = "Sets the possibility to remove the selected column.",
+  resizableColumns = "Gives the possibility to resize columns by dragging on their right edge.",
   rowActions = "Sets the actions of the rows.",
   rowsPerPage = "Sets the number of rows per page to display.",
   scrollOnHover = "Activates the scroll on hover function.",
@@ -81,9 +82,14 @@ export interface Cell {
     k: string;
   };
   shape?: string;
+  span?: KupDatatableCellSpan;
   style?: GenericMap;
   title?: string;
 }
+export interface KupDatatableCellSpan {
+  col: number;
+  row: number;
+}
 /**
  * Information about the cell, displayed before the content.
  *
@@ -118,6 +124,8 @@ export interface Column {
   valuesForFilter?: string[];
   isKey?: boolean;
   children?: ColumnChild[];
+  cssClass?: string;
+  style?: GenericMap;
 }
 export interface ColumnChild {
   name: string;
@@ -249,16 +257,16 @@ export declare const totalMenuOpenID = "TOMEOPID";
 /**
  * Contains all the data of an event.
  */
-export interface EventHandlerDetails {
+export interface KupDatatableEventHandlerDetails {
   area: string;
   cell: Cell;
   column: Column;
   filterRemove: HTMLSpanElement;
   isGroupRow: boolean;
   row: Row;
-  td: HTMLTableDataCellElement;
+  td: HTMLElement;
   textfield: HTMLElement;
-  th: HTMLTableHeaderCellElement;
+  th: HTMLElement;
   tr: HTMLTableRowElement;
 }
 /**
@@ -288,7 +296,7 @@ export interface KupDatatableCellUpdateEventPayload extends KupEventPayload {
   event: any;
 }
 export interface KupDatatableClickEventPayload extends KupEventPayload {
-  details: EventHandlerDetails;
+  details: KupDatatableEventHandlerDetails;
 }
 export interface KupDatatableColumnMenuEventPayload extends KupEventPayload {
   card: HTMLKupCardElement;

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

@@ -1,5 +1,4 @@
 import { Row, SortObject, Cell, GroupObject, TotalMode, TotalsMap, Column } from './kup-data-table-declarations';
-import { DropHandlers } from '../../utils/drag-and-drop';
 import { GenericFilter } from '../../utils/filters/filters-declarations';
 import { FiltersColumnMenu } from '../../utils/filters/filters-column-menu';
 import { FiltersRows } from '../../utils/filters/filters-rows';
@@ -39,4 +38,3 @@ export declare function styleHasBorderRadius(cell: Cell): boolean;
  * @returns {boolean} - true if writingMode is present, false otherwise.
  */
 export declare function styleHasWritingMode(cell: Cell): boolean;
-export declare const dropHandlersCell: DropHandlers;

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

@@ -141,6 +141,10 @@ export declare class KupDataTable {
    * Sets the possibility to remove the selected column.
    */
   removableColumns: boolean;
+  /**
+   * Gives the possibility to resize columns by dragging on their right edge.
+   */
+  resizableColumns: boolean;
   /**
    * Sets the actions of the rows.
    */
@@ -250,10 +254,6 @@ export declare class KupDataTable {
    * name of the column with the opened total menu
    */
   private openedTotalMenu;
-  /**
-   * name of the column with the opened group menu
-   */
-  private openedGroupMenu;
   private openedCustomSettings;
   private fontsize;
   /**
@@ -281,32 +281,6 @@ export declare class KupDataTable {
   private renderedRows;
   private loadMoreEventCounter;
   private loadMoreEventPreviousQuantity;
-  /**
-   * Internal not reactive state used to keep track if a column is being dragged.
-   * @private
-   */
-  private columnsAreBeingDragged;
-  /**
-   * Attribute to set when a column is being dragged on the whole thead element
-   * @const
-   * @default 'columns-dragging'
-   * @private
-   */
-  private dragFlagAttribute;
-  /**
-   * The string representing the drag over attribute
-   * @const
-   * @default 'drag-over'
-   * @private
-   */
-  private dragOverAttribute;
-  /**
-   * The string representing the drag starter attribute to set onto the element
-   * @const
-   * @default 'drag-starter'
-   * @private
-   */
-  private dragStarterAttribute;
   /**
    * Reference for the thead element
    * @private
@@ -340,8 +314,17 @@ export declare class KupDataTable {
   private totalMenuCoords;
   columnFilterTimeout: number;
   private clickTimeout;
+  private thRefs;
   private rowsRefs;
   private oldWidth;
+  private hold;
+  private interactableDrag;
+  private interactableDrop;
+  private interactableResize;
+  private interactableTouch;
+  private dropareaRef;
+  private removeDropareaRef;
+  private groupsDropareaRef;
   /**
    * Used to prevent too many resizes callbacks at once.
    */
@@ -455,8 +438,10 @@ export declare class KupDataTable {
   private stickyHeaderPosition;
   private updateStickyHeaderSize;
   private setObserver;
-  private didRenderObservers;
+  private didLoadInteractables;
+  private didRenderInteractables;
   private didLoadObservers;
+  private didRenderObservers;
   private didLoadEventHandling;
   private scrollStickyHeader;
   private checkScrollOnHover;
@@ -492,7 +477,6 @@ export declare class KupDataTable {
   getGroupByName(column: string): GroupObject;
   getColumnValues(column: Column): ValueDisplayedValue[];
   getRows(): Array<Row>;
-  private addMultiSelectDragImageToEvent;
   private initRows;
   private filterRows;
   private isGrouping;
@@ -528,17 +512,7 @@ export declare class KupDataTable {
   private openTotalMenu;
   private closeTotalMenu;
   private closeMenuAndTooltip;
-  private isOpenedTotalMenu;
   private isOpenedTotalMenuForColumn;
-  private isOpenedGroupMenu;
-  private isOpenedGroupMenuForColumn;
-  /**
-   * Type guard needed to be sure that an object returned from composePath() is an HTMLElement with classes
-   * @param node
-   */
-  private isHTMLElementFromEventTarget;
-  private hasOverlayActions;
-  private onHeaderCellContextMenuClose;
   private onJ4btnClicked;
   private groupRows;
   getInternalState(): Promise<{
@@ -607,13 +581,7 @@ export declare class KupDataTable {
   renderCustomizePanel(): any;
   private columnRemoveArea;
   private columnGroupArea;
-  private startDynamicPositioning;
-  private stopDynamicPositioning;
-  private getElementById;
-  private getThElement;
   private hideShowColumnDropArea;
-  private hideShowColumnRemoveDropArea;
-  private hideShowColumnGroupDropArea;
   private handleColumnRemove;
   private handleColumnGroup;
   private transcodeItem;
@@ -626,7 +594,6 @@ export declare class KupDataTable {
   private DENSITY_CODES;
   private DENSITY_DECODES;
   private DENSITY_ICONS;
-  private getDensityDecodeFromCode;
   private getDensityCodeFromDecode;
   private renderDensityPanel;
   private GRID_CODES;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupDatePickerEventPayload } from './kup-date-picker-declarations';
 export declare class KupDatePicker {
@@ -50,16 +50,16 @@ export declare class KupDatePicker {
   kupItemClick: EventEmitter<KupDatePickerEventPayload>;
   kupTextFieldSubmit: EventEmitter<KupDatePickerEventPayload>;
   kupClearIconClick: EventEmitter<KupEventPayload>;
-  onKupDatePickerItemClick(e: MouseEvent, value: string): void;
-  onKupClearIconClick(e: MouseEvent): void;
-  onKupDatePickerMonthYearItemClick(e: MouseEvent, value: string): void;
+  onKupDatePickerItemClick(value: string): void;
+  onKupClearIconClick(): void;
+  onKupDatePickerMonthYearItemClick(value: string): void;
   onKupBlur(): void;
-  onKupChange(e: CustomEvent): void;
-  onKupClick(e: UIEvent): void;
-  onKupFocus(e: UIEvent): void;
-  onKupInput(e: CustomEvent): void;
-  onkupTextFieldSubmit(e: CustomEvent): void;
-  onKupIconClick(e: UIEvent): void;
+  onKupChange(e: InputEvent): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(e: InputEvent): void;
+  onkupTextFieldSubmit(e: KeyboardEvent): void;
+  onKupIconClick(): void;
   listenKeyup(e: KeyboardEvent): void;
   watchFirstDayIndex(): void;
   /**
@@ -90,14 +90,12 @@ export declare class KupDatePicker {
   refreshPickerComponentValue(value: string): void;
   setPickerValueSelected(newValue?: string): void;
   getPickerValueSelected(): string;
-  setTextFieldInitalValue(value: string): void;
   getValueForPickerComponent(): string;
   openPicker(): void;
   closePicker(): void;
   isPickerOpened(): boolean;
   getTextFieldId(): string;
-  prepDateTextfield(): any;
-  prepTextfield(initialValue: string): any;
+  prepTextfield(initialValue: string): VNode;
   getInitEndYear(curYear: number): {
     initYear: number;
     endYear: number;
@@ -112,7 +110,6 @@ export declare class KupDatePicker {
   private prevPage;
   private nextPage;
   getDateForOutput(): string;
-  recalcPosition(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

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

@@ -81,10 +81,6 @@ export declare class KupDropdownButton {
    * List element (dropdown menu).
    */
   private listEl;
-  /**
-   * List anchor point.
-   */
-  private wrapperEl;
   /**
    * Triggered when the primary button loses focus.
    */

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

@@ -12,7 +12,7 @@ export declare enum KupListProps {
   filter = "Keeps string for filtering elements when filter mode is active",
   hideText = "Hides rows' text, ideally to display a list of icons only.",
   isMenu = "Defines whether the list is a menu or not.",
-  keyboardNavigation = "When true, enables items' navigation through keys. Defaults to false when the component's isMenu prop is set to true.",
+  keyboardNavigation = "When true, enables items' navigation through arrow keys.",
   menuVisible = "Sets the status of the menu, when false it's hidden otherwise it's visible.",
   roleType = "Defines the type of selection. Values accepted: listbox, radiogroup or group.",
   selectable = "Defines whether items are selectable or not.",

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

@@ -49,9 +49,8 @@ export declare class KupList {
    */
   isMenu: boolean;
   /**
-   * When true, enables items' navigation through keys.
-   * Defaults to false when the component's isMenu prop is set to true.
-   * @default undefined
+   * When true, enables items' navigation through arrow keys.
+   * @default true
    */
   keyboardNavigation: boolean;
   /**

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

@@ -29,6 +29,7 @@ export declare class KupMagicBox {
    * Element which enables the drag on move feature.
    */
   private dragHandler;
+  private wrapperRef;
   /**
    * 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-time-picker/kup-time-picker.d.ts

@@ -70,15 +70,14 @@ export declare class KupTimePicker {
   kupTextFieldSubmit: EventEmitter<KupTimePickerEventPayload>;
   kupClearIconClick: EventEmitter<KupEventPayload>;
   onKupTimePickerItemClick(e: CustomEvent, value?: string): void;
-  onKupClearIconClick(e: MouseEvent): void;
+  onKupClearIconClick(): void;
   onKupBlur(): void;
-  onKupTextFieldBlur(e: any): void;
-  onKupChange(e: CustomEvent): void;
-  onKupClick(e: UIEvent): void;
-  onKupFocus(e: UIEvent): void;
-  onKupInput(e: CustomEvent): void;
-  onKupTextFieldSubmit(e: CustomEvent): void;
-  onKupIconClick(e: UIEvent): void;
+  onKupChange(e: InputEvent): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(e: InputEvent): void;
+  onKupTextFieldSubmit(e: KeyboardEvent): void;
+  onKupIconClick(): void;
   listenKeyup(e: KeyboardEvent): void;
   watchTimeMinutesStep(): void;
   /**
@@ -112,14 +111,12 @@ export declare class KupTimePicker {
   refreshPickerValue(eventDetailValue: string, eventToRaise: EventEmitter): void;
   setPickerValueSelected(newValue?: string): void;
   getPickerValueSelected(): string;
-  setTextFieldInitalValue(value: string): void;
   getValueForPickerComponent(): string;
   openPicker(): void;
   closePicker(): void;
   isPickerOpened(): boolean;
   getTextFieldId(): string;
   getPickerElId(): string;
-  prepTimeTextfield(): any;
   prepTextfield(initialValue: string): any;
   isRelatedTargetInThisComponent(e: any): boolean;
   private setTimeFromClock;
@@ -131,7 +128,6 @@ export declare class KupTimePicker {
   prepTimePicker(): any;
   private createTimeListData;
   getTimeForOutput(): string;
-  recalcPosition(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

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

@@ -78,14 +78,14 @@ export declare const treeMainColumnName = "TREE_COLUMN";
 /**
  * Contains all the data of an event.
  */
-export interface EventHandlerDetails {
+export interface KupTreeEventHandlerDetails {
   area: string;
   cell: Cell;
   column: Column;
   filterRemove: HTMLSpanElement;
   row: Row;
-  td: HTMLTableDataCellElement;
-  th: HTMLTableHeaderCellElement;
+  td: HTMLElement;
+  th: HTMLElement;
   tr: HTMLTableRowElement;
 }
 export declare enum KupTreeExpansionMode {
@@ -110,7 +110,7 @@ export interface KupTreeNodeButtonClickEventPayload extends KupTreeNodeCollapseE
   auto: boolean;
 }
 export interface KupTreeContextMenuEventPayload extends KupEventPayload {
-  details: EventHandlerDetails;
+  details: KupTreeEventHandlerDetails;
 }
 export interface KupTreeColumnMenuEventPayload extends KupEventPayload {
   card: HTMLKupCardElement;

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

@@ -191,6 +191,8 @@ export declare class KupTree {
   private visibleNodes;
   private contentRefs;
   private oldWidth;
+  private hold;
+  private interactableTouch;
   /**
    * Used to prevent too many resizes callbacks at once.
    */
@@ -365,6 +367,7 @@ export declare class KupTree {
   private isOpenedTotalMenuForColumn;
   onTotalsChange(event: any, column: any): void;
   renderFooter(): any;
+  didLoadInteractables(): void;
   private totalMenuPosition;
   /**
    * Given a TreeNode, reads through its data to compose and return the TreeNodes of the root of this TreeNode