@limetech/lime-elements 40.14.5 → 40.16.0

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

@@ -1,25 +1,30 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var _baseIteratee = require('./_baseIteratee-BIMRm4nq.js');
-var _baseSet = require('./_baseSet-DykMx7uF.js');
-var _baseIsEqual = require('./_baseIsEqual-zzV9DKMv.js');
-var _getPrototype = require('./_getPrototype-CCLHkBHj.js');
+var hasIn = require('./hasIn-BQ92Jk0F.js');
+var _baseIteratee = require('./_baseIteratee-Cistiy8H.js');
+var _basePickBy = require('./_basePickBy-DeOMws-h.js');
+var _baseIsEqual = require('./_baseIsEqual-DNSR68qD.js');
+var _arrayPush = require('./_arrayPush-0Rd-eNkQ.js');
+var _getPrototype = require('./_getPrototype-D74M8h-k.js');
 var isObject = require('./isObject-B6Osvvqp.js');
-var _getTag = require('./_getTag-BC28Za7d.js');
-var isArrayLike = require('./isArrayLike-C2RwZMG4.js');
+var _getTag = require('./_getTag-CxGZ3DRt.js');
+var isArrayLike = require('./isArrayLike-0-cyPB5I.js');
+var negate = require('./negate-Bg3SqQh6.js');
 var layout = require('./layout-CL_D-afg.js');
-var isEqual = require('./isEqual-D3eFkhqd.js');
+var isEqual = require('./isEqual-QhCilNoo.js');
 var translations = require('./translations-CLSqfR3x.js');
 require('./isArray-BuFVIU_i.js');
 require('./isSymbol-DxAVNJfH.js');
 require('./isObjectLike-Dlpn-j-1.js');
+require('./_Map-BsuE0Kgq.js');
+require('./_getNative-Cf52giNE.js');
+require('./isFunction-RSHwsz1x.js');
 require('./_isIndex-Bu45fvR7.js');
+require('./isLength-DvlFY_9S.js');
 require('./identity-Dz5mxHaJ.js');
 require('./_assignValue-DQh76m39.js');
 require('./_defineProperty-Csu6P9HT.js');
-require('./_getNative-Cf52giNE.js');
-require('./isFunction-RSHwsz1x.js');
 require('./eq-DFcUoVzv.js');
 require('./language-v-MMS6ym.js');
 
@@ -110,7 +115,7 @@ var nativeGetSymbols = Object.getOwnPropertySymbols;
 var getSymbolsIn = !nativeGetSymbols ? _baseIsEqual.stubArray : function(object) {
   var result = [];
   while (object) {
-    _baseIsEqual.arrayPush(result, _baseIsEqual.getSymbols(object));
+    _arrayPush.arrayPush(result, _baseIsEqual.getSymbols(object));
     object = _getPrototype.getPrototype(object);
   }
   return result;
@@ -174,32 +179,7 @@ function baseHas(object, key) {
  * // => false
  */
 function has(object, path) {
-  return object != null && _baseIteratee.hasPath(object, path, baseHas);
-}
-
-/**
- * The base implementation of  `_.pickBy` without support for iteratee shorthands.
- *
- * @private
- * @param {Object} object The source object.
- * @param {string[]} paths The property paths to pick.
- * @param {Function} predicate The function invoked per property.
- * @returns {Object} Returns the new object.
- */
-function basePickBy(object, paths, predicate) {
-  var index = -1,
-      length = paths.length,
-      result = {};
-
-  while (++index < length) {
-    var path = paths[index],
-        value = _baseIteratee.baseGet(object, path);
-
-    if (predicate(value, path)) {
-      _baseSet.baseSet(result, _baseIteratee.castPath(path, object), value);
-    }
-  }
-  return result;
+  return object != null && hasIn.hasPath(object, path, baseHas);
 }
 
 /**
@@ -224,16 +204,16 @@ function pickBy(object, predicate) {
   if (object == null) {
     return {};
   }
-  var props = _baseIteratee.arrayMap(getAllKeysIn(object), function(prop) {
+  var props = hasIn.arrayMap(getAllKeysIn(object), function(prop) {
     return [prop];
   });
   predicate = _baseIteratee.baseIteratee(predicate);
-  return basePickBy(object, props, function(value, path) {
+  return _basePickBy.basePickBy(object, props, function(value, path) {
     return predicate(value, path[0]);
   });
 }
 
-/* Tabulator v6.6.1 (c) Oliver Folkerd 2026 */
+/* Tabulator v6.7.1 (c) Oliver Folkerd 2026 */
 class CoreFeature{
 
 	constructor(table){
@@ -5863,11 +5843,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);
 		}
 	}
 
@@ -5880,11 +5860,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":
@@ -5948,7 +5928,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
 			}
 
@@ -5956,7 +5936,7 @@ function textarea$1(cell, onRendered, success, cancel, editorParams){
 				cell.getRow().normalizeHeight();
 			},300);
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 
@@ -5984,12 +5964,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":
@@ -6060,7 +6051,7 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 	input.value = cellValue;
 
 	var blurFunc = function(e){
-		onChange();
+		onChange(e);
 	};
 
 	onRendered(function () {
@@ -6080,7 +6071,7 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 
-	function onChange(){
+	function onChange(e){
 		var value = input.value;
 
 		if(!isNaN(value) && value !==""){
@@ -6088,11 +6079,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);
 		}
 	}
 
@@ -6101,11 +6092,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":
@@ -6174,7 +6165,7 @@ function range(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value;
 		
 		if(!isNaN(value) && value !==""){
@@ -6182,17 +6173,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
@@ -6200,11 +6191,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;
 		}
 	});
@@ -6285,7 +6276,7 @@ function date$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxDate;
 		
@@ -6312,18 +6303,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
 		}
 	});
 	
