@limetech/lime-elements 40.14.5 → 40.16.0

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

@@ -1,23 +1,28 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BU9IJqli.js';
-import { h as hasPath, d as baseGet, c as castPath, e as arrayMap, b as baseIteratee } from './_baseIteratee-CVz7aes3.js';
-import { b as baseSet, n as negate } from './_baseSet-BUAq8NGm.js';
-import { e as arrayLikeKeys, f as stubArray, a as arrayPush, h as getSymbols, i as baseGetAllKeys } from './_baseIsEqual-B_JRErB0.js';
-import { g as getPrototype } from './_getPrototype-B0kMNv1F.js';
+import { d as hasPath, e as arrayMap } from './hasIn-CKUl04DZ.js';
+import { b as baseIteratee } from './_baseIteratee-DM5xljbg.js';
+import { a as basePickBy } from './_basePickBy-D_9Hus6l.js';
+import { d as arrayLikeKeys, e as stubArray, f as getSymbols, h as baseGetAllKeys } from './_baseIsEqual-CJf575VC.js';
+import { a as arrayPush } from './_arrayPush-NEl7BpFy.js';
+import { g as getPrototype } from './_getPrototype-CQlOogH0.js';
 import { i as isObject } from './isObject-BJQylLSL.js';
-import { d as isPrototype } from './_getTag-BiAaLWvH.js';
-import { i as isArrayLike } from './isArrayLike-CyVGB489.js';
+import { c as isPrototype } from './_getTag-BTNY_Z_q.js';
+import { i as isArrayLike } from './isArrayLike-wfLI14yj.js';
+import { n as negate } from './negate-ooVD-6_a.js';
 import { _ as _mapLayout } from './layout-C4zsCPOF.js';
-import { i as isEqual } from './isEqual-C-pK6AAU.js';
+import { i as isEqual } from './isEqual-BIfg0KPc.js';
 import { t as translations } from './translations-Drl5LNAD.js';
 import './isArray-B8VKuhvH.js';
 import './isSymbol-ClAke5ga.js';
 import './isObjectLike-oiMYqRQ0.js';
+import './_Map-LWJCQc-c.js';
+import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
 import './_isIndex-B--C3qwe.js';
+import './isLength-BZrtP4vv.js';
 import './identity-CK4jS9_E.js';
 import './_assignValue-CEFvyZxO.js';
 import './_defineProperty-C69Btzid.js';
-import './_getNative-COawFdVX.js';
-import './isFunction-9zQTeQI8.js';
 import './eq-CZ30nDJE.js';
 import './language-ChagAaNf.js';
 
@@ -175,31 +180,6 @@ function has(object, path) {
   return object != null && 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 = baseGet(object, path);
-
-    if (predicate(value, path)) {
-      baseSet(result, castPath(path, object), value);
-    }
-  }
-  return result;
-}
-
 /**
  * Creates an object composed of the `object` properties `predicate` returns
  * truthy for. The predicate is invoked with two arguments: (value, key).
@@ -231,7 +211,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 +5841,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 +5858,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 +5926,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 +5934,7 @@ function textarea$1(cell, onRendered, success, cancel, editorParams){
 				cell.getRow().normalizeHeight();
 			},300);
 		}else {
-			cancel();
+			cancel(e);
 		}
 	}
 
@@ -5982,12 +5962,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 +6049,7 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 	input.value = cellValue;
 
 	var blurFunc = function(e){
-		onChange();
+		onChange(e);
 	};
 
 	onRendered(function () {
@@ -6078,7 +6069,7 @@ function number$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 
-	function onChange(){
+	function onChange(e){
 		var value = input.value;
 
 		if(!isNaN(value) && value !==""){
@@ -6086,11 +6077,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 +6090,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 +6163,7 @@ function range(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value;
 		
 		if(!isNaN(value) && value !==""){
@@ -6180,17 +6171,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 +6189,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 +6274,7 @@ function date$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxDate;
 		
@@ -6310,18 +6301,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 +6321,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 +6407,7 @@ function time$1(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxTime;
 		
@@ -6443,18 +6434,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 +6454,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 +6539,7 @@ function datetime$2(cell, onRendered, success, cancel, editorParams){
 		}
 	});
 	
-	function onChange(){
+	function onChange(e){
 		var value = input.value,
 		luxDateTime;
 		
@@ -6575,18 +6566,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 +6586,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 +6879,7 @@ let Edit$1 = class Edit{
 			if(this.popup){
 				this.popup.hide();
 			}else {
-				this._resolveValue(true);
+				this._resolveValue(true, e);
 			}
 		}
 	}
@@ -6914,11 +6905,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 +6967,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 +7017,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 +7576,7 @@ let Edit$1 = class Edit{
 	_itemClick(item, e){
 		e.stopPropagation();
 		
-		this._chooseItem(item);
+		this._chooseItem(item, false, e);
 	}
 	
 	_groupClick(item, e){
@@ -7597,9 +7588,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 +7606,7 @@ let Edit$1 = class Edit{
 		this.focusedItem = null;
 	}
 	
-	_chooseItem(item, silent){
+	_chooseItem(item, silent, e){
 		var index;
 		
 		this.typing = false;
@@ -7639,7 +7630,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 +7641,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 +7662,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 +7687,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 +7760,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 +7819,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 +7838,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 +7862,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 +7942,7 @@ function progress$1(cell, onRendered, success, cancel, editorParams){
 			mouseDrag = false;
 			mouseDragWidth = false;
 
-			updateValue();
+			updateValue(e);
 		}
 	});
 
@@ -7970,18 +7961,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 +8054,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 +8610,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 +8624,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 +8642,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 +8809,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 +8820,7 @@ class Edit extends Module{
 
 					editFinished = true;
 
-					self.clearEditor();
+					self.clearEditor(false, e);
 					
 					if(!cell.modules.edit){
 						cell.modules.edit = {};
@@ -8852,11 +8852,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 +8912,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 +21393,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 +21408,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 +21510,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 +21645,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 +21800,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 +21824,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 +21837,10 @@ class SelectRange extends Module {
 			}
 		}
 
+		if (dir !== "next") {
+			this.tabAnchorCol = null;
+		}
+
 		if (dir === 'prev') {
 			dir = 'left';
 		} else if (dir === 'next') {
@@ -21804,7 +21852,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 +22363,7 @@ class SelectRange extends Module {
 		}
 		
 		range = new Range(this.table, this, { start, end });
+		this.tabAnchorCol = null;
 		
 		this.setActiveRange(range);
 		this.ranges.push(range);
@@ -32249,13 +32319,13 @@ const Table = class {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: 'b83772fd4b3fda9ec2e422d7ae96108ac8c3e30a', class: {
+        return (h(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,
-            } }, h("div", { key: 'cae198d9b1cad3fc776bc09517013a93243c2228', id: "tabulator-container" }, h("div", { key: 'fe968494d9b7977eac1643aadeee1bf0d2347f0e', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'd73ed9fbcca8b75039fa7119e7c9bf0b00b58f0c', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '67ffdb6b7627a0660008f17e3e5ae3ac62554a64', id: "tabulator-table" }))));
+            } }, h("div", { key: 'c0d266d3f273b437b0aa7d6fa83cb7ebe93b1963', id: "tabulator-container" }, h("div", { key: '836bbd66c7a99bacc2a961e51b6b05af5963cb8d', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'b62f403ffb83b30e568b7da64b5ad45cb369b6de', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '3c9f054e2c7b1a4f18115abf771b07ff729258cf', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;