@sme.up/ketchup 6.1.0-SNAPSHOT → 6.3.0

package/dist/collection/f-components/f-cell/f-cell.js

@@ -1,5 +1,5 @@
-import { KupTagNames } from '../../types/GenericTypes';
-import { autoAlignComps, editableTypes, FCellClasses, FCellEvents, FCellShapes, FCellTypes, kupTypes, } from './f-cell-declarations';
+import { KupTagNames, } from '../../types/GenericTypes';
+import { autoCenterComps, editableTypes, FCellClasses, FCellEvents, FCellTypes, fullWidthFieldsComps, kupTypes, } from './f-cell-declarations';
 import { h } from '@stencil/core';
 import { getCellValueForDisplay } from '../../utils/cell-utils';
 import { FCheckbox } from '../f-checkbox/f-checkbox';
@@ -8,6 +8,7 @@ import { stringToNumber } from '../../utils/utils';
 import { FImage } from '../f-image/f-image';
 import { FChip } from '../f-chip/f-chip';
 import { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';
+import { FSwitch } from '../f-switch/f-switch';
 const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -26,7 +27,7 @@ export const FCell = (props, children) => {
   const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);
   const isEditable = cell.isEditable && props.editable ? true : false;
   const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
-  const cellType = getCellType(cell, shape);
+  const cellType = dom.ketchup.data.cell.getType(cell, shape);
   const subcomponentProps = Object.assign({}, cell.data);
   let cssClasses = cell.cssClass
     ? cell.cssClass
@@ -201,27 +202,28 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
 function setEditableCell(cellType, classObj, cell, column, props) {
   switch (cellType) {
     case FCellTypes.AUTOCOMPLETE:
-      return (h("kup-autocomplete", Object.assign({}, cell.data, { class: "kup-full-width", "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      return (h("kup-autocomplete", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.CHECKBOX:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({}, cell.data, { class: "kup-full-width", disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      return (h("kup-color-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COMBOBOX:
-      return (h("kup-combobox", Object.assign({}, cell.data, { class: "kup-full-width", "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      return (h("kup-combobox", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.DATE:
-      return (h("kup-date-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: "kup-full-width", "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+      return (h("kup-date-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
     case FCellTypes.RATING:
       return (h("kup-rating", Object.assign({}, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+    case FCellTypes.SWITCH:
+      return (h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.TIME:
-      return (h("kup-time-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: "kup-full-width", "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+      return (h("kup-time-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.STRING:
-      return (h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: true, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
+      return (h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: isFullWidth(props) ? true : false, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
           ? stringToNumber(cell.value).toString()
           : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
   }
@@ -239,8 +241,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
       }
       return content;
     case FCellTypes.CHECKBOX:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h(FImage, { resource: subcomponentProps.checked
@@ -250,8 +251,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
       return h("div", { innerHTML: cell.value });
     case FCellTypes.ICON:
     case FCellTypes.IMAGE:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       if (subcomponentProps.badgeData) {
@@ -267,13 +267,18 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
         if (cellValueNumber < 0) {
           classObj[FCellClasses.TEXT_DANGER] = true;
         }
-        if (autoAlignComps.includes(props.component.rootElement
-          .tagName)) {
+        if (isAutoCentered(props)) {
           classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
         }
         return h("div", { class: "f-cell__text" }, cellValue);
       }
       return h("div", { class: "f-cell__text" }, content);
+    case FCellTypes.SWITCH:
+      if (isAutoCentered(props)) {
+        classObj[FCellClasses.C_CENTERED] = true;
+      }
+      subcomponentProps['disabled'] = true;
+      return h(FSwitch, Object.assign({}, subcomponentProps));
     default:
       return h("div", { class: "f-cell__text" }, content);
   }
@@ -293,14 +298,12 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
           h(FImage, Object.assign({}, subcomponentProps))));
       }
     case FCellTypes.BUTTON:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h("kup-button", Object.assign({}, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['data-storage'] = {
@@ -310,23 +313,21 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       };
       return h("kup-button-list", Object.assign({}, subcomponentProps));
     case FCellTypes.CHART:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return h("kup-chart", Object.assign({}, subcomponentProps));
     case FCellTypes.CHIP:
       return h(FChip, Object.assign({}, subcomponentProps));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({}, subcomponentProps, { class: "kup-full-width", disabled: true })));
+      return (h("kup-color-picker", Object.assign({}, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
     case FCellTypes.GAUGE:
       return (h("kup-gauge", Object.assign({ value: stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
       return h("kup-progress-bar", Object.assign({}, subcomponentProps));
     case FCellTypes.RADIO:
-      if (autoAlignComps.includes(props.component.rootElement
-        .tagName)) {
+      if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
@@ -335,94 +336,6 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       return h("kup-rating", Object.assign({}, subcomponentProps, { disabled: true }));
   }
 }
-function getCellType(cell, shape) {
-  const obj = cell.obj;
-  if (shape) {
-    switch (shape.toUpperCase()) {
-      case FCellShapes.AUTOCOMPLETE:
-        return FCellTypes.AUTOCOMPLETE;
-      case FCellShapes.BUTTON_LIST:
-        return FCellTypes.BUTTON_LIST;
-      case FCellShapes.CHART:
-        return FCellTypes.CHART;
-      case FCellShapes.CHECKBOX:
-        return FCellTypes.CHECKBOX;
-      case FCellShapes.CHIP:
-        return FCellTypes.CHIP;
-      case FCellShapes.COLOR_PICKER:
-        return FCellTypes.COLOR_PICKER;
-      case FCellShapes.COMBOBOX:
-        return FCellTypes.COMBOBOX;
-      case FCellShapes.EDITOR:
-        return FCellTypes.EDITOR;
-      case FCellShapes.GAUGE:
-        return FCellTypes.GAUGE;
-      case FCellShapes.IMAGE:
-        return FCellTypes.IMAGE;
-      case FCellShapes.KNOB:
-        return FCellTypes.KNOB;
-      case FCellShapes.PROGRESS_BAR:
-        return FCellTypes.PROGRESS_BAR;
-      case FCellShapes.RADIO:
-        return FCellTypes.RADIO;
-      case FCellShapes.RATING:
-        return FCellTypes.RATING;
-      case FCellShapes.TEXT_FIELD:
-        return FCellTypes.STRING;
-    }
-  }
-  if (dom.ketchup.objects.isBar(obj)) {
-    return FCellTypes.BAR;
-  }
-  else if (dom.ketchup.objects.isButton(obj)) {
-    return FCellTypes.BUTTON;
-  }
-  else if (dom.ketchup.objects.isChart(obj)) {
-    return FCellTypes.CHART;
-  }
-  else if (dom.ketchup.objects.isCheckbox(obj)) {
-    return FCellTypes.CHECKBOX;
-  }
-  else if (dom.ketchup.objects.isColor(obj)) {
-    return FCellTypes.COLOR_PICKER;
-  }
-  else if (dom.ketchup.objects.isIcon(obj)) {
-    return FCellTypes.ICON;
-  }
-  else if (dom.ketchup.objects.isImage(obj)) {
-    return FCellTypes.IMAGE;
-  }
-  else if (dom.ketchup.objects.isLink(obj)) {
-    return FCellTypes.LINK;
-  }
-  else if (dom.ketchup.objects.isProgressBar(obj)) {
-    return FCellTypes.PROGRESS_BAR;
-  }
-  else if (dom.ketchup.objects.isRadio(obj)) {
-    return FCellTypes.RADIO;
-  }
-  else if (dom.ketchup.objects.isKupObjList(obj)) {
-    return FCellTypes.CHIP;
-  }
-  else if (dom.ketchup.objects.isNumber(obj)) {
-    return FCellTypes.NUMBER;
-  }
-  else if (dom.ketchup.objects.isDate(obj)) {
-    return FCellTypes.DATE;
-  }
-  else if (dom.ketchup.objects.isTimestamp(obj)) {
-    return FCellTypes.DATETIME;
-  }
-  else if (dom.ketchup.objects.isTime(obj)) {
-    return FCellTypes.TIME;
-  }
-  else if (dom.ketchup.objects.isVoCodver(obj)) {
-    return FCellTypes.ICON;
-  }
-  else {
-    return FCellTypes.STRING;
-  }
-}
 function cellEvent(e, props, cellType, cellEventName) {
   const cell = props.cell;
   const column = props.column;
@@ -443,6 +356,7 @@ function cellEvent(e, props, cellType, cellEventName) {
         }
         break;
       case FCellTypes.CHECKBOX:
+      case FCellTypes.SWITCH:
         value = value === 'on' ? '0' : '1';
         if (cell.data) {
           cell.data.checked =
@@ -479,3 +393,9 @@ function cellEvent(e, props, cellType, cellEventName) {
     catch (error) { }
   }
 }
+function isAutoCentered(props) {
+  return autoCenterComps.includes(props.component.rootElement.tagName);
+}
+function isFullWidth(props) {
+  return fullWidthFieldsComps.includes(props.component.rootElement.tagName);
+}

package/dist/collection/f-components/f-text-field/f-text-field.js

@@ -55,7 +55,15 @@ function setContent(props) {
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
+        if (props.decimals !== null &&
+          props.inputType === 'number') {
+          e.target.value = parseFloat(e.target.value).toFixed(props.decimals);
+        }
+        if (props.onChange) {
+          props.onChange(e);
+        }
+      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
     props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
     props.trailingIcon ? iconEl : undefined,
     !props.fullWidth && !isOutlined ? labelEl : undefined,

package/dist/collection/managers/kup-data/kup-data-cell-helper.js

@@ -1,4 +1,11 @@
+import { SortMode } from '../../components/kup-data-table/kup-data-table-declarations';
+import { compareValues, getCellValueForDisplay, getValueForDisplay2, } from '../../utils/cell-utils';
+import { Filters } from '../../utils/filters/filters';
+import { KupObjects } from '../kup-objects/kup-objects';
 const dom = document.documentElement;
+const kupObjects = dom.ketchup
+  ? dom.ketchup.objects
+  : new KupObjects();
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -9,25 +16,51 @@ export function findCell(dataset, filters) {
   return dom.ketchup.data.finder(dataset, filters).cells;
 }
 /**
- * Returns all the cells values of the specified columns.
- * @param {KupDataDataset} dataset - Input dataset.
- * @param {string[]} columns - Columns included in the search. When missing, searches all columns.
- * @returns {string[]} Values of the cells.
+ * Returns all the cells values of the specified column, sorted if required.
+ * @param {Array<KupDataRow>} dataset - Input dataset.
+ * @param {KupDataColumn} column - Column included in the search. When missing, returns empty array.
+ * @returns {ValueDisplayedValue[]} Values of the cells, sorted.
  */
-export function getCellValue(dataset, columns) {
-  const result = [];
-  for (let index = 0; index < dataset.rows.length; index++) {
-    const row = dataset.rows[index];
-    const cells = row.cells;
-    for (const key in cells) {
-      const cell = cells[key];
-      if (!columns || !columns.length || columns.includes(key)) {
-        result.push(cell.value);
-      }
-    }
+export function getCellValue(dataset, column, sorted) {
+  const rows = dataset.rows;
+  const values = new Array();
+  const result = new Array();
+  if (!rows || rows.length == 0 || !column) {
+    return result;
+  }
+  extractColumnValues(rows, column, values);
+  if (sorted == true) {
+    values.sort((n1, n2) => {
+      return compareValues(null, kupObjects.isDate(n1.obj)
+        ? n1.value
+        : getValueForDisplay2(n1, column), null, kupObjects.isDate(n2.obj)
+        ? n2.value
+        : getValueForDisplay2(n2, column), SortMode.A);
+    });
+  }
+  for (let i = 0; i < values.length; i++) {
+    let v = values[i];
+    result.push({ value: v.value, displayedValue: v.displayedValue });
   }
   return result;
 }
+function extractColumnValues(rows, column, values) {
+  /** il valore delle righe attualmente filtrate, formattato */
+  rows.forEach((row) => addColumnValueFromRow(values, column, row.cells[column.name]));
+  return values;
+}
+export function addColumnValueFromRow(values, column, cell) {
+  if (cell) {
+    let item = {
+      value: cell.value,
+      displayedValue: getCellValueForDisplay(column, cell),
+      obj: cell.obj ? cell.obj : column.obj,
+    };
+    if (!Filters.valuesArrayContainsValue(values, cell.value)) {
+      values.push(item);
+    }
+  }
+}
 /**
  * Overrides the given cell attributes for the specified columns.
  * If no columns are provided, the value will be applied to every column of the dataset.

package/dist/collection/managers/kup-data/kup-data-node-helper.js

@@ -70,6 +70,44 @@ export function toStreamNode(nodes) {
   }
   return streamlined;
 }
+/**
+ * Gets information about the tree depth, such as max number of children and max depth.
+ * @param {KupDataNode[]} nodes - Input array of nodes.
+ * @returns {KupDataNodeDrilldownInfo} Information about the tree depth.
+ */
+export function getDrilldownInfoNode(nodes) {
+  let maxChildren = 0;
+  let maxDepth = 0;
+  const getDepth = function (n) {
+    const depth = 0;
+    if (n.children) {
+      n.children.forEach(function (d) {
+        const tmpDepth = getDepth(d);
+        if (tmpDepth > depth) {
+          maxDepth = tmpDepth;
+        }
+      });
+    }
+    return depth;
+  };
+  const recursive = (arr) => {
+    maxDepth++;
+    for (let index = 0; index < arr.length; index++) {
+      const node = arr[index];
+      getDepth(node);
+      if (Array.isArray(node.children) &&
+        maxChildren < node.children.length) {
+        maxChildren = node.children.length;
+        recursive(node.children);
+      }
+    }
+  };
+  recursive(nodes);
+  return {
+    maxChildren,
+    maxDepth,
+  };
+}
 /**
  * Returns the parent of the given node.
  * @param {KupDataNode[]} nodes - Input array of nodes.
@@ -94,3 +132,34 @@ export function getParentNode(nodes, child) {
   }
   return parent;
 }
+/**
+ * Returns the node with id equal to the given value.
+ * @param {KupDataNode[]} nodes - Input array of nodes.
+ * @param {string} treeNodePath - Tree node path.
+ * @returns {KupDataNode} Node.
+ */
+export function getNodeByPath(nodes, treeNodePath) {
+  if (!nodes || nodes.length == 0) {
+    return undefined;
+  }
+  if (!treeNodePath || treeNodePath.length == 0) {
+    return undefined;
+  }
+  return _getNodeByPath(nodes, treeNodePath);
+}
+function _getNodeByPath(nodes, path) {
+  let node = null;
+  for (let j = 0; j < path.length; j++) {
+    const i = path[j];
+    node = _getNode(nodes, node, i);
+  }
+  return node;
+}
+function _getNode(nodes, node, index) {
+  if (node == null) {
+    return nodes[index];
+  }
+  else {
+    return node.children[index];
+  }
+}

package/dist/collection/managers/kup-data/kup-data.js

@@ -2,9 +2,10 @@ import { KupDataNewColumnTypes, } from './kup-data-declarations';
 import { findCell, getCellValue, replaceCell } from './kup-data-cell-helper';
 import { findColumns, hideColumns, newColumn } from './kup-data-column-helper';
 import { findRow, toNode } from './kup-data-row-helper';
-import { getParentNode, removeNode, setPropertiesNode, toStreamNode, } from './kup-data-node-helper';
+import { getDrilldownInfoNode, getNodeByPath, getParentNode, removeNode, setPropertiesNode, toStreamNode, } from './kup-data-node-helper';
 import { fieldColumn } from '../../components/kup-data-table/kup-data-table-declarations';
 import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
+import { FCellShapes, FCellTypes, } from '../../f-components/f-cell/f-cell-declarations';
 const dom = document.documentElement;
 /**
  * Handles data operations.
@@ -16,12 +17,105 @@ export class KupData {
       find(dataset, filters) {
         return findCell(dataset, filters);
       },
-      getValue(dataset, columns) {
-        return getCellValue(dataset, columns);
+      getValue(dataset, column, sorted) {
+        return getCellValue(dataset, column, sorted);
       },
       replace(dataset, cell, columns) {
         return replaceCell(dataset, cell, columns);
       },
+      getType(cell, shape) {
+        const obj = cell.obj;
+        if (shape) {
+          switch (shape.toUpperCase()) {
+            case FCellShapes.AUTOCOMPLETE:
+              return FCellTypes.AUTOCOMPLETE;
+            case FCellShapes.BUTTON_LIST:
+              return FCellTypes.BUTTON_LIST;
+            case FCellShapes.CHART:
+              return FCellTypes.CHART;
+            case FCellShapes.CHECKBOX:
+              return FCellTypes.CHECKBOX;
+            case FCellShapes.CHIP:
+              return FCellTypes.CHIP;
+            case FCellShapes.COLOR_PICKER:
+              return FCellTypes.COLOR_PICKER;
+            case FCellShapes.COMBOBOX:
+              return FCellTypes.COMBOBOX;
+            case FCellShapes.EDITOR:
+              return FCellTypes.EDITOR;
+            case FCellShapes.GAUGE:
+              return FCellTypes.GAUGE;
+            case FCellShapes.IMAGE:
+              return FCellTypes.IMAGE;
+            case FCellShapes.KNOB:
+              return FCellTypes.KNOB;
+            case FCellShapes.PROGRESS_BAR:
+              return FCellTypes.PROGRESS_BAR;
+            case FCellShapes.RADIO:
+              return FCellTypes.RADIO;
+            case FCellShapes.RATING:
+              return FCellTypes.RATING;
+            case FCellShapes.SWITCH:
+              return FCellTypes.SWITCH;
+            case FCellShapes.TEXT_FIELD:
+              return FCellTypes.STRING;
+          }
+        }
+        if (dom.ketchup.objects.isBar(obj)) {
+          return FCellTypes.BAR;
+        }
+        else if (dom.ketchup.objects.isButton(obj)) {
+          return FCellTypes.BUTTON;
+        }
+        else if (dom.ketchup.objects.isChart(obj)) {
+          return FCellTypes.CHART;
+        }
+        else if (dom.ketchup.objects.isCheckbox(obj)) {
+          return FCellTypes.CHECKBOX;
+        }
+        else if (dom.ketchup.objects.isColor(obj)) {
+          return FCellTypes.COLOR_PICKER;
+        }
+        else if (dom.ketchup.objects.isIcon(obj)) {
+          return FCellTypes.ICON;
+        }
+        else if (dom.ketchup.objects.isImage(obj)) {
+          return FCellTypes.IMAGE;
+        }
+        else if (dom.ketchup.objects.isLink(obj)) {
+          return FCellTypes.LINK;
+        }
+        else if (dom.ketchup.objects.isProgressBar(obj)) {
+          return FCellTypes.PROGRESS_BAR;
+        }
+        else if (dom.ketchup.objects.isRadio(obj)) {
+          return FCellTypes.RADIO;
+        }
+        else if (dom.ketchup.objects.isSwitch(obj)) {
+          return FCellTypes.SWITCH;
+        }
+        else if (dom.ketchup.objects.isKupObjList(obj)) {
+          return FCellTypes.CHIP;
+        }
+        else if (dom.ketchup.objects.isNumber(obj)) {
+          return FCellTypes.NUMBER;
+        }
+        else if (dom.ketchup.objects.isDate(obj)) {
+          return FCellTypes.DATE;
+        }
+        else if (dom.ketchup.objects.isTimestamp(obj)) {
+          return FCellTypes.DATETIME;
+        }
+        else if (dom.ketchup.objects.isTime(obj)) {
+          return FCellTypes.TIME;
+        }
+        else if (dom.ketchup.objects.isVoCodver(obj)) {
+          return FCellTypes.ICON;
+        }
+        else {
+          return FCellTypes.STRING;
+        }
+      },
     };
     this.column = {
       find(dataset, filters) {
@@ -35,9 +129,23 @@ export class KupData {
       },
     };
     this.node = {
+      getDrilldownInfo(nodes) {
+        return getDrilldownInfoNode(nodes);
+      },
       getParent(nodes, child) {
         return getParentNode(nodes, child);
       },
+      find(nodes, treeNodePath) {
+        return getNodeByPath(nodes, treeNodePath);
+      },
+      findByStrTreeNodePath(nodes, treeNodePath) {
+        const split = treeNodePath.split(',');
+        const path = [];
+        for (let i = 0; i < split.length; i++) {
+          path.push(Number(split[i]));
+        }
+        return getNodeByPath(nodes, path);
+      },
       remove(nodes, node2remove) {
         return removeNode(nodes, node2remove);
       },
@@ -267,9 +375,9 @@ export class KupData {
     };
     const length = dataset.rows.length;
     // sort all columns values by descending
-    let values = getCellValue(dataset, [headerColumn]);
+    let values = getCellValue(dataset, this.column.find(dataset, { name: headerColumn })[0]);
     values.sort(function (a, b) {
-      return Number(a) - Number(b);
+      return Number(a.value) - Number(b.value);
     });
     values.reverse();
     // excluding duplicates values.
@@ -281,7 +389,7 @@ export class KupData {
     let rightIdx = idx + 1;
     // sort the rows like a "mountain", the greatest is in the middle and the other ones are splitted left and right
     for (let i = 0; i < length; i++) {
-      const value = values[i];
+      const value = values[i].value;
       // looping the rows because we have many rows with same value.
       this.finder(dataset, {
         columns: [headerColumn],

package/dist/collection/managers/kup-interact/kup-interact.js

@@ -49,16 +49,13 @@ export class KupInteract {
             draggable.kupDragDrop.ghostImage
             ? draggable.kupDragDrop.ghostImage
             : e.target;
-          const oldTransform = ghostImage.style.transform;
           let x = parseFloat(ghostImage.getAttribute('data-x')) || 0;
           let y = parseFloat(ghostImage.getAttribute('data-y')) || 0;
           x = x + e.dx;
           y = y + e.dy;
           ghostImage.style.transform = `translate(${x}px, ${y}px)`;
-          if (dom.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
-            ghostImage.setAttribute('data-x', x.toString());
-            ghostImage.setAttribute('data-y', y.toString());
-          }
+          ghostImage.setAttribute('data-x', x.toString());
+          ghostImage.setAttribute('data-y', y.toString());
         }
       },
       start(e) {
@@ -106,6 +103,7 @@ export class KupInteract {
             break;
           case KupDragEffect.CLONE:
             ghostImage = draggable.cloneNode(true);
+            ghostImage.id = '';
             ghostImage.style.cursor = 'grabbing';
             ghostImage.style.height = draggable.clientHeight + 'px';
             ghostImage.style.left =

package/dist/collection/managers/kup-language/kup-language-declarations.js

@@ -36,6 +36,17 @@ export var KupLanguageColumn;
   KupLanguageColumn["NON_NUMERICAL_IN_TABLE"] = "columnNonNumericalInTable";
   KupLanguageColumn["SWAP"] = "columnSwap";
 })(KupLanguageColumn || (KupLanguageColumn = {}));
+/**
+ * Dashboard related decodes.
+ */
+export var KupLanguageDashboard;
+(function (KupLanguageDashboard) {
+  KupLanguageDashboard["DIMENSION"] = "dashboardDimension";
+  KupLanguageDashboard["LOADED"] = "dashboardLoaded";
+  KupLanguageDashboard["RESET"] = "dashboardReset";
+  KupLanguageDashboard["SAVE"] = "dashboardSave";
+  KupLanguageDashboard["VERTICAL"] = "dashboardVertical";
+})(KupLanguageDashboard || (KupLanguageDashboard = {}));
 /**
  * Debug widget decodes.
  */

package/dist/collection/managers/kup-objects/kup-objects.js

@@ -228,6 +228,16 @@ export class KupObjects {
       !this.isRadio(obj) &&
       !this.isChart(obj));
   }
+  /**
+   * Checks whether the object represents a switch or not.
+   * @param {KupObj} obj - Object to check.
+   * @returns {boolean} True when the object is a switch.
+   */
+  isSwitch(obj) {
+    if (!obj)
+      return false;
+    return 'V2' === obj.t && 'ONOFF' === obj.p;
+  }
   /**
    * Checks whether the object represents a text field or not.
    * @param {KupObj} obj - Object to check.

package/dist/collection/managers/kup-scroll-on-hover/kup-scroll-on-hover-declarations.js

@@ -3,6 +3,8 @@
  */
 export var ScrollOnHoverDirection;
 (function (ScrollOnHoverDirection) {
+  ScrollOnHoverDirection["BOTTOM"] = "bottom";
   ScrollOnHoverDirection["LEFT"] = "left";
   ScrollOnHoverDirection["RIGHT"] = "right";
+  ScrollOnHoverDirection["TOP"] = "top";
 })(ScrollOnHoverDirection || (ScrollOnHoverDirection = {}));