@limetech/lime-elements 40.14.4 → 40.15.0

package/dist/esm/limel-table.entry.js

@@ -231,7 +231,7 @@ function pickBy(object, predicate) {
   });
 }
 
-/* Tabulator v6.6.1 (c) Oliver Folkerd 2026 */
+/* Tabulator v6.7.1 (c) Oliver Folkerd 2026 */
 class CoreFeature{
 
 	constructor(table){
@@ -5861,11 +5861,11 @@ function input(cell, onRendered, success, cancel, editorParams){
 
 	function onChange(e){
 		if(((cellValue === null || typeof cellValue === "undefined") && input.value !== "") || input.value !== cellValue){
-			if(success(input.value)){
+			if(success(input.value, e)){
 				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
 			}
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 
@@ -5878,11 +5878,11 @@ function input(cell, onRendered, success, cancel, editorParams){
 		switch(e.key){
 			// case "Tab":
 			case "Enter":
-				onChange();
+				onChange(e);
 				break;
 
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 
 			case "End":
@@ -5946,7 +5946,7 @@ function textarea$1(cell, onRendered, success, cancel, editorParams){
 
 		if(((cellValue === null || typeof cellValue === "undefined") && input.value !== "") || input.value !== cellValue){
 
-			if(success(input.value)){
+			if(success(input.value, e)){
 				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
 			}
 
@@ -5954,7 +5954,7 @@ function textarea$1(cell, onRendered, success, cancel, editorParams){
 				cell.getRow().normalizeHeight();
 			},300);
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 
@@ -5982,12 +5982,23 @@ function textarea$1(cell, onRendered, success, cancel, editorParams){
 
 			case "Enter":
 				if(e.shiftKey && editorParams.shiftEnterSubmit){
-					onChange();
+					onChange(e);
+				} else if(
+					(e.shiftKey && editorParams.shiftEnterNewLine)
+					|| (e.altKey && editorParams.altEnterNewLine)
+					|| (e.ctrlKey && editorParams.ctrlEnterNewLine)
+					|| (e.metaKey && editorParams.metaEnterNewLine)
+				) {
+					e.preventDefault();
+					input.setRangeText("\n", input.selectionStart, input.selectionEnd, "end");
+				} else if (editorParams.enterSubmit){
+					e.preventDefault();
+					onChange(e);
 				}
 				break;
 
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 
 			case "ArrowUp":
@@ -6058,7 +6069,7 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 	input.value = cellValue;
 
 	var blurFunc = function(e){
-		onChange();
+		onChange(e);
 	};
 
 	onRendered(function () {
@@ -6078,7 +6089,7 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 
-	function onChange(){
+	function onChange(e){
 		var value = input.value;
 
 		if(!isNaN(value) && value !==""){
@@ -6086,11 +6097,11 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 		}
 
 		if(value !== cellValue){
-			if(success(value)){
+			if(success(value, e)){
 				cellValue = value; //persist value if successfully validated incase editor is used as header filter
 			}
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 
@@ -6099,11 +6110,11 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 		switch(e.key){
 			case "Enter":
 			// case "Tab":
-				onChange();
+				onChange(e);
 				break;
 
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 
 			case "ArrowUp":
@@ -6172,7 +6183,7 @@ function range(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value;
 		
 		if(!isNaN(value) && value !==""){
@@ -6180,17 +6191,17 @@ function range(cell, onRendered, success, cancel, editorParams){
 		}
 		
 		if(value != cellValue){
-			if(success(value)){
+			if(success(value, e)){
 				cellValue = value; //persist value if successfully validated incase editor is used as header filter
 			}
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 	
 	//submit new value on blur
 	input.addEventListener("blur", function(e){
-		onChange();
+		onChange(e);
 	});
 	
 	//submit new value on enter
@@ -6198,11 +6209,11 @@ function range(cell, onRendered, success, cancel, editorParams){
 		switch(e.key){
 			case "Enter":
 			// case "Tab":
-				onChange();
+				onChange(e);
 				break;
 			
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 		}
 	});
@@ -6283,7 +6294,7 @@ function date$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxDate;
 		
@@ -6310,18 +6321,18 @@ function date$1(cell, onRendered, success, cancel, editorParams){
 				}
 			}
 			
-			if(success(value)){
+			if(success(value, e)){
 				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
 			}
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 	
 	//submit new value on blur
 	input.addEventListener("blur", function(e) {
 		if (e.relatedTarget || e.rangeParent || e.explicitOriginalTarget !== input) {
-			onChange(); // only on a "true" blur; not when focusing browser's date/time picker
+			onChange(e); // only on a "true" blur; not when focusing browser's date/time picker
 		}
 	});
 	
@@ -6330,11 +6341,11 @@ function date$1(cell, onRendered, success, cancel, editorParams){
 		switch(e.key){
 			// case "Tab":
 			case "Enter":
-				onChange();
+				onChange(e);
 				break;
 			
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 			
 			case "End":
@@ -6416,7 +6427,7 @@ function time$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxTime;
 		
@@ -6443,18 +6454,18 @@ function time$1(cell, onRendered, success, cancel, editorParams){
 				}
 			}
 			
-			if(success(value)){
+			if(success(value, e)){
 				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
 			}
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 	
 	//submit new value on blur
 	input.addEventListener("blur", function(e) {
 		if (e.relatedTarget || e.rangeParent || e.explicitOriginalTarget !== input) {
-			onChange(); // only on a "true" blur; not when focusing browser's date/time picker
+			onChange(e); // only on a "true" blur; not when focusing browser's date/time picker
 		}
 	});
 	
@@ -6463,11 +6474,11 @@ function time$1(cell, onRendered, success, cancel, editorParams){
 		switch(e.key){
 			// case "Tab":
 			case "Enter":
-				onChange();
+				onChange(e);
 				break;
 			
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 			
 			case "End":
@@ -6548,7 +6559,7 @@ function datetime$2(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxDateTime;
 		
@@ -6575,18 +6586,18 @@ function datetime$2(cell, onRendered, success, cancel, editorParams){
 				}
 			}
 			
-			if(success(value)){
+			if(success(value, e)){
 				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
 			}
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 	
 	//submit new value on blur
 	input.addEventListener("blur", function(e) {
 		if (e.relatedTarget || e.rangeParent || e.explicitOriginalTarget !== input) {
-			onChange(); // only on a "true" blur; not when focusing browser's date/time picker
+			onChange(e); // only on a "true" blur; not when focusing browser's date/time picker
 		}
 	});
 	
@@ -6595,11 +6606,11 @@ function datetime$2(cell, onRendered, success, cancel, editorParams){
 		switch(e.key){
 			// case "Tab":
 			case "Enter":
-				onChange();
+				onChange(e);
 				break;
 			
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 			
 			case "End":
@@ -6888,7 +6899,7 @@ let Edit$1 = class Edit{
 			if(this.popup){
 				this.popup.hide();
 			}else {
-				this._resolveValue(true);
+				this._resolveValue(true, e);
 			}
 		}
 	}
@@ -6914,11 +6925,11 @@ let Edit$1 = class Edit{
 				break;
 			
 			case "Enter":
-				this._keyEnter();
+				this._keyEnter(e);
 				break;
 			
 			case "Escape":
-				this._keyEsc();
+				this._keyEsc(e);
 				break;
 			
 			case "Home":
@@ -6976,7 +6987,7 @@ let Edit$1 = class Edit{
 	
 	_keyTab(e){
 		if(this.params.autocomplete && this.lastAction === "typing"){
-			this._resolveValue(true);
+			this._resolveValue(true, e);
 		}else {
 			if(this.focusedItem){
 				this._chooseItem(this.focusedItem, true);
@@ -7026,20 +7037,20 @@ let Edit$1 = class Edit{
 	
 	_keyEnter(e){
 		if(this.params.autocomplete && this.lastAction === "typing"){
-			this._resolveValue(true);
+			this._resolveValue(true, e);
 		}else {
 			if(this.focusedItem){
 				if(this.isFilter && !this.params.multiselect && this.focusedItem.selected){
-					this._resolveValue();
+					this._resolveValue(false, e);
 				}else {
-					this._chooseItem(this.focusedItem);
+					this._chooseItem(this.focusedItem, false, e);
 				}
 			}
 		}
 	}
 	
 	_keyEsc(e){
-		this._cancel();
+		this._cancel(e);
 	}
 	
 	_keyHomeEnd(e){
@@ -7585,7 +7596,7 @@ let Edit$1 = class Edit{
 	_itemClick(item, e){
 		e.stopPropagation();
 		
-		this._chooseItem(item);
+		this._chooseItem(item, false, e);
 	}
 	
 	_groupClick(item, e){
@@ -7597,9 +7608,9 @@ let Edit$1 = class Edit{
 	////// Current Item Management ///////
 	//////////////////////////////////////
 	
-	_cancel(){
+	_cancel(e){
 		this.popup.hide(true);
-		this.actions.cancel();
+		this.actions.cancel(e);
 	}
 	
 	_clearChoices(){
@@ -7615,7 +7626,7 @@ let Edit$1 = class Edit{
 		this.focusedItem = null;
 	}
 	
-	_chooseItem(item, silent){
+	_chooseItem(item, silent, e){
 		var index;
 		
 		this.typing = false;
@@ -7639,7 +7650,7 @@ let Edit$1 = class Edit{
 			if(this.isFilter && !silent && item.selected){
 				this._clearChoices();
 				this.input.value = "";
-				this._resolveValue();
+				this._resolveValue(false, e);
 				return;
 			}
 			this.currentItems = [item];
@@ -7650,14 +7661,14 @@ let Edit$1 = class Edit{
 			this._styleItem(item);
 			
 			if(!silent){
-				this._resolveValue();
+				this._resolveValue(false, e);
 			}
 		}
 		
 		this._focusItem(item);
 	}
 	
-	_resolveValue(blur){
+	_resolveValue(blur, e){
 		var output, initialValue;
 		
 		if(this.popup){
@@ -7671,7 +7682,7 @@ let Edit$1 = class Edit{
 				if(this.params.freetext || (this.params.allowEmpty && this.input.value === "")){
 					output = this.input.value;
 				}else {
-					this.actions.cancel();
+					this.actions.cancel(e);
 					return;
 				}
 			}else {
@@ -7696,7 +7707,7 @@ let Edit$1 = class Edit{
 			output = this.params.emptyValue;
 		}
 		
-		this.actions.success(output);
+		this.actions.success(output, e);
 		
 		if(this.isFilter){
 			this.initialValues = output && !Array.isArray(output) ? [output] : output;
@@ -7769,7 +7780,7 @@ function star$1(cell, onRendered, success, cancel, editorParams){
 		starHolder.addEventListener("click", function(e){
 			e.stopPropagation();
 			e.stopImmediatePropagation();
-			success(i);
+			success(i, e);
 			element.blur();
 		});
 
@@ -7828,11 +7839,11 @@ function star$1(cell, onRendered, success, cancel, editorParams){
 	});
 
 	starsHolder.addEventListener("click", function(e){
-		success(0);
+		success(0, e);
 	});
 
 	element.addEventListener("blur", function(e){
-		cancel();
+		cancel(e);
 	});
 
 	//allow key based navigation
@@ -7847,11 +7858,11 @@ function star$1(cell, onRendered, success, cancel, editorParams){
 				break;
 
 			case "Enter":
-				success(value);
+				success(value, e);
 				break;
 
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 		}
 	});
@@ -7871,11 +7882,11 @@ function progress$1(cell, onRendered, success, cancel, editorParams){
 	mouseDrag, mouseDragWidth;
 
 	//set new value
-	function updateValue(){
+	function updateValue(e){
 		var style = window.getComputedStyle(element, null);
 
 		var calcVal = (percent * Math.round(bar.offsetWidth / ((element.clientWidth - parseInt(style.getPropertyValue("padding-left")) - parseInt(style.getPropertyValue("padding-right")))/100))) + min;
-		success(calcVal);
+		success(calcVal, e);
 		element.setAttribute("aria-valuenow", calcVal);
 		element.setAttribute("aria-label", value);
 	}
@@ -7951,7 +7962,7 @@ function progress$1(cell, onRendered, success, cancel, editorParams){
 			mouseDrag = false;
 			mouseDragWidth = false;
 
-			updateValue();
+			updateValue(e);
 		}
 	});
 
@@ -7970,18 +7981,18 @@ function progress$1(cell, onRendered, success, cancel, editorParams){
 
 			case "Tab":
 			case "Enter":
-				updateValue();
+				updateValue(e);
 				break;
 
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 
 		}
 	});
 
-	element.addEventListener("blur", function(){
-		cancel();
+	element.addEventListener("blur", function(e){
+		cancel(e);
 	});
 
 	return bar;
@@ -8063,20 +8074,20 @@ function tickCross$1(cell, onRendered, success, cancel, editorParams){
 	
 	//submit new value on blur
 	input.addEventListener("change", function(e){
-		success(setValue());
+		success(setValue(), e);
 	});
 
 	input.addEventListener("blur", function(e){
-		success(setValue(true));
+		success(setValue(true), e);
 	});
 	
 	//submit new value on enter
 	input.addEventListener("keydown", function(e){
 		if(e.key == "Enter"){
-			success(setValue());
+			success(setValue(), e);
 		}
 		if(e.key == "Escape"){
-			cancel();
+			cancel(e);
 		}
 	});
 	
@@ -8619,7 +8630,10 @@ class Edit extends Module{
 	}
 	
 	
-	clearEditor(cancel){
+	/**
+	 * @param {KeyboardEvent|MouseEvent|FocusEvent|Event} [e] editor event that ended the edit
+	 */
+	clearEditor(cancel, e){
 		var cell = this.currentCell,
 		cellEl;
 		
@@ -8630,7 +8644,7 @@ class Edit extends Module{
 			
 			cellEl = cell.getElement();
 			
-			this.dispatch("edit-editor-clear", cell, cancel);
+			this.dispatch("edit-editor-clear", cell, cancel, e);
 			
 			cellEl.classList.remove("tabulator-editing");
 			
@@ -8648,12 +8662,15 @@ class Edit extends Module{
 		}
 	}
 	
-	cancelEdit(){
+	/**
+	 * @param {KeyboardEvent|MouseEvent|FocusEvent|Event} [e] editor event that ended the edit
+	 */
+	cancelEdit(e){
 		if(this.currentCell){
 			var cell = this.currentCell;
 			var component = this.currentCell.getComponent();
 			
-			this.clearEditor(true);
+			this.clearEditor(true, e);
 			cell.setValueActual(cell.getValue());
 			cell.cellRendered();
 			
@@ -8812,7 +8829,10 @@ class Edit extends Module{
 		}
 		
 		//handle successful value change
-		function success(value){
+		/**
+		 * @param {KeyboardEvent|MouseEvent|FocusEvent|Event} [e] editor event that ended the edit
+		 */
+		function success(value, e){
 			if(self.currentCell === cell && !editFinished){
 				var valid = self.chain("edit-success", [cell, value], true, true);
 
@@ -8820,7 +8840,7 @@ class Edit extends Module{
 
 					editFinished = true;
 
-					self.clearEditor();
+					self.clearEditor(false, e);
 					
 					if(!cell.modules.edit){
 						cell.modules.edit = {};
@@ -8852,11 +8872,14 @@ class Edit extends Module{
 		}
 		
 		//handle aborted edit
-		function cancel(){
+		/**
+		 * @param {KeyboardEvent|MouseEvent|FocusEvent|Event} [e] editor event that ended the edit
+		 */
+		function cancel(e){
 			// editFinished = true;
 
 			if(self.currentCell === cell && !editFinished){
-				self.cancelEdit();
+				self.cancelEdit(e);
 			}
 		}
 		
@@ -8909,6 +8932,8 @@ class Edit extends Module{
 				//if editor returned, add to DOM, if false, abort edit
 				if(this.currentCell && cellEditor !== false){
 					if(cellEditor instanceof Node){
+						this.dispatch("edit-editor-created", cell, cellEditor);
+
 						element.classList.add("tabulator-editing");
 						cell.row.getElement().classList.add("tabulator-editing");
 						cell.table.element.classList.add("tabulator-editing");
@@ -21388,9 +21413,11 @@ class SelectRange extends Module {
 		/** @type {Range|false} */
 		this.activeRange = false;
 		this.blockKeydown = false;
+		this.tabAnchorCol = null;
 		this.fillHandle = null;
 		
 		this.keyDownEvent = this._handleKeyDown.bind(this);
+		this.editKeyDownEvent = this._handleEditKeyDown.bind(this);
 		this.mouseUpEvent = this._handleMouseUp.bind(this);
 		
 		this.registerTableOption("selectableRange", false); //enable selectable range
@@ -21401,6 +21428,7 @@ class SelectRange extends Module {
 		this.registerTableOption("selectableRangeAutoFocus", true); //focus on a cell after resetRanges
 		this.registerTableOption("selectableRangeInitializeDefault", true); //initializes default range on cell [0,0]
 		this.registerTableOption("selectableRangeBlurEditOnNavigate", undefined); //prevent editing on navigation
+		this.registerTableOption("selectableRangeCommitEditOnNavigate", false); //commit instead of cancel the edit when blurred on navigation
 		this.registerTableOption("selectableRangeFill", false); //drag the range handle to fill neighbouring cells
 		
 		this.registerTableFunction("getRangesData", this.getRangesData.bind(this));
@@ -21502,11 +21530,16 @@ class SelectRange extends Module {
 		this.subscribe("table-redraw", this.redraw.bind(this));
 		this.subscribe("table-destroy", this.tableDestroyed.bind(this));
 		
+		this.subscribe("edit-editor-created", this.handleEditorCreated.bind(this));
 		this.subscribe("edit-editor-clear", this.finishEditingCell.bind(this));
 		this.subscribe("edit-blur", this.restoreFocus.bind(this));
 		
-		this.subscribe("keybinding-nav-prev", this.keyNavigate.bind(this, "prev"));
-		this.subscribe("keybinding-nav-next", this.keyNavigate.bind(this, "next"));
+		// Runs before Edit's own Tab handling, which would open the next cell's
+		// editor first and make Tab move twice
+		this.subscribe("keybinding-nav-prev", this.keyNavigate.bind(this, "prev"), 20);
+		// Runs before Edit moves the editor, which would shift the active range
+		this.subscribe("keybinding-nav-next", this.setTabAnchor.bind(this), 10);
+		this.subscribe("keybinding-nav-next", this.keyNavigate.bind(this, "next"), 20);
 		this.subscribe("keybinding-nav-left", this.keyNavigate.bind(this, "left"));
 		this.subscribe("keybinding-nav-right", this.keyNavigate.bind(this, "right"));
 		this.subscribe("keybinding-nav-up", this.keyNavigate.bind(this, "up"));
@@ -21632,6 +21665,28 @@ class SelectRange extends Module {
 			}
 		}
 	}
+
+	_handleEditKeyDown(e) {
+		if (e.key !== "Enter") {
+			return;
+		}
+
+		if (e.ctrlKey || e.altKey || e.metaKey) {
+			return;
+		}
+
+		if (this.table.modules.edit.checkEditing()) {
+			return;
+		}
+
+		if (e.shiftKey) {
+			this.navigateToTabAnchor("up");
+		} else {
+			this.navigateToTabAnchor("down");
+		}
+
+		e.preventDefault();
+	}
 	
 	initializeFocus(cell){
 		var range;
@@ -21765,11 +21820,15 @@ class SelectRange extends Module {
 			this.activeRange.setBounds(cell);
 		}
 	}
+
+	handleEditorCreated(cell, editor) {
+		editor.addEventListener("keydown", this.editKeyDownEvent);
+	}
 	
-	finishEditingCell() {
+	finishEditingCell(_cell, _cancel, e) {
 		this.blockKeydown = true;
 		this.table.rowManager.element.focus();
-		
+
 		setTimeout(() => {
 			this.blockKeydown = false;
 		}, 10);
@@ -21785,7 +21844,12 @@ class SelectRange extends Module {
 			
 			if(isEditing){
 				if(dir === 'next' || dir === 'prev'){
-					this.dispatch("edit-cancel-cell");
+					if(this.options("selectableRangeCommitEditOnNavigate")){
+						// Moving focus out of the editor commits it, like clicking away
+						this.restoreFocus();
+					}else {
+						this.dispatch("edit-cancel-cell");
+					}
 				}else {
 					// Prevent navigating while editing except for next/prev
 					return false;
@@ -21793,6 +21857,10 @@ class SelectRange extends Module {
 			}
 		}
 
+		if (dir !== "next") {
+			this.tabAnchorCol = null;
+		}
+
 		if (dir === 'prev') {
 			dir = 'left';
 		} else if (dir === 'next') {
@@ -21804,7 +21872,28 @@ class SelectRange extends Module {
 		}
 	}
 	
+	setTabAnchor(){
+		if (this.tabAnchorCol === null) {
+			this.tabAnchorCol = this.activeRange.start.col;
+		}
+	}
+
+	navigateToTabAnchor(dir){
+		const range = this.activeRange;
+
+		if (this.tabAnchorCol !== null) {
+			range.setStart(range.start.row, this.tabAnchorCol);
+			range.setEnd(range.start.row, this.tabAnchorCol);
+			this.tabAnchorCol = null;
+			this.layoutElement();
+		}
+
+		this.navigate(false, false, dir);
+	}
+	
 	keyNavigateRange(e, dir, jump, expand){
+		this.tabAnchorCol = null;
+
 		if(this.navigate(jump, expand, dir)){
 			e.preventDefault();
 		}
@@ -22294,6 +22383,7 @@ class SelectRange extends Module {
 		}
 		
 		range = new Range(this.table, this, { start, end });
+		this.tabAnchorCol = null;
 		
 		this.setActiveRange(range);
 		this.ranges.push(range);