@sme.up/ketchup 10.3.1 → 10.3.2

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FixedCellsClasses, FixedCellsCSSVarsBase, GroupLabelDisplayMode, LoadMoreMode, PaginatorPos, ShowGrid, SortMode, TotalMode, TotalLabel, KupDataTableProps, fieldColumn, iconColumn, keyColumn, SelectionMode, DataTableAreasEnum, TypesToDuplicate, } from "./kup-data-table-declarations";
 import { getColumnByName, getValueForDisplay, isNegativeNumber, } from "../../utils/cell-utils";
@@ -48,7 +48,6 @@ import { KupDataNewColumnTypes, } from "../../managers/kup-data/kup-data-declara
 import { FButton } from "../../f-components/f-button/f-button";
 import { FButtonStyling } from "../../f-components/f-button/f-button-declarations";
 import { KupColumnMenuIds } from "../../utils/kup-column-menu/kup-column-menu-declarations";
-import { KupPerfTuningPriority } from "../../managers/kup-perf-tuning/kup-perf-tuning-declarations";
 const dom = document.documentElement;
 export class KupDataTable {
     constructor() {
@@ -443,20 +442,11 @@ export class KupDataTable {
         var _a, _b, _c, _d;
         if (((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.rows) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             const columnsNumber = this.data.columns.length;
-            const perfTuningData = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfTuning.data;
-            switch (perfTuningData.priority) {
-                case KupPerfTuningPriority.ROWS_PER_PAGE:
-                    __classPrivateFieldSet(this, _KupDataTable_maxRowsPerPage, perfTuningData.maxRowsPerPage, "f");
-                    break;
-                case KupPerfTuningPriority.CELLS_PER_PAGE:
-                    const cellsNumber = this.data.rows.reduce((acc, r) => acc + Object.keys(r.cells).length, 0);
-                    const maxCellsNumberPerPage = perfTuningData.maxCellsPerPage;
-                    if (cellsNumber > maxCellsNumberPerPage) {
-                        // Rounds a number up to the nearest multiple of ten.
-                        __classPrivateFieldSet(this, _KupDataTable_maxRowsPerPage, Math.ceil(maxCellsNumberPerPage / columnsNumber / 10) * 10, "f");
-                    }
-                    break;
-            }
+            const rowsNumber = this.data.rows.length;
+            const perfTuning = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfTuning;
+            perfTuning.maxRowsPerPageProvider(columnsNumber, rowsNumber, (maxRows) => {
+                __classPrivateFieldSet(this, _KupDataTable_maxRowsPerPage, maxRows, "f");
+            });
             if (this.rowsPerPage > __classPrivateFieldGet(this, _KupDataTable_maxRowsPerPage, "f"))
                 this.rowsPerPage = __classPrivateFieldGet(this, _KupDataTable_maxRowsPerPage, "f");
         }
@@ -646,16 +636,9 @@ export class KupDataTable {
      * @param {KupDataColumn} column - Column to hide.
      */
     async hideColumn(column) {
-        var _a;
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hide(this.data, [column.name]);
-        if ((_a = this.visibleColumns) === null || _a === void 0 ? void 0 : _a.length) {
-            this.visibleColumns = this.visibleColumns.filter((colName) => colName != column.name);
-        }
-        else {
-            this.visibleColumns = this.data.columns
-                .filter((col) => col.name != column.name && col.visible)
-                .map((col) => col.name);
-        }
+        this.visibleColumns = this.getVisibleColumns().map((col) => col.name);
+        this.visibleColumns = this.visibleColumns.filter((colName) => colName != column.name);
         this.kupColumnRemove.emit({
             comp: this,
             id: this.rootElement.id,
@@ -742,6 +725,7 @@ export class KupDataTable {
      */
     async newColumn(type, options) {
         const result = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.new(this.data, type, options);
+        __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_insertNewColumnInVisibleColumnsList).call(this, result, options.columns[1]);
         this.refresh();
         return result;
     }
@@ -1455,7 +1439,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '73ab25510b36c211a9b526566f034d0238258dc9', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'a208779c47e4dbf1e07f2e376b29ab887826cba9', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'e9bb5a44c504b3a03f52738518366355cefe291d', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'cba6a258cf3ad8429c376294d311df579632b38b', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1520,7 +1504,7 @@ export class KupDataTable {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: 'b48f3f165d245d0521de81bd439edec989594b38' }, props));
+                groupChips = h(FChip, Object.assign({ key: '6b0c6ebe05b56d6a219738cfe8a03b56ac8e325f' }, props));
             }
         }
         const tableClass = {
@@ -1552,7 +1536,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '8c5bc6abb9a3aab7a2c3e93b48b493a90fdcd663', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'f6c33df33b18a7c647db818171136fdec7cd80ee' }, h("tr-sticky", { key: '341ef08fb5646aebbae32175025d60f8135c087a' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '28f9ab1c990c965025cfa247cf8daedd975b2bc4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '399a0e7f6f318d542de7de036edbebecdec1585c' }, h("tr-sticky", { key: '25830044da6bd9d1f6f175774ea4f02ed32ff2e8' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1598,7 +1582,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '97ba3d4478eefd7a0e6f5aa512c9552507f0bb83', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'cfb3e66b92d337ed7146166526fdd7581890f2a1', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1613,11 +1597,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '79b085a799d77cdb6c4fc1aa27ab4a399f589361' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'd2bc7d721927b76b71a9dc7c30277cb15e4e55e0', id: componentWrapperId, class: wrapClass }, h("div", { key: '1f05f6ec24e005b51a75566f40ef2ec5c8c6a326', class: "group-wrapper" }, groupChips), h("div", { key: 'ff34915fbead73c720150f8638f1d3b63cacce4f', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: 'f7e4bde3443b24b608c12bbe559e9a6622d78a95' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'cd3a1125a1c3f1a6fae0a5a3db40f80abc1ae996', id: componentWrapperId, class: wrapClass }, h("div", { key: 'd44f885a9c4965f85bf3880b05beda7a226ab9f7', class: "group-wrapper" }, groupChips), h("div", { key: 'dd7ca075c3678fdb28090979082b8c8087ee529b', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: '577f5abb16f1a83d95111176e8d1a498a174b3b0', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '13c2a56a33c8a16837e4d36b76c31f9de7e4b517', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1667,9 +1651,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '78b38e239fcac9d73b210eb8752cf55fcacb9b1d', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '9580a2c3a9b5066cff9dbdf601c383290cc5b052', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '0270f09b310618dd8ab5665bcfcefd890d85739a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '27cf3dc8b741058ddb753c393c776897185cf0a6', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1678,7 +1662,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'fefe6e4a726947617cc80124c0cb8afd436dec59', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'acc357c683c3cdc02448382d9e4127e525da7cec', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1686,7 +1670,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'f78b9dc9e18ca0e9cbc9f563bda07f3ad20d7a76', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '728fe1c1d3b292d70163aabcd2a7438a87151263' }, header)), h("tbody", { key: 'ffd21db3ef0ee1dcd734b8f73974de8ee8e0c02d' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '8ac27300459fb808baaa9a2e630b262728ff7649', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '827ad16ec4afbe3b53c88396ef6e1f48b4875c02' }, header)), h("tbody", { key: 'a8acd5290c2e0c74180477faed53915c12731453' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -4572,6 +4556,24 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         somethingChanged = true;
     }
     return somethingChanged;
+}, _KupDataTable_insertNewColumnInVisibleColumnsList = function _KupDataTable_insertNewColumnInVisibleColumnsList(result, afterColumn) {
+    this.visibleColumns = this.getVisibleColumns().map((col) => col.name);
+    if (typeof result !== 'string') {
+        if (this.visibleColumns.findIndex((c) => c === result.name) < 0) {
+            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'New column [' +
+                result.name +
+                '] not present in visibleColumns!', KupDebugCategory.WARNING);
+            const previousColumnIndex = this.visibleColumns.findIndex((c) => c == afterColumn);
+            if (previousColumnIndex >= 0) {
+                __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'New column [' +
+                    result.name +
+                    '] added in visibleColumns at index [' +
+                    (previousColumnIndex + 1) +
+                    ']!', KupDebugCategory.WARNING);
+                this.visibleColumns.splice(previousColumnIndex + 1, 0, result.name);
+            }
+        }
+    }
 }, _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet(this, _KupDataTable_columnDropCard, "f"));
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupDataTable_clickCbDropCard, "f"));
@@ -4590,7 +4592,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             enableMove: this.enableSortableColumns,
             receivingColumn: receiving,
             starterColumn: starter,