@@ -6332,11 +6323,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":
@@ -6418,7 +6409,7 @@ function time$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxTime;
 		
@@ -6445,18 +6436,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
 		}
 	});
 	
@@ -6465,11 +6456,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":
@@ -6550,7 +6541,7 @@ function datetime$2(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxDateTime;
 		
@@ -6577,18 +6568,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
 		}
 	});
 	
@@ -6597,11 +6588,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":
@@ -6890,7 +6881,7 @@ let Edit$1 = class Edit{
 			if(this.popup){
 				this.popup.hide();
 			}else {
-				this._resolveValue(true);
+				this._resolveValue(true, e);
 			}
 		}
 	}
@@ -6916,11 +6907,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":
@@ -6978,7 +6969,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);
@@ -7028,20 +7019,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){
@@ -7587,7 +7578,7 @@ let Edit$1 = class Edit{
 	_itemClick(item, e){
 		e.stopPropagation();
 		
-		this._chooseItem(item);
+		this._chooseItem(item, false, e);
 	}
 	
 	_groupClick(item, e){
@@ -7599,9 +7590,9 @@ let Edit$1 = class Edit{
 	////// Current Item Management ///////
 	//////////////////////////////////////
 	
-	_cancel(){
+	_cancel(e){
 		this.popup.hide(true);
-		this.actions.cancel();
+		this.actions.cancel(e);
 	}
 	
 	_clearChoices(){
@@ -7617,7 +7608,7 @@ let Edit$1 = class Edit{
 		this.focusedItem = null;
 	}
 	
-	_chooseItem(item, silent){
+	_chooseItem(item, silent, e){
 		var index;
 		
 		this.typing = false;
@@ -7641,7 +7632,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];
@@ -7652,14 +7643,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){
@@ -7673,7 +7664,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 {
@@ -7698,7 +7689,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;
@@ -7771,7 +7762,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();
 		});
 
@@ -7830,11 +7821,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
@@ -7849,11 +7840,11 @@ function star$1(cell, onRendered, success, cancel, editorParams){
 				break;
 
 			case "Enter":
-				success(value);
+				success(value, e);
 				break;
 
 			case "Escape":
-				cancel();
+				cancel(e);
 				break;
 		}
 	});
@@ -7873,11 +7864,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);
 	}
@@ -7953,7 +7944,7 @@ function progress$1(cell, onRendered, success, cancel, editorParams){
 			mouseDrag = false;
 			mouseDragWidth = false;
 
-			updateValue();
+			updateValue(e);
 		}
 	});
 
@@ -7972,18 +7963,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;
@@ -8065,20 +8056,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);
 		}
 	});
 	
@@ -8621,7 +8612,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;
 		
@@ -8632,7 +8626,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");
 			
@@ -8650,12 +8644,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();
 			
@@ -8814,7 +8811,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);
 
@@ -8822,7 +8822,7 @@ class Edit extends Module{
 
 					editFinished = true;
 
-					self.clearEditor();
+					self.clearEditor(false, e);
 					
 					if(!cell.modules.edit){
 						cell.modules.edit = {};
@@ -8854,11 +8854,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);
 			}
 		}
 		
@@ -8911,6 +8914,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");
@@ -21390,9 +21395,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
@@ -21403,6 +21410,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));
@@ -21504,11 +21512,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"));
@@ -21634,6 +21647,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;
@@ -21767,11 +21802,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);
@@ -21787,7 +21826,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;
@@ -21795,6 +21839,10 @@ class SelectRange extends Module {
 			}
 		}
 
+		if (dir !== "next") {
+			this.tabAnchorCol = null;
+		}
+
 		if (dir === 'prev') {
 			dir = 'left';
 		} else if (dir === 'next') {
@@ -21806,7 +21854,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();
 		}
@@ -22296,6 +22365,7 @@ class SelectRange extends Module {
 		}
 		
 		range = new Range(this.table, this, { start, end });
+		this.tabAnchorCol = null;
 		
 		this.setActiveRange(range);
 		this.ranges.push(range);
@@ -30966,7 +31036,7 @@ function createCustomComponent(cell, column, value, pool) {
  * @param props - object of properties and event listeners
  */
 function setElementProperties(element, props) {
-    const properties = pickBy(props, _baseSet.negate(isEventListener));
+    const properties = pickBy(props, negate.negate(isEventListener));
     Object.assign(element, properties);
     const listeners = pickBy(props, isEventListener);
     for (const [key, value] of Object.entries(listeners)) {
@@ -32251,13 +32321,13 @@ const Table = class {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (index.h(index.Host, { key: 'b83772fd4b3fda9ec2e422d7ae96108ac8c3e30a', class: {
+        return (index.h(index.Host, { key: '0191a4fb265a4eda818fe9478f253cc0210e3e3a', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-pagination': totalRows > this.pageSize,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, index.h("div", { key: 'cae198d9b1cad3fc776bc09517013a93243c2228', id: "tabulator-container" }, index.h("div", { key: 'fe968494d9b7977eac1643aadeee1bf0d2347f0e', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: 'd73ed9fbcca8b75039fa7119e7c9bf0b00b58f0c', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '67ffdb6b7627a0660008f17e3e5ae3ac62554a64', id: "tabulator-table" }))));
+            } }, index.h("div", { key: 'c0d266d3f273b437b0aa7d6fa83cb7ebe93b1963', id: "tabulator-container" }, index.h("div", { key: '836bbd66c7a99bacc2a961e51b6b05af5963cb8d', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: 'b62f403ffb83b30e568b7da64b5ad45cb369b6de', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '3c9f054e2c7b1a4f18115abf771b07ff729258cf', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;