@sme.up/ketchup 11.0.9 → 11.0.11

package/dist/cjs/kup-autocomplete_30.cjs.entry.js

@@ -8745,7 +8745,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
         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_cellToFocus, _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_modifiedRowsIds, _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_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_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_getCellEditability, _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_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_addRowHandler, _KupDataTable_createRowWithInputFields, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified, _KupDataTable_arraysContainSameElements;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_cellToFocus, _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_modifiedRowsIds, _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_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_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_getCellEditability, _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_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_addRowHandler, _KupDataTable_createRowWithInputFields, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified;
 const dom$2 = document.documentElement;
 const KupDataTable = class {
     constructor(hostRef) {
@@ -9015,28 +9015,40 @@ const KupDataTable = class {
             'grid_off',
         ]);
         _KupDataTable_addRowHandler.set(this, async (row) => {
-            var _a, _b;
-            var _c;
             let newRow;
+            // Retrieves the currently selected rows, if any. They will be used as a
+            // template for the new row when available.
             const selectedRows = await this.getSelectedRows();
             if (selectedRows.length > 0) {
-                newRow = JSON.parse(JSON.stringify(selectedRows[0]));
-            }
-            else if (((_b = (_a = __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.rows) === null || _b === void 0 ? void 0 : _b.length) > 0 && !row) {
-                newRow = JSON.parse(JSON.stringify(__classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f").rows[0]));
+                newRow = __classPrivateFieldGet$8(this, _KupDataTable_createRowWithInputFields, "f").call(this, selectedRows[0]);
             }
             else if (row) {
+                // An explicit row was provided: build the new row from it, applying
+                // the column input-field configuration.
                 newRow = __classPrivateFieldGet$8(this, _KupDataTable_createRowWithInputFields, "f").call(this, row);
             }
             else {
+                // Nothing to copy from: build a blank row with input fields based on
+                // the current column definitions.
                 newRow = __classPrivateFieldGet$8(this, _KupDataTable_createRowWithInputFields, "f").call(this);
             }
+            // When no template was used (no selection and no explicit row), reset the
+            // value of every cell so the new record is empty and ready for input.
             Object.values(newRow.cells).forEach((cell) => {
-                if (selectedRows.length == 0 && !row) {
+                var _a;
+                if (selectedRows.length === 0 && !row) {
                     cell.value = '';
+                    if ((_a = cell === null || cell === void 0 ? void 0 : cell.data) === null || _a === void 0 ? void 0 : _a.initialValue) {
+                        cell.data.initialValue = '';
+                    }
                 }
             });
-            newRow.id = (__classPrivateFieldGet$8(this, _KupDataTable_originalDataLoadedMaxId, "f") + __classPrivateFieldSet$4(this, _KupDataTable_insertCount, (_c = __classPrivateFieldGet$8(this, _KupDataTable_insertCount, "f"), ++_c), "f")).toString();
+            // Assigns an id to the new row. The id is always the highest id
+            // currently present in the data plus one, so inserted rows are always
+            // ordered (0, 1, 2, 3, ...) regardless of insertions or deletions.
+            const currentMaxId = this.data.rows.reduce((max, r) => Math.max(max, parseInt(r.id) || 0), __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoadedMaxId, "f"));
+            newRow.id = (currentMaxId + 1).toString();
+            // Tracks the new row as inserted and prepends it to the table data.
             __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f").push(newRow.id);
             this.insertNewRow(newRow, true);
         });
@@ -9045,18 +9057,22 @@ const KupDataTable = class {
             const row = { cells: {} };
             (_a = this.data) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
                 var _a, _b, _c;
+                const columnData = Object.assign(Object.assign({}, c === null || c === void 0 ? void 0 : c['data']), (c['length'] && c['maxLength']
+                    ? {
+                        size: c['length'],
+                        maxLength: c['maxLength'],
+                    }
+                    : {}));
                 const cell = ((_a = rowToCopy === null || rowToCopy === void 0 ? void 0 : rowToCopy.cells) === null || _a === void 0 ? void 0 : _a[c.name])
-                    ? structuredClone(rowToCopy.cells[c.name])
+                    ? (() => {
+                        const clonedCell = JSON.parse(JSON.stringify(rowToCopy.cells[c.name]));
+                        return Object.assign(Object.assign({}, clonedCell), { data: Object.assign(Object.assign({}, columnData), clonedCell === null || clonedCell === void 0 ? void 0 : clonedCell.data) });
+                    })()
                     : {
                         shape: (_b = c.shape) !== null && _b !== void 0 ? _b : kupManager$2.FCellShapes.TEXT_FIELD,
                         obj: Object.assign({}, c.obj),
                         isEditable: (_c = c.isEditable) !== null && _c !== void 0 ? _c : true,
-                        data: c['length'] && c['maxLength']
-                            ? {
-                                size: c['length'],
-                                maxLength: c['maxLength'],
-                            }
-                            : {},
+                        data: columnData,
                     };
                 row.cells[c.name] = cell;
             });
@@ -9164,7 +9180,6 @@ const KupDataTable = class {
                 this.showFilters = state.showFilters;
                 this.showGroups = state.showGroups;
                 this.showHeader = state.showHeader;
-                this.showLoadMore = state.showLoadMore;
                 this.showPaginator = state.showPaginator;
                 this.hiddenSubmitButton = state.hiddenSubmitButton;
                 this.sortEnabled = state.sortEnabled;
@@ -9277,7 +9292,9 @@ const KupDataTable = class {
                     if (originalDataRowIndex > -1) {
                         this.data.rows[originalDataRowIndex].cells =
                             structuredClone(row.cells);
-                        __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").push(`${originalDataRowIndex}`);
+                        // Track the row by its id (consistent with the other
+                        // places where #modifiedRowsIds is populated).
+                        __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").push(row.id);
                     }
                     else {
                         __classPrivateFieldGet$8(this, _KupDataTable_addRowHandler, "f").call(this, row);
@@ -9392,6 +9409,10 @@ const KupDataTable = class {
         }
         if (deletedRows.length > 0) {
             this.data.rows = newRows;
+            // Clean up the tracking arrays so deleted rows are no longer
+            // considered inserted or modified.
+            __classPrivateFieldSet$4(this, _KupDataTable_insertedRowIds, __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f").filter((id) => !ids.includes(id)), "f");
+            __classPrivateFieldSet$4(this, _KupDataTable_modifiedRowsIds, __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").filter((id) => !ids.includes(id)), "f");
             await this.refresh(true);
         }
         return deletedRows;
@@ -10338,7 +10359,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$4(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$8(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: 'f987c3f6366b22e863c8d4e8a3610ad2685fcb0b', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'c607b07b802da55e185482d138ba06fc222fef4a', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '5d5bc9d717045ebacf203981e4cb82dc5e6743b3', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'edc985270001e7d4792aed4cadaf3b6ae8a9b16b', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10414,7 +10435,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: 'f33962278b5236b40270b87ce88a4832958a76b5' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: 'ebf94e6578476caaf11d9b33d020c07444cebcb4' }, props));
             }
         }
         const tableClass = {
@@ -10446,7 +10467,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: '0a8286472752256a549a59fec6d6a212db97e47e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'd865f5e7f109cc2efd79345d011d485177f2a5fa' }, index.h("tr-sticky", { key: 'f13831067c2d0176cfb6e92b97f97478979bb7e2' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: 'adbf7ea77dd2538152d896c57f48aee731ec4bd0', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '65884ef4206bcf998229298e1c947b45985455a6' }, index.h("tr-sticky", { key: '2c77fb6204cc5eec25b7d445491f32525246b334' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10492,7 +10513,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$8(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (index.h(index.Host, { key: 'cd4443e818e0cfec25dbab371f0956fdc11c8b2b', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '002d8689464677ac797f2c221e6f6498b5b7876c', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10511,11 +10532,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: 'a8cf226a460cdb0e03037ba8148318d5e9569bb6' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), index.h("div", { key: '6cf2fbb93971c046094c38a4b97dea93ef5ad283', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '2c1f7ec7bea3116071b985ac6972e4f95340e3b3', class: "group-wrapper" }, groupChips), index.h("div", { key: 'e254306c9791c62583a3b460b54e795e8bd456c5', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, index.h("style", { key: '969e09953a0852ddfb4f8cc09ae5c5eeaa7b31c1' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), index.h("div", { key: '2ef668f26fc73d8da695997815f8aefe31d622b8', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'f0b8d082c5b090e42a06805fde6a40ef7f320c1a', class: "group-wrapper" }, groupChips), index.h("div", { key: '1f6bf7d73994e3cfc0c923899e2eda527addb1bf', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$8(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$4(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (index.h("div", { key: 'b4e8ed279b3b90d408c1e17a268cf85a559ac127', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (index.h("div", { key: '0a20b56290794f7affeefd8160852c29187157e1', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10565,9 +10586,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '94e8f33892a6386d98d4b5f62eca219bab2e70f0', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: 'cd25a52b1e91a96422b093fdc5bf04ee19550002', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), index.h("div", { key: '67a27df5ebeac81fd972ba8fe2ca22bc499ed53a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '5fb2e944ff0d5380133194a808c3a501510384da', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10576,7 +10597,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$2.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.h("table", { key: '273203f59396660c0ce7d1832bfc1648ee5130c5', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, index.h("table", { key: '666019cd7acb30ee4b5599969a09def220a6ad38', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10584,7 +10605,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: '384006d2bea506ec695ea05839da4e258920410d', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '48f8ee4f1af3ff927e513fc6e6cf865e665ebe1a' }, header)), index.h("tbody", { key: 'dd03070931cc4a2327c9bb4432f0e8719cb1de6d' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: '86df3ea65b8bb4bb5f825bb0f4b2603397cf2959', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '50526a28db9536067341093310a8ee1d5aa0802e' }, header)), index.h("tbody", { key: '96ca0e2643e0c8a6c9634893c292a083dcc86890' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -10730,10 +10751,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
         this.state.showHeader = this.showHeader;
         somethingChanged = true;
     }
-    if (!__classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
-        this.state.showLoadMore = this.showLoadMore;
-        somethingChanged = true;
-    }
     if (!__classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showPaginator, this.showPaginator)) {
         this.state.showPaginator = this.showPaginator;
         somethingChanged = true;
@@ -12922,7 +12939,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -12942,14 +12959,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
             cell.isEditable = __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getCellEditability).call(this, currentColumn, row, cell);
             cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
                     ? 'extra-small'
-                    : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
+                    : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing, maxLength: ((_b = cell.data) === null || _b === void 0 ? void 0 : _b.maxLength) !== null &&
+                    ((_c = cell.data) === null || _c === void 0 ? void 0 : _c.maxLength) !== undefined
+                    ? cell.data['maxLength']
+                    : currentColumn === null || currentColumn === void 0 ? void 0 : currentColumn['maxLength'], size: ((_d = cell.data) === null || _d === void 0 ? void 0 : _d.length) !== null &&
+                    ((_e = cell.data) === null || _e === void 0 ? void 0 : _e.length) !== undefined
+                    ? cell.data['length']
+                    : currentColumn === null || currentColumn === void 0 ? void 0 : currentColumn['length'] });
             if (!cell.isEditable) {
                 cell.cssClass =
                     __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({}, cell.obj), { k: cell.value }), cell.cssClass);
             }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
-                    ? (_b = previousRow.cells[name].decode) !== null && _b !== void 0 ? _b : previousRow.cells[name].value
-                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_c = this.commands) !== null && _c !== void 0 ? _c : [])
+                    ? ((_f = previousRow.cells[name].decode) !== null && _f !== void 0 ? _f : previousRow.cells[name].value)
+                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_g = this.commands) !== null && _g !== void 0 ? _g : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
@@ -13315,9 +13338,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
                 onClickHandler: () => {
                     const selectedRowsIds = this.selectedRows.map((row) => row.id);
                     const insertedRowsIds = __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f");
-                    if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_arraysContainSameElements).call(this, selectedRowsIds, insertedRowsIds)) {
-                        //If the only rows to delete are the ones inserted by the user
-                        //AND NOT CONFIRMED, avoid calling the update
+                    // If every selected row is an inserted (unconfirmed) row,
+                    // delete them locally without calling the update.
+                    const allSelectedAreInserted = selectedRowsIds.every((id) => insertedRowsIds.includes(id));
+                    if (allSelectedAreInserted) {
                         this.deleteRows(selectedRowsIds);
                     }
                     else {
@@ -13351,12 +13375,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
     return __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f").includes(rowId);
 }, _KupDataTable_isRowModified = function _KupDataTable_isRowModified(rowId) {
     return __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").includes(rowId);
-}, _KupDataTable_arraysContainSameElements = function _KupDataTable_arraysContainSameElements(arr1, arr2) {
-    if (arr1.length !== arr2.length)
-        return false;
-    const sorted1 = [...arr1].sort();
-    const sorted2 = [...arr2].sort();
-    return sorted1.every((val, index) => val === sorted2[index]);
 };
 KupDataTable.style = KupDataTableStyle0;
 

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_cellToFocus, _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_modifiedRowsIds, _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_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_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_getCellEditability, _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_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_addRowHandler, _KupDataTable_createRowWithInputFields, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified, _KupDataTable_arraysContainSameElements;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_cellToFocus, _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_modifiedRowsIds, _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_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_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_getCellEditability, _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_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_addRowHandler, _KupDataTable_createRowWithInputFields, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified;
 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";
@@ -288,28 +288,40 @@ export class KupDataTable {
             'grid_off',
         ]);
         _KupDataTable_addRowHandler.set(this, async (row) => {
-            var _a, _b;
-            var _c;
             let newRow;
+            // Retrieves the currently selected rows, if any. They will be used as a
+            // template for the new row when available.
             const selectedRows = await this.getSelectedRows();
             if (selectedRows.length > 0) {
-                newRow = JSON.parse(JSON.stringify(selectedRows[0]));
-            }
-            else if (((_b = (_a = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.rows) === null || _b === void 0 ? void 0 : _b.length) > 0 && !row) {
-                newRow = JSON.parse(JSON.stringify(__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows[0]));
+                newRow = __classPrivateFieldGet(this, _KupDataTable_createRowWithInputFields, "f").call(this, selectedRows[0]);
             }
             else if (row) {
+                // An explicit row was provided: build the new row from it, applying
+                // the column input-field configuration.
                 newRow = __classPrivateFieldGet(this, _KupDataTable_createRowWithInputFields, "f").call(this, row);
             }
             else {
+                // Nothing to copy from: build a blank row with input fields based on
+                // the current column definitions.
                 newRow = __classPrivateFieldGet(this, _KupDataTable_createRowWithInputFields, "f").call(this);
             }
+            // When no template was used (no selection and no explicit row), reset the
+            // value of every cell so the new record is empty and ready for input.
             Object.values(newRow.cells).forEach((cell) => {
-                if (selectedRows.length == 0 && !row) {
+                var _a;
+                if (selectedRows.length === 0 && !row) {
                     cell.value = '';
+                    if ((_a = cell === null || cell === void 0 ? void 0 : cell.data) === null || _a === void 0 ? void 0 : _a.initialValue) {
+                        cell.data.initialValue = '';
+                    }
                 }
             });
-            newRow.id = (__classPrivateFieldGet(this, _KupDataTable_originalDataLoadedMaxId, "f") + __classPrivateFieldSet(this, _KupDataTable_insertCount, (_c = __classPrivateFieldGet(this, _KupDataTable_insertCount, "f"), ++_c), "f")).toString();
+            // Assigns an id to the new row. The id is always the highest id
+            // currently present in the data plus one, so inserted rows are always
+            // ordered (0, 1, 2, 3, ...) regardless of insertions or deletions.
+            const currentMaxId = this.data.rows.reduce((max, r) => Math.max(max, parseInt(r.id) || 0), __classPrivateFieldGet(this, _KupDataTable_originalDataLoadedMaxId, "f"));
+            newRow.id = (currentMaxId + 1).toString();
+            // Tracks the new row as inserted and prepends it to the table data.
             __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f").push(newRow.id);
             this.insertNewRow(newRow, true);
         });
@@ -318,18 +330,22 @@ export class KupDataTable {
             const row = { cells: {} };
             (_a = this.data) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
                 var _a, _b, _c;
+                const columnData = Object.assign(Object.assign({}, c === null || c === void 0 ? void 0 : c['data']), (c['length'] && c['maxLength']
+                    ? {
+                        size: c['length'],
+                        maxLength: c['maxLength'],
+                    }
+                    : {}));
                 const cell = ((_a = rowToCopy === null || rowToCopy === void 0 ? void 0 : rowToCopy.cells) === null || _a === void 0 ? void 0 : _a[c.name])
-                    ? structuredClone(rowToCopy.cells[c.name])
+                    ? (() => {
+                        const clonedCell = JSON.parse(JSON.stringify(rowToCopy.cells[c.name]));
+                        return Object.assign(Object.assign({}, clonedCell), { data: Object.assign(Object.assign({}, columnData), clonedCell === null || clonedCell === void 0 ? void 0 : clonedCell.data) });
+                    })()
                     : {
                         shape: (_b = c.shape) !== null && _b !== void 0 ? _b : FCellShapes.TEXT_FIELD,
                         obj: Object.assign({}, c.obj),
                         isEditable: (_c = c.isEditable) !== null && _c !== void 0 ? _c : true,
-                        data: c['length'] && c['maxLength']
-                            ? {
-                                size: c['length'],
-                                maxLength: c['maxLength'],
-                            }
-                            : {},
+                        data: columnData,
                     };
                 row.cells[c.name] = cell;
             });
@@ -437,7 +453,6 @@ export class KupDataTable {
                 this.showFilters = state.showFilters;
                 this.showGroups = state.showGroups;
                 this.showHeader = state.showHeader;
-                this.showLoadMore = state.showLoadMore;
                 this.showPaginator = state.showPaginator;
                 this.hiddenSubmitButton = state.hiddenSubmitButton;
                 this.sortEnabled = state.sortEnabled;
@@ -550,7 +565,9 @@ export class KupDataTable {
                     if (originalDataRowIndex > -1) {
                         this.data.rows[originalDataRowIndex].cells =
                             structuredClone(row.cells);
-                        __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").push(`${originalDataRowIndex}`);
+                        // Track the row by its id (consistent with the other
+                        // places where #modifiedRowsIds is populated).
+                        __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").push(row.id);
                     }
                     else {
                         __classPrivateFieldGet(this, _KupDataTable_addRowHandler, "f").call(this, row);
@@ -665,6 +682,10 @@ export class KupDataTable {
         }
         if (deletedRows.length > 0) {
             this.data.rows = newRows;
+            // Clean up the tracking arrays so deleted rows are no longer
+            // considered inserted or modified.
+            __classPrivateFieldSet(this, _KupDataTable_insertedRowIds, __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f").filter((id) => !ids.includes(id)), "f");
+            __classPrivateFieldSet(this, _KupDataTable_modifiedRowsIds, __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").filter((id) => !ids.includes(id)), "f");
             await this.refresh(true);
         }
         return deletedRows;
@@ -1613,7 +1634,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: 'f987c3f6366b22e863c8d4e8a3610ad2685fcb0b', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'c607b07b802da55e185482d138ba06fc222fef4a', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '5d5bc9d717045ebacf203981e4cb82dc5e6743b3', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'edc985270001e7d4792aed4cadaf3b6ae8a9b16b', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1689,7 +1710,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: 'f33962278b5236b40270b87ce88a4832958a76b5' }, props));
+                groupChips = h(FChip, Object.assign({ key: 'ebf94e6578476caaf11d9b33d020c07444cebcb4' }, props));
             }
         }
         const tableClass = {
@@ -1721,7 +1742,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '0a8286472752256a549a59fec6d6a212db97e47e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd865f5e7f109cc2efd79345d011d485177f2a5fa' }, h("tr-sticky", { key: 'f13831067c2d0176cfb6e92b97f97478979bb7e2' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'adbf7ea77dd2538152d896c57f48aee731ec4bd0', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '65884ef4206bcf998229298e1c947b45985455a6' }, h("tr-sticky", { key: '2c77fb6204cc5eec25b7d445491f32525246b334' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1767,7 +1788,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: 'cd4443e818e0cfec25dbab371f0956fdc11c8b2b', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '002d8689464677ac797f2c221e6f6498b5b7876c', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1786,11 +1807,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'a8cf226a460cdb0e03037ba8148318d5e9569bb6' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '6cf2fbb93971c046094c38a4b97dea93ef5ad283', id: componentWrapperId, class: wrapClass }, h("div", { key: '2c1f7ec7bea3116071b985ac6972e4f95340e3b3', class: "group-wrapper" }, groupChips), h("div", { key: 'e254306c9791c62583a3b460b54e795e8bd456c5', 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: '969e09953a0852ddfb4f8cc09ae5c5eeaa7b31c1' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '2ef668f26fc73d8da695997815f8aefe31d622b8', id: componentWrapperId, class: wrapClass }, h("div", { key: 'f0b8d082c5b090e42a06805fde6a40ef7f320c1a', class: "group-wrapper" }, groupChips), h("div", { key: '1f6bf7d73994e3cfc0c923899e2eda527addb1bf', 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, paginatorTop && (h("div", { key: 'b4e8ed279b3b90d408c1e17a268cf85a559ac127', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '0a20b56290794f7affeefd8160852c29187157e1', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1840,9 +1861,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: '94e8f33892a6386d98d4b5f62eca219bab2e70f0', 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: 'cd25a52b1e91a96422b093fdc5bf04ee19550002', 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: '67a27df5ebeac81fd972ba8fe2ca22bc499ed53a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '5fb2e944ff0d5380133194a808c3a501510384da', 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);
@@ -1851,7 +1872,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '273203f59396660c0ce7d1832bfc1648ee5130c5', 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: '666019cd7acb30ee4b5599969a09def220a6ad38', 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");
@@ -1859,7 +1880,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: '384006d2bea506ec695ea05839da4e258920410d', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '48f8ee4f1af3ff927e513fc6e6cf865e665ebe1a' }, header)), h("tbody", { key: 'dd03070931cc4a2327c9bb4432f0e8719cb1de6d' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '86df3ea65b8bb4bb5f825bb0f4b2603397cf2959', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '50526a28db9536067341093310a8ee1d5aa0802e' }, header)), h("tbody", { key: '96ca0e2643e0c8a6c9634893c292a083dcc86890' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -4819,10 +4840,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
         this.state.showHeader = this.showHeader;
         somethingChanged = true;
     }
-    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
-        this.state.showLoadMore = this.showLoadMore;
-        somethingChanged = true;
-    }
     if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showPaginator, this.showPaginator)) {
         this.state.showPaginator = this.showPaginator;
         somethingChanged = true;
@@ -7018,7 +7035,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -7038,14 +7055,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
             cell.isEditable = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getCellEditability).call(this, currentColumn, row, cell);
             cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
                     ? 'extra-small'
-                    : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
+                    : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing, maxLength: ((_b = cell.data) === null || _b === void 0 ? void 0 : _b.maxLength) !== null &&
+                    ((_c = cell.data) === null || _c === void 0 ? void 0 : _c.maxLength) !== undefined
+                    ? cell.data['maxLength']
+                    : currentColumn === null || currentColumn === void 0 ? void 0 : currentColumn['maxLength'], size: ((_d = cell.data) === null || _d === void 0 ? void 0 : _d.length) !== null &&
+                    ((_e = cell.data) === null || _e === void 0 ? void 0 : _e.length) !== undefined
+                    ? cell.data['length']
+                    : currentColumn === null || currentColumn === void 0 ? void 0 : currentColumn['length'] });
             if (!cell.isEditable) {
                 cell.cssClass =
                     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({}, cell.obj), { k: cell.value }), cell.cssClass);
             }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
-                    ? (_b = previousRow.cells[name].decode) !== null && _b !== void 0 ? _b : previousRow.cells[name].value
-                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_c = this.commands) !== null && _c !== void 0 ? _c : [])
+                    ? ((_f = previousRow.cells[name].decode) !== null && _f !== void 0 ? _f : previousRow.cells[name].value)
+                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_g = this.commands) !== null && _g !== void 0 ? _g : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
@@ -7415,9 +7438,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
                 onClickHandler: () => {
                     const selectedRowsIds = this.selectedRows.map((row) => row.id);
                     const insertedRowsIds = __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f");
-                    if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_arraysContainSameElements).call(this, selectedRowsIds, insertedRowsIds)) {
-                        //If the only rows to delete are the ones inserted by the user
-                        //AND NOT CONFIRMED, avoid calling the update
+                    // If every selected row is an inserted (unconfirmed) row,
+                    // delete them locally without calling the update.
+                    const allSelectedAreInserted = selectedRowsIds.every((id) => insertedRowsIds.includes(id));
+                    if (allSelectedAreInserted) {
                         this.deleteRows(selectedRowsIds);
                     }
                     else {
@@ -7451,10 +7475,4 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
     return __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f").includes(rowId);
 }, _KupDataTable_isRowModified = function _KupDataTable_isRowModified(rowId) {
     return __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").includes(rowId);
-}, _KupDataTable_arraysContainSameElements = function _KupDataTable_arraysContainSameElements(arr1, arr2) {
-    if (arr1.length !== arr2.length)
-        return false;
-    const sorted1 = [...arr1].sort();
-    const sorted2 = [...arr2].sort();
-    return sorted1.every((val, index) => val === sorted2[index]);
 };