-            formulaCb: () => {
+            formulaCb: (result) => {
+                __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_insertNewColumnInVisibleColumnsList).call(this, result, starter.name);
                 __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
                 this.refresh();
             },
@@ -5164,16 +5167,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     __classPrivateFieldGet(this, _KupDataTable_stickyTheadRef, "f").scrollLeft = __classPrivateFieldGet(this, _KupDataTable_tableAreaRef, "f").scrollLeft;
 }, _KupDataTable_checkScrollOnHover = function _KupDataTable_checkScrollOnHover() {
     if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").scrollOnHover.isRegistered(__classPrivateFieldGet(this, _KupDataTable_tableAreaRef, "f"))) {
-        if (this.scrollOnHover &&
-            this.tableHeight === undefined &&
-            this.tableWidth === undefined) {
+        if (this.scrollOnHover) {
             __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").scrollOnHover.register(__classPrivateFieldGet(this, _KupDataTable_tableAreaRef, "f"));
         }
     }
     else {
-        if (!this.scrollOnHover &&
-            (this.tableHeight !== undefined ||
-                this.tableWidth !== undefined)) {
+        if (!this.scrollOnHover) {
             __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").scrollOnHover.unregister(__classPrivateFieldGet(this, _KupDataTable_tableAreaRef, "f"));
         }
     }
@@ -5465,7 +5464,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     __classPrivateFieldSet(this, _KupDataTable_actionsCard, null, "f");
 }, _KupDataTable_closeColumnMenuCard = function _KupDataTable_closeColumnMenuCard() {
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f"));
+    __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dynamicPosition.unregister([__classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f")]);
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupDataTable_clickCbDropCard, "f"));
+    __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").close(__classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f"));
     __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").remove();
     __classPrivateFieldSet(this, _KupDataTable_columnMenuCard, null, "f");
 }, _KupDataTable_prepareDataForActionsCard = function _KupDataTable_prepareDataForActionsCard(dropDownActions) {
@@ -6431,10 +6432,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.visibleColumns.splice(rIdx, 0, sortedName);
     }
     else {
-        // // Adds the sorted column to visibleColumns to preserve the current column order.
-        this.visibleColumns = this.data.columns
-            .filter((col) => col.visible)
-            .map((col) => col.name);
+        // Adds the sorted column to visibleColumns to preserve the current column order.
+        this.visibleColumns = this.getVisibleColumns().map((c) => c.name);
     }
 }, _KupDataTable_moveSortedColumns = function _KupDataTable_moveSortedColumns(columns, receivingColumnIndex, sortedColumnIndex) {
     const remove = columns.splice(sortedColumnIndex, 1);

package/dist/collection/components/kup-date-picker/kup-date-picker.js

@@ -395,7 +395,7 @@ export class KupDatePicker {
                 showPreviousNextMonthDays: this.showPreviousNextMonthDays,
             },
         };
