@sme.up/ketchup 6.5.0 → 6.7.0

package/dist/esm/{f-button-a24e43dd.js → f-button-e79f7594.js}

@@ -1,6 +1,6 @@
-import { h } from './index-e41330a5.js';
+import { h } from './index-a2197376.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-7e02e88f.js';
+import { F as FImage } from './f-image-ab3dc8cb.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-ebbb0c06.js → f-cell-9400374e.js}

@@ -1,9 +1,9 @@
-import { aj as editableTypes, ak as kupTypes, b as KupThemeColorValues, al as FCellTypes, am as KupTagNames, an as fullWidthFieldsComps, ag as stringToNumber, ao as FCellClasses, ap as autoCenterComps, ad as getCellValueForDisplay, aq as FCellEvents } from './kup-manager-7c27e90e.js';
-import { h } from './index-e41330a5.js';
-import { F as FCheckbox } from './f-checkbox-e06cf07b.js';
-import { F as FTextField } from './f-text-field-8438a278.js';
-import { F as FImage } from './f-image-7e02e88f.js';
-import { a as FChip } from './f-chip-e2c38ba8.js';
+import { ak as editableTypes, al as kupTypes, b as KupThemeColorValues, am as FCellTypes, an as KupTagNames, ao as fullWidthFieldsComps, ah as stringToNumber, ap as FCellClasses, aq as autoCenterComps, ae as getCellValueForDisplay, ar as FCellEvents } from './kup-manager-c54e6df5.js';
+import { h } from './index-a2197376.js';
+import { F as FCheckbox } from './f-checkbox-b721178e.js';
+import { F as FTextField } from './f-text-field-4841dfea.js';
+import { F as FImage } from './f-image-ab3dc8cb.js';
+import { a as FChip } from './f-chip-bf740287.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -212,24 +212,24 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
 function setEditableCell(cellType, classObj, cell, column, props) {
   switch (cellType) {
     case FCellTypes.AUTOCOMPLETE:
-      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) })));
+      return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, 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 (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({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, 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({ 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) })));
+      return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, 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: 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) })));
+      return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, 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) })));
+      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, 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: 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) })));
+      return (h("kup-time-picker", Object.assign({ key: column.name + props.row.id, 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:
@@ -297,7 +297,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
   switch (cellType) {
     case FCellTypes.BAR:
       if (!subcomponentProps.data) {
-        return h("kup-image", Object.assign({}, subcomponentProps));
+        return (h("kup-image", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
       }
       else {
         const barStyle = {
@@ -311,7 +311,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       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) })));
+      return (h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
@@ -321,29 +321,29 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
         row: row,
         column: column,
       };
-      return h("kup-button-list", Object.assign({}, subcomponentProps));
+      return (h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.CHART:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return h("kup-chart", Object.assign({}, subcomponentProps));
+      return (h("kup-chart", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.CHIP:
       return h(FChip, Object.assign({}, subcomponentProps));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({}, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
+      return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id }, 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)));
+      return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
-      return h("kup-progress-bar", Object.assign({}, subcomponentProps));
+      return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.RADIO:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
-      return h("kup-radio", Object.assign({}, subcomponentProps));
+      return (h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.RATING:
-      return h("kup-rating", Object.assign({}, subcomponentProps, { disabled: true }));
+      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
   }
 }
 function cellEvent(e, props, cellType, cellEventName) {
@@ -404,10 +404,12 @@ function cellEvent(e, props, cellType, cellEventName) {
   }
 }
 function isAutoCentered(props) {
-  return autoCenterComps.includes(props.component.rootElement.tagName);
+  var _a;
+  return autoCenterComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 function isFullWidth(props) {
-  return fullWidthFieldsComps.includes(props.component.rootElement.tagName);
+  var _a;
+  return fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 
 export { FCell as F, FSwitch as a };

package/dist/esm/{f-checkbox-e06cf07b.js → f-checkbox-b721178e.js}

@@ -1,4 +1,4 @@
-import { h } from './index-e41330a5.js';
+import { h } from './index-a2197376.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-e2c38ba8.js → f-chip-bf740287.js}

@@ -1,6 +1,6 @@
-import { h } from './index-e41330a5.js';
-import { F as FImage } from './f-image-7e02e88f.js';
-import { K as KupThemeIconValues, j as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-7c27e90e.js';
+import { h } from './index-a2197376.js';
+import { F as FImage } from './f-image-ab3dc8cb.js';
+import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-c54e6df5.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-7e02e88f.js → f-image-ab3dc8cb.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-e41330a5.js';
-import { b as KupThemeColorValues } from './kup-manager-7c27e90e.js';
+import { h, a as getAssetPath } from './index-a2197376.js';
+import { b as KupThemeColorValues } from './kup-manager-c54e6df5.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-paginator-utils-e6d2638f.js → f-paginator-utils-6909e43b.js}

@@ -1,6 +1,6 @@
-import { C as Filters, I as FilterInterval, E as getValueForDisplay, B as getValueForDisplay2, ad as getCellValueForDisplay, t as getColumnByName, x as KupObjects, ae as KupData, af as compareCell, T as TotalMode, ag as stringToNumber, e as KupDatesFormats, ah as isNumber, _ as SortMode, ai as KupLanguagePage, p as KupLanguageRow, j as KupLanguageGeneric } from './kup-manager-7c27e90e.js';
-import { h } from './index-e41330a5.js';
-import { F as FButton } from './f-button-a24e43dd.js';
+import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, ae as getCellValueForDisplay, u as getColumnByName, y as KupObjects, af as KupData, ag as compareCell, T as TotalMode, ah as stringToNumber, f as KupDatesFormats, ai as isNumber, $ as SortMode, aj as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-c54e6df5.js';
+import { h } from './index-a2197376.js';
+import { F as FButton } from './f-button-e79f7594.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
 
 /**
@@ -368,7 +368,6 @@ class FiltersColumnMenu extends Filters {
 var KupTreeProps;
 (function (KupTreeProps) {
   KupTreeProps["asAccordion"] = "When enabled, the first level of depth will give an accordion look to nodes.";
-  KupTreeProps["autoSelectionNodeMode"] = "Auto select programmatic selectic node";
   KupTreeProps["columns"] = "The columns of the tree when tree visualization is active.";
   KupTreeProps["customStyle"] = "Custom style of the component.";
   KupTreeProps["data"] = "The json data used to populate the tree view: the basic, always visible tree nodes.";
@@ -385,7 +384,6 @@ var KupTreeProps;
   KupTreeProps["preventXScroll"] = "Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.";
   KupTreeProps["ripple"] = "When enabled displays Material's ripple effect on nodes (only when no columns are displayed).";
   KupTreeProps["scrollOnHover"] = "Activates the scroll on hover function.";
-  KupTreeProps["selectedNode"] = "An array of integers containing the path to a selected child. Groups up the properties SelFirst, SelItem, SelName.";
   KupTreeProps["showColumns"] = "Shows the tree data as a table.";
   KupTreeProps["showFilters"] = "When set to true enables the column filters.";
   KupTreeProps["showFooter"] = "When set to true shows the footer.";

package/dist/esm/{f-text-field-8438a278.js → f-text-field-4841dfea.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-e41330a5.js';
-import { K as KupThemeIconValues } from './kup-manager-7c27e90e.js';
+import { h, a as getAssetPath } from './index-a2197376.js';
+import { K as KupThemeIconValues } from './kup-manager-c54e6df5.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */