tabulator-tables 5.6.0 → 5.6.1

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.6.0 (c) Oliver Folkerd 2024 */
+/* Tabulator v5.6.1 (c) Oliver Folkerd 2024 */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
 	typeof define === 'function' && define.amd ? define(factory) :
@@ -1008,6 +1008,10 @@
 					titleElement.focus();
 				});
 
+				titleElement.addEventListener("mousedown", (e) => {
+					e.stopPropagation();
+				});
+
 				titleElement.addEventListener("change", () => {
 					def.title = titleElement.value;
 					this.dispatchExternal("columnTitleChanged", this.getComponent());
@@ -5760,13 +5764,11 @@
 		
 		//redraw table
 		redraw (force){
-			const resized = this.adjustTableSize();
+			this.adjustTableSize();
 			this.table.tableWidth = this.table.element.clientWidth;
 			
-			if(!force){
-				if(resized) {
-					this.reRenderInPosition();
-				}
+			if(!force){	
+				this.reRenderInPosition();
 				this.scrollHorizontal(this.scrollLeft);
 			}else {
 				this.renderTable();
@@ -8733,7 +8735,7 @@
 			this.options.height = isNaN(height) ? height : height + "px";
 			this.element.style.height = this.options.height;
 			this.rowManager.initializeRenderer();
-			this.rowManager.redraw();
+			this.rowManager.redraw(true);
 		}
 		
 		//////////////////// Event Bus ///////////////////
@@ -12151,12 +12153,14 @@
 					newDatetime = DT.fromFormat(String(cellValue), inputFormat);
 				}
 				
-				cellValue = newDatetime.toFormat("hh:mm");
+				cellValue = newDatetime.toFormat("HH:mm");
 				
 			}else {
 				console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");
 			}
 		}
+
+		console.log("val", cellValue);
 		
 		input.value = cellValue;
 		
@@ -12278,7 +12282,7 @@
 					newDatetime = DT.fromFormat(String(cellValue), inputFormat);
 				}
 				
-				cellValue = newDatetime.toFormat("yyyy-MM-dd")  + "T" + newDatetime.toFormat("hh:mm");
+				cellValue = newDatetime.toFormat("yyyy-MM-dd")  + "T" + newDatetime.toFormat("HH:mm");
 			}else {
 				console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");
 			}
@@ -14417,8 +14421,9 @@
 			allowEdit = true,
 			rendered = function(){},
 			element = cell.getElement(),
+			editFinished = false,
 			cellEditor, component, params;
-			
+
 			//prevent editing if another cell is refusing to leave focus (eg. validation fail)
 			
 			if(this.currentCell){
@@ -14430,13 +14435,15 @@
 			
 			//handle successful value change
 			function success(value){
-				if(self.currentCell === cell){
+				if(self.currentCell === cell && !editFinished){
 					var valid = self.chain("edit-success", [cell, value], true, true);
-					
+
 					if(valid === true || self.table.options.validationMode === "highlight"){
+
+						editFinished = true;
+
 						self.clearEditor();
 						
-						
 						if(!cell.modules.edit){
 							cell.modules.edit = {};
 						}
@@ -14448,12 +14455,17 @@
 						}
 						
 						cell.setValue(value, true);
-						
+
 						return valid === true;
 					}else {
+						editFinished = true;
 						self.invalidEdit = true;
 						self.focusCellNoEvent(cell, true);
 						rendered();
+
+						setTimeout(() => {
+							editFinished = false;
+						}, 10);
 						return false;
 					}
 				}
@@ -14461,7 +14473,9 @@
 			
 			//handle aborted edit
 			function cancel(){
-				if(self.currentCell === cell){
+				// editFinished = true;
+
+				if(self.currentCell === cell && !editFinished){
 					self.cancelEdit();
 				}
 			}
@@ -17170,6 +17184,7 @@
 			this.subscribe("column-deleted", this.reinitializeColumns.bind(this));
 			this.subscribe("column-hide", this.reinitializeColumns.bind(this));
 			this.subscribe("column-show", this.reinitializeColumns.bind(this));
+			this.subscribe("columns-loaded", this.reinitializeColumns.bind(this));
 			
 			this.subscribe("table-redraw", this.layout.bind(this));
 			this.subscribe("layout-refreshing", this.blockLayout.bind(this));
@@ -26169,6 +26184,13 @@
 			this.table = table;
 			this.start = {row:0, col:0};
 			this.end = {row:0, col:0};
+
+			if(this.rangeManager.rowHeader){
+				this.left = 1;
+				this.right = 1;
+				this.start.col = 1;
+				this.end.col = 1;
+			}
 			
 			this.initElement();
 			
@@ -26228,14 +26250,14 @@
 			
 			if (element.type === "column") {
 				if(this.rangeManager.columnSelection){
-					this.setStart(0, element.getPosition() - 2);
+					this.setStart(0, element.getPosition() - 1);
 				}
 			}else {
 				row = element.row.position - 1;
-				col = element.column.getPosition() - 2;
+				col = element.column.getPosition() - 1;
 				
 				if (element.column === this.rangeManager.rowHeader) {
-					this.setStart(row, 0);
+					this.setStart(row, 1);
 				} else {
 					this.setStart(row, col);
 				}
@@ -26249,18 +26271,18 @@
 			if (element.type === "column") {
 				if(this.rangeManager.columnSelection){
 					if (this.rangeManager.selecting === "column") {
-						this.setEnd(rowsCount - 1, element.getPosition() - 2);
+						this.setEnd(rowsCount - 1, element.getPosition() - 1);
 					} else if (this.rangeManager.selecting === "cell") {
-						this.setEnd(0, element.getPosition() - 2);
+						this.setEnd(0, element.getPosition() - 1);
 					}
 				}
 			}else {
 				row = element.row.position - 1;
-				col = element.column.getPosition() - 2;
+				col = element.column.getPosition() - 1;
 				isRowHeader = element.column === this.rangeManager.rowHeader;
 				
 				if (this.rangeManager.selecting === "row") {
-					this.setEnd(row, this._getTableColumns().length - 2);
+					this.setEnd(row, this._getTableColumns().length - 1);
 				} else if (this.rangeManager.selecting !== "row" && isRowHeader) {
 					this.setEnd(row, 0);
 				} else if (this.rangeManager.selecting === "column") {
@@ -26342,11 +26364,11 @@
 		}
 		
 		atTopLeft(cell) {
-			return cell.row.position - 1 === this.top && cell.column.getPosition() - 2 === this.left;
+			return cell.row.position - 1 === this.top && cell.column.getPosition() - 1 === this.left;
 		}
 		
 		atBottomRight(cell) {
-			return cell.row.position - 1 === this.bottom && cell.column.getPosition() - 2 === this.right;
+			return cell.row.position - 1 === this.bottom && cell.column.getPosition() - 1 === this.right;
 		}
 		
 		occupies(cell) {
@@ -26358,7 +26380,7 @@
 		}
 		
 		occupiesColumn(col) {
-			return this.left <= col.getPosition() - 2 && col.getPosition() - 2 <= this.right;
+			return this.left <= col.getPosition() - 1 && col.getPosition() - 1 <= this.right;
 		}
 		
 		overlaps(left, top, right, bottom) {
@@ -26427,7 +26449,7 @@
 		}
 		
 		getColumns() {
-			return this._getTableColumns().slice(this.left + 1, this.right + 2);
+			return this._getTableColumns().slice(this.left, this.right + 1);
 		}
 		
 		clearValues(){
@@ -26613,7 +26635,7 @@
 		
 		initializeColumn(column) {
 			if(this.columnSelection && column.definition.headerSort && this.options("headerSortClickElement") !== "icon"){
-				console.warn("Using column headerSort with selectableRangeColumns option may result in unpredictable behavior");
+				console.warn("Using column headerSort with selectableRangeColumns option may result in unpredictable behavior. Consider using headerSortClickElement: 'icon'.");
 			}
 			
 			if (column.modules.edit) ;
@@ -26908,7 +26930,7 @@
 						nextCol = Math.max(nextCol - 1, 0);
 						break;
 					case "right":
-						nextCol = Math.min(nextCol + 1, this.getTableColumns().length - 2);
+						nextCol = Math.min(nextCol + 1, this.getTableColumns().length - 1);
 						break;
 					case "up":
 						nextRow = Math.max(nextRow - 1, 0);
@@ -27002,13 +27024,14 @@
 		findJumpCellLeft(rowPos, colPos){
 			var row = this.getRowByRangePos(rowPos),
 			cells = row.cells.filter((cell) => cell.column.visible),
-			isStartingCellEmpty = !cells[colPos + 1].getValue(),
+			isStartingCellEmpty = !cells[colPos].getValue(),
 			isLeftOfStartingCellEmpty = cells[colPos] ? !cells[colPos].getValue() : false,
 			jumpCol = colPos,
-			nextCell = this.findJumpCell(cells.slice(0, colPos), true, isStartingCellEmpty, isLeftOfStartingCellEmpty);
+			targetCells = this.rowHeader ? cells.slice(1, colPos) : cells.slice(0, colPos),
+			nextCell = this.findJumpCell(targetCells, true, isStartingCellEmpty, isLeftOfStartingCellEmpty);
 			
 			if(nextCell){
-				jumpCol = nextCell.column.getPosition() - 2;
+				jumpCol = nextCell.column.getPosition() - 1;
 			}
 			
 			return jumpCol;
@@ -27017,13 +27040,13 @@
 		findJumpCellRight(rowPos, colPos){
 			var row = this.getRowByRangePos(rowPos),
 			cells = row.cells.filter((cell) => cell.column.visible),
-			isStartingCellEmpty = !cells[colPos + 1].getValue(),
-			isRightOfStartingCellEmpty = cells[colPos + 2] ? !cells[colPos + 2].getValue() : false,
+			isStartingCellEmpty = !cells[colPos].getValue(),
+			isRightOfStartingCellEmpty = cells[colPos + 1] ? !cells[colPos + 1].getValue() : false,
 			jumpCol = colPos,
-			nextCell = this.findJumpCell(cells.slice(colPos + 2, cells.length), false, isStartingCellEmpty, isRightOfStartingCellEmpty);
+			nextCell = this.findJumpCell(cells.slice(colPos + 1, cells.length), false, isStartingCellEmpty, isRightOfStartingCellEmpty);
 			
 			if(nextCell){
-				jumpCol = nextCell.column.getPosition() - 2;
+				jumpCol = nextCell.column.getPosition() - 1;
 			}
 			
 			return jumpCol;
@@ -27074,8 +27097,13 @@
 					range = this.resetRanges();
 					this.selecting = "all";
 					
-					const topLeftCell = this.getCell(0, 0);
-					const bottomRightCell = this.getCell(-1, -1);
+					var topLeftCell, bottomRightCell = this.getCell(-1, -1);
+
+					if(this.rowHeader){
+						topLeftCell = this.getCell(0, 1);
+					}else {
+						topLeftCell = this.getCell(0, 0);
+					}
 					
 					range.setBounds(topLeftCell, bottomRightCell);		
 					return;
@@ -27099,9 +27127,8 @@
 		
 		autoScroll(range, row, column) {
 			var tableHolder = this.table.rowManager.element,
-			rowHeader = this.rowHeader.getElement(),
-			rect, view, withinHorizontalView, withinVerticalView;
-			
+			rowHeader, rect, view, withinHorizontalView, withinVerticalView;
+
 			if (typeof row === 'undefined') {
 				row = this.getRowByRangePos(range.end.row).getElement();
 			}
@@ -27109,6 +27136,10 @@
 			if (typeof column === 'undefined') {
 				column = this.getColumnByRangePos(range.end.col).getElement();
 			}
+
+			if (this.rowHeader) {
+				rowHeader = this.rowHeader.getElement();
+			}
 			
 			rect = {
 				left: column.offsetLeft,
@@ -27118,11 +27149,15 @@
 			};
 			
 			view = {
-				left: tableHolder.scrollLeft + rowHeader.offsetWidth,
+				left: tableHolder.scrollLeft,
 				right: Math.ceil(tableHolder.scrollLeft + tableHolder.clientWidth),
 				top: tableHolder.scrollTop,
 				bottom:	tableHolder.scrollTop +	tableHolder.offsetHeight - this.table.rowManager.scrollbarWidth,
 			};
+
+			if (rowHeader) {
+				view.left += rowHeader.offsetWidth;
+			}
 			
 			withinHorizontalView = view.left < rect.left &&	rect.left < view.right && view.left < rect.right &&	rect.right < view.right;
 			
@@ -27130,7 +27165,10 @@
 			
 			if (!withinHorizontalView) {
 				if (rect.left < view.left) {
-					tableHolder.scrollLeft = rect.left - rowHeader.offsetWidth;
+					tableHolder.scrollLeft = rect.left;
+					if (rowHeader) {
+						tableHolder.scrollLeft -= rowHeader.offsetWidth;
+					}
 				} else if (rect.right > view.right) {
 					tableHolder.scrollLeft = rect.right - tableHolder.clientWidth;
 				}
@@ -27249,8 +27287,7 @@
 			var row;
 			
 			if (colIdx < 0) {
-				colIdx = this.getTableColumns().length + colIdx - 1;
-				
+				colIdx = this.getTableColumns().length + colIdx;
 				if (colIdx < 0) {
 					return null;
 				}
@@ -27262,7 +27299,7 @@
 			
 			row = this.table.rowManager.getRowFromPosition(rowIdx + 1);
 			
-			return row ? row.getCells(false, true).filter((cell) => cell.column.visible)[colIdx + 1] : null;
+			return row ? row.getCells(false, true).filter((cell) => cell.column.visible)[colIdx] : null;
 		}
 		
 		
@@ -27275,7 +27312,7 @@
 		}
 		
 		getColumnByRangePos(pos) {
-			return this.getTableColumns()[pos + 1];
+			return this.getTableColumns()[pos];
 		}
 		
 		getTableRows() {