-        return (h(Host, { key: '4c53bd7bac94334e6e7cbc3992da2024a2062fdf' }, h("style", { key: '625ecea49d44c9451c9174b43a7ef1b69bae392e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b50d12bb7550d9cddaed8c1429dbde2ab6b88777', id: componentWrapperId }, h(FTextField, Object.assign({ key: '9d5bb1cc32e8859e646d33337e239226df0b7179' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '5cff744483dacd51637641837e46ad3de2ddd9e6', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: '23dfc215c78e6c5738be111bf19b9ead0804d50b', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
+        return (h(Host, { key: '4c53bd7bac94334e6e7cbc3992da2024a2062fdf' }, h("style", { key: '625ecea49d44c9451c9174b43a7ef1b69bae392e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b50d12bb7550d9cddaed8c1429dbde2ab6b88777', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'c2f78eae07d993dcaf2454329de981006c1ffa1e' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, size: 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: 'a73631f1dc1e6fb33c9b17a02bcbc1101f3ce88d', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: 'aec6de4c78ee91185b91485b4d9045026ff84ba1', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
                 if (ev.detail.value != null &&
                     ev.detail.value != '')
                     this.onKupDatePickerItemClick(ev.detail.value);

package/dist/collection/components/kup-echart/kup-echart.js

@@ -87,7 +87,7 @@ export class KupEchart {
     async resizeCallback() {
         window.clearTimeout(__classPrivateFieldGet(this, _KupEchart_resizeTimeout, "f"));
         __classPrivateFieldSet(this, _KupEchart_resizeTimeout, window.setTimeout(() => {
-            if (__classPrivateFieldGet(this, _KupEchart_chartEl, "f")) {
+            if (__classPrivateFieldGet(this, _KupEchart_chartEl, "f") && __classPrivateFieldGet(this, _KupEchart_chartEl, "f").getZr()) {
                 const xMin = this.rootElement.clientWidth - 5;
                 const xMax = this.rootElement.clientWidth + 5;
                 const yMin = this.rootElement.clientHeight - 5;
@@ -142,10 +142,11 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '9d406118cda939a1365b3f75ac860509040d2af5', style: style }, h("style", { key: '0cf99fb0e3a4776bd6099a81326080c3d864c164' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f4918c39b7359267d962ada8037f67c5633aa678', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '54172a06b4c9fa2b4b14aa2cedf1002ee6ba535c', style: style }, h("style", { key: 'c88e6cd2781d7bf5a9d0fbb2ce6f95b3da037bbf' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd6464aff5fcaa909b91b642b5c22d2115f474fd4', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
-        __classPrivateFieldGet(this, _KupEchart_chartEl, "f").dispose();
+        var _a;
+        (_a = __classPrivateFieldGet(this, _KupEchart_chartEl, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").resize.unobserve(this.rootElement);
     }

package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js

@@ -14,6 +14,7 @@ export var KupInputPanelProps;
     KupInputPanelProps["inputPanelPosition"] = "Manage the global layout of the input panel fields. The default is COLUMNS.";
     KupInputPanelProps["autoSkip"] = "Sets the auto skip between input text fields when the value reaches the max length.";
     KupInputPanelProps["autoFocus"] = "Sets whether the first input should receive focus.";
+    KupInputPanelProps["fieldReset"] = "Create e Reset button for the form";
 })(KupInputPanelProps || (KupInputPanelProps = {}));
 export var KupInputPanelPosition;
 (function (KupInputPanelPosition) {

package/dist/collection/components/kup-input-panel/kup-input-panel-utils.js

@@ -62,20 +62,26 @@ export const getAbsoluteLeft = (col) => {
     }
     return (col - 1) * 10 * LEFT_MULTIPLIER;
 };
-export const getInpComponentAbsoluteHeight = (layout) => {
-    let inpRowHeight = 0;
-    layout.sections.forEach((section) => {
-        section.content.forEach((layoutField) => {
-            if (layoutField.absoluteRow > inpRowHeight) {
-                inpRowHeight =
-                    layoutField.absoluteRow +
-                        (layoutField.absoluteHeight > 1
-                            ? layoutField.absoluteHeight
-                            : 0);
-            }
-        });
-    });
-    return inpRowHeight;
+export const getInpComponentHeight = (layout) => {
+    var _a, _b;
+    if (!layout)
+        return 0;
+    const tblHeight = (_b = (_a = layout.sections
+        .flatMap((section) => section.content)
+        .find((field) => field.shape === FCellShapes.TABLE)) === null || _a === void 0 ? void 0 : _a.absoluteHeight) !== null && _b !== void 0 ? _b : null;
+    const maxRow = Math.max(0, ...layout.sections.flatMap((section) => section.content.map(
+    // -1 because if the absolute height is 1 the sum will result in a field with height 2
+    // A field with absoluteRow 1 and height 1 is only on row 1, not 1+1
+    (field) => field.absoluteRow + (field.absoluteHeight - 1))));
+    if (!tblHeight) {
+        // No TBL, all the rows have height 22
+        return maxRow * SPACED_ROW_HEIGHT;
+    }
+    else {
+        // There is a TBL, with a rows height of 20
+        // All the non-TBL rows still have height 22
+        return ((maxRow - tblHeight) * SPACED_ROW_HEIGHT + tblHeight * ROW_HEIGHT);
+    }
 };
 export const graphicShapeHasIcon = (shape) => {
     return (shape === FCellShapes.AUTOCOMPLETE ||

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellTypesNeedingReset, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_readyPromise, _KupInputPanel_readyResolve, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_manageInputPanelCheck, _KupInputPanel_onCellUpdate, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_findTraversedFCell, _KupInputPanel_getEventDetails, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellTypesNeedingReset, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_readyPromise, _KupInputPanel_readyResolve, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_manageInputPanelCheck, _KupInputPanel_onCellUpdate, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_findTraversedFCell, _KupInputPanel_getEventDetails, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FButton } from "../../f-components/f-button/f-button";
 import { FCell } from "../../f-components/f-cell/f-cell";
@@ -34,7 +34,7 @@ import { FCellShapes, FCellTypes, } from "../../f-components/f-cell/f-cell-decla
 import { FLabel } from "../../f-components/f-label/f-label";
 import { FTextFieldMDC } from "../../f-components/f-text-field/f-text-field-mdc";
 import { FTypography } from "../../f-components/f-typography/f-typography";
-import { FTypographyType, } from "../../f-components/f-typography/f-typography-declarations";
+import { FTypographyType } from "../../f-components/f-typography/f-typography-declarations";
 import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declarations";
 import { KupPointerEventTypes } from "../../managers/kup-interact/kup-interact-declarations";
 import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
@@ -43,7 +43,7 @@ import { CHIAdapter, CHKAdapter, CMBandACPAdapter, getCellValueForDisplay, RADAd
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { CheckConditionsByEventType, CheckTriggeringEvents, KupInputPanelButtonsPositions, KupInputPanelLayoutSectionType, KupInputPanelPosition, KupInputPanelProps, } from "./kup-input-panel-declarations";
-import { getAbsoluteHeight, getAbsoluteLeft, getAbsoluteTop, getAbsoluteWidth, getInpComponentAbsoluteHeight, getLabelAbsoluteWidth, graphicShapeHasIcon, SPACED_ROW_HEIGHT, } from "./kup-input-panel-utils";
+import { getAbsoluteHeight, getAbsoluteLeft, getAbsoluteTop, getAbsoluteWidth, getInpComponentHeight, getLabelAbsoluteWidth, graphicShapeHasIcon, } from "./kup-input-panel-utils";
 const dom = document.documentElement;
 export class KupInputPanel {
     constructor() {
@@ -80,7 +80,6 @@ export class KupInputPanel {
         _KupInputPanel_sectionRenderMap.set(this, new Map([
             [KupInputPanelLayoutSectionType.TAB, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSectionTab).bind(this)],
         ]));
-        _KupInputPanel_keysShortcut.set(this, []);
         _KupInputPanel_readyPromise.set(this, void 0);
         _KupInputPanel_readyResolve.set(this, void 0);
         this.buttonPosition = KupInputPanelButtonsPositions.BOTTOM;
@@ -97,6 +96,7 @@ export class KupInputPanel {
         this.autoFocus = false;
         this.autoSkip = false;
         this.updateOnClick = false;
+        this.fieldReset = false;
         this.inputPanelCells = [];
         this.inputPanelCommands = [];
         this.tabSelected = null;
@@ -182,6 +182,25 @@ export class KupInputPanel {
     async update(cellId) {
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, cellId), cellId);
     }
+    onFormReset() {
+        var _a;
+        for (const col of this.data.columns) {
+            const cell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, col.name);
+            if ((cell.shape === FCellShapes.MULTI_AUTOCOMPLETE ||
+                cell.shape === FCellShapes.MULTI_COMBOBOX) &&
+                ((_a = cell.data) === null || _a === void 0 ? void 0 : _a.data)) {
+                // reset chips array
+                cell.data.data = [];
+            }
+            cell.value = '';
+            cell.obj.k = '';
+            cell.decode = '';
+            if (cell.data.initialValue) {
+                cell.data.initialValue = '';
+            }
+        }
+        this.refresh();
+    }
     //#endregion
     //#region LIFECYCLE HOOKS
     /*-------------------------------------------------*/
@@ -229,7 +248,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: 'd468961b69c36da299594dd70e3d65911a40a1f6', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: 'b1133efe7244cc661038684eaf17e4703b9534d1', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK), "onKup-objectfield-searchpayload": (e) => {
                 this.kupInputPanelObjectFieldSearchPayload.emit(e.detail);
@@ -237,7 +256,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '824fd398cb63ceda965e538605c4e679085d1d33' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '83cb7ae70a5d7340792ed76fa53aee7c3ecbfc60', id: componentWrapperId }, inputPanelContent)));
+            } }, h("style", { key: '9427c673b6350b14496c77211089da3e6addbbf3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '35e45b29284732303c817997dcd0888e615453aa', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -589,6 +608,27 @@ export class KupInputPanel {
                 "attribute": "update-on-click",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "fieldReset": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "When set to true, will render a reset button"
+                },
+                "attribute": "field-reset",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }
@@ -847,7 +887,7 @@ export class KupInputPanel {
             }];
     }
 }
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellTypesNeedingReset = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_readyPromise = new WeakMap(), _KupInputPanel_readyResolve = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellTypesNeedingReset = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_readyPromise = new WeakMap(), _KupInputPanel_readyResolve = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
     if (!id) {
         return null;
     }
@@ -866,7 +906,6 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const layout = inputPanelCell.row.layout;
     const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
     const styleObj = {};
-    const styleTypographyObj = {};
     let rowContent;
     if (!((_a = layout === null || layout === void 0 ? void 0 : layout.sections) === null || _a === void 0 ? void 0 : _a.length)) {
         rowContent = inputPanelCell.cells
@@ -876,9 +915,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     else {
         if (layout.absolute) {
             rowContent = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderAbsoluteLayout).call(this, inputPanelCell, layout);
-            // 12px is added due to the chance that the horizontal scrollbar will be rendered
-            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * SPACED_ROW_HEIGHT +
-                12}px`;
+            styleObj.height = `${getInpComponentHeight(layout)}px`;
         }
         else {
             if (!layout.sectionsType) {
@@ -933,12 +970,15 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
                     after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
                 },
             });
+        }, onReset: (e) => {
+            e.preventDefault();
+            this.onFormReset();
         }, onContextMenu: (e) => {
             if (__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_findTraversedFCell).call(this, e) != null) {
                 e.preventDefault();
             }
         } }, ((_b = layout === null || layout === void 0 ? void 0 : layout.sections) === null || _b === void 0 ? void 0 : _b.length) == 1 &&
-        ((_c = layout === null || layout === void 0 ? void 0 : layout.sections[0]) === null || _c === void 0 ? void 0 : _c.title) && (h("div", { class: "input-panel__typography" }, h(FTypography, { value: layout.sections[0].title, type: FTypographyType.HEADING1 }))), h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: commandsClass }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands))));
+        ((_c = layout === null || layout === void 0 ? void 0 : layout.sections[0]) === null || _c === void 0 ? void 0 : _c.title) && (h("div", { class: "input-panel__typography" }, h(FTypography, { value: layout.sections[0].title, type: FTypographyType.HEADING1 }))), h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: commandsClass }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.fieldReset && (h(FButton, { buttonType: "reset", label: "Reset", wrapperClass: "form__submit", icon: "broom" })), this.inputPanelCommands))));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     var _a;
     if (!cell) {
@@ -1589,7 +1629,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             : (_d = (_c = cell.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d['kup-list'];
         if (kupListData) {
             kupListData.data = (filteredRows === null || filteredRows === void 0 ? void 0 : filteredRows.length)
-                ? ((_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : [])
+                ? (_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : []
                 : [];
             kupListData.options = (_f = options.columns) !== null && _f !== void 0 ? _f : [];
         }

package/dist/collection/components/kup-tab-bar/kup-tab-bar-declarations.js

@@ -6,9 +6,13 @@ export var KupTabBarProps;
 (function (KupTabBarProps) {
     KupTabBarProps["customStyle"] = "Custom style of the component.";
     KupTabBarProps["data"] = "List of elements.";
+    KupTabBarProps["dense"] = "When true, the component will be more compact.";
+    KupTabBarProps["infoIcon"] = "Icon to be shown in the info button";
     KupTabBarProps["ripple"] = "When enabled displays Material's ripple effect on item headers.";
     KupTabBarProps["toolbar"] = "when true, it will show the toolbar activation icon";
     KupTabBarProps["variant"] = "Variant of the component. It is either flat or contained";
+    KupTabBarProps["toolbarCallback"] = "Callback to be called when the toolbar icon is clicked";
+    KupTabBarProps["infoCallback"] = "Callback to be called when the info icon is clicked";
 })(KupTabBarProps || (KupTabBarProps = {}));
 /**
  * Styling options for the f-button component.